/*reset*/
body{ background:#fff;}
body,form{margin:0;padding:0;}
div{font-family:"微软雅黑",verdana;}
a{color:#fff;font-size:14px;text-decoration:none;outline:none;}
a:hover{color:#f30;}
div{font-size:14px;line-height:30px;}
.mt10{margin-top:10px;}
.p15{padding:15px;}
.clear{clear:both;}
.jqzoom{text-decoration:none;float:left;z-index:999;}
ul{ margin:0; padding:0; list-style:none;}
img { max-width: 100%;vertical-align: middle;}
.text-desc{position: absolute; left: 0; top: 0; background-color: #fff; height: 100%; opacity: 0; width: 100%; padding: 0px;}
.line.tac li:hover .ico{
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg) ;
    -o-transform: rotateZ(360deg) ;
    -ms-transform:  rotateZ(360deg);
    transform: rotateZ(360deg) ; 
    -webkit-transition: all 3s ease;
    -moz-transition: all 3s ease;
    -ms-transition: all 3s ease;
    transition: all 3s ease;
}

/*导航栏*/
#nav{ width:100%; height:54px;}
#nav ul{margin:0;padding:0;list-style:none; width:607px; height:40px; margin:0 auto; background-image:url(../images/navbg-1.png);}
#nav ul li{float:left; width:100px; height:40px;overflow:hidden; margin-left:1px;}
#nav ul li a{color:#fff;line-height:40px;width:100px;display:block;text-align:center;font-size:14px;font-family:"微软雅黑";}
#nav ul li a:hover{background:url(../images/navbg.png);}
#nav ul .hover a{background:url(../images/navbg.png);}
#nav ul dl,#nav ul .hover dl{position:absolute;margin:0;padding:0;display:none;z-index:999;}
#nav ul dl a,#nav ul .hover dl a{font-size:12px;width:100px; background-image:url(../images/navbg2.png);line-height:34px;height:34px; font-family:"微软雅黑";}
#nav ul dl a:hover,#nav ul .hover dl a:hover{color:#fff;background-image:url(../images/navbg2-a.png);}
 /*顶部*/
.topbg{ width:100%;  position: fixed; z-index: 9;background: rgba(0, 0, 0, 1);}
.top{ width:1200px; height:125px; margin:0 auto;line-height:125px;}
.top .logo{ float:left; }
.top .dian{ float:right;margin-top: 20px;}
/*section的内容*/
.about_kj{ width:1200px; height:560px; margin:0 auto;    padding-top: 110px;}
.about_kj{ width:1200px; height:560px; margin:0 auto;}
.about_bt{ width:100%; height:180px; font-size:52px; color:#fff; line-height:140px; overflow:hidden; padding-top:25px; text-align:center;}
.about_nr{ width:1000px; height:auto; margin:0 auto; font-size:24px; color:#FFF; line-height:46px;text-align:center;}
.about_nr p{ font-size:20px; color:#FFF; line-height:46px;font-weight: 300;}
.about_nrl{ width:500px; height:auto; float:left; overflow:hidden; margin-top:90px; text-align:left; margin-left:40px;}
.about_nrr{ width:610px; height:auto; float:right; overflow:hidden; margin-top:90px; margin-right:40px;}
/*了解更多*/
.zanlist { width:1000px; height:160px; overflow:hidden; margin:0 auto; padding-top:170px;}
.zan a {color:#FFF; text-decoration:none; padding:15px 30px; font-size:18px; line-height:18px; border:solid 2px #4AACF1;background: #4AACF1;}
.zan a:hover {color:#fff; text-decoration:none; background-image:url(../images/navbg.png); overflow:hidden; padding:15px 30px; font-size:18px; line-height:18px;}
/*设备故障*/
.zxsj_n{ width:1000px; height:255px; margin:0 auto;}
.zxsj_n ul{ margin:0; padding:0; list-style:none;}
.zxsj_n ul li{ float:left; width:455px; height:255px; margin:0px 22px; text-align:center; font-size:14px; color:#666; line-height:30px;}
.zxsj_n ul li img{ width:420px;height:355px;border:solid 1px #333333;}
.zxsj_n ul li img:hover{ border:solid 1px #CCCCCC;}

/* effect-7 css */
.port-7{float: left; width: 100%; position: relative; overflow: hidden; text-align: center; border: 2px solid rgba(255, 255, 255, 0.9); overflow: hidden;}
.port-7 .text-desc{opacity: 0; transition: 0.5s; color: #000;}

.port-7.effect-1 img{transition: 0.5s; position: relative; width: 100%; left: 0;}
.port-7.effect-1:hover img{left: 50%;}
.port-7.effect-1 .text-desc{transform: perspective(600px) rotateY(90deg); transform-origin: left center 0; width: 50%; position: absolute; left: 0; top: 0;  padding: 18px 10px;}
.port-7.effect-1:hover .text-desc{opacity: 1; transform: perspective(600px) rotateY(0deg); z-index: 99;}

.port-7.effect-2 img{transition: 0.5s; position: relative; width: 100%; top: 0;}
.port-7.effect-2:hover img{top: 50%;}
.port-7.effect-2 .text-desc{transform: perspective(600px) rotateX(90deg); transform-origin: top center 0; width: 100%; position: absolute; left: 0; top: 0; height: 50%; padding: 5px 10px;}
.port-7.effect-2:hover .text-desc{opacity: 1; transform: perspective(600px) rotateX(0deg); z-index: 99;}

.port-7.effect-3 img{transition: 0.5s; position: relative; width: 100%; right: 0;}
.port-7.effect-3:hover img{right: 50%;}
.port-7.effect-3 .text-desc{transform: perspective(600px) rotateY(-90deg); transform-origin: right center 0; width: 50%; position: absolute; left: auto; right: 0; top: 0;  padding: 18px 10px;}
.port-7.effect-3:hover .text-desc{opacity: 1; transform: perspective(600px) rotateY(0deg); z-index: 99;}
/* effect-7 css end */

/*section4 我们的优势*/
.tac { text-align: center;margin-top: 60px;}
.home_ys .line { overflow: hidden;}
.home_ys .line li { float: left;  text-align: center;  color: #191818;  font-size: 18px;  width: 20%}
.home_ys .t10 .x {background: #fff;}
.home_ys .x ,.home_ys  .x span{   background: #fff;}
.home_ys  .x {  width: 300px;  height: 1px;   background: #c5c5c5;   margin: 0 auto;   position: relative;}
.home_ys  .x span {display: block; height: 5px;background: #fff; width: 50px;margin: 0 auto; margin-top: -2px;position: absolute; left: 50%; margin-left: -25px;}
.home_ys .line li .ico { width: 160px;  height: 160px;   margin: 0 auto; border-radius: 50%; background: rgba(16, 16, 16, .75) url(../images/ico1.png) no-repeat 35px 43px; border: 2px solid #5d5c5c;                        
}
.home_ys .line li span { display: block;color:#fff;margin-top: 20px;}
.home_ys .line li.it2 .ico {background-position: -220px 43px}
.home_ys .line li.it3 .ico { background-position: -478px 43px}
.home_ys .line li.it4 .ico {background-position: -742px 43px}
.home_ys .line li.it5 .ico { background-position: -1001px 43px}

/*在线客服*/
.leftfloat{ width:272px; position:fixed; left:0; top:40%; z-index:9999; display:none; transform:translateX(-218px);}
.leftfloat ul{ float:left;}
.leftfloat ul li{ float:left; transition:all 0.4s ease; margin:1px 0;}
.leftfloat ul li:hover{ transform:translateX(220px);}
.leftdiv{ width:218px; height:51px; float:left; background:#2ab190;}
.leftdiv p{ width:100%; padding:0 5px; color:#FFF; float:left;}
.leftfloat ul li:nth-child(1) .leftdiv p{ width:88%; text-align:center; box-sizing:border-box; font-family:ArmadaMedium; float:none; margin:7px auto 0 auto; font-size:14px;}
.leftfloat ul li:nth-child(1) .leftdiv p em{ float:left; font-size:12px; line-height:22px;}
.leftfloat ul li:nth-child(1) .leftdiv p span{ float:left; margin-left:10px; text-align:right;}
.leftfloat ul li:nth-child(2) .leftdiv p{ width:100%; font-family:ArmadaLight; text-align:center; box-sizing:border-box; line-height:51px; font-size:18px;}
.leftfloat ul li:nth-child(3) .leftdiv p{ text-align:center; line-height:51px; box-sizing:border-box; font-size:14px;}
.rightdiv{ width:52px; height:51px; float:left; background:#068e73; position:relative; margin-left:2px;}
.rightdiv img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.rightclose{ width:52px; height:52px; float:left; cursor:pointer; transform:translateX(220px);}
.rightclose img{ width:52px; height:52px; float:left;}

.rightfloat{ width:52px; height:52px; position:fixed; right:8px; bottom:10%; border-radius:50%;overflow:hidden;z-index:9999; cursor:pointer; display:none;}
.rightfloat img{ float:left; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:url(../images/totop.png) no-repeat; }