@charset "utf-8";
@font-face{font-family:"OPPOSans";src:url('../fonts/OPPOSans3.0cn-Regular.woff2') format('woff');}
@font-face {font-family:"AlibabaPuHuiTiR";src:url("../fonts/Alibaba-PuHuiTi-Regular.ttf");}
@font-face {font-family:"AlibabaPuHuiTiM";src:url("../fonts/Alibaba-PuHuiTi-Medium.ttf");}
@font-face {font-family:"AlibabaPuHuiTiB";src:url("../fonts/Alibaba-PuHuiTi-Bold.ttf");}

*{margin:0;padding:0;outline:0;}
body,html{overflow-x:hidden;color:#333;font:14px/30px "AlibabaPuHuiTiR","OPPOSans","Microsoft Yahei", Arial;}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
input[type=text],input[type=submit],textarea,button{-webkit-border-radius:0;font-family:'AlibabaPuHuiTiR', "Microsoft Yahei";-webkit-appearance:none;}
input:focus{outline:0;}
textarea{resize:none;}
h1,h2,h3,h4,h5,h6{font-style:normal;font-size:100%;}
abbr,em,i,li,ol,ul{list-style-type:none;font-style:normal;}
img{border:0;vertical-align:middle;}
*{box-sizing:border-box;}
a{color:#333;text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
a:hover{color:#274aae;text-decoration:none;}
.hide,.none,ins{display:none;}
.wrap{clear:both;display:block;margin:0 auto;max-width:1400px;width:100%;padding:0 0;}
.animate img{position:relative;opacity:1;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all;-webkit-transform:scale(1,1) rotate(0);-ms-transition:.5s all;}
a:hover .animate img{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.animate img:hover{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.tran,.tran a,a.tran,.tran img{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
.popup{width: 100%;height: 100vh;background-color: rgba(0, 0, 0, 0.8);position: fixed;top: 0;left: 0;z-index: 999;display: none;}

@font-face{
	font-family:"quicksand";
	src:url('../fonts/quicksand.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
@font-face{
	font-family:"din";
	src:url("../fonts/din-medium.woff") format("woff"),
		url("../fonts/din-medium.ttf") format("truetype"),
		url("../fonts/din-medium.eot") format("embedded-opentype"),
		url("../fonts/din-medium.svg") format("svg");
	font-weight:normal;
	font-style:normal;
}
#header{width:100%;position:fixed;left:0;top:0;z-index:300;}
#header.fixed{background:#1d1c1c;}
#header.active{background:#1d1c1c;}
#header .head{height:60px;display:flex;justify-content:space-between ;align-items:center;}
#header .mnav{display:none;}
#header .logo img{height:20px;}
#header .right{display:flex;align-items:center;gap:0 80px;}
#header .right .nav ul{display:flex;align-items:center;gap:0 10px;}
#header .right .nav ul li.n{position:relative;}
#header .right .nav ul li h3 a{line-height:60px;display:block;padding:0 20px;}
#header .right .nav ul li h3 a span{font-weight:normal;color:#fff;}
#header .right .nav ul li h3 a i{display:none;}
#header .right .nav ul li.on h3 a{opacity:.8;}
#header .right .nav ul li:hover h3 a{opacity:.8;}
#header .right .nav ul li.active h3 a{opacity:.8;}
#header .right .nav ul li .sub{display:none;position:absolute;left:0;top:60px;background:#fff;width:100%;box-shadow:rgba(0, 0, 0, 0.1) 0px 15px 10px -15px; z-index:300;}
#header .right .nav ul li .sub dl{padding:10px 0;}
#header .right .nav ul li .sub dl dd{display:block;text-align:center;}
#header .right .nav ul li .sub dl dd a{color:#555;display:block;}
#header .right .nav ul li .sub dl dd a:hover{background:#f5f5f5;}
#header .right .nav ul li .sub2 .sbox{display:flex;justify-content:space-between;padding:30px 0;}
#header .right .nav ul li .sub2 .sleft{width:18%;border-right:1px solid #ddd;}
#header .right .nav ul li .sub2 .sleft .sli{margin-bottom:10px;}
#header .right .nav ul li .sub2 .sleft .sli .big{font-size:16px;color:#000;cursor:pointer;}
#header .right .nav ul li .sub2 .sleft .sli .msmall{ display:none}
#header .right .nav ul li .sub2 .sleft .sli .small p{font-size:14px;opacity:.8;cursor:pointer;}
#header .right .nav ul li .sub2 .sleft .sli .small p:hover{opacity:1;}
#header .right .nav ul li .sub2 .sleft .sli .small p.active{opacity:1;color:#274aae;}
#header .right .nav ul li .sub2 .sleft .sli.active .big{font-weight:700;}
#header .right .nav ul li .sub2 .sright{width:78%;}
#header .right .nav ul li .sub2 .sright .slist{display:none;gap:10px 20px;}
#header .right .nav ul li .sub2 .sright .slist .sli .simg{background:#f9fafc;border-radius:6px;overflow:hidden;width:150px; height:150px;display:flex;justify-content:center;align-items:center;}
#header .right .nav ul li .sub2 .sright .slist .sli .simg img{ width:100%}
#header .right .nav ul li .sub2 .sright .slist .sli .stit{text-align:center;}
#header .right .nav ul li .sub2 .sright .slist .sli:hover .stit{font-weight:700;}
#header .right .nav ul li .sub2 .sright .slist.active{display:flex;}
#header .right .lan a{color:#fff;}
#header .right .lan i{margin-right:5px;}
#header .right .lan a:hover{opacity:.8;}

#banner{width:100%;}
#banner .focus{position:relative;}
#banner .focus .swiper-slide .img{width:100%;}
#banner .focus .swiper-slide .img img{width:100%;}
#banner .focus .swiper-slide .img img.pc{display:block;}
#banner .focus .swiper-slide .img img.m{display:none;}
#banner .focus .swiper-slide .info{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;}
#banner .focus .swiper-slide .info .text{color:#fff;}
#banner .focus .swiper-slide .info .text .text1{font-size:18px;}
#banner .focus .swiper-slide .info .text .text2{font-size:40px;margin-top:15px;font-weight:700;}
#banner .focus .swiper-slide .info .text .text3{font-size:26px;margin-top:15px;}
#banner .focus .swiper-slide .info .text .text4{color:#525456;}
#banner .focus .swiper-slide .info .text .text5{color:#040404;}
#banner .focus .swiper-slide .info .text .more{margin-top:35px;}
#banner .focus .swiper-slide .info .text .more a{display:inline-block;width:140px;text-align:center;line-height:44px;height:44px;border-radius:22px;background:#274aae; color:#fff;}
#banner .focus .swiper-slide .info .text .more a:hover{opacity:0.8;}
#banner .focus .swiper-pagination{bottom:40px ; height:4px;}
#banner .focus .swiper-pagination-bullet{width:50px;height:4px;cursor:pointer;background-color:#fff;border-radius:0;opacity:0.5;margin:0 10px ;}
#banner .focus .swiper-pagination-bullet-active{opacity:1;}
#banner .focus .swiper-button-prev,
#banner .focus .swiper-button-next{width:50px;height:50px;line-height:50px;border-radius:50%;border:1px solid #fff;font-size:22px;color:#fff;text-align:center;display:block;}
#banner .focus .swiper-button-prev{left:-100px;}
#banner .focus .swiper-button-next{right:-100px;}
#banner .focus:hover .swiper-button-prev{left:3%;}
#banner .focus:hover .swiper-button-next{right:3%;}
#banner .focus .swiper-button-prev:hover,
#banner .focus .swiper-button-next:hover{background-color:#274aae;border-color:#274aae;color:#fff;}
#banner .focus .swiper-button-prev::after,
#banner .focus .swiper-button-next::after{display:none;}

.stitle{text-align:center;}
.stitle .title{font-size:38px;font-weight:700;line-height:1.5;}
.stitle .desc{font-size:18px;margin-top:15px;color:#666;}
.stitle .desc i{ color:#274aae}

#solution{width:100%;padding:90px 0 0;}
#solution .list{margin-top:50px;display:flex;justify-content:space-between ;align-items:center;gap:0 20px;}
#solution .list .item{width:calc((100% - 20px) / 3);position:relative;}
#solution .list .item .img{height:700px;position:relative;}
#solution .list .item .img img{width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0;}
#solution .list .item  .text1{position:absolute;left:0;bottom:10%;width:100%;text-align:center;color:#fff;}
#solution .list .item  .text1 .title{font-size:36px;font-weight:700;}
#solution .list .item  .text1 .desc{font-size:18px;margin-top:15px;}
#solution .list .item  .text2{position:absolute;left:0;top:0;width:100%;color:#fff;padding:15% 20% 0 10%;opacity:0;}
#solution .list .item  .text2 .title{font-size:36px;font-weight:700;}
#solution .list .item  .text2 .desc{font-size:22px;margin-top:15px;}
#solution .list .item  .text2 .info{font-size:18px;margin-top:20px;opacity:.6;}
#solution .list .item.active .text1{opacity:0;}
#solution .list .item.active .text2{opacity:1;}
#solution .list .item.active{width:80%;}
#solution .list .item.no{width:calc(20% - 10px);}
#solution .list .item.no .text1{opacity:0;}

#product{width:100%;padding:90px 0;}
#product .list{margin-top:50px;}
#product .list ul{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:20px;}
#product .list ul li{width:calc((100% - 20px) / 2);background:#f5f5f5; padding-bottom:30px}
#product .list ul li:nth-child(n+3){width:calc((100% - 40px) / 3);}
#product .list ul li .img{text-align:center; overflow:hidden;}
#product .list ul li .img img{width:60%;}
#product .list ul li:nth-child(n+3) .img img{width:80%;}
#product .list ul li .info{text-align:center;}
#product .list ul li .info .title{font-size:30px;font-weight:700; line-height:1}
#product .list ul li .info .desc{font-size:16px; margin-top:10px}
#product .list ul li .info .more{font-size:14px;width:100px;text-align:center;border-radius:17px;background-color:#274aae;color:#fff;margin-top:15px;display:inline-block; margin-bottom:10px}
#product .list ul li:hover .info .more{margin-top:25px; margin-bottom:0}
#product .list ul li:nth-child(1){background:linear-gradient(to bottom,#f5f5f5,#b6cbe8);}
#product .list ul li:nth-child(2){background:linear-gradient(to bottom,#f5f5f5,#c8d8e8);}

#major{width:100%;height:90vh;background:url(../images/bg_major.jpg) center center / cover no-repeat fixed;position:relative;}
#major{display:flex;justify-content:center;align-items:center;}
#major .title{font-size:38px;line-height:1.5;font-weight:700;text-align:center;color:#fff;}
#major .num{display:flex;justify-content:center;;margin-top:100px;}
#major .num .item{border-right:1px solid rgba(255,255,255,.3);padding:10px 100px;}
#major .num .item .big{color:#fff;display:flex;justify-content:center;align-items:center;gap:0 10px;}
#major .num .item .big span{font-size:60px;font-family:"din";}
#major .num .item .big em{font-size:50px;}
#major .num .item .desc{font-size:18px;color:#fff;margin-top:20px;text-align:center;}
#major .num .item:last-child{border:0;padding-right:0;}
#major .num .item:first-child{padding-left:0;}

#indexnav{width:100%;padding:90px 0;}
#indexnav .wrap{display:flex;justify-content:space-between ;align-items:center;gap:0 20px;}
#indexnav .item{width:calc((100% - 10px) /2);position:relative;}
#indexnav .item .img{width:100%;overflow:hidden;}
#indexnav .item .img img{width:100%;}
#indexnav .item .text{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;justify-content:center ;align-items:center;}
#indexnav .item .text .box{text-align:center;color:#fff;}
#indexnav .item .text .title{font-size:34px;line-height:1;}
#indexnav .item .text .desc{font-size:16px;margin-top:15px;}
#indexnav .item .text .more{margin-top:50px;}
#indexnav .item .text .more span{display:inline-block;border:1px solid #fff;border-radius:40px;line-height:40px;color:#fff;padding:0 40px;}
#indexnav .item:hover .text .more span{background:#274aae;border:1px solid #274aae;color:#fff;}

#footer{ width:100%; background:#171717}
#footer .logo{ border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between ;align-items:center; padding:50px 0 20px;}
#footer .logo .img img{ height:22px}
#footer .logo .right{ display:flex;;align-items:center;gap:0 10px}
#footer .logo .right a{ width:30px; height:30px; border-radius:50%; display:block; background:rgba(255,255,255,.2);display:flex;justify-content:center;align-items:center;}
#footer .logo .right a i{ color:#fff; font-size:16px}
#footer .logo .right a:hover{ background:rgba(255,255,255,.4)}
#footer .map{ display:flex;justify-content:space-between ;padding:50px 0;}
#footer .map .contact{ width:30%}
#footer .map .contact .tel .title{ font-size:14px; color:#888}
#footer .map .contact .tel .desc{ color:#fff; font-size:40px; font-family:"din"; line-height:1}
#footer .map .contact .content{ margin-top:20px; color:#888; font-size:12px;}
#footer .map .item h3{ color:#fff; font-weight:normal}
#footer .map .item p a{ color:#fff; opacity:.5; font-size:12px}
#footer .map .item p a:hover{opacity:1}
#footer .map .qrcode{ width:20%;display:flex;justify-content:flex-end;}
#footer .map .qrcode .img img{ width:100px}
#footer .map .qrcode p{ text-align:center; color:#888; font-size:12px; margin-top:10px}
#footer .copyright{ border-top:1px solid rgba(255,255,255,.05); padding:20px 0;display:flex;justify-content:space-between ;align-items:center;}
#footer .copyright .text{ color:#888;}
#footer .copyright .text i{ margin:0 8px}
#footer .copyright .link a{ margin-left:10px;}
#footer .copyright a{ color:#888;}
#footer .copyright a:hover{ color:#fff;}

@media (max-width:1400px){
	.wrap{padding:0 20px;}
	#banner .focus .swiper-slide .info .text{padding:0 6%;}
	#banner .focus .swiper-pagination{left:6% !important;}
	#solution .list .item .img{height:700px;}
	#product .list ul li{height:450px;}
	#product .list ul li .img{top:-50px;}
	#major .num .item{padding:10px 80px;}
}
@media (max-width:1200px){
	#solution .list .item .img{height:600px;}
	#product .list ul li{height:400px;}
	#product .list ul li .img{top:-00px;}
	#major .num .item{padding:10px 30px;}
}
@media (max-width:1000px){
	#solution .list .item .img{height:500px;}
	#product .list ul li .img{bottom:-00px;}
}

@media (max-width:800px){
	body,html{font-size:.23rem;line-height:.34rem;}
	.wrap{padding:0;}
	#header .wrap{height:.8rem;padding:0 .2rem;}
	#header .mnav{position:relative;display:block;width:.34rem;height:.25rem;cursor:pointer;}
	#header .mnav span{position:absolute;display:block;width:.34rem;height:.05rem;background:#fff;transition:all .5s;border-radius:.05rem;}
	#header .mnav .s1{top:0;}
	#header .mnav .s2{top:.1rem;width:.26rem;}
	#header .mnav .s3{top:.2rem;}
	#header .mnav.isopen .s1{top:.1rem;transform:rotate(45deg);}
	#header .mnav.isopen .s2{width:0;opacity:0;}
	#header .mnav.isopen .s3{top:.1rem;transform:rotate(-45deg);}
	#header .mnav.active .s1{top:.1rem;transform:rotate(45deg);}
	#header .mnav.active .s2{width:0;opacity:0;}
	#header .mnav.active .s3{top:.1rem;transform:rotate(-45deg);}
	#header .right .nav{display:no1ne;}
	#header .right .lan i{margin-right:.05rem;}
	
	#header .right .nav{position:absolute;background:rgba(0,0,0,.95);height:100vh;width:100%;top:.8rem;z-index:999;padding:.1rem 0;transform:translatex(100%);left:0;overflow:scroll; padding-bottom:3rem}
	#header .right .nav.active{transform:translatex(0);display:block;}
	#header .right .nav ul{display:block;}
	#header .right .nav ul li h3{ border-bottom:1px solid rgba(255,255,255,.06);}
	#header .right .nav ul li h3 a{line-height:.7rem;padding:0;display:flex;justify-content:space-between ;align-items:center; padding:0 .2rem}
	#header .right .nav ul li h3 a span{color:#fff;}
	#header .right .nav ul li h3 a i{display:block; color:#888;}
	#header .right .nav ul li .sub{display:none;position: inherit;left:0;top:0;background:rgba(255,255,255,.05);width:100%; padding:0 .4rem;border-bottom:1px solid rgba(255,255,255,.1);}
	#header .right .nav ul li .sub dl{padding:.1rem 0;}
	#header .right .nav ul li .sub dl dd{text-align:left;border-bottom:1px solid rgba(255,255,255,.06);}
	#header .right .nav ul li .sub dl dd a{line-height:.7rem;color:#999}
	#header .right .nav ul li .sub dl dd a:hover{background:none;}
	#header .right .nav ul li .sub dl dd:last-child{ border:0}
	#header .right .nav ul li .sub2 .sbox{display:block;padding:0;}
	#header .right .nav ul li .sub2 .wrap{ width:100%; height:auto}
	#header .right .nav ul li .sub2 .sleft{width:100%;border-right:0;}
	#header .right .nav ul li .sub2 .sleft .sli{margin-bottom:0;}
	#header .right .nav ul li .sub2 .sleft .sli .big{font-size:.22rem; line-height:.7rem;color:#fff;border-bottom:1px solid rgba(255,255,255,.06);}
	#header .right .nav ul li .sub2 .sleft .sli .msmall{ display:block; padding:0 .4rem;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02); }
	#header .right .nav ul li .sub2 .sleft .sli .msmall p{font-size:.22rem; line-height:.7rem;color:#fff; border-bottom:1px solid rgba(255,255,255,.06);}
	#header .right .nav ul li .sub2 .sleft .sli .msmall p a{color:#fff; display:block}
	#header .right .nav ul li .sub2 .sleft .sli .small{ display:none}
	#header .right .nav ul li .sub2 .sleft .sli .small p:last-child{ border:0}
	#header .right .nav ul li .sub2 .sright{ display:none;}

	
	
	#banner .focus .swiper-slide .img{width:100%;height:auto;}
	#banner .focus .swiper-slide .img img{width:100%;height:auto;}
	#banner .focus .swiper-slide .img img.pc{display:none;}
	#banner .focus .swiper-slide .img img.m{display:block;}
	#banner .focus .swiper-slide .info{align-items:flex-start;}	
	#banner .focus .swiper-slide .info .text{text-align:center;padding-top:1.5rem;}
	#banner .focus .swiper-slide .info .text .text1{font-size:.22rem;;}
	#banner .focus .swiper-slide .info .text .text2{font-size:.4rem;margin-top:.2rem;;}
	#banner .focus .swiper-slide .info .text .text3{font-size:.24rem;margin-top:.2rem;;}
	#banner .focus .swiper-slide .info .text .more{position:absolute;bottom:1rem;left:0;width:100%;;}
	#banner .focus .swiper-slide .info .text .more a{width:2rem;line-height:.5rem;height:.5rem;border-radius:.5rem;font-size:.22rem;}
	#banner .focus .swiper-pagination-bullet{width:.5rem;height:.04rem;border-radius:.04rem;margin:0 .05rem;}
	#banner .focus .swiper-button-prev{display:none;}
	#banner .focus .swiper-button-next{display:none;}
	
	.stitle .title{font-size:.4rem;}
	.stitle .desc{font-size:.22rem;margin-top:.2rem;}
	.stitle .desc br {display:none;}
	
	#solution{padding:.9rem .2rem 0;}
	#solution .list{margin-top:.5rem;flex-wrap:wrap;gap:.25rem;}
	#solution .list .item{width:100%;}
	#solution .list .item .img{height:6.5rem;position:relative;}
	#solution .list .item  .text1{display:none;}
	#solution .list .item  .text2{top:auto;bottom:10%;width:100%;color:#fff;padding:0;opacity:1;text-align:center;}
	#solution .list .item  .text2 .title{font-size:.4rem;}
	#solution .list .item  .text2 .desc{font-size:.22rem;margin-top:.2rem;}
	#solution .list .item  .text2 .info{font-size:.2rem;margin-top:.2rem;opacity:.6;}
	#solution .list .item.active .text1{opacity:0;}
	#solution .list .item.active .text2{opacity:1;}
	#solution .list .item.active{width:100%;}
	#solution .list .item.no{width:100%;}
	#solution .list .item.no .text1{opacity:0;}
	
	#product{width:100%;padding:.9rem .2rem;}
	#product .list{margin-top:.5rem;}
	#product .list ul{gap:.25rem;}
	#product .list ul li{width:100%;height:auto; padding-bottom:.3rem}
	#product .list ul li:nth-child(n+3){width:100%;}
	#product .list ul li .img img{width:80%;}
	#product .list ul li:nth-child(n+3) .img img{width:80%;}
	#product .list ul li .info .title{font-size:.3rem;}
	#product .list ul li .info .desc{font-size:.22rem;}
	#product .list ul li .info .more{font-size:.2rem;width:1.5rem;border-radius:.3rem;margin-top:.2rem; line-height:.5rem}
	#product .list ul li:hover .info .more{margin-top:.2rem;}
	
	#major{background:url(../images/bg_major.jpg) center center no-repeat;background-size:cover;}
	#major .title{font-size:.4rem;}
	#major .num{flex-wrap:wrap;margin-top:1rem;gap:.5rem 0;}
	#major .num .item{width:50%; padding:.2rem 0;}
	#major .num .item .big{gap:0 .1rem;}
	#major .num .item .big span{font-size:.6rem;}
	#major .num .item .big em{font-size:.5rem;}
	#major .num .item .desc{font-size:.22rem;margin-top:.2rem;}
	#major .num .item:last-child{border:0;padding-right:0;}
	#major .num .item:first-child{padding-left:0;}
	#major .num .item:nth-child(2){border:0;}
	
	#indexnav{padding:.9rem .2rem;}
	#indexnav .wrap{flex-wrap:wrap;gap:.25rem;}
	#indexnav .item{width:100%;}
	#indexnav .item .text .title{font-size:.4rem;}
	#indexnav .item .text .desc{font-size:.22rem;margin-top:.2rem;}
	#indexnav .item .text .more{margin-top:.5rem;}
	#indexnav .item .text .more span{border-radius:.5rem;line-height:.5rem;padding:0 .4rem;}
	
	#footer .logo{  padding:.5rem .2rem .2rem;}
	#footer .logo .img img{ height:.3rem}
	#footer .logo .right{ gap:0 .1rem}
	#footer .logo .right a{ width:.34rem; height:.34rem; }
	#footer .logo .right a i{ color:#fff; font-size:.2rem}
	#footer .logo .right a:hover{ background:rgba(255,255,255,.4)}
	#footer .map{ display:block;padding:.5rem .2rem;}
	#footer .map .contact{ width:100%; text-align:center}
	#footer .map .contact .tel .title{ font-size:.22rem;}
	#footer .map .contact .tel .desc{  font-size:.4rem;}
	#footer .map .contact .tel .desc a{ color:#fff}
	#footer .map .contact .content{ margin-top:.2rem;  font-size:.22rem;}
	#footer .map .contact .content a{ color:#fff}
	#footer .map .item{ display:none}
	#footer .map .qrcode{ width:100%;justify-content:center; margin-top:.5rem;}
	#footer .map .qrcode .img img{ width:1.2rem}
	#footer .map .qrcode p{ font-size:.2rem; margin-top:.1rem}
	#footer .copyright{padding:.2rem .2rem;display:block; font-size:.18rem}
	#footer .copyright .text{ text-align: center;}
	#footer .copyright .text i{ margin:0; display:block}
	#footer .copyright .link{ text-align:center}
	#footer .copyright .link a{ margin:0 .05rem;}
	
}

#classname{ width:100%; position:fixed; left:0; top:60px; background:rgba(0,0,0,.6); z-index:200}
#classname .wrap{display:flex;justify-content:space-between;;align-items:center; padding:10px 0}
#classname .left a{ color:#fff; font-size:16px; display:block; line-height:24px}
#classname .left a:hover{padding: 0 10px;background-color: #274aae; border-radius:4px}
#classname .right{display:flex;gap:0 20px}
#classname .right a{ color:#fff; display:block;padding: 0 10px;; line-height:26px}
#classname .right a:hover{background-color: #274aae; border-radius:4px}
#classname .right a.active{background-color: #274aae; border-radius:4px}

#view_banner{ width:100%; position:relative;background:#111;}
#view_banner .img{ width:100%; height:100vh}
#view_banner .img img{width:100%;height:100%;object-fit:cover;}
#view_banner .img img.m{ display:none}
#view_banner .info{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.3);display:flex;justify-content:center;align-items:center;}
#view_banner .info .box{ text-align:center; color:#fff}
#view_banner .info .title{ font-size:24px;}
#view_banner .info .desc{ font-size:44px; line-height:1.5; font-weight:700; margin-top:10px;}
#view_banner .info .proname{ font-size:36px; line-height:1.5; margin-top:10px}
#view_banner .info .play i{ font-size:48px; color:#fff; margin-top:10px}
#view_banner .info .play i:hover{ color:#274aae} 

#view_1{ width:100%; background:#171717; padding:90px 0}
#view_1 .text{ text-align:center; color:#888; font-size:20px}
#view_1 .pic{display:flex;justify-content:space-between;gap:20px; margin-top:50px}
#view_1 .pic .left{ width:calc((100% - 20px) / 2)}
#view_1 .pic .left .img{ border-radius:10px; overflow:hidden; position:relative}
#view_1 .pic .left .img:first-child{ margin-bottom:20px}
#view_1 .pic .left .img img{ width:100%; height:100%; display:block}
#view_1 .pic .left .img .title{ position:absolute; left:5%; bottom:5%; color:#fff; z-index:99; font-size:20px}
#view_1 .pic .left .img .title2{ position:absolute; right:5%; top:5%; color:#fff; z-index:99; font-size:20px}
#view_1 .pic .right{ width:calc((100% - 20px) / 2); border-radius:10px; overflow:hidden; position:relative}
#view_1 .pic .right img{ width:100%; height:100%; display:block}
#view_1 .pic .right .title{ position:absolute; left:0; top:5%; width:100%; text-align:center; color:#fff; z-index:99; font-size:20px}

#view_2{ width:100%; padding:90px 0 0; background:#000}
#view_2 .stitle .title{ color:#fff}
#view_2 .stitle .desc{ color:#888}
#view_2 .list{ margin: 50px auto 0;}
#view_2 .list .view_2_img{ width: 100%; position: relative; padding: 0 21%; overflow: hidden;}
#view_2 .list .view_2_img .swiper-slide{ position: relative; width: 100%; background: #000; cursor: pointer; border-radius: 10px; overflow: hidden;}
#view_2 .list .view_2_img .swiper-slide::after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.1);}
#view_2 .list .view_2_img .swiper-slide img{ width: 100%; display: block; opacity: 0.5;}
#view_2 .list .view_2_img .swiper-slide.swiper-slide-active img{ opacity: 1;}
#view_2 .list .view_2_img .swiper-slide.swiper-slide-active::after{opacity: 0;}
#view_2 .list .view_2_img .button{width: 36px;height: 36px;line-height: 36px;border-radius: 50%;border: 0;font-size: 18px;color: #fff; background: rgba(255, 255, 255, 0.2); text-align: center; z-index: 2;}
#view_2 .list .view_2_img .swiper-button-prev{left: 21%; margin-left: -80px;}
#view_2 .list .view_2_img .swiper-button-next{right: 21%; margin-right: -80px;}
#view_2 .list .view_2_img .swiper-button-prev:hover,
#view_2 .list .view_2_img .swiper-button-next:hover{background: #274aae;color: #fff;}
#view_2 .list .view_2_img .swiper-button-prev::after,
#view_2 .list .view_2_img .swiper-button-next::after{display: none;}
#view_2 .list .view_2_thumb{ width: 650px; margin: 50px auto 0; height: 54px; background: rgba(255, 255, 255, 0.1); border-radius: 27px; position: relative;}
#view_2 .list .view_2_thumb .swiper-slide{ cursor: pointer; font-size: 20px; position: relative; color: rgba(255, 255, 255, 0.6); text-align: center; line-height: 54px; border-radius: 27px; overflow: hidden;}
#view_2 .list .view_2_thumb .slide{ font-size: 16px; }
#view_2 .list .view_2_thumb .swiper-slide.swiper-slide-thumb-active{ background: #274aae; color: #fff;}

#view_3{ width:100%; padding:90px 0 0; background:#000}
#view_3 .stitle .title{ color:#fff}
#view_3 .stitle .desc{ color:#888}
#view_3 .list{ margin: 50px auto 0;}
#view_3 .list{display:flex;justify-content:space-between;align-items:center;}
#view_3 .list .view_3_img{ width: 78%;  position: relative; overflow: hidden;}
#view_3 .list .view_3_img .swiper-slide{ width: 100%; position: relative; overflow: hidden; border-radius: 10px;}
#view_3 .list .view_3_img .swiper-slide img{ width: 100%; display: block; opacity: 1;}
#view_3 .list .view_3_img .swiper-slide::after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.02);}
#view_3 .list .view_3_thumb{ width: 22%;  position: relative;}
#view_3 .list .view_3_thumb::after{ content: ''; position: absolute; right: 1px; top: 0; width: 1px; height: 100%; background-color: rgba(255, 255, 255, 0.2);}
#view_3 .list .view_3_thumb .swiper-slide{ cursor: pointer; text-align: right; width: 100%; height: 70px; line-height: 40px; padding:15px 25px 15px 0; border-right: solid 3px rgba(255, 255, 255, 0); font-size: 22px; color: rgba(255, 255, 255, 0.4);}
#view_3 .list .view_3_thumb .swiper-slide.swiper-slide-thumb-active{ border-color: #fff; color: #fff;}

#view_4{ width:100%; padding:90px 0 0; background:#000}
#view_4 .stitle .title{ color:#fff}
#view_4 .stitle .desc{ color:#888}
#view_4 .list{ margin: 50px auto 0;}
#view_4 .list .view_4_img .swiper-slide {width: 1000px;height: 560px; overflow: hidden; border-radius: 10px;}
#view_4 .list .view_4_img .swiper-slide::after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.1);}
#view_4 .list .view_4_img .swiper-slide img{display:block;width: 1000px;height: 560px;}
#view_4 .list .view_4_img .swiper-slide.swiper-slide-active::after{background-color: rgba(255, 255, 255, 0.05);}
#view_4 .list .view_4_img .swiper-button-next,
#view_4 .list .view_4_img .swiper-button-prev{ width: calc(50% - 500px); height: 370px; margin-top: -185px !important;}
#view_4 .list .view_4_img .swiper-button-next::after,#view_4 .list .swiper-button-prev::after{ display: none;}
#view_4 .list .view_4_img .swiper-button-next{ right: 0;}
#view_4 .list .view_4_img .swiper-button-prev{ right: 0;}
#view_4 .list .view_4_thumb{ width: 500px; margin: 50px auto 0; position: relative;}
#view_4 .list .view_4_thumb .swiper-slide{ cursor: pointer; font-size: 20px; position: relative; color: rgba(255, 255, 255, 0.6); text-align: center;  overflow: hidden;}
#view_4 .list .view_4_thumb .swiper-slide.slide1{ text-align: left;}
#view_4 .list .view_4_thumb .swiper-slide.slide3{ text-align: right;}
#view_4 .list .view_4_thumb .swiper-slide.swiper-slide-thumb-active{  color: #fff;}

#view_5{ width:100%; padding:90px 0; background:#000}
#view_5 .stitle .title{ color:#fff}
#view_5 .stitle .desc{ color:#888}
#view_5 .list{ margin: 50px auto 0;}
#view_5 .list .view_5_img{ width: 100%; position: relative; padding: 0 21%; overflow: hidden;}
#view_5 .list .view_5_img .swiper-slide{ position: relative; width: 100%; background: #000; cursor: pointer; border-radius: 10px; overflow: hidden;}
#view_5 .list .view_5_img .swiper-slide::after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.1);}
#view_5 .list .view_5_img .swiper-slide img{ width: 100%; display: block; opacity: 0.5;}
#view_5 .list .view_5_img .swiper-slide.swiper-slide-active img{ opacity: 1;}
#view_5 .list .view_5_img .swiper-slide.swiper-slide-active::after{opacity: 0;}
#view_5 .list .view_5_img .button{width: 36px;height: 36px;line-height: 36px;border-radius: 50%;border: 0;font-size: 18px;color: #fff; background: rgba(255, 255, 255, 0.2); text-align: center; z-index: 2;}
#view_5 .list .view_5_img .swiper-button-prev{left: 21%; margin-left: -80px;}
#view_5 .list .view_5_img .swiper-button-next{right: 21%; margin-right: -80px;}
#view_5 .list .view_5_img .swiper-button-prev:hover,
#view_5 .list .view_5_img .swiper-button-next:hover{background: #274aae;color: #fff;}
#view_5 .list .view_5_img .swiper-button-prev::after,
#view_5 .list .view_5_img .swiper-button-next::after{display: none;}
#view_5 .list .view_5_thumb{ width: 860px; margin: 50px auto 0; height: 54px; background: rgba(255, 255, 255, 0.1); border-radius: 27px; position: relative;}
#view_5 .list .view_5_thumb .swiper-slide{ cursor: pointer; font-size: 20px; position: relative; color: rgba(255, 255, 255, 0.6); text-align: center; line-height: 54px; border-radius: 27px; overflow: hidden;}
#view_5 .list .view_5_thumb .slide{ font-size: 16px; }
#view_5 .list .view_5_thumb .swiper-slide.swiper-slide-thumb-active{ background: #274aae; color: #fff;}

#view_6{ width:100%; padding:90px 0; background:#171717}
#view_6 .stitle .title{ color:#fff}
#view_6 .stitle .desc{ color:#888}
#view_6 .list{ margin: 50px auto 0;}
#view_6 .list ul{display:flex;flex-wrap:wrap;gap:20px}
#view_6 .list ul li{ width:calc((100% - 20px) / 2)}
#view_6 .list ul li .img{ border-radius:10px; overflow:hidden}
#view_6 .list ul li .img img{ width:100%}
#view_6 .list ul li .title{ text-align:center; color:#fff; margin-top:10px}

#view_info{ width:100%; padding:150px 0; display:none}
#view_info .view_item{ margin-bottom:90px}
#view_info .view_item .title{ font-size:40px; line-height:1.5; border-bottom:1px solid #ddd}
#view_info .view_item .content{ margin-top:50px;}
#view_info .view_item .content table{width: 100%;border-collapse: collapse;border-spacing: 0;border: none;}
#view_info .view_item .content table tr,
#view_info .view_item .content table td,
#view_info .view_item .content table th{border: none;}
#view_info .view_item .content table{width: 100%;color: #333;text-align: center;}
#view_info .view_item .content table tr{width: 100%;background-color: #f8f9fb;}
#view_info .view_item .content table tr:nth-child(odd){background-color: #f1f2f4;}
#view_info .view_item .content table tr:first-child{background-color: unset;}
#view_info .view_item .content table tr th{font-size: 32px;line-height: 96px;color: #333;font-weight: normal; box-sizing: border-box;}
#view_info .view_item .content table tr td{line-height: 26px;padding: 9px 20px;font-size: 16px;border: solid 1px #fff;color: #333; box-sizing: border-box; word-break: normal; word-wrap: break-word;}
#view_info .view_item .content table tr td:nth-child(1){ width: 18%;}
#view_info .view_item .content table.table tr td:nth-child(1){width: auto;}
#view_info .view_item .content img{ max-width:100%}

#view_contact{ width:100%; padding:90px 0}
#view_contact .form{ margin-top:50px;}
#view_contact .form .box{display:flex;align-items:center;flex-wrap:wrap;gap:20px}
#view_contact .form .box .item{ width:calc((100% - 40px) / 3)}
#view_contact .form .box .item2{ width:100%}
#view_contact .form .box .item .text{ border:1px solid #ddd; border-radius:6px; padding:0 20px; line-height:50px; width:100%; font-size:16px}
#view_contact .form .box .item .textarea{ border:1px solid #ddd; border-radius:6px; padding:10px 20px; height:200px; width:100%; font-size:16px}
#view_contact .form .box .item .form-text:focus {border-color:#274aae!important;}
#view_contact .form .box .button{ text-align:center; margin-top:30px}
#view_contact .form .box .button .btn{ border:1px solid #ccc; display:inline-block; background:none; line-height:50px; padding:0 50px; border-radius:60px; font-size:16px; color:#333; cursor:pointer}
#view_contact .form .box .button .btn:hover{ border:1px solid #274aae; background:#274aae; color:#fff;}

#popvideo{width: 50%;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1000;display: none;}
#popvideo .videobox video{display: block;width: 100%;}
#popvideo .videobox .btn_close{width: 40px;height: 40px;line-height: 40px;text-align: center;color: #fff;font-size: 30px;margin: 5px auto 0;cursor: pointer;}
#popvideo .videobox .btn_close:hover{color: #274aae;}

#view_content{ width:100%; background:#111; color:#ccc; font-size:18px; line-height:1.5; padding:80px 0}
#view_content img{ max-width:100%; border-radius:20px}

@media (max-width:800px){
	body,html{font-size:.23rem;line-height:.34rem;}
	
	#classname{ top:.8rem;}
	#classname .wrap{padding:.1rem .2rem}
	#classname .left a{font-size:.24rem;line-height:2}
	#classname .left a:hover{padding: 0 .1rem;}
	#classname .right{gap:0 .1rem}
	#classname .right a{padding: 0 .1rem; line-height:2; font-size:.2rem}
	
	#view_banner .img{height:auto}
	#view_banner .img img{width:100%;height:auto;}
	#view_banner .img img.pc{ display:none}
	#view_banner .img img.m{ display: block}
	#view_banner .info .title{ font-size:.25rem;}
	#view_banner .info .desc{ font-size:.5rem;margin-top:.1rem;}
	#view_banner .info .proname{ font-size:.4rem; margin-top:.1rem}
	#view_banner .info .play i{ font-size:.6rem;margin-top:.2rem}
	
	#view_1{padding:.9rem .2rem}
	#view_1 .text{font-size:.24rem}
	#view_1 .text br{ display:none}
	#view_1 .pic{flex-wrap:wrap;flex-direction:column-reverse;gap:20px; margin-top:.5rem}
	#view_1 .pic .left{ width:100%}
	#view_1 .pic .left .img{ border-radius:.1rem;}
	#view_1 .pic .left .img:first-child{ margin-bottom:.2rem}
	#view_1 .pic .left .img img{ width:100%; height:auto}
	#view_1 .pic .left .img .title{font-size:.26rem}
	#view_1 .pic .left .img .title2{ font-size:.26rem}
	#view_1 .pic .right{ width:100%; border-radius:.1rem;}
	#view_1 .pic .right img{ width:100%; height:auto;}
	#view_1 .pic .right .title{font-size:.26rem}
	
	#view_2{padding:.9rem .2rem 0;}
	#view_2 .list{ margin: .5rem auto 0;}	
	#view_2 .list .view_2_img{padding: 0 0;;}
	#view_2 .list .view_2_img .swiper-slide{ border-radius: .1rem; }
	#view_2 .list .view_2_img .button{width: .4rem;height: .4rem;line-height: .4rem;font-size: .2rem;}
	#view_2 .list .view_2_img .swiper-button-prev{left: .05rem; margin-left:0;}
	#view_2 .list .view_2_img .swiper-button-next{right: .05rem; margin-right: 0;}
	#view_2 .list .view_2_thumb{ width: 100%; margin: .5rem auto 0; height: .54rem; border-radius: .27rem;}
	#view_2 .list .view_2_thumb .swiper-slide{ font-size: .2rem;  line-height: .54rem; border-radius: .27rem; }
	#view_2 .list .view_2_thumb .slide{ font-size: .2rem; }
	
	#view_3{ width:100%; padding:.9rem .2rem 0;}
	#view_3 .list{ margin: .5rem auto 0;}
	#view_3 .list{display:block;}
	#view_3 .list .view_3_img{ width: 100%;}
	#view_3 .list .view_3_img .swiper-slide{ width: 100%; position: relative; overflow: hidden; border-radius: .1rem;}
	#view_3 .list .view_3_thumb{ width: 100%; margin: .5rem auto 0; height: .54rem; background: rgba(255, 255, 255, 0.1); border-radius: .27rem; position: relative;}
	#view_3 .list .view_3_thumb .swiper-slide{ cursor: pointer; font-size: .2rem; position: relative; color: rgba(255, 255, 255, 0.6); text-align: center; line-height: .54rem; border-radius: .27rem; overflow: hidden;}
	#view_3 .list .view_3_thumb .slide{ font-size: .2rem; }
	#view_3 .list .view_3_thumb .swiper-slide{  width: auto; height: auto; padding:0; border-right:0; }
	#view_3 .list .view_3_thumb .swiper-slide.swiper-slide-thumb-active{ background: #274aae; color: #fff;}
	
	#view_4{padding:.9rem .2rem 0;}
	#view_4 .list{ margin: .5rem auto 0;}
	#view_4 .list .view_4_img .swiper-slide {width: 100%;height: auto; border-radius: .1rem;}
	#view_4 .list .view_4_img .swiper-slide img{width: 100%;height: auto;}
	#view_4 .list .view_4_img .swiper-button-next,
	#view_4 .list .view_4_img .swiper-button-prev{ display: none;}
	#view_4 .list .view_4_img .swiper-button-next::after,#view_4 .list .swiper-button-prev::after{ display: none;}
	#view_4 .list .view_4_thumb{ width: 100%; margin: .5rem auto 0; height: .54rem; background: rgba(255, 255, 255, 0.1); border-radius: .27rem; position: relative;}
	#view_4 .list .view_4_thumb .swiper-slide{ font-size: .2rem;   line-height: .54rem; border-radius: .27rem; ;}	
	#view_4 .list .view_4_thumb .swiper-slide.slide1{ text-align: center;}
	#view_4 .list .view_4_thumb .swiper-slide.slide3{ text-align: center;}
	#view_4 .list .view_4_thumb .swiper-slide.swiper-slide-thumb-active{ background: #274aae; color: #fff;}
	
	#view_5{padding:.9rem .2rem;}
	#view_5 .list{ margin: .5rem auto 0;}	
	#view_5 .list .view_5_img{padding: 0 0;;}
	#view_5 .list .view_5_img .swiper-slide{ border-radius: .1rem; }
	#view_5 .list .view_5_img .button{width: .4rem;height: .4rem;line-height: .4rem;font-size: .2rem;}
	#view_5 .list .view_5_img .swiper-button-prev{left: .05rem; margin-left:0;}
	#view_5 .list .view_5_img .swiper-button-next{right: .05rem; margin-right: 0;}
	#view_5 .list .view_5_thumb{ width: 100%; margin: .5rem auto 0; height: .54rem; border-radius: .277rem;}
	#view_5 .list .view_5_thumb .swiper-slide{ font-size: .2rem;  line-height: .54rem; border-radius: .27rem; }
	#view_5 .list .view_5_thumb .slide{ font-size: .2rem; }
	
	#view_6{padding:.9rem .2rem;}
	#view_6 .list{ margin: .5rem auto 0;}
	#view_6 .list ul{display:flex;flex-wrap:wrap;gap:.2rem}
	#view_6 .list ul li{ width:calc((100% - .2rem) / 2)}
	#view_6 .list ul li .img{ border-radius:.1rem; height:3rem;}
	#view_6 .list ul li .img img{width:100%;height:100%;object-fit:cover;}
	#view_6 .list ul li .title{  margin-top:.2rem}
	
	#view_info{ padding:2rem .2rem;}
	#view_info .view_item{ margin-bottom:.9rem}
	#view_info .view_item .title{ font-size:.4rem;}
	#view_info .view_item .content{ margin-top:.5rem;}
	#view_info .view_item .content table tr th{font-size: .4rem;line-height: 2;}
	#view_info .view_item .content table tr td{line-height: .3rem;padding: .2rem .1rem;font-size: .22rem;}
	#view_info .view_item .content table tr td:nth-child(1){ width: 35%;}
	
	#view_contact{padding:.9rem .2rem}
	#view_contact .form{ margin-top:.5rem;}
	#view_contact .form .box{gap:.2rem}
	#view_contact .form .box .item{ width:100%}
	#view_contact .form .box .item .text{padding:0 .2rem; line-height:.6rem; font-size:.22rem}
	#view_contact .form .box .item .textarea{ padding:.1rem .2rem; height:2rem; font-size:.22rem}
	#view_contact .form .box .button{margin-top:.3rem}
	#view_contact .form .box .button .btn{ line-height:.6rem; padding:0 .5rem; border-radius:.6rem; font-size:.24rem;}
	
	#view_content{ font-size:.22rem; line-height:1.4; padding:.8rem .2rem}
	#view_content img{border-radius:.2rem}
	
	#popvideo{width: 100%;}
	#popvideo .videobox .btn_close{width: .5rem;height: .5rem;line-height: .5rem;font-size: .5rem;margin: .1rem auto 0;}

}

#mbanner{ width:100%; margin-top:60px; position:relative; background:#000}
#mbanner .img{ opacity:.8}
#mbanner .img img{ width:100%}
#mbanner .info{ position:absolute; left:0; top:0; width:100%; height:100%;display:flex;justify-content:center;align-items:center}
#mbanner .info{ font-size:38px; font-weight:700; color:#fff}
#mbanner .info .center{ text-align:center}

#main{ width:100%; background:#f9fafc}
#main .clist{ padding-top:80px;display:flex;justify-content:center;align-items:center;gap:0 20px}
#main .clist a{ display:inline-block; line-height:44px; padding:0 50px; border-radius:44px; background:#fff;box-shadow: 2px 3px 14px 2px rgba(0,0,0,.02); font-size:16px}
#main .clist a.active{ background:#274aae; color:#fff}
#main .clist a:hover{ background:#274aae; color:#fff}
#main .down{ margin-top:50px; padding:0 0 80px}
#main .down ul li{ background:#fff; padding:15px 20px;display:flex;justify-content:space-between;align-items:center; margin-bottom:20px;box-shadow: 2px 3px 14px 2px rgba(0,0,0,.02);}
#main .down ul li .title{ display:flex;align-items:center;gap:0 10px;font-size:16px}
#main .down ul li .title i{ color:#f00; font-size:18px}
#main .down ul li .download a{ border:1px solid #ccc; display:inline-block; background:#fff; padding:2px 20px; border-radius:20px}
#main .down ul li .download a i{ font-size:16px}
#main .down ul li .download a:hover{ border:1px solid #274aae; color:#fff; background:#274aae}

#main .video_list{padding-bottom:80px}
#main .video_list .item{ margin-top:80px}
#main .video_list .item .vtitle{display:flex;justify-content:space-between;align-items:center;}
#main .video_list .item .vtitle h2{ font-size:24px; border-left:5px solid #274aae; font-weight:normal; line-height:1; padding-left:10px;}
#main .video_list .item .vtitle .more{ color:#888; cursor:pointer}
#main .video_list .item ul{display:flex;flex-wrap:wrap;gap:20px; margin-top:30px}
#main .video_list .item ul li{ width:calc((100% - 80px) / 5); background:#fff;box-shadow: 2px 3px 14px 2px rgba(0,0,0,.02);transition:all .3s;}
#main .video_list .item ul li:nth-child(n+6){ display:none}
#main .video_list .item ul li .img{ height:180px; overflow: hidden}
#main .video_list .item ul li .img img{width:100%;height:100%;object-fit:cover; }
#main .video_list .item ul li .title{ padding:20px; line-height:1.5; font-size:16px}
#main .video_list .item.active ul li:nth-child(n+6){ display:block}
#main .video_list .item ul li:hover{ box-shadow: 2px 3px 14px 2px rgba(0,0,0,.1);}

#main .video_show{ padding:80px; background:#fff}
#main .video_show .title{ text-align:center; border-bottom:1px solid #eee; padding-bottom:20px}
#main .video_show .title h1{ font-size:32px;}
#main .video_show .title .info{ margin-top:20px; color:#888}
#main .video_show .title .info span{ margin:0 5px}
#main .video_show .content{ padding:50px 0; min-height:500px}
#main .video_show .content video{ width:80%; min-height:400px}
#main .video_show .content iframe{ width:80%; min-height:600px}
#main .video_show .pagedown{ border-top:1px solid #eee; padding-top:20px}

#main .wrap2{ padding:30px 0}
#main .zixun{ padding:80px; background:#fff}
#main .zixun .title{ font-size:32px; font-weight:700; text-align:center}
#main .zixun .tab{ margin-top:50px;display:flex;justify-content:center;align-items:center;gap:0 40px}
#main .zixun .tab a{ display:inline-block; line-height:44px; padding:0 50px; border-radius:40px; background:#fff; border:1px solid #eee;box-shadow: 2px 3px 14px 2px rgba(0,0,0,.02); font-size:16px}
#main .zixun .tab a.active{ background:#274aae; color:#fff; border:1px solid #274aae}
#main .zixun .tab a:hover{ background:#274aae; color:#fff; border:1px solid #274aae}
#main .zixun .tisp{ text-align:center; margin-top:60px; font-size:18px; color:#666}
#main .zixun .tisp i{ color:#274aae}
#main .zixun .form{ margin-top:50px;}
#main .zixun .form .box{ display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:30px 40px}
#main .zixun .form .box .item{ width:calc((100% - 300px) / 2)}
#main .zixun .form .box .item2{ width:calc(100% - 260px)}
#main .zixun .form .box .item .text{ border:1px solid #ccc; width:100%; padding:0 20px; line-height:50px; border-radius:6px; font-size:16px}
#main .zixun .form .box .item .textarea{ border:1px solid #ccc; width:100%; padding:20px; line-height:1.5; height:150px;; font-size:16px; border-radius:6px;}
#main .zixun .form .box .item .textarea2{ height:350px;}
#main .zixun .form .box .item .form-text:focus {border-color:#274aae!important;}
#main .zixun .form .box .button{ width:100%; text-align:center; margin-top:30px}
#main .zixun .form .box .button .btn{ border:1px solid #ccc; display:inline-block; background:none; line-height:50px; padding:0 50px; border-radius:60px; font-size:16px; color:#333; cursor:pointer}
#main .zixun .form .box .button .btn:hover{ border:1px solid #274aae; background:#274aae; color:#fff;}
#main .zixun .shouhou{ margin-top:50px;}
#main .zixun .shouhou .box{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:30px 40px}
#main .zixun .shouhou .box .item{ width:calc(100% - 360px)}
#main .zixun .shouhou .box .item .text{ border:1px solid #ccc; width:100%; padding:0 20px; line-height:50px; border-radius:6px; font-size:16px}
#main .zixun .shouhou .box .item .select{ border:1px solid #ccc; width:100%; padding:0 20px; line-height:50px;height:50px; border-radius:6px; font-size:16px; color:#999}
#main .zixun .shouhou .box .item .textarea{ border:1px solid #ccc; width:100%; padding:20px; line-height:1.5; height:150px;; font-size:16px; border-radius:6px;}
#main .zixun .shouhou .box .item .form-text:focus {border-color:#274aae!important;}
#main .zixun .shouhou .box .button{ width:100%; text-align:center; margin-top:30px}
#main .zixun .shouhou .box .button .btn{ border:1px solid #ccc; display:inline-block; background:none; line-height:50px; padding:0 50px; border-radius:60px; font-size:16px; color:#333; cursor:pointer}
#main .zixun .shouhou .box .button .btn:hover{ border:1px solid #274aae; background:#274aae; color:#fff;}

#main .news{ padding:80px 0}
#main .news ul{display:flex;flex-wrap:wrap;gap:30px}
#main .news ul li{ width:calc((100% - 60px) / 3); background:#fff;box-shadow: 2px 3px 14px 2px rgba(0,0,0,.02);transition:all .3s;}
#main .news ul li .img{ height:280px; overflow:hidden}
#main .news ul li .img img{width:100%;height:100%;object-fit:cover;}
#main .news ul li .info{ padding:30px 20px}
#main .news ul li .info .time{ color:#888}
#main .news ul li .info .title{ font-size:18px; margin-top:5px}
#main .news ul li:hover{ box-shadow: 2px 3px 14px 2px rgba(0,0,0,.1)}

#main .news_show{ padding:80px; background:#fff}
#main .news_show .title{ text-align:center; border-bottom:1px solid #eee; padding-bottom:20px}
#main .news_show .title h1{ font-size:32px;}
#main .news_show .title .info{ margin-top:20px; color:#888}
#main .news_show .title .info span{ margin:0 5px}
#main .news_show .content{ padding:50px 0; min-height:500px; font-size:16px; line-height:1.5}
#main .news_show .content video{ width:80%; min-height:400px}
#main .news_show .content iframe{ width:80%; min-height:600px}
#main .news_show .content img{ max-width:80%;}
#main .news_show .content p{ margin-bottom:10px}
#main .news_show .pagedown{ border-top:1px solid #eee; padding-top:20px}

#main .join{ padding:80px 0}
#main .join ul li{ border-bottom:1px solid #eee; background:#fff}
#main .join ul li:first-child{ border-top:1px solid #eee;}
#main .join ul li .title{display:flex;justify-content:space-between ;align-items:center; padding:20px 30px;transition:all .3s;}
#main .join ul li .title .tit{ width:40%; font-size:16px}
#main .join ul li .title .type{ width:20%; font-size:16px}
#main .join ul li .title .money{ width:20%; font-size:16px}
#main .join ul li .title .more i{ margin-left:10px; color:#888;transition:all .3s;}
#main .join ul li .desc{ display:none; padding:30px; font-size:16px; line-height:1.8; color:#666}
#main .join ul li:hover .title{ background:#f2f5fa; color:#274aae}
#main .join ul li.active .title{ background:#f2f5fa; color:#274aae}
#main .join ul li.active .title .more i{transform: rotate(-180deg);}

#main .contact{ padding:80px 0;display:flex;flex-wrap:wrap;gap:40px}
#main .contact .item{ width:calc((100% - 40px) / 2);box-shadow: 2px 3px 14px 2px rgba(0,0,0,.02);}
#main .contact .item{ background:#fff; padding:70px; border-radius:10px}
#main .contact .item .title{ font-size:30px;}
#main .contact .item .desc{ margin-top:20px; font-size:16px; color:#666; line-height:1.8}
#main .contact .item .desc a{ color:#274aae}
#main .contact .item .desc i{ color:#274aae}

#about_1{ width:100%; padding:80px 0}
#about_1 .content{ text-align:center; font-size:18px}
#about_1 .num{display:flex;justify-content:center;;margin-top:100px;}
#about_1 .num .item{padding:10px 70px;}
#about_1 .num .item .icon{ width:90px; height:90px; overflow:hidden; margin:0 auto; border-radius:100px; border:2px solid #ccc;}
#about_1 .num .item .icon img{ width:100%}
#about_1 .num .item .big{display:flex;justify-content:center;align-items:center;gap:0 10px; margin-top:20px}
#about_1 .num .item .big span{font-size:46px;font-family:"din"; line-height:1.5}
#about_1 .num .item .big em{font-size:30px;}
#about_1 .num .item .desc{font-size:18px;margin-top:10px;text-align:center; color:#666}
#about_1 .num .item:last-child{border:0;padding-right:0;}
#about_1 .num .item:first-child{padding-left:0;}
#about_2{ width:100%; padding:80px 0; background:url(../images/bg_about.jpg) no-repeat center center; background-size:cover; background-attachment:fixed}
#about_2 .stitle .title{ color:#fff}
#about_2 .list{ margin-top:50px}
#about_2 .list ul{display:flex;align-items:center;gap:0 40px;}
#about_2 .list ul li{ width:calc((100% - 120px) / 4); background:#fff; border-radius:14px; padding:30px 0; position:relative; overflow:hidden}
#about_2 .list ul li .img img{ width:100%}
#about_2 .list ul li .title{ padding:30px; text-align:center; font-size:18px}
#about_2 .list ul li .info{ position:absolute; left:0; top:-100%; width:100%; height:100%; background:#fff; padding:40px}
#about_2 .list ul li .info .tit{ font-size:24px; font-weight:700}
#about_2 .list ul li .info .desc{ margin-top:10px; font-size:16px; line-height:1.5}
#about_2 .list ul li .info .pic{ position:absolute; bottom:0; right:0; text-align:right}
#about_2 .list ul li .info .pic img{ width:90%; position:relative; right:-90px; bottom:-10px}
#about_2 .list ul li:hover .info{ top:0}
#about_3{ width:100%; padding:80px 0;}
#about_3 .list{ margin-top:50px}
#about_3 .list ul{display:flex;align-items:center;flex-wrap:wrap;gap:20px 1%;}
#about_3 .list ul li{ width:38%; position:relative;border-radius:14px; overflow:hidden}
#about_3 .list ul li:nth-child(2){ width:22%}
#about_3 .list ul li:nth-child(6){ width:22%}
#about_3 .list ul li .img{ height:280px; overflow:hidden; }
#about_3 .list ul li .img img{width:100%;height:100%;object-fit:cover;}
#about_3 .list ul li::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 45%;z-index: 2;background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4) 30%, rgba(0, 0, 0, 0.8));}
#about_3 .list ul li .tit{ position:absolute; left:20px; bottom:20px; color:#fff; font-size:18px; z-index:99; }

#main .about_show{ padding:80px; background:#fff; margin-top:60px}
#main .about_show .title{ text-align:center; border-bottom:1px solid #eee; padding-bottom:20px}
#main .about_show .title h1{ font-size:32px;}
#main .about_show .content{ padding:50px 0; min-height:500px; font-size:16px; line-height:1.5}
#main .about_show .content img{ max-width:80%;}
#main .about_show .content p{ margin-bottom:10px}

@media (max-width:800px){
	body,html{font-size:.23rem;line-height:.34rem;}
	
	#mbanner{margin-top:.8rem}
	#mbanner .img{ height:3.5rem}
	#mbanner .img img{width:100%;height:100%;object-fit:cover;}
	#mbanner .info{ font-size:.4rem; padding:0 .2rem}
	
	#main .clist{ padding-top:.8rem;flex-wrap:wrap;gap:.2rem}
	#main .clist a{ line-height:.6rem; padding:0 .5rem; border-radius:.3rem;font-size:.22rem}
	#main .down{ margin-top:.5rem; padding:0 .2rem .8rem}
	#main .down ul li{ padding:.3rem .2rem;display:block;margin-bottom:.2rem;display:flex;align-items:center;gap:0 10px;}
	#main .down ul li .title{ display:flex;align-items:flex-start;gap:0 10px;font-size:.22rem; width:60%}
	#main .down ul li .title i{ color:#f00; font-size:.24rem; margin-top:.05rem}
	#main .down ul li .download{ margin-top:.1rem; width:30%}
	#main .down ul li .download a{ padding:.08rem .2rem; border-radius:.4rem; font-size:.2rem}
	#main .down ul li .download a i{ font-size:.24rem}
	
	#main .video_list{padding:0 .2rem .8rem}
	#main .video_list .item{ margin-top:.8rem}
	#main .video_list .item .vtitle h2{ font-size:.3rem; padding-left:.1rem;}
	#main .video_list .item .vtitle .more{ font-size:.2rem}
	#main .video_list .item ul{display:flex;flex-wrap:wrap;gap:.2rem; margin-top:.3rem}
	#main .video_list .item ul li{ width:calc((100% - .2rem) / 2);}
	#main .video_list .item ul li:nth-child(n+5){ display:none}
	#main .video_list .item ul li .img{ height:2rem;}
	#main .video_list .item ul li .title{ padding:.3rem .2rem; font-size:.22rem}
	#main .video_list .item.active ul li:nth-child(n+5){ display:block}
	
	#main .video_show{ padding:.8rem .2rem}
	#main .video_show .title h1{ font-size:.4rem;}
	#main .video_show .title .time{ margin-top:.2rem;}
	#main .video_show .content{ margin-top:.5rem}
	#main .video_show .content video{ width:100%; min-height:5rem}
	#main .video_show .content iframe{ width:100%; min-height:5rem}
	
	#main .wrap2{ padding:0}
	#main .zixun{ padding:.8rem .2rem}
	#main .zixun .title{ font-size:.36rem;}
	#main .zixun .tab{ margin-top:.5rem;gap:0 .2rem}
	#main .zixun .tab a{ line-height:.6rem; padding:0 .5rem; border-radius:.5rem;  font-size:.22rem}
	#main .zixun .tisp{ margin-top:.6rem; font-size:.22rem;}
	#main .zixun .form{ margin-top:.5rem;}
	#main .zixun .form .box{gap:.2rem}
	#main .zixun .form .box .item{ width:100%}
	#main .zixun .form .box .item2{ width:100%}
	#main .zixun .form .box .item .text{padding:0 .2rem; line-height:.66rem;font-size:.22rem}
	#main .zixun .form .box .item .textarea{ padding:.2rem; height:2rem;; font-size:.22rem;}
	#main .zixun .form .box .item .textarea2{ height:4rem;}
	#main .zixun .form .box .button{margin-top:.3rem}
	#main .zixun .form .box .button .btn{ line-height:.6rem; padding:0 .5rem; border-radius:.6rem; font-size:.22rem;}
	#main .zixun .shouhou{ margin-top:.5rem;}
	#main .zixun .shouhou .box{gap:.2rem}
	#main .zixun .shouhou .box .item{ width:100%}
	#main .zixun .shouhou .box .item2{ width:100%}
	#main .zixun .shouhou .box .item .text{padding:0 .2rem; line-height:.66rem;font-size:.22rem}
	#main .zixun .shouhou .box .item .select{padding:0 .2rem; line-height:.66rem;height:.66rem;font-size:.22rem}
	#main .zixun .shouhou .box .item .textarea{ padding:.2rem; height:2rem;; font-size:.22rem;}
	#main .zixun .shouhou .box .button{margin-top:.3rem}
	#main .zixun .shouhou .box .button .btn{ line-height:.6rem; padding:0 .5rem; border-radius:.6rem; font-size:.24rem;}
	
	#main .news{ padding:.8rem .2rem}
	#main .news ul{gap:.3rem}
	#main .news ul li{ width:100%;}
	#main .news ul li .img{ height:4rem;}
	#main .news ul li .info{ padding:.3rem .2rem}
	#main .news ul li .info .title{ font-size:.26rem; margin-top:.1rem}
	
	#main .news_show{ padding:.8rem .2rem;}
	#main .news_show .title{padding-bottom:.2rem}
	#main .news_show .title h1{ font-size:.32rem;}
	#main .news_show .title .info{ margin-top:.2rem; font-size:.2rem}
	#main .news_show .title .info span{ margin:0 .1rem}
	#main .news_show .content{ padding:.5rem 0; min-height:2rem; font-size:.24rem;}
	#main .news_show .content video{ width:100%; min-height:4rem}
	#main .news_show .content iframe{ width:100%; min-height:4rem}
	#main .news_show .content img{ max-width:100%;}
	#main .news_show .content p{ margin-bottom:.1rem}
	#main .news_show .pagedown{padding-top:.2rem}
	#main .news_show .pagedown p{ padding:.05rem 0}
	
	#main .join{ padding:.8rem .2rem}
	#main .join ul li .title{padding:.2rem;transition:all .3s;}
	#main .join ul li .title .tit{ width:80% font-size:.24rem}
	#main .join ul li .title .type{ display:none}
	#main .join ul li .title .money{ display:none}
	#main .join ul li .title .more{ font-size:.2rem}
	#main .join ul li .title .more i{ margin-left:.1rem;}
	#main .join ul li .desc{padding:.2rem; font-size:.22rem;}
	
	#main .contact{ padding:.8rem .2rem;gap:.3rem}
	#main .contact .item{ width:100%;}
	#main .contact .item{ padding:.5rem; border-radius:.1rem}
	#main .contact .item .title{ font-size:.36rem;}
	#main .contact .item .desc{ margin-top:.2rem; font-size:.22rem;}
	
	#about_1{padding:.8rem .2rem}
	#about_1 .content{ font-size:.24rem; line-height:1.8}
	#about_1 .num{justify-content:space-between;flex-wrap:wrap;margin-top:1rem;}
	#about_1 .num .item{padding:.2rem 0; width:50%;}
	#about_1 .num .item .icon{ width:1rem; height:1rem;border-radius:1rem; border:1px solid #ccc;}
	#about_1 .num .item .big{gap:0 .1rem; margin-top:.2rem}
	#about_1 .num .item .big span{font-size:.46rem;}
	#about_1 .num .item .big em{font-size:.3rem;}
	#about_1 .num .item .desc{font-size:.22rem;margin-top:.1rem;}
	#about_2{padding:.8rem .8rem; background:#000;}
	#about_2 .list{ margin-top:.5rem}
	#about_2 .list ul{flex-wrap:wrap;gap:.4rem;}
	#about_2 .list ul li{ width:100%; border-radius:.1rem; padding:.3rem; }
	#about_2 .list ul li .img{ display:none}
	#about_2 .list ul li .title{ display:none}
	#about_2 .list ul li .info{ position: inherit; padding:.3rem; text-align:center}
	#about_2 .list ul li .info .tit{ font-size:.3rem;}
	#about_2 .list ul li .info .desc{ margin-top:.1rem; font-size:.22rem;; padding:0 .3rem}
	#about_2 .list ul li .info .pic{ position: inherit; text-align:center}
	#about_2 .list ul li .info .pic img{position: inherit; right:0; bottom:0}
	#about_3 .stitle .title i{ display: block; font-size:0}
	#about_3{padding:.8rem .2rem;}
	#about_3 .list{ margin-top:.5rem}
	#about_3 .list ul{;gap:.2rem 2%;}
	#about_3 .list ul li{ width:63%; border-radius:.1rem; }
	#about_3 .list ul li:nth-child(2){ width:35%}
	#about_3 .list ul li:nth-child(4){ width:35%}
	#about_3 .list ul li:nth-child(6){ width:35%}
	#about_3 .list ul li .img{ height:2rem;  }
	#about_3 .list ul li .tit{ left:.2rem; bottom:.2rem; font-size:.22rem;}
	
	#main .about_show{ padding:.8rem .2rem; margin-top:.8rem}
	#main .about_show .title{ padding-bottom:.2rem}
	#main .about_show .title h1{ font-size:.36rem;}
	#main .about_show .content{ padding:.5rem 0; min-height:auto; font-size:.24rem; line-height:1.8}
	#main .about_show .content p{ margin-bottom:.1rem}

}

#fenye{padding:50px 0 0px;display:flex;align-items:center;justify-content:center;gap:0 8px;}
#fenye a{color:#5a5a5a;height:50px;width:50px;line-height:50px;text-align:center;border:1px solid #eee;border-radius:4px; background:#fff}
#fenye a.curr{color:#fff;background:#274aae;border:1px solid #274aae;}
#fenye a:hover{background:#274aae;color:#fff;border:1px solid #274aae;}
#fenye a.curr + a,
#fenye a.curr + a + a{display:block;}

.popup{width: 100%;height: 100vh;background-color: rgba(0, 0, 0, 0.8);position: fixed;top: 0;left: 0;z-index: 999;display: none;}
.popupbox{width: 360px;height: 400px;border-radius: 10px;background-color: #FFFFFF;position: fixed;top: 50%;left: 50%;display: none;margin: -200px 0 0 -180px;z-index: 1000;}
.popupbox .img{width: 200px;height: 200px;overflow: hidden;margin: 50px auto 10px;border: 1px solid #eee;}
.popupbox .img img{width: 100%;display: block;}
.popupbox p{color: #333;font-size: 14px;line-height: 18px;text-align: center;width: 360px;}
.popupbox .close{font-size: 20px;margin: 50px auto 0;text-align: center;cursor: pointer;transition: all 0.6s ease;}

@media (max-width:800px){
	#fenye{padding:.5rem 0 0px;gap:0 .1rem;}
	#fenye a{width:.66rem;height:.66rem;line-height:.66rem;}
	#fenye .num,#fenye .prev{display:none;}
}