.clearfix {*zoom: 1;}
.clearfix:before,
.clearfix:after {display: table; line-height: 0;  content: ""; }
.clearfix:after { clear: both;}
*{/*word-break:break-all;*/}
iframe{border: 0;padding: 0;margin: 0;}

.graybg {background: #f3f3f3;}


.nbr{border-right:none !important;}
input[type=checkbox]{visibility: hidden;}
.imgbox img{width:100%;}
input{ outline:none;}
body{ font-size:12px; line-height:1.2; font-family: "Microsoft YaHei","微软雅黑"sans-serif;background:#fff;}

.h310{height: 310px;}
.subbanner,.recommond,.homenews{ max-width:1111px; margin:0 auto; width:100%;}

.banner{width:100%; position:relative;}
.banner .item{ background-repeat:no-repeat; background-position:center center; width:100%; height:532px;cursor:pointer}
.banner .pagearr{ position:absolute; top:auto; bottom:0; z-index:3; left:0;}
.banner .pagearr span{ background-image:url(clientlib-common/image/banner/icon.png);}

/*.pagetool{cursor: pointer;width:120px; height:213px; position:fixed; right:0; left:auto; top:280px; background:url(clientlib-common/image/tool/vio.jpg) 0 no-repeat; z-index:999;}
.pagetool a{text-indent:10000px;width:54px;height:56px; display:block; background:url(clientlib-common/image/_blank.gif);position: relative;}
.pagetool a span{display: none; width:60px;height:56px; background:url(clientlib-common/image/tool/voi.png) no-repeat; position:absolute;top: 0;left:-60px; }
.pagetool a.chat span{background-position-y:-56px;}
.pagetool a.interactive span{background-position-y:0;}
.pagetool a:hover span{display: block;}
*/

.pagearr{ height:10px; padding:30px 0; text-align:center;width:100%;}
.pagearr span,.pagearr a{width:10px; display:inline-block; height:10px; background-repeat:no-repeat; background-position:-19px 0; margin:0 3px;}
.pagearr span.swiper-active-switch,.pagearr a.active,.pagearr span.active{ background-position:0 0;}

.subbanner{max-width: 1920px;}
.subbanner .item{width:25%; float:left; position:relative;}
.subbanner .item img{width:100%;display: block;}
.subbanner .item a{ display:block; width:100%;height:100%;margin:0;padding: 0;}
.subbanner .item b{ z-index:998; display:inline-block; position:absolute; left:15px; top:auto; bottom:15px; color:#fff; font-size:16px; padding-left:18px; height:24px; line-height:24px; background:url(clientlib-common/image/subbanner/icon.png) left center no-repeat;}
.subbanner a:hover .mask{
	position: absolute;width: 100%;height: 100%;top:0;left:0;z-index: 997;
	display:block;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5;  opacity: 0.5; background: #000; }
@media only screen and (max-width: 1068px){
	.subbanner .item{width:50%;}
}

.productSubMenu .content,.productSubcontent{width:1000px; margin:0 auto;}
.productSubMenu{ background-color:#4B4B4B; height:42px;}
.productSubMenu li{ height:40px; line-height:40px; color:#fff; padding:0 15px; float:left;}
.productSubMenu li.active{ color:#DF1618; border-bottom:2px solid #DF1618;}
.productSubMenu li.home{width:20px; background:url(clientlib-common/image/product/home.png) center center no-repeat;}
.productSubMenu li.home a{display:block;width:20px;height:40px;}
.productSubMenu li.active a,.productSubMenu li.active a:link,.productSubMenu li.active a:visited{color:#DF1618; }
.productSubMenu li a,.productSubMenu li a:link,.productSubMenu li a:visited{color:#fff; }
.productSubCrub{height:45px; line-height:45px; color:#898989;}
.productSubCrub a,.productSubCrub a:link,.productSubCrub a:visited{ color:#353535;}


.productSubTitle{ height:40px; padding:10px 0 20px 0;}
.productSubTitle h2{ font-size:32px; display:inline-block; float:left;}
.productSubTitle .title{padding-bottom: 30px;}
.productSubTitle .btn{padding-right:20px; padding-left:40px; height:40px; line-height:40px; background:#f1f1f1 url(clientlib-common/image/product2/rb.jpg) 10px center no-repeat;display:inline-block; float:right;}
.productSubTitle .des{ padding-right:15px;}
.productSubTitle .des span{ color:#e21001;}
.productSubTitle .des,.productSubTitle .btn{float:right; height:40px; display:inline-block; line-height:40px; font-size:14px;}
.productSubTitle.search{padding-bottom: 20px;}
.productSubTitle.search .des{line-height: 30px;heigh:30px;padding-top: 10px;}
.productSubTitle.search .search{padding-top: 10px;}

.recommond{ background-color:#f3f3f3; padding-bottom:55px;}
.recommond h2{ height:95px; line-height:95px; color:#343434; font-size:25px; text-align:center;}
.recommond .slider{height:262px; width:1000px; margin:0 auto;}
.recommond .slider .item{width:200px; height:262px; position:relative; float:left; overflow:hidden;cursor: pointer;}
.recommond .slider .item img{ float:right;position: absolute; right: -140px;}
.recommond .slider .item .para.i1{ background-color:#5a5a5a;}
.recommond .slider .item .para.i2{ background-color:#3c3c3c;}
.recommond .slider .item .para.i3{ background-color:#1d1d1d;}
.recommond .slider .item .para{width:200px; position:absolute; height:100%; z-index:2; left:0;top:0; overflow:hidden; word-break:break-all;}
.recommond .slider .item .para b{ display:inline-block;width:67px;height:57px; z-index:9; position:absolute; top:auto;left:auto;right:0;bottom:0; background:url(clientlib-common/image/rec/ic.png);}

.recommond .slider .item.active{}
.recommond .slider .item.active .para{ background:url(clientlib-common/image/rec/abg.png) left center no-repeat;width: 275px;}
.recommond .slider .item.active .para b{background:url(clientlib-common/image/rec/ic_ac.png);}
.recommond .slider .item.active .para .main h4,.recommond .slider .item.active .para .main a,.recommond .slider .item.active .para .main p{ display:block;}

.recommond .slider .item .para .main{ padding:25px; color:#fff;}
.recommond .slider .item .para .main h3{font-size:24px;}
.recommond .slider .item .para .main h4{font-size:16px;}
.recommond .slider .item .para .main p{font-size:12px; display:none;}
.recommond .slider .item .para .main a{ display:block; display:none; width:120px;height:33px; background-color:#fff; line-height:33px; text-align:center; font-size:12px;}
.recommond .slider .item .para .main a:link,.recommond .slider .item .para .main a:visited{ color:#b6140e;}


.homenews{}
.homenews h2{ height:95px; line-height:95px; color:#343434; font-size:25px; text-align:center;}
.homenews .homeNewsBox{ color:#2d2d2d; width:1046px; margin:0 auto;}
.homenews .homeNewsBox .slider{height:114px; background-color:#f3f3f3; float:left; margin-right:25px;}
.homenews .homeNewsBox .slider .imgbox{width:112px; overflow:hidden; float:left;}
.homenews .homeNewsBox .slider .con{width:220px; height:114px; float:left;}
.homenews .homeNewsBox .slider .con .inner{ padding:14px;}
.homenews .homeNewsBox .slider .con .inner p{ color:#505050; padding:5px 0;}
.homenews .homeNewsBox .slider .con a{ display:block; float:right; width:75px; text-align:center;height:25px; background-color:#fff; line-height:25px; font-size:12px;}
.homenews .homeNewsBox .slider .con a:link,.homeNews .homeNewsBox .slider .con a:visited{ color:#2d2d2d;}
.homenews .pagearr span{ background-image:url(clientlib-common/image/hn/icon.png);}
.homenews .homeNewsBox .slider .con a:hover{background: #e21001;color:#fff;}



.footer_en{ background-color:#1d1d1d;position:relative;}
.footer_en .sitemap-detail{display:none; /*height: 730px;*/ width:100%;position:absolute;background: #f3f3f3; z-index: 999;left:0;bottom:206px; text-align: left;}
.footer_en .sitemap-detail .content{width: 1000px;padding:10px 0; overflow: hidden;color:#000000;}
.footer_en .sitemap-detail .col1{width: 380px;float:left;}
.footer_en .sitemap-detail .col2{width: 300px;float:left;}
.footer_en .sitemap-detail .col3{width: 300px;float:left;}
.footer_en .sitemap-detail .col-title{line-height: 28px;font-weight: bold; font-size: 18px;padding-top:14px;}
.footer_en .sitemap-detail .icon{background: url(clientlib-common/image/footer/icon_footer.png) no-repeat;text-indent: 25px;}
.footer_en .sitemap-detail .icon.product{background-position:0 20px;}
.footer_en .sitemap-detail .icon.promotion{background-position:0 -204px;}
.footer_en .sitemap-detail .icon.service{background-position:0 -414px;}
.footer_en .sitemap-detail .icon.assistant{background-position:0 -624px;}
.footer_en .sitemap-detail .icon.about{background-position:0 -834px;}
.footer_en .sitemap-detail .icon.member{background-position:0 -1044px;}
.footer_en .sitemap-detail .icon.center{background-position:0 -1254px;}

.footer_en .sitemap-detail dl{overflow: hidden;padding:5px 0; }
.footer_en .sitemap-detail dt{font-weight: bold;padding-right: 10px;line-height: 16px;margin: 4px 0;}
.footer_en .sitemap-detail dd{float: left;}
.footer_en .sitemap-detail dd a{float: left;padding:0 8px;margin: 4px 0;line-height: 16px; height: 16px; border-left: 1px solid #e0e0e0;white-space: nowrap;}
.footer_en .sitemap-detail dd a.nbl{border-left:none;}
.footer_en .sitemap-detail .col1 dd{width:280px;}
.footer_en .sitemap-detail .col1 dt{float: left;width: 65px;}
.footer_en .sitemap-detail .col2 dt{font-size: 18px;line-height:28px;}
.footer_en .sitemap-detail .col3 dt{font-size: 18px;line-height:28px;}

.footer_en .sitemap-detail .col3 .yuan {
	line-height: 30px; margin: 10px 0; text-indent: 10px;
	border: 1px solid #C0C0C0;  -moz-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius: 5px;
	position:relative; background:#FFF;  z-index:2;  width:250px;  height:30px; behavior: url(iecss3.htc);
}

.footer_en .para1{ border-bottom:1px solid #313131}
.footer_en .para2{padding:20px 0 76px 0;}
.footer_en .para2 span{display: block; margin: 10px 0;color:#868686;}
.footer_en .content{width:900px; margin:0 auto;}
.footer_en .sitemap{ cursor: pointer; float:right;line-height:51px; padding-left:20px;background:url(clientlib-common/image/footer/sitemap.png) 20px center no-repeat;width: 90px;height:51px;display: block;text-align: center; /*cursor: pointer;*/ }
.footer_en .sitemap:hover{color:#1d1d1d;background:#f3f3f3 url(clientlib-common/image/footer/sitemap_on.png) 20px center no-repeat;}
.footer_en .sitemap:hover .sitemap-detail{display: block;cursor: default;}
.footer_en .logo{padding: 15px 0;}

.footer_en,.footer_en a,.footer_en a:link,.footer_en a:visited,.footer_en a:hover{color:#868686; font-size:12px; text-decoration:none;}
.footer_en .para2 .content{position: relative;}
.footer_en .para2 .qrcode{position: absolute;right:10px;top:0px;}
.footer_en .para2 .qrcode div{display: inline-block; margin-right:20px;text-align: center;}
.footer_en .para2 .qrcode p{line-height: 18px; padding: 0;}




.footer { width: 100%; height:282px; background-color: #1b1a1c;}
.footer .footb {width:100%; background-color: #201f21; }
.footer .foot { width: 1024px; height: 246px; margin: 0 auto;}
.footer .footleft{ float: left; width: 713px; height:246px;}
.footer .footright{width:311; height: 161px; padding-top: 85px; float: left; background-image: url("clientlib-sitemap/image/code.jpg"); background-repeat: no-repeat;}
.footer dl { padding-top:30px; width:140px; float: left;  font-family:"Microsoft YaHei","微软雅黑","SimHei","黑体"; line-height: 28px;}
.footer dl dt{ color: #c4c4c5; font-size: 14px; font-weight: bold;}
.footer dl dd a{color: #646465; font-size: 12px;}
.footer .copyright {color: #626263 ;width: 1024px; margin: 0 auto; line-height: 36px; text-align: center;}
.footer .copyright .statementright{padding-left: 100px;}
.footer .copyright .statementright .separator{padding-left:5px;}
.footer .footright ul li {width:110px; float: left; text-align: center; color: #fff; padding-right: 30px; line-height: 20px;}

.backtotop{display:none; width:56px;height:57px; background:url(clientlib-common/image/backtotop.png) no-repeat; position:fixed; right:0; bottom:50px; top:auto;left:auto;}
.recommond.prodetPagem,.recommond{ padding-bottom:40px;}
.recommond.prodetPagem,.recommond.prodetPage  .slider { height:auto;}
.recommond.prodetPage  .slider .item{width:245px; float:left; background-color:#fff; font-size:12px; height:285px; margin-right:5px;}
.recommond.prodetPage  .slider .item h3{ font-size:18px;}
.recommond.prodetPage  .slider .item h3,.recommond.prodetPage  .slider .item p{ padding:0 0 5px;}
.recommond.prodetPage .imgbox{width:100%; height:180px;}
.recommond.prodetPage .imgbox img{ position:static;}
.recommond.prodetPage .slider .item .main{ padding:10px;}
.recommond.prodetPage  .pagearr{ padding:30px 0 0;}
.recommond.prodetPage  .pagearr a{ background-image:url(clientlib-common/image/hn/icon.png);}




.nav_fixed {position: fixed; width: 100%;  background: #fff;  top: 0;  left :0;  z-index: 109999;  overflow: hidden;  border-bottom: 1px solid #e3e3e3;  }
.menu_fixed {position: fixed;  width: 100%;  background: #fff;  top: 0;  left :0; z-index: 10;  }
div.pagination{float: right;  margin: 0;}
.pagination .allpages{float: left;height: 28px;line-height: 28px; padding: 0 10px;}
.pagination .serch{float: left;height: 28px;line-height: 28px; padding-right:10px;height: 28px;}
.pagination .serch input{width: 35px;height: 22px;}
.pagination .serch a{padding: 0 15px; display: inline-block; background: #FFFFFF; margin-left:10px; }
.pagination ul {display: inline-block;  margin-bottom: 0;margin-left: 0; float: left;}
.pagination ul>li{display: inline;}
.pagination ul>.active>a, .pagination ul>.active>span{  color: #999;  cursor: default;background: #f3f3f3;color: #e21001;}
.pagination ul>li>a, .pagination ul>li>span{  float: left;  padding: 4px 12px;  line-height: 20px;  text-decoration: none;  background-color: #fff; margin: 0 5px;}

.product-list-item{height:37px;line-height: 37px; background:#efefef;margin-bottom: 5px;}
.product-list-item div{display:block;width: 50%;float: left;overflow: hidden;}
.product-list-item .co1{text-indent: 40px;background: url(clientlib-common/image/common/rect.jpg) 20px 15px no-repeat; }
.product-list-item .co2{text-indent: 20px;background: url(clientlib-common/image/common/line.jpg) 0px 10px no-repeat; }
.product-list{/*margin-bottom: 20px;*/overflow: hidden;}

.map-content{padding:10px 30px;}
.map-wrap{background: #f3f3f3;padding:50px 0; }
.map-wrap .content{width: 1000px;margin:0 auto; background: #FFFFFF; overflow: hidden;}
.map-area{overflow: hidden;}
.map-area div{line-height: 60px;background:#fff; width: 498px; font-size: 18px; font-weight: bold; border-bottom:3px solid #f3f3f3;  float: left;height: 60px;text-align: center; color: #484848;}
.map-area .local{border-right:4px solid #f3f3f3; }
.map-area div.active{color: #e21001; border-bottom:3px solid #e21001;}

.pro-category{margin-top: 10px;}
.pro-category div,.pro-category input,.pro-category a{display: inline-block;  height: 25px;line-height: 25px;}

.pro-category .cate-item{padding:10px 50px; margin-right: 18px;background:#f3f3f3 url(clientlib-common/image/temp/arrow.png) center 18px no-repeat; }
.pro-category .c1{background-position-x:140px;}
.pro-category .c2{background-position-x:120px;}
.pro-category .c3{background-position-x:145px;}
.pro-category .key{padding:10px 20px;background: #f3f3f3; border: 1px solid #f3f3f3; margin-right: 10px;}
.pro-category .btn-search{color: #fff;padding:10px 40px; text-indent: 20px;background:#434343 url(clientlib-common/image/common/s.png) 32px 15px no-repeat;}

.map{height: 425px;margin-top: 10px;}

.map-title div{float:left;background:#f3f3f3; height: 45px;line-height: 45px;margin-right: 10px;text-indent: 30px;font-size: 16px;}
.map-title .nation{width: 183px;}
.map-title .area{width: 183px;}
.map-title .name{width: 550px;margin: 0;}

.map-list-item{position: relative; overflow: hidden;}
.map-list-item.odd{background: #f3f3f3; }
.map-list-item div{float:left;height: 45px;line-height: 45px;margin-right: 10px;text-indent: 30px;font-size: 16px; color: #585858;}
.map-list-item .c1{width: 183px; text-indent: 45px;background: url(clientlib-common/image/common/rect.jpg) 31px 20px no-repeat; }
.map-list-item .c2{width: 183px;}
.map-list-item .c3{width: 543px;}
.map-list-item .c4{position: absolute;right: 15px;top:2px; font-size: 14px;}
.map-list-item .info{display: none;}

.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}

.popupCount{width: 420px;height:245px;position:fixed;top:0;left: 0;display: none; z-index: 9999999;background: #fff;}
.popupCount .title{height:110px;font-size: 28px; text-align: center;padding-top:40px;}
.popupCount span{color:#e21001}
.popupCount .action{background:#f3f3f3;padding-top:20px;height:75px;text-align: center;}
.popupCount .action a{cursor: pointer; display: inline-block;padding: 15px 45px; text-align: center; background: #434343;color:#fff;font-size:16px; }

.popupSameCategory{width: 420px;height:245px;position:fixed;top:0;left: 0;display: none; z-index: 9999999;background: #fff;}
.popupSameCategory .title{height:110px;font-size: 28px; text-align: center;padding-top:40px;}
.popupSameCategory span{color:#e21001}
.popupSameCategory .action{background:#f3f3f3;padding-top:20px;height:75px;text-align: center;}
.popupSameCategory .action a{cursor: pointer; display: inline-block;padding: 15px 45px; text-align: center; background: #434343;color:#fff;font-size:16px; }

.popup{width: 420px;height:245px;position:fixed;top:0;left: 0;display: none; z-index: 9999999;background: #fff;}
.popup .title{height:110px;font-size: 28px; text-align: center;padding-top:40px;}
.popup span{color:#e21001}
.popup .action{background:#f3f3f3;padding-top:20px;height:75px;text-align: center;}
.popup .action a{cursor: pointer; display: inline-block;padding: 15px 45px; text-align: center; background: #434343;color:#fff;font-size:16px; }

.chat-room-frame{
	width:860px;  height:590px;display: none;
}
.chat-content{
	-moz-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius: 5px;
	padding: 10px;border: 2px solid #fff;
	position:relative; background:#FFF;  z-index:2;  behavior: url(iecss3.htc);
}

.chat-room-frame a{
	background: #000;opacity: 0;filter:alpha(opacity=0);
	display: block; cursor: pointer; z-index: 9999;text-indent: -9999em;
	overflow: hidden; }
.chat-room-frame .close1{ position: absolute; width: 30px;height: 30px; top:34px;left:785px;}
.chat-room-frame .close2{ position: absolute; width: 80px;height: 30px; top:525px;left:488px;}

.video-close{position: absolute;display: block;width: 51px;height: 51px;background: url(../images/close_button_white.png) no-repeat;right:-51px;top:0px;cursor: pointer;}

.navi-hot{position:absolute;left:0;top:0;width:24px;height:24px;background:url(clientlib-common/image/common/hot.gif) no-repeat left top}



.right-nav{position:fixed;right:-188px;top:140px;z-index: 10}
.right-nav .btn-main{position:absolute;left:-142px;top:0;width:172px;height:104px;background:url("http://www.sanygroup.com/xt/cxhd/images/nav-btn.png") no-repeat;cursor:pointer;display: none;}
.right-nav .btn-main2{position:absolute;left:-157px;top:0;width:159px;height:104px;background:url("http://www.sanygroup.com/xt/cxhd/images/nav-btn2.png") no-repeat;cursor:pointer;}
.right-nav .nav-main{width:188px;height:483px;background:url("clientlib-common/image/common/nav-bg.png") no-repeat;}
.right-nav .nav-main .nav-title{padding-top:30px;padding-bottom:13px;height: 17px;text-align: center}
.right-nav .nav-main a{display:block;width:138px;height:43px;margin:0 auto;margin-top:5px}
.right-nav .nav-main .nav-return{display:block;width:160px;height:74px;margin:0 auto;margin-top:20px;}
.right-nav .nav-main .nav-return img{max-width:100%}


@charset "utf-8";
.header { 
  height: 140px;
  border-bottom: 3px solid #e21001;
}
.header .content {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}
.header .logoSpace {
  height: 96px;
}
.header .logo {
  padding-top: 8px;
  display: inline-block;
  float: left;
}
.header .menuSpace {
  border-top: 1px solid #e9e9e9;
  font-size: 16px;
}
.header .menuSpace ul {
  height: 43px;
  line-height: 43px;
}
.header .menuSpace li {
  height: 43px;
  line-height: 43px;
  padding: 0 28px;
  float: left;
  position: relative;
}
.header .menuSpace .product-menu span {
  position: absolute;
  display: block;
  z-index: 99;
  background: url(clientlib-common/image/menu/icon_bottom.png) no-repeat;
  width: 16px;
  height: 7px;
  left: 50%;
  margin-left: -8px;
  top: 46px;
}
.header .search {
  height: 30px;
  position: absolute;
  right: 0;
  left: auto;
  top: 48px;
}

.header .search span {
  float: left;
  line-height: 28px;
  padding: 0 20px;
  color: #cecece;
}

.header .search input {
  padding: 0 5px;
  width: 238px;
  border: 1px solid #ccc;
  border-right: 0;
  height: 28px;
  float: left;
}
.header .search a {
  display: inline-block;
  float: left;
  width: 80px;
  height: 30px;
  text-align: center;
  line-height: 28px;
  background-color: #DF1618;
  color: #fff;
}
.header .toplink {
  height: 28px;
  line-height: 28px;
  background-color: #F2F2F2;
  padding: 0 10px;
  position: absolute;
  right: 0;
  left: auto;
  top: 0;
}
.header .toplink div{
  display: inline-block;
}
.header .toplink div.login-on {
  display: none;
}


.header .toplink:hover .nation-list {
  display: block;
}
.header .toplink .nation-list {
  position: absolute;
  z-index: 999;
  background: #fff;
  width: 312px;
  padding: 10px;
  display: none;
  top: 28px;
  left: -228px;
  border-right: 1px solid #ccc;
  border-bottom: 4px solid #e21001;
}
.header .toplink .nation-list .nation-tl {
  background: #fff;
  font-size: 16px;
  text-align: left;
  padding: 5px 5px 5px 0;
  color: #252525;
}
.header .toplink .nation-list .col {
  padding: 0 15px;
}
.header .toplink .nation-list a {
  background: #fff;
  background: url(clientlib-common/image/common/rect.jpg) 0 9px no-repeat;
  font-size: 13px;
  border: none;
  padding: 5px;
  text-indent: 12px;
  display: block;
  height: 13px;
  line-height: 13px;
  margin: 0;
  color: #a5a5a5;
}
.header .toplink .nation-list a:link {
  color: #a5a5a5;
  margin: 0;
}
.header .toplink .nation-list a:visited {
  color: #a5a5a5;
  margin: 0;
}
.header .toplink a {
  padding: 0 7px;
  border-right: 1px solid #ccc;
  color: #737373;
  display: inline-block;
  line-height: 16px;
  cursor: pointer;
}
.header .toplink a.login {
  border: none;
  color: #505050;
}

.header .toplink a.member {
  background: url(clientlib-common/image/header/person.png) 3px 2px no-repeat;
  text-indent: 16px;
}
.header .toplink a.down {
  padding-right: 10px;
  background: url(clientlib-common/image/tool/icon.jpg) right center no-repeat;
  border: none;
  position: relative;
  text-indent: 20px;
}
.header .toplink a.down span {
  background: url(clientlib-common/image/header/map.png) 0 0 no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: 7px;
}
.header .toplink a:link {
  color: #737373;
  margin: 0 3px;
}
.header .toplink a:visited {
  color: #737373;
  margin: 0 3px;
}

.menuSpace li:hover span {
  position: absolute;
  display: block;
  z-index: 99;
  background: url(clientlib-common/image/header/arrow_up.png) no-repeat;
  width: 16px;
  height: 7px;
  left: 50%;
  margin-left: -8px;
  top: 36px;
}
.menuSpace li a:hover {
  color: #e21001;
}
.menuSpace li.active {
  background: #f1f1f1 url(clientlib-common/image/header/arrow.png) 100px center no-repeat;
  padding-right: 32px;
}
.menuSpace li.active a {
  color: #e21001;
}
.menuSpace li.active.select span {
  display: none;
}
.menuSpace li.active.select .subitems {
  font-size: 14px;
      display: none;
}
.menuSpace li.active.select .subitems span {
  display: inline-block;
  position: static;
  top: 0;
}
.menuSpace li.select a {
  color: #e21001;
}
.menuSpace li.select span {
  position: absolute;
  display: block;
  z-index: 99;
  background: url(clientlib-common/image/header/arrow_up.png) no-repeat;
  width: 16px;
  height: 7px;
  left: 50%;
  margin-left: -8px;
  top: 36px;
}

.menuSpace .dorpdown-layer .subitems dl {
  width: 100%;
  overflow: hidden;
  line-height: 2em;
  border-bottom: 1px solid #e1e1e1;
}
.menuSpace .dorpdown-layer .subitems dl.last {
  border-bottom: none;
}
.menuSpace .dorpdown-layer .subitems .item-title {
  background: url(clientlib-common/image/menu/arrow.png) top right no-repeat;
  display: inline-block;
  padding-right: 11px;
  line-height: 19px;
  color: #ffffff;
}
.menuSpace .dorpdown-layer .subitems .item-title a {
  color: #ffffff;
}
.menuSpace .dorpdown-layer .subitems .item-title h4 {
  background: #515151;
  padding: 5px 10px;
}

.menuSpace .dorpdown-layer {
  position: absolute;
  left: 242px;
  top: 0px;
  background: #ffffff;
  z-index: 9;
}
.menuSpace .dorpdown-layer .subitems {
  position: absolute;
  background: #fff;
}
.menuSpace .dorpdown-layer .subitems .item-col {
  float: left;
}
.menuSpace .dorpdown-layer .subitems.hntjx {
  background: #ffffff;
  height: 516px;
  width: 398px;
}
.menuSpace .dorpdown-layer .subitems.lngzb {
  top: 380px;
}
.menuSpace .dorpdown-layer .subitems.ysj {
  top: 451px;
}
.menuSpace .dorpdown-layer .subitems.zljx {
  top: 189px;
  height: 327px;
}
.menuSpace .dorpdown-layer .subitems.wjj {
  top: 47px;
}
.menuSpace .dorpdown-layer .subitems.qzj {
  height: 516px;
}
.menuSpace .dorpdown-layer .subitems.zgjx {
  top: 132px;
}
.menuSpace .dorpdown-layer .subitems.gkjx {
  height: 516px;
  width: 398px;
}
.menuSpace .dorpdown-layer .subitems.fjcp {
  top: 282px;
}
.menuSpace .dorpdown-layer .subitems.syzb {
  height: 516px;
  width: 398px;
}
.menuSpace .dorpdown-layer .subitems.mtjx {
  /*top:260px;*/
  height: 516px;
  width: 398px;
}
.menuSpace .dorpdown-layer .subitems.skjc {
  top: 388px;
}
.menuSpace .dorpdown-layer .subitems .item-list {
  width: 199px;
  height: 64px;
  line-height: 64px;
}
.menuSpace .dorpdown-layer .subitems .item-list:hover {
  background: #f2f2f2;
}
.menuSpace .dorpdown-layer .subitems .item-list:hover a {
  color: #e21001;
}
.menuSpace .dorpdown-layer .subitems .item-list a {
  color: #515151;
}
.menuSpace .dorpdown-layer .subitems .item-list .himg {
  padding: 5px;
  float: left;
  width: 54px;
  height: 54px;
}
.menuSpace .dorpdown-layer .subitems .item-list .htitle {
  vertical-align: middle;
  padding-left: 10px;
  /*word-break: break-all;
  word-wrap: break-word;*/
  width: 115px;
  line-height: 1.4em;
  display: inline-block;
}

.menuSpace .dorpdown-layer .subitems dt {
  position: relative;
  float: left;
  width: 184px;
  padding: 8px 0;
  text-align: left;
  font-weight: 700;
  color: #515151;
}
.menuSpace .dorpdown-layer .subitems dt a {
  color: #515151;
}
.menuSpace .dorpdown-layer .subitems dd {
  float: left;
  padding: 12px 0;
  width: 450px;
}
.menuSpace .dorpdown-layer .subitems dd a {
  float: left;
  padding: 3px 0;
  margin: 1px 8px;
  line-height: 16px;
  height: 16px;
  white-space: nowrap;
  color: #515151;
}
.menuSpace .dorpdown-layer .subitems dd a:hover {
  color: #e21001;
}
.menuSpace .subnav {
  position: absolute;
  top: 43px;
  left: 0;
  z-index: 99999999;
  display: block;
  border-top: 3px solid #e21001;
  display: none;
}
.menuSpace .subnav li {
  color: #373737;
  background: #fff;
  border-bottom: 1px solid #ebebeb;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  height: 46px;
  line-height: 46px;
}
.menuSpace .subnav li span {
  display: none;
}
.menuSpace .subnav li a {
  color: #373737;
  width: 184px;
  height: 46px;
  line-height: 46px;
  display: block;
}
.menuSpace .subnav li.active {
  background: #e21001;
  border: none;
  color: #ffffff;
  height: 47px;
  line-height: 47px;
}
.menuSpace .subnav li.active a {
  width: 183px;
  height: 47px;
  line-height: 47px;  
  color: #ffffff;
}
.menuSpace .subnav li.active span {
  background: url(clientlib-common/image/header/arrow_left.png) no-repeat;
  position: absolute;
  display: block;
  width: 10px;
  height: 22px;
  left: 246px;
  top: 13px;
}

.menuSpace .subnav li.last {
  background-image: none;
}
.menuSpace .subitems .pagearr {
  position: absolute;
  bottom: 10px;
  z-index: 3;
  left: 0;
}
.menuSpace .subitems .pagearr span {
  background-image: url(clientlib-common/image/banner/icon.png);
  cursor: pointer;
}
.menuSpace .subitems .pagearr span {
  width: 10px;
  display: inline-block;
  height: 10px;
  background-repeat: no-repeat;
  background-position: -19px 0;
  margin: 0 3px;
}
.menuSpace .subitems .pagearr span.swiper-active-switch {
  background-position: 0 0;
}

.header .search a input {
  display: inline-block;
  float: left;
  width: 80px;
  height: 30px;
  text-align: center;
  line-height: 28px;
  background-color: #DF1618;
  color: #fff;
}



.top-new{border-top:2px solid #ff011d;background:#f5f5f5;font-family:Microsoft Yahei}
.container{width:1200px;margin:0 auto;position:relative}
.caret{display:inline-block;margin-left:4px;width:10px;height:8px;background:url("clientlib-common/image/common/indexsp.png") no-repeat;background-position:-30px -27px;}
.img img{width:100%;height:100%}
/*--top--*/
.top-new .container{height:48px;line-height:48px;font-size:14px;}
.top-new .top-tel{color:#4c4942}
.top-new .top-tel i{margin:0 4px;display:inline-block;width:20px;height:20px;vertical-align:middle;background:url("clientlib-common/image/common/indexsp.png") no-repeat;}
.top-new .top-navbar{position:absolute;right:0;top:0;width:310px;height:48px;line-height:48px;}
.top-new .top-navbar .top-nav{position:relative;float:left;width:33.3%;text-align:center;cursor:pointer}
.top-new .top-navbar .top-nav .down{display:none;position:absolute;left:50%;margin-left:-90px;width:180px;background:#fff;border:1px solid #f5f5f5;box-shadow:0 0 10px rgba(0, 0, 0, .3);z-index:5;}
.top-new .top-navbar .down a{display:block;height:30px;line-height:30px;}
/*.top .top-navbar .down a:hover{background:#ff001e;color:#fff}*/
.top-new .top-navbar .down a:hover{color:#ff001e}
/*.top .top-navbar .top-nav:hover .down,.top .top-navbar .top-nav:hover .nation-list{display:block;}*/
.top-new .top-navbar .nation-list{display:none;position:absolute;right:0;padding:20px;width:460px;background:#fff;border:1px solid #f5f5f5;box-shadow:0 0 10px rgba(0, 0, 0, .3);z-index:5}
.top-new .top-navbar .nation-list .col{float:left;width:50%;font-size:12px;text-align:left}
.top-new .top-navbar .nation-list .col a{display:block;height:26px;padding-left:16px;line-height:26px;background:url("clientlib-common/image/common/rect.jpg") left center no-repeat}
.top-new .top-navbar .nation-list .col .son{padding-left:26px;background-position:10px center}
.top-new .top-navbar .nation-list .col .gson{padding-left:46px;background-position:30px center}
.top-new .top-navbar .nation-list .nation-tl{font-size:16px;font-weight:bold}
.top-new .top-navbar .nation-list a:hover{color:#ff001e}
/*--navbar--*/
.navbar{padding:26px 0;height:70px;position:relative}
.navbar .logo{float:left;width:225px;height:70px;}
.navbar .nav{float:left;width:900px;}
.navbar .nav>ul{}
.navbar .nav>ul>li{position:relative;float:left;width:148px;height:70px;font-size:18px;text-align:center}
.navbar .nav>ul>li>a{display:block;padding:16px 0;}
.navbar .nav>ul>li .caret{margin-left:8px}
.navbar .nav a{display:block;color:#000;}
.navbar .nav>ul>li>.active,.navbar .nav>ul>li:hover>a{color:#ff001e}
.navbar .nav>ul>li>.active>.caret,.navbar .nav>ul>li:hover>a>.caret{background-position:-30px -37px;}
/*.navbar .nav>ul>li:hover .down{display:block}*/
.navbar .nav .down{position:absolute;left:-35px;top:58px;width:220px;background:#fff;z-index:20;border-top:2px solid #ff011d;display:none;box-shadow:0 0 10px rgba(0, 0, 0, .3)}
.navbar .nav .down li{position:relative;background:#fff}
.navbar .nav .down ul>li>a{height:40px;line-height:40px;font-size:16px;}
.navbar .nav .down ul>li:hover>a{background:#ff001e;color:#fff;}
.navbar .nav .down ul>li:hover>.has-caret{background:url("clientlib-common/image/common/caret.png") no-repeat 196px center #ff001e;}
/*.navbar .nav .down ul>li:hover>.right{display:block}*/
.navbar .nav .right{position:absolute;left:220px;top:0;width:220px;background:#fff;z-index:4;display:none;box-shadow:0 0 10px rgba(0, 0, 0, .3)}
.navbar .nav .port{top:-200px}
.navbar .nav .cnc{top:-40px}
.navbar .nav .petroleum{top:-160px}
.navbar .nav .coal{top:-286px}
.navbar .nav .lng{top:-80px}
.navbar .nav .cppj{top:-321px}
.navbar .nav-search{position:absolute;right:0;top:24px;width:24px;height:24px;background:url("clientlib-common/image/common/indexsp.png") no-repeat;background-position:-30px -0;cursor:pointer}
.navbar .search-bar{display:none;position:absolute;left:50%;bottom:-60px;margin-left:-231px;width:460px;height:30px;border:1px solid #999;z-index:2}
.navbar .search-bar input{float:left;height:30px;line-height:30px;font-size:14px}
.navbar .search-bar .keyword{width:400px}
.navbar .search-bar .sbtn{width:60px;background:#ce031c;cursor:pointer;color:#fff}
/*--footer--*/
.footer-new { width: 100%;background-color: #201f21;}
.footer-new .footb {width:100%;text-align:center}
.footer-new .foot {display:inline-block;height: 220px;text-align:left}
.footer-new .foot-left{ float: left; width: 820px; height:220px;}
.footer-new dl { padding-top:20px; width:164px; float: left;line-height: 24px;}
.footer-new dl dt{ color: #c4c4c5; font-size: 18px;margin-bottom:10px;}
.footer-new dl dd a{color: #646465; font-size: 14px;}
.footer-new dl dd a:hover{color: #fff;}
.footer-new .follow{}
.footer-new .follow .code{margin-top:18px;width:90px;height:90px;}
.footer-new .follow .btn{margin-top:18px;}
.footer-new .follow a{display:inline-block}
.footer-new .follow .sina{width:26px;height:26px;background:url("clientlib-common/image/common/indexsp.png") no-repeat;background-position:0 -51px;}
.footer-new .foot-right{float: left;width:250px;}
.footer-new .foot-right .tel{padding-top: 110px;padding-bottom:36px}
.footer-new .foot-right .tel div{float:left}
.footer-new .foot-right .tel .icon{margin-right:10px;width:40px; height: 40px;background:url("clientlib-common/image/common/indexsp.png") no-repeat;background-position:0 -83px;}
.footer-new .foot-right .tel span{color:#646465}
.footer-new .foot-right .tel p{font-size:16px;color:#646465}
.footer-new .foot-right .statement{}
.footer-new .foot-right .statement a{color:#646465}
.footer-new .foot-right .statement a:hover{color:#fff}
.footer-new .foot-right .statement .separator{padding-left:5px;color:#646465}
.footer-new .copyright {padding:10px 0;line-height: 36px; text-align: center;color:#646465;background:#2b2b2b}
/*.footer .footright ul li {width:110px; float: left; text-align: center; color: #fff; padding-right: 30px; line-height: 20px;}*/
/*--modal--*/
.modal2{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:none}
.modal2 .modal-dialog{position:absolute;left:0;top:-174px;width:100%;background-color: #2b2b2b;}
.modal2 .modal-content{width:1200px;margin:auto;padding:22px 0}
.modal2 .modal-content>div{float:left}
.modal2 .modal-content .search-logo{width:162px;height:128px;}
.modal2 .modal-content .search-bar{margin:47px 30px 47px 50px;height:34px;background:#eee;border-radius:4px;overflow:hidden}
.modal2 .modal-content .search-bar label{margin-top:-8px;display:inline-block;width:46px;height:34px;background:url("clientlib-common/image/common/searchbg.png") no-repeat center;vertical-align:middle}
.modal2 .modal-content .search-bar .keyword{padding-left:10px;width:700px;height:34px;line-height:34px;border: 1px solid #ccc;font-size:16px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.modal2 .modal-content .search-close{float:left;margin:47px 0;width:34px;height:34px;line-height:28px;text-align:center;color:#666;font-size:26px;font-weight:700;text-shadow: 0 1px 0 #666;vertical-align:top;cursor:pointer;}
.modal2 .modal-content .search-close:hover{color:#ccc}
.modal-open{overflow:hidden;padding-right:17px}



/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

ul,li,dl,dt,dd,div,h1,h2,h3,h4,h5,h6{ list-style:none;padding:0;margin:0;}




















/*
 * Swiper - Mobile Touch Slider CSS
 * http://www.idangero.us/sliders/swiper
 *
 * Vladimir Kharlampidi, The iDangero.us
 * http://www.idangero.us/
 * 
 * Copyright 2012-2013, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us
 *
 * Licensed under GPL & MIT
 *
*/

/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */

	/*width:200px;
	height: 100px;*/
}
.swiper-slide {
	/* Specify Slides's Size: */
	
	/*width: 100%;
	height: 100%;*/
}
.swiper-slide-active {
	/* Specific active slide styling: */
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */	

}
.swiper-active-switch {
	/* Specific active button style: */	
	
}
.swiper-visible-switch {
	/* Specific visible button style: */	
	
}

/****about****/
.graybg {
  background: #f3f3f3;
}
.productSubcontent.pb65 {
  padding-bottom: 65px;
}
.banner-aboutCompany {
  height: 310px;
}
.aboutCom-con-nav {
  height: 50px;
}
.aboutCom-con-nav-item {
  width: 330px;
  height: 48px;
  font-size: 18px;
  text-align: center;
  color: #484848;
  font-weight: bold;
  line-height: 48px;
  border-bottom: 2px #FFF solid;
  float: left;
  margin-right: 5px;
  background-color: #FFF;
}
.aboutCom-con-nav-cur {
  border-bottom: 2px #e21001 solid;
  color: #e21001;
}
.aboutCom-con-nav li a {
  display: block;
}
.mr-none {
  margin-right: 0;
}
.aboutCom-con {
  margin-top: 5px;
  background-color: #FFF;
  padding: 50px 50px 100px 50px;
}
.aboutCom-con h2 {
  font-size: 28px;
  color: #2d2d2d;
  padding-bottom: 15px;
}
.aboutCom-con h2 span {
  color: #e21001;
}
.aboutCom-con p {
  font-size: 12px;
  color: #585858;
}
.aboutCom-videos {
  width: 453px;
  height: 297px;
  float: left;
  margin-right: 40px;
  position: relative;
}
.videos-description {
  width: 423px;
  height: 51px;
  line-height: 51px;
  font-size: 15px;
  color: #FFF;
  padding-left: 30px;
  position: absolute;
  bottom: 0;
  background: url("clientlib-common/image/about/company/videos_description.png") no-repeat;
}
.aboutCulture-ad {
  font-size: 0;
}
.aboutCulture-list {
  padding-top: 50px;
}
.aboutCulture-list li {
  height: 40px;
  line-height: 40px;
  padding-left: 46px;
  background: url("clientlib-common/image/about/company/ico_culture_list.jpg") #f3f3f3 no-repeat 25px center;
}
.aboutCulture-list .aboutCul-list-nobgcolor {
  background-color: #FFF;
  padding: 5px 0 5px 46px;
}
.aboutCulture-list li p {
  height: 40px;
  line-height: 40px;
  float: left;
  display: block;
  padding: 0;
}
.aboutCulture-list-name {
  width: 25%;
}
.aboutCulture-list-director {
  width: 25%;
}
.aboutCulture-list-office {
  width: 50%;
}
.global-dis {
  padding: 40px 50px;
  background-color: #FFF;
  margin-top: 5px;
  font-size: 24px;
  color: #484848;
  font-weight: bold;
  line-height: 36px;
}
.global-company {
  margin-top: 8px;
}
.global-company-img {
  width: 408px;
  height: 382px;
  float: left;
  font-size: 0;
  position: relative;
}
.global-img-arrow {
  width: 21px;
  height: 47px;
  display: block;
  position: absolute;
  right: -21px;
  top: 100px;
  background: url("clientlib-common/image/about/company/ico_arrow.png") no-repeat;
}
.global-company-text {
  width: 494px;
  height: 338px;
  float: right;
  background-color: #4b4b4b;
  padding: 44px 41px 0 57px;
  color: #FFF;
}
.global-company-text h2 {
  font-size: 18px;
}
.global-company-text p {
  font-size: 13px;
  line-height: 25px;
  padding: 15px 0;
}
.global-company-text li {
  width: 42%;
  height: 36px;
  line-height: 36px;
  font-size: 13px;
  float: left;
  padding: 0 3% 0 5%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: url("clientlib-common/image/about/company/ico_culture_list.jpg") no-repeat left center;
}
.global-company-list {
  padding-bottom: 30px;
}
.global-company-list li {
  width: 328px;
  height: 399px;
  border-bottom: 3px #FFF solid;
  float: left;
  margin: 10px 8px 0 0;
  background-color: #FFF;
}
.global-company-list li:hover {
  border-bottom: 3px #e21001 solid;
}
.global-company-list li a {
  width: 328px;
  height: 399px;
  display: block;
}
.global-company-list .mr-none {
  margin-right: 0;
}
.globalCom-list-img {
  font-size: 0;
  position: relative;
}
.globalCom-list-img span {
  width: 328px;
  height: 218px;
  position: absolute;
  top: 0;
  display: block;
  background-color: #000;
  opacity: 0;
}
.globalCom-list-text {
  padding: 0 28px;
}
.globalCom-list-text h3 {
  height: 62px;
  line-height: 62px;
  font-size: 18px;
  color: #484848;
  text-align: center;
  padding-top: 10px;
}
.globalCom-list-text p {
  padding: 0;
  color: #585858;
}
.global-company-list a:hover h3,
.global-company-list a:hover p {
  color: #e21001;
}
.global-company-list a:hover .globalCom-list-img span {
  opacity: 0.5;
}
.aboutG-detail-ad {
  height: 348px;
  margin-right: 0;
}
.videos-description .brochure-download {
  display: block;
  height: 51px;
  float: right;
  color: #FFF;
  padding-right: 30px;
}
.videos-description a:hover {
  color: #e21001;
}
.aboutG-detail-ad-text {
  width: 402px;
  float: right;
}
.aboutG-detail-ad-text h2 {
  line-height: 24px;
}
.aboutG-detail-ad-text p {
  line-height: 20px;
}
.golbal-main-product {
  padding-top: 28px;
}
.golbal-main-product h2 {
  height: 53px;
  line-height: 53px;
  padding: 0 0 0 64px;
  display: block;
  font-size: 18px;
  color: #484848;
  background: url("clientlib-common/image/about/company/ico_main_products.jpg") no-repeat #f1f1f1 25px center;
}
.golbal-Mproduct-list li {
  width: 292px;
  height: 307px;
  float: left;
  border: 1px #e4e4e4 solid;
  margin: 30px 9px 0 0;
}
.Mproduct-list-img {
  font-size: 0;
}
.Mproduct-list-text {
  height: 104px;
  padding-left: 26px;
  background-color: #f3f3f3;
}
.Mproduct-list-text h3 {
  font-size: 18px;
  color: #2d2d2d;
  height: 50px;
  line-height: 50px;
  padding-top: 10px;
}
.Mproduct-list-manual a {
  display: block;
  float: left;
}
.global_browse {
  height: 20px;
  line-height: 20px;
  padding-left: 22px;
  margin-right: 25px;
  background: url("clientlib-common/image/about/company/ico_global_browse.jpg") no-repeat left center;
}
.global_download {
  background: url("clientlib-common/image/about/company/ico_global_download.jpg") no-repeat left center;
}
.Mproduct-list-manual a:hover {
  color: #e21001;
}
.golbal-contact-us h2 {
  background: url("clientlib-common/image/about/company/ico_global_phone.jpg") no-repeat #f1f1f1 25px center;
}
.golbal-contact-list li {
  height: 106px;
  padding-left: 26px;
}
.golbal-Mproduct-list .mr-none {
  margin-right: 0;
}
.golbal-contact-list h5 {
  height: 30px;
  line-height: 30px;
  font-size: 15px;
  color: #2d2d2d;
  padding-top: 10px;
}
.golbal-contact-list p {
  font-size: 24px;
  color: #e21001;
  font-weight: bold;
}
.banner-aboutBrand {
  height: 310px;
  background: url("clientlib-common/image/about/branding/banner_branding.jpg") no-repeat top center;
}
.aboutBrand-con {
  padding-bottom: 140px;
}
.brand-sport-list {
  padding-top: 20px;
}
.brand-sport-list li {
  width: 326px;
  height: 375px;
  float: left;
  margin: 11px 11px 0 0;
}
.brand-sport-list .mr-none {
  margin-right: 0;
}
.brandS-list-img {
  font-size: 0;
}
.brandS-list-text {
  height: 141px;
  padding: 0 20px;
  background-color: #FFF;
}
.brandS-list-title {
  height: 67px;
  font-size: 18px;
  line-height: 22px;
  color: #484848;
  padding-top: 19px;
}
.brandS-list-browse-ads {
  height: 36px;
  line-height: 36px;
}
.brandS-eye {
  display: block;
  float: left;
  padding-left: 25px;
  font-size: 13px;
  color: #898989;
  background: url("clientlib-common/image/about/branding/ico_eye.jpg") no-repeat left center;
}
.brandS-more {
  width: 98px;
  display: block;
  float: right;
  background-color: #ebebeb;
  text-align: center;
  color: #4b4b4b;
}
.brandS-more:hover {
  background-color: #e21001;
  color: #FFF;
}
div.pagination-brand {
  margin-top: 62px;
  float: left;
}
.banner-comCulture {
  height: 310px;
}
.comCulture-con {
  background-color: #FFF;
  text-align: center;
  padding: 85px 0;
  margin-top: 4px;
  font-size: 0;
}
.productSubcontent {
  overflow: hidden;
}
.productSubcontent .filter {
  margin-top: 50px;
}
.productSubcontent .his-filter {
  margin-top: 20px;
}
.productSubcontent .filter .history-checked {
  width: 250px;
}
.productSubcontent .filter .history-checked a {
  width: 250px;
  font-size: 18px;
}
.history-leftNav {
  background-color: #FFF;
  padding: 15px 0 60px 0;
}
.history-leftNav li {
  height: 36px;
  line-height: 36px;
  font-size: 15px;
  color: #1f1f1f;
  font-weight: bold;
  padding-left: 60px;
  background: url("clientlib-common/image/about/culture/ico_history_lNav_item.jpg") no-repeat 28px center;
}
.history-leftNav .active {
  color: #e21001;
  background: url("clientlib-common/image/about/culture/ico_history_lNav_cur.jpg") no-repeat 28px center;
}
.history-con {
  width: 724px;
  float: right;
  margin-top: 20px;
}
.history-imgScroll {
  height: 274px;
  background-color: #FFF;
}
.history-Scroll-img {
  width: 387px;
  float: left;
  font-size: 0;
}
.history-Scroll-text {
  width: 240px;
  float: right;
  padding: 24px 60px 0 0;
  position: relative;
}
.history-Scroll-text h2 {
  font-size: 24px;
  color: #484848;
  line-height: 30px;
}
.history-Scroll-text p {
  font-size: 13px;
}
.history-Scroll-text ul {
  padding-top: 110px;
}
.history-Scroll-text ul li {
  width: 13px;
  height: 13px;
  float: left;
  margin-right: 14px;
  cursor: pointer;
  background: url("clientlib-common/image/about/culture/ico_history_scroll.jpg") no-repeat 0 0;
}
.history-Scroll-text ul .active {
  background: url("clientlib-common/image/about/culture/ico_history_scroll.jpg") no-repeat 0 -13px;
}
.history-Scroll-arrow {
  width: 38px;
  height: 38px;
  display: block;
  position: absolute;
  right: 0;
  top: 118px;
  cursor: pointer;
  background: url("clientlib-common/image/about/culture/ico_history_arrow.jpg") no-repeat #efefef center;
}
.history-con-list {
  background-color: #FFF;
  margin-top: 20px;
  padding: 15px 32px 62px 32px;
}
.history-con-list li {
  height: 49px;
  line-height: 49px;
  color: #585858;
}
.history-con-list .history-con-list-gay {
  height: 41px;
  background-color: #f3f3f3;
}
.history-con-list li a {
  height: 31px;
  line-height: 31px;
  padding: 9px 0 9px 6px;
  display: block;
}
.history-con-list .history-con-list-gay a {
  padding: 5px 0 5px 6px;
}
.history-con-list li span {
  width: 95px;
  height: 31px;
  line-height: 31px;
  color: #FFF;
  font-size: 13px;
  padding-left: 12px;
  display: block;
  float: left;
  background: url("clientlib-common/image/about/culture/history_time.png") no-repeat 0 0;
}
.history-con-list li p {
  padding: 0;
  line-height: 31px;
  padding-left: 139px;
}
.history-con-list a:hover span {
  background: url("clientlib-common/image/about/culture/history_time.png") no-repeat 0 -31px;
}
.history-con-list a:hover p {
  color: #e21001;
}
div.pagination-history {
  margin-top: 32px;
}
.years-scroll {
  padding: 0 56px;
  background-color: #FFF;
  position: relative;
}
.years-scroll li {
  width: 102px;
  height: 71px;
  line-height: 71px;
  float: left;
  border-bottom: 3px #FFF solid;
  color: #c0c0c0;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
}
.years-scroll .active,
.years-scroll li:hover {
  color: #e21001;
  border-bottom: 3px #e21001 solid;
}
.years-scroll span {
  width: 15px;
  height: 20px;
  position: absolute;
  cursor: pointer;
}
.years-arrowL {
  left: 25px;
  top: 25px;
  background: url("clientlib-common/image/about/culture/ico_show_arrow.png") no-repeat 0 0;
}
.years-yes-arrowL {
  background: url("clientlib-common/image/about/culture/ico_show_arrow.png") no-repeat -15px 0;
}
.years-arrowR {
  right: 25px;
  top: 25px;
  background: url("clientlib-common/image/about/culture/ico_show_arrow.png") no-repeat -45px 0;
}
.years-no-arrowR {
  background: url("clientlib-common/image/about/culture/ico_show_arrow.png") no-repeat -30px 0;
}
.his-show-article {
  background-color: #FFF;
  margin-top: 20px;
}
.his-show-article h2 {
  height: 63px;
  line-height: 63px;
  color: #484848;
  font-size: 24px;
  border-bottom: 1px #e3e3e3 solid;
  padding-left: 34px;
}
.his-show-article-list {
  padding: 20px 32px 50px 32px;
}
.his-show-article-list h6 {
  height: 40px;
  line-height: 40px;
  color: #585858;
  padding-left: 35px;
  margin-top: 10px;
  background: url("clientlib-common/image/about/culture/ico_show_disc.png") no-repeat #f3f3f3 18px center;
}
.his-show-article-list p {
  padding: 10px 18px;
  color: #585858;
}
.periodical-list li {
  width: 236px;
  height: 328px;
  float: left;
  margin: 8px 8px 0 0;
  background-color: #FFF;
}
.periodical-list .mr-none {
  margin-right: 0;
}
.periodical-list .mt-none {
  margin-top: 0;
}
.periodical-list-img {
  font-size: 0;
}
.periodical-list-text {
  padding: 0 20px;
}
.periodical-list-text h3 {
  height: 42px;
  line-height: 42px;
  font-size: 15px;
  color: #484848;
}
.periodical-list-manual {
  color: #585858;
}
.periodical-list-manual .global_browse {
  margin-right: 20px;
  background: url("clientlib-common/image/about/culture/ico_periodical_browse.png") no-repeat left center;
}
.periodical-list-manual .global_download {
  padding-left: 18px;
  background: url("clientlib-common/image/about/culture/ico_periodical_down.png") no-repeat left center;
}
.journal-list li {
  height: 336px;
}
.journal-list li p {
  color: #585858;
  line-height: 16px;
  padding: 0 0 10px 0;
}
.banner-comDuty {
  height: 310px;
}
.comDuty-con {
  background-color: #FFF;
}
.comDuty-con-gay {
  background-color: #eee;
}
.comDuty-con-img {
  width: 563px;
  height: 331px;
  font-size: 0;
  float: left;
}
.comDuty-con-text {
  width: 344px;
  height: 295px;
  padding: 36px 48px 0 45px;
  float: right;
}
.comDuty-con-text h2 {
  font-size: 28px;
  color: #2d2d2d;
  line-height: 36px;
}
.comDuty-con-text p {
  color: #585858;
  line-height: 22px;
}
.comDuty-con-text h3 {
  height: 28px;
  line-height: 28px;
  font-size: 18px;
  color: #2d2d2d;
  padding: 10px 0;
}
.comDuty-con-text li {
  width: 328px;
  height: 26px;
  line-height: 26px;
  padding-left: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: url("clientlib-common/image/about/company/ico_culture_list.jpg") no-repeat left center;
}
.comDuty-con-text a {
  color: #585858;
}
.comDuty-con-text a:hover {
  color: #e21001;
}
.banner-comTalents {
  height: 310px;
  background: url("clientlib-common/image/about/talents/banner_talents.jpg") no-repeat top center;
}
.comTalents-con-nav li {
  width: 196px;
}
.comTalents-con {
  background-color: #FFF;
  margin-top: 5px;
  padding: 0 64px 30px 64px;
}
.comTalents-con h2 {
  font-size: 24px;
  color: #484848;
  line-height: 34px;
  padding: 45px 0;
}
.comTalents-step {
  padding-bottom: 50px;
}
.comTalents-step-title {
  width: 168px;
  height: 167px;
  padding-right: 52px;
  float: left;
  color: #FFF;
  text-align: center;
  background: url("clientlib-common/image/about/talents/bg_circle_pointer.jpg") no-repeat 0 0;
}
.comTalents-step-title-gray {
  background: url("clientlib-common/image/about/talents/bg_circle_pointer.jpg") no-repeat 0 -167px;
}
.comTalents-step-number {
  font-size: 44px;
  line-height: 44px;
  padding: 35px 0 0 0;
}
.comTalents-step-name {
  font-size: 18px;
  line-height: 24px;
}
.comTalents-step-text {
  width: 652px;
  float: right;
  background: url("clientlib-common/image/about/talents/bg_talents_main_top.jpg") no-repeat;
}
.comTalents-step-text-bot {
  width: 572px;
  padding: 0 40px 30px 40px;
  margin-top: 30px;
  float: right;
  background: url("clientlib-common/image/about/talents/bg_talents_main_bot.jpg") no-repeat bottom center;
}
.comTalents-step-text-bot p {
  line-height: 24px;
  padding: 0;
  color: #585858;
  font-size: 13px;
  padding-bottom: 2px;
}
.comTalents-step-text-bot span {
  color: #e21001;
}
.manage-experts {
  padding-top: 30px;
}
.comTalents-train-con h2 {
  padding-bottom: 20px;
}
.comTalents-train-text {
  font-size: 13px;
  color: #585858;
  padding: 0 0 40px 0;
}
.comTalents-step h6 {
  font-size: 18px;
  line-height: 26px;
  color: #585858;
  padding: 30px 0;
}
.comTalents-stepS h6 {
  padding: 0 0 15px 0;
}
.comWelfare-con {
  padding: 0 54px 80px 54px;
}
.welfare-img {
  font-size: 0;
  text-align: center;
}
.welfare-list-text {
  padding: 20px 0 30px 0;
}
.welfare-list-text li {
  height: 26px;
  line-height: 26px;
  font-size: 15px;
  color: #484848;
  font-weight: bold;
  padding: 15px 0 0 15px;
  background: url("clientlib-common/image/about/company/ico_culture_list.jpg") no-repeat left 25px;
}
.welfare-list-text li span {
  color: #e21001;
}
.welfare-list-text li .welfare-list-text-indent {
  color: #484848;
  padding-left: 34px;
}
.welfare-list-img {
  padding: 30px 0;
}
.welfare-list-img li {
  width: 220px;
  height: 151px;
  float: left;
  margin-right: 4px;
}
.welfare-list-img .mr-none {
  margin-right: 0;
}
.comWelfare-con p {
  font-size: 15px;
  color: #484848;
  font-weight: bold;
  line-height: 26px;
}
.comTalents-video-con {
  padding-bottom: 80px;
}
.comTalents-video-con li {
  width: 324px;
  height: 242px;
  float: left;
  margin: 14px 14px 0 0;
}
.comTalents-video-con .mr-none {
  margin-right: 0;
}
.comTalents-video-list {
  position: relative;
}
.comTalents-video-dis {
  width: 280px;
  height: 75px;
  padding: 18px 22px 0 22px;
  background-color: #FFF;
  position: absolute;
  left: 0;
  bottom: 0;
}
.comTalents-video-dis h2 {
  font-size: 18px;
  line-height: 34px;
  color: #484848;
}
.comTalents-video-dis p {
  font-size: 13px;
  color: #898989;
  padding: 0 0 0 10px;
}
div.about {
  background: #f3f3f3 url(clientlib-common/image/about/bg.jpg) top center no-repeat;
  min-height: 800px;
  padding-top: 55px;
  padding-bottom: 160px;
  overflow: hidden;
}
.about .wrap {
  width: 1000px;
  margin: 0 auto;
}
.about .wrap .solgan h2 {
  font-size: 45px;
}
.about .wrap .solgan p {
  font-size: 15px;
  width: 294px;
}
.about .wrap .solgan {
  color: #FFF;
}
.about .about-box {
  width: 932px;
  margin: 0 auto;
  background: #FFF;
  overflow: hidden;
  margin-top: 50px;
  padding: 34px;
  padding-bottom: 54px;
}
.about-box .title-box {
  height: 30px;
  text-indent: 30px;
  font-size: 30px;
  line-height: 30px;
  padding-bottom: 20px;
  background: url(clientlib-common/image/promotion/arrow.png) 0px 5px no-repeat;
}
.about-box .title-box .title {
  float: left;
}
.about-box .title-box .more {
  float: right;
  font-size: 18px;
  line-height: 18px;
  text-indent: 20px;
  background: url(clientlib-common/image/promotion/more.png) 0px 2px no-repeat;
}
.about-item {
  width: 50%;
  float: left;
  position: relative;
}
.about-item img {
  width: 100%;
}
.about-item.active {
  color: #e21001;
}
.about-item span {
  display: none;
}
.about-item.active span {
  display: block;
  position: absolute;
  bottom: 0;
  height: 3px;
  width: 100%;
  background: #e21001;
  left: 0;
}
.about-box .col3 {
  overflow: hidden;
}
.about-box .col3 .about-item {
  width: 310px;
}
.about-item {
  width: 50%;
  float: left;
  position: relative;
}
.about-item img {
  width: 100%;
  display: block;
}
.about-item .desc {
  padding-top: 20px;
  padding-bottom: 50px;
}
.about-item .desc p {
  margin: 0;
  padding: 0;
}
.about-item .desc .comm-list {
  padding-top: 10px;
}
.about-item .desc .comm-list li {
  background: url(clientlib-common/image/service/rect.jpg) 0 7px no-repeat;
  height: 20px;
  line-height: 20px;
  text-indent: 15px;
}
.about-item .desc .comm-list li:hover a {
  color: #e21001;
}
.about-item .desc .tl {
  font-size: 24px;
  line-height: 28px;
}
.about-item.active {
  color: #e21001;
}
.about-item span {
  display: none;
}
.about-item.active span {
  display: block;
  position: absolute;
  bottom: 0;
  height: 3px;
  width: 100%;
  background: #e21001;
  left: 0;
}
.about-box .col4 {
  overflow: hidden;
}
.about-box .col4 .about-item {
  width: 25%;
}
.news-banner {
  float: left;
  width: 452px;
}
.news-banner .swiper-wrapper {
  height: 222px;
  overflow: hidden;
}
.news-banner-pagearr {
  padding: 15px 0;
  overflow: hidden;
}
.news-banner-pagearr li {
  float: left;
  height: 40px;
  width: 133px;
  margin-right: 5px;
  padding: 7px;
  background: #f3f3f3;
}
.news-banner-pagearr li p {
  padding: 0;
  line-height: 18px;
  font-size: 10px;
  text-indent: 10px;
}
.news-banner-pagearr li p.tl {
  font-weight: bold;
}
.news-banner-pagearr li span {
  position: absolute;
  display: none;
  width: 19px;
  height: 9px;
  top: -8px;
  left: 50%;
  margin-left: -11px;
  background: url(clientlib-common/image/about/arrow.png) no-repeat;
}
.news-banner-pagearr li.active {
  background: #e21001;
  color: #FFFFFF;
  position: relative;
}
.news-banner-pagearr li.active a {
  color: #ffffff;
}
.news-banner-pagearr li.active span {
  display: block;
}
.news-banner-pagearr li:hover {
  background: #e21001;
  color: #FFFFFF;
  position: relative;
  cursor: pointer;
}
.news-banner-pagearr li:hover a {
  color: #ffffff;
}
.news-banner-pagearr li:hover span {
  display: block;
}
.news-banner-pagearr li.last {
  margin-right: 0px;
}
.news-list {
  padding-left: 15px;
  float: left;
  height: 317px;
}
.news-list-pagearr {
  height: 40px;
  padding-bottom: 12px;
}
.news-list-pagearr li {
  float: left;
  padding: 10px 20px;
  height: 20px;
  line-height: 20px;
  background: #f3f3f3;
  min-width: 45px;
  text-align: center;
  cursor: pointer;
}
.news-list-pagearr li span {
  background: #e21001;
  color: #fff;
  position: absolute;
  display: none;
  width: 44px;
  height: 20px;
  top: 27px;
  left: 50%;
  margin-left: -22px;
  background: url(clientlib-common/image/about/arrow_down.png) no-repeat;
}
.news-list-pagearr li.active {
  background: #e21001;
  color: #fff;
  position: relative;
}
.news-list-pagearr li.active span {
  display: block;
}
.news-list-pagearr li:hover {
  background: #e21001;
  color: #fff;
  position: relative;
}
.news-list-pagearr li:hover span {
  display: block;
}
.news-list-content.dn {
  display: none;
}
.news-list-content li {
  height: 24px;
  margin-bottom: 2.5px;
  line-height: 24px;
}
.news-list-content li span {
  display: inline-block;
  text-indent: 8px;
  color: #FFF;
  margin-right: 10px;
  background: url(clientlib-common/image/about/time.png) no-repeat;
  width: 84px;
}
.news-list-content li.odd {
  background: #f3f3f3;
}
.news-list-content li.active {
  color: #e21001;
}
.news-list-content li.active span {
  background-position-y: -24px;
}
.news-list-content li:hover {
  color: #e21001;
}
.news-list-content li:hover a {
  color: #e21001;
}
.news-list-content li:hover span {
  background-position-y: -24px;
}
.news-list-content li a:hover {
  color: #e21001;
}
.about-box .title-box {
  height: 30px;
  text-indent: 30px;
  font-size: 30px;
  line-height: 30px;
  padding-bottom: 20px;
  background: url(clientlib-common/image/promotion/arrow.png) 0px 5px no-repeat;
}
.about-box .title-box .title {
  float: left;
}
.about-box .title-box .more {
  float: right;
  font-size: 18px;
  line-height: 18px;
  text-indent: 20px;
  background: url(clientlib-common/image/promotion/more.png) 0px 2px no-repeat;
}
.about-box .ads {
  height: 256px;
  margin-top: 20px;
}
.about-box .ads.dn {
  display: none;
}
.about-box .ads img {
  max-width: 100%;
  display: block;
}
.about-box .ads .box {
  float: left;
  margin-right: 4px;
  height: 256px;
  width: 229px;
  position: relative;
}
.about-box .ads .box h4 {
  font-size: 22px;
  padding-top: 5px;
}
.about-box .ads .box .imgbox {
  overflow: hidden;
}
.about-box .ads .box .des {
  padding: 10px;
  width: 209px;
  height: 73px;
  background: #f3f3f3;
}
.about-box .ads .box .des p {
  padding: 0;
  line-height: 1.2;
  font-weight: bold;
}
.about-box .ads .box .alink {
  background-color: #fff;
  color: #4b4b4b;
  width: 75px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  position: absolute;
  z-index: 2;
  right: 15px;
  left: auto;
  top: auto;
  top: 225px;
}
.about-box .ads .box.active .alink {
  background-color: #e21001;
  color: #fff;
}
.about-box .ads .box.active .alink:link {
  color: #fff;
}
.about-box .ads .box.active .alink:visited {
  color: #fff;
}
.about-box .ads .box.active .alink:link {
  color: #fff;
}
.about-box .ads .box.active .alink:hover {
  color: #fff;
}
.about-box .ads .box:hover {
  color: #e21001;
}
.about-box .ads .box:hover .alink {
  background-color: #e21001;
  color: #fff;
}
.about-box .ads .box:hover .des {
  background: #fff;
  height: 71px;
  border-bottom: 2px solid #e21001;
}
.about-box .pagearr span {
  background-image: url(clientlib-common/image/hn/icon.png);
}
.about-menu {
  height: 40px;
  background: #f3f3f3;
}
.about-menu li {
  float: left;
  padding: 0 25px;
  line-height: 40px;
  height: 40px;
  position: relative;
  cursor: pointer;
}
.about-menu li span {
  position: absolute;
  display: none;
  z-index: 99;
  width: 43px;
  height: 23px;
  top: 29px;
  left: 50%;
  margin-left: -23px;
  background: url(clientlib-common/image/assistant/arrow.png) no-repeat;
}
.about-menu li.active {
  background: #e21001;
  color: #fff;
}
.about-menu li.active span {
  display: block;
}
.about-menu li:hover {
  background: #e21001;
  color: #fff;
}
.about-menu li:hover span {
  display: block;
}
.about-item .desc .data-list {
  padding-top: 10px;
}
.about-item .desc .data-list li {
  height: 30px;
  line-height: 30px;
  background: #f3f3f3;
  margin: 10px 3px 0 0;
}
.about-item.last .desc .data-list li {
  margin-right: 0px;
}
.about-item .desc .data-list li span {
  height: 24px;
  line-height: 24px;
  display: inline-block;
  text-indent: 8px;
  color: #FFF;
  margin-right: 10px;
  background: url(clientlib-common/image/about/time.png) no-repeat;
  width: 84px;
}
.about-item .more {
  float: right;
  font-size: 15px;
  margin-right: 3px;
  margin-top: 15px;
  text-indent: 20px;
  background: url(clientlib-common/image/promotion/more.png) 0px 2px no-repeat;
}
.about-item .desc .data-list li.active {
  color: #e21001;
}
.about-item .desc .data-list li.active span {
  background-position-y: -24px;
}
.about-item .desc .data-list li:hover {
  color: #e21001;
}
.about-item .desc .data-list li:hover a {
  color: #e21001;
  cursor: pointer;
}
.about-item .desc .data-list li:hover span {
  background-position-y: -24px;
}
.bannerAboutNews {
  height: 310px;
}
/*.aboutSubMain {
  border-top: 2px solid #e3e3e3;
  background-color: #f3f3f3;
}*/
.aboutSubMain .productSubcontent {
  width: 1000px;
  margin: 0 auto;
}
.aboutSubMain .filter {
/*  margin-top: 50px;
  padding-bottom: 80px;*/
  /*********company_news_bulletin.html*********/
  /********company_news.html********/
  /********company_news_report.html********/
  /********company_news_video.html********/
}
.aboutSubMain .filter .comBulletin-con-nav {
  height: 50px;
}
.aboutSubMain .filter .comBulletin-con-nav li {
  width: 160px;
  height: 48px;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  line-height: 48px;
  border-bottom: 2px #FFF solid;
  float: left;
  margin-right: 8px;
  background-color: #FFF;
}
.aboutSubMain .filter .comBulletin-con-nav li a {
  color: #484848;
  display: block;
}
.aboutSubMain .filter .comBulletin-con-nav li :hover {
  border-bottom: 2px #e21001 solid;
}
.aboutSubMain .filter .comBulletin-con-nav li.active {
  border-bottom: 2px #e21001 solid;
}
.aboutSubMain .filter .comBulletin-con-nav li.active a {
  color: #e21001;
}
.aboutSubMain .filter .comBulletin-con-nav li:hover {
  border-bottom: 2px #e21001 solid;
}
.aboutSubMain .filter .comBulletin-con-nav li:hover a {
  color: #e21001;
}
.aboutSubMain .filter .comBulletin-con-nav .mr-none {
  margin-right: 0;
}
.aboutSubMain .filter .comNews-bulletin-con .bulletin-con-list {
  margin-top: 5px;
  padding: 35px 32px 62px 32px;
  background-color: #ffffff;
}
.aboutSubMain .filter .comNews-bulletin-con .bulletin-con-list li {
  height: 49px;
  line-height: 49px;
  color: #585858;
}
.aboutSubMain .filter .comNews-bulletin-con .bulletin-con-list li a {
  height: 31px;
  line-height: 31px;

  padding: 9px 0 9px 6px;
  display: block;
}
.aboutSubMain .filter .comNews-bulletin-con .bulletin-con-list li a:hover span {
  background: url("clientlib-common/image/about/culture/history_time.png") no-repeat 0 -31px;
}
.aboutSubMain .filter .comNews-bulletin-con .bulletin-con-list li a:hover p {
  color: #e21001;
}
.aboutSubMain .filter .comNews-bulletin-con .bulletin-con-list li span {
  width: 95px;
  height: 31px;
  line-height: 31px;
  color: #FFF;
  font-size: 13px;
  padding-left: 12px;
  display: block;
  float: left;
  background: url("clientlib-common/image/about/culture/history_time.png") no-repeat 0 0;
}
.aboutSubMain .filter .comNews-bulletin-con .bulletin-con-list li p {
  padding: 0;
  line-height: 31px;
  font-size: 13px;
  padding-left: 139px;
}
.aboutSubMain .filter .comNews-bulletin-con .bulletin-con-list .bulletin-list-gray {
  height: 41px;
  background-color: #f3f3f3;
}
.aboutSubMain .filter .comNews-bulletin-con .bulletin-con-list .bulletin-list-gray a {
  padding: 5px 0 5px 6px;
}
.aboutSubMain .filter .comNews-bulletin-con .pagination-bulletin {
  margin-top: 50px;
  float: left;
}
.aboutSubMain .filter .comNews-bulletin-con .pagination-bulletin ul li .first-page {
  margin-left: 0;
}
.aboutSubMain .filter .checked {
  width: 250px;
  float: left;
  margin-top: 20px;
}
.aboutSubMain .filter .checked .check-title {
  width: 250px;
  height: 56px;
  font-size: 18px;
  display: block;
  margin-bottom: 2px;
  font-weight: bold;
  background-color: #fff;
  line-height: 56px;
  text-indent: 28px;
}
.aboutSubMain .filter .checked .check-title .spe {
  color: #fff;
  text-indent: 85px;
  background: #4b4b4b url(clientlib-common/image/product2/clear.jpg) 65px center no-repeat;
}
.aboutSubMain .filter .checked .check-title.active {
  color: #FFF;
  background: #e21001 url(clientlib-common/image/product2/arrow.png) 200px 20px no-repeat;
}
.aboutSubMain .filter .news-datepicker {
  background-color: #FFF;
  padding: 15px 0 40px 0;
}
.aboutSubMain .filter .news-datepicker li {
  font-size: 15px;
  padding-left: 30px;
  position: relative;
  padding-bottom: 5px;
}
.aboutSubMain .filter .news-datepicker li input {
  display: block;
  text-indent: 5px;
  width: 173px;
}
.aboutSubMain .filter .news-datepicker li label {
  display: block;
  line-height: 28px;
  height: 28px;
  font-weight: bold;
}
.aboutSubMain .filter .news-datepicker li span {
  position: absolute;
  right: 45px;
  top: 32px;
}
.aboutSubMain .filter .comNews-leftNav {
  background-color: #FFF;
  padding: 15px 0 40px 0;
  margin-bottom: 2px;
}
.aboutSubMain .filter .comNews-leftNav li {
  height: 36px;
  line-height: 36px;
  font-size: 15px;
  color: #1f1f1f;
  font-weight: bold;
  padding-left: 60px;
  cursor: pointer;
  background: url("clientlib-common/image/about/culture/ico_history_lNav_item.jpg") no-repeat 28px center;
}
.aboutSubMain .filter .comNews-leftNav li:hover {
  color: #e21001;
  background: url("clientlib-common/image/about/culture/ico_history_lNav_cur.jpg") no-repeat 28px center;
}
.aboutSubMain .filter .comNews-leftNav .active {
  color: #e21001;
  background: url("clientlib-common/image/about/culture/ico_history_lNav_cur.jpg") no-repeat 28px center;
}
.aboutSubMain .filter .comNews-con {
  width: 724px;
  float: right;
  margin-top: 20px;
}
.aboutSubMain .filter .comNews-con .bulletin-con-list {
  padding: 35px 32px 62px 32px;
  background-color: #ffffff;
}
.aboutSubMain .filter .comNews-con .bulletin-con-list li {
  height: 49px;
  line-height: 49px;
  color: #585858;
}
.aboutSubMain .filter .comNews-con .bulletin-con-list li a {
  height: 31px;
  line-height: 31px;
  padding: 9px 0 9px 6px;
  display: block;
}
.aboutSubMain .filter .comNews-con .bulletin-con-list li a:hover span {
  background: url("clientlib-common/image/about/culture/history_time.png") no-repeat 0 -31px;
}
.aboutSubMain .filter .comNews-con .bulletin-con-list li a:hover p {
  color: #e21001;
}
.aboutSubMain .filter .comNews-con .bulletin-con-list li span {
  width: 95px;
  height: 31px;
  line-height: 31px;
  color: #FFF;
  font-size: 13px;
  padding-left: 12px;
  display: block;
  float: left;
  background: url("clientlib-common/image/about/culture/history_time.png") no-repeat 0 0;
}
.aboutSubMain .filter .comNews-con .bulletin-con-list li p {
  padding: 0;
  line-height: 31px;
  font-size: 13px;
  padding-left: 139px;
}
.aboutSubMain .filter .comNews-con .bulletin-con-list .bulletin-list-gray {
  height: 41px;
  background-color: #f3f3f3;
}
.aboutSubMain .filter .comNews-con .bulletin-con-list .bulletin-list-gray a {
  padding: 5px 0 5px 6px;
}
.aboutSubMain .filter .comNews-con .pagination-bulletin {
  margin-top: 50px;
  float: left;
}
.aboutSubMain .filter .comNews-con .pagination-bulletin ul li .first-page {
  margin-left: 0;
}
.aboutSubMain .filter .comReportCon {
  margin-top: 20px;
}
.aboutSubMain .filter .comReportCon .comDuty-con {
  background: #ffffff;
}
.aboutSubMain .filter .comReportCon .comDuty-con .comDuty-con-img {
  width: 562px;
  height: 331px;
  font-size: 0;
  float: left;
}
.aboutSubMain .filter .comReportCon .comDuty-con .comDuty-con-text {
  width: 344px;
  height: 295px;
  padding: 36px 48px 0 46px;
  float: right;
}
.aboutSubMain .filter .comReportCon .comDuty-con .comDuty-con-text h2 {
  font-size: 28px;
  color: #2d2d2d;
  line-height: 36px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.aboutSubMain .filter .comReportCon .comDuty-con .comDuty-con-text p {
  color: #585858;
  line-height: 22px;
}
.aboutSubMain .filter .comReportCon .comDuty-con .comDuty-con-text h3 {
  height: 28px;
  line-height: 28px;
  font-size: 18px;
  color: #2d2d2d;
  padding: 10px 0;
}
.aboutSubMain .filter .comReportCon .comDuty-con .comDuty-con-text li {
  width: 328px;
  height: 26px;
  line-height: 26px;
  padding-left: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: url("clientlib-common/image/about/company/ico_culture_list.jpg") no-repeat left center;
}
.aboutSubMain .filter .comReportCon .comDuty-con .comDuty-con-text a {
  color: #585858;
  display: block;
}
.aboutSubMain .filter .comReportCon .comDuty-con .comDuty-con-text a:hover {
  color: #e21001;
}
.aboutSubMain .filter .comReportCon .comReportCon-list {
  margin-top: 35px;
}
.aboutSubMain .filter .comReportCon .comReportCon-list-item {
  background: #ffffff;
}
.aboutSubMain .filter .comReportCon .comReportCon-list-item .comReportCon-list-img {
  width: 326px;
  height: 183px;
  float: left;
  font-size: 0;
  overflow: hidden;
}
.aboutSubMain .filter .comReportCon .comReportCon-list-item .comReportCon-list-img img {
  width: 100%;
}
.aboutSubMain .filter .comReportCon .comReportCon-list-item .comReportCon-list-text {
  width: 576px;
  height: 168px;
  float: right;
  padding: 15px 54px 0 44px;
}
.aboutSubMain .filter .comReportCon .comReportCon-list-item .comReportCon-list-text h2 {
  font-size: 18px;
  color: #2d2d2d;
  line-height: 44px;
}
.aboutSubMain .filter .comReportCon .comReportCon-list-item .comReportCon-list-text p {
  color: #585858;
  line-height: 22px;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.aboutSubMain .filter .comReportCon .comReportCon-list-item .comReportCon-list-text ul {
  padding-top: 10px;
}
.aboutSubMain .filter .comReportCon .comReportCon-list-item .comReportCon-list-text li {
  width: 560px;
  height: 26px;
  line-height: 26px;
  padding-left: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: url("clientlib-common/image/about/company/ico_culture_list.jpg") no-repeat left center;
}
.aboutSubMain .filter .comReportCon .comReportCon-list-item .comReportCon-list-text a {
  color: #585858;
  display: block;
}
.aboutSubMain .filter .comReportCon .comReportCon-list-item .comReportCon-list-text a:hover {
  color: #e21001;
}
.aboutSubMain .filter .comReportCon .comReportCon-list-gary {
  background: #eee;
}
.aboutSubMain .filter .comReportCon .pagination-bulletin {
  margin-top: 50px;
  float: left;
}
.aboutSubMain .filter .comReportCon .pagination-bulletin ul li .first-page {
  margin-left: 0;
}
/*.aboutSubMain .filter .comNews-video-con {
  width: 725px;
  float: right;
  margin-top: 20px;
}*/
.aboutSubMain .filter .comNews-video-con .comNews-video-list li {
  width: 235px;
  height: 175px;
  float: left;
  /*margin: 0 10px 10px 0;*/
  position: relative;
}

.aboutSubMain .filter .comNews-video-con .comNews-video-list ul{overflow:hidden; display:inline-block; width:1000px;}

.aboutSubMain .filter .comNews-video-con .comNews-video-list li{
  width: 215px;
  height: 220px;
  background: #f9f8f6;
  border:#ccc solid 1px;
  cursor:pointer;
  margin:0 16px 20px 0;
}
.aboutSubMain .filter .comNews-video-con .comNews-video-list li:hover{filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;}
.aboutSubMain .filter .comNews-video-con .comNews-video-list .tu_img{margin:10px 10px 0 10px;}
.aboutSubMain .filter .comNews-video-con .comNews-video-list li p{font-size:14px; color:#333; line-height:24px; margin:10px 10px 10px 10px;}
.aboutSubMain .filter .comNews-video-con .comNews-video-list .an_img{margin:0 0 0 10px;}

.aboutSubMain .filter .comNews-video-con .comNews-video-list li div h2 {
  font-size: 15px;
  color: #484848;
  line-height: 25px;
  padding-top: 12px;
}
.aboutSubMain .filter .comNews-video-con .comNews-video-list li div p {
  color: #898989;
  padding: 0;
  line-height: 16px;
}
.aboutSubMain .filter .comNews-video-con .comNews-video-list .mr-none {
  margin-right: 0;
}
.aboutSubMain .filter .comNews-video-con .pagination-bulletin {
  margin-top: 50px;
  float: left;
}
.aboutSubMain .filter .comNews-video-con .pagination-bulletin ul li .first-page {
  margin-left: 0;
}
/********company_news_detail.html********/
.newsDetailSubTitle {
  height: 70px;
  padding-bottom: 25px;
}
.newsDetailSubTitle h2 {
  height: 70px;
  line-height: 70px;
  float: left;
  font-size: 40px;
  color: #434343;
}
.newsDetailSubTitle .btnBack-newsDetail {
  float: right;
  padding-top: 12px;
}
.newsDetailSubTitle .btnBack-newsDetail a {
  display: block;
  float: right;
  width: 126px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  background-color: #f1f1f1;
  font-size: 15px;
  color: #434343;
  font-weight: bold;
}
.newsDetailSubTitle .btnBack-newsDetail .btnNextPage-newsDetail {
  float: left;
  padding-right: 10px;
}
.newsDetailSubTitle .btnBack-newsDetail .btnNextPage-newsDetail a {
  margin-right: 5px;
  float: left;
}
.newsDetailSubTitle .btnBack-newsDetail .btnNextPage-newsDetail a:hover {
  background-color: #4b4b4b;
  color: #FFF;
}
.newsDetailSubTitle .btnBack-newsDetail .btnNextPage-newsDetail .active {
  background-color: #4b4b4b;
  color: #FFF;
}
.aboutNewsDetail {
  border-top: 2px solid #e3e3e3;
}
.aboutNewsDetail .section.gray {
  background: #f3f3f3;
}
.aboutNewsDetail .filter {
  /*margin-top:50px;*/
  /*padding-bottom:80px;*/
}
.aboutNewsDetail .filter .NewsDetail-con {
  /*border-bottom:1px #d7d7d7 solid;*/
  padding-bottom: 30px;
  overflow: hidden;
  width: 1000px;
  margin: 0 auto;
  padding-top: 50px;
  text-align: center;
}
.aboutNewsDetail .filter .NewsDetail-con .menu_title {
  display: block;
  border-bottom: 1px #d7d7d7 solid;
  overflow: hidden;
  position: relative;
  text-align: left;
  padding-bottom: 15px;
}
.aboutNewsDetail .filter .NewsDetail-con .menu_title p {
  padding-top: 10px;
  text-align: left;
}
.aboutNewsDetail .filter .NewsDetail-con .menu_title p span {
  color: #e21001;
  padding-left: 10px;
}
.aboutNewsDetail .filter .NewsDetail-con img {
  margin: 20px auto;
}
.aboutNewsDetail .filter .NewsDetail-con .NewsDetail-imgScroll {
  width: 499px;
  height: 360px;
  position: relative;
  margin: 0 auto;
}
.aboutNewsDetail .filter .NewsDetail-con .NewsDetail-imgScroll a {
  display: block;
}
.aboutNewsDetail .filter .NewsDetail-con .NewsDetail-imgScroll .arrow-left-item {
  width: 36px;
  height: 38px;
  position: absolute;
  left: 0;
  top: 160px;
  background: url("clientlib-common/image/about/news/ico_news_arrow.png") no-repeat 13px center #efefef;
}
.aboutNewsDetail .filter .NewsDetail-con .NewsDetail-imgScroll .arrow-left-item:hover {
  background: url("clientlib-common/image/about/news/ico_news_arrow.png") no-repeat -37px center #ffffff;
}
.aboutNewsDetail .filter .NewsDetail-con .NewsDetail-imgScroll .arrow-left-cur {
  width: 36px;
  height: 38px;
  position: absolute;
  left: 0;
  top: 160px;
  background: url("clientlib-common/image/about/news/ico_news_arrow.png") no-repeat -37px center #efefef;
}
.aboutNewsDetail .filter .NewsDetail-con .NewsDetail-imgScroll .arrow-right-item {
  width: 36px;
  height: 38px;
  position: absolute;
  right: 0;
  top: 160px;
  background: url("clientlib-common/image/about/news/ico_news_arrow.png") no-repeat -87px center #efefef;
}
.aboutNewsDetail .filter .NewsDetail-con .NewsDetail-imgScroll .arrow-right-item:hover {
  background: url("clientlib-common/image/about/news/ico_news_arrow.png") no-repeat -137px center #efefef;
}
.aboutNewsDetail .filter .NewsDetail-con .NewsDetail-imgScroll .arrow-right-cur {
  width: 36px;
  height: 38px;
  position: absolute;
  right: 0;
  top: 160px;
  background: url("clientlib-common/image/about/news/ico_news_arrow.png") no-repeat -137px center #efefef;
}
.aboutNewsDetail .filter .NewsDetail-con .NewsDetail-imgScroll .pagination {
  position: absolute;
  bottom: 30px;
  left: 137px;
}
.aboutNewsDetail .filter .NewsDetail-con .NewsDetail-imgScroll .pagination li {
  width: 67px;
  height: 46px;
  border: 1px #d4d4d4 solid;
  float: left;
  margin: 0 3px;
  position: relative;
  font-size: 0;
}
.aboutNewsDetail .filter .NewsDetail-con .NewsDetail-imgScroll .pagination li .mask {
  width: 67px;
  height: 46px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.aboutNewsDetail .filter .NewsDetail-con .NewsDetail-imgScroll .pagination li:hover {
  border: 1px #e21001 solid;
}
.aboutNewsDetail .filter .NewsDetail-con .NewsDetail-imgScroll .pagination li:hover .mask {
  opacity: 0;
  filter: alpha(opacity=0);
}
.aboutNewsDetail .filter .NewsDetail-con .NewsDetail-imgScroll .pagination .active {
  border: 1px #e21001 solid;
}
.aboutNewsDetail .filter .NewsDetail-con .NewsDetail-imgScroll .pagination .active .mask {
  opacity: 0;
  filter: alpha(opacity=0);
}
.aboutNewsDetail .filter .NewsDetail-con h2 {
  color: #2d2d2d;
  font-size: 28px;
  line-height: 36px;
}
.aboutNewsDetail .filter .NewsDetail-con p {
  font-size: 13px;
  color: #585858;
  text-align: left;
}
.aboutNewsDetail .filter .jiathis_style_24x24 {
  float: right;
  position: absolute;
  right: 0;
  bottom: 10px;
}
.aboutNewsDetail .filter .jiathis_style_24x24 .jiathis_txt {
  font-size: 14px;
}
.aboutNewsDetail .filter .bulletin-con-list {
  margin-top: 120px;
  padding: 35px 0 81px 0;
  background-color: #ffffff;
  width: 1000px;
  margin: 0 auto;
}
.aboutNewsDetail .filter .bulletin-con-list h2 {
  font-size: 30px;
  line-height: 34px;
  color: #2d2d2d;
  text-align: center;
  font-weight: normal;
  padding-bottom: 35px;
}
.aboutNewsDetail .filter .bulletin-con-list li {
  height: 49px;
  line-height: 49px;
  color: #585858;
}
.aboutNewsDetail .filter .bulletin-con-list li a {
  height: 31px;
  line-height: 31px;
  padding: 9px 0 9px 6px;
  display: block;
}
.aboutNewsDetail .filter .bulletin-con-list li a:hover span {
  background: url("clientlib-common/image/about/culture/history_time.png") no-repeat 0 -31px;
}
.aboutNewsDetail .filter .bulletin-con-list li a:hover p {
  color: #e21001;
}
.aboutNewsDetail .filter .bulletin-con-list li span {
  width: 95px;
  height: 31px;
  line-height: 31px;
  color: #FFF;
  font-size: 13px;
  padding-left: 12px;
  display: block;
  float: left;
  background: url("clientlib-common/image/about/culture/history_time.png") no-repeat 0 0;
}
.aboutNewsDetail .filter .bulletin-con-list li p {
  padding: 0;
  line-height: 31px;
  font-size: 13px;
  padding-left: 139px;
}
.aboutNewsDetail .filter .bulletin-con-list .bulletin-list-gray {
  height: 41px;
  background-color: #f3f3f3;
}
.aboutNewsDetail .filter .bulletin-con-list .bulletin-list-gray a {
  padding: 5px 0 5px 6px;
}
.aboutNewsDetail .filter .aboutEquipment {
  padding: 42px 0 63px 0;
  width: 1000px;
  margin: 0 auto;
}
.aboutNewsDetail .filter .aboutEquipment h2 {
  font-size: 30px;
  line-height: 34px;
  color: #2d2d2d;
  text-align: center;
  font-weight: normal;
  padding-bottom: 35px;
}
.aboutNewsDetail .filter .aboutEquipment .aboutEquipment-list li {
  width: 241px;
  height: 269px;
  border: 1px #e5e5e5 solid;
  background-color: #FFF;
  margin-right: 9px;
  float: left;
}
.aboutNewsDetail .filter .aboutEquipment .aboutEquipment-list li .aboutEquipment-list-img {
  font-size: 0;
  border-bottom: 1px #e5e5e5 solid;
}
.aboutNewsDetail .filter .aboutEquipment .aboutEquipment-list li .aboutEquipment-list-text {
  padding: 0 16px;
}
.aboutNewsDetail .filter .aboutEquipment .aboutEquipment-list li .aboutEquipment-list-text p {
  color: #585858;
  font-size: 12px;
  padding: 0;
  padding-top: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.aboutNewsDetail .filter .aboutEquipment .aboutEquipment-list li .aboutEquipment-list-text h6 {
  font-size: 20px;
  color: #484848;
  line-height: 24px;
  padding-bottom: 2px;
}
.aboutNewsDetail .filter .aboutEquipment .aboutEquipment-list li .aboutEquipment-list-text span {
  color: #2d2d2d;
}
.aboutNewsDetail .filter .aboutEquipment .aboutEquipment-list .mr-none {
  margin-right: 0;
}
.aboutNewsDetail .filter .aboutEquipment .ico_scroll {
  width: 66px;
  margin: 0 auto;
  padding-top: 38px;
}
.aboutNewsDetail .filter .aboutEquipment .ico_scroll a {
  display: block;
  width: 12px;
  height: 12px;
  float: left;
  margin-right: 15px;
  background: url("clientlib-common/image/about/news/ico_news_scroll.jpg") no-repeat 0 -12px;
}
.aboutNewsDetail .filter .aboutEquipment .ico_scroll a:hover {
  background: url("clientlib-common/image/about/news/ico_news_scroll.jpg") no-repeat 0 0;
}
.aboutNewsDetail .filter .aboutEquipment .ico_scroll .active {
  background: url("clientlib-common/image/about/news/ico_news_scroll.jpg") no-repeat 0 0;
}
.aboutNewsDetail .filter .aboutEquipment .ico_scroll .mr-none {
  margin-right: 0;
}
.aboutNewsDetail .filter .aboutPicture {
  padding: 42px 0 88px 0;
  width: 1000px;
  margin: 0 auto;
}
.aboutNewsDetail .filter .aboutPicture h2 {
  font-size: 30px;
  line-height: 34px;
  color: #2d2d2d;
  text-align: center;
  font-weight: normal;
  padding-bottom: 40px;
}
.aboutNewsDetail .filter .aboutPicture .aboutP-swiper {
  height: 458px;
  border: 1px #e5e5e5 solid;
  background-color: #f3f3f3;
  position: relative;
}
.aboutNewsDetail .filter .aboutPicture .aboutP-swiper a {
  display: block;
}
.aboutNewsDetail .filter .aboutPicture .aboutP-swiper .arrow-left-item {
  width: 36px;
  height: 38px;
  position: absolute;
  left: 0;
  top: 210px;
  background: url("clientlib-common/image/about/news/ico_news_arrow.png") no-repeat 13px center #ffffff;
}
.aboutNewsDetail .filter .aboutPicture .aboutP-swiper .arrow-left-item:hover {
  background: url("clientlib-common/image/about/news/ico_news_arrow.png") no-repeat -37px center #ffffff;
}
.aboutNewsDetail .filter .aboutPicture .aboutP-swiper .arrow-left-cur {
  width: 36px;
  height: 38px;
  position: absolute;
  left: 0;
  top: 210px;
  background: url("clientlib-common/image/about/news/ico_news_arrow.png") no-repeat -37px center #ffffff;
}
.aboutNewsDetail .filter .aboutPicture .aboutP-swiper .arrow-right-item {
  width: 36px;
  height: 38px;
  position: absolute;
  right: 0;
  top: 210px;
  background: url("clientlib-common/image/about/news/ico_news_arrow.png") no-repeat -87px center #ffffff;
}
.aboutNewsDetail .filter .aboutPicture .aboutP-swiper .arrow-right-item:hover {
  background: url("clientlib-common/image/about/news/ico_news_arrow.png") no-repeat -137px center #ffffff;
}
.aboutNewsDetail .filter .aboutPicture .aboutP-swiper .arrow-right-cur {
  width: 36px;
  height: 38px;
  position: absolute;
  right: 0;
  top: 210px;
  background: url("clientlib-common/image/about/news/ico_news_arrow.png") no-repeat -137px center #ffffff;
}
.aboutNewsDetail .filter .aboutPicture .aboutP-swiper .aboutP-swiper-con {
  width: 524px;
  height: 379px;
  margin: 0 auto;
  padding-top: 54px;
  overflow: hidden;
}
.aboutNewsDetail .filter .aboutPicture .aboutP-swiper .aboutP-swiper-con p {
  text-align: center;
  font-size: 13px;
  color: #585858;
  line-height: 44px;
  padding-top: 20px;
}
.aboutNewsDetail .filter .aboutVideo {
  padding: 42px 0 20px 0;
  width: 1000px;
  margin: 0 auto;
  padding-bottom: 80px;
}
.aboutNewsDetail .filter .aboutVideo h2 {
  font-size: 30px;
  line-height: 34px;
  color: #2d2d2d;
  text-align: center;
  font-weight: normal;
  padding-bottom: 40px;
}
.aboutNewsDetail .filter .aboutVideo .aboutVideo-list li {
  width: 241px;
  height: 181px;
  float: left;
  margin-right: 12px;
  position: relative;
}
.aboutNewsDetail .filter .aboutVideo .aboutVideo-list li .active {
  width: 209px;
  height: 68px;
  padding: 0 16px;
  background: #ffffff;
  border-bottom: 2px #e21001 solid;
  position: absolute;
  left: 0;
  bottom: 0;
}
.aboutNewsDetail .filter .aboutVideo .aboutVideo-list li .active h2 {
  font-size: 15px;
  color: #484848;
  line-height: 25px;
  padding: 12px 0 0 0;
  text-align: left;
}
.aboutNewsDetail .filter .aboutVideo .aboutVideo-list li .active p {
  color: #898989;
  padding: 0;
  line-height: 16px;
}
.aboutNewsDetail .filter .aboutVideo .aboutVideo-list .mr-none {
  margin-right: 0;
}
.aboutNewsDetail .filter .aboutVideo .aboutVideo-list .ico_scroll {
  width: 66px;
  margin: 0 auto;
  padding-top: 38px;
}
.aboutNewsDetail .filter .aboutVideo .aboutVideo-list .ico_scroll a {
  display: block;
  width: 12px;
  height: 12px;
  float: left;
  margin-right: 15px;
  background: url("clientlib-common/image/about/news/ico_news_scroll.jpg") no-repeat 0 -12px;
}
.aboutNewsDetail .filter .aboutVideo .aboutVideo-list .ico_scroll a:hover {
  background: url("clientlib-common/image/about/news/ico_news_scroll.jpg") no-repeat 0 0;
}
.aboutNewsDetail .filter .aboutVideo .aboutVideo-list .ico_scroll .active {
  background: url("clientlib-common/image/about/news/ico_news_scroll.jpg") no-repeat 0 0;
}
.aboutNewsDetail .filter .aboutVideo .aboutVideo-list .ico_scroll .mr-none {
  margin-right: 0;
}
/********company_news_detail.html********/
/********download_factory.html********/
.aboutSubMain .filter .downloadFactory-con {
  width: 725px;
  float: right;
  margin-top: 10px;
}
.aboutSubMain .filter .downloadFactory-con .downloadWall-list li {
  width: 235px;
  height: 175px;
  margin: 10px 10px 0 0;
  float: left;
  position: relative;
}
.aboutSubMain .filter .downloadFactory-con .downloadWall-list .mr-none {
  margin-right: 0;
}
.aboutSubMain .filter .downloadFactory-con .downloadWall-list .active span {
  width: 235px;
  height: 175px;
  display: block;
  position: absolute;
  background-color: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
  top: 0;
  left: 0;
}
.aboutSubMain .filter .downloadFactory-con .downloadWall-list .active .wallpaperDis {
  width: 203px;
  height: 68px;
  padding: 0 16px;
  border-bottom: 2px #e21001 solid;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #ffffff;
}
.aboutSubMain .filter .downloadFactory-con .downloadWall-list .active .wallpaperDis h2 {
  font-size: 18px;
  line-height: 34px;
  color: #484848;
  padding-top: 5px;
}
.aboutSubMain .filter .downloadFactory-con .downloadWall-list .active .wallpaperDis a {
  display: block;
  float: left;
  color: #555;
  line-height: 18px;
  padding-left: 20px;
}
.aboutSubMain .filter .downloadFactory-con .downloadWall-list .active .wallpaperDis a:hover {
  color: #e21001;
}
.aboutSubMain .filter .downloadFactory-con .downloadWall-list .active .wallpaperDis .btnBrowse {
  padding-left: 25px;
  margin-right: 20px;
  background: url("clientlib-common/image/about/culture/ico_periodical_browse.png") no-repeat 0 center;
}
.aboutSubMain .filter .downloadFactory-con .downloadWall-list .active .wallpaperDis .btnDownload {
  background: url("clientlib-common/image/about/culture/ico_periodical_down.png") no-repeat 0 center;
}
.aboutSubMain .filter .downloadFactory-con .pagination-bulletin {
  margin-top: 50px;
  float: left;
}
.aboutSubMain .filter .downloadFactory-con .pagination-bulletin ul li .first-page {
  margin-left: 0;
}
/********download_video.html********/
.aboutSubMain .filter .downloadvideo-con {
  width: 725px;
  float: right;
  margin-top: 20px;
}
.aboutSubMain .filter .downloadvideo-con .downloadvideo-list {
  background: #ffffff;
  padding: 20px 32px 60px 32px;
}
.aboutSubMain .filter .downloadvideo-con .downloadvideo-list li {
  height: 49px;
  padding: 0 18px;
}
.aboutSubMain .filter .downloadvideo-con .downloadvideo-list li a {
  display: block;
  float: left;
  line-height: 49px;
  color: #585858;
}
.aboutSubMain .filter .downloadvideo-con .downloadvideo-list li:hover a {
  color: #e21001;
}
.aboutSubMain .filter .downloadvideo-con .downloadvideo-list .downloadvideoTitle {
  width: 75%;
  padding-left: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: url("clientlib-common/image/about/culture/ico_show_disc.png") no-repeat 0 center;
}
.aboutSubMain .filter .downloadvideo-con .downloadvideo-list .downloadvideoBrowse {
  width: 7%;
  padding-left: 25px;
  background: url("clientlib-common/image/about/culture/ico_periodical_browse.png") no-repeat 0 center;
}
.aboutSubMain .filter .downloadvideo-con .downloadvideo-list .downloadvideoDown {
  width: 7%;
  padding-left: 20px;
  background: url("clientlib-common/image/about/culture/ico_periodical_down.png") no-repeat 0 center;
}
.aboutSubMain .filter .downloadvideo-con .downloadvideo-list .active {
  height: 41px;
  background: #f3f3f3;
}
.aboutSubMain .filter .downloadvideo-con .downloadvideo-list .active a {
  line-height: 41px;
}
.aboutSubMain .filter .downloadvideo-con .pagination-bulletin {
  margin-top: 50px;
  float: left;
}
.aboutSubMain .filter .downloadvideo-con .pagination-bulletin ul li .first-page {
  margin-left: 0;
}
/********download_sheet.html********/
.aboutSubMain .filter .downloadsheet-con {
  width: 725px;
  float: right;
  margin-top: 20px;
}
.aboutSubMain .filter .downloadsheet-con h2 {
  height: 64px;
  font-size: 24px;
  line-height: 64px;
  color: #484848;
  background: #ffffff;
  padding-left: 32px;
  border-bottom: 1px #e3e3e3 solid;
}
.aboutSubMain .filter .downloadsheet-con .mt-18 {
  margin-top: 18px;
}
.aboutSubMain .filter .downloadsheet-con .downloadvideo-list {
  background: #ffffff;
  padding: 30px 32px 50px 32px;
}
.aboutSubMain .filter .downloadsheet-con .downloadvideo-list li {
  height: 49px;
  padding: 0 18px;
}
.aboutSubMain .filter .downloadsheet-con .downloadvideo-list li a {
  display: block;
  float: left;
  line-height: 49px;
  color: #585858;
}
.aboutSubMain .filter .downloadsheet-con .downloadvideo-list li:hover a {
  color: #e21001;
}
.aboutSubMain .filter .downloadsheet-con .downloadvideo-list .downloadvideoTitle {
  width: 75%;
  padding-left: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: url("clientlib-common/image/about/culture/ico_show_disc.png") no-repeat 0 center;
}
.aboutSubMain .filter .downloadsheet-con .downloadvideo-list .downloadsheetView {
  float: right;
  width: 9%;
  padding-right: 15px;
  background: url("clientlib-common/image/about/news/ico_download_arrow.png") no-repeat right center;
}
.aboutSubMain .filter .downloadsheet-con .downloadvideo-list .browse {
  width: 7%;
  padding-left: 25px;
  background: url("clientlib-common/image/about/culture/ico_periodical_browse.png") no-repeat 0 center;
}
.aboutSubMain .filter .downloadsheet-con .downloadvideo-list .download {
  width: 7%;
  padding-left: 20px;
  background: url("clientlib-common/image/about/culture/ico_periodical_down.png") no-repeat 0 center;
}
.aboutSubMain .filter .downloadsheet-con .downloadvideo-list .title {
  width: 75%;

  padding-left: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: url("clientlib-common/image/about/culture/ico_show_disc.png") no-repeat 0 center;
}
.aboutSubMain .filter .downloadsheet-con .downloadvideo-list .title.subtitle {
  text-indent: 30px;
  background-position-x: 30px;
}
.aboutSubMain .filter .downloadsheet-con .downloadvideo-list .active {
  height: 41px;
  background: #f3f3f3;
}
.aboutSubMain .filter .downloadsheet-con .downloadvideo-list .active a {
  line-height: 41px;
}
.aboutSubMain .filter .downloadsheet-con .pagination-bulletin {
  margin-top: 50px;
  float: left;
}
.aboutSubMain .filter .downloadsheet-con .pagination-bulletin ul li .first-page {
  margin-left: 0;
}
/********download_wallpaper.html********/
.aboutSubMain .filter .downloadWall-con {
  width: 725px;
  float: right;
  margin-top: 10px;
}
.aboutSubMain .filter .downloadWall-con .downloadWall-list li {
  width: 235px;
  height: 175px;
  margin: 10px 10px 0 0;
  float: left;
  position: relative;
}
.aboutSubMain .filter .downloadWall-con .downloadWall-list .mr-none {
  margin-right: 0;
}
.aboutSubMain .filter .downloadWall-con .downloadWall-list span {
  width: 235px;
  height: 175px;
  display: block;
  position: absolute;
  background-color: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
  top: 0;
  left: 0;
}
.aboutSubMain .filter .downloadWall-con .downloadWall-list .wallpaperDis {
  display: none;
  width: 203px;
  height: 68px;
  padding: 0 16px;
  border-bottom: 2px #e21001 solid;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #ffffff;
}
.aboutSubMain .filter .downloadWall-con .downloadWall-list .wallpaperDis h2 {
  font-size: 18px;
  line-height: 34px;
  color: #484848;
  padding-top: 5px;
}
.aboutSubMain .filter .downloadWall-con .downloadWall-list .wallpaperDis a {
  display: block;
  float: left;
  color: #555;
  line-height: 18px;
  padding-left: 20px;
}
.aboutSubMain .filter .downloadWall-con .downloadWall-list .wallpaperDis a:hover {
  color: #e21001;
}
.aboutSubMain .filter .downloadWall-con .downloadWall-list .wallpaperDis .btnBrowse {
  padding-left: 25px;
  margin-right: 20px;
  background: url("clientlib-common/image/about/culture/ico_periodical_browse.png") no-repeat 0 center;
}
.aboutSubMain .filter .downloadWall-con .downloadWall-list .wallpaperDis .btnDownload {
  background: url("clientlib-common/image/about/culture/ico_periodical_down.png") no-repeat 0 center;
}
.aboutSubMain .filter .downloadWall-con .pagination-bulletin {
  margin-top: 50px;
  float: left;
}
.aboutSubMain .filter .downloadWall-con .pagination-bulletin ul li .first-page {
  margin-left: 0;
}
.popup-video {
  width: 640px;
  display: none;
  /*height: 420px;*/
  background: #ffffff;
}
.popup-video .video-info {
  position: relative;
  padding: 5px 0 0 20px;
}
.popup-video .video-info p {
  padding: 0;
}
.popup-video .video-info p.title {
  font-size: 14px;
  line-height: 24px;
}
.popup-video .video-info p.time {
  font-size: 14px;
  line-height: 24px;
}
.popup-video .video-info .jiathis_style_24x24 {
  position: absolute;
  right: 10px;
  top: 20px;
  display: block;
}
.popup-video .container {
  width: 640px;
}

/*!
Video.js Default Styles (http://videojs.com)
Version 4.12.9
Create your own skin at http://designer.videojs.com
*/.vjs-default-skin{color:#ccc}@font-face{font-family:VideoJS;src:url(clientlib-about/f/3/vjs.eot);src:url(clientlib-about/f/3/vjs.eot?#iefix) format('embedded-opentype'),url(clientlib-about/f/3/vjs.woff) format('woff'),url(clientlib-about/f/3/vjs.ttf) format('truetype'),url(clientlib-about/f/3/vjs.svg#icomoon) format('svg');font-weight:400;font-style:normal}.vjs-default-skin .vjs-slider{outline:0;position:relative;cursor:pointer;padding:0;background-color:#333;background-color:rgba(51,51,51,.9)}.vjs-default-skin .vjs-slider:focus{-webkit-box-shadow:0 0 2em #fff;-moz-box-shadow:0 0 2em #fff;box-shadow:0 0 2em #fff}.vjs-default-skin .vjs-slider-handle{position:absolute;left:0;top:0}.vjs-default-skin .vjs-slider-handle:before{content:"\e009";font-family:VideoJS;font-size:1em;line-height:1;text-align:center;text-shadow:0 0 1em #fff;position:absolute;top:0;left:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.vjs-default-skin .vjs-control-bar{display:none;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#07141e;background-color:rgba(7,20,30,.7)}.vjs-default-skin.vjs-has-started .vjs-control-bar{display:block;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{display:block;visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.vjs-default-skin.vjs-controls-disabled .vjs-control-bar{display:none}.vjs-default-skin.vjs-using-native-controls .vjs-control-bar{display:none}.vjs-default-skin.vjs-error .vjs-control-bar{display:none}.vjs-audio.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible}@media \0screen{.vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before{content:""}}.vjs-default-skin .vjs-control{outline:0;position:relative;float:left;text-align:center;margin:0;padding:0;height:3em;width:4em}.vjs-default-skin .vjs-control:before{font-family:VideoJS;font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.vjs-default-skin .vjs-control:focus:before,.vjs-default-skin .vjs-control:hover:before{text-shadow:0 0 1em #fff}.vjs-default-skin .vjs-control:focus{}.vjs-default-skin .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-default-skin .vjs-play-control{width:5em;cursor:pointer}.vjs-default-skin .vjs-play-control:before{content:"\e001"}.vjs-default-skin.vjs-playing .vjs-play-control:before{content:"\e002"}.vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value{font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.vjs-default-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content{width:4em;left:-2em;list-style:none}.vjs-default-skin .vjs-mute-control,.vjs-default-skin .vjs-volume-menu-button{cursor:pointer;float:right}.vjs-default-skin .vjs-mute-control:before,.vjs-default-skin .vjs-volume-menu-button:before{content:"\e006"}.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before{content:"\e003"}.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before{content:"\e004"}.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before{content:"\e005"}.vjs-default-skin .vjs-volume-control{width:5em;float:right}.vjs-default-skin .vjs-volume-bar{width:5em;height:.6em;margin:1.1em auto 0}.vjs-default-skin .vjs-volume-level{position:absolute;top:0;left:0;height:.5em;width:100%;background:#66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat}.vjs-default-skin .vjs-volume-bar .vjs-volume-handle{width:.5em;height:.5em;left:4.5em}.vjs-default-skin .vjs-volume-handle:before{font-size:.9em;top:-.2em;left:-.2em;width:1em;height:1em}.vjs-default-skin .vjs-volume-menu-button .vjs-menu{display:block;width:0;height:0;border-top-color:transparent}.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content{height:0;width:0}.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu,.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing{border-top-color:rgba(7,40,50,.5)}.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu .vjs-menu-content,.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing .vjs-menu-content{height:2.9em;width:10em}.vjs-default-skin .vjs-progress-control{position:absolute;left:0;right:0;width:auto;font-size:.3em;height:1em;top:-1em;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-default-skin:hover .vjs-progress-control{font-size:.9em;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}.vjs-default-skin .vjs-progress-holder{height:100%}.vjs-default-skin .vjs-progress-holder .vjs-play-progress,.vjs-default-skin .vjs-progress-holder .vjs-load-progress,.vjs-default-skin .vjs-progress-holder .vjs-load-progress div{position:absolute;display:block;height:100%;margin:0;padding:0;width:0;left:0;top:0}.vjs-default-skin .vjs-play-progress{background:#66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat}.vjs-default-skin .vjs-load-progress{background:#646464;background:rgba(255,255,255,.2)}.vjs-default-skin .vjs-load-progress div{background:#787878;background:rgba(255,255,255,.1)}.vjs-default-skin .vjs-seek-handle{width:1.5em;height:100%}.vjs-default-skin .vjs-seek-handle:before{padding-top:.1em}.vjs-default-skin.vjs-live .vjs-time-controls,.vjs-default-skin.vjs-live .vjs-time-divider,.vjs-default-skin.vjs-live .vjs-progress-control{display:none}.vjs-default-skin.vjs-live .vjs-live-display{display:block}.vjs-default-skin .vjs-live-display{display:none;font-size:1em;line-height:3em}.vjs-default-skin .vjs-time-controls{font-size:1em;line-height:3em}.vjs-default-skin .vjs-current-time{float:left}.vjs-default-skin .vjs-duration{float:left}.vjs-default-skin .vjs-remaining-time{display:none;float:left}.vjs-time-divider{float:left;line-height:3em}.vjs-default-skin .vjs-fullscreen-control{width:3.8em;cursor:pointer;float:right}.vjs-default-skin .vjs-fullscreen-control:before{content:"\e000"}.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before{content:"\e00b"}.vjs-default-skin .vjs-big-play-button{left:.5em;top:.5em;font-size:3em;display:block;z-index:2;position:absolute;width:4em;height:2.6em;text-align:center;vertical-align:middle;cursor:pointer;opacity:1;background-color:#07141e;background-color:rgba(7,20,30,.7);border:.1em solid #3b4249;-webkit-border-radius:.8em;-moz-border-radius:.8em;border-radius:.8em;-webkit-box-shadow:0 0 1em rgba(255,255,255,.25);-moz-box-shadow:0 0 1em rgba(255,255,255,.25);box-shadow:0 0 1em rgba(255,255,255,.25);-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button{left:50%;margin-left:-2.1em;top:50%;margin-top:-1.4000000000000001em}.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button{display:none}.vjs-default-skin.vjs-has-started .vjs-big-play-button{display:none}.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button{display:none}.vjs-default-skin:hover .vjs-big-play-button,.vjs-default-skin .vjs-big-play-button:focus{outline:0;border-color:#fff;background-color:#505050;background-color:rgba(50,50,50,.75);-webkit-box-shadow:0 0 3em #fff;-moz-box-shadow:0 0 3em #fff;box-shadow:0 0 3em #fff;-webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;transition:all 0s}.vjs-default-skin .vjs-big-play-button:before{content:"\e001";font-family:VideoJS;line-height:2.6em;text-shadow:.05em .05em .1em #000;text-align:center;position:absolute;left:0;width:100%;height:100%}.vjs-error .vjs-big-play-button{display:none}.vjs-error-display{display:none}.vjs-error .vjs-error-display{display:block;position:absolute;left:0;top:0;width:100%;height:100%}.vjs-error .vjs-error-display:before{content:'X';font-family:Arial;font-size:4em;color:#666;line-height:1;text-shadow:.05em .05em .1em #000;text-align:center;vertical-align:middle;position:absolute;left:0;top:50%;margin-top:-.5em;width:100%}.vjs-error-display div{position:absolute;bottom:1em;right:0;left:0;font-size:1.4em;text-align:center;padding:3px;background:#000;background:rgba(0,0,0,.5)}.vjs-error-display a,.vjs-error-display a:visited{color:#F4A460}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;font-size:4em;line-height:1;width:1em;height:1em;margin-left:-.5em;margin-top:-.5em;opacity:.75}.vjs-waiting .vjs-loading-spinner,.vjs-seeking .vjs-loading-spinner{display:block;-webkit-animation:spin 1.5s infinite linear;-moz-animation:spin 1.5s infinite linear;-o-animation:spin 1.5s infinite linear;animation:spin 1.5s infinite linear}.vjs-error .vjs-loading-spinner{display:none;-webkit-animation:none;-moz-animation:none;-o-animation:none;animation:none}.vjs-default-skin .vjs-loading-spinner:before{content:"\e01e";font-family:VideoJS;position:absolute;top:0;left:0;width:1em;height:1em;text-align:center;text-shadow:0 0 .1em #000}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.vjs-default-skin .vjs-menu-button{float:right;cursor:pointer}.vjs-default-skin .vjs-menu{display:none;position:absolute;bottom:0;left:0;width:0;height:0;margin-bottom:3em;border-left:2em solid transparent;border-right:2em solid transparent;border-top:1.55em solid #000;border-top-color:rgba(7,40,50,.5)}.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;position:absolute;width:10em;bottom:1.5em;max-height:15em;overflow:auto;left:-5em;background-color:#07141e;background-color:rgba(7,20,30,.7);-webkit-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);-moz-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);box-shadow:-.2em -.2em .3em rgba(255,255,255,.2)}.vjs-default-skin .vjs-menu-button:hover .vjs-control-content .vjs-menu,.vjs-default-skin .vjs-control-content .vjs-menu.vjs-lock-showing{display:block}.vjs-default-skin.vjs-scrubbing .vjs-menu-button:hover .vjs-control-content .vjs-menu{display:none}.vjs-default-skin .vjs-menu-button ul li{list-style:none;margin:0;padding:.3em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.vjs-default-skin .vjs-menu-button ul li.vjs-selected{background-color:#000}.vjs-default-skin .vjs-menu-button ul li:focus,.vjs-default-skin .vjs-menu-button ul li:hover,.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover{outline:0;color:#111;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.vjs-default-skin .vjs-subtitles-button:before{content:"\e00c"}.vjs-default-skin .vjs-captions-button:before{content:"\e008"}.vjs-default-skin .vjs-chapters-button:before{content:"\e00c"}.vjs-default-skin .vjs-chapters-button.vjs-menu-button .vjs-menu .vjs-menu-content{width:24em;left:-12em}.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before{-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js{background-color:#000;position:relative;padding:0;font-size:10px;vertical-align:middle;font-weight:400;font-style:normal;font-family:Arial,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}.video-js:-moz-full-screen{position:absolute}body.vjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0;width:100%!important;height:100%!important;_position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-poster{background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:#000;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0}.vjs-poster img{display:block;margin:0 auto;max-height:100%;padding:0;width:100%}.video-js.vjs-has-started .vjs-poster{display:none}.video-js.vjs-audio.vjs-has-started .vjs-poster{display:block}.video-js.vjs-controls-disabled .vjs-poster{display:none}.video-js.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-text-track-display{position:absolute;top:0;left:0;bottom:3em;right:0;pointer-events:none}.vjs-caption-settings{position:relative;top:1em;background-color:#000;opacity:.75;color:#FFF;margin:0 auto;padding:.5em;height:15em;font-family:Arial,Helvetica,sans-serif;font-size:12px;width:40em}.vjs-caption-settings .vjs-tracksettings{top:0;bottom:2em;left:0;right:0;position:absolute;overflow:auto}.vjs-caption-settings .vjs-tracksettings-colors,.vjs-caption-settings .vjs-tracksettings-font{float:left}.vjs-caption-settings .vjs-tracksettings-colors:after,.vjs-caption-settings .vjs-tracksettings-font:after,.vjs-caption-settings .vjs-tracksettings-controls:after{clear:both}.vjs-caption-settings .vjs-tracksettings-controls{position:absolute;bottom:1em;right:1em}.vjs-caption-settings .vjs-tracksetting{margin:5px;padding:3px;min-height:40px}.vjs-caption-settings .vjs-tracksetting label{display:block;width:100px;margin-bottom:5px}.vjs-caption-settings .vjs-tracksetting span{display:inline;margin-left:5px}.vjs-caption-settings .vjs-tracksetting>div{margin-bottom:5px;min-height:20px}.vjs-caption-settings .vjs-tracksetting>div:last-child{margin-bottom:0;padding-bottom:0;min-height:0}.vjs-caption-settings label>input{margin-right:10px}.vjs-caption-settings input[type=button]{width:40px;height:40px}.vjs-hidden{display:none!important}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}.vjs-no-js{padding:2em;color:#ccc;background-color:#333;font-size:1.8em;font-family:Arial,sans-serif;text-align:center;width:30em;height:15em;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#F4A460}
@charset "UTF-8";

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */

.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
    content: " ";
    display: table;
}
.pika-single:after { clear: both }
.pika-single { *zoom: 1 }

.pika-single.is-hidden {
    display: none;
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
}

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px;
}

.pika-title {
    position: relative;
    text-align: center;
}

.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
}
.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    /* hide text using text-indent trick, using width value (it's enough) */
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
    *position: absolute;
    *top: 0;
}

.pika-prev:hover,
.pika-next:hover {
    opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
    *left: 0;
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
    *right: 0;
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .2;
}

.pika-select {
    display: inline-block;
    *display: inline;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

.pika-table th,
.pika-table td {
    width: 14.285714285714286%;
    padding: 0;
}

.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
}

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5;
}

.pika-week {
    font-size: 11px;
    color: #999;
}

.is-today .pika-button {
    color: #33aaff;
    font-weight: bold;
}

.is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    background: #33aaff;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px;
}

.is-inrange .pika-button {
    background: #D5E9F7;
}

.is-startrange .pika-button {
    color: #fff;
    background: #6CB31D;
    box-shadow: none;
    border-radius: 3px;
}

.is-endrange .pika-button {
    color: #fff;
    background: #33aaff;
    box-shadow: none;
    border-radius: 3px;
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3;
}

.pika-button:hover {
    color: #fff;
    background: #ff8000;
    box-shadow: none;
    border-radius: 3px;
}

/* styling for abbr */
.pika-table abbr {
    border-bottom: none;
    cursor: help;
}


/**
 * This theme is an example to show how you can create your own.
 */
.pika-single.red-theme {
    color: #999;
    background: #fff;
    border: 1px solid #cdcdcd;
    border-bottom-color: #cdcdcd;
}

.red-theme .pika-label {
    background-color: #fff;
}

.red-theme .pika-table th {
    color: #999;
}

.red-theme .pika-button {
    color: #666666;
    background: #f5f5f5;
}

.red-theme .pika-week {
    color: #999;
}

.red-theme .is-today .pika-button {
    color: #33aaff;
}

.red-theme .is-selected .pika-button {
    color: #fff;
    background: #33aaff;
    box-shadow: inset 0 1px 3px #178fe5;
}

.red-theme .is-disabled .pika-button {
    color: #999;
    opacity: .3;
}

.red-theme .pika-button:hover {
    color: #fff !important;
    background: #e21001 !important;
}