/* CSS Document */
table {border-collapse: collapse; border-spacing: 0;}
fieldset,img {border: 0; padding:0px; margin:0px;}
ol,ul {list-style: none;}
h1,h2,h3,h4,h5,h6 {font-weight: normal; font-size:100%;}
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote,ol, ul, li, dl, dt, dd, form, fieldset, legend, button, input, textarea, pre, code, th, td{margin:0;padding:0;}
body, button, input, select, textarea{font:13px/1.5 Microsoft yahei;word-wrap:break-word;word-wrap:normal;}
a{ color:#333; text-decoration:none;font-size:13px}
*{ outline:none;}
.w1200{ width:1200px; margin:0px auto; clear: both;overflow: hidden;}
.w590{ width:588px;}
.fl{ float:left;}
.fr{ float:right;}

.contitbox{background: url(/images/companypopular-tit.png) center center no-repeat;width:1200px;height: 80px;overflow:hidden;line-height: 30px;margin-top: 30px;}
.contitbox .tit{ text-align:center;font-size: 26px;padding-top: 5px;color: #1c2931;font-weight: bold;width:240px; margin:0 auto}
.contitbox .sub{ text-align:center;color: #36404b;text-transform: uppercase;padding-top: 8px;width:240px; margin:0 auto}
.colw{background: url(/images/companypopular-tit1.png) center center no-repeat;}
.colw .tit{ color:#fff;}
.colw .sub{ color:#fff;}

.comlogo{float: left;margin-right: 8px;height: 70px;}
.comlogo img{ max-width: 110px;max-height: 70px;}

.header{height:65px;overflow:hidden;position: fixed;background: #fff;width: 100%;z-index: 99999;box-shadow: 2px 2px 3px 0px rgba(42, 42, 42, 0.38);}
.header .logo{ overflow:hidden; height:65px; width:325px; text-align:center;}
.header .nav{ height:65px; line-height:65px; overflow:hidden; width:870px;}
.header .nav ul li{ float:left; overflow:hidden; height:65px; line-height:65px;}
.header .nav ul li a{ padding:0px 30px; color:#fff;font-size: 20px;color: #0095ea;height:65px; display:block;}
.header .nav ul li.cur a{ background:#0095ea; color:#fff;}
.header .nav ul li:hover a{ background:#0095ea; color:#fff;}

/*.banner{ background:url(/images/companypopular-banner.png) no-repeat center 65px; overflow:hidden;width: 100%;margin: 0px auto;height: 620px; padding-top: 65px;}*/
.banner{width: 100%;height:620px;overflow: hidden;margin: 0px auto;position: relative;padding-top: 65px;}
.banner .bannerimg{ width:100%; height:620px; overflow:hidden;}
.banner .bannerimg ul li{ height:620px; overflow:hidden;}
.banner .bannerico{position: absolute;right:23%;z-index: 999;bottom: 20px;height:15px;}
.banner .bannerico ul li{ background:#fff; width:15px; height:14px; float:left; overflow:hidden; margin-right:8px; cursor:pointer;text-indent: -999999px;}
.banner .bannerico ul li.bgico{background:#f60;}

.zbj{ background:url(/images/companypopular-zbj.png?v=V1.0) repeat center top; overflow:hidden;width: 100%;margin: 0px auto;}

.js{overflow:hidden;width: 100%;margin: 0px auto; margin-top: 30px;}
.bz{  overflow:hidden;width: 100%;margin: 0px auto;margin-top: 30px;}
.hdxq{  overflow:hidden;width: 100%;margin: 0px auto;}
.bt{ overflow:hidden;width: 100%;margin: 0px auto;}
.bj{  overflow:hidden;width: 100%;margin: 0px auto;    margin-top: 30px;}
.rxcp{ background:url(/images/companypopular-rxcp.png) no-repeat center 50%; overflow:hidden;width: 100%;margin: 0px auto;height: 84px;}
.companypopularimg{margin-left: -22px;margin-top: -18px;position: absolute;}
.ppgssz{margin-left: -5px;margin-top: -12px;position: absolute;color: #fff900;font-size: 34px;font-weight: bold;text-shadow: 2px 1px 3px #0000008f;}
.ppsj{margin-left: 530px;margin-top: 5px;position: absolute;}
.ppgsimg{margin-left: -22px;margin-top: -18px;position: absolute;}

.searchbg{ width:700px; height:40px; overflow:hidden; float:right;margin-top: 30px;}
.search_txt .text{width:474px; height:40px; line-height:36px;color:#4a4a4a;font-size:larger;border: 1px solid #adadad;text-indent: 10px;}
.search_btn .button{height:40px;line-height:40px;width:100px;background: #0095ea;color: #fff;cursor:pointer;font-weight: bold;font-size:14px;border: none;}
.search_txt { float:left; width:474px; height:40px; margin-left:5px;}
.search_btn{ float:left;}

.companyList{overflow: hidden;clear: both;margin: 30px 0;border-radius: 4px;}
.companyList dl{ width: 588px; float: left; }
.companyList dl dt{width: 548px;/* height: 276px; */clear: both;overflow: hidden;border-right: 1px solid #d1d1d1;background: #fff;padding: 54px 20px 20px;/* margin-left: 10px; */}
.companyName{/*width: 580px; position: absolute; */overflow: hidden;font: normal 22px/30px "Microsoft Yahei";/* left: 26px; top: 25px; */margin-bottom: 10px;}
.companyName a{ color: #333333; font-size:22px; line-height:30px; }
.companyList dl dt b{display: block;width: 110px;height: 22px;float: left;margin-right: 10px;/* position: absolute;left: 27px;top: 67px; */}
.companyList dl dt span{display: block;/* position: absolute; left: 150px;top: 67px; */color: #766969;letter-spacing: 10px;line-height: 20px;float: left;}
.companyList dl dt span strong{ font-size:20px;color: #ff002f;vertical-align: top;letter-spacing: 0;padding-right: 10px;}

.newcont{ width:1200px; margin:0 auto;overflow: hidden; margin-bottom:10px;padding: 40px 10px 10px;}
.newsBox {width: 460px;margin-right: 20px;position: relative;float: left;}
.newsBox .item {position: relative;z-index: 3;}
.newsBox .item .img {width: 460px;height: 231px;overflow: hidden; text-align:center;}
.newsBox .item .img img {max-width:100%;max-height: 210px;}
.newsBox .item a {display: block;}
.newsBox .item .txt {width: 100%;}
.newsBox .item .txt h3 {font-size: 20px;font-weight: normal;padding: 15px 0 0;}
.newsBox .item .txt p {color: #999;overflow: hidden;height: 40px;line-height: 20px;padding-top: 5px;}
/*.newsBox .item .txt span {width: 92px;height: 30px;line-height: 30px;border: 2px solid #009b4c;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;	text-align: center;display: block;font-size: 14px;color: #009b4c;margin-top: 15px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;}
.newsBox .item .txt:hover span {background-image: linear-gradient(to top, #008742,#00a650);color: #fff;}*/
.newsBox .di {position: absolute;left: 0;bottom: 0;width: 100%;height: 100px;background: #ceeeff;-moz-border-radius-bottomleft: 15px;
	-webkit-border-bottom-left-radius: 15px;
	border-bottom-left-radius: 15px;
	z-index: 0;}
.textlist {width: 710px;    float: left;}
.bzsd{width: 1180px;}
.bzsd .textlist{width:100%; }
.bzsd .textlist .item .img{ margin-right:12px;   }
.bzsd .textlist .item{ float:left;width:48%;margin: 8px 1%; display: flex;}
.bzsd .textlist .item .txt{ width:100%;}
.textlist .item {margin-bottom: 16px;transition: all 0.2s linear 0s;width: 100%;position: relative;padding-bottom: 10px;border-bottom: 1px solid #e2e2e2;}
.textlist .item a {display: block;}
.textlist .item .img {width: 133px;height: 100px;overflow: hidden;margin-right: 22px;float:left; text-align:center;}
.textlist .item .img img {max-width: 100%;max-height: 100%;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;}
.textlist .item .txt {width: 700px;}
.textlist .item h3 {font-size: 18px;}
.textlist .item p {font-size: 14px;line-height: 20px;color: #999;height: 40px;overflow: hidden;padding-top: 10px;  margin-bottom: 4px;}
.textlist .item .time {display: block;width: 66px;height: 100px;line-height: 50px;text-align: center;font-size: 14px;border-left: 1px solid #e9e9e9;	padding-left: 20px;}
.textlist .item .time b {display: block;font-size: 48px;color: #009b4c;line-height: 60px;}
.textlist .item:hover img {transform: scale(1.06, 1.06);}
.textlist .item:hover h3{color:#2340ba;}

.first {margin-bottom: 16px;transition: all 0.2s linear 0s;width: 100%;position: relative;padding-bottom: 10px;border-bottom: 1px solid #e2e2e2;clear: both;overflow: hidden;}
.first a {display: block;}
.first .img {width: 183px;height: 150px;overflow: hidden;margin-right: 42px;float:left;text-align:center;}
.first .img img {max-width: 100%;max-height: 100%;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;}
.first .txt {/* width: 700px; */}
.first h3 {font-size: 24px;text-align: center;font-weight: bold;color: #f00;}
.first p {font-size: 14px;line-height: 20px;color: #999;height: 80px;overflow: hidden;padding-top: 20px;margin-bottom: 4px;}
.first .time {display: block;width: 66px;height: 100px;line-height: 50px;text-align: center;font-size: 14px;border-left: 1px solid #e9e9e9;	padding-left: 20px;}
.first .time b {display: block;font-size: 48px;color: #009b4c;line-height: 60px;}
.first:hover img {transform: scale(1.06, 1.06);}
.first:hover h3{color:#2340ba;}

	
.companyList dl dt p i{width: 63px;height: 19px;display: inline-block;text-align: center;font: normal 14px/19px "Microsoft Yahei";color: #fff;background: #0070ce;margin-right: 8px;}
.companyList dl dt p.abstract i{ background: #7ca4cb; }
.companyList dl dt .listbox{width: 550px;clear: both;overflow: hidden;display: block;/* top: 96px; *//* position: absolute; */padding-top: 10px;padding-top: 16px;}
.companyList dl dt .listbox table{ color:#666}
.companyList dl dt .listbox table td{padding: 5px;}
.companyList dl dt .listbox table td font{font-size: 18px;color: #ff4000;font-weight: bold;margin: 0 10px;}
.companyList dl dt .listbox .txt{overflow:hidden;padding-left: 10px;}
.companyList dl dt .listbox .txt h1{margin-bottom: 10px;line-height: 22px;overflow: hidden;}
.companyList dl dt .listbox .txt h1 a{ font-size: 15px; color: #0095ea;font-weight: bold;}
.companyList dl dt .listbox .txt p{overflow:hidden; line-height:28px; color:#7a7a7a; font-size:12px;}
.companyList dl dd{ width: 588px; height: 314px;  position: relative; background: #f8f8f8; }
.companyList dl dt a.goShow{width: 88px;height: 22px;display: block;/* position: absolute; *//* bottom: 20px; *//* right: 10px; */z-index: 1;background: #ff6600;color: #fff;font: normal 12px/22px "Microsoft Yahei";text-align: center;float: right;margin-top: 10px;}
.companyList dl dd span{letter-spacing:3px; display: inline-block; font:normal 22px/30px "Microsoft Yahei";line-height: 258px; text-align: center;width: 542px;}
ul.showCode{ width: 33px; height: 33px; position: absolute; top: 0px; right: 0px; z-index: 9; cursor: pointer; }
ul.showCode li{ width: 33px; height: 33px; position: relative; float: left; }
.backCode{ width: 33px; height: 33px; display: block; position: absolute; top: 0px; right: 0px; z-index: 2; cursor: pointer; }
.backCodeOut{ width: 33px; height: 33px; display: block; position: absolute; top: 0px; right: 0px; z-index: 10;}
.code{ width: 180px; height: 256px; position: absolute; top: 0; right: 0; border-left: 1px solid #dddddd; background: #fff; color: #aaaaaa; text-align: center; z-index: 1; display: none; }
.code img{ margin:56px 0 38px 0; }
ul.productList{width: 560px;position: absolute;top: 90px;left: 14px;z-index: 4;}
ul.productList li{width: 166px;float: left;padding: 0 10px;}
ul.productList li table{ float: left; border:0; margin-bottom: 5px; }
ul.productList li table tr td{width: 166px;height: 166px;text-align: center;vertical-align: middle;border:1px solid #d1d1d1;background: #fff;}
ul.productList li table tr td img{ max-height:165px; max-width:165px;}
ul.productList li p{width: 166px;height: 20px;float: left;overflow: hidden;color: #444040;text-align: center;}
ul.productList li p a{ color: #444040; }
ul.productList li p i{ color: #ff6600; margin-left: 5px;font-style: normal;font-weight: bold;  }
ul.productList li p a:hover{ color: #ff6600; }
.companyList:hover .comlogo img{margin-left: -2px;}

.companyListBot{ width: 584px; display: inline; float: left; height: 4px; overflow: hidden; background: #e9e9e9; margin-left: 3px; }
.companyList:hover dl{}
.companyList:hover dl dt{border: 3px solid #0095ea;width: 542px;/* height: 270px; */}
.companyList:hover dl dt .companyName{ margin-left: -3px;margin-top: -3px;}
.companyList:hover dl dt span{left: 147px;top: 64px;}
.companyList:hover dl dt p{ left: 21px; top: 93px; }
.companyList:hover dl dt p.abstract{ left: 21px; top: 120px; }
.companyList:hover dl dt ul{ left: 24px; top: 164px; }
.companyList:hover dl dd{background: #0095ea;}
.companyList:hover dl dd .comIntroduction{padding:23px;}
.companyList:hover dl dd table tr td{ border:1px solid #fff; }
.companyList:hover dl dd p a{ color: #fff; }
.companyList:hover dl dd p{ color: #fff; }
.companyList:hover .listbox{margin-left: -3px;}
.companyList:hover .topLevel{/*margin-left: -3px;*/}
.companyList:hover dl dt a.goShow{}
.companyList:hover .companyName a{ color: #0095ea; }

.item-slide{margin-top: 30px;padding-bottom: 30px;}
.item-slide .slide{width: 1200px; position: relative;padding-bottom: 15px; margin-top:20px;}
.item-slide .slide ul{padding:  5px 0!important;}
.item-slide .slide ul li{ width: 278px!important; border: 1px solid #ededed; height: 388px; float: left;margin-right: 23px;background: #fff;}
.item-slide .slide ul li a{ display: table-cell;width: 278px;height: 278px;text-align: center;vertical-align: middle;}
.item-slide .slide ul li img{max-width: 274px; max-height: 274px;}
.item-slide .slide ul li div{background: #fff;padding: 14px 20px 0; height: 94px;}
.item-slide .slide ul li p{text-align: center; }
.item-slide .slide ul li p span{ color: #707070;line-height: 20px; }
.item-slide .slide ul li p a{display: none;width: 140px; height: 35px;background: #ff4f37;text-align: center;line-height: 35px;color: #fff; font-size: 14px;}
.item-slide .slide ul li:hover{ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.11); }
.item-slide .slide ul li:hover p a{display: inline-block;}
.item-slide .slide ul li:hover p span{display: none;}
.item-slide .slide .prev{position: absolute;left: 0px;top: 162px; display: inline-block;width: 36px; height: 66px;background: url(/images/companypopular-icons.png) no-repeat -43px -16px;}
.item-slide .slide .next{position: absolute;right: 0px;top: 162px; display: inline-block;width: 36px; height: 66px;background: url(/images/companypopular-icons.png) no-repeat -86px -16px;}
.ht20{font-size: 20px;overflow: hidden;line-height: 24px;margin-bottom: 8px;}
.ht40{height: 40px;overflow: hidden;}

.foot{background:url(/images/companypopular-bj.png) repeat center top; height: 190px;}
.foot_in{width:1200px;margin:20px auto;overflow:hidden;}
.foot_in p{text-align:left;color:#fff;font-size:14px;line-height:28px;float:left;width:715px;}
.foot_in .info{width:280px;margin:0 auto;overflow:hidden;float:right;}
.foot_in .info img,.foot_in .info p{float:left;}
.foot_in .info img{width:100px;height:100px;}
.foot_in .info p{text-align:left;padding-left:10px;width:168px; color:#fff;}
.foot_in p a{ color:#fff;}
.foot .foot_nav{height:35px;background: url(/images/companypopular-bj.png) repeat center top;margin-top:0px;box-shadow: 7px 4px 7px 1px rgba(0, 0, 0, 0.28);}
.foot .foot_nav_in{width:600px;margin:0 auto;height:35px;}
.foot .foot_nav_in li{float:left;color:#fff;}
.foot .foot_nav_in li a{color:#fff;display:inline-block;width:80px;line-height:35px;height:35px;text-align:center;}

.yb_conct {position: fixed;z-index: 9999999;top:160px;right: -127px;cursor: pointer;transition: all .3s ease;}
.yb_bar ul li {width: 180px;height: 53px;font: 16px/53px 'Microsoft YaHei';color: #fff;text-indent: 54px;margin-bottom: 3px;border-radius: 3px;transition: all .5s ease;overflow: hidden;}
.yb_bar .yb_top { display:none;background: #f26934 url(/images/companypopular-fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone {background: #f26934 url(/images/companypopular-fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ {text-indent: 0;background: #f26934 url(/images/companypopular-fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode {	/*height:200px;*/background: #f26934 url(/images/companypopular-fixCont.png) no-repeat 0 -169px;}
.hd_qr {padding: 0 29px 25px 29px;}
.yb_QQ a {display: block;font: 16px/53px 'Microsoft YaHei';	text-indent: 54px;width: 100%;height: 100%;color: #fff;}
.magico{background: #f26934 url(/images/companypopular-fixCont1.png) no-repeat;}
.magico a{display: block;font: 16px/53px 'Microsoft YaHei';text-indent: 54px;width: 100%;height: 100%;color: #fff;}

.link {margin: 30px auto;}
.link h2{  color: #fff; font-weight: 400; font-size: 20px; float: left; line-height: 24px; padding-right: 10px;}
.link ul li{float: left; margin:0 10px;    line-height: 25px;}
.link ul li a{ color: #fff;}