html,body,div,ul,li,a,dl,dd,dt,input,p,h1,h2,h3,h4,h5,h6,form,img{    margin: 0; padding: 0; }
html,body{  font-family:Microsoft Yahei, Arial, Helvetica, sans-serif;color:#666; font-size: 12px;  -webkit-text-size-adjust: none;  -moz-text-size-adjust: none;  -ms-text-size-adjust: none;  -o-text-size-adjust: none;  text-size-adjust: none;
}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
input,textarea,select,button,area {
    appearance:button;
    -moz-appearance:button;
    -webkit-appearance:button;
    outline:none;
    font-family:'Microsoft YaHei';
}
ul,li,dl,dd,dt{list-style: none;}
a{  text-decoration:none;  color:#666;
    -webkit-transition: all ease-in .2s;
    -ms-transition: all ease-in .2s;
    -moz-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;
    transition: all ease-in .2s;
}
img{display: block;border: 0; }
.clearfix { *zoom:1;}
.clearfix:before, .clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}
.l{ float:left;}
.r{ float:right;}
.section{ width:94%; max-width:1200px; margin:auto; }
.tle{width: 100%; text-align: center;}
.tle h1{ font-size: 35px; color: #141414; padding: 2px 0;}
.tle span{display:block;font-size:26px; color: #464646;}

/*header*/
.header{ position:relative; padding:25px 0; z-index:5;background: #fff;}
.header .logo{ width: 25%; float:left; }
.header .menu{ width:60%; margin-left: 5%; float:left;}
.header .menu ul{width: 100%; display: inline-block;}
.header .menu li{ float:left; width:14.25%; text-align:center;}
.header .menu li a{ display:block; line-height:36px; border-radius: 10px; color:#000;  font-size:16px; }
.header .menu li a.on,.header .menu li a:hover{border-radius: 10px;  background:#008cd7;color:#fff;}
.header .menu li.en{display: none;}
.header .lang{ width:10%;float: right;}
.header .lang a{ display:inline-block; line-height:36px; margin: 0 5px;  color:#008cd7;  font-size:16px; }
.m_menu{ background:#fff url(../icon_nav.png) no-repeat center; background-size: 60%; width:58px; height: 58px; position:absolute; right:0; top:0; display:none;}


/*i-product*/
.i-product{width: 100%; padding:60px 0; overflow: hidden;}
.i-product .product-l{width: 60%; float: left;}
.i-product .product-l a{display: block; height: 235px; width: 100%; background: #f8f8f8; color: #282828; font-size: 22px; position: relative;}
.product-l .product-one{ width: 48%; margin:10px 1%; float: left;}
.product-l .product-one p{position: absolute; left: 10px; bottom: 10px;}
.product-l .product-one img{max-width:100%; float: right;}
.product-l .product-two{width: 48%; margin:10px 1%; float: left;}
.product-l .product-two img{max-width:100%;float: right;}
.product-l .product-two p{position: absolute; left: 10px; bottom: 10px;}
.product-l .product-thr{width: 48%; margin:10px 1%; float: left;}
.product-l .product-thr p{position: absolute; left: 10px; bottom: 10px;}
.product-l .product-thr img{max-width:100%;}
.product-l .product-fou{width: 48%; margin:10px 1%; float: left;}
.product-l .product-fou p{position: absolute; left: 10px; bottom: 10px;}
.product-l .product-fou img{max-width:100%;float: right;}

.i-product .product-r{width: 38%; float: right;}
.i-product .product-r a{display: block; width: 100%; height: 505px; background:url("../pro.jpg"); color: #282828; font-size: 22px; position: relative;}
.i-product .product-r img{max-width:100%;margin: auto;}
.i-product .product-r p{position: absolute; text-align: center;width: 100%; bottom: 40px;}
.i-product .p-more{display:block; width: 150px; height: 45px; margin:10px auto; line-height: 45px; background: #58bff6; color: #fff; border-radius: 5px; text-align: center;}

/*i-about*/
.i-about{width: 100%; background: #f8f8f8;overflow: hidden; color: #565656;}
.i-about .about-l{width: 50%; height: 559px; float: left; background: url("../ab-img.jpg") no-repeat center center;}
.i-about .about-r{width: 50%; float: left; height: 559px; }
.i-about .about-r .about-txt{width: 70%; float: left; margin-left: 10%; padding-top: 20px; }
.i-about .about-r h1{ font-size: 30px; color: #1a1a1a; padding-bottom: 10px;}
.i-about .about-r span{color: #008cd7;}
.i-about .about-r h4{ display: block; padding: 10px 0; font-size: 16px;}
.i-about .about-r p{text-indent: 2em; font-size: 13px; color: #565656;  line-height: 26px;}
.i-about .about-r a{display:block;width:160px; line-height: 40px; background: #008cd7 url("../more.png") no-repeat 10px 8px; margin:20px 0;text-align: center; font-size: 14px; color: #fff; border-radius: 5px; }



.i-application{width: 100%; margin-top: 60px;}
.fullSlide{width:100%;position:relative;height:555px;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;overflow:hidden; background:#f8f8f8;}
.fullSlide .bd .application-txt{width: 45%; height:555px;float: left;}
.fullSlide .bd .application-con{width: 70%; float: right; margin-right: 10%;}
.fullSlide .bd .application-txt h2{ color: #141414; font-size: 40px; margin-top: 80px; margin-bottom: 40px;}
.fullSlide .bd .application-txt span{ color: #43484a; font-size: 16px; font-weight: bold;}
.fullSlide .bd .application-txt p{ color: #878787; font-size: 14px; line-height: 28px; padding-top: 8px;}
.fullSlide .bd .application-txt a{display:block;width:160px; line-height: 40px; background: #008cd7 url("../more.png") no-repeat 10px 8px; margin:50px 0;text-align: center; font-size: 14px; color: #fff; border-radius: 5px; }
.fullSlide .bd .application-img{width: 55%;height:555px;float: left;}
.fullSlide .bd .application-img img{max-width: 100%;}
.fullSlide .prev{display:block;position:absolute;z-index:1;top:80%;left:45%; margin-left:-45px;width:45px;height:45px;background:url(../prev.png) no-repeat;cursor:pointer;}
.fullSlide .next{display:block;position:absolute;z-index:1;top:80%;left:45%;width:45px;height:45px;background:url(../next.png) no-repeat;cursor:pointer;}


/*i-news*/
.i-news{width: 100%; overflow: hidden; background: #fff; padding: 50px 0; }
.news-list{width: 100%; background:url("../i-new.jpg") repeat-y center; margin-top: 30px; overflow: hidden;}
.news-list ul{width: 100%; font-size: 0;}
.news-list ul li{width:44%;display: inline-block; margin:30px 3%; vertical-align: top; overflow: hidden;}
.news-list ul li a{width:100%; display: block; background: #fff;color: #666666;}
.news-list .news-time{width: 15%; text-align: center; float: left; }
.news-list .news-time span{ font-size:30px; height: 40px; line-height: 40px; overflow: hidden; color: #141414; }
.news-list .news-time p{ font-size: 15px; line-height: 22px; height:66px; overflow: hidden; color: #919191; }
.news-list .new-con{width: 50%; float: left}
.news-list .new-con h4{ font-size:16px; height: 40px; line-height: 40px; overflow: hidden; color: #3f3f3f; }
.news-list .new-con p{ font-size: 12px; line-height: 22px; height:66px; overflow: hidden; color: #7a7a7a; }
.news-list .news-pic{width: 32%;overflow: hidden; position: relative; float: right;}
.news-list .news-pic img{max-width: 100%;transform: translateZ(0px);transition: transform 0.3s ease 0s; opacity: 0.9;}
.news-list ul li a:hover h4{color: #008cd7;}
.news-list ul li a:hover img{transform: scale(1.1, 1.1);  transition: transform 0.6s ease 0s; opacity: 1;}
.i-news .more{display:block;width:160px; line-height: 40px; background: #008cd7; margin:50px auto;text-align: center; font-size: 14px; color: #fff; border-radius: 5px;}
.i-news .more a{display: block; color: #fff; background: url("../more.png") no-repeat 10px 8px;}

/*ban*/
.ban{width: 100%; height: 410px;text-align: center; }
.ab-ban{background: url("../ab-ban.jpg") no-repeat center center;}
.cp-ban{background: url("../cp-ban.jpg") no-repeat center center;}
.sr-ban{background: url("../sr-ban.jpg") no-repeat center center;}
.yy-ban{background: url("../yy-ban.jpg") no-repeat center center;}
.con-ban{background:url("../con-ban.jpg") no-repeat center center;}
.news-ban{background:url("../news-ban.jpg") no-repeat center center;}
.ban img{max-width: 100%;}


.class{width: 100%;margin:50px auto; overflow: hidden; text-align: center;}
.class a{display:inline-block; padding:8px 15px; color:#fff; background: #5e5d5b; font-size:16px; border: 1px solid #eee;box-sizing: border-box;  }
.class a:hover{background: #008cd7; color: #fff;}



.n-title{width: 100%; text-align: center;}
.n-title h2{font-size: 35px; color: #000; font-weight: 500;}
.n-title h5{font-size: 35px; color: #fff; font-weight: 500;}
/*ab*/

.about-box{width:100%; padding: 50px 0; overflow: hidden; line-height: 28px; font-size: 14px; }
.about-box .ab-txt{width: 100%;  overflow: hidden; margin: 50px 0  10px 0;}
.ab-txt .ab-fl{width: 40%; float: left; }
.ab-txt .ab-fl img{max-width: 100%;}
.ab-txt .ab-fr{width: 57%;  float: right;}
.ab-txt .ab-fr h3{font-size: 20px; color: #333; font-weight: bold; padding-bottom: 10px;}
.ab-txt .ab-fr span{color: #008cd7;}


.department-box{width:100%; overflow: hidden; background:url("../ry.jpg");padding: 50px 0;}
.department-box .department-txt{width:70%; margin:10px auto;}
.department-box p{font-size: 14px; line-height: 28px; color: #fff; text-align: center; }
.department-box ul{width: 100%;font-size: 0; margin-top: 30px; overflow: hidden;}
.department-box ul li{width: 17%; margin: 0 1%;  float: left;}
.department-box ul li img{max-width:100%;border:2px solid #eeeeee;}

.device-box{width:100%; overflow: hidden; padding: 50px 0;}
.device-box ul{width: 100%;font-size: 0; margin-top: 30px; overflow: hidden;}
.device-box ul li{width: 21%; margin:10px 2%; float: left; overflow: hidden; }
.device-box ul li img{max-width:100%;border:3px solid #eeeeee;transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.device-box ul li:hover{transform: scale(1.1, 1.1);transition: transform 0.6s ease 0s;}




.main{width: 100%; margin-bottom:50px; overflow: hidden;}
.main .nav-layout{width: 100%; border-bottom: 1px solid #ccc; padding: 10px 0;line-height: 30px;overflow: hidden; margin-bottom:20px }
.main .nav-layout .now-menu{ width: 20%; font-size:20px; float: left; color: #008cd7; font-weight: bold; }
.main .nav-layout .location{ width: 70%;float: right; text-align: right;}
.main .cp-list{background: #fff;width: 100%; padding: 20px 0;}
.main .cp-list ul{ width:100%;background: #fff;overflow: hidden; font-size: 0;}
.main .cp-list ul li{margin:10px 1%;width:23%; text-align: center;display: inline-block; vertical-align: top;box-sizing: border-box;}
.main .cp-list .cp-pic{width: 100%; border: 1px solid #ddd; overflow: hidden;}
.main .cp-list ul li img{width: 90%; margin:10px auto; transform: translateZ(0px);transition: transform 0.3s ease 0s; opacity: 0.9;box-sizing: border-box;}
.main .cp-list ul li h4{width:90%; margin:10px auto;font-size: 16px; line-height: 40px; color: #000d27 ;}
.main .cp-list ul li a:hover img{ transform: scale(1.1, 1.1);  transition: transform 0.6s ease 0s; opacity: 1;}
.main .cp-list ul li a:hover h4{ color: #008cd7;}
.main .cp_title {  font-size:20px;  text-align: center;  font-weight: bold;  line-height: 28px;  padding: 25px 0; color: #000d27 ;  }
.main .cp-img{text-align: center;  }
.main .cp-img img{max-width: 100%; margin:0 auto;}
.main .cp-intro{font-size: 14px;  line-height: 30px;  padding: 10px 0 60px 0;}
.main .cp-intro img{display:block;max-width: 100%; margin:0 auto;}



.service{width: 100%;}
.service li{width: 23%; margin:0 1%; float: left;}
.service img{width: 100%;}
.service h4{width: 100%;background:#85898c;text-align: center; font-size: 14px; line-height:30px; color: #fff;}

.main .down-list{width: 100%;}
.main .down-list ul{width: 100%;}
.main .down-list ul li{width: 100%; margin: 15px 0;}
.main .down-list ul li a{display:block;width: 98%; padding: 10px 1%; background: #f1f1f1; overflow: hidden;}
.main .down-list ul li h4{width:68%;font-size: 14px;height: 30px; line-height: 30px; float: left; color: #111; padding-left:2%; background: url("../jt.png") no-repeat left center;}
.main .down-list ul li i{display: block;width:50px; height: 30px; background: url("../down.png") no-repeat center; float: right;}


/*yy-list*/
.yy-list{background: #fff;width: 100%; padding: 20px 0;}
.yy-list dl{ width:100%;background: #f8f8f8;overflow: hidden; margin:20px 0; }
.yy-list dl dt{width:40%;float: left; }
.yy-list dl dt img{width: 100%;transform: translateZ(0px);transition: transform 0.3s ease 0s; }
.yy-list dl dd{width:50%; margin:0 5%; float: left;}
.yy-list dl dd h2{ color: #141414;  font-size: 30px;  margin: 40px 0 20px 0;}
.yy-list dl dd span{  color: #43484a;  font-size: 16px;  font-weight: bold;}
.yy-list dl dd em{display: block; width: 50px; height: 2px; background: #008cd7;}
.yy-list dl dd p{ color: #878787;  font-size: 14px;  line-height: 28px;  padding-top: 8px;}
.yy-list ul li:hover img{ transform: scale(1.1, 1.1);  transition: transform 0.6s ease 0s; opacity: 1;}

/*main-news*/

.n-news-list{width: 100%; margin-top: 30px; overflow: hidden;}
.n-news-list dl{width:100%; padding:30px 0;border-bottom: 1px dashed #008cd7; overflow: hidden;}
.n-news-list dl a{width:100%; display: block;color: #666666;}
.n-news-list dl dt{width:20%; max-height: 235px; overflow: hidden; float: left;}
.n-news-list dl dt img{max-width: 100%;transform: translateZ(0px);transition: transform 0.3s ease 0s; opacity: 0.9;}
.n-news-list dl dd{width: 76%;  float: left; margin-left: 4%;}
.n-news-list dl dd h4{ font-size:17px; height:30px; line-height: 30px;  overflow: hidden; color: #121212; }
.n-news-list dl dd p{ font-size: 14px; line-height: 25px; }
.n-news-list dl dd h5{display: block;  font-size: 14px; background: #008cd7;color:#b4b4b4;width: 90px; line-height: 30px; text-align: center;z-index: 9999; background: url("../case31.png") no-repeat left center; padding-left:18px;}
.n-news-list dl dd span{color: #008cd7;}
.n-news-list a:hover h4{color: #008cd7; font-weight: bold;}
.n-news-list a:hover img{transform: scale(1.1, 1.1);  transition: transform 0.6s ease 0s; opacity: 1;}

.main .xq_title {  font-size:20px;  text-align: center;  font-weight: bold;  line-height: 28px;  padding: 25px 0; color: #000d27 ;  }
.main .xq_Time{  border-bottom: 1px dashed #dbd4cd;  line-height: 35px;  text-align: center;  color: #464646;}
.main .xq_newscon{font-size: 14px;  line-height: 30px;  padding: 10px 0 60px 0;}
.main .xq_newscon img{max-width: 100%;}
/*main-contact*/
.main .main-contact{width:100%; overflow: hidden; margin: 35px 0;}
.main .main-contact ul{width: 100%; overflow: hidden;  }
.main .main-contact ul li{width: 31.33%; float: left; margin: 30px 1%}
.main .main-contact .contact-pic{width: 20%; float: left;}
.main .main-contact .contact-pic img{max-width: 100%;}
.main .main-contact .contact-txt{width: 77%; float: left; margin-left: 3%;}
.main .main-contact ul li h3{font-size: 22px; padding: 5px 0; color: #222;}
.main .main-contact ul li p{font-size: 14px; line-height: 26px;color: #444;}
.main .main-contact ul li span{color: #141414;}
.main .main-contact ul li:last-child{border: 0;}

/* qt-pagination */
.qt-pagination{ width:94%; margin:auto; overflow:hidden; padding:30px 0; text-align:center;}
.qt-pagination a{background-color: #fff;border: 1px solid #e3e3e3;padding: 0 10px;margin-right: 3px; min-width: 30px; height: 30px;   line-height: 30px;   display: inline-block;   text-align: center;}
.qt-pagination .pages{ background:#008cd7; color:#fff;}

/*footer*/
.footer{ width:100%;  background:#333; overflow: hidden; border-top: 1px solid #2d2d2d; font-size:14px;  line-height: 28px;color:#fff; padding: 40px 0 20px 0; }
.footer .f-contact{float: left;  }
.footer .f-contact h2{font-weight: bold;color: #fff; padding: 15px 0; font-size: 16px;}
.footer .f-contact p{color: #d5d5d5; font-size: 14px; padding-left: 30px;}
.footer .f-contact p.tel{background: url("../tel.png") no-repeat 0 5px;}
.footer .f-contact p.fax{background: url("../fax.png") no-repeat 0 5px;;}
.footer .f-contact p.yx{background: url("../yx.png") no-repeat 0 5px;;}
.footer .f-contact p.mp{background: url("../mp.png") no-repeat 0 5px;;}
.footer .f-contact p.wz{background: url("../wz.png") no-repeat 0 5px;;}
.footer .f-contact p.ad{background: url("../ad.png") no-repeat 0 5px;;}
.footer .f-menu{ width:120px;margin-left:150px; float: left; }
.footer .f-menu ul{width: 100%;margin-top: 5px;}
.footer .f-menu ul li{width: 100%;float: left; line-height: 35px; }
.footer .f-menu ul li a{color: #d5d5d5;}
.footer .f-menu ul li a:hover{color: #008cd7;}
.footer .f-ss{ float: right; padding-top:30px;   color: #fff;}
.footer .f-ss h2{ font-size:16px; padding-bottom:10px;color: #fff;font-weight: bold;}
.footer .f-ss a{ display: block; font-size:35px; color: #008cd7;  padding: 10px 0;}
.main-form{ width:328px; background: #fff; overflow: hidden;}
.main-form input.cpname{ width:90%;float:left;  font-family:"Microsoft Yahei";  height:35px; background: none; line-height:35px; border:0;font-size:14px; color:#80818c; text-indent:1em; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;}
.main-form input.button{ width:10%; float:left;   height:35px; line-height:35px; border:0;font-size:14px;  background:url("../jt.jpg") no-repeat center; color:#fff;  -webkit-appearance: none; -moz-appearance: none;-ms-appearance: none; -o-appearance: none; appearance: none;}
.f-bottom{width:100%; background: #2c2c2c;  padding:20px 0; overflow: hidden; color: #636363;}
.f-bottom a{color: #b1b1b1;}

/*top*/
.cd-top {  display: inline-block;  height: 44px;  width: 40px;  position: fixed;  bottom: 40px;  right: 10px;    overflow: hidden;  text-indent: 100%;  white-space: nowrap;  background:url(../top.png) no-repeat center 50%;  visibility: hidden;  opacity: 0;  -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  transition: all 0.3s;
}
.cd-top.cd-is-visible {  visibility: visible;  opacity: 1;  }
.cd-top.cd-fade-out {  opacity:1;  }
.no-touch .cd-top:hover {  background-color: #e86256;  opacity: 1;  }


@media (max-width:1300px) {
    .i-about .about-r .about-txt{ width: 90%;  float: left;  margin:0 5%;}
}


@media (max-width:1200px) {
    .footer .f-menu{display: none;}

}
@media only screen and (min-width: 1024px) {
    .cd-top {  height: 60px;  width: 60px;  right: 30px;  bottom: 30px;  }
}

@media (max-width:999px){
    .header{ width:100%;position: fixed; top: 0; left: 0;  padding: 17px 0; box-shadow: 0 0 10px #999;}
    .header .logo{width: 70%;}
    .header .logo img{height:24px;}
    .m_menu{ display:block;}
    .header .menu { position:absolute; left:0; top:58px; background:#008cd7; width:100%; display:none; margin: 0;}
    .header .menu ul{display: block;}
    .header .menu ul li{ width:100%; border-bottom:1px solid #25a0e2; margin: 0;}
    .header .menu ul li a{ padding:0; border-bottom: 0; color: #fff; border-radius: 0; }
    .header .menu li a.on{ background:#008cd7;color: #fff;border-radius: 0;}
    .header .menu li.en{display: block;}
    .header .lang{width:auto; margin-right: 60px;}
    .header .lang a{line-height: 24px;}
    .ban{padding-top: 21.35%; height: auto; margin-top: 58px;}
    .ab-ban,.cp-ban,.news-ban,.yy-ban,.con-ban{background-size: 100%;}

    /*banner*/
    .scroll_horizontal .box{width: 900px;}
    .i-about .about-l{width: 100%; padding-top: 57%; background-size: 100%; height: auto;}
    .i-about .about-r{width: 100%;    height: auto;}
}



@media (max-width:868px){
    .footer .f-contact{width: 100%;}
    .footer .f-ss{width: 328px; float: left;}
}
@media (max-width:768px){
    .i-product .product-l{width: 100%;}
    .i-product .product-r{width: 92%; margin: 10px 4%;}
    .product-l .product-one{width: 42%; margin: 10px 4%;}
    .product-l .product-two{width: 42%; margin: 10px 4%;}
    .product-l .product-thr{width: 42%; margin: 10px 4%;}
    .product-l .product-fou{width: 42%; margin: 10px 4%;}
    .ab-txt .ab-fl{width: 100%;}
    .ab-txt .ab-fr{width: 100%; margin-top: 50px;}
}
@media (max-width:680px) {
    .news-list{background: none;}
    .news-list ul li{width: 98%; padding: 10px 1%; margin:10px 0; background: #f1f1f1;}
}
@media (max-width:520px) {
    .header .lang{display: none;}
    .product-l .product-one img{max-width: 80%;}
    .product-l .product-two img{ height: 164px;}
    .product-l .product-thr img{max-width: 90%;}
    .product-l .product-fou img{max-width: 80%;}
    .i-product .product-l a{font-size: 18px; height: 185px;}
    .i-product .product-r img{width: 70%;}
    .i-product .product-r a{height: 350px;}
    .i-about .about-r h1{font-size: 20px;}
    .fullSlide .bd .application-txt h2{font-size: 25px;margin-top: 10px;  margin-bottom: 5px;}
    .fullSlide .bd .application-txt{width: 100%; height: auto;}
    .fullSlide .bd .application-con{width: 90%; margin: 0 5%;}
    .fullSlide .bd .application-img{width: 100%; height: auto;}
    .fullSlide .bd .application-txt a{margin: 10px 0;}
    .fullSlide .prev{bottom: 0;}
    .fullSlide .next{bottom: 0;}
    .news-list .new-con{width: 48%; margin: 0 1%;}
    .main .cp-list ul li{width: 48%;}
    .main .nav-layout .now-menu{width: 100%;}
    .main .nav-layout .location{display: none;}
    .n-news-list dl{width: 94%; margin: 0 3%;}
    .n-news-list dl dt{width: 100%; max-height: none;}
    .n-news-list dl dt img{margin: auto;}
    .n-news-list dl dd{width: 100%; margin: 10px 0;}
    .yy-list dl{width: 94%; margin: 20px 3%;}
    .yy-list dl dt{width: 100%;}
    .yy-list dl dd{width: 92%; margin: 0; padding: 5px 4%;}
    .yy-list dl dd h2{margin: 10px 0;}
    .main .main-contact ul li{width: 98%;}
    .main .main-contact .contact-pic img{height: 55px;}
}