锘?* reset */
html { height: 100%;/*font-size: 13.333vw;*/font-size: 14px; }
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight:normal; }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { /*vertical-align: text-top*/ }
sub { vertical-align: text-bottom }
body, input, select, button, textarea { font-size: 14px; font-family:"Microsoft Yahei",arial,"\5b8b\4f53"; }
body { line-height: 1.5 }
a { text-decoration: none;-webkit-tap-highlight-color:transparent; color: #777777;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all; }
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
/*a:hover{color: #1f63af !important;}*/
:focus { outline: none }
.edit_con_original{ line-height:2; padding:0 0; color:#333;}
.edit_con_original ul{ margin:inherit; padding:inherit; padding-left:2em;}
.edit_con_original ul li { list-style-type:disc; margin:auto; }
.edit_con_original ol{ margin:inherit; padding:inherit}
.edit_con_original ol li { list-style-type:decimal; margin:auto; }
.edit_con_original h1 { font-size: 2em; font-weight:bold }
.edit_con_original h2 { font-size: 1.5em; font-weight:bold }
.edit_con_original h3 { font-size: 1.17em; font-weight:bold }
.edit_con_original h4 { font-size: 1em; font-weight:bold }
.edit_con_original h5 { font-size: 0.83em; font-weight:bold }
.edit_con_original h6 { font-size: 0.67em; font-weight:bold }
.edit_con_original em { font-style: italic }
.edit_con_original cite{ font-style: italic }
.edit_con_original address{ font-style: italic }
.edit_con_original i { font-style: italic }
.edit_con_original table{ border-collapse: separate; border-spacing: 2px }
.edit_con_original img{ max-width:100%; height:auto;}
/*鎵€鏈夊悗鍙扮紪杈戝櫒鍖哄煙閮借寮曠敤 edit_con_original 绫诲悕*/
/* clear 椤靛ご锛岄〉鑴氾紝鍐呭鍖洪兘涓嶇敤鍐嶅姞娓呴櫎鏍峰紡 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }
.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }
.err_position{ width:100%; height:auto; background:url(../images/errors.png) center no-repeat;}
/*闅愯棌瑙嗛涓嬭浇鎸夐挳*/
video::-internal-media-controls-download-button {
display:none;
}
video::-webkit-media-controls-enclosure {
overflow:hidden;
}
video::-webkit-media-controls-panel {
width: calc(100% + 30px);
}
/*鍥剧墖缁忚繃*/
.tran_scale{ overflow:hidden; display:block;}
/*img{transition: All 0.7s ease-in-out;}*/
.tran_scale > img{-webkit-transition: opacity .4s ease-in,-webkit-transform .6s linear;transition: opacity .4s ease-in,transform .6s linear; width:100%;}
.tran_scale:hover > img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);}
/*涓ょ瀵归綈*/
.justify { text-align:justify; text-justify:distribute-all-lines;}
/*涓婁笅灞呬腑*/
.v-m-c{ transform: translate(0,-50%); -webkit-transform: translate(0,-50%); position:absolute; left:0; top:50%;}
/*宸﹀彸灞呬腑*/
.l-m-c{ transform: translate(-50%,0); -webkit-transform: translate(-50%,0); position:absolute; left:50%; top:0;}
/*缁濆灞呬腑*/
.a-m-c{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}
*{box-sizing: border-box;}
.ratio-img img{width: 100%; }
.fl{float: left;}
.fr{float: right;}
.swiper-container,.swiper-wrapper,.swiper-slide{height: auto !important;}
body{background: #fff !important;}
.wraper{max-width: 1920px;width: 100%;margin: auto;}
.wrap{max-width: 1320px;width: 94%;margin: auto;}
.header *{transition: all 0.5s;}
.header{padding: 0 4.84375%; background: #fff; width: 100%;position: fixed;z-index: 10000; top: 0; left: 0; background: #fff;}
.main{padding-top: 99px;}
.logo img{height: 99px;}
.head{}
.head.on{display: block;}
.head_t{height: 26px; margin: 11px 0 21px;}
.ctel{ line-height:26px; padding-right:10px; color:#FF0000;}
.ctel strong{ color:#000000;}
.search{width: 220px; height: 26px; border-radius: 13px; background: #efefef;}
.search_text{width: 184px; height: 18px; line-height: 18px; margin-top: 4px; padding: 0 12px; border: none; background: none; color: #949494; font-size: 12px; border-right: #d7d7d7 solid 1px;}
.search_text::-webkit-input-placeholder{color: #949494;}
.search_btn{background: transparent url(../images/search_icon.png) center center no-repeat; width: 26px; height: 26px; margin-right: 10px; border: none;}
.lang{margin-left: 15px; font-size: 0;}
.lang a{display: inline-block; padding: 0 3px; line-height: 14px; /*border-left: #959595 solid 1px;*/ color: #959595; font-size: 12px;}
.lang a:first-child{border-left: none;}
.lang a.on{color: #000;}
.nav{clear: both; margin-right: 180px;}
.nav ul{font-size: 0;}
.nav ul li{display: inline-block; /*margin: 0 5px; */position: relative;}
.nav ul li > a{color: #959595; display: block; padding: 11px 15px 9px; position: relative; font-size: 14px;}
.nav ul li.on > a{background: #053b88; color: #fff;}
.nav ul li > a i{float: right; color: #959595; display: none; position: absolute; right: 15px; top: 0; display: none;}
.nav ul li.on > a i{color: #fff;}
.nav ul li dl{position: absolute; width: 100%; padding:10px 15px; background: #fff; border-bottom: #d4365e solid 2px; z-index: 2; visibility: hidden; opacity: 0;}
.nav ul li dl dd{}
.nav ul li dl dd a{font-size: 12px; color: #777777; line-height: 30px; display: block;}
.nav ul li dl dd.on a{color: #053b88;}
.phone-show{display: none;}
.phone_box{display: none;}
.phone_menu {color: #333;display: block; margin-top:2px; /*background: #005bac;*/width: 45px;height: 45px;transform: translateX(0px); cursor: pointer;}
.phone_menu em.p1{ display:block; width:22px; height:2px; background:#333; position:absolute; top:50%; margin-top:-6px; left:50%; margin-left:-11px; border-radius:2px;}
.phone_menu em.p2{ display:block; width:22px; height:2px; background:#333; position:absolute; top:50%; margin-top:0; left:50%; margin-left:-11px; border-radius:2px;}
.phone_menu em.p3{ display:block; width:22px; height:2px; background:#333; position:absolute; top:50%; margin-top:6px; left:50%; margin-left:-11px; border-radius:2px;}
.phone_menu em.p1{ transform:rotate(0deg); margin-top:-7px;}
.phone_menu em.p2{ opacity:1;}
.phone_menu em.p3{ transform:rotate(0deg); margin-top:7px;}
.phone_menu.on{ transform:translateX(0px);}
.phone_menu.on em.p1{ transform:rotate(45deg); margin-top:0;}
.phone_menu.on em.p2{ opacity:0;}
.phone_menu.on em.p3{ transform:rotate(-45deg); margin-top:0;}
.scroll .header *{transition: all 0.5s;}
.scroll .header{ height: 50px; width: 100%; box-shadow:#999 0 0 10px;}
.scroll .logo img{height: 50px;}
.scroll .head{margin-top: 9px;}
.scroll .head_t{display: none;}
.scroll .nav{margin-right: 0;}
.scroll .main{padding-top: 50px; }
.footer{background: #053b88; text-align: center; padding: 40px 10px; position:relative;}
.dhwx{position:absolute; right:10%; top:20px;}
.dhwx img{ height:120px;}
.footer h2{margin-bottom: 10px;}
.footer h2 a{color: #fff; display: inline-block; padding: 0 10px; border-left: #fff solid 1px; line-height: 1.1em;}
.footer h2 a:first-child{border-left: none;}
.footer h2 a:hover{color:#a0a0a0;}
.footer .hlinks {margin-bottom: 10px; color:#fff;}
.footer .hlinks a{color: #fff; padding: 0 6px; }
.footer .hlinks a:hover{color:#a0a0a0;}
.footer p{color: #fff; line-height: 20px; opacity: 0.6;}
.footer p a{color: #fff;}
.slide{position: fixed; right: 0; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%); z-index: 50; transition: transform 0.5s;}
.slide ul li{background: #053b88; width: 92px; padding: 20px 0 15px; position: relative; position: relative;}
.slide ul li:hover{background: #777777;}
/*.slide ul li:nth-child(3){background: #777777;}*/
.slide ul li:nth-child(4){background: #c90436;}
.slide ul li:nth-child(4):hover{background: #c90436;}
.slide ul li > a{display: block; text-align: center; color: #fff;}
.slide ul li > a img{margin-bottom: 10px;}
.slide_num{ height: 95px; line-height: 95px; position: absolute; left: 0%; top: 0; width: 250px; text-align: center; background: #f6f5f1; z-index: -1; transition: all 0.5s;}
.slide_num a{color: #cd294b; font-weight: bold;border-bottom: #cd294b solid 1px; }
.slide ul li:nth-child(3).on .slide_num{transform: translateX(-100%); -webkit-transform: translateX(-100%);}
.slide_wrap{position: absolute;left: 0; top: 0; transform: translate(-100%,0);-webkit-transform: translate(-100%,0);height: 100%;}
.slide_icon { width: 40px; height: 100%; background: #0649a9 url(../images/slide_icon.png) center center no-repeat; border-radius: 5px 0 0 5px; cursor: pointer;transition: background-image 0.5s;}
.slide_icon1{width: 40px; height: 100%;background: #c90436; text-align: center; color:#fff; padding: 10px; display: none; transition: display 0.5s; border-radius: 0 0 0 5px; cursor: pointer; font-size: 0;}
.slide_icon1 img{width: 22px;}
.slide_icon1 p{letter-spacing: 0; line-height: 16px; font-size: 14px;}
.slide.on{transform: translate(100%,-50%);-webkit-transform: translateY(100%,-50%);}
.slide.on .slide_icon{background-image: url(../images/slide_icon1.png); border-radius: 5px 0 0 0px;}
.slide.on .slide_icon1{display: block;}
.page {text-align:center; font-size: 0;}
.page a{display:inline-block;text-align:center; width:60px; height: 60px; line-height: 60px; background: #fff; margin: 0 0.5px; color: #000000; font-size: 20px;}
.page a.on,.page a:hover{ background:#0f4592; color: #fff;}
.page_box{margin-bottom: 60px;}
.page_hui a{background: #f6f5f1;}
.bdsharebuttonbox{height: 20px; line-height: 20px; font-size: 0; }
.bdsharebuttonbox span{display: inline-block; color: #9b9b9b; font-size: 14px;vertical-align: top;}
.bdsharebuttonbox a{display: inline-block; float: none !important; margin: 0 !important; height: 20px !important; background-size: auto 100% !important; background-position: 0 0 !important; padding: 0 !important; margin-left: 18px !important; width: 24px;}
.bdsharebuttonbox a img{float: left; height: 100%; }
.bd_weixin_popup,.bd_weixin_popup *{box-sizing: content-box;}
.gufen{color: #959595; line-height: 41px; padding: 0 15px;}
@media only screen and (min-width: 1025px) {
.nav ul li:hover > a{background: #053b88; color: #fff;}
.nav ul li:hover dl{visibility: visible; opacity: 1;}
.nav ul li dl dd a:hover{color: #053b88;}
.slide ul li:nth-child(3):hover .slide_num{transform: translateX(-100%); -webkit-transform: translateX(-100%);}
}
@media only screen and (max-width: 1600px) {
.header{padding: 0 3%;}
.slide ul li{width: 70px; padding: 15px 0 10px;}
.slide ul li a img{height: 20px;}
.slide_num{height: 76px; line-height: 76px; width: 230px;}
.slide_icon{background-size: 10px auto;}
.slide_icon1 img{width: 15px;}
.slide_icon1 p{font-size: 12px !important; line-height: 14px;}
}
@media only screen and (max-width: 1440px) {
.nav{margin-right: 0;}
}
@media only screen and (max-width: 1024px) {
.gufen{display: none;}
.nav ul{float: none;}
/*.header{position: fixed; top: 0; left: 0; width: 100%; z-index: 100; background: #fff;}
.main{padding-top: 50px;}*/
.header *{transition: none;}
.scroll .header *{transition: none;}
.header{height: 50px;}
.main{padding-top: 50px;}
.logo img{height: 50px;}
.phone_box{display: block;}
.head{position: fixed; top: 50px; right: 0; z-index: 100; width: 320px; background: #fff; padding: 10px 0 20px; transform: translate(100%);-webkit-transform: translate(100%); transition: all 250ms ease-out;-webkit-transition: all 250ms ease-out; height: 100%; border: #053b88 solid 2px; border-right: none;}
.head.on{transform: translate(0);-webkit-transform: translate(0);}
.head_t{float: none !important; height: auto; margin: 10px 0 15px 0;}
.search{float: none !important; margin: auto; margin-bottom: 10px;}
.ctel{ float: none !important; margin: auto; margin-bottom: 10px; text-align:center;}
.lang{float: none !important; text-align: center;}
.nav ul li{display: block; width: 100%; margin: 0;}
.nav ul li > a{text-align: center; padding: 0 15px; line-height: 40px;}
.nav ul li > a i{display: block;}
.nav ul li dl{position: fixed;top: 0px; right: 0; z-index: 101; width: 100%; height: 100%;background: #fff; transform: translate(100%);-webkit-transform: translate(100%); transition: all 250ms ease-out;-webkit-transition: all 250ms ease-out; height: 100%; opacity: 1; visibility: visible; padding: 10px 0;}
.nav ul li dl.on{transform: translate(0);-webkit-transform: translate(0);}
.nav ul li dl dd a{line-height: 40px; text-align: center;}
.phone-show{display: block;}
.scroll .head{margin-top: 0px;}
.slide_num{width: 170px;}
}
@media only screen and (max-width: 768px) {
.page_box{margin-bottom: 30px;}
.page a{width: 40px; height: 40px; line-height: 40px; font-size: 14px;}
}
@media only screen and (max-width: 767px) {
.dhwx{position:relative; text-align:center; padding-top:15px; width:100%; right:0;}
.page a{display: none;}
.page a.prev,.page a.next{display: inline-block;}
.slide{position: static; transform: translate(0,0%); -webkit-transform: translate(0,0%); margin-bottom: 1px;}
.slide.on{transform: translate(0,0%); -webkit-transform: translate(0,0%);}
.slide ul{}
.slide ul li{float: left; width: 25%;}
/*.slide_num{top: -76px; z-index: 1;}*/
.slide ul li:nth-child(3) .slide_num{top: -40px; height: 40px; line-height: 40px; z-index: 1; opacity: 0; background: #fff; width: 150px;}
.slide ul li:nth-child(3).on .slide_num{opacity: 1; transform: translateX(0%);-webkit-transform: translateX(0%);}
.slide_wrap{display: none;}
}
/*font-size*/
.fnt_12 { font-size: 12px;}
.fnt_14 { font-size: 14px;}
.fnt_16 { font-size: 16px;}
.fnt_18 { font-size:18px;}
.fnt_20 { font-size: 20px;}
.fnt_22 { font-size:22px;}
.fnt_24 { font-size:24px;}
.fnt_26 { font-size:26px;}
.fnt_28 { font-size:28px;}
.fnt_30 { font-size:30px;}
.fnt_32 { font-size:30px;}
.fnt_34 { font-size:34px;}
.fnt_36 { font-size:36px;}
.fnt_38 { font-size:38px;}
.fnt_40 { font-size:40px;}
.fnt_44 { font-size:44px;}
.fnt_46 { font-size:46px;}
.fnt_48 { font-size: 48px;line-height:50px;}
.fnt_52 { font-size: 52px;}
.fnt_58 { font-size: 58px;}
.fnt_60 {font-size: 60px;}
.fnt_80 {font-size: 80px;}
.fnt_90 {font-size: 90px;}
.fnt_120 { font-size: 120px;}
@media only screen and (max-width: 1520px) {
.fnt_16 { font-size: 14px;}
.fnt_18 { font-size:16px;}
.fnt_20 { font-size: 16px;}
.fnt_22 { font-size:18px}
.fnt_24 { font-size:21px;}
.fnt_26 { font-size:24px;}
.fnt_28 { font-size:22px;}
.fnt_30 { font-size:24px;}
.fnt_32 { font-size:25px; line-height:34px; }
.fnt_34 { font-size:26px;}
.fnt_36 { font-size:28px;}
.fnt_40 { font-size:30px;}
.fnt_44 { font-size:35px;}
.fnt_46 { font-size:36px;}
.fnt_48 { font-size:38px;line-height: 47px;}
.fnt_52 { font-size:42px;}
.fnt_58 { font-size:48px;}
.fnt_60 {font-size: 48px;}
.fnt_80 {font-size: 60px;}
.fnt_90 {font-size: 60px;}
.fnt_120 { font-size: 105px;}
.fnt_38 { font-size:34px;}
}
@media only screen and (max-width: 1300px) {
.fnt_16 { font-size: 13px;}
.fnt_18 { font-size:16px;}
.fnt_20 { font-size: 16px;}
.fnt_22 { font-size:16px;}
.fnt_24 { font-size:21px;}
.fnt_26 { font-size:22px;}
.fnt_28 { font-size:18px;}
.fnt_30 { font-size:20px;}
.fnt_32 { font-size:21px; line-height:29px; }
.fnt_34 { font-size:22px;}
.fnt_36 { font-size:24px;}
.fnt_40 { font-size:26px;}
.fnt_44 { font-size:29px;}
.fnt_46 { font-size:30px;}
.fnt_48 { font-size:32px;line-height:38px;}
.fnt_52 { font-size:36px;}
.fnt_58 { font-size:40px;}
.fnt_60 {font-size:40px;}
.fnt_80 {font-size: 50px;}
.fnt_90 {font-size: 60px;}
.fnt_120 { font-size: 105px;}
.fnt_38 { font-size:28px;}
}
@media only screen and (max-width: 1140px) {
.fnt_26 { font-size:20px;}
.fnt_28 { font-size:16px;}
.fnt_30 { font-size:18px;}
.fnt_32 { font-size:19px; line-height:26px; }
.fnt_36 { font-size:21px;}
.fnt_40 { font-size:24px;}
.fnt_44 { font-size:26px;}
.fnt_46 { font-size:27px;}
.fnt_48 { font-size:28px;}
.fnt_60 {font-size:34px;}
.fnt_80 {font-size: 40px;}
.fnt_90 {font-size: 50px;}
.fnt_58 { font-size:32px;}
.fnt_52 { font-size:30px;}
.fnt_120 { font-size: 70px;}
.fnt_24 { font-size:18px;}
}
@media only screen and (max-width: 1024px) {
.fnt_14 { font-size:12px;}
.fnt_26 { font-size:18px;}
.fnt_48 { font-size:26px;line-height:30px;}
.fnt_40 { font-size:20px;}
.fnt_44 { font-size:23px;}
.fnt_46 { font-size:24px;}
.fnt_36 { font-size:19px;}
.fnt_60 {font-size:30px;}
.fnt_120 { font-size: 64px;}
.fnt_24 { font-size:16px;}
.fnt_38 { font-size:20px;}
.fnt_58 { font-size:28px;}
.fnt_52 { font-size:26px;}
.fnt_90 {font-size: 36px;}
}
@media only screen and (max-width: 768px) {
.fnt_18{ font-size:15px;}
.fnt_22{ font-size:16px;}
.fnt_26 { font-size:16px;}
.fnt_32 { font-size:16px; line-height:24px; }
.fnt_34{ font-size:18px;}
.fnt_36 { font-size:16px;}
.fnt_40 { font-size:16px;}
.fnt_44 { font-size:18px;}
.fnt_46 { font-size:18px;}
.fnt_48 { font-size:19px;}
.fnt_60 {font-size:24px;}
.fnt_80 {font-size: 30px;}
.fnt_90 {font-size: 24px;}
.fnt_120 { font-size: 48px;}
.fnt_38 { font-size:18px;}
.fnt_58 { font-size:24px;}
.fnt_52 { font-size:22px;}
}
@media only screen and (max-width: 640px) {
.fnt_90 {font-size: 18px;}
}