@charset "utf-8";

/* CSS Document */

#banner{ position:relative; overflow:hidden;  max-width:100%; min-width:1200px;/*left:50%; margin-left:-50%; margin-top:100px;*/ margin:0 auto 0;}

.focus{min-width:1200px; position:relative; float:left;overflow:hidden;  top:0; /*left:50%; margin-left:-50%;*/}

.f426x240 li{position:absolute; left:0;top:0;}

.rslides{width:100%; position:relative;list-style:none;padding:0}

.rslides li{ width:100% !important;;}

.rslides li img{ width:100%;  display:block;}

.rslides_tabs{clear:both; text-align:center; position:absolute; bottom:3%; left:50%; margin-left:-60px; z-index:999;  height:14px;}

.rslides_nav{ height:54px; width:43px;position:absolute; text-indent:-9999px;overflow:hidden; left:10%; top:56%;z-index:999; display:block; background:url(../images/bl.png) no-repeat;}

.rslides_nav:hover{ background:url(../images/bl.png) no-repeat;}

.rslides_nav:active{ background:url(../images/bl.png) no-repeat;}

.rslides_nav.next{left:auto;right:10%;background:url(../images/br.png) no-repeat;}

.rslides_nav.next:active{background:url(../images/br.png) no-repeat;}

.rslides_nav.next:hover{ background:url(../images/br.png) no-repeat;}

.rslides_tabs li{ float:left; margin-right:15px;}

.rslides_tabs a{ text-indent:-9999px;overflow:hidden; width:10px; height:10px; border-radius:5px; display:block; background-color:#DAD8D8;}

.rslides_tabs .rslides_here a{ width:30px; background-color:#f06d01;}



.slide-news{ width:100%; height:45px; background-color:#F4F2F1;}

.sub-nei{ width:1200px; height:45px; margin:0 auto; overflow:hidden; position:relative;}

.sub-nei ul{ float:left; width:80%; height:45px; position:relative;}

/*.sub-nei ul li{ width:100%; height:45px;  line-height:45px; background:url(../img/i_ico_bom.png) no-repeat left center; overflow:hidden;}*/

.sub-nei ul li a{ float:left; padding-left:45px; width:80%; color:#666666;}

.sub-nei ul li span{ float:right; color:#666666;}

.sub-nei .rit-lft{ float:right; width:100px; height:45px; line-height:45px; position:relative;}

.sub-nei .rit-lft .lft,

.sub-nei .rit-lft .rit{ display:inline-block; width:12px; height:22px; position:absolute; top:50%; top:30%\9; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); cursor:pointer;}

/*.sub-nei .rit-lft .lft{ left:0; background:url(../img/i_lft1.png) no-repeat center center; background-size:100% 100%;}

.sub-nei .rit-lft .lft:hover{ background:url(../img/i_lft3.png) no-repeat center center; background-size:100% 100%;}

.sub-nei .rit-lft .rit{ right:0; background:url(../img/i_lft2.png) no-repeat center center; background-size:100% 100%;}

.sub-nei .rit-lft .rit:hover{ background:url(../img/i_lft4.png) no-repeat center center; background-size:100% 100%;}*/



.contanri{ width:1200px; position:relative; /*left:50%; margin-left:-600px;*/ margin:0 auto; display:table;}

/*标题样式 开始*/
.main_title{width:1200px;height:80px;margin:65px auto 0;position:relative;overflow:hidden;}
.main_title .title{ width:300px; margin:0 auto;}
.main_title .title h2{ font-size:30px; color:#363636; width:100%; text-align:center; position:relative;}
.main_title .title:after{
	position:absolute;
	content:'';
	left:50%;
	margin-left:-34px;
	top:70px;
	width:68px;
	height:4px;
	background:url(../images/tit.jpg) no-repeat center center;
}
.main_title .title p{ width:100%; font-size:14px; margin-top:5px; color:#999999; text-align:center; text-transform:uppercase; font-family:'Arial';}
.main_title .more{float:right;width:72px;height:26px;background:url("../images/more.png") no-repeat center 0;display:block;position:absolute;right:5px;top:7px;}

.title2{ width:1200px; margin:40px auto;position:relative;overflow:hidden;height:auto;}
.title2 h2{ font-size:30px; color:#363636; width:100%; text-align:left; position:relative;height:40px;}
.title2 p{ width:100%; font-size:14px; margin-top:5px; color:#999999; text-align:left; text-transform:uppercase; font-family:'Arial';height:17px;}

.product_title{ width:900px;height:90px; margin:40px auto 80px;position:relative;overflow:hidden;height:auto;}
.product_title ul li{width:300px;height:90px;float:left;text-align:center;}
.product_title ul li a{display:block;width:299px;height:88px;border:1px solid #000;border-left:0px;}
.product_title ul li a:first-child{width:298px;border:1px solid #000;}
.product_title ul li a p{font-size:24px;margin-top:20px;color:#000;}
.product_title ul li a em{font-size:14px;margin-top:5px;color:#afafaf;}
.product_title ul li a.active{border:1px solid #f06d01;background:#f06d01;}
.product_title ul li a.active p{color:#fff;}
.product_title ul li a.active em{color:#fff;}

.title3{ width:500px; margin:40px auto;position:relative;overflow:hidden;height:auto;text-align:center;}
.title3:after{
	position:absolute;
	content:'';
	left:50%;
	margin-left:-34px;
	top:125px;
	width:68px;
	height:4px;
	background:url(../images/tit.jpg) no-repeat center center;
}
.title3 h1{line-height:80px;font-size:56px;color:#bcbcbc;font-weight:bold;}
.title3 h2{line-height:40px;font-size:30px;color:#000;font-weight:bold;}
.title3 p{line-height:30px;font-size:20px;color:#bcbcbc;margin-top:30px;}

/*标题样式 结束*/

.case-list{ width:100%; margin:0 auto; display:table; margin-top:63px;}

.smart-hardware{ width:100%; display:table; margin-bottom:30px;}

.smart-hardware ul{ width:100%;}

.smart-hardware ul li{ float:left; width:33.3333%; position:relative;}

.smart-hardware ul li .smart-tit{ width:100%; padding-top:98%; position:relative; background-color:#D24841; position:relative;}

.smart-hardware ul li .smart-tit2{ background-color:#FC7D50;}

.smart-hardware ul li .smart-tit3{ background-color:#38BF9E;}

.smart-hardware ul li .smart-tit4{ background-color:#95D46C;}

.smart-hardware ul li .smart-tit5{ background-color:#FBB144;}

.smart-hardware ul li .smart-tit6{ background-color:#FBD04E;}

.smart-hardware ul li .smart-tit .waper{ width:100%; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); }

.smart-hardware ul li .smart-tit h3{ font-size:26px; color:#fff; font-weight:bold; text-align:center;}

.smart-hardware ul li .smart-tit p{ margin-top:19px; font-size:18px; color:#fff; font-family:'Arial'; text-transform:uppercase; text-align:center;}

.smart-hardware ul li .smart-tit a{ display:block; width:158px;; height:47px; margin:40px auto 0; font-size:14px; font-family:'Arial'; color:#fff; text-align:center; line-height:47px; border-radius:25px;

 border:1px solid rgba(255,255,255,0.5);}

.smart-hardware ul li .smart-tit a:hover{ border-color:#f06d01; color:#f06d01;}

.smart-hardware ul li .cont1{display: none; position:absolute;color:#fff;background:rgba(0,0,0,0.5);width:100%;height:100%;top:0;left:0;}
.smart-hardware ul li .smart-img1:hover .cont1{display:block;}
.smart-hardware ul li .cont1 h3 {width:100%;height:100%;position:relative;}
.smart-hardware ul li .cont1 h3 a{ font-size:18px; color:#fff;display:block;position:absolute;top: 50%;left: 50%;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}

.smart-hardware ul li .cont1 h3 a:hover{ color:#f06d01;}

.smart-hardware ul li .smart-img1{ width:100%; padding-top:70%; position:relative;display:block;cursor:pointer;}

.smart-hardware ul li .smart-img1:hover{ opacity:0.9;}

.smart-hardware ul li .smart-img2{ padding-top:57%;}

.smart-hardware ul li .smart-img3{ padding-top:111%;}

.smart-hardware ul li .smart-img4{ padding-top:81%;}

.smart-hardware ul li .smart-img5{ padding-top:43.4%; }

.smart-hardware ul li .smart-img6{ padding-top:43.4%; }


.smart-hardware ul li .cont2{ left:inherit; right:8%;}



.round-list{ width:100%;min-width:1200px; margin-top:0; padding:20px 0; background-color:#F8F8F8;}

.sub-round-small{ width:1200px; position:relative; /*left:50%; margin-left:-600px;*/ margin:0 auto; display:table;}

.sub-round-small ul{ width:100%; display:table;}

.sub-round-small ul li{ float:left; width:10.5%; margin:0 1%;}

.sub-round-small ul li.rod6{ margin-right:0;}

.sub-round-small ul li dl { width:100%;}

.sub-round-small ul li dl dt{ width:100%; padding-top:100%; position:relative;}

.sub-round-small ul li dl dt span,

.sub-round-small ul li dl dt em{ display:block; width:100%; height:100%; position:absolute; left:0; top:0;

 transition:all .4s linear 0s;

 -webkit-transition:all .4s linear 0s;

 -moz-transition:all .4s linear 0s;

 -ms-transition:all .4s linear 0s;

}

/*.sub-round-small ul li dl dt em.ul{ background:url(../img/round.png) no-repeat center center; border-radius:50%;

 clip:rect(144px, 72px, 144px, 0);

}

.sub-round-small ul li dl dt em.ur{ background:url(../img/round.png) no-repeat center center; border-radius:50%;

 clip:rect(0, 156px, 0px, 72px);

}*/

.sub-round-small ul li dl dd{ width:100%;}

.sub-round-small ul li dl dd h5{ width:100%; /*margin-left:-7%;*/ margin-top:5px; font-family:'Arial'; color:#ACACAC; text-transform:uppercase; text-align:center;}

.sub-round-small ul li dl dd h6{ margin-top:5px; font-size:14px; color:#ACACAC; text-align:center;}

.sub-round-small ul li dl dd span a{ display:block; width:110px; height:42px; text-align:center; line-height:42px; border:1px solid #f06d01; border-radius:20px; margin:32px auto 0; color:#999999; opacity:0;

 transition:all .4s linear 0s;

 -webkit-transition:all .4s linear 0s;

 -moz-transition:all .4s linear 0s;

 -ms-transition:all .4s linear 0s;

}

.sub-round-small ul li.rod1 span{ background:url(../images/ican1.png) no-repeat center center; z-index:1;}

.sub-round-small ul li.rod1:hover span{ background:url(../images/ican1.png) no-repeat center center;}

.sub-round-small ul li.rod2 span{ background:url(../images/ican2.png) no-repeat center center; z-index:1;}

.sub-round-small ul li.rod2:hover span{ background:url(../images/ican2.png) no-repeat center center;}

.sub-round-small ul li.rod3 span{ background:url(../images/ican3.png) no-repeat center center; z-index:1;}

.sub-round-small ul li.rod3:hover span{ background:url(../images/ican3.png) no-repeat center center;}

.sub-round-small ul li.rod4 span{ background:url(../images/ican4.png) no-repeat center center; z-index:1;}

.sub-round-small ul li.rod4:hover span{ background:url(../images/ican4.png) no-repeat center center;}

.sub-round-small ul li.rod5 span{ background:url(../images/ican5.png) no-repeat center center; z-index:1;}

.sub-round-small ul li.rod5:hover span{ background:url(../images/ican5.png) no-repeat center center;}

.sub-round-small ul li.rod6 span{ background:url(../images/ican6.png) no-repeat center center; z-index:1;}

.sub-round-small ul li.rod6:hover span{ background:url(../images/ican6.png) no-repeat center center;}

.sub-round-small ul li.rod7 span{ background:url(../images/ican7.png) no-repeat center center; z-index:1;}

.sub-round-small ul li.rod7:hover span{ background:url(../images/ican7.png) no-repeat center center;}

.sub-round-small ul li.rod8 span{ background:url(../images/ican8.png) no-repeat center center; z-index:1;}

.sub-round-small ul li.rod8:hover span{ background:url(../images/ican8.png) no-repeat center center;}



.sub-round-small ul li:hover span a{ opacity:1; color:#f06d01;}

.sub-round-small ul li:hover dt em.ul{ clip:rect(0, 94px,188px, 0);}

.sub-round-small ul li:hover dt em.ur{ clip:rect(0, 188px,188px,94px);}

.sub-round-small ul li:hover h5,

.sub-round-small ul li:hover h6{ color:#f06d01;}



.our-advantage{ width:1200px; position:relative; left:50%; margin-left:-600px; display:table;}

.the-power{ width:100%; display:table; margin-top:70px;}

.the-power ul{ float:left; width:170px; display:table;}

.the-power ul li{ width:100%; display:table; margin-bottom:40px; cursor:pointer;}

.the-power li font{ float:left; width:74px; height:74px;}

.the-power ul li strong{ float:right; height:74px; line-height:74px; font-size:14px; color:#000; font-weight:bold;}

/*.the-power li.xk1 font{ background:url(../img/yss1.png) no-repeat center center;}

.the-power li.xk1:hover font{ background:url(../img/ys1.png) no-repeat center center;}

.the-power li.xk1.on font{ background:url(../img/ys1.png) no-repeat center center;}

.the-power li.xk2 font{ background:url(../img/yss2.png) no-repeat center center;}

.the-power li.xk2:hover font{ background:url(../img/ys2.png) no-repeat center center;}

.the-power li.xk2.on font{ background:url(../img/ys2.png) no-repeat center center;}

.the-power li.xk3 font{ background:url(../img/yss3.png) no-repeat center center;}

.the-power li.xk3:hover font{ background:url(../img/ys3.png) no-repeat center center;}

.the-power li.xk3.on font{ background:url(../img/ys3.png) no-repeat center center;}*/



.power-cont{ float:right; width:936px;}

.power-cont .sub-xk{ width:100%;}

.power-cont .sub-xk h3{ font-size:42px; font-family:'Arial';}

.power-cont .sub-xk h4{ font-size:16px; color:#CCCCCC; margin:30px 0;}

.power-cont .sub-xk p{ margin-top:20px; font-size:13px; color:#999999; line-height:2;}

.power-cont .sub-xk p img{ width:100%;}



.the-news{ width:1200px; position:relative; /*left:50%; margin-left:-600px; margin-top:100px;*/margin:100px auto 0;}



.mk-cont{ width:100%; display:table; margin-top:70px;}
.mk-cont .clf{max-width:480px;height:270px;position:relative;overflow:hidden;float:left;}
.mk-cont .clf img{width:480px;height:270px;}
.mk-cont .clr{float:right;max-width:700px;height:270px;position:relative;overflow:hidden;margin-left:20px;}
.mk-cont .clr a.cmore{width:100%;height:20px;text-align:right;line-height:20px;display:block;font-size:14px;}
.mk-cont .clr a.cmore:hover{color:#f06d01;}
.mk-cont .clr ul{width:100%;height:250px;}
.mk-cont .clr ul li{width:100%;height:50px;line-height:50px;overflow:hidden;border-bottom:1px solid #aeaaaa;}
.mk-cont .clr ul li a{display:block;}
.mk-cont .clr ul li em{float:left;color:#fff;line-height:10px;padding:10px;border-radius:10px;margin:10px 0;}
.mk-cont .clr ul li em.t1{background-color:green;}
.mk-cont .clr ul li em.t2{background-color:#FBB144;}
.mk-cont .clr ul li em.t3{background-color:#FBD04E;}
.mk-cont .clr ul li p{width:520px;height:50px;line-height:50px;float:left;overflow:hidden;font-size:16px;margin:0 10px;}
.mk-cont .clr ul li p:hover{color:#f06d01;}
.mk-cont .clr ul li span{height:50px;line-height:50px;font-size:12px;float:right;}

/*.mk-cont ul{ float:left; width:170px; display:table;}

.mk-cont ul li{ width:100%; display:table; margin-bottom:40px; cursor:pointer;}

.mk-cont li font{ float:left; width:74px; height:74px;}

.mk-cont ul li strong{ float:right; height:74px; line-height:74px; font-size:14px; color:#000; font-weight:bold;}

.mk-cont li.mc1 font{ background:url(../img/mk1.png) no-repeat center center;}

.mk-cont li.mc1:hover font{ background:url(../img/mkk1png) no-repeat center center;}

.mk-cont li.mc1.on font{ background:url(../img/mkk1.png) no-repeat center center;}

.mk-cont li.mc2 font{ background:url(../img/mk2.png) no-repeat center center;}

.mk-cont li.mc2:hover font{ background:url(../img/mkk2.png) no-repeat center center;}

.mk-cont li.mc2.on font{ background:url(../img/mkk2.png) no-repeat center center;}

.mk-cont li.mc3 font{ background:url(../img/mk3.png) no-repeat center center;}

.mk-cont li.mc3:hover font{ background:url(../img/mkk3.png) no-repeat center center;}

.mk-cont li.mc3.on font{ background:url(../img/mkk3.png) no-repeat center center;}*/

.the-about{ width:1200px; position:relative; /*left:50%; margin-left:-600px; margin-top:100px;*/margin:100px auto 0;}
.ab-cont{ width:100%; display:table; margin-top:30px;}
.ab-cont div{width:100%;height:80px;line-height:80px;}
.ab-cont div em{font-size:24px;font-weight:bold;float:left;}
.ab-cont div a{font-size:14px;float:right;}
.ab-cont div a:hover{color:#f06d01;}
.ab-cont p.p1{height:70px;line-height:70px;color:#CCCCCC;font-size:16px;}
.ab-cont p.p2{line-height:30px;color:#999999;font-size:14px;margin-bottom:20px;}

.mk-xkk{ width:945px; float:right; display:table;}

.mk-xkk .img{ float:left; width:420px;}

.mk-xkk .img div img{ width:100%;}

.mk-xkk .img h3 a{ display:block; margin-top:10px; font-size:16px; color:#A1D4B9;}

.mk-xkk .img p{ margin-top:10px; font-size:13px; color:#AAA9A9; line-height:1.8;}

.mk-xkk .img  span a{ display:block; width:158px; height:48px; border:1px solid #fff; text-align:center; line-height:48px; font-size:14px; font-family:'Arial'; border-radius:24px; margin-top:20px;}

.mk-xkk .img  span a:hover{ color:#A1D4BB;border-color:#A1D4BB;}



.mk-xkk .zx-list{ float:right; width:468px;}

.mk-xkk .zx-list dl{ width:100%; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #F5F5F5; display:table;}

.mk-xkk .zx-list dl:last-child{ border:none;}

.mk-xkk .zx-list dl dt{ float:left; width:64px;}

.mk-xkk .zx-list dl dt img{ height:77px;}

.mk-xkk .zx-list dl dt font{ display:block; font-size:54px;  font-family:'Arial'; color:#CCCCCC; text-align:center}

.mk-xkk .zx-list dl dt small{ display:block; font-size:12px; color:#CCCCCC; font-family:'Arial'; text-align:center;}

.mk-xkk .zx-list dl dd{ width:350px; float:right; margin-left:15px;}

.mk-xkk .zx-list dl dd a{ display:block; margin-top:5px; font-size:16px; color:#A1D4B9;}

.mk-xkk .zx-list dl dd a:hover{ color:#A1D4B9;}

.mk-xkk .zx-list dl dd p{ margin-top:18px;}



.service-list{ width:100%; border-top:1px solid #E9EDF0; margin-top:100px; display:table; padding-bottom:100px;}

.many-logo{ width:1200px; position:relative; /*left:50%; margin-left:-600px; margin-top:50px;*/ margin:50px auto 0; display:table;}

.many-logo ul{ width:100%; padding-top:10%; position:relative;}

.many-logo ul li{ width:100%; display:table; position:absolute; left:0; top:0; }

.many-logo ul li article{ float:left; width:20%; margin-bottom:30px; text-align:center; cursor:pointer;}

.many-logo ul li article img{
	width:214px;height:120px;

    -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    filter: grayscale(100%);

    filter: gray;

	transition: all .4s linear 0s;

	-webkit-transition: all .4s linear 0s;

	-moz-transition: all .4s linear 0s;

	-ms-transition: all .4s linear 0s;

}

.many-logo ul li article img:hover{

    -webkit-filter: grayscale(0%);

    -moz-filter: grayscale(0%);

    -ms-filter: grayscale(0%);

    filter: grayscale(0%);



}



.lg-lr{ width:114px; height:16px; margin:190px auto 0; display:table; position:relative;}

.lg-lr a{ display:block; width:12px; height:22px;}

.lg-lr span{ color:#E8E8E8; position:absolute; left:50%; transform:translateX(-50%);}

.lg-lr .lft{ float:left; background:url(../images/i_lft1.png) no-repeat center center; background-size:100% 100%;}

.lg-lr .lft:hover{ background:url(../images/i_lft3.png) no-repeat center center; background-size:100% 100%;}

.lg-lr .rit{ float:right; background:url(../images/i_lft2.png) no-repeat center center; background-size:100% 100%;}

.lg-lr .rit:hover{ background:url(../images/i_lft4.png) no-repeat center center; background-size:100% 100%;}