@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote, dl, dt, dd, ul, ol, li,form, fieldset, legend, img{ border:none; margin: 0; padding: 0;}
body,button, input, select, textarea { color:#666; font: normal normal 14px/24px Simsun; outline:none;}
body{ color:#666; text-align:left; overflow-x:hidden; -webkit-text-size-adjust:none;}
em{font-style:normal;}
ul, ol { list-style: none; }
table{ border-collapse:collapse;}
a { color:#666; text-decoration: none; blr:expression(this.onFocus=this.blur());}
a:hover { text-decoration:underline;}
table{border-collapse:collapse;}
img{ border:none; font-size:0; line-height:0;}
.wrap{ margin:0 auto; text-align:left; width:982px;}
.clear{ clear:both; font-size:0; line-height:0;}
.fl{ float:left;}
.fr{ float:right;}
ins{ font: normal 12px/2 simsun; text-decoration:none;}
i{ text-decoration:none; height:0; width:0; border:1px solid #666; border-width:1px 2px 2px 1px; margin:15px 5px 0 0; font-size:0; line-height:0; float:left; }
/*页码放置 begin*/
.quotes{font-size:12px; padding:20px 0;}
.quotes span,.quotes a{color:#999; padding:3px 8px; border:1px #eaeaea solid;margin-right:2px; cursor:pointer; }
.quotes span{ cursor:default;}
.quotes .current{ color:#fff; border:1px #2e84e9 solid; background:#2e84e9; font-weight:bold;}
.quotes  a:hover{ color:#fff; border:1px #2e84e9 solid; background:#2e84e9; text-decoration:none;}
.load{ background:url(../images/loading.gif) no-repeat center; display:block; height:100%; width:100%; border:none;}
/*页码放置 end*/

/*detail*/
.detail { width:880px; margin: 0 auto; padding-top:30px; height:auto!important; height:500px; min-height:500px; text-align:left; }
.detail .title h3 { line-height: 27px; padding-left: 14px;}
.detail .cont { border-top:0px; margin:0 auto; width:880px;}
.detail .tit { height: 20px; line-height: 20px; text-align: center; font-weight:normal; color:#2e84e9; font-size:18px; font-family: "Microsoft YaHei";  overflow:hidden;}
.detail .related { padding:6px 0; color:#999999; text-align: center; background:url(../images/nn.gif) repeat-x bottom; }
.detail .related p>span { padding: 0 10px;}
.detail .text { padding-top:10px; padding-bottom:10px; word-break:break-word;  line-height: 23px; color:#4c4c4c; text-align:justify;text-justify:inter-ideograph; word-wrap:break-word; }
.detail .text .photo { text-align: center; padding:10px 0;}
.detail .text img{max-width:100%}
.detail .other { padding: 5px 0 ; width: 100%; }
.detail .other li {line-height: 24px; }
.detail .other li a{ color:#666; font-weight:normal;}
.dtitle{ width: 100%; height: 26px; line-height: 26px; border-bottom: 1px solid #2e84e9;}
.dtitle .tit{ width: 97px; height: 26px; background: #2e84e9; text-align: center; line-height: 26px; font-family:" Microsoft YaHei"; color: #fff; font-size: 12px;}
/*background:url(../images/b1.png) no-repeat; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/b1.png, sizingMethod=scale ); _background-image:none;*/
/*detail*/
/*header*/
.header{ width: 100%;background-image: url(../images/tt.gif); background-repeat: repeat;}
.topbar{ width: 1200px; margin: 0 auto; height: 150px; position: relative; z-index:9999; }
.logo{ width: 430px; height: auto; position: absolute; left: 2px; top:9px; }
.zz{ width: 150px; height: 35px; position: absolute; top: 38px; right: 0;}

.zwy_login{display:block;border-radius: 50px;background:#4268a6 ;color:#fff;text-align:center;width:100%;line-height:35px;}
.zwy_login:hover{background:#259acf;text-decoration: unset;}


.nav{ width: 1200px; height: 50px; position:absolute; left: 0;  bottom: 0;}
.menu{ width: 100%;  position:relative; left: 0;  bottom: 0; margin: 0 ;}
.menu>ul> li{ float:left; height:50px; line-height:50px;  text-align:center;  font-size:18px;
	font-family:"Microsoft YaHei", simhei, sinsun; font-style: 14px; position: relative;
	width:20%;
	text-align:center;
}
.menu li.line{ width: 1px; float: left; height: 50px; background: url(../images/line.gif) no-repeat;}
.menu li a{ height:50px; display:block;  color:#000;  text-align:center;}
.menu ul li a:hover{ text-decoration:none; color:#0173ba; }
.menu li.on,.menu li.current{ color:#0173ba;  position:relative;  height:39px;}
.menu li.on a,.menu li.current a{color:#0173ba;}
.menu ul li .small_nav{ display:block; position:absolute; z-index:9999; width:1200px; background: url(../images/blank.gif);}
.menu ul li .small_nav{ height:32px; position:absolute; top:50px; left:0;z-index:9999;display:none;}
.menu ul li .small_nav ul{height:32px;  float:left;  }
.menu ul li .small_nav ul li{ text-align:center; background:none; float:left; text-align:left;   height:32px; line-height:30px; font-size:12px; font-weight:normal; margin:0px;}
.menu ul li .small_nav ul li a{ min-width:50px; padding:0 2px; margin:0 12px;  font-size:14px; color:#fff; padding:0; font-size:15px;line-height:30px;  height:30px; float:left;  text-align:center;  }
.menu ul li .small_nav ul li a:hover{   text-decoration:none;color:#fff; border-bottom:2px solid #fff;}
.mdown{ height: 32px; width: 1200px; background-image: url(../images/bg.png); position: absolute;
 top: 50px; left: 0; display: none;}
.bannerbg{ width:100%; background:url(../images/bg2.gif) repeat-x; background-size: 1200px 312px; }
.slide_x{overflow:hidden;margin:0 auto;position:relative;width:1200px;height:312px; z-index:99;}
.slide_x a{color:#eee;text-decoration:none;}
.slide_x .box{overflow:hidden;position:relative;width:1200px; height:312px;border-radius: 9px}
.slide_x .list{overflow:hidden;width:9999px;}
.slide_x .list li{float:left;position:relative;width:1200px;}
.slide_x .list img{vertical-align:top;}
.slide_x .list p{position:absolute;bottom:0;left:0;width:100%;height:24px;color:#eee;font:12px/24px "\5b8b\4f53";text-indent:12px;}
.slide_x .btn{overflow:hidden;position:absolute;bottom:4px;right:6px;}
.slide_x .btn li{float:left;width:16px;height:16px;margin:0 0 0 10px;border-radius:2px;background:#eee;color:#333;font:11px/16px Tahoma;text-align:center;cursor:pointer;}
.slide_x .btn .selected{background:#f30;color:#fff;}

 
/*header*/
/*content*/
.content{ width:100%; background:url(../images/cbg.jpg) repeat; padding-bottom:30px;    background-size: 187px;}
.ccont{ width:1200px; padding-top:14px; background:#f0ebe2; margin:0 auto;}
.title{ height:34px; border-bottom:1px solid #dededc; position:relative;}
.title .tit{ width:100%; height:39px; position:absolute; padding-top:3px; top:-6px; left:0px; line-height:36px; font-family:"Microsoft YaHei", simhei, sinsun; font-size:18px; color:#fff; text-indent:10px; background:url(../images/tit.gif) no-repeat;background-size: 190px;}
.title .tit a{ display:block; color:#FFFFFF}
.title .tit a:hover{ text-decoration:none;}


.title .tit span{ font-size:14px; color:#555; float:right;}
.title .tit span a{ color:#555; margin:0 10px;}

.service{ width:250px;  border:1px solid #dfdfdc;}
.about{ width:610px; height:auto; border:1px solid #dfdfdc; float:left;  display:inline;padding-bottom:20px;}
.news{ float:right; width:566px; height:auto; border:1px solid #dfdfdc;}
.tech{ width:1198px; margin-top:30px; border:1px solid #dfdfdc; height:auto;padding-bottom:20px;}

.tech .cont{ width:1200px; position:relative; padding-top:30px; overflow:hidden;}
.tech .cont div.picwrap{overflow:hidden; width:1097px; height:auto; margin:0 auto;}
.tech .cont div.picwrap ul{ width:999999px; /* margin-left:-180px; */}
.tech .cont div.picwrap ul li{padding:0 15px; float:left; text-align:center;}
.tech .cont div.picwrap ul li img{width:250px; height:200px;}
.tech .cont div.picwrap ul li p {
	font-size: 15px;
	font-weight: bold;
}
.tech .cont div.picwrap span{ position:absolute;width:20px; height:50px; cursor:pointer;top:50%; margin-top:-25px;}
.tech .cont div.picwrap span.pic_btn_l{left:1%; background:url(../images/btn_prev.png);}
.tech .cont div.picwrap span.pic_btn_r{right:1%;background:url(../images/btn_next.png);}

.service .cont{ background:#ffdebe; padding-top:11px; padding-bottom:16px; }
.service.fl .cont{ height: 175px;}
.service li{ width:250px; background:url(../images/s1.gif) no-repeat; line-height:27px; text-indent:10px;background-size: 250px; font-size: 15px;}
.service li a{ color:#fff;font-family:"Microsoft YaHei", simhei, sinsun; }
.service li.on{ background:url(../images/s2.gif) no-repeat;background-size: 250px;}
.service dt{ width:100%; text-indent:9px;  line-height:27px; font-weight:bold; font-size: 13px;}
.service dt a{ color:#666;font-family: sinsun; }
.service.fl dl{ display:none;}
.service dd{ width:100%; line-height:24px;}
.service dd a{ color:#666;font-family: sinsun;}
.service dd i{ margin:10px 5px 0 30px;}

.about .cont{ padding:11px 20px;overflow:hidden;}
.about .photo{ width:260px; height:auto; float:left; display:inline; margin-right:10px;}
.about .photo img {
	width:96%;
	height:308px;
	 padding:2%;
	 border:1px solid #ddd;
}
.about .text{text-indent:30px; padding:10px 10px;}
.about .text a{ color:#0175c0;}

.news .cont{ margin:0 auto;padding:10px 20px;}
.news .cont .photo{ width:40%; float:left; text-align:center; margin:1% 5%; height:160px;}
.news .cont .photo img{ padding:5px; width:100%; height:130px; border:1px solid #ddd;}
.news .cont .text{}


/*content*/
/*footer*/
.foot{background-image: linear-gradient(to right, #259acf 0%, #256e8f 100%); width:100%;}
.footer{ width:1200px; text-align:center; margin:0 auto; border-top:2px solid #2e84e9; text-align:center; padding:5px 0 10px 0; color: #fff;}
.footer a {
	color: #fff;
}
.footer .footer-top {
	display: flex;
	margin-bottom: 13px;
}
.footer .footer-top dl {
	text-align: initial;
}
.footer .footer-top dl dt {
	font-size: 15px;
	margin-top: 8px;
	margin-bottom: 15px;
}
.footer .footer-top dl dd {
	font-size: 12px;
	margin: 7px 0;
	
    
}
.footer .footer-top .top-nav {
	display: flex;
	width: 40%;
}
.footer .footer-top .top-nav dl {
	margin: 0 50px;
}

.footer .footer-top .top-nav dl dd{ float:left;min-width: 100px;}


.footer .footer-top .top-lianxi {
	width: 40%;    margin: 0 50px;
}
.footer .footer-top .top-weixin {
	width: 40%;
}
.footer .footer-top .top-weixin img {
	width: 120px !important;
	height: 120px !important;
}

.footer .top-weixin{margin-top:40px;}
.footer .top-weixin  dd{float: left;min-width: 150px; text-align:center;}


/*footer*/

.side{ width:251px; float:left;}
.main{ float:right; width:918px; margin-right:13px; display:inline;}
.sc{ width:249px; border:1px solid #dfdfdc; margin-top:10px;}
.sc .text{ padding:5px 3px 30px 3px;}
.mtop{margin: 10px; height:35px; line-height:35px; border-bottom:1px solid #2e84e9;}
.mtop .tit{ font-size:14px; color:#2e84e9;font-family:"Microsoft YaHei", simhei, sinsun; float:left;}
.loadd{ float:right; padding-right:8px;}
.ny_dan{ padding:10px; height:auto!important; height:500px; min-height:500px;}

.ny_dan hr{ width:100%; height:1px; background:#2e84e9; margin:10px 0; }

.ny_tech{min-height:500px; padding-top:15px; margin:0 auto;}
.ny_tech li{ width:45%; border:1px solid #ddd; padding:1%; margin:1%;}
.ny_tech li .photo{ width:135px; height:128px; float:left; margin-right:10px;}
.ny_tech li .photo a{ width:131px; height:124px; display:block; overflow:hidden;}
.ny_tech li .photo a img{ display:block;}
.ny_tech li .text{ float:right; width:264px; padding-top:5px;}
.ny_tech li .text a{ color:#0175c0; white-space: nowrap;}


.ny_news{ width:900px; margin:0 auto; padding-top:15px;height:auto!important; height:500px; min-height:500px;}
.ny_news li{float:left; background:url(../images/nn.gif) repeat-x bottom; height:29px; line-height:29px; width:100%;}
.ny_news li i{ margin:12px 8px 0 0; border-color:#2e84e9;}
.ny_news li span{ float:right; color:#999}
.ny_news li a{ height:36px; width:580px; overflow:hidden; display:block; text-overflow:ellipsis; white-space:nowrap; float:left;font-size:12px; color:#333; }
.ny_news li:first-child a {
	color: #333 !important;
	font-weight: normal;
}

.ny_hh{ width:786px;margin:0 auto; padding-top:15px;height:auto!important; height:500px; min-height:500px;}
.ny_hh li{ width:228px; text-align:center; line-height:32px; float:left; height:210px; padding:0 17px;}
.ny_hh li .photo{ width:222px; height:146px; overflow:hidden; padding:3px; background:#fff;}
.ny_hh li .photo a{ width:222px; height:146px; display:block; overflow:hidden;}
.ny_hh li .photo img{ display:block;}


.product img{ max-width:700px; margin:auto; display:block; padding:5px;}

.menu-li-color {
	color: #0173ba;
}


.pages{padding:30px 0;}
.pages ul{text-align:center;}
.pages ul li{display:inline-block;margin-right:5px;}
.pages ul li a{display:inline-block;padding:3px 12px;border:1px solid #d7d7d7;}
.pages ul li.active a,.pages ul li a:hover{background:#259acf;color:#fff;}