@charset "utf-8";
/* CSS Document */
body{font-family: Montserrat, Arial, Helvetica, sans-serif;font-weight: 200;}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header,hgroup,nav,menu,main,section,article,summary,details,aside,figure,figcaption,footer{display:block;margin:0;padding:0;}
main{background-size:cover;}
table{border-collapse:collapse;border-spacing:0}
table,th,td{border:1px solid black;}
fieldset,img{border:0}
img{display:block;max-width: 100%;height: auto;}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a{text-decoration:none;color:inherit;}
input{outline:0;border:none;}
ul, ol,li,dd,dl{ list-style:none;} 
.w1300{max-width:1300px;width:96%;margin:auto;}

.hos,.top,.topb,.topba ul,.topbb,.tox a,.abo5,.new,.fop,.fopb,.newsa ul,.new,.news,.foj,.foja ul,.fox p,.hes ul,.apxs,.abouk ul,.abouk p,.appsb ul,.appsbc,.topa,.fsta,.fsz ul,.fsya,.fsp ul,.fsxc,.about,.pros ul,.fost,.fosta ul,.bansa{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}


/*手机 1ca1e4*/
.zhz{width:49px;height:49px;overflow:hidden;display:none;position:absolute;top:0px;right: 10px;}
.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 .samp2{left:-100%;}
.active .samp1{transform:rotate(225deg);top:25px}
.active .samp3{transform:rotate(-225deg);top:25px;}
.ipo{position:fixed;top:0px;left:0;width:100%;height:100vh;background:#000;z-index: 1;opacity: 0.8;display:None;}

header{position:fixed;width:100%;z-index: 999;top:10px;transition: all 0.3s;}
header.tw{background:#fff;top:0;box-shadow:0 0 30px rgb(26 26 26 / 31%);}
.top{max-width:1300px;width:96%;margin:auto;justify-content:space-between;align-items: center;background:#fff;box-sizing:border-box;padding:0 1%;transition: all 0.3s;}
.topa{width:350px;align-items: center;}
.topa img{width:100%;}
.topa h1{width:130px;margin-right:20px;}
.topa h1 a{display: block;}
.topa h2{color: #1ca1e4;font-size:16px;}

.topb{justify-content: space-between;align-items: center;width: 100%;position:relative;}
.topba{width:100%;}
.topba ul{justify-content: flex-end;}
.topba ul>li{position:relative;width:15%;}
.topba li>p{display: flex;align-items: center;justify-content: center;position:relative;}
.topba li>p a{display:block;padding:27px 0;position: relative;z-index: 1;font-size: .9rem;text-transform: uppercase;font-weight: bold;text-align:center;}
.topba li i{width:18px;height:10px;background:url("../images/img53.png") center no-repeat;position: relative;z-index: 2;display:none;}
.topba dl{position:absolute;top:100%;left:50%;line-height:36px;background:#eee;display:none;transform: translateX(-50%);font-weight: 300;font-size: .9rem;}
.topba dl a{display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color:#444;padding:0 10px;box-sizing: border-box;}
.topba dd{border-bottom:1px solid #ccc;position: relative;}
.topba dl a:hover{color:#1ca1e4;}

.topba ol{position: absolute;top: 0;left: 100%;background: #f5f5f5;display:none;}
.topba dd:hover ol{display:block;}

.topbb{line-height:16px;align-items: center;}
.topbb p{margin-right:10px;}
.topbc{margin:0 20px;}
.topbc p{cursor:pointer;}
.topbd{position:absolute;top:100%;right:0;background:#fff;display:none;}
.topbd a{display:inline-block;font-size:14px;background:#1ca1e4;color:#fff;line-height:40px;padding:0 15px;}
.topbd input{display:inline-block;box-sizing:border-box;padding:0 20px;}

@media screen and (min-width:1300px){
.topba li:hover>p a{color:#1ca1e4;}
.topba li:hover>p:after{height:100%}
.ts a{color:#1ca1e4;}
}

.tox{margin-left: 20px;position: relative;}
.tox a{align-items: center;}
.tox img{width:40px;display:block;}
.tox span{display:inline-block;margin-right: 5px;}
.tox a:hover{color:#1ca1e4}
.tox .en{position: absolute;top: 100%;left: 0;width:100%;background: #fff;box-shadow: 0 0 3px #ccc;padding:5px;display:None;}
.tox .cn{padding:12px 0;}

/* banner */
.banner-lunbo{position: relative;}
.banner-box{position: relative;}
.banner-box img{display:block;width:100%;transition: all 1s;}
.banner-boxs{display:none;}
.banner-txt{position: absolute;top: 14.01vw;left: 11.25vw;}
.banner-txt1{font-size: 2.29vw;color: #FFFFFF;line-height: 3.44vw;font-family: "SourceHanSansCN-Medium";box-shadow: 0 1px;}
.banner-txt2{font-size: 3.54vw;color: #FFFFFF;font-family: "SourceHanSansCN-Bold";line-height: 1;padding-bottom: 2.24vw;}
.banner-img{position: absolute;bottom: 2.14vw;right: 17.97vw;}
.banner-video{position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.banner-lunbo .swiper-pagination{left: 23%;bottom: 3.56vw;}
.banner-lunbo .swiper-pagination-bullet{width: 11px;height: 11px;background: #FFFFFF;opacity: 0.6;margin: 0 0.52vw;}
.banner-lunbo .swiper-pagination-bullet-active{opacity: 1;background: #48A3CB;}
.banner-lunbo .swiper-button-next{right: 5.00vw;}
.banner-lunbo .swiper-button-prev{left: 5.00vw;}

.bans{position: absolute;top:0;left:0;width:100%;height:100%;}
.bansa{max-width:1300px;margin:auto;width:96%;align-items: center;height: 100%;flex-wrap: wrap;}
.bansa div{width:45%;}
.bansa h3{text-transform: uppercase;color: #fff;font-weight: 600;font-family: Raleway;font-size: 2.2rem;}
.bansa p{color:#fff;font-size:22px;margin-top:20px;line-height:30px;}

.banner-box img.iu2{display:none;}

/*关于我们*/
.about{justify-content:space-between;margin:60px auto;align-items: center;}
.abouta{width:60%;}
.aboutaa{font-size:36px;font-weight: bold;color:#1ca1e4;}
.aboutab{color: #666;font-size: 1rem;line-height: 1.8rem;margin:20px auto 20px;}
.aboutac a{display:inline-block;line-height:36px;border-radius: 20px;background:#1ca1e4;color:#fff;padding:0 30px;}
.aboutb{width:35%}
.aboutb img{width:100%;}


/*产品*/
#produ{background:#f2f7f9;padding:50px 0;}
.produ{text-align: center;}
.produ h4{font-size:36px;color:#000;text-transform: uppercase;margin-bottom:10px;}
.produ span{width:60px;height:1px;background:#444;position:relative;display:inline-block;}
.produ span:after{content:'';width:30px;height:1px;background:#444;position:absolute;top:-6px;left:50%;transform: translateX(-50%);display:block;}
.produ span:before{content:'';width:30px;height:1px;background:#444;position:absolute;bottom:-6px;left:50%;transform: translateX(-50%);display:block;}
.produ p{margin:15px auto 0;max-width:60%;font-size: 1.1rem;line-height: 1.6rem;color:#333;}

.pros{margin:40px auto 0;}
.pros ul{margin-right:-2%;flex-wrap: wrap;}
.pros li{width:23%;margin:0 2% 30px 0;transition: all 0.3s;}
.pros li .div1{overflow:hidden;}
.pros li .div1 img{transition: all 0.3s;}
.pros li .div2{box-sizing:border-box;padding:0 1rem 1rem;}
.pros li p{padding: 2rem 0 1rem;box-sizing:border-box;font-size: 1rem;line-height: 1.4rem;text-align: left;font-weight: 600;position:relative;}
.pros li p:after{content:'';position:absolute;bottom:0px;left:0;height:2px;background:#1ca1e4;display:block;width:20%;transition: all 0.3s;}
.pros li span{line-height:28px;display:inline-block;font-size: .9rem;margin-top:10px;color:#333;}
.pros li:hover{box-shadow:0 0 10px rgb(0 0 0 / 20%);}
.pros li:hover .div1 img{transform:scale(1.1);}
.pros li:hover p:after{width:100%;}
.pros li span:hover{color:#1ca1e4;}

/*尾部*/
.fos{border-top:2px solid #05061b;background: #f8f8f8;}
.fost{justify-content: space-between;max-width:1300px;margin:auto;width:96%;padding:40px 0 30px;}
.fosta{width:44%;}
.fosta ul{justify-content:space-between;}
.fosta h5{font-size:28px;color:#1ca1e4;position:relative;margin-bottom:30px;}
.fosta h5:after{content:'';width:60px;height:2px;background: #1ca1e4;position:absolute;bottom:-10px;left:0;}
.fosta p{font-size: .9rem;line-height: 1.6rem;color:#333;}
.fosta a:hover{color:#1ca1e4;}
.fostb{width:38%;}
.fostba{width:150px;}
.fostba img{max-width:100%;}
.fostbb{margin-top:20px;font-size: .9rem;line-height: 1.6rem;color:#333;}

.font{text-align:center;font-size: .9rem;color:#333;border-top:1px solid #e1dddd;max-width:1300px;width:96%;margin:auto;padding:20px 0;}

/****************内页****************/
.n-ban{width:100%;height:200px;}
.n-tit{border-bottom:1px solid #eee;padding:20px 0;}
.n-tit a{color:#999;margin-right:20px;}
.n-tit a:after{content:'/';margin-left:20px;}
.n-tit span{color:#333;}

.n-contact,.n-conbaa,.n-conab,.n-ry,.n-news li,.n-video ul,.n-vid,.n-viaa ul,.n-vds,.n-tuan li,.n-tuas div,.n-tuaja ul,.n-prob,.n-prs,.n-ps1 ul,.n-ps2 ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}

.n-ry{justify-content: space-between;align-items:flex-start;margin:30px auto;}
.n-ri{width:calc(100% - 400px);position: sticky;top: 80px;}
.n-yi{width:350px;position:sticky;top:80px;box-sizing:border-box;padding:1.2rem;background:#f2f2f2;}
.n-yi h4{font-size:24px;font-weight:bold;color: #000;}
.n-yia{margin-top:20px;font-size:14px;}
.n-yia p{border-bottom:1px solid #ddd;padding:10px 0;box-sizing:border-box;position:relative;font-weight: bold;}
.n-yia dd a{display:inline-block;padding:10px 0 10px 0px;position:relative;}
.n-yia dd{border-bottom:1px solid #ddd;box-sizing:border-box;padding-left:12px;}
.n-yia a{color:#26363f;}
.n-yia span{color:#26363f;}
.n-yia p:hover a{color:#1ca1e4;}
.n-yia p:hover span{color:#1ca1e4;}
.n-yia dd:hover a{color:#1ca1e4;}
.n-yia dd:hover span{color:#1ca1e4;}

/*右边产品*/
.n-ypc p{font-size:14px;font-weight: bold;padding:10px;box-sizing: border-box;}
.n-ypc div{overflow: hidden;}
.n-ypc img{display: block;transition: all 0.3s;}
.n-ypc li{background:#fff;box-sizing:border-box;margin:5%;}
.n-ypc li:hover img{transform: scale(1.1);}
.n-ypc li:hover p{color:#1ca1e4;}


/*联系我们*/
.n-contact{justify-content: space-between;margin:40px auto 80px;}
.n-cona{width:45%;line-height:1.5rem;font-size: .95rem;margin-top: 40px;}
.n-conaa h4{font-size:22px;margin-bottom:20px;}
.n-conaa p{margin-bottom:5px;}
.n-conaa a{color:#1ca1e4;text-decoration: underline;}
.n-conab a{display:inline-block;padding-right:10px;}

.n-conb{background: #eee;width:50%;box-sizing:border-box;padding:2rem;}
.n-conba{font-size:24px;margin-bottom:20px;font-weight: bold;text-transform: uppercase;;}
.n-conbaa{flex-wrap: wrap;margin-bottom:10px;justify-content: space-between;}
.n-conbaa span{display:block;width:100%;font-size:14px;margin-bottom:3px;color:#666;}
.n-conbaa input{border:1px solid #ccc;width:100%;box-sizing:border-box;border-radius: 5px;padding:8px;}
.n-conbaa p{width:47%;}
.n-conbaa textarea{width:100%;border:1px solid #ccc;border-radius: 5px;height:100px;padding:8px;box-sizing:border-box;}
.n-conbab a{display:inline-block;padding:0 30px;background:#1ca1e4;color:#fff;border-radius: 15px;line-height:30px;font-size:14px;margin-top:10px;}
.n-cs span:after{content:'*';color:red;}

/*新闻*/
.n-news{width:100%;}
.n-news li{background:#f2f2f2;border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;box-sizing:border-box;padding:1.5rem;justify-content: space-between;margin-bottom:30px;}
.n-newsa{width:30%;overflow: hidden;border-bottom-left-radius: 20px;}
.n-newsa img{width:100%;transition: all 0.3s;}
.n-newsb{width:65%;}
.n-newsb h4{font-size:18px;border-bottom:1px solid #ccc;margin-bottom:10px;padding-bottom:10px;transition: all 0.3s;}
.n-newsb .p{font-size:14px;line-height:20px;color:#333;font-weight: 100;margin-bottom:20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;font-family: Montserrat;}
.n-newsb .span{background:#1ca1e4;color:#fff;display:inline-block;padding:5px 10px;font-size:14px;}
.n-newsa img:hover{transform: scale(1.1);}
.n-newsb h4:hover{color:#1ca1e4;}

/**/
.n-nej{margin-bottom:60px;}
.n-ne{text-align: center;}
.n-ne h5{font-size:24px;}
.n-ne p{margin:20px auto 30px;font-size:16px;color:#666;}
.n-nea{line-height:1.7rem;font-size:1rem;color: #444;}
.n-nea img{max-width:100%;}
.n-nea table{ border-collapse:collapse; border: 1px #ccc solid !important; width:100% !important;line-height:22px!important;}
.n-nea table td{padding: 8px!important; padding-left:12px !important;word-wrap:break-word;word-break:break-all;border: 1px #ccc solid !important;line-height:22px!important;}

/*视频*/
.n-video{margin:30px auto 50px;}
.n-video ul{margin-left:-2%;flex-wrap: wrap;}
.n-video li{width:48%;margin:0 0 40px 2%;text-align: center;max-height: 400px;background: #37383a;box-sizing: border-box;}
.n-video video{display:block;max-width:100%;max-height: 100%;margin:auto;}
.n-videoa a{margin:10px 0;display: inline-block;text-decoration: underline;}
.n-videoa a:hover{color:#1ca1e4;}
.n-videoa{margin-top:10px;}

/**/
.n-vid{justify-content: space-between;margin:30px auto;}
.n-vida{width:45%;}
.n-vida h4{font-size:30px;margin-bottom:20px;}
.n-vida p{font-size:1rem;line-height:1.6rem;color:#333;font-family: Montserrat;}
.n-vidb{width:45%;}
.n-vidb video{width:100%;}

.n-via{background:#f2f2f2;padding:50px 0;}
.n-viab{font-size:30px;margin-bottom:20px;font-weight: bold;}
.n-viaa ul{margin-left:-2%;}
.n-viaa li{width:23%;margin-left:2%;}
.n-viaa li a{display:block;width:100%;position:relative;}
.n-viaa li img{width:100%;display:block;}
.n-viaaa{position:relative;}
.n-viaa p{margin:10px auto;text-align: center;font-weight: bold;;font-size:14px;}
.n-viaaa a::after{width:100%;height:100%;display:block;content:'';background: rgb(0 0 0 / 56%);position:absolute;top:0;left:0;}
.n-viaaa span{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);font-size:60px;z-index: 1;color:#fff;transition: all 0.3s;}
.n-viaaa span:hover{font-size:80px;}
.n-viaa li a:hover{color:#1ca1e4;}

.n-vds{justify-content: space-between;margin:50px auto;}
.n-vdsa{width:45%;}
.n-vdsb{width:45%;}
.n-vdsba{font-size:0.9rem;line-height:1.4rem;font-family:Montserrat;}
.n-vdsba table{ border-collapse:collapse; border: 1px #ccc solid !important; width:100% !important;line-height:22px!important;}
.n-vdsba table td{padding: 8px!important; padding-left:12px !important;word-wrap:break-word;word-break:break-all;border: 1px #ccc solid !important;line-height:22px!important;}

/*关于我们*/
.n-about{margin:50px auto;}

/*服务*/
.n-ser{font-size:1rem;line-height:1.6rem;font-family:Montserrat;margin: 30px auto;}
.n-set{font-size: 20px;font-weight: bold;background:#dfebf2;color:#333;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;box-shadow: 0 1px 1px #888;}
.n-set p{display:inline-block;padding:15px 0 15px 20px;}

.n-seta{font-size:1rem;line-height:2rem;font-family:Montserrat;margin-bottom:30px;}
.n-seta li{box-sizing:border-box;padding-left:30px;margin:10px 0;position:relative;}
.n-seta li:before{content:'';width:10px;height:10px;background:#1ca1e4;display:inline-block;position:absolute;top:12px;left:10px;}

/*行业*/
.n-tuan{margin:30px auto;}
.n-tuan li{border-top:1px dashed #46a3cb;justify-content: space-between;box-sizing: border-box;padding:2rem;background:-webkit-linear-gradient(left,#e2ebee,#f2f2f2);background: -o-linear-gradient(left,#e2ebee,#f2f2f2);background: -moz-linear-gradient(left,#e2ebee,#f2f2f2);background:linear-gradient(left,#e2ebee,#f2f2f2);border-bottom-right-radius: 50px;margin-bottom: 30px;}
.n-tuana{width:25%;overflow: hidden;}
.n-tuana img{transition: all 0.3s;}
.n-tuanb{width:70%;}
.n-tuanb h4{font-size:22px;margin-bottom:10px;}
.n-tuanb p{line-height:1.5rem;font-size:0.9rem;font-family: Montserrat;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.n-tuanb h4:hover a{color:#1ca1e4;}
.n-tuana img:hover{transform: scale(1.1);}

.n-tuas{position:relative;margin-bottom:20px;}
.n-tuas div{position:absolute;top:0;left:0;width:100%;height:100%;z-index: 1;align-items: center;justify-content: center;font-weight: bold;font-size:30px;}
.n-tuas div:after{content:'';width:100%;height:100%;background:rgb(0 0 0 / 65%);position:absolute;top:0;left:0;z-index: 1;}
.n-tuas div p{position:relative;z-index: 2;color:#fff;}

.n-tuaj{text-align: center;font-size: 24px;margin-bottom: 20px;font-weight: bold;text-transform: uppercase;margin:50px auto 30px;}
.n-tuaj p{width:80px;height:3px;background:#1ca1e4;margin:10px auto 0;}
.n-tuaja ul{justify-content: space-between;flex-wrap: wrap;}
.n-tuaja li{width:28.333%;border-top-left-radius: 50%;border-top-right-radius: 50%;border-bottom-left-radius: 15%;border-bottom-right-radius: 15%;overflow: hidden;border:3px solid #eee;position:relative;margin-bottom:20px;}
.n-tuaja img{transition: all 0.3s;display:block}
.n-tuajaa{position:absolute;bottom:0;left:0;width:100%;box-sizing:border-box;padding:15px 20px;background: rgb(255 255 255 / 67%);text-align: center;text-shadow: 0 1px 1px #6280a5;font-size:14px;}
.n-tuaja li.nta .n-tuajaa{background: rgb(28 161 228 / 64%);color:#fff;}
.n-tuaja li:hover img{transform: scale(1.1);}
.n-tuaja li:hover .n-tuajaa{background: rgb(28 161 228 / 64%);color:#fff;}

/*产品*/
.n-prott{text-align: center;font-weight: bold;text-transform: uppercase;font-size: 24px;}
.n-prott p{width:150px;height:3px;background: #1ca1e4;position:relative;margin:20px auto 30px;}
.n-prott p:after{position:absolute;top:-1px;width:70px;height:5px;background:#005f8f;content:'';transform: translateX(-50%);}

.n-pro li{border-top: 1px dashed #46a3cb;justify-content: space-between;box-sizing: border-box;padding: 1rem 2rem 1.5rem;background: -webkit-linear-gradient(left, #e2ebee, #f2f2f2);background: -o-linear-gradient(left, #e2ebee, #f2f2f2);background: -moz-linear-gradient(left, #e2ebee, #f2f2f2);background: linear-gradient(left, #e2ebee, #f2f2f2);border-bottom-right-radius:30px;border-bottom-left-radius: 30px;margin-bottom:30px;}
.n-proa{font-size:1.2rem;margin-bottom:20px;}
.n-prob{justify-content: space-between;}
.n-proba{width:200px;overflow: hidden;}
.n-proba img{transition: all 0.3s;;}
.n-probb{width:calc(95% - 200px);font-size: .9rem;line-height: 1.4rem;color: #555;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.n-proa a:Hover{color:#1ca1e4;}
.n-proba img:hover{transform: scale(1.1);}

/*产品详情*/
.n-prs{justify-content: space-between;margin:30px auto;}
.n-prsa{width:47%;}
.n-prsb{width:47%;font-size: .9rem;line-height: 1.5rem;}
.n-prsu h4{font-size:22px;font-weight: bold;margin:20px auto 20px;}
.n-prsu{font-size: .9rem;line-height: 1.5rem;}
.n-prsu img{max-width: 100%;max-height: 100% !important;}
.n-prsj{margin:20px auto 40px;border-top:1px dashed #ccc;padding-top:30px;}
.n-prsj p{padding: 5px 0;font-size: .9rem;}
.n-prsj a:hover{color:#1ca1e4;}
.n-prsa .banner-lunbo .swiper-pagination{width:100%;left:0;bottom:0;}
.n-prsa .banner-lunbo .swiper-pagination-bullet{background:#ccc;}
.n-prsa .banner-lunbo .swiper-pagination-bullet-active{background: #48A3CB;}
.n-prsa .banner-lunbo .swiper-button-prev{left:0}
.n-prsa .banner-lunbo .swiper-button-next{right:0}

.n-ps1{margin:20px auto;}
.n-ps1 ul{margin-left:-2%;flex-wrap: wrap;}
.n-ps1 li{width:31.3333%;margin:0 0 10px 2%;}

.n-ps2 ul{margin-right:-2%;flex-wrap: wrap;}
.n-ps2 ul li{width:31.3333%;margin:0 2% 20px 0;text-align: center;}
.n-ps2 ul a{display:block;}
.n-ps2 ul p{padding:10px;box-sizing:border-box;background:#eee;font-size:14px;}
.n-ps2 ul div{overflow:hidden;}
.n-ps2 ul img{transition:all 0.3s}
.n-ps2 li:hover img{transform:scale(1.1)}
.n-ps2 li:hover p{background:#1ca1e4;color:#fff;}