﻿@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
*{box-sizing:border-box;}
body,textarea{color:#333; font-size:14px; font-family:Arial, "微软雅黑";}
ul, ol,li,dd,dl{ list-style:none;} 
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
address,cite,code,em,th { font-weight:normal; font-style:normal;}
input,button,textarea,select{color:#444; font-size:14px; vertical-align:middle;}
input:focus {outline:none;}
span,samp,i,em,b{ font-family: Arial, "微软雅黑";;}
a{ color:#333; text-decoration:none;}
.w1600{max-width:1366px;width:96%;margin:auto;}
.topa,.topa-b,.topa-ba ul,.topx,.produa,.produab ul,.produb ul,.puoa li,.aboaa ul,.abo,.abob,.font,.i-aboe ul,.i-abofa ul,.i-aboga,.i-aboh,.i-contact,.i-news,.i-newsa,.i-new ul,.i-abxo ul,.praa,.i-abost,.i-abot li,.i-abogb,.ni-sis,.ni-sisa,.i-cos,.i-cosbb,.i-coj,.i-codb li,.i-codb ul,.i-teca,.i-produ,.i-produb ul,.i-pros{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}

.top{position:fixed;top:0;left:0;width:100%;z-index:9999;background:#fff;}
.topa{margin:auto;justify-content: space-between;align-items: center;box-sizing:border-box;max-width:1366px;}
.topa-a{width:230px;}
.topa-a img{max-width: 100%;}
.topa-b{align-items: center;}
.topa-ba{}
.topa-ba ul{justify-content: space-between;}
.topa-ba li{padding:0 33px;position:relative;}
.topa-ba li:nth-child(2){position:static;}
.topa-ba li p{text-transform:uppercase;font-size:16px;}
.topa-ba li a{display:block;padding:37px 0;font-weight: bold;color:#888;}
.topa-ba dl{position:absolute;top:100%;left:0;width:100%;background:#fff;z-index:999;line-height:30px;display:none;text-align: center;border-top:1px solid #eee;}
.topa-ba dl dd img{display:block;width:200px;}
.topa-ba dl a{display:block;box-sizing:border-box;padding:10px 0;width:100%;}
.topa-ba li:nth-child(2) dl dd{display:inline-block;vertical-align: middle;}
.topa-ba li:nth-child(2) dl a{padding:37px 0;}
.topa-ba dl span{display:block;box-sizing:border-box;padding:10px;background:#fff;border-radius: 10px;}
.topa-ba dl dd:hover span{background:#eee;}
.topa-ba dl dd:hover img{border-radius:10px;}
.topa-ba dl dd:hover{background:#f0f0f0;}

.topa-bb{position:absolute;top:0;right:0%;background:rgb(0 0 0 / 80%);height: 100%;width:40%;display:none;}


.topx{align-items: center;}
.topx-a{cursor: pointer;padding:35px 0;}
.topx-a p{margin:0 10px;}
.topx-a p:after{content:'';width:15px;height:12px;background:url("../images/you.png") center no-repeat;display:inline-block;}
.topx-b{width:50px;margin-left:20px;}
.topx-b img{display:inline-block;vertical-align: middle;}
.topx-b a{display:inline-block;margin-left:7px;font-size:16px;font-weight: bold; vertical-align: middle;line-height:14px;color:#888;}

.topx-c{position:absolute;top:0%;right:0;width:100%;height:100vh;align-items: center;justify-content: center;display:none;text-align:center;flex-wrap: wrap;}
.topx-c input{box-sizing:border-box;padding:0 10px;border:0;line-height:60px;display:block;width:500px;text-align:center;}
.topx-c a{display:inline-block;width:100px;text-align:center;background:#18a6e1;color:#fff;margin-top:30px;line-height:40px;}
.topx-ca{position:relative;z-index:1;}
.topx-ca p{margin:0 auto 60px;text-align:center;color:#fff;font-size:60px;}
.topx-ca span{font-size:24px;}
.topx-cb{background: rgb(0 0 0 / 70%);position:absolute;top:0;left:0;width:100%;height:100%;}


.oxh{background:#fff;box-shadow: 0 0 10px #ccc;}

@media screen and (min-width:1600px){
.topx-b:hover a{color:#18a6e1;}
.topa-ba li:hover p a{color:#18a6e1}
.topa-ba dd:hover a{color:#18a6e1;}
.top:hover{background:#fff;}
}

/*手机*/
.zhz{width:49px;height:49px;overflow:hidden;position:absolute;top:13px;right:12px;display:none;}
.zhz samp{position:absolute;left:26%;background:#333;height:2px;width:26px; transition:all 0.5s;}
.zhz .samp1{top:18px}
.zhz .samp2{top:25px;}
.zhz .samp3{top:32px;}
.active samp{background:#fff;}
.active .samp2{left:-100%;}
.active .samp1{transform:rotate(225deg);top:25px}
.active .samp3{transform:rotate(-225deg);top:25px;}

/*大图*/
.banner{margin-top:95px;}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;align-items: center;position: relative;}
.swiper-slide1bg{width: 100%;}
.swiper-slide1bg i{display: block;overflow: hidden;font-size: 0px;}
.swiper-slide1bg i img{max-width: 100%;}
.swiper-slide-active .swiper-slide1bg{width:100%;transition-delay: 0.5s;}
.swiper-slide1{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-80%);opacity:1;transition: 1s;width: 80%;}
.pin2{width: 860px;height: 423px;background: rgba(0, 0, 0, 0.5);border-radius: 30px;opacity: 0;transition: 2s;transform: translate(-50%,-50%);}
.pin2 .p1{text-transform: uppercase;}
.swiper-slide1 h3{color: #fff;font-size: 50px;padding-bottom: 10px;font-weight: bold;padding-top: 100px;transform: translateY(-100%);opacity: 0;transition: 1.5s;letter-spacing: 8px;}
.swiper-slide1 p.p1{font-size: 16px;color: #fff;letter-spacing: 1px;font-weight: 100;transform: translateY(-100%);opacity: 0;transition: 1.5s;margin-top: 16px;line-height: 30px;}
.swiper-slide1 .p2{width: 400px;margin: 0px auto;overflow: hidden;text-align: center;margin-top: 35px;transform: translateY(-100%);opacity: 0;transition: 2s;}
.swiper-slide1 .p2 ul{}
.swiper-slide1 .p2 ul li{display: inline-block;vertical-align: middle;width: 195px;font-size: 25px;font-weight: 100;color: #fff;line-height: 45px;}
.swiper-slide1 .swiper-slide1pic{margin-top: 80px;transform: translateY(100%);transition: 1.5s;opacity: 0;}
.swiper-slide1 .swiper-slide1pic i{display: block;overflow:hidden;font-size: 0px;}
.swiper-slide1 .swiper-slide1pic i img{max-width: 100%;margin: 20px;box-shadow: 4px 10px 28px -2px rgb(8, 22, 140);}
.swiper-slide-active .swiper-slide1{opacity: 1;transition-delay: 0.5s;}
.swiper-slide-active .swiper-slide1 h3{transform: translateY(0%);opacity: 1;transition-delay: 0.5s;}
.swiper-slide-active .swiper-slide1 p.p1{transform: translateY(0%);opacity: 1;transition-delay: 1s;}
.swiper-slide-active .swiper-slide1 .p2{transform: translateY(0%);opacity: 1;transition-delay: 1.3s;}
.swiper-slide-active .swiper-slide1 .pin2{opacity: 1;transition-delay: 1.3s;}
.swiper-slide-active .swiper-slide1 .swiper-slide1pic{transform: translateY(0%);opacity: 1;transition-delay: 1s;}
.swiper-pagination-bullet{width: 25px;height: 25px;background: url(../images/banner_xan1.png) no-repeat center;color: rgba(255, 0, 0, 0);}
.swiper-pagination-bullet-active{background: url(../images/banner_xan.png) no-repeat center;}

.sjbanner{display:none;}
.cp-ban{background:#efefef;padding:1px 0 80px;}

/**/
.pra{position:relative;margin:60px auto;}

.praa{max-width:1366px;width:96%;margin:auto;justify-content: space-between;position:relative;z-index:1;align-items: center;margin-bottom:60px;}
.praa:nth-child(2n) .praaa{order: 1}
.praa:nth-child(2n) .praab{order: 0}

.praaa{width:70%;}
.praaa img{width:100%;}
.praaa ul{overflow: hidden;display:flex;}
.praaa li{overflow: hidden;width:100%;flex-shrink:0;}

.praab{width:25%;}
.praaba{box-sizing:border-box;margin-bottom:40px;}
.praaba h5{font-size:45px;font-weight: bold;color:#000;}
.praaba p{font-size:34px;color:#000;margin-top:5px;}
.praabb{box-sizing:border-box;font-size:24px;color:#333;line-height: 40px;}
.praabc{width:170px;line-height:40px;text-align:center;margin-top:30px;font-weight: bold;}
.praabc a{color:#000;display:block;border-radius: 30px;border:2px solid #000;}
.praabc a:hover{background:#000;color:#fff;}
.praabd{box-sizing:border-box;font-size:16px;}
.praabd p{display:inline-block;margin-right:40px;padding-bottom:5px; cursor: pointer;}
.praabd p.ost{border-bottom:1px solid #333;}


/**/
.puo{max-width:1366px;margin:auto;width:96%;}
.puo h5{font-size:56px;color:#000;font-weight: bold;text-transform: uppercase;}
.puo p{color:#000;margin-top:10px;font-size: 20px;}

.puos{margin:40px auto 60px;}
.puoa{max-width:1366px;width:96%;margin:auto;}
.puoa li{justify-content: space-between;}
.puoaa{width:60%;}
.puoab{background:#f5f5f5;display:flex;align-items: center;width:40%;}
.puoaba{box-sizing:border-box;padding:0 60px;}
.puoaba h5{font-size:40px;color:#000;font-weight: bold;}
.puoaba p{font-size:18px;line-height:34px;color:#333;margin:24px auto 60px;}
.puoaba a{display:block;width:170px;line-height:40px;text-align:center;border-radius: 25px;font-size:16px;border:2px solid #000;font-weight: bold;}
.puoaba a:hover{background:#000;color:#fff;}

.puos .owl-theme .owl-nav{position:absolute;top:50%;left:-15%;width:130%;transform: translateY(-50%);}
.puos .owl-theme .owl-nav .owl-prev{float:left;}
.puos .owl-theme .owl-nav .owl-next{float:right;}
.puos .owl-theme .owl-nav [class*=owl-]:hover{background:none;}


/*新闻*/
.news{max-width:1366px;width:96%;margin:0 auto 60px;}
.news ul{}
.news li{}
.news li .nea{overflow:hidden;}
.news li .nea img{width:100%;display:block;}
.news li .neb{box-sizing:border-box;padding:36px;}
.news li .neb h4{font-size:20px;margin-bottom:20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news li .neb h5{font-size:16px;margin-bottom:30px;color:#888;}
.news li .neb p{font-size:16px;line-height:26px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color:#636363;}
.news .owl-carousel .owl-stage{display:flex;}
.news .owl-item{transition:all 0.3s;background:#F6F6F6;}
.news .owl-item:hover{box-shadow:0 0 15px #ccc;}


/*尾部*/
.foot{background:#fafafa;padding-top:20px;}
.foota{max-width:1366px;width:96%;margin:auto;}
.footb{font-size:16px;border-bottom:1px solid #363636;}
.footb ul{display:flex;}
.footb li{width:12%;padding:36px 0;}
.footb a{color:#000;font-size:16px;font-weight: bold;}
.footb a:hover{color:#18a6e1;}

.font{justify-content: space-between;padding:47px 0;}
.fonta{width:70%;}
.fontaa{display:flex;margin-bottom:30px;font-size:16px;}
.fonta input{width:330px;line-height:46px;border:1px solid #363636;box-sizing:border-box;padding-left:15px;background:none;margin-right:10px;font-size:14px;}
.fonta input::placeholder{color:#999;}
.fonta .a{color:#363636;border:1px solid #363636;line-height:46px;display:inline-block;width:100px;text-align:center;}
.fonta .a:hover{background:#000;color:#fff;}
.fontab{color:#363636;font-size:16px;}

.fontb{display:flex;}
.fontb p{margin-left:10px;position:relative;}
.fontb p a img{display:block;width:25px;}
.fontb span{display:none;position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%);}
.fontb span img{width:60px;}
.fontb p:hover span{display:block;}

/*客服*/
.k-fu{position:fixed;top:50%;right:2px;transform: translateY(-50%);}
.k-fu li{margin-bottom:2px;position:relative;background:#f8f8f8;}
.k-fu a{display:block;box-sizing:border-box;border:1px solid #eee;padding:10px;}
.k-fu img{width:30px;}
.k-fu p{position:absolute;top:0;right:0;line-height:50px;padding:0 10px;box-sizing:border-box;border:1px solid #eee;background:#18a6e1;font-size:16px;color:#fff;transform: translateX(101%);transition:all 0.3s;}
.k-fu li:hover{background:#eee;}
.k-fu li:hover p{transform: translateX(0);}

/************************************/
.ni-si{position:relative;margin-top:95px;}
.ni-sis{position:absolute;top:0;z-index:1;left:0;width:100%;height:100%;}
.ni-sisa{max-width:1366px;width:92%;align-items: center;margin:auto;flex-wrap:wrap;position:relative;}
.ni-sisa h5{font-size:56px;display:inline-block;font-weight: bold;color:#999;opacity: 0.5;width:400px;margin-bottom:30px;text-transform: uppercase;}
.ni-sisa p{font-size:40px;color:#fff;position:absolute;bottom:15px;left:0;font-weight: bold;}
.ni-si img{width:100%;}

.i-aboaaa{max-width:1366px;margin:auto;width:92%;}
.i-abost{justify-content: space-between;align-items: center;max-width:1366px;margin:60px auto 100px;width:92%;}
.i-abob{width:100%;}
.i-abob h5{font-size:40px;font-weight: bold;color:#323232;position:relative;}
.i-abob h5 span{position:absolute;bottom:10px;left:0;z-index: -1;color:#f0f0f0;font-size:66px;font-style: italic;text-transform:uppercase;}
.i-abob p{font-size:20px;margin-top:20px;color:#232323;line-height: 36px;}
.i-aboc{width:42%;}
.i-aboc img{width:100%;}

.i-abod{text-align:center;font-size:28px;font-weight: bold;margin:100px auto 80px;}
.i-abod p{display:inline-block;vertical-align: middle;}
.i-abod span{display:inline-block;vertical-align: middle;line-height:20px;margin:0 20px;}
.i-abod p:after{content:'';width:3px;height:26px;background:#18a6e1;display:inline-block;vertical-align: middle;}
.i-abod p:before{content:'';width:3px;height:26px;background:#18a6e1;display:inline-block;vertical-align: middle;}

.i-aboe{margin-bottom:150px;}
.i-aboe ul{justify-content: space-between;flex-wrap: wrap;}
.i-aboe li{background:#f5f6f7;border-radius: 10px;text-align:center;width:23%;padding:40px 20px 100px;box-sizing:border-box;transition:all 0.3s;position:relative;}
.i-aboe li h5{font-weight:bold;font-size:24px;margin:20px 30px 20px;color:#232323;}
.i-aboe li span{display:block;width:30px;height:2px;background:#000000;margin:0 auto 20px;}
.i-aboe li p{font-size: 18px;line-height: 32px;color: #353535;}
.i-aboe li:hover{box-shadow:0 0 10px #ccc;background:#fff;}
.i-aboe li:after{position:absolute;bottom:20px;left:50%;transform: translateX(-50%);font-size:20px;color:#ccc;font-family:Consolas, "Andale Mono";}
.i-aboe li:nth-child(1):after{content:'01';}
.i-aboe li:nth-child(2):after{content:'02';}
.i-aboe li:nth-child(3):after{content:'03';}
.i-aboe li:nth-child(4):after{content:'04';}
.i-aboe li:nth-child(5):after{content:'05';}
.i-aboe li:nth-child(6):after{content:'06';}
.i-aboe li img{max-width:100%;width: 50px;}

.i-abog{background:url("../images/img3_brand.jpg") top center no-repeat;margin-bottom:200px;}
.i-aboga{display:none;}
.i-aboga img{width:100%;display:block;}
.i-abogb{max-width:1366px;width:92%;margin: auto;justify-content: space-between;}
.i-abogba{width:40%;}
.i-abogba img{width:100%;}
.i-abogbb{width:50%;}
.i-abogbba{margin-top:300px;margin-bottom: 30px;}
.i-abogbba h5{font-size:40px;font-weight: bold;color:#323232;position:relative; }
.i-abogbba span{position:absolute;bottom:10px;left:0;z-index: -1;color:#f0f0f0;font-size:66px;font-style: italic;text-transform:uppercase;}
.i-abogbbb{font-size:18px;line-height:38px;}


.i-aboo{position:relative;max-width:1366px;margin:60px auto 150px;width:92%;}
.i-abof{}
.i-abof h5{font-size:40px;font-weight: bold;color:#323232;position:relative; }
.i-abof h5 span{position:absolute;bottom:10px;left:0;z-index: -1;color:#f0f0f0;font-size:66px;font-style: italic;text-transform:uppercase;}

.i-abot{margin:60px auto 0;}
.i-abot li{justify-content: space-between;align-items: center;}
.i-abota{width:40%;}
.i-abota img{width:100%;}
.i-abotb{width:55%;}
.i-abotb h5{font-size:32px;font-weight: bold;margin-bottom:20px;}
.i-abotba{line-height:36px;font-size:20px;}
.i-abot .owl-theme .owl-nav{position:absolute;top:-106px;right:0;}



/*联系我们*/
.i-cot{background:#f6f6f6;padding:100px 0;}
.i-cos{max-width:1366px;width:92%;margin:auto;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.i-cosa{width:55%;}
.i-cosa img{width:100%;display:block;}
.i-cosb{width:40%;}
.i-cosba{margin-bottom:40px;}
.i-cosba h5{font-size:40px;font-weight: bold;color:#323232;position:relative;}
.i-cosba span{position:absolute;bottom:10px;left:0;color:#e5e5e5;font-size:44px;font-style: italic;text-transform:uppercase;}
.i-cosba samp{position:relative;z-index:1;}
.i-cosbb{margin-bottom:10px;}
.i-cosbba{margin-right:20px;}
.i-cosbba img{width:30px;margin-top: 9px;}
.i-cosbbb{font-size:18px;line-height:40px;}

.i-coj{max-width:1366px;width:92%;margin:180px auto 0;flex-wrap: wrap;justify-content: space-between;}
.i-coja{width:30%;}
.i-cojaa{}
.i-cojaa h5{font-size:40px;font-weight: bold;color:#323232;position:relative;}
.i-cojaa span{position:absolute;bottom:20px;left:0;color:#e5e5e5;font-size:44px;font-style: italic;text-transform:uppercase;}
.i-cojaa samp{position:relative;z-index:1;}
.i-cojab{font-size:18px;line-height:36px;margin-top:50px;}
.i-cojb{width:65%;background: #ececec;border:4px solid #c5c5c5;box-sizing:border-box;padding:50px;line-height:30px;}
.i-cojb h5{text-align: center;margin-bottom:30px;font-size:20px;font-weight: bold;}

.i-cod{max-width:1366px;width:92%;margin:100px auto 0;flex-wrap: wrap;justify-content: space-between;background:#fff;box-sizing:border-box;padding:80px;}
.i-coda{}
.i-codaa{}
.i-codaa h5{font-size:40px;font-weight: bold;color:#323232;position:relative;}
.i-codaa span{position:absolute;bottom:20px;left:0;color:#e5e5e5;font-size:44px;font-style: italic;text-transform:uppercase;}
.i-codaa samp{position:relative;z-index:1;}
.i-codab{font-size:18px;line-height:36px;margin-top:50px;}
.i-codb{margin-top:50px;}
.i-codb ul{justify-content: space-between;flex-wrap: wrap;}
.i-codb li{justify-content: space-between;align-items: center;width:45%;font-size:18px;padding:25px 0;border-bottom:1px solid #eee}
.i-codb li p{width:calc(100% - 100px);}
.i-codb li a{display:inline-block;color:#999;font-size: 16px;}
.i-codb li a:hover{color:#000;}


/*新闻*/
.i-news{justify-content: space-between;margin:100px auto;}
.i-newsa{width:55%;flex-shrink:0;justify-content: space-between;}
.i-newsaa{width:28%;font-family: 'Poppins', 'siyuan_cn', 'PingFang SC';flex-shrink: 0;}
.i-newsaa p{font-size:50px;font-weight: bold;color:#000;}
.i-newsaa span{font-family: 'Poppins', 'siyuan_cn', 'PingFang SC';font-size:20px;color:#999;}
.i-newsab h5{font-size: 20px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;border-bottom: 1px solid #f1f1f1;padding-bottom: 15px;}
.i-newsab p{color: #999;margin-top: 15px;font-size: 16px;line-height: 25px;}
.i-newsab a{display:inline-block;border:2px solid #333;padding:10px 20px;border-radius: 20px;font-weight: bold;margin-top:30px;}
.i-newsab a:hover{color:#fff;background:#000}
.i-newsb{width:38%;flex-shrink:0;}
.i-newsb img{width:100%;}

.i-new{margin-bottom:150px;}
.i-new ul{justify-content: space-between;flex-wrap:wrap;}
.i-new ul li{width:45%;}
.i-new ul li:nth-child(2n){margin-top:100px;}
.i-new ul img{width:100%;}
.i-newa{position:relative;overflow: hidden;}
.i-newa img{width:100%;transition: all 0.3s;}
.i-newa p{position:absolute;top:20px;left:20px;width:100px;background:#fff;text-align: center;padding:30px 0;}
.i-newa p span{font-size:28px;font-weight: bold;display:block;}
.i-newa p samp{font-size:14px;display:block;margin-top:10px;color:#999;}
.i-newb{margin-top:15px;}
.i-newb h5{font-size: 20px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;border-bottom: 1px solid #f1f1f1;padding-bottom: 15px;}
.i-newb p{color: #999;margin-top: 15px;font-size: 16px;line-height: 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.i-newb a{display:inline-block;border:2px solid #333;padding:10px 20px;border-radius: 20px;font-weight: bold;margin-top:30px;}
.i-newb a:hover{color:#fff;background:#000}
.i-new ul li:hover .i-newa img{transform:scale(1.1);}

.i-newc{margin:80px auto 40px;}
.i-newc h5{font-size:28px;margin-bottom:10px;}
.i-newc p{color:#777;font-size:16px;}
.i-newd{margin-bottom:80px;line-height:28px;font-size:16px;}
.i-newd img{max-width:100%;}

.i-newe{border-top:1px solid #eee;margin-bottom:100px;padding-top:30px;display:flex;justify-content: space-between;flex-wrap: wrap;}
.i-newe a{color:#777;}
.i-newe a:hover{color:#18a6e1;}

/*产品*/
.i-ps{background:#f8f8f8;padding:150px 0;}
.i-produ{max-width:1366px;width:92%;margin:80px auto;justify-content: space-between;flex-wrap: wrap;}
.i-produa{width:16%;}
.i-produb{width:80%;overflow:hidden;}
.i-produa li{line-height:60px;font-size:18px;border-bottom:1px solid #333;}
.i-produa a{display:block;box-sizing:border-box;transition: all 0.3s;padding-left:5px;}
.i-produa a img{max-width:100%;display:none;}
.i-produa a:hover{background:#eee;color:#000;padding-left:20px;}

.i-produb ul{flex-wrap: wrap;margin-right:-3%;}
.i-produb li{width:30.3333%;margin:0 3% 50px 0;}
.i-produb li div{overflow:hidden;}
.i-produb li img{width:100%;transition: all 0.3s;}
.i-produb li h4{font-size:20px;margin:15px 0;}
.i-produb li p{line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.i-produb li:hover img{transform: scale(1.1);}

.i-pros{max-width:1366px;width:92%;margin:auto;justify-content: space-between;background:#fff;box-sizing:border-box;padding:30px;}
.i-pra{width:55%;}
.i-prb{width:40%;margin-top:80px;}
.i-prba{font-size:34px;font-weight: bold;margin-bottom: 40px;}
.i-prbb{line-height:32px;font-size:18px;}
.i-prbb img{max-width:100%;}
.i-prbc{margin-top:50px;}
.i-prbc a{font-size:16px;border:2px solid #333;padding:15px 40px;font-weight: bold;}
.i-prbc a:hover{background:#000;color:#fff;}

.cpxq_l{width:100%;}
.cpxq_l_t{width:100%; background:#fff}
.cpxq_l_t img{width:100%;}
.cpxq_l_b{width:100%; overflow:hidden; margin-top:10px; padding:0 20px; position:relative;}
.cpxq_l_b a.prev,.cpxq_l_b a.next{display:block;width:12px;height:21px; margin-top:-10px; position:absolute;top:50%;left:0;background:url(../images/anu.png) no-repeat;overflow:hidden;cursor:pointer;transition:all 0s linear;}
.cpxq_l_b a.prev:hover{background-position:0 -21px;}
.cpxq_l_b a.next{left:auto;right:0;background-position:0 -42px;}
.cpxq_l_b a.next:hover{background-position:0 -63px;}
.cpxq_l_b .cpxq_l_b_kj{position:relative; width:100%; overflow:hidden;}
.cpxq_l_b .cpxq_l_b_kj ul{width:100%; font-size:0px; white-space:nowrap; position:absolute; z-index:10;}
.cpxq_l_b .cpxq_l_b_kj ul li{display:inline-block;  width:20%; cursor:pointer;}
.cpxq_l_b .cpxq_l_b_kj ul li img{border:2px #fff solid;width:100%;box-sizing:border-box;}
.cpxq_l_b .cpxq_l_b_kj ul li a{display:block;}

dl.op{width:100%; font-size:0px; white-space:nowrap; opacity:0;}
dl.op dd{display:inline-block;  width:20%; cursor:pointer;}
dl.op dd img{border:2px #fff solid;width:100%;}
dl.op dd a{display:block;}

.i-pst{background:#fff;box-sizing:border-box;padding:30px 30px;max-width:1366px;width:92%;margin:auto ;justify-content: space-between;}
.i-pstzuo{width:30%;}
.i-pstyou{width:70%;}
.i-psta{font-size:22px;border-bottom:1px solid #eee;margin-bottom:30px;}
.i-psta p{display: inline-block;border-bottom:2px solid #000;padding-bottom:10px;}
.i-pstb{overflow:hidden;}
.i-pstb img{max-width:100%;}

/*技术*/
.i-tech{margin:100px auto;border-bottom:1px solid #333;}
.i-tech li{border-top:1px solid #333;}
.i-tech li .i-teca{justify-content: space-between;font-size:20px;align-items: center;padding: 15px 0;cursor: pointer}
.i-tech li .i-teca span{transition: all 0.3s;}
.i-tech li .i-tecb{width:80%;line-height:28px;margin:5px 0 15px;display:none;}
.i-tech li .i-teca.i-te span{transform:rotate(180deg)}