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

.i-about{background-color:#242424;padding:20px 10px;}
.i-about-text h3{ font-size:22px; font-weight:400; color:#fff; line-height:40px;}
.i-about-text p{margin-top:10px;font-size:14px;color:#fff; line-height:30px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.i-about-btn{ display:block; margin:auto;width:160px; height:40px; line-height:40px; text-align:center;background-color:#fff; color:#333; border-radius:40px; margin-top:20px;}

.i-title{  text-align:center; font-size:22px; color:#333;padding-top:30px;margin-bottom:20px;}
.i-title-small{ text-align:center; font-size:14px; color:#999999;margin-bottom:30px;}
.i-service li{float:left;margin:0 13%; width:24%;margin-bottom:20px;}
.i-service li img{ display:block; width:100%;}
.i-service li p{ text-align:center;font-size:16px; font-weight:400; color:#666;margin-top:10px;}


.i-case-box{background-color:#f1f1f1;padding-bottom:30px;margin-top:10px;}
.tempWrap{ width:100% !important;margin-bottom:10px;}
.picMarquee-left{ width:100%;  overflow:hidden; position:relative;}
.picMarquee-left .bd{ padding:0 10px;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1;}
.picMarquee-left .bd ul li{width:140px !important; float:left; margin:0 5px;overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li  img{ width:100% !important; display:block; padding:2px; border:1px solid #ccc; box-sizing:border-box; }
.i-case-title{ line-height:30px; color:#333; font-size:14px;}
.i-case-btn{display:block; margin:auto;width:160px; height:40px; line-height:40px; text-align:center;background-color:#f26a11; color:#fff; border-radius:40px; margin-top:20px;}

.i-new-list{width:100%;}
.i-new-list ul{margin-bottom:30px;}
.i-new-list ul li{margin-bottom:20px; height:70px;}
.i-new-list li i{ display:block; float:left;width:20%; height:70px; text-align:center; line-height:70px; color:#fff; background-color:#f26a11; font-size:26px;}
.i-new-list-con{width:80%; background-color:#f4f1f2; height:70px;padding:0 10px; box-sizing:border-box;}
.i-new-list-con span{ display:block; margin-top:7px; color:#666; line-height:16px;}
.i-new-list-con em{ display:block;font-size:11px; color:#666;margin-top:7px;line-height:12px;}
.i-new-list-con p{font-size:14px; color:#a9a9a9; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:14px;margin-top:7px;}
.i-news-btn{display:block; margin:auto;width:160px; height:40px; line-height:40px; text-align:center;background-color:#2f333c; color:#fff; border-radius:40px; margin-top:20px;}

.footer{background-color:#1b252e;padding-top:20px;margin-top:40px;padding-bottom:30px;}
.footer-nav{ text-align:center; width:90%; margin:0 auto; border-top:1px solid #313a43;}
.footer-nav a{font-size:14px; color:#8b939d;margin:0 5px; line-height:30px;}
.footer-nav a:hover{color:#f26a11 !important;}
.copyright{ text-align:center;font-size:14px; color:#8b939d; line-height:28px;}
.gotop{position:fixed;right:0px;bottom:10px;width:30px; height:30px; background:#f26a11 url(../images/icon-top.png) no-repeat center; background-size:80%;}


.banner2 img{width:100%; margin-top:60px;}

.product-list-box{ width:100%; text-align:center;}
.product-list-box .hd{ height:40px; line-height:40px;position:relative;margin-top:20px; }
.product-list-box .hd ul{width:94%;margin:0 auto;}
.product-list-box .hd ul li{ float:left;cursor:pointer; font-size:16px; color:#666;  width:25%;}
.product-list-box .hd ul li.on{ height:40px; border-bottom:2px solid #f26a11;box-sizing:border-box; color:#f26a11 !important;}
.prolst{width:94%;margin:0 auto; margin-top:20px; }
.prolst li{float:left;width:50%;margin-bottom:20px;padding:0 5px; box-sizing:border-box;}
.prolst li img{ display:block;width:100%;border:1px solid #ddd;box-sizing:border-box;}
.prolst-con h3{ font-weight:400; color:#333;font-size:14px; text-align:center; margin-top:6px;}
.pages{width:100%; height:40px; margin:auto; text-align:center; line-height:40px;}
.pages a{padding:2px 8px; border:1px solid #dddddd; border-radius:2px; font-size:14px; color:#333;margin-left:2px;}
.pages a:hover,.pages-active{border:1px solid #f26a11 !important; background:#f26a11; color:#fff !important;}


.content-title{margin:0 auto;text-align:center; margin-top:20px; border-bottom:1px dashed #ddd;padding-bottom:10px;}
.content-title h1{font-weight:400; font-size:16px; color:#333333;}
.content-title p{ line-height:24px; text-align:center; font-size:12px; color:#666;}
.content img{ display:block;width:100%; margin:0 auto;margin-top:20px;}
.content p{line-height:24px; color:#666; margin-top:20px; font-size:14px;}
.content div{margin-top:10px; font-weight:bold; color:#666;font-size:14px;}
.content div a{color:#666;  font-weight:bold;}


.mkzxdt{width:94%; margin:0 auto;height:auto;}
.zxdtlb{margin-bottom:20px;}
.zxdtlb li{border-bottom:#cacaca 1px dashed; box-sizing:border-box;padding:14px 0;}
.zxdtlb1{float:left;width:30%;margin-top:10px;}
.zxdtlb2{width:70%;padding-left:10px; box-sizing:border-box;}
.zxdtlb3{font-size:16px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:5px; color:#333;}
.zxdtlb4{line-height:20px; font-size:14px; margin:5px 0;  color:#999;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.zxdtlb5{width:100%; height:16px; background:url(../images/icon-time.png) no-repeat 0 center; font-size:12px; color:#999; text-indent:20px;}
.fanpian{padding-top:20px;}
.fanpian span{ display:block;font-size:12px; font-family:"宋体"; color:#333; line-height:30px;}
.fanpian span a{color:#666 !important; text-decoration:underline; font-weight:normal;}

.partner li{width:25%; float:left;margin-top:20px;padding:0 5px; box-sizing:border-box;}
.partner li img{ display:block; width:100%;border:1px solid #ccc; margin:0 !important;}

.map{height:200px;border:#ccc solid 1px;margin-top:20px !important;}
.contact{font-size:14px; color:#333; line-height:34px;margin-top:20px;}

.contact i{ display:inline-block; width:16px; height:16px; margin-right:20px;vertical-align:middle;}
.contact a{color:#333;}
.icon1{background:url(../images/contact-icon1.png) no-repeat center;}
.icon2{background:url(../images/contact-icon2.png) no-repeat center;}
.icon3{background:url(../images/contact-icon3.png) no-repeat center;}
.icon4{background:url(../images/contact-icon4.png) no-repeat center;}
.icon5{background:url(../images/contact-icon5.png) no-repeat center;}