﻿/* reset */
*{-webkit-tap-highlight-color:rgba(0,0,0,0); margin:0; padding:0}

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: "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 }
.b { font-weight: bold}
.nob { font-weight: normal}
: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;}

.fl { float:left;}
.fr { float:right;}
.tal {text-align:left;}
.tar {text-align:right;}
.tac {text-align:center;}



/*所有后台编辑器区域都要引用 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 }
.rel {position: relative}
.abl { position: absolute}
.fix { position: fixed}
.hong { color: #ea0000 !important }
.huang { color: #ff9800 !important }
.lan { color: #2b9bd5 !important }
.hui { color:#666 !important }
.hui666 { color: #333333 !important}
.bai,.bai:hover{ color: #fff !important }
.bai2 { color: #ddd !important }
.erge { width: 49.3%; float:left; margin-bottom:3%}
.erge:nth-child(odd) { margin-right:1.4%}
.sange { width: 32.9%;  float:left; margin-right:0.6%}
.sange:nth-child(3){ margin: 0; width: 33%}
.sige { width:24.9%; float:left;}
.huanhangx {overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.w50 { width: 50%}
.err_position{ width:100%; height:auto; background:url(../images/errors.png) center no-repeat;}


/*图片经过*/
.tran_scale{ overflow:hidden; display:block;}
.tran_scale img{-webkit-transition: opacity .4s ease-in,-webkit-transform .6s linear;transition: opacity .4s ease-in,transform .6s linear;}
.tran_scale:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-transform: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%);-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;}
/* 阿里图标 */
[class*='icon']{
    font-family: 'iconfont';
}

body,a{color: #222222;}

.wrap{max-width: 1440px;width: 90%;margin:0 auto;}
.wrap2{max-width: 1280px;width: 90%;margin:0 auto;}
.line24{line-height: 24px;
 display: -webkit-box;
  overflow: hidden;
  
  -webkit-box-orient: vertical;
}
.line26{line-height: 26px;
    display: -webkit-box;
    overflow: hidden;

    -webkit-box-orient: vertical;
}
.line28{line-height: 28px;
    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;
}
.line40{line-height: 40px;
    display: -webkit-box;
    overflow: hidden;

    -webkit-box-orient: vertical;
}
.line80{line-height: 80px;
}
.ellipsis_p{
   display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.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{max-width: 94%;}
.line30,.line32,.line36{line-height: 24px;}

}
 /*font-size*/
.fnt_12 { font-size: 12px;}
.fnt_16 { font-size:16px;}
.fnt_18 { font-size:18px;}
.fnt_20 { font-size:20px;}
.fnt_24 { font-size:24px;}
.fnt_26 { font-size:26px;}
.fnt_28 { font-size:28px;}
.fnt_30 { font-size:30px;}
.fnt_36 { font-size:36px;}
.fnt_44 { font-size:44px;}
.fnt_48 { font-size:48px;}
.fnt_56 { font-size:56px;}
.fnt_60 { font-size:60px;}

@media only screen and (max-width:17000px) {
  .fnt_20 { font-size:18px;}
}

@media only screen and (max-width:1440px) {
.fnt_16 { font-size:14px;}
.fnt_18 { font-size:16px;}
.fnt_20 { font-size:16px;}
.fnt_24 { font-size:20px;}
.fnt_26 { font-size:24px;}
.fnt_28 { font-size:26px;}
.fnt_30 { font-size:28px;}
.fnt_36 { font-size:32px;}
.fnt_44 { font-size:36px;}
.fnt_48 { font-size:40px;}
.fnt_56 { font-size:50px;}
.fnt_60 { font-size:52px;}

}

@media only screen and (max-width:1366px) {
.fnt_20 { font-size:14px;}
.fnt_26 { font-size:20px;}
.fnt_28 { font-size:24px;}
.fnt_30 { font-size:24px;}
.fnt_36 { font-size:28px;}
.fnt_44 { font-size:32px;}
.fnt_48 { font-size:36px;}
.fnt_56 { font-size:44px;}
.fnt_60 { font-size:48px;}
}
@media only screen and (max-width:1024px) {
.fnt_18 { font-size:14px;}
.fnt_24 { font-size:18px;}
.fnt_26 { font-size:18px;}
.fnt_28 { font-size:20px;}
.fnt_30 { font-size:20px;}
.fnt_36 { font-size:24px;}
.fnt_44 { font-size:25px;}
.fnt_48 { font-size:26px;}
.fnt_56 { font-size:34px;}
.fnt_60 { font-size:36px;}

}
@media only screen and (max-width:767px) {
.fnt_20 { font-size:14px;}
.fnt_24 { font-size:16px;}
.fnt_26 { font-size:16px;}
.fnt_28 { font-size:16px;}
.fnt_30 { font-size:16px;}
.fnt_36 { font-size:18px;}
.fnt_44 { font-size:19px;}
.fnt_48 { font-size:20px;}
.fnt_56 { font-size:20px;}
.fnt_60 { font-size:22px;}
}
.height10 { height: 10px;}
.height20 { height: 20px;}
.height30 { height: 30px;}
.height40 { height: 40px;}
.height50 { height: 50px;}
.height60 { height: 60px;}
.height80 { height: 80px;}
.height100 { height: 100px;}
.height5 { height: 5px;}
.height2 { height: 2px;}
@media only screen and (max-width:1520px) {
    .height40 { height: 30px;}
    .height50 { height: 40px;}
    .height60 { height: 40px;}
    .height80 { height: 50px;}
    .height100 { height: 60px;}
}

@media only screen and (max-width:767px) {
    .height20 { height: 10px;}
    .height30 { height: 15px;}
    .height40 { height: 15px;}
    .height50 { height: 20px;}
    .height60 { height: 20px;}
    .height80 { height: 20px;}
    .height100 { height: 30px;}
}




.header{width: 100%;height: 102px;background:#ffffff;position: relative; z-index: 100;border-bottom:1px solid #D8DEE0;}
.scrollHeader .header{ position: fixed; /*box-shadow: 0px 0px 10px rgba(0,0,0,0.3);*/}
.header .inner {padding:0 30px;width:auto;}
.header h1{float: left;width:276px; height: 43px;margin-top:28px; overflow: hidden;}
.header h1 a{display: block;}
.header h1 img{width: 100%; display: none;}
.header h1 img+img{ display: block;}
.index_body .header h1 img{ display: block;}
.index_body .header h1 img+img{ display: none;}
.index_body.scrollHeader .header h1 a img{ display: none;}
.index_body.scrollHeader .header h1 a img+img{ display: block;}

.nav{float: left; width:calc(100% - 150px);}
.nav li{float: left;}
.nav li>a{display: block;padding: 0 30px; position: relative; color:#000;}
.nav li>a>em{ opacity: 0; position: absolute;left:0;bottom:-23px; width:100%;height:3px;background: #DD002E;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.nav li.on>a{/*color:#1C1A1A;*/}
.nav li.on>a>em{opacity: 1;}
.nav li>span,.return_a{display: none;}
.navlist{display:none; position: absolute; left:0; top:103px; z-index: 2; width: 100%;background:rgba(255,255,255,0.93); /*box-shadow: 0 5px 5px 2px rgba(0,0,0,0.2) inset;*/}
.navlist dl{position: relative; padding:0 10%; text-align: center;}
.navlist dl dd{ display: inline-block; margin:0 30px; line-height:68px;}
.navlist dl dd.on a{color:#25598C;}
.navlist dl dd a{color:#000000;}
.nav_arrow{position: absolute;top:0;left: 50%;width: 0;height: 0;overflow: hidden;margin: 0 0 0 -7px;border: 7px dashed transparent;border-bottom: 7px solid #fff;}

.header_re{float: right;}
.header_re>div{float: right;margin-left: 30px;}
.header_box{float:right; width:calc(100% - 400px); height: 50px;line-height: 50px;margin-top: 24px;}
.block { display: block}
.nav_phone_btn{display: none;}


.index_body .header{ position: fixed; background: url(../images/ind_headbg.png) left bottom repeat-x; border-bottom: none;}
.index_body .nav li>a{color:#fff!important;}
.index_body .search_btn:before,.index_body .language{color:#fff;}
.scrollHeader.index_body .header{background: #fff;border-bottom:1px solid #D8DEE0;}
.scrollHeader.index_body .nav li>a{color:#000!important;}
.scrollHeader.index_body .search_btn:before,.scrollHeader.index_body .language{color:#000;}

/*搜索*/
.header_search{border-left: 1px #ddd solid; padding-left: 25px; }
.search_btn{height: 42px;}
.header_search{  position: relative; }
.search_btn{cursor: pointer;position: relative;float: right;width: 40px;text-align: center;    font-weight: bold;}
.search_btn.on{opacity:0.6;filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6;}
.search_btn:before{ color: #000;}
.search_btn:before,.search_box_btn:before{font-size: 25px;}
.search_box {
    background: #fff;width: 100px;right: 0px; position: absolute;top:0px;    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.on {width: 360px;visibility: visible;opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1; -khtml-opacity: 1;}
.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_btn {
  height: 40px;width: 40px;background: none;border: 0;outline: none; float: right;    font-weight: bold;
  position: relative;
}
.search_box_btn:before{position: absolute;top:0;left: 0;width: 100%;height: 100%; line-height: 40px;  }
/*搜索*/
.language{margin-top: 10px; }
.language span{float: left;margin-right: 5px;}
.language dl{float: left;position: relative;}
.language dt{position: relative;cursor: pointer;font-size: 15px;}
.language dt i{position: absolute;top:0;right: 0;height: 100%;font-weight: bold;}
.language span,.language dt{height: 20px;line-height: 20px;}
.language dd{background: #fff;width: 90px;position: absolute;top:100%;left: 50%;margin-left: -45px;padding: 10px 0;display: none;box-shadow: 0px 10px 10px rgba(0,0,0,0.4);}
.language dd p{line-height: 30px;font-size: 12px;}
.language dd p a{padding: 0 10px;}



@media only screen and (max-width:1700px) {
.header_box{width:calc(100% - 340px); }
.nav li>a{padding: 0 22px;}
}
@media only screen and (max-width:1600px) {
.nav li>a{padding: 0 18px;}
}

@media only screen and (max-width:1550px) {
  .nav li>a{padding: 0 16px;}
}
@media only screen and (max-width:1450px) {
.header_box{width:calc(100% - 300px); }
.nav li>a>em{bottom:-24px;}
}
@media only screen and (max-width:1399px) {
  .nav li>a{padding: 0 15px;}
}
@media only screen and (max-width:1365px) {
.nav{font-size: 14px;}
}
@media only screen and (max-width:1279px) {
.header h1{width:165px; height: 26px; margin-top:36px;}
.header_box{width:calc(100% - 200px);}
.nav{width:calc(100% - 100px);}
.nav li>a{padding: 0 10px;}
.header_re>div{margin-left:10px; padding-left: 5px;}

}


@media only screen and (max-width:1024px) {
.header_in{max-width: 94%;padding: 0;}
.f_share a{margin: 0 20px;}
.f_share{padding-bottom: 40px;}
.f_share img{width: 50px;height: 50px;}
.f_nav{padding: 30px 0;}
.f_share{padding-bottom: 30px;}
.scrollHeader.index_body .nav li>a{color:#fff!important;}
}
@media only screen and (max-width:767px) {
.f_share a{margin: 0;float: left;width:16.666%;text-align: center; }
.f_share{padding-bottom: 20px;}
.f_share img{width: 30px;height: 30px;}
.f_nav{padding: 20px 0;}
.f_share{padding-bottom:20px;}
.f_nav a i{padding: 0 8px;}
.f_bottom{padding: 20px 0;font-size: 12px;line-height: 20px;}
.bah,.xhr,.f_bottom span{display: block;}
}

@media only screen and (max-width:1024px) {
.header .stock{right: 60px;top:14px;}
.search_btn{height: 50px;line-height: 50px;}
.header_box{margin: 0;}

.header h1{width: 160px; height: 25px; margin-top: 12px;}
.height_height, .header{height: 50px;}
.header_box{position: fixed;bottom:0;right:-100%;width:100%;background: #161719;height: calc(100% - 50px);}
.header a,.header{color: #fff;}
.nav{padding-top: 10px; width:100%;}
.nav,.nav>ul>li{float: none;}
.nav>ul>li{float: none;border-bottom: 1px solid rgba(255,255,255,0.3);position: static;display: table;width: 100%;line-height: 40px;}
.nav>ul>li>a{height: 40px;line-height: 40px;font-weight: normal;color: #fff;padding: 0 20px;width:calc(100% - 90px);float:left;}
.nav li>a>em{ display: none;}
.nav>ul>li>span.on+a{color:#EA0000;}
.nav li>span, .return_a{display: block;color: #fff;}
.nav li>span{width: 50px;text-align: center;float: right;font-size: 14px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.nav li>span.on{transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);}
.navlist{position: static; background: none; padding: 0 0; border-top: 1px solid#414141; height: auto;line-height: inherit; width: auto !important; display: none;visibility: visible;clear: both; left:auto; top:auto; margin-left: 0!important;}
.navlist dl{padding:10px 25px;}
.navlist dl dd{ float: none; width:100%; text-align: left; margin:0; height: 30px; line-height: 30px;}
.navlist dl dd a,.bus_nav .ll p a{color:#fff;}


.navbody .nav{right: 0; left:auto;}
.header .inner{padding:0 10px;}

.header_search{right:0px;position: static;float: right;}
.search_box{top:10px;right: 40px;}
.header_box{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.navbody .header_box{right: 0;border-top: 1px solid rgba(255,255,255,0.3)}
.header_re>div{padding-left: 0; border:none;}

.language dl{width: auto;}
.language{overflow: hidden;}
.language dt{display: none;}
.language dd{display: block;width: auto;position: static;background: none;margin: 0;padding: 0;box-shadow: none;}
.language dd p{float: left;line-height: 24px;font-size: 14px;}
.header_re{float: none;margin:0 20px;padding-top: 20px;}
.language span, .language dt{line-height: 24px;}
.header_re>div{float: none;margin: 0;}
.header_re .language{margin-top: 10px;}
.search_btn{display: none;}
.search_box { position: static; width: 360px;visibility: visible;opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1; -khtml-opacity: 1;}


/*手机按钮*/
.nav_phone_btn{display: block;cursor: pointer;height: 50px; position: fixed;top:0;right:0;z-index: 999;width: 50px;text-align: center;background: #EA2D36;}
.nav_phone_btn span {position: relative;width:26px;height: 3px; top:10px; background-color: #fff;display: inline-block;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;}
.nav_phone_btn span i{ position: absolute; bottom:-30px; left:0; width:100%; color:#fff; font-family: arial; font-size: 12px; text-transform: uppercase;}
.nav_phone_btn span:before,.nav_phone_btn span:after {content: "";position: absolute;width: 100%;height: 3px;background-color: #fff;left:0px;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;}
.nav_phone_btn span:before{top:-7px;}
.nav_phone_btn span:after{top:7px;}
.visible_nav.nav_phone_btn{ background: #183C94;}
.visible_nav.nav_phone_btn span{background-color: transparent;}
.visible_nav.nav_phone_btn span:before{top:0px;width:90%;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);}
.visible_nav.nav_phone_btn span:after{top:0px;width:90%;transform: rotateZ(-45deg);-webkit-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);}
}

@media only screen and (max-width:767px) {
.search_box{top:60px;width: 100%;}
.search_box.on{right:auto;left: 0;width: 100%;}
.header_re{padding-top: 20px;}
.header .stock{width: 120px;right: 45px;}
.header .stock i{margin: 0 8px;margin-top: 6px;}
}



.footer{clear: both;overflow: hidden; background: #4c4c4c}
.f_top{padding: 25px 0 20px 0;overflow: hidden;}
.f_re{float: right;width:320px;}
.f_link dl{position: relative;}
.f_link dd{position: absolute;bottom:40px;left:0;width: 100%;background: #fff;padding:10px 0;max-height: 128px;overflow: hidden;overflow-y:auto;border-bottom: 1px solid #eee;display: none;box-shadow: 0px 0px 10px rgba(0,0,0,0.3);z-index: 9;}
.f_link dd p{line-height: 32px;}
.f_link dd a{display: block;padding:0 20px;}
.f_link dt{color: #666666;height: 30px;line-height: 30px;background:#fff;padding: 0 20px;overflow: hidden;cursor: pointer;}
.f_link dt i{float: right;position: absolute;top: 0;right: 0;width: 20px;height: 100%;text-align: center;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.f_link dt.on i{transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);}

.f_phone{margin: 15px 0;}


.f_bottom{padding: 30px 0 50px 0; border-top:1px #aaa solid }
.f_p01{float: left;}
.f_p02{float: right; width:83px; overflow: hidden;}
.f_p02 img{ width:83px; height: 83px;}

.f_p01,.f_p01 a{color: #888;}
.f_p01 .xhr{color: #888; margin:0 0 0 15px;}
.f_p01 a{margin-right: 15px;}
.f_p01 .bai2 span a{color:#fff!important;}


@media only screen and (max-width:1700px) {
.f_le li{margin-right: 70px;}
}

@media only screen and (max-width:1550px) {
.f_le li{margin-right: 50px;}
.f_top{padding: 40px 0;}
.f_bottom{padding-bottom: 50px;}
}

@media only screen and (max-width:1400px) {
.f_re{width: 250px}
.share_a a{margin-right: 10px}
.share_a{margin-bottom: 20px}

}
@media only screen and (max-width:1300px) {
.f_le li{margin-right: 40px;}
}

@media only screen and (max-width:1023px) {
.f_top,.indexbody .footer_bg{padding: 40px 0;}
.f_le,.f_re{float:none;width: 100%;}
.f_le{display: none;}
.footer{overflow: inherit;}
.f_top{padding: 20px 0;overflow: inherit;}
.f_le{margin-bottom: 20px;}
.f_le li{width: 100%;margin: 0;padding: 10px 0;border-bottom: 1px dashed #dcdcdc;}
.f_le li:first-child{padding-top: 0;}
.f_le li dd a{float: left;margin-right: 40px;}
.f_le li dd p{float: none;margin: 0;}
.f_le li dt i{margin: 5px 0;}
.f_bottom{padding: 30px 0;}
.f_bottom p{float: none;width: 100%;text-align: center;}
.f_bottom .f_p01{margin-bottom: 5px;}
.share_a{text-align: center;}
.share_a p{display: inline-block;}
.share_a a{margin: 0 5px;}
.f_link dt{height: 30px;line-height: 30px;padding: 0 10px;}
.f_link dd{bottom: 30px;}
.share_a a{width: 32px;height: 32px;line-height: 32px;}
.share_a a i{font-size: 20px;}
.share_a a.pic_01 i{font-size: 16px;}
.f_link dd a{padding:0 10px;}
.f_le li dt{margin-bottom: 10px}
.f_link dd{top:auto;bottom: 36px;}
}

@media only screen and (max-width:767px) {
.f_bottom{padding: 20px 0;}
.f_p01{ float: none;}
.f_p02 a{padding-left: 10px;margin-left: 10px;}
.f_p02{float: none; margin:10px 0 0; text-align: center;}
}


/*weixin*/
.weixin{ position:fixed; width:300px; z-index:100000; background:#fff; border:1px solid #ddd; border-radius:2px; box-shadow:1px 1px 10px #666;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); left:50%; top:50%;}
.weixin .c{ position:absolute; width:40px; height:40px; background:url(../images/x.png) center center no-repeat; overflow:hidden; text-indent:100px; right:0; top:0; font-size:20px; font-style:normal; text-align:center; cursor:pointer; z-index:2;}
.weixin h2{ position:relative; line-height:40px; font-size:16px; padding-left:20px; font-weight:normal;}
.weixin .img{ padding:10px 20px;text-align:center; border-top:1px solid #ddd;}
.weixin .img img{width:200px; height: 200px;}
.weixin p {margin:0 0 30px; text-align:center;}
@media only screen and (max-width:767px) {
.weixin{width:70%;}
}

/*page*/
.page {vertical-align:middle;text-align:center;font-size: 14px; color:#2F2F2F;  height:36px; line-height:36px;}
.page .inner{ display: inline-block; }
.page a{text-align:center; width:36px; height:36px;}
.page a.num{float: left;border:1px solid #D8D8D8; font-family:Arial;color:#666666;}
.page a.on{background:#044295;color:#fff;border:1px solid #044295;}
.page a.num:nth-child(2){border-left:1px solid #D8D8D8;}
.page a.num:nth-child(2).on{border-left:1px solid #044295;}
.page a.prev,.page a.next{float: left; width:100px; border:1px solid #D8D8D8;margin:0 10px; }
.page a.prev.disable,.page a.next.disable,.page a.prev.no,.page a.next.no{ cursor: default;}
.p_i{ display: inline-block; position: relative;width:36px;height:36px; line-height:36px; margin:0 5px; padding:0 2px;background:#fff; border:1px solid #D8D8D8;}
.page input.txtnum{  width:100%; height:100%; text-align: center; border:none; background: none; font-family:Arial;}
.page a.go{ display: inline-block;width: 40px; height: 36px; line-height: 36px; position: relative; top:-1px; font-size: 16px; background:#044295;color:#fff!important; text-align: center; font-family:"arial";}
.p_tot{ font-family: Arial, Helvetica, sans-serif;}
@media only screen and (min-width: 1025px) {
    .page a.prev:hover,.page a.next:hover{color:#fff!important; border:1px solid #044295;background: #044295;}
    .page a.prev.disable:hover,.page a.next.disable:hover{opacity: 0.5;}
    .page a.num:hover{background:#044295;color:#fff!important; border:1px solid #044295;}
    .page a.go:hover{opacity: 0.9;}
}
@media only screen and (max-width: 767px) {
    .page{margin:0 0 15px;}
    .page span,.page a.go,.page a.num{display: none;}
    .page a.prev, .page a.next{background:#044295;border:1px solid #044295; color:#fff!important;}
    .page a.prev.disable,.page a.next.disable{opacity: 0.5;}
}




@media only screen and (min-width:1025px) {
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);}
a:hover{color: #EA0000!important;}

.nav li:hover>a>em{ opacity: 1;}
}




img{max-width: 100%;}
.bg-cover{background-size: cover; background-repeat: no-repeat; background-position: center center;}
.bg_layer{background: rgba(0,0,0,0.7); position: absolute; left:0; top:0; width: 100%; height: 100%; z-index: 10000;}
.bg-cover-ban{ background-size: 100% 100%;}

@media only screen and (max-width:767px) {
  .wrap,.wrap2{width:94%;}
}




.in_news .item_r{ float: right;}
.in_news .item_r.erge:nth-child(odd){ margin-right: 0;}




