body,div,ul,li,a,dl,dd,dt,input,p,h1,h2,h3,h4,h5,h6,form,img{ margin: 0; padding: 0; }
html{ margin: 0; padding: 0; font-size:12px;}
html,body{
    -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:#2b292f;
    -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{border: 0;  font-size:0;}
body {color:#444; font-family:Microsoft Yahei, Arial, Helvetica, sans-serif; }

.clearfix {overflow: auto; *zoom:1;/*IE/7/6*/}
.clearfix:before,.clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}
.fl{ float:left;}
.fr{ float:right;}
.section{ width:1200px; margin:auto;  }

.top-header{width: 100%;background: #009944;overflow: hidden;}
.top-header .wec{color: #fff;line-height:35px;}
.top-header .header-a{ line-height: 17px; padding:9px 0;color: #fff; }
.top-header .header-a a{display:block; float:left; color: #fff; padding: 0 15px; border-right: 1px solid #fff;}
.top-header .header-a a:last-child{border: 0;}
.top-header .header-a .t-el{ display:block; width:95px; height:17px; padding-left: 25px; float:left;background: url("../t-tel.png") no-repeat; }

/*header*/

.header{width: 100%; }
.header .section{position: relative;}
.header .logo{padding: 3px 0;}
.header .logo img{max-width: 100%;display:block;}

.header .menu{float: right;}
.header .menu ul li{float:left;line-height: 90px; }
.header .menu ul li a{display:block;  padding: 0 20px; text-align:center;font-size: 16px;line-height: 90px; color: #1f1f1f;}
.header .menu ul li a:hover{background: #0d3b42; color: #fff;}
.header .menu ul li a.on{background: #0d3b42;color: #fff;}

.i-title{width: 100%; text-align: center;}
.i-title h2{ color: #234c53; font-size: 31px;}
.i-title p{color:#6c6c6c; font-size: 14px;padding: 5px 0;}
.i-title span{ display: block; width: 100%; text-align: center; text-transform: uppercase; font-size: 20px; }

.n-title{width: 100%; text-align: center;}
.n-title h2{ color: #1f1f1f; font-size: 26px; font-weight: bold;}
.n-title em{background: #00599f; margin:10px auto; height: 3px; display: block;width: 45px;}
.n-title p{color:#707070; font-size: 14px;}
.n-title span{ display: block; width: 100%; text-align: center; text-transform: uppercase; font-size: 20px; }




.i-more{width: 100%; padding: 40px 0;}
.i-more a{display: block; background: #5e8c3e; line-height: 40px; color: #fff; font-size: 14px; text-align: center; margin: auto; width: 190px; height: 40px; }
.i-more a:hover{box-shadow: 0 0 10px #333;}


.i-service{width: 100%; overflow: hidden; padding: 30px 0 10px 0;}
.i-service .service-box{width: 100%;overflow: hidden; margin-top: 20px;}
.i-service .service-box ul{ width:100%; }
.i-service .service-box ul li{ width:23%; margin:10px 1%; float: left; overflow: hidden; }
.i-service .service-box ul li img{max-width: 100%;}
.i-service .service-box ul li a{display: block;width: 99%; margin: auto; border: 1px solid #e7e7e7;  background: #fff;}
.i-service .service-box .service-txt{width: 90%; margin: auto; padding: 10px 0 15px 0;}
.i-service .service-box .service-txt h4{font-size: 20px; line-height: 40px; color: #3b3b3b; text-align: center;}
.i-service .service-box .service-txt p{font-size: 14px; color:#797979; line-height: 23px; height: 46px; overflow: hidden; margin-bottom: 10px; }
.i-service .service-box .service-txt span{display: block; width: 60%; height: 30px;line-height: 30px; margin: auto; background: #234c53; color: #fff; text-align:center; }

.i-bt{width: 100%; border-bottom:2px solid #000; padding: 10px 0; margin-bottom: 15px; line-height: 30px; overflow: hidden; }
.i-bt span{display: block;float: left; font-size: 18px; color: #000;}
.i-bt a{float: right; color: #bababa;}


/*i-news*/
.i-news{width: 100%; padding:30px 0; overflow: hidden; background: #f7f7f7;}
.i-news .i-qa{width: 360px;}
.i-news .i-qa .list_lh{width: 360px; height:315px; overflow:hidden;}
.i-news .i-qa .list_lh ul{width: 100%;}
.i-news .i-qa .list_lh li{ height: 70px; padding: 3px 0;}
.i-news .i-qa .list_lh li span{display: block; padding-left: 30px; height: 24px; line-height: 24px; color: #608f3f; font-size: 14px; overflow: hidden; background: url(../q.jpg) no-repeat;}
.i-news .i-qa .list_lh li p{height: 40px; line-height: 20px; padding-left: 30px;font-size: 14px; overflow: hidden; color: #515151;background: url(../a.jpg) no-repeat; margin: 4px 0;}

.i-news .i-company{width: 358px;background: url(../i-company.jpg) no-repeat; padding: 0 61px;}
.i-news .i-company ul{ width:100%;}
.i-news .i-company ul li{ width:100%; height: 28px; line-height: 28px;margin:5px 0;overflow: hidden;  border-bottom: 1px dashed #cccccc; }
.i-news .i-company ul li a{display: block;  border-bottom: 1px dashed #cccccc; overflow: hidden; padding-left: 13px;  background:url(../jian.jpg) no-repeat 0 10px; color:#5e5e5e; }
.i-news .i-company ul li a:hover{ }


.i-news .i-industry{width: 360px;}
.i-news .i-industry dl{width: 100%;}
.i-news .i-industry dl dt{width: 100%; font-size: 18px; line-height: 40px; color: #799a00;}
.i-news .i-industry dl dd{width: 100%;}
.i-news .i-industry dl dd p{ color: #575757; line-height: 24px; padding: 5px 0;}
.i-news .i-industry dl dd a{ color: #799a00;}
.i-news .i-industry ul{ width:100%; overflow: hidden; margin-top: 10px;}
.i-news .i-industry ul li{ width:100%; margin:5px 0;height: 28px; line-height: 28px; overflow: hidden; border-bottom: 1px dashed #cccccc; }
.i-news .i-industry ul li a{display: block;width: 70%; overflow: hidden; padding-left: 13px;  background:url(../jian.jpg) no-repeat 0 10px; color:#5e5e5e; float: left; }
.i-news .i-industry ul li span{width: 25%;}
.i-news .i-industry ul li a:hover{ }



.i-about{width: 100%; overflow: hidden; padding: 50px 0  10px 0;}
.i-about .about-box{width: 100%; overflow: hidden; margin-top: 50px;}
.i-about .about-box .about-fl{width:50%;position: relative;}
.i-about .about-box .about-fl img{max-width:100%;display: block;}
.i-about .about-box .about-fr{width:48%;float: right;}
.i-about .about-box .about-fr h1{font-size: 30px;color: #629241;}
.i-about .about-box .about-fr p{ line-height: 25px; color: #727272; font-size: 14px; text-indent: 2em; padding: 5px 0; }
.i-about .about-box .about-fr a{display: block; width: 150px; height: 35px; line-height: 35px; border: 1px solid #629241; text-align: center; margin-top: 20px;}

.i-case{width: 100%; overflow: hidden; padding: 50px 0  10px 0;}
.i-case .case-box{width: 100%; padding: 80px 0; background: #fff; overflow: hidden;}
.scroll_horizontal{position:relative;width:1200px;padding:20px 0;line-height:20px;}
.scroll_horizontal .box{overflow:hidden;position:relative;width:1200px;margin:0 auto;}
.scroll_horizontal .list{overflow:hidden;width:9999px;}
.scroll_horizontal .list li{float:left;width:300px;text-align:center;}
.scroll_horizontal .list li a{display: block;width: 90%; margin: auto;}
.scroll_horizontal .list li img{max-width: 100%;}
.scroll_horizontal .list li p{background: #e6e6e6; line-height: 35px; height: 35px; color: #000;}
.scroll_horizontal .plus{position:absolute;top:50%;width:53px;height:53px; margin-top:-30px;background:url("../p-l.png") no-repeat;cursor:pointer;}
.scroll_horizontal .minus{position:absolute;top:50%;width:53px;height:53px; margin-top:-30px;background:url("../n-r.png") no-repeat;cursor:pointer;}
.scroll_horizontal .plus{left:-53px;}
.scroll_horizontal .minus{right:-53px;}
.scroll_horizontal .plus:hover{background:url("../p-l-h.png") no-repeat;}
.scroll_horizontal .minus:hover{background:url("../n-r-h.png") no-repeat;}




/*banner*/
.banner{width: 100%; height: 400px; overflow: hidden;}
.banner img{display: block; border: 0;}
.ab-ban{background: url("../ab-ban.jpg") no-repeat center;}
.cp-ban{background: url("../cp-ban.jpg") no-repeat center;}
.sl-ban{background: url("../sl-ban.jpg") no-repeat center;}
.cn-ban{background: url("../cn-ban.jpg") no-repeat center;}
.hz-ban{background: url("../hz-ban.jpg") no-repeat center;}
.zs-ban{background: url("../zs-ban.jpg") no-repeat center;}
.news-ban{background: url("../news-ban.jpg") no-repeat center;}

.main-nav { width: 100%; overflow:hidden; border-bottom: 1px dotted #c8c8c8;  }
.main-nav .right-now {  float: right; height: 40px;  line-height: 40px;}
.main-nav .right-now a { float: left; font-size: 12px;  color: #999;  }
.main-nav .right-now a.hm{background: url("../ico4.png") no-repeat left center; padding-left: 18px;}
.main-nav .right-now i {  width: 4px;  height: 40px;  float: left;  background: url(../case26.png) no-repeat center;  margin: 0 12px;}

.main{width: 100%; padding: 50px 0 80px 0; overflow: hidden;}
.main-class{width: 100%;padding: 25px 0; }
.main-class a{ color: #fff; background: #234c53 ;font-size: 15px; padding: 5px 30px; margin-right:15px;display: inline-block;}


/*about*/

.main .about-box{width:100%;  float: left; font-size: 16px;  margin-top: 50px;line-height: 28px; color: #444;}
.main .about-box h2{font-size: 18px; font-weight: bold;}
.main .about-box p{padding-bottom: 10px;}
.main .about-box .title{width: 100%; position: relative; margin-bottom: 15px;}
.main .about-box .title .title-span01{width: 110px; background: #fff;}
.main .about-box .title .title-span02{width: 185px; background: #fff;}
.main .about-box .title .title-span03{width: 250px; background: #fff;}
.main .about-box .title h2{ font-weight: bold; font-size: 18px; line-height: 40px; color: #009944;}
.main .about-box .title span{ font-size: 16px; color: #234c53; line-height: 25px; text-transform: uppercase;}
.main .about-box .title em{display: block; width: 100%;position: absolute; bottom: 11px; z-index: -1; height: 1px; background: #555;}



/*新闻中心*/

.main .news-query a{display: block;width: 100%;  padding-bottom: 62px; overflow: hidden; border-bottom: 1px dotted #c8c8c8;  margin-top: 40px; }
.main .news-query .time{width: 10%; float: left; text-align: center;}
.main .news-query .time span{   display: block;width: 100%;   float: left;  font-size: 48px;  color: #acacac;  margin-left: 1.52%;}
.main .news-query .time i{width: 100%; font-size: 12px;  display: block;  margin-top: 12px;  color: #acacac; font-style: normal;}
.main .news-query .news-box{width: 88%; float: right;}
.main .news-query .news-box dl{width: 100%;}

.main .news-query .news-box dl dd{width: 100%; float: right;}
.main .news-query .news-box dl dd h2 { font-size: 18px;  color: #373636;  height: 24px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.main .news-query .news-box dl dd p{    color: #838383; font-size: 14px;  line-height: 24px;  margin-top: 15px; padding-bottom: 20px;  overflow: hidden;  height: 48px;    border-bottom: 1px solid #e6e6e6;}
.main .news-query .news-box dl dd span{display: block; height: 25px; line-height: 25px;  width: 73px; text-align: center; font-size: 12px;  color: #666666;  border: 1px solid #666666;    margin-top: 30px;}
.main .news-query a:hover .news-box dl dt img {transform: scale(1.05, 1.05);  transition: transform 0.6s ease 0s;}
.main .news-query a:hover .news-box dl dd h2{ color: #00599f;}
.main .news-query a:hover .news-box dl dd span{color: #fff; background: #00599f;border: 1px solid #00599f;}
.main .news-query a:hover .time span{color: #00599f;}
.main .news-query a:hover .time i{color: #00599f;}


.news-detail{width: 100%; background: #fff; padding: 50px 0; overflow: hidden;}
.news-detail .news-detail-fl{width:73%;}
.news-detail .news-detail-fl h2{ width: 100%; text-align: center; font-size: 30px; color: #000; line-height: 54px; padding: 19px 0;    }
.news-detail .news-time{width: 100%; padding: 10px 0; font-size: 14px; line-height: 24px; border-bottom: 1px solid #e6e6e6; color: #666666; text-align: center;}
.news-detail .news-detail-fl .news-intro{width: 100%; padding-top: 20px; line-height: 28px; font-size: 14px; color: #333;}
.news-detail .news-detail-fl .news-intro h3{font-weight: bold; color: #111; padding: 5px 5px; background:#fff;font-size: 16px;}
.news-detail .news-detail-fl .news-intro p{padding: 5px 0;}
.news-detail .news-detail-fr{width:23%;padding-top: 35px; }
.news-detail .news-detail-fr h4{font-size: 22px;  color: #333;  line-height: 22px;  padding-bottom: 20px;  border-bottom: 1px solid #e6e6e6;  margin-bottom: 15px;}
.news-detail .news-detail-fr ul{width: 90%; margin: 10px auto;}
.news-detail .news-detail-fr ul li{width: 100%;}
.news-detail .news-detail-fr ul li a{  display: block;   color: #666; height: 30px; font-size: 14px;  line-height: 30px; background: url(../case23.png) no-repeat left 10px;  padding-left:15px; overflow: hidden;}
.news-detail .news-detail-fr ul li a:hover{ color: #0073ad;}
.news-more{ display: block;  width: 80%; padding: 0 10%; height: 45px; line-height: 45px;  font-size: 16px;  color: #fff;  background:#0073ad url(../news04.png) no-repeat 150px 20px;  }
.news-more:hover{  width: 85%;  padding: 0 5% 0 10%;  background: #0073ad url(../news04.png) no-repeat 180px 20px;   }


.main .i-qa{width:100%;}
.main .i-qa .list_lh{width: 100%; height:315px; overflow:hidden;}
.main .i-qa .list_lh ul{width: 100%;}
.main .i-qa .list_lh li{ height: 70px; padding: 3px 0;}
.main .i-qa .list_lh li span{display: block; padding-left: 30px; height: 24px; line-height: 24px; color: #608f3f; font-size: 14px; overflow: hidden; background: url(../q.jpg) no-repeat;}
.main .i-qa .list_lh li p{height: 40px; line-height: 20px; padding-left: 30px;font-size: 14px; overflow: hidden; color: #515151;background: url(../a.jpg) no-repeat; margin: 4px 0;}



/*案例场景*/
.main .case-box{width: 100%; overflow: hidden; padding: 30px 0;}
.main .case-box ul { width: 100%}
.main .case-box ul li { width: 23%; float: left;  margin:0 1% 30px 1%;    overflow: hidden;    position: relative}
.main .case-box ul li.cut { margin-right: 0}
.main .case-box ul img { width: 100%; height: 275px; display: block; transition: transform .3s}
.main .case-box ul .bg { width: 100%;  height: 100%; position: absolute;    top: 0;    left: 0;    background: rgba(0, 0, 0, .5);    z-index: 1;    opacity: 0;  filter: alpha(opacity=0); transition: opacity .3s}
.main .case-box ul .con { width: 100%;  position: absolute;    bottom: -88px;    left: 0;   box-sizing: border-box;  padding: 0 5% 45px 4%;    z-index: 2;    background: url(../case14_h.png) no-repeat center -7px;transition: bottom .3s}
.main .case-box ul .red {  width: 9px; height: 16px;    position: absolute;    bottom: 10%;    right: 2%;    background: url(../case13.png) no-repeat center;    z-index: 3; opacity: 1;  filter: alpha(opacity=100);    transition: opacity .3s}
.main .case-box ul h2 { font-size: 18px;  color: #fff;    line-height: 90px}
.main .case-box ul p.font {  font-size: 14px;    color: #fff;    line-height: 23px;    height: 23px;    overflow: hidden;    margin-bottom: 20px}
.main .case-box ul .more { width: 120px;  height: 34px;    text-align: center;    line-height: 34px;    background: #234c53;    color: #fff;    font-size: 14px;    border-radius: 20px;}
.main .case-box ul li:hover .bg { opacity: 1;    filter: alpha(opacity=100)}
.main .case-box ul li:hover .red { opacity: 0; filter: alpha(opacity=0)}
.main .case-box ul li:hover .con { bottom: 0;}
.main .case-box ul li:hover img { transform: scale(1.1);}

.cp-detail-content{width: 100%;  overflow: hidden;}
.cp-detail-content .cp-de-fl{width:78%;}
.cp-detail-content .cp-de-fl img{max-width: 100%;}
.cp-detail-content .cp-de-fl h2{ width: 100%; text-align: center; font-size: 34px; color: #000; line-height: 54px; padding: 19px 0;    }
.cp-detail-content .cp-de-fl .cp-img{width: 100%; text-align: center;}
.cp-detail-content .cp-de-fl .cp-img img{margin: auto;}
.cp-detail-content .cp-de-fl .cp-intro{width: 100%; line-height: 28px; padding: 30px 0; font-size: 14px; color: #333;}
.cp-detail-content .cp-de-fl .cp-intro span{font-weight: bold; color: #111; padding: 5px 5px; background:#fff;font-size: 16px;}
.cp-detail-content .cp-de-fl .cp-intro p{padding: 5px 0;}
.cp-detail-content .cp-de-fr{width:20%;}
.cp-detail-content .cp-de-fr .other-cp{ width: 100%; box-sizing: border-box;  padding: 13px 9% 55px;  background: #f1f1f1;  box-shadow: 0 0 10px rgba(0, 0, 0, .07);}
.cp-detail-content .cp-de-fr .other-cp h4{font-size: 16px;  color: #333;  line-height: 48px;}
.cp-detail-content .cp-de-fr .other-cp ul{width: 100%;}
.cp-detail-content .cp-de-fr .other-cp ul li{width: 100%;}
.cp-detail-content .cp-de-fr .other-cp ul li a{  display: block;  width: 100%;  font-size: 16px;  color: #666;  line-height: 26px;  padding: 2px 0 7px 8%;  background: url(../case23.png) no-repeat left 10px;  transition: background .3s, color .3s;}
.cp-detail-content .cp-de-fr .other-cp ul li a:hover{ color: #0073ad;}
.up-down{width: 100%; background: #fff; padding: 10px 0; margin-top: 50px; overflow: hidden;color: #999; box-shadow: 0 0 10px #ccc;}
.up-down ul{width: 98%; margin: auto;}
.up-down ul li a{color: #999; font-size: 14px;}
.up-down ul li a:hover{color: #0073ad;}



/*服务项目*/

.main .service-box{width: 100%;overflow: hidden; margin-top: 20px;}
.main .service-box dl{ width:100%; }
.main .service-box dl{ width:100%; margin:10px 0; float: left; overflow: hidden; }
.main .service-box dl a{display: block;width: 99%;overflow: hidden;  margin: auto; border: 1px solid #e7e7e7;  background: #fff;}
.main .service-box dl dt{width: 20%; float: left;}
.main .service-box dl dt img{max-width: 100%;}
.main .service-box dl dd{width: 78%;float: left; padding: 10px 1%;}
.main .service-box dl dd h4{font-size: 20px; line-height: 40px; color: #3b3b3b; }
.main .service-box dl dd p{font-size: 14px; color:#797979; line-height: 23px; overflow: hidden; margin-bottom: 10px; }
.main .service-box dl dd span{display: block; width: 100px; height: 30px;line-height: 30px;  background: #234c53; color: #fff; text-align:center; }


/*设备展示*/
.main .equipment-box {width: 100%;overflow: hidden;}
.main .equipment-box ul{ width: 100%}
.main .equipment-box ul li { width: 23%; float: left;    margin:0 1% 30px 1%; }
.main .equipment-box ul li a{width: 99%;display: block;border: 1px solid #ccc; }
.main .equipment-box .equipment-img{  width: 100%;overflow: hidden; }
.main .equipment-box img { width: 100%; height: 250px; display: block;  transition: transform .3s}
.main .equipment-box h2 { font-size: 16px; text-align: center;  background: #ccc; color: #444;    line-height: 40px}
.main .equipment-box ul li a:hover img { transform: scale(1.1);}







/*联系我们*/
.main-contact{width:100%; overflow: hidden; margin:50px 0;}
.main-contact h1{ font-size: 18px;  color: #555;  font-weight: normal;  padding: 5px 0;}
.main-contact .con-content{width: 100%; overflow: hidden; margin-top: 50px; border-top: 1px solid #eee;}
.main-contact .con-fl{width:25%; float: left; border-right: 1px solid #eee; padding: 10px 3%;}
.main-contact .con-fl h3{font-size: 25px; padding: 15px 0; color: #000; }
.main-contact .con-fl p{font-size: 15px; line-height: 30px;color: #444;}
.main-contact .con-fl img{margin-top: 10px;}
.main-contact .con-fr{width: 60%; float: left;  padding: 30px 4%; }


.pager{width: 100%; padding-top: 50px;}


.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:#365ed0; color:#fff;}


.foot{width: 100%; background:#898989;color: #Fff; padding:40px 0;overflow: hidden;}
.foot .foot-link{width: 100%;font-size: 14px;  line-height: 25px;}
.foot .foot-link a{ color: #fff;}
.foot .foot-fl{width: 70%;}
.foot .foot-fl ul{ width: 100%; overflow: hidden; line-height: 50px;border-bottom: 1px solid #9b9b9b;}
.foot .foot-fl ul li{width: 14.25%; float: left;  font-size: 14px;}
.foot .foot-fl ul li a{ color: #fff;}
.foot .foot-fl ul li a:hover{color: #fff;}
.foot .foot-fl .foot-contact{width: 100%; padding-top: 30px; overflow: hidden;}
.foot .foot-fl .foot-contact h3{font-size: 25px;}
.foot .foot-fl .foot-contact span{font-size: 17px;display: block;padding: 10px 0;}
.foot .foot-fl .foot-contact p{font-size: 14px; line-height: 28px;}
.foot .foot-fr{width: 28%; }
.foot .foot-fr img{margin-top: 15px;}
.footer{width: 100%;color: #fff; background:#131313;line-height: 40px;overflow: hidden;}
.footer a{color: #fff;}