@charset "utf-8";
/** home css**/
*{ margin:0; padding:0;}
a{ text-decoration:none; color:#333;}
ul,li{ list-style-type:none;}
img{ border:0;vertical-align:top;}
input,textarea,select{ vertical-align:middle;outline:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,br,pre,form,fieldset,input,textarea,p,blockquote,th,td,img,select,input,a,div,strong,span,b{ margin: 0; padding: 0; }
body{ width:100%;font-family:"Microsoft YaHei","SimHei",Arial; font-size:14px; -o-user-select: none; -wekit-user-select: none; -moz-user-select: none; user-select: none; -ms-user-select: none; }

/*在线咨询*/
#rc_chatlivex_floatDiv{ position: fixed!important; top: 18%!important; left: 0px!important; }

/** index **/
.subleft{ position: fixed; right:0; top:0; width: 220px;padding: 0; height:100%;  list-style-type: none; z-index: 70;}
.slbg{ position:absolute; width:220px; height:100%; background:#000;filter:alpha(opacity=63); opacity:0.63;}

.logo{ position:relative; z-index:1; width:100%; padding:80px 0 35px 0;}
.logo img{ display:block; margin:0 auto; width:72px;}

/*二维码*/
.ewm_con{ position:fixed; left:0; bottom:15%; z-index:999;}
.ewm_con li{margin-bottom:8px; border-radius:8px; background:#fff; border:1px solid #888f94; position:relative; cursor:pointer;}
.ewm_con li>img{ display:block; width:40px; padding:10px;}
.ewm_con li div{display:none; position:absolute; width:130px; padding-left:9px; height:160px; left:50px; bottom:-10px; text-align:center; line-height:24px; font-size:14px; background:url(../images/ewm_bg.png) no-repeat;}
.ewm_con li div img{width:104px; height:104px; display:block;  margin:15px auto 2px;}
.ewm_con li:hover div{display:block;}

/*top*/
.topic {position: fixed; left:0; top: 0; width: 100%;  height: 50px; background: rgba(255,255,255,0.85); z-index:8000;}
.topLeft {width:  34%; float: left; height: 50px; line-height: 50px; color: #000; font-size: 14px; font-family:"Microsoft Yahei"; margin-left:35px; }
.notice { width: 400px; height: 50px; line-height: 50px; overflow: hidden; background: none;}
.noticea {margin-left: 70px; width: 400px; height: 50px; ine-height: 50px; overflow: hidden;    background: none;}
.notice a:link, .notice a:visited {color: #333; text-decoration: none;}
.notice a:hover {color: #b52831; font-weight:bold;}
.topRight {float: right; height: 50px; margin-right:15px; width: 62%;}
.btn_login {float: right; margin-right: 10px; margin-top: 10px; width: 65px; height: 28px; border: #000 solid 1px; line-height: 28px; background: none; color: #000; font-size: 13px; display: block; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.btn_login a:link {color:#000; text-decoration: none;}
.btn_login a:visited {color:#000; text-decoration: none;}
.btn_login a:hover {margin: -1px 0 0 -1px; width: 65px; height: 28px; color: #fff; background: #b52831; border: #b52831 solid 1px; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: block;}

.btn_xj {float: right; margin-right: 10px; margin-top: 10px; width: 65px; height: 28px; border: #000 solid 1px; line-height: 28px; background: none; color: #000; font-size: 13px; display: block; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.btn_xj a:link {color:#000; text-decoration: none; border: 0 none;}
.btn_xj a:visited {color:#000; text-decoration: none; border: 0 none;}
.btn_xj a:hover {margin: -1px 0 0 -1px; width: 65px; height: 28px; color: #fff; background: #b52831; border: #b52831 solid 1px; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: block;}

.btn_Eng {float: right; margin-right:0; margin-top: 10px; width: 80px; height: 28px; border: #000 solid 1px; line-height: 28px; background: none; color: #000; font-size: 13px; display: block; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.btn_Eng a:link {color: #000; text-decoration: none; }
.btn_Eng a:visited {color: #000; text-decoration: none;}
.btn_Eng a:hover {margin: -1px 0 0 -1px; width: 80px; height: 28px; color: #fff; background: #b52831; border: #b52831 solid 1px; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: block;}

.btn_login {float: right;margin-right: 10px;margin-top: 10px;width: 65px;height: 28px;/* border: #6d624f solid 1px; */line-height: 28px;/* background: #fff; */color: 000;
font-size: 13px;display: block;text-align: center;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}

.notice span{ float: left;font-weight:bold;}
.m_wnews2 { float:left; width:350px; position: relative; zoom: 1; height:50px; overflow: hidden;}
.m_wnews2 div { line-height:50px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; word-wrap:break-word; }

/* nav */
#menu { position:relative; z-index:2;}
#menu li {font-size:18px; background:url(../images/navline.png) repeat-x 0 0; padding:1px 0 0; vertical-align:top;}
#menu a { display: block; height:65px; line-height:65px; color: #fff; text-align: center; text-decoration: none; background:url(../images/navicon.png) no-repeat; text-indent:35px;}
#menu .active a { color: #fff; background-color:#b52831;}
#menu a.ni01{ background-position:40px 16px;}
#menu a.ni02{ background-position:40px -45px;}
#menu a.ni03{ background-position:40px -105px;}
#menu a.ni04{ background-position:40px -165px;}
#menu a.ni05{ background-position:40px -225px;}
#menu a.ni06{ background-position:40px -285px;}
#menu a.ni07{ background-position:40px -345px;}
#menu a.ni08{ background-position:40px -468px;}
#menu a.ni09{ background-position:40px -530px;}


/* content */
.section1 { background:url(../images/bigbg2/01.jpg) no-repeat center center;  background-size:100% 100%; }
.section2 { background:url(../images/bigbg2/02.jpg) no-repeat center center;  background-size:100% 100%; }
.section3 { background:url(../images/bigbg2/03.jpg) no-repeat center center;  background-size:100% 100%; }
.section4 { background:url(../images/bigbg2/06.jpg) no-repeat center center;  background-size:100% 100%; }
.section5 { background:url(../images/bigbg2/05.jpg) no-repeat center center;  background-size:100% 100%; }
.section6 { background:url(../images/bigbg2/06.jpg) no-repeat center center;  background-size:100% 100%; }
.section7 { background:url(../images/bigbg2/05.jpg) no-repeat center center;  background-size:100% 100%; }
.section8 { background:url(../images/bigbg2/02.jpg) no-repeat center center;  background-size:100% 100%; }
.section9 { background:url(../images/bigbg2/03.jpg) no-repeat center center;  background-size:100% 100%; }

.cont1{ height:470px; width:960px; background:#fff; margin:-4% auto 0px;}
/* 2017-09-12 cont08图片高度问题*/
.contH{ height: 515px; margin-top: 0%!important;}
.stit{ overflow:hidden; padding:23px 40px 0;}
.stit span{ font-size:24px; float:left; color:#000;}
.stit span b{ color:#d30f1e;}
.stit a{ float:right;color:#bf1900; font-size:14px; text-transform:uppercase; display:inline-block; padding-top:5px; letter-spacing:1px;}
.stit a:hover{color:#e40113;}


/* search */
/*.search { margin: 0 auto; overflow:hidden; width:960px; background:rgba(255,255,255,.6); height:230px;}
.search form{ overflow:hidden; padding:0 0 0 60px;}
.input {float: left; width:580px; height:42px; border:1px solid #b52831; background:#fff; text-indent: 10px; color: #000; font-family:"Microsoft Yahei"; font-size:16px; display:inline; margin:0 3px; border-radius:22px;}
.search_btn {float: left; width: 121px; height:44px; background: url(../images/but.jpg) no-repeat; border: 0; font-size: 18px; font-weight: bold; color: #fff; cursor:pointer; display:inline; border-radius:22px;}

.choose{ float: left; text-align:left;width: 130px;height:42px; color: #666;font-size: 16px; border:1px solid #b52831;background:#fff; border-radius:22px; overflow:hidden; z-index: 1;}
.choose .btn{ background:url(../images/se.png) no-repeat 95% center;}
.choose .btn,.choose .col{ width: 100%;height:42px; line-height:42px;text-indent: 10px;cursor: pointer; }
.choose .col:hover{ background: #ccc;color: white; }
.choose .con{ width: 100px;height: auto;position: absolute;border: 1px solid #b52831;border-top: 1px dashed #b52831;display: none;background: white; margin-left:15px; } 
*/

/* search */
.search { margin: 0 auto; width:960px;background:rgba(255,255,255,.6);  height:248px; position: relative;}
.search form{ position: absolute; padding-left:5px; width:180px;}

.input {float: left; width:580px; height:42px; border:1px solid #b52831; background:#fff; text-indent: 10px; color: #000; font-family:"Microsoft Yahei"; font-size:16px; display:inline; margin:0 3px; border-radius:22px;}
.search_btn {float: left; width: 121px; height:44px; border-radius:22px; background-color:#cd1422; border: 0; font-size: 18px; font-weight: bold; color: #fff; cursor:pointer; display:inline-block; border-radius:22px;}

.choose{*display:inline;position:relative; float: left; text-align:left;width: 130px;height: 42px; color: #666;font-size: 12px; border:1px solid #b52831;background:#fff;cursor:pointer;border-radius:22px;  margin-left: 55px; }
.sslct{ display:inline-block; vertical-align:top; *display:inline; position:relative; cursor:pointer;}
.sslct .butten{ height:42px; line-height:42px; display:inline-block; vertical-align:top;}
.sslct .butten_r{ display:inline-block; width:130px; background:url(../images/se.png) no-repeat 90% center; font-size:16px; text-indent:25px; height:42px; line-height:42px; overflow:hidden;}
.list_sslct{width:100px; height:0;  line-height:42px; position:absolute; left:14px; top:42px; background:#FFF; overflow:hidden; text-indent:15px; border:1px solid #b52831; border-top:none; }
.list_sslct li{font-size:14px; border-top:1px dashed #b52831; }
.list_sslct li a{ display: block; padding:0 7px;}
.list_sslct li a:hover{ background:#F6F6F6;}

.logo2{ padding: 25px 0 25px;}
.logo2 img{ display:block; height:102px; margin:0 auto;}

/* 2017-08-11 网上展厅 */
.show li img{ padding: 5px; background: #fff; border: 1px solid #eee; height: 335px!important; box-sizing: border-box;}
/* 01*//*.show .online{ overflow: hidden ; color: #999; margin-top: 10px;background: url(../images/period.png) no-repeat left center; line-height: 20px; padding-left: 20px; line-height: 20px;}
.show .online>span{ line-height: 30px; font-size: 13px; color: #999;}
.online a{ float: right;}
.online a.linePlay{ display: block; padding: 5px 10px; border: 1px solid #b52831; color: #b52831; font-size: 14px;}
.online a.linePlay:hover{ background: #b52831; color: #fff;}
.online span{ float: left;}*/
/*02*/
.show img{ margin-bottom: 10px;}
.show a span:hover{ color: #b52831;}
.online{ overflow: hidden;}
.online span.time{ float: left; background: url(../images/period.png) no-repeat left center; color: #888; font-size: 13px;padding-left: 18px; line-height: 30px;  margin-left:9px;  }
/*.online button{ float: right; border: none;}
.online button a{ padding: 5px 10px; background: #fff; color: #b52831; border-radius: 2px; cursor: pointer; outline: none; border: 1px solid #b52831;}
.online button a:hover{ background: #b52831;   color: #fff;}*/
.online span.zxgk{ float: right; border: none; font-size: 12px; line-height: 25px; margin-right:7px; letter-spacing: 0.13em; }
.online span.zxgk a{ padding: 0 10px; background: #fff; color: #b52831; border-radius: 2px; cursor: pointer; outline: none; border: 1px solid #b52831;}
.online span.zxgk a:hover{ background: #b52831;   color: #fff;}

/* news */
.news{ padding: 20px 20px 0; overflow:hidden; }
.news li{ float:left; width:33.333%; overflow:hidden; padding: 0 20px; box-sizing:border-box;}
.news li a{ overflow:hidden; display:block;}
.news li img{ width:95%; height:135px; display:block; padding:5px; border:1px solid #e6e6e6; border-radius:20px; }
.news li.zl img{ width:94%; height:135px; margin-left:10px; display:block; padding:5px; border:1px solid #e6e6e6; border-radius:15px; }
.news li .btext{ float:right; width:265px;}
.news li span{ display:block; color:#555; font-size:14px; line-height: 32px; font-weight:normal;  margin-bottom:6px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.news li .btext span{ font-size:12px; color:#999; display:block;line-height:18px; height:36px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; }
.news li .btext b{ font-size:12px; display:block;font-weight:normal; height:27px;line-height:27px; color:#dbdbdb;}
.more6{ display:block; margin:19px auto 0; width:301px; height:34px; background:url(../images/more6.png) no-repeat; text-align:center; line-height:38px; font-size:12px; text-transform:uppercase; color:#af9937; overflow:hidden;}
.news li a:hover img{filter:alpha(opacity=80); opacity:0.8;}
.news li a:hover .btext h2{color:#bf1900;}
.news li a:hover .btext b{ color:#bf1900;}
.news li a:hover span{ color:#b52831; }

/* about */
.aboutimg{ float:left; width:208px; padding:40px 0 0 40px;}
.aboutimg img{ display:block;}
.about{ float:right; width:65%; padding:50px 40px 0;}
.about .stit{ padding:0;}
.about .at{ border-bottom:1px solid #ddd; padding-bottom:5px;}
.about .abtext{ font-size:14px; color:#555; line-height:25px; padding:20px 0 0;}
.about .abtext p{ text-indent:2em; margin-bottom:10px;}


/* activity */
.activity{ padding:20px 40px 0;}
.activity li{ height:40px; line-height: 40px; overflow:hidden; vertical-align:top; border-bottom:1px dotted #ddd; font-size:13px; color:#333; }
.activity li a{ line-height:40px; float:left; display:block; width:70%; font-size:14px; color:#555; background:url(../images/li03.png) no-repeat 0 center; padding-left:10px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.activity li span{ float:right; margin-top:6px;font-size:12px; color:#b52831; letter-spacing:1px; display:inline-block; padding: 0 13px; background:#f1f1f1; height: 26px; line-height: 26px;}
.activity li a:hover{ color:#C00;}
.activity li:hover span{ background:#C00; color:#fff;}


/* resources */
.resFloat{ margin-top: 15px;  overflow: hidden;}
.resimg{ padding:40px 0 20px 0; border-bottom:1px solid #f0efed; margin:0 40px;}
.resimg img{ display:inline-block; vertical-align:top; height:88px;}
.resimg img.rim01{ margin-right:20px; border-left:0px solid #cdd2df; width: 100%;}
.resimg img.rim02{ border-right:7px solid #b52831;}
.resources{ overflow:hidden; /*padding:15px 0 0 45px; */; float: left; width: 109%; padding-left:0;}
.resources li{ float:left; width: 23.8%;  line-height:40px; padding-top:9px; vertical-align:top;}
.resources li a{ display:block; width:85%;  border-bottom: 1px dashed #ccc;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:url(../images/li02.png) no-repeat 0 center; text-indent:15px; font-size:14px; color:#333; }
.resources li a:hover{color:#C00;}
.resources li hr{display: none;}
.resFloat>a.resTu{ float: right; width: 16%;}
.resFloat>a.resTu img{ width: 100%;}


/* learn */
.learn{ overflow:hidden; padding:20px 0 0 40px;}
.learn li{ width:160px; float:left; padding:20px 20px 0 0;}
.learn li a{ height:108px; display:block; background:#e4d2b6; overflow:hidden; }
.learn li a i{ display:block; text-align:center; font-size:26px; margin-top:18px; color:#fff;}
.learn li a span{ display:block; text-align:center; margin-top:10px; font-size:14px; line-height:30px; color:#fff; font-weight:bold; letter-spacing:.5px;}
.learn li.lea01 a{ background:#e4d2b6;}
.learn li.lea02 a{ background:#e1e1b4;}
.learn li.lea03 a{ background:#c2dbc6;}
.learn li.lea04 a{ background:#f2cbc1;}
.learn li.lea05 a{ background:#e2c2c8;}
.learn li.lea06 a{ background:#d6c3dd;}
.learn li.lea07 a{ background:#c3c5dd;}
.learn li.lea08 a{ background:#c2d0db;}
.learn li.lea09 a{ background:#e9d1b8;}
.learn li.lea10 a{ background:#e1dbb4;}
.learn li.lea11 a{ background:#cbdbc2;}
.learn li.lea12 a{ background:#f2cbc1;}
.learn li.lea13 a{ background:#eebec3;}
.learn li.lea01 a span{ background:#c1a375;}
.learn li.lea02 a span{ background:#abab5b;}
.learn li.lea03 a span{ background:#69a873;}
.learn li.lea04 a span{ background:#cc8b7a;}
.learn li.lea05 a span{ background:#cb7b8a;}
.learn li.lea06 a span{ background:#ae8cba;}
.learn li.lea07 a span{ background:#8388c1;}
.learn li.lea08 a span{ background:#6996b8;}
.learn li.lea09 a span{ background:#bd9368;}
.learn li.lea10 a span{ background:#afa564;}
.learn li.lea11 a span{ background:#80a969;}
.learn li.lea12 a span{ background:#cc8572;}
.learn li.lea13 a span{ background:#c77981;}
.learn li a:hover{ background:#f0efe8;}
.learn li a:hover span{ background:none; color:#000;}
.learn li.learntit{ width:340px;}
.learn li.learntit img{ display:block;}

.newsBook dl{ /* float:left;  width:100%; */ padding:20px 30px; overflow: hidden; width:33%; box-sizing:border-box; float:left; }
.newsBook dl a:hover{ color:#b52831; display:block; overflow:hidden;}
.newsBook dl a:hover img{ filter:alpha(opacity=80); opacity:0.8; }
/* .newsBook dl a:hover{ background:#b52831; color:#fff; display:block; overflow:hidden;}
/* .newsBook dl a:hover dt{ color:#b52831;}
.newsBook dl a:hover dd{ color:#333;} */
.newsBook dl a.shu{ float: left; display: block; text-align: center; line-height: 30px; margin: 0 0 10px 8px; }
.newsBook dl a.shu img{/* float:left; */width:100%; height:335px; padding:2px; border:1px solid #e6e6e6; box-sizing: border-box; }
.newsBook dl dt{ font-size:16px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; line-height:2;}
.newsBook dl span{ color:#555; font-size:14px; width:248px;  display: inline-block; text-align: center; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; }
.newsBook dl dd{ color:#999; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; line-height:26px;}

/* service */
.service{ overflow:hidden; padding:10px 0 0 45px;}
.service li{ float:left; width:210px; padding:10px 10px 0 0;}
.service li a{ display:block; width:100%; height:159px; background:#efefef; overflow:hidden;}
.service li a i{ display:block; width:80px; height:80px; margin:25px auto 10px; background:url(../images/sericon.png) no-repeat; overflow:hidden;}
.service li a span{ font-size:16px; display:block; text-align:center;}

.service li.ser01{ width:430px;}
.service li.ser01 a{ width:100%; background:#000; overflow:hidden;}
.service li.ser01 a p{ float:left; padding:26px 0 0 32px;}
.service li.ser01 a p img{ display:block;}
.service li.ser01 a span{ display:block; text-align:left; font-weight:normal; font-size:14px;  float:left; padding:20px 0 0 35px; width:50%; letter-spacing:1px;}
.service li.ser01 a span b{ font-weight:normal; color:#ce232e;}
.service li.ser01 a span em{ font-style:normal;color:#fff; line-height:21px; display:block; margin-bottom:8px;}
.service li.ser01 a:hover{ background:#b52831;}
.service li.ser01 a:hover span b{ color:#000;}

.service li.ser02 a i{ background-position:0 0;}
.service li.ser03 a i{ background-position:-80px 0;}
.service li.ser04 a i{ background-position:-160px 0;}
.service li.ser06 a i{ background-position:-240px 0;}
.service li.ser05 a i{ background-position:-320px 0;}
.service li.ser07 a i{ background-position:-400px 0;}

.service li a:hover{ background:#b52831;}
.service li a:hover span{ color:#fff;}
.service li.ser02 a:hover i{ background-position:0 -80px;}
.service li.ser03 a:hover i{ background-position:-80px -80px;}
.service li.ser04 a:hover i{ background-position:-160px -80px;}
.service li.ser06 a:hover i{ background-position:-240px -80px;}
.service li.ser05 a:hover i{ background-position:-320px -80px;}
.service li.ser07 a:hover i{ background-position:-400px -80px;}


/* book */
.book{ overflow:hidden; width:950px;}
.book ul{padding:13px 0 0 10px; width:105%;}
.book li{ float:left; width:98px; padding:0 29px 5px; border-right:1px dotted #eee;}
.book li a{ display:block; cursor:pointer;}
.book li a img{ width:90px; height:125px; border:1px solid #ddd; padding:3px;}
.book li a span{ display:block; padding-top:5px; text-align:center; font-size:12px; line-height:16px; height:33px; overflow:hidden; color:#333;}
.book li a:hover img{ border:1px solid #b52831;}
.book li a:hover span{ color:#C00;}


/* fast */
.fast{ position:fixed; z-index:222; left:20px; top:10%;}
.fast ul{}
.fast ul li{ padding-bottom:10px;}
.fast ul li a{ overflow:hidden; border:1px solid #000; width:72px; height:72px; -webkit-border-radius: 10px; -moz-border-radius:10px;border-radius: 10px; behavior: url(js/PIE.htc); position:relative; display:block; background:rgba(255,255,255,.3);}
.fast ul li a i{ display:block; margin:7px auto 2px; overflow:hidden; width:37px; height:37px; background:url(../images/fasticon.png) no-repeat;} 
.fast ul li a span{ display:block; text-align:center; font-size:14px;}
.fast ul li.fast01 a i{ background-position:0px 3px;}
.fast ul li.fast02 a i{ background-position:0px -80px;}
.fast ul li.fast03 a i{ background-position:0px -160px;}
.fast ul li a:hover{  background:rgba(255,255,255,.8);}
.fast ul li.aa a i{background:url(../images/phone.png) center center no-repeat;}
.fast ul li.aa{position:relative;}
.fast ul li.aa img{display:none; width:120px; position:absolute; top:-30px; right:-125px; border-radius:5px; border:1px #ededed solid;}
.fast ul li.aa:hover img{display:block; }

@-webkit-keyframes xz{
    0%{transform:rotateY(0deg); background:rgba(255,255,255,.3);}
    100% {transform:rotateY(360deg); background:rgba(255,255,255,.8);}
}
@-moz-keyframes xz{
    0%{transform:rotateY(0deg); background:rgba(255,255,255,.3);}
    100% {transform:rotateY(360deg); background:rgba(255,255,255,.8);}
}
@keyframes xz{
    0%{transform:rotateY(0deg); background:rgba(255,255,255,.3);}
    100% {transform:rotateY(360deg); background:rgba(255,255,255,.8);}
}
.fast ul li:hover a{-webkit-animation: xz 0.8s 1 ease; -moz-animation: xz 0.8s 1 ease; animation: xz 0.8s 1 ease;}


/* footer */
.footer {width: 100%; height: 110px; background: #000; position:absolute; bottom: 0px; color:#fff; overflow:hidden;}
.footercont { width:900px; height: 40px; font-size: 14px; margin:0 auto;}
.flink { width: 100%; overflow:hidden; padding:18px 0 10px;}
.fltit {float: left; font-size: 14px; line-height: 22px; display:inline-block; padding-left:50px;}
.flink_sel {float: left; width: 160px; height: 22px; border:0;margin-left: 10px; display:inline;}
.copy{ font-size:12px; text-align:center; text-transform:uppercase; color:rgba(255,255,255,.5);}
.footer font{ color: rgba(255,255,255,.7);}



/* 登录弹窗 **/
.theme-popover-mask{z-index: 9998;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.6;filter:alpha(opacity=60);display:none}
.log-popup{z-index:9999;position:fixed;top:50%;left:50%; width:400px;height:320px;margin:-160px 0 0 -200px; background-color:#fff;display:none;}
.log-popup-con{ color:#444; text-align:center;}
.fast ul li.fa01 div.log-popup a{ background:none;}
.log-popup-con h2{ color:#fff; background:#000;  font-weight:normal; padding:15px 15px 0; height:35px; line-height:100%; overflow:hidden;}
.log-popup-con h2 span{ font-size:18px; font-weight:bold; float:left; display:inline-block; padding-left:10px;}
.log-popup-con h2 a.close{ float:right; width:auto; height:auto; border:none;}
.log-popup-con h2 a.close:hover{ background:none;}
.log-popup-con h2 a.close img{ display:block; width:15px;}
.log-popup-con .yn{ margin-top:13px; overflow:hidden; padding:5px 40px 0;}
.log-popup-con .yn p{ border:1px solid #ddd; margin:8px 0; display:block;}
.log-popup-con .yn p label{ display:inline-block; vertical-align:middle; margin-right:10px; font-size:14px; color:#777;}
.log-popup-con .yn p .loginput{ border:0; border-left:1px solid #ddd; height:33px; line-height:33px; vertical-align:middle; padding:0 5px; width:200px;font-family:"Microsoft YaHei";}
.log-popup-con .yn .logbut{ display:block; height:40px; line-height:40px; vertical-align:middle; font-size:18px;  background:#a11b23; color:#fff; width:100%; margin:25px auto 0; cursor:pointer; font-family:"Microsoft YaHei";letter-spacing:2px; border-radius:5px; border:0;}
.log-popup-con .yn .logbut:hover{ background:#ba1722; }


/* 2017-08-11 */

.unite{ display: block;}
.collection{ display: none;}
.station{  display: none;}

.searchBox_blyun{margin:0px; padding:0px; color:#333; width:100%;/* position: absolute; */margin-top: -10px; z-index: 1;}
.searchBox_blyun ul{list-style-type:none;}
.searchBox_blyun input{vertical-align:middle; }
.searchBox_blyun a{color:#cd1422; text-decoration:none; text-shadow:2px 2px 0px #fff;}
.searchBox_blyun a:hover{text-decoration:underline;}
.searchBox_blyun .clearfix{overflow:hidden; zoom:1;}
.searchBox_blyun .clear{clear:both; height:0px; font-size:0px; line-height:0px; overflow:hidden;}
.searchBox_blyun .inner1_searchBox{background:url(images/bg_searchBox_blyun.gif) no-repeat; z-index: 1;}
.searchBox_blyun .inner2_searchBox{background:url(images/bg_searchBox_blyun.gif) no-repeat right -230px; /*height:88px;*/ overflow:hidden;}
.searchBox_blyun .sTab{padding-left: 200px;}
.searchBox_blyun .sTab li{float:left; margin-right:20px; display:inline; line-height: 30px;}
.searchBox_blyun .sTab li.on a{font-weight:bold; color:#333;}
.searchBox_blyun .sTab li.on a:hover{text-decoration:none;}
.searchBox_blyun .sInput{height:27px; margin-top:6px;}
.searchBox_blyun .sInput input{float:left; border:0px; background-image:url(images/icons_searchBox_blyun.gif); background-color:transparent;}
.searchBox_blyun .stxt{width:324px; height:27px; line-height:27px; padding:0px 2px; background-position:0px 0px;}
.searchBox_blyun .sbtn{width:53px; height:27px; overflow:hidden; text-indent:-9999px; cursor:pointer;}
.searchBox_blyun .cn{margin-right:6px; display:inline; background-position:-420px 0px;}
.searchBox_blyun .en{background-position:-479px 0px;}
.searchBox_blyun .sTip{float:left; height:28px; position:relative; margin:-1px 0px 0px 4px; line-height:14px; display:inline;}
.searchBox_blyun .sTip td{height:28px;}
.searchBox_blyun .sTip a{text-decoration:underline;}

.searchBox_blyun .sLabel{ padding-left: 200px; *margin-top:2px; *padding-left:2px; z-index: 0; position: absolute; bottom: 15px;}
.searchBox_blyun .sLabel label{margin-right:10px; *margin-right:5px;}
.searchBox_blyun .sLabel input{margin:0px 6px 3px 0px; *margin:0px 1px 3px 0px;}



/* 2017-08-11 鼠标滚动下拉 */
.rollText,.rollImg ,.roll{/* position: relative; *//* float: left; *//* z-index: 9999; */}
.roll { width: 86px; position: absolute; margin: 0 50%; left:-43px; bottom: 40px;}
.rollImg { top: 20px; left: 50%; margin-left: -15px; position: absolute; cursor: pointer;  background:url(../images/scoll-bottom-white.png) no-repeat; width: 30px; height: 30px; display: block; opacity: 0.7;}
.rollText {font-size: 12px; left: 5px; color: rgba(255,255,255,.7);}

.section .roll {}

.section #rollImg {
    -o-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}
.section #rollImg:hover{
   -o-transform: scale(.7);
   -ms-transform: scale(.7);
   -moz-transform: scale(.7);
   -webkit-transform: scale(.7);
   transform: scale(.7);
}


.totoproll { width: 200px; position: absolute; margin: 0 50%; left:-140px; bottom: 160px;}
.totoprollImg { top: 20px; left: 50%; margin-left: -15px; position: absolute; cursor: pointer;  background:url(../images/toTop.png) no-repeat; width: 114px; height: 30px; display: block;}
.totoprollImg:hover{  top: 20px; left: 50%; margin-left: -15px; position: absolute; cursor: pointer;  background:url(../images/toTop.png) no-repeat; width: 114px; height: 30px; display: block; opacity: 0.7; }



/* 2017-09-08 resourcesTab */
.resourcesBox{ padding: 20px 40px 0;  }
.resourcesBox .hd{ height:40px; line-height:40px; position:relative; overflow: hidden; }
.resourcesBox .hd a.more{ width: 18.4%; text-align: center; border: 1px solid #ccc; box-sizing: border-box; border-radius: 5px; font-size: 14px; height: 40px; line-height: 40px; text-transform: uppercase; display: inline-block; letter-spacing: 1px; color: #bf1900; font-weight: bold;}
.resourcesBox .hd a.more:hover{ background: #b52831; color: #fff; border: none;}
.resourcesBox .hd ul{ float:left;  position:absolute; overflow: hidden; width: 100%}
.resourcesBox .hd ul li{ float:left; cursor:pointer; font-size: 16px; width: 18.4%; margin-right: 2%; border: 1px solid #ccc; box-sizing: border-box; text-align: center; height: 40px; line-height: 40px; border-radius: 5px; }
.resourcesBox .hd ul li.on{  background: #b52831; border: none; color: #fff; }



@media (max-width:1400px){
.search{margin:0 0 0 65px;}
.cont1{ margin:-5% 0 0 65px;}
}

@media (max-width:1280px){
.topLeft{ display: none;}
.topRight{ width: 100%;}
}

@media (max-width: 1024px){
.subleft, .slbg{ width: 190px;}
.search, .cont1{width:785px; margin-left: 3%;}
.input{ width: 420px;}
#menu a{ text-indent: 35px;}
.activity li a{ width: 65%; margin-right: 2%;}
.service li{ width: 162px;}
.service li.ser01 { width: 335px;}
.service li.ser01 a p { padding: 25px 0 0 15px; width: 90px; height: 90px;}
.service li.ser01 a p img{ width: 100%;}
.service li.ser01 a span{ width: 64%; padding: 25px 0 0 15px;}

.online span.time{ font-size: 12px;}
.online button a{ padding: 5px;}

}

@media (max-width: 900px){
.subleft{height:45px; width:100%; overflow:hidden; top:50px;}
.slbg, .logo{display:none;}
#menu li{ width:14.286%; float:left; background-image:none;  background:rgba(0,0,0,.2);}
#menu a{background-image:none; text-indent:0px; line-height:1.2; font-size:15px; padding:0 5px 0px; line-height:45px;}
.section{background-size:100% 100%; width:100%; overflow:hidden;}
.search{width:95%;}
.logo2 img{width:60%; height:auto;}

.topLeft{margin-left:5px; width: 30%;}
.m_wnews2{ width: 70%;}
.topRight{margin-right: 12px; width: 68%;}
.btn_xj{ width:60px;}
/* .btn_Eng,*/ .btn_xj, .btn_login{ width:25px;}
.f_txt{ /*width: 60px;*/ width: 68px;}
.btn_login a:hover ,.btn_xj a:hover{ width: 45px;}
.f_txt a:hover{ width: 68px;}

.input{width:55%;}
.search_btn{width:96%; margin:10px auto 0px; float:none;}
.cont1{width:95%; margin:60px auto 0px; overflow:hidden;}
.aboutimg{ float:none; width:95%; margin:0px auto; padding:20px 0px;}
.aboutimg img{width:100%; height:120px;}
.about{ float:none; width:95%; margin:0 auto; padding:0px; height:262px; overflow:hidden;}
.activity li a{width:210px;}
.news{ width:95%; margin:0 auto; padding:0px; box-sizing:border-box;}
.news li{float:none; width:auto; box-sizing:border-box; padding:13px 0px 0px; overflow:hidden; box-sizing:border-box;}
.news li a{ width:100%; overflow:hidden;}
.news li .btext{ float:none; width:195px; overflow:hidden; }
.news li img{padding-right:5px;}
.resimg{ width:95%; padding:20px 0px 0px; margin:0 auto; overflow:hidden;}

.resimg img{width: 100%; box-sizing:border-box; }
.resimg img.rim01{ float:left; border:none; margin:0px;}
.resimg img.rim02{ float:right; border:none; margin:0px;}
.newsBook{padding-top:15px;}
.newsBook dl{ float:none; width:95%; margin:0px auto 10px; overflow:hidden;}
.newsBook dl:nth-child(3){margin-bottom:35px;}
.service{ width:95%; margin:10px auto 0; padding:0px;}
.service li{ box-sizing:border-box; width:50%; padding:0px; padding-top:10px;}
.service li:nth-child(2n){padding-right:5px; }
.service li:nth-child(2n+1){padding-left:5px;}
.service li.ser01{ width:100%; padding:0px;}
.stit{width:95%; margin:0 auto; padding:20px 0px 10px; box-sizing:border-box;}
.footercont{width:100%;}
.flink{width:100%; box-sizing:border-box;}
.flink_sel{width:26%;}
.fltit{padding-left:10px;}

.service li.ser01 a p{ float:none; padding:15px 0px 0px;}
.service li.ser01 a p img{margin:0 auto;}
.service li.ser01 a{height:197px;}
.service li.ser01 a span{padding:5px 0px 0px 15px; float:none; width:auto;}

.fast{left:5px; top:48px;}
.fast ul li{ float:left; margin-right:5px;}
.fast ul li a i{display:none;}
.fast ul li a{ width:72px; height:28px; line-height:28px;}

.activity{ box-sizing:border-box;  padding:0px; margin:0 auto; width:95%;}

.log-popup{width:95%; margin-left:-47.5%;}

.resources{height:272px;}

.resourcesBox{ width: 95%; margin: 0 auto; padding: 0; padding: 0!important; padding-top: 20px!important;}
.resourcesBox .hd ul{}

	}
@media (max-width:830px){
.subleft{top:98px;}
.topLeft{ display: none;}
.topRight{ width: 100%;}
}

@media (max-width:750px){
.topic, .unite, .ewm_con{ display: none;}
.subleft{ top: 0;}
.search{ margin: 0 auto;}
.choose{ margin-left: 10px;}
.choose-sea{ top: 110px!important; text-align: center; width: 96%;}

}

@media (max-width:320px){
.search{ margin: 0 auto;}
.choose{ width: 40%;}
.sslct .butten_r{ width: 120px; text-indent: 20px; }
.list_sslct{ width: 84px; height: 172px; text-align: center; text-indent: 0;}
.input{ width: 50%;}
}