header{ width:100%; height:120px; border-top:3px solid #263369; border-bottom: 1px solid #efefef; box-shadow: 0 2px 5px rgba(0,0,0,0.5);	-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.5); -o-box-shadow: 0 2px 5px rgba(0,0,0,0.5);-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.5); }
header nav{ width:1200px; height:120px; position:relative; margin:0 auto; }
header nav img.header_logo{ position: absolute; top:26px; left:0px; }
header ol.log{ position: absolute; top:20px; right:72px; }
header ol.log li{ margin-left: 20px; float: left }
header ol.log li a{ color:#263369; }
header ol.log li a:hover{ font-weight: bold; }

header ol.lang{ position: absolute; top:12px; left:90px; }
header ol.lang li{ margin-right: 10px; float: left }
header ol.lang li a{ color:#263369; padding:0px 10px; border:1px solid #263369; }
header ol.lang li.on a{ background:#263369; color:#fff;}
header ol.lang li a:hover{ background:#263369; color:#fff;}
section{ width: 100%; height:430px; background:url('../img/section_bg.png'); background-position: center; background-size: cover; }

aside div.no_wrap{ width:100%; height:266px; background:#f6f8fc; }
aside div.no_wrap div.notice{ position: relative; width:1200px; height:245px; margin:0 auto; background: #fff; }

/*notice*/
div.notice{ position:absolute; top:; width:1200px; height:230px; background:#fff; box-shadow: 0 2px 10px rgba(0,0,0,.1);	-moz-box-shadow: 0 2px 10px rgba(0,0,0,.1); -o-box-shadow: top 0 2px 10px rgba(0,0,0,.1);-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.1); }

div.notice .tab { margin-bottom: 20px; position: relative; overflow: hidden; background: #fff; width: 100%; height:245px; margin: 0 auto;  line-height: 1.5; font-weight: 300; color: #888; -webkit-font-smoothing: antialiased;	}
div.notice .tabs { display: table; position: relative; overflow: hidden; margin: 0; width: 100%; background:#353941;}
div.notice .tabs li { float: left; line-height: 55px; height:55px; width:auto; overflow: hidden; padding: 0; position: relative;}
div.notice .tabs li img{display:none;}
div.notice .tabs div.tit{position:relative; width:100%; height:100%; background-color: #353941; color:#b4b5b9; text-align:center; font-size:20px; font-weight: 500; display: block; letter-spacing: 0; outline: none; padding: 0 70px; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor:pointer;}
div.notice .tabs li a{position:absolute; top:0; right:50px; display:inline-block; color:#aaa; font-weight:bold; font-size:20px; z-index:1;}
div.notice .tabs_item { display: none; padding: 35px 0;}
div.notice .tabs_item h4 { font-weight: bold; color: #87d3b7; font-size: 20px;}
div.notice .tabs_item img { width: 200px; float: left; margin-right: 30px;}
div.notice .tabs_item:first-child { display: block;}
div.notice .tabs li.current div.tit { color: #5c5f6f; background: #fff;}
div.notice .tabs li.current img{ display: block; width:20px; text-align:center; margin-top:-15px; margin-left:50%; transform:translateX(-50%);}

div.notice .tabs_item a{ color:#5c5f6f;}
div.notice .tabs_item ul li{ width:580px; height:25px; margin-bottom:23px; font-size:18px; display:block; color:#5c5f6f;}
div.notice .tabs_item ul li h3{ font-size:18px; line-height:2em; font-weight:200; color:#5c5f6f; float:left;  }
div.notice .tabs_item ul li h3 img{ width:10px; height:10px; margin-right:15px; font-size:10px; position:relative; top:13px; }
div.notice .tabs_item ul li div.more{display:none;}
div.notice .tabs_item ul li span.date{ display:block;  float:right; width:100px; font-size:16px; line-height:1.8em; }
div.notice .tabs_item ul li span.date strong{ font-size:16px; font-weight:200; color:#3f3d38;}
div.notice .tabs_item ul li span.more{ display:none; border: 1px solid #c7c8cd;  float:right; width:65px; font-size:14px; line-height:1.8em; padding-left: 8px; }
div.notice .tabs_item ul li span.cont{ display:none; width: 370px; height:25px; float:left;}
div.notice .tabs_item ul li span.cont_wrap{ float:left; width:390px; height:25px; margin-left:50px;}
/*
div.notice .tabs_item ul li:first-child{ width:560px; height:122px;  margin-bottom:10px;  display:block;}
div.notice .tabs_item ul li:first-child h3{ font-size:18px; width:260px; height:33px; overflow:hidden; line-height:1.3em;font-weight:bold; color:#5c5f6f; float:left;  }
div.notice .tabs_item ul li:first-child h3 i{ color:#005baa; font-size:10px; margin-right:0px;}
div.notice .tabs_item ul li:first-child div.more{ display:block; position:absolute; font-size:12px; width:57px; height:25px; border:1px solid #c7c8cd; color:; text-align:center; float:right; line-height:23px; color:#5c5f6f; bottom:3px; right:3px;}
div.notice .tabs_item ul li:first-child span.date{ display:block;  line-height:1.5em; width:120px; height:130px; padding-top:20px; border:1px solid #ececee; margin-left:65px; float:left; font-size:30px; color:#5c5f6f; text-align:center; }
div.notice .tabs_item ul li:first-child span.date strong{ display:block; font-weight:bold; font-size:30px; color:#3f3d38;}
div.notice .tabs_item ul li:first-child span.date strong.info{ font-weight:bold; font-size:38px; color:#5c5f6f;display:inline-block; padding-bottom:10px;}
div.notice .tabs_item ul li:first-child span.cont{ display:block;  width: 290px; height:100px; font-size:15px; margin-top:0px; float:right;}
div.notice .tabs_item ul li:first-child span.cont_wrap{ float:right; width:305px; height:132px; margin-left:0px; position:relative;}
*/
/*notice*/

/*ba_wrap*/
div.ba_wrap{ width:1200px; height:200px; position: relative; margin:0 auto; }
div.ba_wrap div.quick_menu{ width:600px; height:200px; float:left; background:#fff; box-shadow: 0 2px 10px rgba(0,0,0,.1); }
div.ba_wrap div.quick_menu ul li{ position: relative; width: 140px; text-align: center; height:185px; float: left; margin-top: 7px; margin-left: 7px;}
div.ba_wrap div.quick_menu ul li.br3{width:190.6px;}
div.ba_wrap div.quick_menu ul li img{ width: 80px; margin-top: 45px; margin-bottom: 5px; height:auto; opacity: 0.4;  }
div.ba_wrap div.quick_menu ul li a{  color:#fff; display:inline-block; width:100%; height:auto;  }
div.ba_wrap div.quick_menu ul li a h6{ display: inline-block; position: absolute; width: 100%; text-align: center; top:20px; left:0px; font-size:18px; font-weight: bold; letter-spacing: 1px;font-family:auto;}
div.ba_wrap div.quick_menu ul li a span.download{font-size: 9px; letter-spacing: 2px; border:2px solid #e7ebf1; border-radius: 15px; text-align: center; padding:4px 8px; }

div.ba_wrap div.quick_menu ul li.qm01{ background:#aa1a23; }
div.ba_wrap div.quick_menu ul li.qm02{ background:#23467e; }
div.ba_wrap div.quick_menu ul li.qm03{ background:#c7ac67; }
div.ba_wrap div.quick_menu ul li.qm04{ background:#68676c; }

div.ba_wrap div.quick_menu ul li.qm01:hover a span.download{ background:#fff; }
div.ba_wrap div.quick_menu ul li.qm02:hover a span.download{ background:#fff; }
div.ba_wrap div.quick_menu ul li.qm03:hover a span.download{ background:#fff; }
div.ba_wrap div.quick_menu ul li.qm04:hover a span.download{ background:#fff; }

div.ba_wrap div.quick_menu ul li.qm01:hover a{ color:#aa1a23; }
div.ba_wrap div.quick_menu ul li.qm02:hover a{ color:#23467e; }
div.ba_wrap div.quick_menu ul li.qm03:hover a{ color:#c7ac67; }
div.ba_wrap div.quick_menu ul li.qm04:hover a{ color:#68676c; }



div.ba_wrap div.photo_gallery{width:600px; height: 200px; float: left;}

/*ba_wrap*/

/*footer*/
footer{ width:100%; height:200px; position: relative; background: #e1ded7; }
footer div.footer_banner{ position: relative; width:100%; height:90px; margin:0 auto; background: #eae7e1;}
footer div.footer_banner ul{ position:relative; display:block; margin:0 auto; width:1200px; height:90px;  }
footer div.footer_banner ul li{ width:224px; background:#fff; border:1px solid #ddd; height:60px; margin-top:15px; margin-right:20px;}
footer div.footer_banner ul li img{ width:100%; height:auto;}
footer div.footer_banner ul li:last-child{width:224px; background:#fff; border:1px solid #ddd; height:60px; margin-top:15px;  margin-right:0px;}
footer div.footer_quick{ position: relative; width:1200px; height:110px; margin:0 auto; color: #6b6963;}
footer div.footer_quick img{ width:15px; margin-left: 10px; margin-right: 4px; height:auto; }
footer div.footer_quick img.footer_logo{ width:235px; margin-top:30px; margin-left: ; float: left; }
footer div.footer_quick div.footer_txt{ font-size: 14px; line-height:1.8em; float: left; margin-top: 43px; margin-left: 30px; }
footer div.footer_quick ol li{ width:33.333333%; height:180px; float: left; margin-top: 60px; }
footer div.footer_quick ol li.center{ border-left:1px solid #474747; border-right:1px solid #474747; }
footer div.footer_quick ol li.center img{ margin-left: 75px; }

footer div.footer_quick ol li span{ padding-left: 70px; display: inline-block; }
footer div.footer_quick ol li span b{font-size:16px;}
footer div.footer_quick ol li span img{ width: 18px; margin-right: 10px; }
footer div.footer_quick ol li span ul li{ width:100%; height: 30px; margin-top: 0px; line-height: 60px; }

footer div.footer_quick ol li ul.sns li{ width: 30px; text-align: center; margin-right:10px; margin-top: 15px; height: 30px; border-radius:50%; border: 1px solid #6d6d6d; float: left; }
footer div.footer_quick ol li ul.sns li:first-child{ margin-left: 75px; }
footer div.footer_quick ol li ul.sns li img{ width: 18px; margin-left: 0px; padding-top: 4px; }
footer div.footer_quick ol li ol li{height: 50px; margin-top: 20px; margin-bottom: 20px; text-align: center; } 
footer div.footer_quick ol li ol li a{ color:#aaaaaa; }
footer div.footer_quick ol li ol li img{ width:30px; margin-bottom: 10px; }
footer div.footer_quick ol li ol li span{ padding-left: 0px; }

footer div.email_wrap{position: absolute; width: 100%; height: 50px; background:#e1ded7; bottom: 60px;  }
footer div.email_wrap div.email{ position: relative; width:1020px; height: 50px; z-index: 1; font-size:12px; line-height: 50px; margin:0 auto; color: #89867e;  }
footer div.email_wrap div.email a{color: #89867e; display: block;}
footer div.email_wrap div.email ul{ margin-left: 190px; }
footer div.email_wrap div.email span.e_bar{ display: inline-block; width: 1px; position:relative; margin:0 10px; height:14px; background: #b8b8b8; float: left; top:18px;  }
footer div.email_wrap div.email select{float:right; margin-top: 10px;}
footer div.copyright{ position: absolute; text-align: center; width: 100%; height:60px; background: #fff; bottom:0px; font-size: 12px;  }
footer div.copyright span{ line-height: 60px; }
footer div.copyright b{ color: #a40f16; }

footer .select { position: absolute; top:2px; right:5px; display: inline-block; margin-top: 2px; width: 200px;}
footer .select select { display: inline-block; width: 100%; height:40px; line-height: 1em; cursor: pointer; padding: 10px 15px; outline: 0; border: 0; border-radius: 0; background: #fff; border: 2px solid #ddd; color: #7b7b7b; appearance: none; -webkit-appearance: none; -moz-appearance: none;}
footer .select select::-ms-expand { display: none;}

footer .select select:hover,
footer .select select:focus { color: #000; background: #ccc;}

footer .select select:disabled { opacity: 0.5; pointer-events: none;}
footer .select__arrow { position: absolute; top: 17px; right: 15px; width: 0; height: 0; pointer-events: none; border-style: solid; border-width: 8px 5px 0 5px; border-color: #7b7b7b transparent transparent transparent;}

footer .select select:hover ~ .select__arrow,
footer .select select:focus ~ .select__arrow { border-top-color: #000;}

footer .select select:disabled ~ .select__arrow { border-top-color: #ccc;}
/*footer*/