.head{position: static;}
.banner-inside img{width: 100%;margin-top:3%; }

.title0{line-height: 40px;font-size: 28px;color: #000;font-weight: bold;text-align: center;margin: 3%;}
.title0 a{color: #979797;}
.title0 a img{margin-right: 5px;}

/*.box{margin-bottom: 5%;}*/
.product{}
.product .nav2{}
.product .nav2 ul{height: auto;overflow: hidden;}
.product .nav2 ul li{float: left;width: 33.3%;border: 1px solid #ccc;text-align: center;font-size: 18px;}
.product .nav2 ul li:nth-child(2n+2){background-color: #4576D7;border: 1px solid #4576D7;}
.product .nav2 ul li a{display: block;width: 100%;text-align: center;line-height:30px;padding: 20% 0;color: #000000;}
.product .nav2 ul li:nth-child(2n+2) a{color: #fff;}
.product .nav2 ul li span{position: relative;padding: 2px 5px;z-index: 2;}
.product .nav2 ul li span i{position: absolute;height: 10px;width: 0;background-color: #9CBAF6;left: 50%;bottom:0;z-index: -1;transition: all 0.3s;}
.product .nav2 ul li:nth-child(2n+2) span i{background-color: #939393;}
.product .nav2 ul li:hover span i{width: 100%;left: 0;}

.product .service{margin-top: 5%;margin-bottom: 5%;}
.product .service .title{font-size: 28px;color: #000;font-weight: bold;}
.product .service .title span{position: relative;padding: 0 50px 5px 3px;}
.product .service .title span i{position: absolute;width: 100%;height: 25px;background-color:#9CBAF6;left: 0;bottom: 0;z-index: -1; }
.product .service .p1{line-height: 30px;margin-top: 50px;color: #26282c;font-size: 16px;}
.product .service .p3{margin-top: 3%;height: auto;overflow: hidden;}
.product .service .p3 a{display: block;line-height: 90px;width: 150px;text-align: center;background-color: #3666C5;color: #fff;float: left;margin-right: 5%;box-shadow: 3px 5px 10px #E4E7EF;margin-bottom: 2%;}
.product .service .p3 a:hover{background-color: #9CBAF6;}

.nav3{text-align: center; }
.nav3 ul{height: auto;overflow: hidden;  }
.nav3 ul li{display: inline-block;line-height: 25px;margin: 10px 20px;height:25px;}
.nav3 ul li a{color: #000;}
.nav3 ul li span{position: relative;padding-right: 10px;display: block;}
.nav3 ul li span i{display: block;width: 0%;height: 10px;background-color: #9CBAF6;z-index: -1;bottom:0; left: 0;position: absolute;transition: all 0.3s;}
.nav3 ul li:hover span i{width: 100%}
.nav3 ul .on span i{width: 100%}

.nommer .nav2{text-align: center; }
.nommer .nav2 ul{height: auto;overflow: hidden;  }
.nommer .nav2 ul li{display: inline-block;line-height: 25px;margin: 10px 20px;height:25px;}
.nommer .nav2 ul li a{color: #000;}
.nommer .nav2 ul li span{position: relative;padding-right: 10px;display: block;}
.nommer .nav2 ul li span i{display: block;width: 0%;height: 10px;background-color: #9CBAF6;z-index: -1;bottom:0; left: 0;position: absolute;transition: all 0.3s;}
.nommer .nav2 ul li:hover span i{width: 100%}
.nommer .nav2 ul .on span i{width: 100%}




.pro-first{margin-top: 5%;background: url("../images/pro-bg.jpg") repeat-x center; background-size: auto 80%;}
.pro-first .show{width: 768px;margin: 0 auto;height: auto;overflow: hidden;padding: 2% 0;min-height: 200px;}
.pro-first .show img{float: left;width: 340px;box-shadow: 15px -5px 40px #d6d6d6;}
.pro-first .show .des{float: right;width: 380px;text-align: center;}
.pro-first .show .des .p1{line-height: 40px;height: 40px;color: #000000;font-size: 20px;font-weight: bold;margin-top: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;}
.pro-first .show .des .p2{margin-top: 15px;line-height: 30px;height: 120px;font-size: 15px;color: #535353;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient: vertical;}
.pro-first .show .des .p3{width: 130px;line-height: 50px;background-color: #3666C5;color: #fff;margin: 30px auto;}

.product-list{text-align: center;}
.product-list ul{height: auto;overflow: hidden;width: 100%;}
.product-list ul li{float: left;padding:40px 30px;}
.product-list ul li img{width: 100%;transition: all 0.3s;}
.product-list ul li p{line-height: 60px;height: 60px;color: #000;font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;}
.product-list ul li:hover img{box-shadow: 0 15px 50px #b2b6bd;transform: scale(0.98)}
.product-list ul li:hover p{color: #3666C5;}

.class2{margin: 3% 3% 5% 3%;text-align: center;}
.class2 li{display: inline-block;line-height: 30px;margin: 0 15px;}
.class2 li a{color: #333333;}
.class2 li a:hover{color: #3666C5;}


.product-info{border-top: 1px solid #DDDDDD;margin-top: 3%;}
.product-info .product-img{height: auto;overflow: hidden;margin: 3% 0;}
.product-info .product-img .show{width: 50%;overflow: hidden;float: left;border-right: 1px solid #c0c4cc;}
.product-info .product-img .show li{width: 100%;float: left;text-align: center;}
.product-info .product-img .show li img{margin: 0 auto;max-width: 100%;}
.product-info .product-img .des{width: 45%;float: right;}
.product-info .product-img .des .p1{line-height: 40px;height: 40px;color: #000000;font-size: 20px;font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;}
.product-info .product-img .des .p2{margin-top: 15px;line-height: 30px;max-height: 300px;font-size: 15px;color: #535353;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:10;
    -webkit-box-orient: vertical;}
.product-info .others{line-height: 30px;padding: 4%;background-color: #F6F9FF;}
.product-info .others img{max-width: 100%;}
.product-info .download{font-size: 20px;color: #000;font-weight: bold;margin: 3% 0;}
.product-info .download a{color: #2d60c5;}

.product-info .table1{border-bottom: 5px solid #F6F9FF;padding-bottom: 5px;}
.product-info .table1 ul li{height: auto;overflow: hidden;font-size: 14px;color: #333333;}
.product-info .table1 ul li .p1{float: left;width: 25%;text-align: right;line-height: 30px;padding: 20px 5% 20px 0;}

.product-info .table1 ul li .right{float: right;width: 75%;padding: 20px 0 20px 5%;border-left: 5px solid #fff;}
.product-info .table1 ul li .p2{text-align: left;line-height: 30px;}
.product-info .table1 ul li{background-color: #F6F9FF;}
.product-info .table1 ul li:nth-child(2n+2){background-color: #fff;}

.product-info .table2{border: 1px solid #E5E5E5;}
.product-info .table2 ul li{height: auto;overflow: hidden;font-size: 14px;color: #333333;border-bottom: 1px solid #E5E5E5;}
.product-info .table2 ul li .p1{float: left;width: 20%;text-align: right;display: table-cell;vertical-align: middle;line-height: 30px;padding: 20px 5% 20px 0;}
.product-info .table2 ul li .right{float: right;width: 80%;border-left:1px solid #E5E5E5;padding: 20px 0 20px 5%;}
.product-info .table2 ul li .p2{text-align: left; line-height: 30px;}



.fanye{margin: 5% 0 5% 0;height: auto;overflow: hidden;}
.fanye p{line-height: 40px;height: 40px;overflow: hidden;color: #868686;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
}
.fanye p a{color: #868686;}
.fanye p a:hover{color: #2d60c5;}
.fanye .next{text-align: right;}

.product2{text-align: center;}
.product2 li{line-height: 30px;padding: 8%;margin-top: 3px;}
.product2 li a{color: #fff;font-size: 22px;font-weight: bold;}


.downloads{border-top: 1px solid #DDDDDD;margin-top: 3%}
.downloads .ts{line-height: 40px;text-align: center;margin-top: 2%;display: none;}
.downloads .downloads-list{margin-top: 5%;width: 100%;height: auto;overflow: hidden;}
.downloads .downloads-list li{line-height: 60px;padding: 20px 30px;background-color: #F7F7F7;height: auto;overflow: hidden;}
.downloads .downloads-list li:nth-child(4n+2){background-color: #fff;}
.downloads .downloads-list li:nth-child(4n+3){background-color: #fff;}
.downloads .downloads-list li .p1{font-weight: bold;font-size: 18px;color: #333333;text-align: center;float: left;width: 80%;line-height: 60px;height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;}
.downloads .downloads-list li .p2{float: left;width: 60px;margin-left: 10px;height: 60px;overflow: hidden;}
.downloads .downloads-list li .p2 .img1{transition: all 0.3s;margin-top: -60px;}
.downloads .downloads-list li:hover .img1{margin-top: 0;}


.cases{border-top: 1px solid #DDDDDD;margin-top: 3%;}
.cases .case-list{width: 100%;height: auto;overflow: hidden;min-height: 200px;}
.cases .case-list li{height: auto;overflow: hidden;padding: 2%;border-bottom: 1px solid #E0E0E0;}
.cases .case-list li:nth-child(2n+1){border-right: 1px solid #E0E0E0}
.cases .case-list li div{padding: 4%;background-color: #F6F9FF;transition: all 0.3s;}
.cases .case-list li .p1{font-weight: bold;font-size: 18px;color: #56575a;line-height: 50px;height: 50px;transition: all 0.3s;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;}
.cases .case-list li .p2{line-height: 25px;color: #707276;height: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:6;
    -webkit-box-orient: vertical;}
.cases .case-list li img{margin: 20px 0;transition: all 0.5s;}
.cases .case-list li:hover div{background-color: #e7f5ff;}
.cases .case-list li:hover img{margin-left:50px;}
.cases .case-list li:hover .p1{color: #2d60c5;}

.news{border-top: 1px solid #DDDDDD;margin-top: 3%;padding-top: 3%;}
.news .news-list ul{width: 100%;height: auto;overflow: hidden;min-height: 200px;    display: flex;flex-wrap: wrap;}
.news .news-list ul li{padding:0 1%;margin-top: 2%;margin-bottom: 2%;}
.news .news-list ul li img{width: 100%;padding-top: 10px;border-top: 1px solid #E0E0E0;transition: all 0.3s;}
.news .news-list ul li .p1{line-height: 25px;height: 50px;margin-top: 10px;color: #686767;transition: all 0.3s;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;}
.news .news-list ul li .p2{line-height: 25px;border-bottom:  1px solid #E0E0E0;color: #9c9c9c;padding-bottom: 8px;margin-top: 5px;transition: all 0.3s;}
.news .news-list ul li:hover .p1{color:#2d60c5; }
.news .news-list ul li:hover img{border-top: 1px solid #2d60c5;transform: scale(1.03)}
.news .news-list ul li:hover .p2{border-bottom:  1px solid #2d60c5;}




.searchs{border-top: 1px solid #DDDDDD;padding-top: 3%;}
.searchs .search-list ul{width: 100%;height: auto;overflow: hidden;}
.searchs .search-list ul li{padding: 0 4%;line-height: 100px;height: 100px;background-color: #F6F9FF;font-size: 18px;transition: all 0.3s;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;}
.searchs .search-list ul li a{color: #000;display: block;}
.searchs .search-list ul li:nth-child(2n+2){background-color: #fff;}
.searchs .search-list ul li:hover{background-color:#5E85D1; }
.searchs .search-list ul li:hover a{color: #fff;}

.product2-info{background-color: #F6F9FF;padding: 3%;}
.product2-info .title{line-height: 40px;font-size: 22px;color: #444444;font-weight: bolder;text-align: center;}
.product2-info .news-show{margin: 30px auto;min-height: 400px;}
.product2-info .news-show img{max-width: 100%;}
.product2-info .news-show video{max-width: 100%}
.product2-info .news-show table{max-width: 100%}

.news-info{border-top: 1px solid #DDDDDD;padding-top: 3%;margin-top: 3%!important;}
.news-info .title{line-height: 40px;font-size: 22px;color: #444444;font-weight: bolder;text-align: center;}
.news-info .time{text-align: center;line-height: 25px;color: #a8a8a8;}
.news-info .news-show{padding: 3%;margin-top: 3%;background-color: #F6F9FF;min-height: 400px;}
.news-info .news-show{margin-top: 30px ;min-height: 400px;}
.news-info .news-show img{max-width: 100%;}
.news-info .news-show video{max-width: 100%}
.news-info .news-show table{max-width: 100%}
.news-info .fanye{background-color: #F6F9FF;margin: 0;padding: 3%;}


/*服务*/
.service{border-top: 1px solid #DDDDDD;padding-top: 3%;margin-top: 3%;}
.service .title{text-align: center;font-size: 24px;color: #000000;font-weight: bold;line-height: 40px;}
.service .des{line-height: 25px;color: #1c1c1c;text-align: center;padding: 0 5%;margin-top: 10px;}
.service .show{background: url("../images/service-bg.jpg") no-repeat center bottom;background-size:100% 100%;padding: 2% 0;margin-top: 2%;}
.service .show li{text-align: center;padding:2% 3%;}
.service .show li .p1{background: url("../images/num-bg.png") no-repeat right bottom;height: 60px;width: 70px;margin: 0 auto;color: #fff;font-size: 36px;font-family: astros;}
.service .show li .p2{font-size: 18px;line-height: 35px;color: #fff;font-weight: bold;}
.service .show li .p3{line-height: 25px;min-height: 75px;margin-top: 20px;color: #fff;}

.service2{margin-top: 3%;}
.service2 .title{text-align: center;font-size: 24px;color: #000000;font-weight: bold;line-height: 40px;}
.service2 .des{line-height: 25px;color: #1c1c1c;text-align: center;padding: 0 15%;margin-top: 10px;}
.service2 .service2-list{height: auto;overflow: hidden;margin: 0 auto;max-width:888px; }
.service2 .service2-list li{max-width: 444px;padding: 30px;}
.service2 .service2-list li img{width: 100%;}
.service2 .service2-list li .p1{text-align: center;font-size: 18px;color: #1c1c1c;font-weight: bold;line-height: 40px;margin-top: 5px;}
.service2 .service2-list li .p2{line-height: 25px;color: #7b7b7b;}
.service2 .fault{margin: 2% auto 8% auto;}
.service2 .fault .row{}
.service2 .fault .left{padding-right: 3%;}
.service2 .fault .right{padding-left: 3%;}
.service2 .fault .div1{margin-top: 40px;}
.service2 .fault .div1 .p1{padding: 10px 30px;background-color: #3A5FA9;color: #fff;font-weight: bold;font-size: 18px;}
.service2 .fault .div1 .p2{padding: 5%;background-color: #F6F9FF;color: #262626;line-height: 25px;margin-top: -5px;}




.about{border-top: 1px solid #DDDDDD;padding-top: 3%;margin-top: 3%;}
.about .div1{}
.about .div1 .logo{text-align: center;line-height: 30px;color: #000;margin-top: 30px;}
.about .div1 .p2{line-height: 30px;}
.about .div2{margin-top: 4%;}
.about .div2 img{width: 100%;}
.about .div3{}
.about .div3 p{padding: 7%;background-color: #3A5FA9;color: #fff;line-height: 30px;margin-top: -150px;}
.about .div4{margin-top: 3%;}
.about .div4 .p1{line-height: 30px;color: #3a3b3c;}
.about .div4 .p2{width: 50px;height: 5px;background-color: #3A5FA9;margin: 10px 0;}
.about .div4 .p3{font-size: 30px;color: #3a3b3c;font-weight: bold;line-height: 70px;}
.about .div4 .p4{line-height: 30px;color: #3a3b3c;}
.about .div5{margin-top: 3%;max-width: 1210px;}
.about .div5 li div{max-width: 320px;margin-right:3%;}
.about .div5 li .p0{font-size: 30px;color: #3a3b3c;font-weight: bolder;line-height: 50px;margin-bottom: 15px;}
.about .div5 li img{width: 100%;}
.about .div5 li .p1{font-size: 18px;color: #3a3b3c;line-height: 50px;font-weight: bold;}
.about .div5 li .p2{font-size: 14px;color: #3a3b3c;line-height: 25px;}
.about .photos{margin-top: 3%;position: relative;}
.about .photos .title{font-size: 30px;color: #3a3b3c;font-weight: bolder;line-height: 50px;}
.about .photos .show{max-width: 650px;height: auto;overflow: hidden;margin-top: 20px;}
.about .photos .show img{width: 100%;}

.about .photos .control{width:240px; z-index: 20;height: 60px;float: left;margin-top: 12%;margin-left: 5%;}
.about .photos .control div{position: static;float: left;background-image: none;width: 68px;height: 48px;text-align: center;line-height: 48px;border: 1px solid #474747;font-size: 20px;margin-top: 0;}
/*.about .photos .control div:hover{background-color: #474747;color: #fff;}*/
.about .photos .control .swiper-button-next{background-color: #2E2D3C;color: #fff;}

.about .photos .control .swiper-pagination{border: none;line-height: 48px;font-family: astros;}
.about .photos .control .swiper-pagination:hover{background-color: #fff;color: #474747;}
.about .photos .control .swiper-button-prev{border-right: none;}



.jia{margin-top: 3%;padding: 4% 0;background: url("../images/jia-bg.jpg") no-repeat center;text-align: center;}
.jia img{max-width: 96%;}

.about2{margin-bottom: 5%;}
.about2 .honor{margin-top: 3%;height: auto;overflow: hidden;text-align: center;position: relative;max-width: 1120px;margin: 3% auto 0 auto;}
.about2 .honor .title{font-size: 30px;color: #3a3b3c;font-weight: bolder;line-height: 50px;}
.about2 .honor .show{max-width: 780px;height: auto;overflow: hidden;margin: 3% auto;}
.about2 .honor .show img{width: 100%;}
.about2 .honor .control{}
.about2 .honor .control div{background-image: none;font-size: 20px;width: 80px;line-height: 40px;height: 40px;/*border: 1px solid #2E2D3C;*/text-align: center;background-color: #F6F9FE;}
.about2 .honor .control div:hover{background-color: #2E2D3C;color: #fff;}
/*.about2 .honor .control .swiper-button-next{background-color: #2E2D3C;color: #fff;}*/

.about2 .company{text-align: center;margin-top: 3%;}
.about2 .company .title{font-size: 30px;color: #3a3b3c;font-weight: bolder;line-height: 70px;}
.about2 .company ul{margin: 10px;}
.about2 .company ul li{}
.about2 .company ul li p{margin: 1.5%;background-color: #F6F9FF;color: #3a3b3c;line-height: 50px;height: 50px;padding: 0 3%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;}
.about2 .company ul li p a{color: #3a3b3c;}
.about2 .company ul li p:hover a{color: #3A5FA9;}


.contact{border-top: 1px solid #DDDDDD;margin-top: 3%;}
.contact .ewm{text-align: center;background: url("../images/ewm-bg.jpg") no-repeat center top;padding: 5%;}
.contact .ewm .p1{margin-top: 40px;line-height: 40px;}
.contact .ewm img{width: 177px;}
.contact .ewm .p2{margin-top: 110px;font-size: 16px;color: #000;font-weight: bold;line-height: 30px;}
.contact .message{text-align: center;border-top: 1px solid #DDDDDD;}
.contact .message ul{height: auto;overflow: hidden;margin-top: 3%;}
.contact .message ul li{display: inline-block;padding: 1% 7%;border-left: 1px solid #DDDDDD;}
.contact .message ul li:last-child{border-right: 1px solid #DDDDDD;}
.contact .message ul li img{margin: 0 auto 20% auto;}
.contact .message ul li p{line-height: 25px;}
.contact .message .p1{line-height: 40px;margin-top: 1%;}

.contact .number{margin-top: 2%;height: auto;overflow: hidden;}
.contact .number .title{line-height: 30px;font-weight: bold;font-size: 16px;text-align: center;}
.contact .number .show{margin-top: 2%;}
.contact .number .show div{background-color: #F6F9FF;padding: 4%;}
.contact .number .show div .p1{font-weight: bolder;line-height: 30px;}
.contact .number .show div .p2{;line-height: 25px;min-height: 75px;height: auto;overflow: hidden;}
.contact .number .show div .p2 span{width: 50%;display: block;float: left;}
.contact .number .left div{margin-right: 3%;}
.contact .number .right div{margin-left: 3%;}

.contact .join{margin-top: 3%;}
.contact .join .title{text-align: center;font-weight: bold;font-size: 16px;}
.contact .join ul{height: auto;overflow: hidden;}
.contact .join ul li{margin-top: 2%;height: 90px;overflow: hidden;transition: all 0.3s;}
.contact .join ul li .p1{padding: 0 3%;background-color: #F6F9FF;line-height: 90px;height: 90px;cursor: pointer;transition: all 0.3s;}
.contact .join ul li .p1 img{float: right;margin-top: 38px;transition: all 0.3s;}
.contact .join ul li .p2{padding: 0 3%;line-height: 25px;margin-top: 15px;}
.contact .join ul .on{height: auto;overflow: hidden;}
.contact .join ul .on .p1{background-color: #E4EAF8;}
.contact .join ul .on .p1 img{transform: rotateZ(90deg);}

.contact .map{width: 100%;margin-top: 3%;height: 600px;}
.contact .map #allmap{width: 100%;height: 100%;}
.contact .map #allmap .BMapLabel{border: none!important;position: relative!important;color: #ff0404;}



/*小屏*/
@media  only screen and (max-width: 768px){

    .nommer .nav2 ul li {margin: 0px 10px;}

    .downloads .ts{display: block;margin-top: 5%;color: #7d7d7d;}

    .title0{font-size: 16px;}
    .box{width: 96%;margin: 0 auto;}
    .product .nav2 ul li{font-size: 14px;width: 100%;}
    .product .nav2 ul li a{padding: 4% 0;}
    .product .nav2 ul li:last-child span{height: 30px;display: block;line-height: 18px;}

    .product .service{margin-top: 10%;}
    .product .service .title{font-size: 16px;}
    .product .service .title span{position: relative;padding: 0 30px 5px 3px;}
    .product .service .title span i{position: absolute;width: 100%;height: 15px;background-color:#9CBAF6;left: 0;bottom: 0;z-index: -1; }
    .product .service .p1{line-height: 25px;margin-top: 20px;color: #26282c;font-size: 14px;}
    .product .service .p3 a{display: block;line-height: 65px;width: 120px;text-align: center;background-color: #3666C5;color: #fff;float: left;margin-right: 5%;box-shadow: 3px 5px 10px #E4E7EF;margin-bottom: 2%;}

    .nav3 ul li{line-height: 25px;margin: 5px 10px;height:25px;}

    .pro-first{margin-top: 5%;background: url("../images/pro-bg.jpg") repeat-x center; background-size: auto 70%;}
    .pro-first .show{width: 90%;margin: 0 auto;height: auto;overflow: hidden;padding: 2% 0}
    .pro-first .show img{float: left;width: 45%;box-shadow: 5px -2px 15px #d6d6d6;}
    .pro-first .show .des{float: right;width: 50%;text-align: center;}
    .pro-first .show .des .p1{line-height: 30px;height: 30px;color: #000000;font-size: 16px;font-weight: bold;margin-top: 50px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp:1;
        -webkit-box-orient: vertical;}
    .pro-first .show .des .p2{margin-top: 13px;line-height: 22px;height: 66px;font-size: 14px;color: #535353;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp:3;
        -webkit-box-orient: vertical;}
    .pro-first .show .des .p3{width: 80px;line-height: 30px;background-color: #3666C5;color: #fff;margin:30px 0 0 0px;font-size: 13px;}


    .product-list ul li{float: left;padding:8px 12px;}
    .product-list ul li img{width: 100%;transition: all 0.3s;}
    .product-list ul li p{line-height: 30px;height: 30px;color: #000;font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp:1;
        -webkit-box-orient: vertical;}


    .product-info .product-img .show{width: 100%;overflow: hidden;border: none;}
    .product-info .product-img .des{width: 100%;}
    .product-info .product-img .des .p1{line-height: 30px;height: 30px;color: #000000;font-size: 16px;font-weight: bold;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp:1;
        -webkit-box-orient: vertical;}
    .product-info .product-img .des .p2{margin-top: 5px;line-height: 22px;height: auto;font-size: 14px;color: #535353;}

    .product-info .download{font-size: 16px;}
    .product-info .download a{display: none;}

    .product-info .table1 ul li .p1{line-height: 30px;font-size: 13px;text-align: center;padding:20px 0;}
    .product-info .table2 ul li .p1{line-height: 30px;font-size: 13px;text-align: center;padding:20px 0;}
    .product-info .table1 ul li .p2{line-height: 30px;font-size: 12px;}
    .product-info .table2 ul li .p2{line-height: 30px;font-size: 12px;}

    .class2{display: none;}
    .fanye p{line-height: 25px;height: 25px;}
    .fanye .next{text-align: left;}



    .product2{text-align: center;margin-top:0;}
    .product2 li{line-height: 22px;padding: 10%;margin-top: 3px;background-size: auto 100%!important;}
    .product2 li a{color: #fff;font-size: 14px;font-weight: bold;}

    .downloads .downloads-list{margin-top: 0%;width: 100%;height: auto;overflow: hidden;}
    .downloads .downloads-list li{line-height: 40px;padding: 10px 15px;background-color: #F7F7F7;height: auto;overflow: hidden;}
    .downloads .downloads-list li:nth-child(2n+2){background-color: #fff;}
    .downloads .downloads-list li:nth-child(4n+3){background-color: #F7F7F7;}
    .downloads .downloads-list li .p1{font-weight: bold;font-size: 14px;color: #333333;text-align: center;float: left;width: 80%;line-height: 40px;height: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp:1;
        -webkit-box-orient: vertical;}
    .downloads .downloads-list li .p2{float: right;width: 50px;margin-left: 10px;height: 40px;overflow: hidden;}
    .downloads .downloads-list li .p2 img{width: 40px;}
    .downloads .downloads-list li .p2 .img1{transition: all 0.3s;margin-top: -40px;}
    .downloads .downloads-list li:hover .img1{margin-top: 0;}


    .cases .case-list li:nth-child(2n+1){border-right: none;}
    .cases .case-list li .p1{font-weight: bold;font-size: 16px;color: #56575a;line-height: 30px;height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp:1;
        -webkit-box-orient: vertical;}
    .cases .case-list li .p2{line-height: 22px;color: #707276;height: 88px;font-size: 13px;margin-top: 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp:4;
        -webkit-box-orient: vertical;}
    .cases .case-list li img{margin: 10px 0;}


    .product2-info{background-color: #F6F9FF;padding: 3%;}
    .product2-info .title{line-height: 30px;font-size: 16px;color: #444444;font-weight: bolder;text-align: center;}

    .news-info{margin-bottom: 30px;}
    .news-info .title{line-height: 30px;font-size: 16px;color: #444444;font-weight: bolder;text-align: center;}
    .news-info .time{text-align: center;line-height: 20px;color: #a8a8a8;font-size: 12px;}
    .news-info .news-show{margin-top: 10px;}


    .service .title{text-align: center;font-size: 16px;color: #000000;font-weight: bold;line-height: 30px;}
    .service .des{line-height: 22px;color: #1c1c1c;text-align: center;padding: 0 2%;margin-top: 5px;}
    .service .show{background-size: auto 100%;}
    .service .show li .p1{font-size: 24px;background-size: 40px;width: 50px;height: 40px;}
    .service .show li .p2{font-size: 15px;  }
    .service .show li .p3{line-height: 20px;min-height: 80px;margin-top: 5px;color: #fff;font-size: 13px;}
    .service2 .title{text-align: center;font-size: 16px;color: #000000;font-weight: bold;line-height: 30px;}
    .service2 .des{line-height: 22px;color: #1c1c1c;text-align: center;padding: 0 2%;margin-top: 5px;}
    .service2 .service2-list li{max-width: 444px;padding: 10px;}
    .service2 .service2-list li .p1{text-align: center;font-size: 15px;color: #1c1c1c;font-weight: bold;line-height: 30px;margin-top: 5px;}
    .service2 .service2-list li .p2{line-height: 22px;color: #7b7b7b;font-size: 13px;}

    .service2 .fault .left{padding-right: 0%;}
    .service2 .fault .right{padding-left: 0%;}
    .service2 .fault .div1{margin-top: 40px;}
    .service2 .fault .div1 .p1{padding: 5px 20px;background-color: #3A5FA9;color: #fff;font-weight: bold;font-size: 15px;}
    .service2 .fault .div1 .p2{padding: 5%;background-color: #F6F9FF;color: #262626;line-height: 22px;margin-top: -5px;font-size: 13px;}


    .about .div1 .logo{display: none;}
    .about .div1 .p2 {line-height: 22px;font-size: 13px;}
    .about .div3 p{padding: 3%;margin: 2%;margin-top:-10%;font-size: 13px;line-height: 22px;}
    .about .div4 .p1{line-height: 22px;font-size: 13px;}
    .about .div4 .p2{width: 30px;height: 3px;}
    .about .div4 .p3{font-size: 18px;line-height: 45px;}
    .about .div4 .p4{line-height: 22px;font-size: 13px;}
    .about .div5 li{margin-bottom: 10px;}
    .about .div5 li div{margin-right: 0;max-width: 500px;}
    .about .div5 li .p0{font-size: 18px;line-height: 40px;margin-bottom: 0;}
    /*.about .div5 li:nth-child(2){margin-top: 40px;}*/
    /*.about .div5 li:nth-child(3){margin-top: -80px;}*/
    .about .div5 li .p1{font-size: 15px;line-height:30px;}
    .about .div5 li .p2{line-height: 22px;font-size: 13px;}
    .about .photos .title{font-size: 18px;}
    .about .photos .show{margin-top: 0;}

    .about .photos .control{width:120px; z-index: 20;height: 40px;float: right;margin-top: 3%;margin-left: 5%;}
    .about .photos .control div{position: static;float: left;background-image: none;width: 38px;height: 28px;text-align: center;line-height: 28px;border: 1px solid #474747;font-size: 16px;margin-top: 0;}
    .about .photos .control div:hover{background-color: #474747;color: #fff;}
    .about .photos .control .swiper-pagination{border: none;line-height: 30px;font-family: astros;font-size: 14px;}
    .about .photos .control .swiper-pagination:hover{background-color: #fff;color: #474747;}
    .about .photos .control .swiper-button-prev{border-right: none;}


    .jia{background-size: auto 100%;}
    .about2 .company .title{font-size: 18px;line-height: 30px;}
    .about2 .company ul{margin: 0;}
    .about2 .company ul li p{font-size: 12px;line-height: 40px;height: 40px;padding: 0;}
    .about2 .honor .title{font-size: 18px;line-height: 30px;}
    .about2 .honor .control{display: none;}


    .contact .ewm{background-size: 90%;}
    .contact .ewm .p1{margin-top: 20px;}
    .contact .ewm img{width: 120px;}
    .contact .ewm .p2{margin-top: 80px;font-size: 14px;line-height: 25px;}

    .contact .message ul li{font-size: 12px;padding: 0;width: 32%;border: none!important;}
    .contact .message ul li img{width: 30px;margin: 10% auto;}
    .contact .message .p1{line-height: 25px;margin-top: 15px;}

    .contact .number{margin-top: 3%;}
    .contact .number .title{font-size: 15px;}
    .contact .number .left div{margin-right: 0;padding: 2%;}
    .contact .number .right div{margin-left: 0;padding: 2%;}
    .contact .number .show div .p1{font-size: 13px;}
    .contact .number .show div .p2{line-height: 22px;font-size: 12px;}
    .contact .join{margin-top: 5%;}
    .contact .join .title{font-size: 15px;}
    .contact .join ul li{height: 40px;}
    .contact .join ul li .p1{line-height: 40px;height: 40px;}
    .contact .join ul li .p1 img{margin-top: 13px;}
    .contact .join ul li .p2{font-size: 13px;line-height: 22px;}
    .contact .map{height: 350px;margin-bottom: 5%;}


}