@charset "utf-8";

/* =====================内页样式======================== */

/* about */

.abo-container{width: 100%;padding: 100px 0 30px 0;overflow: hidden;}

.intro-num{width: 100%;overflow: hidden;}

.intro-num ul li{width: 25%;float: left;border-right: 1px solid #d9dde0;text-align: center;}

.intro-num ul li:last-child{border-right: none;}

.intro-num ul li span{display: block;font-size: 52px;color: #0e8ce4;font-family: 'DINCond';}

.intro-num ul li p{font-size: 16px;color: #555;line-height: 26px;margin-top: 6px;}

.about-text{width: 100%;margin: 40px 0 30px 0;overflow: hidden;transition: all .6s ease;height: 180px;overflow: hidden;}

.about-text p{font-size: 14px;color: #888888;line-height: 28px;margin-bottom: 19px;text-indent : 20px;}

.more-button{width: 30px;height: 20px;background: url('../images/more01.png') no-repeat center center;margin: 0 auto;cursor: pointer;}

.more-button.ontrue{transform: rotate(180deg);}

.more-bg2 .more-button{background: url('../images/more02.png') no-repeat center center;}

.abo2-container{width: 100%;padding: 100px 0;overflow: hidden;}

.abologo{width: 100%;}

.abologo ul{margin-left: -2%;}

.abologo ul li{height: 136px;width: 18%;margin-left: 2%;margin-bottom: 2%;float: left;line-height: 136px;border: 1px solid #f2f2f2;padding: 0 20px;

transition: all .4s ease;text-align: center;}

.abologo ul li a{display: block;}

.abologo ul li img{max-width: 100%;}

.abologo ul li:hover{box-shadow: 0 4px 12px 2px #eceef4;}



/* contact */

.con-container{width: 100%;padding: 100px 0;overflow: hidden;}

.con-left{width: 32%;float: left;padding-right: 20px;}

.con-left ul li{height: 86px;border-bottom: 1px solid #eeefef;padding-left: 50px;margin-bottom: 24px;position: relative;}

.con-left ul li:last-child{border-bottom: 0px;margin-bottom: 0px;}

.con-left ul li h6{font-size: 18px;color: #444444;font-weight: bold;transition: all .4s ease;padding-bottom: 10px;}

.con-left ul li:hover h6{color: #0e8ce4;}

.con-left ul li p{font-size: 14px;color: #777777;line-height: 24px;}

.con-left ul li:nth-child(1){background: url('../images/con-01.png') left 5px no-repeat;}

.con-left ul li:nth-child(2){background: url('../images/con-02.png') left 5px no-repeat;}

.con-left ul li:nth-child(3){background: url('../images/con-03.png') left 5px no-repeat;}

.con-left ul li:nth-child(4){background: url('../images/con-04.png') left 5px no-repeat;}

.con-left ul li:nth-child(5){background: url('../images/con-05.png') left 5px no-repeat;}

.con-left ul li i{width: 78px;height: 78px;position: absolute;right: 0px;top: -8px;}

.con-map{width: 68%;float: left;height: 510px;background-color: #444444;overflow: hidden;}

#allmap{width:100%;height:510px;}

.BMap_bubble_title{font-size: 16px;color: #333;line-height: 30px;padding-bottom: 10px;}

.BMap_bubble_content{font-size: 14px;color: #666;line-height: 22px;}



/* 技术交流 */

.tec-container{width: 100%;padding: 60px 0;background-color: #f5f5f5;}

.tecgao{width: 100%;overflow: hidden;}

.tecgao ul{margin-left: -2%;}

.tecgao ul li{width: 31.333%;float: left;position: relative;margin-left: 2%;margin-bottom: 2%;overflow: hidden;}

.tecgao ul li img{width: 100%;transition: all .6s ease}

.tecgao ul li p{position: absolute;bottom: 0px;left: 0;width: 100%;padding: 12px 20px 8px 20px;background: rgba(0, 0, 0, .9);font-size: 15px;color: #fff;line-height: 24px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;transition: all .6s ease}

.tecgao ul li:hover img{transform: scale(1.1);} 

.tecgao ul li:hover p{color: #0e8ce4;}

.teclist{width: 100%;height: auto;padding: 30px 0 0 0;}

.teclist h6{font-size: 20px;color: #444;font-weight: bold;padding-left: 30px;}

.tectit1{background: url('../images/tec-09.png') left center no-repeat;}

.tectit2{background: url('../images/tec-10.png') left center no-repeat;}

.tectit3{background: url('../images/tec-11.png') left center no-repeat;}

.teclist ul{margin-left: -1%;margin-top: 30px;}

.teclist ul li{width: 19%;float: left;margin-left: 1%;margin-bottom: 1%;background-color: #fff;padding: 30px 30px;transition: all .4s ease;}

.teclist ul li a{display: block;}

.teclist ul li:hover{box-shadow: 0 4px 12px 2px #cccccc;}

.teclist ul li img,.teclist ul li p{display: inline-block;vertical-align: middle;}

.teclist ul li img{width: 58px;height: 58px;border: 1px solid #f0f0f0;margin-right: 10px;}

.teclist ul li p{font-size: 16px;line-height: 24px;color: #777777;max-width: 100px;}



/* more */

.more-bg1{width: 100%;background-color: #fff;padding: 70px 0;overflow: hidden;}

.more-bg2{width: 100%;background-color: #0e4e96;padding: 70px 0;overflow: hidden;}

.more-bg3{width: 100%;background-color: #fff;padding: 70px 0;overflow: hidden;}

.more-bg4{width: 100%;background-color: #0e4e96;padding: 70px 0;overflow: hidden;}

.more-bg5{width: 100%;background-color: #fff;padding: 70px 0;overflow: hidden;}

.moreone{width: 100%;}

.more-tit{width: 100%;}

.more-tit h6{position: relative;padding-bottom: 20px;font-size: 26px;color: #222a2e;line-height: 36px;text-align: center;}



.more-tit h6::after{content: '';width: 40px;height: 2px;background-color: #1f8fe8;position: absolute;bottom: 0px;left: 50%;margin-left: -20px;}

.more-tit p{font-size: 14px;color: #888;line-height: 34px;margin-top: 20px;}



.more-tit2{width: 100%;margin: 20px 0;position: relative;height: 30px;text-align: center;}

.more-tit2::after{content: '';width: 100%;height: 1px;background-color: #efefef;position: absolute;top: 50%;left: 0;z-index: 1;}

.more-tit2 h6{display: inline-block;padding: 0 20px;font-size: 18px;color: #555555;line-height: 30px;background-color: #fff;position: relative;z-index: 2;}



.more-pro{width: 100%;}

.more-pro ul li{width: 21%;margin: 2% 2%;float: left;text-align: center;}

.more-pro ul li a{display: block;}

.more-pro ul li h6{width: 230px;height: 230px;overflow: hidden;border-radius: 50%;margin: 0 auto;line-height: 230px;background-color: #fff;}

.more-pro ul li h6 img{width: 80%;object-fit: cover;transition: all .6s ease;}

/* .more-pro ul li img{max-width: 100%;padding-bottom: 20px;} */

.more-pro ul li p{font-size: 16px;color: #666;line-height: 26px;transition: all .4s ease;margin-top: 10px;}

/* .more-pro ul li:hover img{transform: translateY(-10px);} */

.more-pro ul li:hover p{color: #0e8ce4;}



.more-pro2{width: 100%;display: none;}

.more-pro2 ul li{width: 21%;margin: 2% 2%;float: left;text-align: center;}

.more-pro2 ul li a{display: block;}

.more-pro2 ul li h6{width: 230px;height: 230px;overflow: hidden;border-radius: 50%;margin: 0 auto;line-height: 230px;background-color: #fff;}

.more-pro2 ul li h6 img{width: 80%;object-fit: cover;transition: all .6s ease;}

/* .more-pro2 ul li img{max-width: 100%;padding-bottom: 20px;transition: all .6s ease;} */

.more-pro2 ul li p{font-size: 16px;color: #666;line-height: 26px;transition: all .4s ease;}

/* .more-pro2 ul li:hover img{transform: translateY(-10px);} */

.more-pro2 ul li:hover p{color: #0e8ce4;}



.more-bg2 .more-tit h6{color: #fff;}

.more-bg2 .more-tit h6::after{background-color: #fff;}

.more-bg2 .more-tit p{color: #fff;}

.more-bg2 .more-tit2::after{opacity: .1;}

.more-bg2 .more-tit2 h6{color: #fff;background-color: #0e4e96;}

.more-bg2 .more-pro ul li p{color: #fff;}

.more-bg2 .more-pro ul li:hover p{color: #0e8ce4;}

.more-bg2 .more-pro2 ul li p{color: #fff;}

.more-bg2 .more-pro2 ul li:hover p{color: #0e8ce4;}



.more-bg4 .more-tit h6{color: #fff;}

.more-bg4 .more-tit h6::after{background-color: #fff;}

.more-bg4 .more-tit p{color: #fff;}

.more-bg4 .more-tit2::after{opacity: .1;}

.more-bg4 .more-tit2 h6{color: #fff;background-color: #0e4e96;}

.more-bg4 .more-pro ul li p{color: #fff;}

.more-bg4 .more-pro ul li:hover p{color: #0e8ce4;}

.more-bg4 .more-pro2 ul li p{color: #fff;}

.more-bg4 .more-pro2 ul li:hover p{color: #0e8ce4;}



/* product */

.pro-container{width: 100%;overflow: hidden;background-color: #f5f5f5;padding: 20px 0 80px 0;}

.prolist{width: 100%;overflow: hidden;}

.prolist ul {margin-left: -2%;}

.prolist ul li{width: 23%;float: left;margin: 0 0 2% 2%;}

.prolist ul li .img{width: 100%;height: 230px;overflow: hidden;}

.prolist ul li .img img{width: 100%;height: 100%;object-fit: cover;transition: all .6s ease;}

.prolist ul li:hover .img img{transform: scale(1.1);}

.prolist ul li .text{width: 100%;height: 90px;background-color: #eaeaea;overflow: hidden;}

.prolist ul li .text p{font-size: 16px;color: #666666;text-align: center;line-height: 24px;padding: 32px 10px 0 10px;transition: all .4s ease;}

.prolist ul li:hover .text p{color: #0e8ce4;}



/* prodetail */

.prodetail{width: 100%;padding: 50px 0;overflow: hidden;}

.prodetail-left{width: 73%;float: left;overflow: hidden;}

.detailtop{width: 100%;padding-right: 50px;}

.detailtop ul{margin-left: -2%;}

.detailtop ul li{float: left;width: 29%;margin-left: 2%;background: linear-gradient(to right, #34a9ed ,#2a93e9);text-align: center;

    box-shadow: 4px 4px 8px #bbe3ff;}

.detailtop ul li a{display: block;}

.detailtop ul li span{display: inline-block;line-height: 58px;vertical-align: middle;/*padding-right: 10px;*/}

.detailtop ul li p{display: inline-block;font-size: 16px;color: #fff;line-height: 26px;vertical-align: middle;}

.detailtop ul li:nth-child(2){width: 36%;background: linear-gradient(to right, #fca11e ,#fc8918);box-shadow: 4px 4px 8px #ffe3ba;}

.detailtop ul li:hover p{font-weight: bold;}

.prodetail-right{width: 27%;float: right;padding-left: 50px;}

.prodetail-right h6{font-size: 20px;color: #333;padding-bottom: 20px;border-bottom: 1px solid #ececec;margin-bottom: 20px;}

.prodetail-right ul li{width: 100%;margin-bottom: 20px;overflow: hidden;background-color: #000;}

.prodetail-right ul li img{max-width: 100%;transition: all .4s ease;}

.prodetail-right ul li:hover img{opacity: .8;}

.prodetail-right ul li p{font-size: 16px;color: #666;line-height: 26px;background-color: #f4f4f4;padding: 20px 5px;text-align: center;}

.prodetail-right ul li:hover p{color: #0e8ce4;}



.detail-main{width: 100%;margin-top: 40px;overflow: hidden;padding-right: 50px;border-right: 1px solid #ececec;}

.detail-maintit{width: 100%;overflow: hidden;margin-bottom: 20px;}

.detail-maintit h6{float: left;font-size: 28px;color: #333;line-height: 40px;}

.detail-maintit h6 span{font-size: 12px;color: #bbbbbb;line-height: 20px;display: block;}

.pback{display: block;padding: 12px 30px;border: 1px solid #d7d7d7;font-size: 14px;color: #777;float: right;}

.pback:hover{color: #ff8a00;border-color: #ff8a00;}



.detail-maintext{width: 100%;font-size: 15px;color: #666666;line-height: 30px;}

.detail-maintext h6{font-size: 20px;color: #333;font-weight: bold;line-height: 30px;padding: 10px 0;}

.detail-maintext p{/*padding-bottom: 20px;*/line-height: 30px;}

.detail-maintext p img{width: 100%;}







/* abo swiper动图 */

.abo-fanye{width: 100%;padding: 40px 0;overflow: hidden;}

#certify{position:relative;width:1200px;margin:0 auto;}

/* #certify .swiper-container{} */

#certify .swiper-slide{width:520px;}

#certify .swiper-slide img{display:block;max-width: 100%;max-height:430px;filter: grayscale(100%);transition: all .6s ease;}

#certify .swiper-slide p{line-height:80px;padding-top:0;text-align:center;color:#666;font-size:18px;margin:0;display: none;

background: url('../images/abo-bg.png') no-repeat center bottom;}

#certify .swiper-pagination{width:100%;bottom:20px;}

#certify .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;border:3px solid #fff;background-color:#d5d5d5;width:10px;height:10px;opacity:1}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active{border:3px solid #00aadc;background-color:#fff}

#certify .swiper-button-prev{left:-10px;width:30px;height:80px;background: #323232 url('../images/prev-01.png') center center no-repeat;margin-top: -40px;}

#certify .swiper-button-prev:hover{background: #ff8a00 url('../images/prev-01.png') center center no-repeat;}

#certify .swiper-button-next{right:-10px;width:30px;height:80px;background: #323232 url('../images/next-01.png') center center no-repeat;margin-top: -40px;}

#certify .swiper-button-next:hover{background: #ff8a00 url('../images/next-01.png') center center no-repeat;}

#certify .swiper-slide.swiper-slide-active img{filter: grayscale(0%);}

#certify .swiper-slide.swiper-slide-active p{display: block;}





.pro-nav{width: 100%;overflow: hidden;margin: 0 0 40px 0;border-bottom: 1px solid #ddd;padding: 20px 0;}

.pro-nav a{float: left;font-size: 16px;color: #666;line-height: 30px;margin-right: 20px;}

.pro-nav a.ontrue,.pro-nav a:hover{color: #0e8ce4;}







/* -------------------------PC端--------------------------- */

@media all and (max-width:1700px) {

    /* 1600 × (900/1024/1200) */

}



@media all and (max-width:1599px) {

    /* 1440 × (900/1050) */

}



@media all and (max-width:1439px) {

    /* 1360 × (768) */

    .more-bg1,.more-bg2,.more-bg3,.more-bg4,.more-bg5{padding: 50px 0;}

}



@media all and (max-width:1359px) {

    /* 1280 × (800/854/1024) */

    .con-container{padding: 60px 0;}

    .abo-container{padding: 60px 0;}

    .abo2-container{padding: 60px 0;}

    .teclist ul li p{max-width: 100px;}

    .prolist ul li .img{height: 206px;}

    .pro-container{padding:20px 0 60px 0;}

    .detailtop,.detail-main{padding-right: 30px;}

    .prodetail-right{padding-left: 30px;}

    .detailtop ul li span{padding-right: 5px;}

    .detailtop ul li p{font-size: 14px;}

    #certify{width: 100%;}

    .teclist ul li {padding: 28px 20px;}
}



@media all and (max-width:1279px) {

    /* 1152 × (864) */

    .intro-num ul li span {font-size: 48px;}

    .abologo ul li{height: 100px;line-height: 100px;}

    .teclist ul li{padding: 20px;}

    .more-tit p{line-height: 26px;}

    .prolist ul li .img{height: 185px;}

    .teclist ul li {padding: 20px 12px;}
    .teclist ul li img {margin-right: 6px;}
    

}



@media all and (max-width:1151px) {

    /* 1024 × (600/768) */

    .intro-num ul li span {font-size: 40px;}

    .intro-num ul li p{font-size: 14px;}

    .teclist ul li{width: 24%;}

    .prolist ul li .img{height: 164px;}

    .pro-container{padding: 10px 0 50px 0;}

    .prolist ul li .text{height: 70px;}

    .prolist ul li .text p{padding: 22px 10px 0 10px;}



    .detailtop ul li{width: 100%;margin-bottom: 2%;}

    .detailtop ul li:nth-child(2){width: 100%;}

}





/* ------------------------手机端-------------------------- */

@media all and (max-width:1000px) {

    /* 平板设备 720 适配 */

    .abo-container{padding: 40px 0;}

    .abo2-container{padding: 40px 0 30px 0;}

    .abologo ul li{width: 23%;padding: 0 16px;}

    .con-left{width: 100%;padding-right: 0px;padding-bottom: 20px;}

    .con-map{width: 100%;}

    .tec-container{padding: 40px 0;}

    .tecgao ul li p{font-size: 12px;line-height: 20px;padding: 10px 10px 8px 10px;}

    .teclist ul li{width: 32.333%;}

    .teclist{padding: 20px 0 0 0;}

    .teclist ul{margin-top: 20px;}

    .more-bg1, .more-bg2, .more-bg3, .more-bg4, .more-bg5 {padding: 40px 0;}

    .more-pro ul li p{line-height: 24px;font-size: 14px;}

    .more-pro2 ul li p{line-height: 24px;font-size: 14px;}

    .more-tit p{margin-top: 10px;}

    .prolist ul li {width: 31.333%;}



    .prodetail{padding: 30px 0;}

    .prodetail-left{width: 100%;}

    .detailtop,.detail-main{padding-right: 0px;border-right: 0px;}

    .pback{padding: 8px 24px;}

    .detail-maintit h6{font-size: 24px;line-height: 30px;}

    .detail-maintext p{padding: 0 0 14px 0;}

    .detail-maintext h6{font-size: 18px;}

    .prodetail-right{width: 100%;padding-left: 0px;margin-top: 20px;}

    .prodetail-right ul li{width: 48%;margin: 1% 1%;float: left;}

    .prodetail-right ul li img{width: 100%;}

    .detailtop ul li{text-align: left;padding-left: 30px;}



    .more-pro ul li h6{width: 100px;height: 100px;line-height: 100%;}

    .more-pro2 ul li h6{width: 100px;height: 100px;line-height: 100%;}



    .pro-nav{width: 100%;overflow: hidden;margin: 0 0 20px 0;padding: 20px 0;}

    .pro-nav a{font-size: 14px;color: #666;line-height: 30px;margin-right: 14px;}



    

}

@media all and (max-width:640px) {

    /* 移动终端以上 360 适配 */

    .abologo ul li{width: 48%;}

    .abo-container{padding: 30px 0;}

    .abo2-container{padding: 30px 0 20px 0;}

    .intro-num ul li{width: 50%;margin-bottom: 20px;padding: 10px;}

    .intro-num ul li:nth-child(2){border-right: 0px;}

    .intro-num ul li span{font-size: 36px;}

    .about-text{margin: 10px 0 20px 0;}

    .about-text p{line-height: 26px;}

    .con-left ul li{min-height: 70px;height: auto;margin-bottom: 16px;}

    .con-container{padding: 30px 0;}



    .con-map{height: 320px;}

    #allmap{width:100%;height:320px;}

    .tec-container{padding: 30px 0;}

    .tecgao ul li{width: 100%;}

    .teclist ul li{width: 49%;padding: 16px 10px;margin-bottom: 2%;}

    .teclist ul li img{margin-right: 8px;}

    .teclist ul li p{font-size: 14px;max-width: 60px;line-height: 18px;}

    .tecgao ul li p{font-size: 14px;padding: 14px 16px 8px 16px;}



    .more-bg1, .more-bg2, .more-bg3, .more-bg4, .more-bg5{padding: 30px 0;}

    .more-tit h6{font-size: 22px;padding-bottom: 10px;}

    .more-tit2{margin: 14px 0;}

    .more-tit2 h6{font-size: 16px;}

    .more-pro ul li{width: 46%;}

    .more-pro2 ul li{width: 46%;}



    .pro-container{padding:0 0 30px 0;}

    .prolist ul li{width: 48%;}

    .prolist ul li .img{height: auto;}

    .prolist ul li .text{height: auto;}

    .prolist ul li .text p{font-size: 14px;padding: 14px 5px;}



    .detail-main{margin-top: 30px;}

    .detail-maintit h6{display: block;width: 100%;}

    .detail-maintext{font-size: 14px;line-height: 24px;}

    .detail-maintext p{line-height: 24px;}

    .prodetail-right ul li p{font-size: 14px;padding: 12px 5px;}



    #certify .swiper-slide{width: 100%;}

    #certify .swiper-slide p{font-size: 16px;line-height: 60px;}

    .abo-fanye{padding: 0 0 20px 0;}

    #certify .swiper-button-prev{left: 0;height: 60px;}

    #certify .swiper-button-next{right: 0px;height: 60px;}

    #certify .swiper-slide img{opacity: 0;}

    #certify .swiper-slide.swiper-slide-active img{opacity: 1;}



    

}