@charset "utf-8";
/* CSS Document */








/*banner*/
 .banner{ overflow:hidden; width:100%; height:638px;  position:relative;}
.banner ul{ overflow:hidden; width:100%; height:638px; position:relative}
.banner li{ width:100%; height:638px; position:absolute; left:0; top:0}
.banner li a{ display:block; width:100%; height:100%;}
.banner .li01{background:url(Img/Index/banner01.jpg) no-repeat center top;}
.banner .li02{background:url(Img/Index/banner02.jpg) no-repeat center top;}
.banner .li03{background:url(Img/Index/banner03.jpg) no-repeat center top;}
.banner .btn{ overflow:hidden; width:69px; height:11px; position:absolute; left:50%; bottom:60px; margin-left:-35px; background:#666; border-radius:20px; padding:10px 20px; 
			filter:alpha(opacity=90); -moz-opacity:0.9;opacity:0.9;}
.banner .btn span{ display:block; width:11px; height:11px; background:url(../images/banner_btn.png) no-repeat left center; cursor:pointer; float:left; margin:0 6px;}
.banner .btn span.cur{ background-position:right}
.banner i{ display:none; width:42px; height:72px; z-index:1000; position:absolute; cursor:pointer;}
.banner i.btn_left{ left:0; top:245px; background:url(../images/banner_btn01.png) no-repeat top center;}
.banner i.btn_right{ right:0; top:245px; background:url(../images/banner_btn02.png) no-repeat top center;}
.banner:hover i{display:block}
.banner i:hover{background-position:bottom} 





#s_rukou{ overflow:hidden;  margin-top:-35px;margin-bottom:40px; border-radius:5px;  box-shadow: 0px 0px 8px #aaa;}
#s_rukou ul{}
#s_rukou ul li{ width:16.6666%; float:left; text-align:center; height:67px; line-height:67px; position: relative; z-index:1100;  background:#fff; }
#s_rukou ul li a{ display:block;}
#s_rukou ul li .font{ display:inline-block; width:25px; height:25px; vertical-align:middle; line-height:25px; margin-right:11px; overflow:hidden; position:relative;}
#s_rukou ul li .img01{ position:absolute; top:0; left:0; transition:.3s; opacity:1; }
#s_rukou ul li .img02{ position:absolute; top:0; left:-26px; transition:.3s; opacity:0;}
#s_rukou ul li span{ display:inline-block; line-height:25px; font-size:15px; color:#575757; transition:.5s;}
#s_rukou ul li:after{ content:""; display:block; width:0; height:100%; position:absolute; z-index:-1; left:0; background:#00d5ff; bottom:0; transition:.6s; }
#s_rukou ul li:hover:after{ width:100%;}
#s_rukou ul li:hover span{ color:#fff;}
#s_rukou ul li:hover .img01{ left:26px; opacity:0;}
#s_rukou ul li:hover .img02{ left:0px; opacity:1;}





.title h3{display: block; font-size: 28px; line-height: 28px; color: #333333; background: url(../images/title-line.png) no-repeat center; margin-bottom: 2px;}
.title h3 em{color: #003eaf;}
.title span{display: block; font-size: 15px; color: #808080;}

.product{margin: 50px 0;}
.product .title{margin-bottom: 23px;}
.product-btn {text-align: center; margin-bottom: 30px;}
.product-btn ul li{display: inline-block; padding: 0 15px;  font-size: 14px; line-height: 40px; color: #737373; text-align: center; cursor: pointer;}
.product-btn ul li.on{background: #003eaf; color: #fff;}
.product-btn ul li:hover{background: #003eaf; color: #fff;}
.product-list ul{width: 1220px;}
.product-list ul li{float: left; width: 283px; border: solid 1px #e6e6e6; margin-left: 20px; margin-bottom: 20px;}
.product-list ul li .pic{padding: 10px; }

.product-list ul li em{display: block; background: #e6e6e6; font-size: 16px; line-height: 49px; color: #666; text-align: center;}
.product-list ul li:hover{border: solid 1px #003eaf; }
.product-list ul li:hover em{background: #003eaf; color: #fff;}










.m {
	width: 1200px;
	margin: 0 auto;
	display: block;
	position: relative;
}
#s_serve {
	padding-top: 30px;
}
#s_serve .m {
	padding: 0 98px;
}
#s_serve ul {
	margin-top: -20px;
}
#s_serve ul li {
	clear: both;
	padding: 20px 0;
	position: relative;
	overflow: hidden;
}
#s_serve .img {
	width: 172px;
	height: 172px;
	border-radius: 50%;
	padding: 8px;
	border: 1px solid #dfe0e2;
	float: left;
}
#s_serve .img img {
	width: 172px;
	height: 172px;
	border-radius: 50%;
}
#s_serve .txt {
	width: 960px;
	float: right;
	padding-top: 43px;
}
#s_serve .txt h5 {
	font-size: 20px;
	color: #3a3d47;
	font-weight: bold;
	padding-bottom: 2px;
}
#s_serve .txt h6{

	font-weight:normal;
	padding-bottom:12px;
	font-size:8px;
}
#s_serve .txt p {
	font-size: 14px;
	line-height: 24px;
	color: #7c7c7c;
}
#s_serve ul li.li_2 {
	background: #edeef3;
}
#s_serve ul li.li_2 .img {
	float: right;
}
#s_serve ul li.li_2 .txt {
	float: left;
	text-align: right;
}







.about{height: 525px; margin-bottom: 66px;}
.about-pic{position: relative; width: 50%;}
.about-pic ul li{display: block; width: 100%; height: 525px;}
.about-pic .icon { position:absolute; bottom:12px;  z-index:3; left: 26px; }
.about-pic .icon li {display: block; float: left; width: 11px; height: 11px; border-radius: 50%; background: #fff; margin-right: 9px;}
.about-pic .icon li.on { background:#0547a3; } 

.about-info{background: #0547a3 url(../images/about-bg.jpg) no-repeat top center; height: 525px; padding-left: 18%; width:32%;}
.about-info h3{display: block; font-size: 28px; line-height: 28px; color: #000; font-weight: bold; padding-top: 113px; margin-bottom: 16px;}
.about-info span{display: block; font-size: 16px; line-height: 17px; color: #333; margin-bottom: 42px;}
.about-info p{display: block; font-size: 14px; line-height: 29px; color: #333; margin-bottom: 42px; width: 557px;}
.about-more{display: block; width: 99px; height: 44px; line-height: 44px; font-size: 15px; color: #0547a3;  text-align: center; position: relative; font-weight:bold;}
.about-more:after{position: absolute; content: ''; width: 0%; height: 1px; background: #0547a3; left:0;  bottom: 0; transition: 0.3s;}
.about-more:hover:after{width: 100%; }







.equipment{padding:10px 0 80px; background:#0547a3;}
.equipment .index-title{margin-bottom: 47px;}
.equipment-con {position: relative;}
.equipment-list ul li{float: left;  width: 280px; height:215px; background:#fff; margin-right: 12px; border:5px solid #ccc;}
.equipment-list ul li .pic{ width: 260px; height: 195px; margin-top:10px; margin-left:10px;}
.equipment-list ul li em{display: block; line-height: 52px; color: #f2f2f2; text-align: center;}
.equipment-list ul li:hover em{color: #00d5ff}
.equipment .prev,.equipment .next{ display: block; position: absolute; width: 30px; height: 42px; top: 40%; transform: translateY(-50%); z-index: 2; border: 1px solid #f2f2f2; cursor: pointer;}
.equipment .prev{background: url(../images/equipment-prev.png) no-repeat center; left: -72px}
.equipment .next{background: url(../images/equipment-next.png) no-repeat center; right: -72px}
.equipment .prev:hover{background: url(../images/equipment-prev2.png) no-repeat center; }
.equipment .next:hover{background: url(../images/equipment-next2.png) no-repeat center; }



.system{ background:#fff;}
.system .title em{color:#22b9d6;font-weight:bold}
.sys-ul{ background: url(../images/ys-bg.png) no-repeat center center; height: 480px;}
.sys-ul li{margin:50px 0}
.sys-ul li b,.sys-ul li span{ display: block;}
.sys-ul li b{font-weight: normal;font-size:17px;margin-bottom:5px;color:#333}
.sys-ul li span{font-size:13px;width:310px;line-height:25px}

.sys1{ background: url(../images/ys1.png) no-repeat left center;height:83px;padding-left:100px;}
.sys2{ background: url(../images/ys2.png) no-repeat left center;height:83px;padding-left:100px;}
.sys3{ background: url(../images/ys3.png) no-repeat left center;height:83px;padding-left:100px;}
.sys4{ background: url(../images/ys4.png) no-repeat right center;height:83px;padding-right:100px;text-align: right;}
.sys5{ background: url(../images/ys5.png) no-repeat right center;height:83px;padding-right:100px;text-align: right;}
.sys6{ background: url(../images/ys6.png) no-repeat right center;height:83px;padding-right:100px;text-align: right;}

.sys-content{position: relative;}
.bg-quan{position: absolute;top:48px;width:380px;left:410px;z-index:0;-webkit-animation: gif 3s infinite linear;animation: gif 3s infinite linear; }
@keyframes gif {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

















h3.htitle{ text-align:center; font-size:32px;  margin-bottom:3px; color:#333; line-height:60px;}
h3.htitle a{ color:#333;}
h3.htitle a:hover{color:#dc1313;}
span.htitle{ display:block; text-align:center; font-size:12px; color:#777; font-family:Arial; padding-bottom:20px; background:url(../images/title_bg.png) no-repeat center bottom; text-transform: uppercase;}
span.htitle1{ display:block; text-align:center; font-size:12px; color:#777; font-family:Arial; padding-bottom:20px; background:url(../images/title_bg1.png) no-repeat center bottom; text-transform: uppercase;}










	.cp_liebiao{ width:1200px; margin:40px auto 0;}
	.cp_liebiao ul{border-left:1px solid #ccc; box-sizing: border-box;border-top:1px solid #ccc;}
.cp_liebiao ul li{float:left; width:171px; line-height:50px;  box-sizing: border-box; }
.cp_liebiao ul li a{width:100%; display:block; text-align:center; border-right:1px solid #ccc; border-bottom:1px solid #ccc;box-sizing: border-box;}
 .cp_liebiao ul li a:hover{background:#006fd7; color:#fff;} 

/*pro*/
.pro { overflow:hidden; width:100%; height:710px; background-color:#f9f9f9;}
.pro h3.htitle a:hover{ color:#dc1313}
.pro ul{ overflow:hidden; width:1220px; margin:0 auto;}
.pro li{ overflow:hidden; float:left; width:224px; height:235px; position:relative; margin:10px;}
.pro li img.pro_tu{ display:block;}
.pro li b{ width:100%; height:100%; position:absolute; background:url(Img/Index/pro_cur_bg.png) repeat center; z-index:1}
.pro li .wen{ display:block; overflow:hidden; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2}
.pro li .wen .icon{ display:block; margin:0 auto; margin-top:70px;}
.pro li .wen h4{ margin-top:10px; color:#fff; text-align:center; font-weight:normal; font-size:16px; margin-bottom:10px;}
.pro li .wen a{ display:block; width:100%; height:100%; color:#fff; text-decoration:none;}
.pro li .wen i{ display:block; margin:0 auto; width:40px; height:2px; background-color:#fff; margin-bottom:15px;}
.pro li .wen p{ width:190px; margin:0 auto; font-size:14px; color:#e8e8e8; line-height:22px; height:66px; overflow:hidden; text-align:justify; text-align-last:center; display:none;}
.pro li .wen span{ display:none; font-size:0}
.pro li .wen span img{ display:block; margin:0 auto; margin-top:15px;}
.pro li.li01 b{ left:-224px; top:-235px;}
.pro li.li02 b{ left:-224px; top:0;}
.pro li.li03 b{ left:0; top:235px;}
.pro li.li04 b{ left:224px; top:0;}
.pro li.li05 b{ left:224px; top:-235px;}
.pro li.li06 b{ left:-224px; top:235px;}
.pro li.li07 b{ left:-224px; top:0;}
.pro li.li08 b{ left:0; top:-235px;}
.pro li.li09 b{ left:224px; top:0;}
.pro li.li010 b{ left:224px; top:235px;}

/*news*/
.news { overflow:hidden; width:1200px; margin:50px auto 0; margin-bottom:45px;}
.news h3.htitle a:hover{ color:#dc1313}
.news .newbox{ overflow:hidden; width:100%; height:420px;}
.news .newsLeft { overflow:hidden; width:590px; background-color:#f9f9f9; height:420px; float:left;}
.news .newsLeft .tubox{ display:block; width:590px; height:290px; overflow:hidden; margin-bottom:25px; position:relative;}
.news .newsLeft img{ display:block; position:absolute; left:0; bottom:-40px; width:100%;}
.news .newsLeft h4{ width:555px; margin:0 auto; margin-bottom:15px; overflow:hidden;}
.news .newsLeft h4 a{ display:block; width:440px; font-size:16px; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; float:left;}
.news .newsLeft h4 span{ font-weight:normal; font-size:14px; color:#999; float:right;}
.news .newsLeft p{ font-size:14px; width:555px; margin:0 auto; color:#5555; line-height:20px; height:40px; overflow:hidden;}
.news .newsLeft p a{ color:#dc1313;}
.news .newsLeft:hover h4 a{ color:#dc1313}

.news .newsRight{ overflow:hidden; width:590px; height:420px; float:right;}
.news .newsRight dl{ overflow:hidden; width:570px; padding:10px; height:106px; margin-bottom:20px;}
.news .newsRight dt{ overflow:hidden; float:left; width:160px; height:106px;}
.news .newsRight dd{ overflow:hidden; float:left; margin-left:20px; width:370px;}
.news .newsRight dd h4{ margin-top:10px; font-size:16px; margin-bottom:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news .newsRight dd h4 a{ color:#333}
.news .newsRight dd p{ font-size:12px; color:#555; line-height:20px; height:40px; overflow:hidden}
.news .newsRight dd em{ float:right; display:block; font-size:12px; color:#999; font-family:Arial; margin-top:5px;}
.news .newsRight dl:hover{ background-color:#f5f5f5;}
.news .newsRight dl:hover h4 a{ color:#dc1313}









/* 优势 */

.adv_bgs1{width: 100%; height: 208px; background: url(../images/xinwenshang.png) no-repeat center; overflow: hidden; }


/* c产品优势
 */



.shhjBox .container{ position:relative; z-index:999;}
.shhjBox .shTle{ background:url(Img/Index/sstlbg.png) no-repeat left top; padding-top:40px; padding-bottom:32px;}
.shhjBox .container ul{ overflow:hidden; position:absolute; left:45%; bottom:-52px; z-index:999;}
.shhjBox .container li{ float:left;  width:51px; height:52px;}
.shhjBox .container li a{ display:block;  height:52px;}
.shhjBox .container li.lbg1{ background:url(Img/Index/libg01.png) repeat center;}
.shhjBox .container li.lbg1 a{ background:url(Img/Index/libot01.png) no-repeat center;}
.shhjBox .container li.lbg2{ background:url(Img/Index/libg02.png) repeat center;}
.shhjBox .container li.lbg2 a{ background:url(Img/Index/libot02.png) no-repeat center;}
.shhjBox .hjCont{}
#jianz{ position:relative;}
.shhjBox .hjCont ul{ overflow:hidden; width:1920px;}
.shhjBox .hjCont li{ float:left; width:480px; position:relative;}
.shhjBox .hjCont li img{ display:block;}
.shhjBox .hjCont li i{ display:block; width:480px; height:388px; position:absolute; background:url(Img/Index/hjlbg.png) repeat center; top:0; left:0; cursor:pointer;}
.shhjBox .hjCont li p{ padding:27px 0; text-align:center; width:100%;}
.shhjBox .hjCont li p a{ font-size:14px; color:#333;}
.shhjBox .hjCont li:hover i{ display:none;}
.shhjBox .hjCont li:hover p{ background:#ef6b00;}
.shhjBox .hjCont li:hover p a{ color:#fff;}







.news {padding-bottom: 50px;}
.newsCon{margin-top:50px;}
.news .conleft {width: 470px;margin-left: 30px;padding-top: 13px;}
.news .conleft .pImg {width: 470px;margin-bottom: 15px;}
.news .conleft .pImg img {display: block;width: 470px;height: 245px;}
.news .conleft ul li {overflow: hidden;height: 43px;line-height: 43px;border-bottom: 1px dashed #e2e2e2;}
.news .conleft ul li a {float: left;width: 310px;}
.news .conleft ul li span {float: right;}
.news .conleft ul li:hover a {color: #1a60ca;}

.news .conright {width: 545px;padding-left: 75px;height: 487px;background: url(../images/newsline01.png) no-repeat left top;padding-top: 13px;}
.news .conright .rTop {height: 45px;border-bottom: 1px solid #1a60ca;}
.news .conright .rTop ul {float: left;}
.news .conright .rTop ul li {float: left;width: 114px;height: 45px;line-height: 45px;text-align: center;font-size: 16px;font-weight: bold;}
.news .conright .rTop ul li a {display: block;height: 45px; color: #333; }
.news .conright .rTop ul li.cur {background: #1a60ca;}
.news .conright .rTop ul li.cur a {color: #fff;}
.news .conright .rTop .morea {float: right;height: 45px;line-height: 45px;text-transform: uppercase;color: #333;}
.news .conright .rTop .morea em{color: #dddddd;font-size: 20px;}
.news .conright .rBox .conbox {display: none;}
.news .conright .rBox .conbox.cur {display: block;}
.news .conright .rBox .conbox dl {padding-left: 139px;position: relative;height: 84px;margin-top: 24px;}
.news .conright .rBox .conbox dt {width: 116px;height: 84px;position: absolute;left: 0;top: 0;background: #dddddd;text-align: center;}
.news .conright .rBox .conbox dt b {display: block;font-size: 30px;padding-top: 13px;margin-bottom: 6px;}
.news .conright .rBox .conbox dt i {display: block;}
.news .conright .rBox .conbox dd.dd1 {font-size: 16px;margin-bottom: 12px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.news .conright .rBox .conbox dd.dd1 a {color: #333;}
.news .conright .rBox .conbox dd.dd2 {line-height: 24px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;height: 48px;}

.news .conright .rBox .conbox dl:hover dt {background: #1a60ca;color: #fff;}
.news .conright .rBox .conbox dl:hover dd.dd1 a {color: #1a60ca;}





/* 应用领域 */
.lingyu { overflow:hidden; padding-top:60px; width:100%; background:url(Img/Index/lingyu_bg.png) repeat-x left top; padding-bottom:70px;}
.lingyu ul{ overflow:hidden; width:1220px; margin:0 auto; height:400px;}
.lingyu li{ overflow:hidden; float:left; width:285px; margin:0 10px; height:400px; position:relative;}
.lingyu li img{ display:block;}
.lingyu li .imgIcon{ display:block; position:absolute; left:50%; margin-left:-25px; top:305px; z-index:2}
.lingyu li a{ display:block; width:100%; height:70px; position: absolute; left:0; bottom:0; text-decoration:none}
.lingyu li .icon{ margin:0 auto; display:none;}
.lingyu li .a01{ background-color:#019161;}

.lingyu li em{ display:block; margin:0 auto; text-align:center; padding:20px 0; width:120px; font-size:16px; color:#fff; margin-top:-15px;}
.lingyu li p{ width:80%; margin:10px auto; font-size:14px; color:#fff; line-height:20px; height:40px; overflow:hidden; text-align:center}

/* 友情链接
 */

 .link{width: 100%; background:#f2f2f2;}
.link dt{height: 74px;line-height: 74px;font-size: 18px;color: #333333;border-bottom: 1px solid #ccc;}
.link dt a{color: #333333; text-decoration: none;}
.link dt em{font-family: arial;}
.link dd{padding: 24px 0 14px 0;overflow: hidden;}
.link dd a{display: block;float: left;font-size: 12px;color: #333333;padding: 0 28px;border-left: 1px solid #e9e9e9;margin-bottom: 10px;}
.link dd a:first-child{border-left: none;}




.case1{width: 100%;background: #fff;  border-bottom:1px dotted #aaa;}
.case1 .container{position: relative;}
.case1 .wang{position: absolute;right: -157px;bottom: -157px;}
.case1 .Title{padding-top: 84px;}
.case1 .Title .p2{font-weight: bold;}
.case1 .con{height: 360px;position: relative;}
.case1 .con i{width: 44px;height: 44px;overflow: hidden;position: absolute;top: 120px;display: block;}
.case1 .con i:hover{cursor: pointer;}
.case1 .con i.btn01{background: url(../images/caseBtn.jpg) no-repeat top;left: -44px;}
.case1 .con i.btn02{background: url(../images/caseBtn1.jpg) no-repeat bottom;right: -44px;}
.case1 .conBox{width: 100%;overflow: hidden;height: 330px;position: relative;}
.case1 .con ul{overflow: hidden;height: 330px;position: absolute;top: 0;left: 0; }
.case1 .con li{width: 280px;height: 3130px;float: left;margin-right: 27px; }
.case1 .con img{display: block;}
.case1 .con .intro{overflow: hidden;padding:0 17px;background: #f2f2f2;}
.case1 .con .intro h3{font-size:18px;font-weight: normal;margin-top: 26px; text-align:center;}
.case1 .con .intro h3 a{color: #666666;text-decoration: none; font-size:16px;}
.intromore{font-size: 14px;color: #fff; text-align:center;  display:block; width:100px; margin:20px auto 30px; padding:2px 4px; background:#1a60ca;}



/* 案例展示 */