锘?* reset */
*{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing: border-box;}
html { height: 100% ;-webkit-tap-highlight-color: rgba(0,0,0,0);  -webkit-tap-highlight-color: transparent;}
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: "PingFang SC","Microsoft Yahei";  }
body { line-height: 1.5 }
a { text-decoration: none;-webkit-tap-highlight-color:transparent }
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
: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 video{ max-width:100%;display: block;margin: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);}

/* 闃块噷鍥炬爣 */
[class*='icon']{
    font-family: 'iconfont';
}



/*鍥剧墖缁忚繃*/
.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;}


/*涓ょ瀵归綈*/
.justify { text-align:justify; text-justify:distribute-all-lines;}
/*涓婁笅灞呬腑*/
.v-m-c{ transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:0; top:50%;}

/*宸﹀彸灞呬腑*/
.l-m-c{ transform: translate(-50%,0); -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-o-transform: translate(-50%,0); position:absolute; left:50%; top:0;}

/*缁濆灞呬腑*/
.a-m-c{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}

.animate{ transition: 1.5s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_slowx { transition: 2.5s all cubic-bezier(0.19, 1, 0.22, 1); }
.animate_fast{ transition: 1s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_slow{ transition: 10s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_normal{ transition: 0.5s all linear;}

.bg-cover{ background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;}

body,a{color: #333333;}
.indexWrap{width: 1660px;max-width: 90%;margin: auto;}
.wrap{width: 1440px;max-width: 90%;margin: auto;}
.head_wrap{max-width: 1834px;width: 96%;margin: auto;}
.line24{line-height: 24px;
 display: -webkit-box;
  overflow: hidden;
  
  -webkit-box-orient: vertical;
}
.line30{line-height: 30px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
}
.line32{line-height: 32px;
 display: -webkit-box;
  overflow: hidden;
  
  -webkit-box-orient: vertical;
}
.line36{line-height: 36px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
}
.ellipsis_p{
   display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ellipsis3{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 1.5;
  max-height: 4.5em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ratio-img,.ratio-img img{width: 100%;}
.bold{font-weight: bold;}
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
@media only screen and (max-width:1024px) {
  .wrap,.indexwrap,.wrap_1520{max-width: 94%;}
  .line30,.line32,.line36{line-height: 24px;}
}

@media only screen and (min-width:1200px) {
  a{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
  .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);}
  .tran_scale02:hover img{transform:scale(1.02,1.02); -webkit-transform:scale(1.02,1.02);-moz-:scale(1.02,1.02);-o-transform:scale(1.02,1.02);-ms-transform:scale(1.02,1.02);}
}
.footer{clear: both;overflow: hidden;}
.indexbody .footer_bg{padding: 90px 0 35px 0;}
.placeholder_head{height: 155px;}
/* 澶撮儴 */
.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;}
.head_top{
  height: 107px;
  background: #fff;
}
.head_top h1{margin-top: 35px;float: left;}
.head_top_right{float: right;margin-top: 56px;}
.head_top_right span{padding: 0 20px;border-left: 1px solid #b9b9b9;}
.head_top_right span:first-child{border-left: none;}
.head_top_right span a{color: #737373;line-height: 1;}
.nav{position: relative;height: 48px;background: url(../images/nav_bg.jpg) 0 0 no-repeat;}
.nav_right{float: right;position: relative;z-index: 2;}
.language{float: left;color: #fff;line-height: 48px;}
.language a{color: #fff;}
.header_search{float: right;margin-left: 50px;width: 20px;position: relative;}
.header_search .search_btn{color: #fff;font-size: 20px;line-height: 48px;width: 18px;position: relative;cursor: pointer;}
.search_box {
  background: #fff;
  width: 100px;
  right: 0px;
  position: absolute;
  top:48px;
  margin-top: 0;
  z-index: 91;
  visibility: hidden;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  border: 1px solid #eee;
   height: 40px;
  overflow: hidden;
  box-sizing: border-box;
  line-height: 40px;
}
.search_box_input {width: calc(100% - 60px); padding: 0 10px;float: left;border: 0;height: 40px;outline: none;line-height: 40px;background: #fff;}
.search_box.on {width: 230px;visibility: visible;opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1; -khtml-opacity: 1;}
.search_box_btn {height: 40px;width: 40px;background: none;border: 0;outline: none; float: right;font-weight: bold;position: relative;font-size: 21px;}
.nav ul{text-align: center;width: 100%;}
.nav ul li{padding: 0 2.2%;display: inline-block;margin: 0 -2px;}
.nav ul li > a{color: #fff;display: block;
  height: 48px;
  line-height: 48px;
}
.nav ul li.on > a{
  font-weight: bold;
}
.nav_wrap{width: 100%;}
.navlist{
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 2;
  width: 100%;
  background-color: #e2e3e5;
  display: none;
}
.navlist a{color: #000;font-size: 16px;display: inline-block;height: 60px;line-height: 60px;}

.navlist .drop_list{font-size: 0;}
.navlist .drop_list a{font-size: 16px;padding: 0 30px;}
@media (any-hover: hover) {
  .navlist a:hover{color: #fff;background-color: #0a3381;}
}

.navlist .drop_list a.on{color: #fff;background-color: #0a3381;}

.menu_button{float: right;cursor: pointer;margin-left: 10px;display: none;}
.menu_button i{display: block;width: 24px;height: 2px;background: #003586;margin-bottom: 6px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}

/* 澶撮儴end */

/* 搴曢儴 */
.footer{background-color: #2f4052;padding: 3.645% 0 7.29%;color: #fff;font-size: 14px;}
.footer a{color: #e9edf4;}
.foot_le{width: 74%;max-width:1280px;float: left;}
.foot_le dl{float: left;padding: 0 3.9%;overflow: hidden;}
.foot_le dl:last-child{padding-right: 0;}
.foot_le dt{font-weight: bold;font-size: 16px;padding: 15px 0;}
.foot_le dd{padding-bottom: 20px;}
.foot_re{float: right;padding-top: 15px;}
.foot_re .xhr{display: block;text-align: right;}
.foot_re .other{text-align: right;margin-top: 15%;}
.foot_re .other span{padding: 0 20px;}
.foot_re .other span:last-child{padding-right: 0;}

/* 搴曢儴end */
/* 搴曢儴涓婅竟 */
.footer_top{padding: 3.655% 0 2.6%;background: #fff;}
.footer_top .f_t_le{float: left;}
.footer_top .f_t_le a{font-weight: bold;padding-left: 10px;}
.footer_top .f_t_re{float: right;max-width: 70%;width: 100%;text-align: right;}
.footer_top .f_t_re a{position: relative;display: inline-block;white-space: nowrap;color: #2f4052;font-size: 14px;font-weight: bold;text-align: center;margin-right: 5%;}
.footer_top .f_t_re a:last-child{margin-right: 0;}
.footer_top .f_t_re a i{display: block;width: 43px;height: 43px;margin: 0 auto;}
.footer_top .f_t_re a i img{max-width: 100%;max-height: 100%;}
.footer_top .f_t_re a .code{
  opacity: 0;
  position: absolute;
  left: 50%;
  bottom: 100%;
  width: 60px;
  height: 60px;
  transform: translate(-50%,0);
  transition: all .3s;
}
.footer_top .f_t_re a .code img{width: 100%;}

@media only screen and (min-width:1024px){
  .footer_top .f_t_re a:hover .code{
    opacity: 1;
    transform: translate(-50%,-10px);
  }
}

/* 搴曢儴涓婅竟end */

.f_phone{margin-bottom: 15px;}
.share_a{overflow: hidden;margin-bottom: 140px;}
.share_a a{float: left;width: 40px;height: 40px; line-height: 40px;border-radius: 50%;text-align: center;color: #666666;margin-right: 40px;background: #fff;margin-bottom: 20px;}
.share_a a:nth-child(4n){margin-right: 0;}
.share_a a i{font-size: 20px;}
.share_a a.pic_01 i{font-size: 18px;}
.share_a a i.iconin{font-size: 32px;}
.share_a a i.icontoutiao1{font-size: 32px;}
.share_a a:last-child{margin-right: 0;}

.nav ul>li>span{display: none;}

.page {vertical-align:middle;text-align:center; margin:20px 0px; color:#606060; height:30px; line-height:30px;}
.page span{margin:0 10px;}
.page span em{ color:#CE0109; font-family:Arial;}
.page a{display:inline-block;text-align:center; width:35px;height: 35px;line-height: 35px;font-family:Arial;border: 1px solid #b9b9b9;border-radius: 50%;}
.page a.on,.page a:hover{background:#f90000;color:#fff;border-color: #f90000;}
.page a.prev,
.page a.next {font-size: 14px;}
.page a.first,.page a.last {width:40px;font-family:"Microsoft Yahei","寰蒋闆呴粦";}
.page a.first:hover,.page a.last:hover{  background:none;}
.page .txtnum{width: 50px;background:none; border:1px solid #b9b9b9;border-radius: 25px;}
.page .txtnum input{width:40px;height:18px; line-height:18px; text-align:center; font-family:Arial; background:none; border:none;}
.page a.go{width:35px; height:35px; line-height:35px;background:#004ba3;color:#fff;position:relative; top:-1px;border-color: #004ba3;}
.page .cur em{color: #797979;}
.page .cur em i{font-size: 18px;color: #f90000;font-weight: bold;}
.page a.prev:hover,
.page a.next:hover{
  background-color: #004ba3;
  border-color: #004ba3;
}
@media only screen and (max-width:1024px) {
  .page .num, .page .txtnum, .page a.go, .page a.first, .page a.last ,.page i.dian,.page span.cur,.page span{
    display: none;
  }
  .page a.on {
    display: inline-block;
    margin: 0 10px;
  }
}
@media only screen and (max-width:1600px) {
  .foot_le dl{padding: 0 3%;}
}
@media only screen and (max-width: 1440px){
  .nav ul li{padding: 0 1.5%;}
}
@media only screen and (max-width:1280px) {
  .foot_le dl{padding: 0 2.2%;}
}
@media only screen and (max-width: 1130px){
  .placeholder_head,.header,.head_top{height: 60px;}
  .head_top h1{height: 36px;margin-top: 10px;}
  .head_top h1 img{height: 100%;}
  .head_top_right{display: none;}
  .menu_button{display: block;z-index: 99;position: absolute;width: 24px;height: 24px;top: 24px;right: 19px;}
  .navbody .menu_button i{background-color: #fff;}
  .navbody .menu_button i:first-child{left: 0;top: 12px;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);position: absolute;}
  .navbody .menu_button i:last-child{top: 12px;left: 0;transform: rotateZ(-45deg);-webkit-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);position: absolute;}
  .navbody .menu_button i:nth-child(2){display: none;}
  .nav{position: fixed;top:100%;left: 0;width: 100%;height: 100%;background: #068e57;z-index: 9;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;visibility: hidden;opacity: 0;}
  .navbody .nav{top:0;visibility: visible;opacity: 1;}
  .navbody .nav_wrap{top: 125px;left: 0;transform: none;}
  .head_wrap .wrap{position: static;transform: none;text-align: left;max-width: 100%;}
  .nav ul li{display: block;width: 100%;margin: 0;text-align: left;padding: 0 2%;line-height: 40px;border-bottom: 1px solid rgba(255,255,255,0.2);}
  .header_search,.language{float: none;}
  .nav_right{float: none;width: 100%;margin-top: 16px;margin-bottom: 20px;}
  .search_btn{display: none;}
  .header_search{width: 100%;margin-left: 0;}
  .search_box{opacity: 1;visibility: visible;height: auto;position: static;width: 100%;}


  .nav ul>li>span{text-align: center; font-size: 16px; line-height: 49px; width: 49px; height: 49px;float: right;display: none;cursor: pointer;color: #fff;}
  .nav ul>li>span.on{transition:all .3s;transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg); }
  .nav ul>li>span.cur{display: block;}
  .navlist{
    position: static;
    top: 0;
    left: 0;
    color: #fff;
    background: none;
  }
  .navlist .drop_list{margin-bottom: 10px;}
  .navlist .drop_list a{
    display: block;
    width: 100%;
    font-size: 14px;
    height: auto;
    line-height: 25px;
    padding: 5px 20px;
    color: #fff;
  }
  .navlist .drop_list a.on{background: none;color: #003586;}
  .foot_le{float: none;width: 100%;}
  .foot_le dt{padding-top: 0;}
  .foot_le dl{float: none;padding: 0;}
  .foot_le dd{float: left;margin-right: 2%;}
}



@media only screen and (max-width:1400px) {

}
@media only screen and (max-width:1300px) {

}

@media only screen and (max-width:1024px) {

}
@media only screen and (max-width:767px) {
  .page_out{text-align: center;}
  .page{display: inline-block;}
}



/*weixin-box*/
.weixin-box{ position:fixed; width:260px; height:240px; z-index:100000; left:50%; top:50%; margin:-120px 0 0 -150px; background:#fff; border:1px solid #ddd; border-radius:4px; box-shadow:2px 2px 2px #ddd;}
.weixin-box .c{ position:absolute; width:30px; height:30px; right:0; top:0; font-size:20px; font-style:normal; text-align:center; cursor:pointer; z-index:2;}
.weixin-box h2{ position:relative; line-height:30px; font-size:16px; padding-left:10px;}
.weixin-box .img{ padding:20px 10px; text-align:center; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.weixin-box .img img{ width:115px; height:115px;}
.weixin-box p{ padding:15px 10px 0; text-align: center;}

.weixin{ position:fixed; width:260px; height:240px; z-index:100000; left:50%; top:50%; margin:-120px 0 0 -130px; background:#fff; border:1px solid #ddd; border-radius:4px; box-shadow:2px 2px 2px #ddd;}
.weixin .c{ position:absolute; width:30px; height:30px; right:0; top:0; font-size:20px; font-style:normal; text-align:center; cursor:pointer; z-index:2;}
.weixin h2{ position:relative; line-height:30px; font-size:16px; padding-left:10px;}
.weixin .img{ padding:20px 10px; text-align:center; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.weixin .img img{ width:115px; height:115px;}
.weixin p{ padding:15px 10px 0; text-align: center;}
/*weixin-box*/
/*鎶栭煶*/
.dy_box{ position:fixed; width:260px; height:240px; z-index:100000; left:50%; top:50%; margin:-120px 0 0 -130px; background:#fff; border:1px solid #ddd; border-radius:4px; box-shadow:2px 2px 2px #ddd;display: none;}
.dy_box .c{ position:absolute; width:30px; height:30px; right:0; top:0; font-size:20px; font-style:normal; text-align:center; cursor:pointer; z-index:2;}
.dy_box h2{ position:relative; line-height:30px; font-size:16px; padding-left:10px;}
.dy_box .img{ padding:20px 10px; text-align:center; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.dy_box .img img{ width:115px; height:115px;}
.dy_box p{ padding:15px 10px 0; text-align: center;}
/*鎶栭煶*/

.site_banner{position: relative;}
.site_text{position: absolute;left: 0;bottom:60px;width: 100%;color:#fff;line-height: 1;}
.site_text h2{letter-spacing: 5px;}
.site_text p{font-weight: normal;}
.site_line{height: 4px;width: 60px;background-color: #fff;margin-top: 2%;}

@media only screen and (max-width:768px) {
.site_banner{height: 200px;}
.site_banner img{display:none;}
.site_text{bottom: 20px;}
.foot_le{display: none;}
}
@media only screen and (max-width:375px) {
  .nav ul li{line-height: 34px;}
  .nav ul li > a{
    height: 34px;
    line-height: 34px;
  }
  .nav ul>li>span{
    width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
  }
  .navlist .drop_list a{line-height: 1;}
}