@charset "utf-8";
*{margin:0;padding:0;outline:0;}
body,html{overflow-x:hidden;color:#222;font:14px/30px 'kanitregular', "Microsoft Yahei", "PingFang SC", "Helvetica Neue", Helvetica, Arial;background:#fff;}
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:'kanitregular', "Microsoft Yahei", "PingFang SC", "Helvetica Neue", Helvetica, Arial;-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;}
table{border-collapse:collapse;border-spacing:0;}
.clearfix{display:block;zoom:1;}
.clearfix:before{display:table;content:"";}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"";}
* html .clearfix{height:1%;}
*{box-sizing:border-box;}
a{color:#222;text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
a:hover{color:#005da9;text-decoration:none;}
.hide,.none,ins{display:none;}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}
.wrap{clear:both;display:block;margin:0 auto;}
.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;}

@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%;height:80px;position:fixed;left:0;top:0;background:#fff;z-index:300;padding:0 5%;box-shadow:0 2px 10px 0 rgba(28,28,28,.1);}
#header{display:flex;justify-content:space-between ;align-items:center;}
#header .logo img{height:50px;}
#header .logo img.m{display:none}
#header .right{display:flex;align-items:center;}
#header .right .nav{margin-right:5vw;}
#header .right .nav ul{display:flex;align-items:center;gap:0 0;}
#header .right .nav ul li{position:relative;}
#header .right .nav ul li h3 a{display:block;font-size:18px;font-weight:normal;line-height:80px;padding:0 20px;}
#header .right .nav ul li h3 a i{display:none;}
#header .right .nav ul li.active h3 a span{color:#005da9}
#header .right .nav ul li .sub{display:none;position:absolute;left:0;top:80px;width:100%;background:#fff;border-radius:0 0 6px 6px;box-shadow:0 5px 10px 0 rgba(28,28,28,.1);z-index:99;}
#header .right .nav ul li .sub dl{padding:20px 0;}
#header .right .nav ul li .sub dl dd a{display:block;text-align:center;font-size:16px;padding:5px 0;}
#header .right .tel{display:flex;align-items:center;gap:0 10px;color:#005da9;}
#header .right .tel i{font-size:16px;}
#header .right .tel span{font-size:24px;font-family:"din";}
#header .right .mnav{display:none;}

#banner{width:100%;}
#banner .focus{position:relative;}
#banner .focus .swiper-slide{width:100%;height:100vh;}
#banner .focus .swiper-slide video{width:100%;height:100%;object-fit:cover;}
#banner .focus .swiper-slide img{width:100%;height:100%;object-fit:cover;}
#banner .focus .swiper-slide .pc{display:block;}
#banner .focus .swiper-slide .m{display:none;}
#banner .focus .button{position:absolute;width:50px;height:50px;border:1px solid #005da9;color:#005da9;border-radius:100%;z-index:99;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;font-size:18px;}
#banner .focus .button.button_prev{left:20px;top:50%;}
#banner .focus .button.button_next{right:20px;top:50%;}
#banner .focus .button:hover{background:#005da9;color:#fff;}

.stitle{text-align:center;}
.stitle .title{font-size:48px;font-weight:700;line-height:1;}
.stitle .desc{font-size:16px;color:#777;margin-top:20px;}
.stitle.w .title,
.stitle.w .desc{color:#fff;}

#product{width:100%;padding:80px 0;background:url(../images/bg_pro.png) no-repeat center center;background-size:cover;}
#product .list{margin-top:30px;}
#product .list .list_tit_m{display:none;}
#product .list .list_pic{position:relative; overflow:hidden;}
#product .list .list_pic .swiper-slide{height:49.8vh; transition:all 0.5s; position:relative; display:block;}
#product .list .list_pic .swiper-slide img{width:100%; height:100%; object-fit:cover;}
#product .list .list_tit{margin-top:50px;display:flex;justify-content:center ;align-items:center;}
#product .list .list_tit .box{width:auto;   display:flex;   align-items:center;   justify-content:center;   border-top:1px solid #A4C1D9;}
#product .list .list_tit .item{font-size:20px;padding:10px 20px;position:relative;color:#777;}
#product .list .list_tit .item:after{content:"";position:absolute;top:-2px;left:0;width:100%;height:3px;background-color:#005da9;opacity:0;}
#product .list .list_tit .item.on{color:#005da9;}
#product .list .list_tit .item.on:after{opacity:1;}
#product .list .list_con{width:780px;margin:20px auto 0;overflow:hidden;}
#product .list .list_con{text-align:center;font-size:16px;}

#nengli{width:100%;padding:80px 5%;background:url(../images/bg_gn.png) no-repeat center center;background-size:cover;}
#nengli .list{margin-top:30px;display:flex;justify-content:space-between;}
#nengli .list .item{width:18%;border-radius:10px;overflow:hidden;position:relative;}
#nengli .list .item.active{width:61%;}
#nengli .list .item .img{height:60vh;}
#nengli .list .item .img img{width:100%; height:100%; object-fit:cover;}
#nengli .list .item .mark{position:absolute;left:0;top:0;width:100%;height:100%;backdrop-filter:blur(7px);background-color:rgba(0, 140, 255, 0.25);opacity:1;z-index:99;}
#nengli .list .item .info{position:absolute;left:0;top:0;width:100%;height:100%;z-index:110;display:flex;justify-content:center;align-items:center;opacity:1;}
#nengli .list .item .info .box{text-align:center;}
#nengli .list .item .info .title{font-size:30px;font-weight:700;color:#fff;margin-top:20px;position:relative;}
#nengli .list .item .info .title:after{content:"";position:absolute;bottom:-20px;left:50%;width:20px;height:2px;transform:translateX(-50%);background-color:#fff;}
#nengli .list .item .info .desc{font-size:16px;color:#fff;margin-top:30px;}
#nengli .list .item .infocurr{position:absolute;left:0px;bottom:0px;padding:50px 60px;width:100%;z-index:120;opacity:0;}
#nengli .list .item .infocurr .title{font-size:30px;font-weight:700;color:#fff;margin-top:20px;position:relative;}
#nengli .list .item .infocurr .title:after{content:"";position:absolute;bottom:-20px;left:0;width:20px;height:2px;background-color:#fff;}
#nengli .list .item .infocurr .desc{font-size:16px;color:#fff;margin-top:30px;}
#nengli .list .item .infocurr .bottom{display:flex;justify-content:space-between;margin-top:10px;}
#nengli .list .item .infocurr .bottom .text{font-size:16px;color:#fff; width:80%;}
#nengli .list .item .infocurr .bottom .more{text-align:right;}
#nengli .list .item .infocurr .bottom .more a{color:#fff;}
#nengli .list .item .infocurr .bottom .more a i{margin-left:10px;}
#nengli .list .item.active .mark{background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(225, 241, 255, 0) 60%, rgba(0, 93, 169, 1) 100%);backdrop-filter:blur(0);}
#nengli .list .item.active .info{opacity:0;}
#nengli .list .item.active .infocurr{opacity:1;}

#news{width:100%;padding:80px 5%;background:url(../images/bg_news.png) no-repeat center center;background-size:cover;}
#news .list{margin-top:30px;display:flex;gap:0 20px;}
#news .list .item{width:calc((100% - 40px) / 3);background:#fff;border-radius:10px;overflow:hidden;position:relative;}
#news .list .item .clist{position:absolute;left:0;top:0;background:#ccc;padding:10px 30px;font-size:16px;border-radius:0 0 10px 0;color:#fff;}
#news .list .item .img{height:360px;overflow:hidden;}
#news .list .item .img img{width:100%; height:100%; object-fit:cover;}
#news .list .item .info{padding:40px 50px;}
#news .list .item .info .title{font-size:20px;font-weight:700;}
#news .list .item .info .title{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;}
#news .list .item .info .desc{font-size:16px;color:#777;margin-top:30px;}
#news .list .item .info .desc{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;}
#news .list .item .view{display:flex;justify-content:space-between;align-items:center;margin-top:50px;}
#news .list .item.nlist{padding:40px 50px;}
#news .list .item.nlist ul li{padding:25px 0;}
#news .list .item.nlist ul li .title{font-size:20px;font-weight:700;}
#news .list .item.nlist ul li .desc{font-size:16px;color:#777;margin-top:10px;}
#news .list .item.nlist .desc{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;}
#news .list .item:hover .clist{background:#005da9;}

#culture{width:100%;padding:100px 5%;background:url(../images/bg_cuture.png) no-repeat center center;background-size:cover;}
#culture .box{display:flex;justify-content:space-between;}
#culture .box .item{width:32%;background:rgba(255,255,255,.5);border-radius:10px;padding:20px;}
#culture .box .item a{display:flex;justify-content:space-between;align-items:center;}
#culture .box .item .icon{width:80px;height:80px;border-radius:100%;background:rgba(0,93,169,.5);color:#fff;display:flex;justify-content:center;align-items:center;}
#culture .box .item .icon i{font-size:36px;}
#culture .box .item .info{width:calc(100% - 100px);}
#culture .box .item .info .title{font-size:24px;color:#005da9;}
#culture .box .item .info .desc{font-size:16px;opacity:.8;line-height:1.8;margin-top:5px;}
#culture .box .item .info .desc{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;}
#culture .box .item:hover{background:#fff;transform:translateY(-10px);}
#culture .box .item:hover .icon i{color:#005da9;}

#footer{width:100%;padding:0 5%;background:#4f5863;}
#footer .map{padding:60px 0;display:flex;justify-content:space-between ;}
#footer .map .logo img{width:120px;}
#footer .map .item h3{font-size:16px;color:#fff;margin-bottom:10px;}
#footer .map .item .contact{color:#fff;line-height:1.7;}
#footer .map .item.qrcode{color:#fff;margin-top:10px;text-align:center;}
#footer .map .item.qrcode img{width:140px;}
#footer .map .item p{line-height:2;}
#footer .map .item p a{color:#fff;}
#footer .map .item .input .text{border:0;width:300px;line-height:40px;background:#fff;display:block;margin-bottom:10px;text-indent:10px;}
#footer .map .item .input .btn{border:0;line-height:40px;color:#fff;background:#e00d1c;padding:0 10px;}
#footer .copyright{padding:20px 0;display:flex;justify-content:space-between ;border-top:1px solid rgba(255,255,255,.2) ;}
#footer .copyright .left{color:#fff;}
#footer .copyright .left a{color:#fff;margin-left:10px;}
#footer .copyright .right{display:flex;}
#footer .copyright .right a{color:#fff;margin-left:10px;}

@media (max-width:1600px){
	#header{padding:0 20px}
	#nengli{padding:80px 20px}
	#news{padding:80px 20px}
	#culture{padding:100px 20px}
	#footer{padding:0 20px}
	#header .right .nav{margin-right:2vw;}
}
@media (max-width:1400px){
	#header .right .nav{margin-right:2vw;}
	#header .right .nav ul li h3 a{padding:0 10px;}
	#banner .focus .swiper-slide{width:100%;height:90vh;}
}
@media (max-width:1300px){
	#header .right .tel{display:none}
	#banner .focus .swiper-slide{width:100%;height:60vh;}
}
@media (max-width:1200px){
	#header .logo img{height:30px;}
}
@media (max-width:800px){
	#header{height:.9rem;}
	#header .logo img{height:.5rem;}
	#header .logo img.pc{display:none}
	#header .logo img.m{display:block}
	#header .right .nav{position:absolute;background:#fff;height:auto;min-height:100vh;width:100%;top:.9rem;z-index:105;padding:.1rem .25rem 0;transform:translatex(100%);left:0;border-top:1px solid #eee;}
	#header .right .nav ul{display:block;}
	#header .right .nav ul li{position:relative;}
	#header .right .nav ul li h3 a{font-size:.24rem;color:#333;line-height:.8rem;border-bottom:1px solid #eee;justify-content:space-between;padding:0;}
	#header .right .nav ul li h3 a{display:flex;justify-content:space-between ;align-items:center;}
	#header .right .nav ul li h3 a i{font-size:.22rem;opacity:.8;margin-left:0;}
	#header .right .nav ul li h3 a i.fa-plus{display:block;}
	#header .right .nav ul li h3 a i.fa-minus{display:none;}
	#header .right .nav ul li h3 a:hover{color:#005da9;font-weight:700;}
	#header .right .nav ul li .sub{display:none;position:inherit;left:0;top:0;margin-left:0;box-shadow:none;}
	#header .right .nav ul li .sub dl{padding:.2rem 0;width:auto;margin-top:0;box-shadow:0 0 0 0;}
	#header .right .nav ul li .sub dl::before{display:none;}
	#header .right .nav ul li .sub dl dd a{padding:0 .2rem;line-height:.7rem;font-size:.24rem;border-bottom:1px solid #eee; text-align:left;color:#888;}
	#header .right .nav ul li .sub dl dd a:hover{color:#005da9;}	
	#header .right .tel{display:none;}
	#header .right .mnav{position:relative;display:block;width:.3rem;height:.25rem;cursor:pointer;}
	#header .right .mnav span{position:absolute;display:block;width:.3rem;height:.03rem;background:#333;transition:all .5s;border-radius:.05rem;}
	#header .right .mnav .s1{top:0;}
	#header .right .mnav .s2{top:.1rem;}
	#header .right .mnav .s3{top:.2rem;}	
	#header.active .right .mnav span{background:#999;}
	#header.active .right .mnav .s1{top:.1rem;transform:rotate(45deg);}
	#header.active .right .mnav .s2{width:0;opacity:0;}
	#header.active .right .mnav .s3{top:.1rem;transform:rotate(-45deg);}
	#header.active .right .nav{transform:translatex(0);display:block;}
	#header.active .right .nav ul li.on h3 a i.fa-plus{display:none;}
	#header.active .right .nav ul li.on h3 a i.fa-minus{display:block;}
	
	#banner .focus .swiper-slide{height:145vw;}
	#banner .focus .swiper-slide .pc{display:none;}
	#banner .focus .swiper-slide .m{display:block;}
	#banner .focus .button{width:.5rem;height:.5rem;font-size:.24rem;}
	#banner .focus .button.button_prev{left:.25rem;}
	#banner .focus .button.button_next{right:.25rem;}
	#product{width:100%;padding:.8rem 0;}
	
	.stitle{padding:0 .25rem;}
	.stitle .title{font-size:.4rem;}
	.stitle .desc{font-size:.2rem;margin-top:.3rem;line-height:1.8;}
	
	#product .list{margin-top:.3rem;}	
	#product .list .list_tit_m{display:block;margin-bottom:.2rem;border-bottom:1px solid #A4C1D9;margin-top:.3rem;}
	#product .list .list_tit_m .item{width:auto;margin:0 .2rem;padding-bottom:.2rem;position:relative;font-size:.22rem;}
	#product .list .list_tit_m .item::after{content:"";position:absolute;bottom:0;left:0;transform:translateY(50%);width:100%;border:1px solid transparent;transition:all .5s;}
	#product .list .list_tit_m .item.swiper-slide-active::after{border:1px solid #005da9;}
	#product .list .list_pic .swiper-slide{height:auto;padding:.25rem;}
	#product .list .list_pic .swiper-slide img{width:100%;}	
	#product .list .list_tit{display:none;}
	#product .list .list_con{width:100%;margin-top:.3rem;font-size:.22rem;line-height:1.8;}
	#product .list .list_con .text{padding:0 .25rem;}
	
	#nengli{padding:.8rem .25rem;}
	#nengli .list{margin-top:.3rem;flex-wrap:wrap;gap:.3rem 0;}
	#nengli .list .item{width:100%;border-radius:0px;background:#005da9;}
	#nengli .list .item.active{width:100%;}
	#nengli .list .item .img{height:auto;}
	#nengli .list .item .img img{width:100%;}
	#nengli .list .item .mark{display:none;}
	#nengli .list .item .info{display:none;}
	#nengli .list .item .infocurr{position:inherit;left:0px;bottom:0px;padding:.5rem.3rem;width:100%;opacity:1;}
	#nengli .list .item .infocurr .title{font-size:.3rem;margin-top:0;}
	#nengli .list .item .infocurr .desc{font-size:.22rem;margin-top:.8rem;}
	#nengli .list .item .infocurr .bottom{display:none;}
	
	#news{padding:.8rem .25rem;}
	#news .list{margin-top:.3rem;display:flex;flex-wrap:wrap;gap:.3rem 0;}
	#news .list .item{width:100%;background:none;border-radius:.1rem;}
	#news .list .item.pic{background:#fff;}
	#news .list .item .clist{padding:.1rem .3rem;font-size:.22rem;border-radius:0 0 .1rem 0;}
	#news .list .item .img{height:auto}
	#news .list .item .img img{width:100%;}
	#news .list .item .info{padding:.4rem .3rem;}
	#news .list .item .info .title{font-size:.26rem;}
	#news .list .item .info .desc{font-size:.22rem;margin-top:.3rem;}
	#news .list .item .view{margin-top:.5rem;}
	#news .list .item.nlist{padding:0;}
	#news .list .item.nlist .clist{display:none;}
	#news .list .item.nlist ul li{padding:.3rem;background:#fff;border-radius:10px;margin-top:.3rem;}
	#news .list .item.nlist ul li:first-child{margin-top:0;}
	#news .list .item.nlist ul li .title{font-size:.26rem;}
	#news .list .item.nlist ul li .desc{font-size:.22rem;margin-top:.1rem;}
	
	#culture{padding:.8rem .25rem;}
	#culture .box{flex-wrap:wrap;gap:.2rem 0;}
	#culture .box .item{width:100%; border-radius:.1rem;padding:.2rem;}
	#culture .box .item .icon{width:.8rem;height:.8rem;}
	#culture .box .item .icon i{font-size:.34rem;}
	#culture .box .item .info{width:calc(100% - 1rem);}
	#culture .box .item .info .title{font-size:.24rem;}
	#culture .box .item .info .desc{font-size:.22rem;margin-top:0;}
	
	#footer .map{padding:.5rem .3rem;}
	#footer .map{display:block;}
	#footer .map .logo{text-align:center;}
	#footer .map .item{text-align:center;}
	#footer .map .item h3{font-size:.24rem;margin-bottom:.1rem;}
	#footer .map .item .contact{font-size:.22rem;}
	#footer .map .item.qrcode{margin-top:.1rem;}
	#footer .map .item .input .text{border:0;width:100%;font-size:.22rem;}
	#footer .map .item .input .btn{border:0;line-height:40px;padding:0 20px;}
	#footer .map .item:nth-child(2){display:none;}
	#footer .map .item:nth-child(3){display:none;}
	#footer .map .item:nth-child(4){display:none;}
	#footer .map .item:nth-child(5){display:none;}
	#footer .map .item:nth-child(6){margin-top:.5rem;}
	#footer .copyright{padding:.2rem .25rem;display:block;font-size:.2rem;}
	#footer .copyright .left{text-align:center;}
	#footer .copyright .right{justify-content:center ;}
	#footer .copyright .right a{margin:0 .1rem;}

}

#nbanner{width:100%; position:relative}
#nbanner .img{aspect-ratio:8 / 3;}
#nbanner .img img{width:100%; height:100%; object-fit:cover;}
#nbanner .text{position:absolute; left:0; top:0; width:100%; height:100%;display:flex;justify-content:space-between ;align-items:center;}
#nbanner .text .box{padding:0 5%}
#nbanner .text .box .title{font-size:56px; color:#fff; line-height:1}
#nbanner .text .box .desc{font-size:32px; color:#fff; line-height:1; margin-top:20px}

#clist{width:100%; border-bottom:1px solid #eee;}
#clist{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0 20px;}
#clist a{display:block; padding:15px 20px; font-size:16px; position:relative}
#clist a.active{font-weight:700; color:#005da9;}
#clist a.active:after{content:"";position:absolute;background:#005da9;height:2px;width:100%;bottom:0;left:0;transition:all 300ms ease-in-out;}

#main{width:100%;padding:80px 5%}
#main .news ul{display:flex;flex-wrap:wrap;gap:50px}
#main .news ul li{width:calc((100% - 100px) / 3)}
#main .news ul li .img{height:360px; overflow:hidden}
#main .news ul li .img img{width:100%; height:100%; object-fit:cover;}
#main .news ul li .info{margin-top:20px}
#main .news ul li .info time{display:block; color:#777}
#main .news ul li .info .title{margin-top:10px; font-size:22px}
#main .news ul li .info .title{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;}
#main .news ul li .info .desc{margin-top:20px; font-size:16px; line-height:1.8; color:#666}
#main .news ul li .info .desc{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;}
#main .news ul li .info .more{margin-top:20px; color:#777}

#main .news_view .title{border-bottom:1px solid #eee; padding-bottom:20px}
#main .news_view .title h1{font-size:26px; text-align:center; line-height:1.5}
#main .news_view .title .info{color:#999; text-align:center; margin-top:20px}
#main .news_view .title .info span{margin:0 10px}
#main .news_view .content{padding:30px 0; font-size:16px; line-height:1.6; min-height:300px}
#main .news_view .content img{max-width:1000px}
#main .news_view .content  p{margin-bottom:10px}
#main .news_view .updown{margin-top:20px; padding-top:20px; border-top:1px solid #eee}

#main .contact{display:flex;justify-content:space-between;flex-wrap:wrap;}
#main .contact .content{width:48%}
#main .contact .content .company{font-size:24px; font-weight:700; margin-bottom:20px}
#main .contact .content .item{font-size:18px; padding:10px 0}
#main .contact .content .item i{color:#005da9; width:25px}
#main .contact .map{width:48%}
#main .contact .map iframe{width:100%; height:500px}

#main .about .content{border-bottom:1px solid #eee; padding-bottom:100px}
#main .about .content .ctitle .title{font-size:40px; line-height:1; text-align:center}
#main .about .content .text{margin-top:50px;}
#main .about .content .text{font-size:16px; line-height:2}
#main .about .piclist{margin-top:100px}
#main .about .piclist ul{display:flex;flex-wrap:wrap;gap:30px}
#main .about .piclist ul li{width:calc((100% - 90px) / 4)}
#main .about .piclist ul li .img{height:3rem;border-radius:6px; overflow:hidden}
#main .about .piclist ul li .img img{height:100%; width:100%;object-fit:cover;}
#main .about .piclist ul li p{text-align:center; font-size:16px; margin-top:30px; line-height:1.6;}

#main .honnor .tab{display:flex;justify-content:center;align-items:center;gap:20px}
#main .honnor .tab a{border:1px solid #eee; padding:5px 20px; border-radius:60px; font-size:16px}
#main .honnor .tab a:hover{background:#005da9; border:1px solid #005da9; color:#fff}
#main .honnor .tab a.active{background:#005da9; border:1px solid #005da9; color:#fff}
#main .honnor .list{margin-top:50px;}
#main .honnor .list ul{display:flex;flex-wrap:wrap;gap:50px 5vw}
#main .honnor .list ul li{width:calc((100% - 15vw) / 4)}
#main .honnor .list ul li .img{height:4rem;box-shadow:0 0 10px rgba(0, 0, 0, 0.1);display:flex;justify-content:center ;align-items:center; padding:30px; border-radius:6px}
#main .honnor .list ul li .img img{max-width:100%; max-height:100%;}
#main .honnor .list ul li p{text-align:center; font-size:16px; margin-top:30px; line-height:1.6}

#main .nengli .tab{display:flex;justify-content:center;align-items:center;gap:20px}
#main .nengli .tab a{border:1px solid #eee; padding:5px 20px; border-radius:60px; font-size:16px}
#main .nengli .tab a:hover{background:#005da9; border:1px solid #005da9; color:#fff}
#main .nengli .tab a.active{background:#005da9; border:1px solid #005da9; color:#fff}
#main .nengli .list{margin-top:20px;}
#main .nengli .list .piclist{padding:30px 0}
#main .nengli .list .piclist ul{display:flex;flex-wrap:wrap;gap:30px}
#main .nengli .list .piclist ul li{width:calc((100% - 90px) / 4)}
#main .nengli .list .piclist ul li .img{height:4rem;box-shadow:0 0 10px rgba(0, 0, 0, 0.1);display:flex;justify-content:center ;align-items:center; padding:30px; border-radius:6px}
#main .nengli .list .piclist ul li .img img{max-width:100%; max-height:100%;}
#main .nengli .list .piclist ul li p{text-align:center; font-size:16px; margin-top:30px; line-height:1.6;}
#main .nengli .list .content{font-size:16px; line-height:1.8; padding:30px 0}
#main .nengli .list .content img{max-width:100%}

#main .nengli .list .item{display:flex;justify-content:space-between ;align-items:center; padding:30px 0}
#main .nengli .list .item .img{width:48%}
#main .nengli .list .item .img img{width:100%; border-radius:10px}
#main .nengli .list .item .text{width:48%}
#main .nengli .list .item .text .title{font-size:40px; line-height:1}
#main .nengli .list .item .text .desc{font-size:16px; line-height:1.8; margin-top:20px}
#main .nengli .list .item:nth-child(2n){flex-direction:row-reverse}

#main .culture .content .ctitle .title{font-size:40px; line-height:1; text-align:center}
#main .culture .content .list{margin-top:50px}
#main .culture .content .list ul{display:flex;align-items:center;flex-wrap:wrap;gap:30px}
#main .culture .content .list ul li{width:calc((100% - 30px) / 2); position:relative}
#main .culture .content .list ul li .img{height:3rem; overflow:hidden}
#main .culture .content .list ul li .img img{height:100%; width:100%;object-fit:cover;}
#main .culture .content .list ul li .info{position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/cul1_mask.png) no-repeat left top; background-size:cover}
#main .culture .content .list ul li .info{display:flex;justify-content:center;align-items:center;}
#main .culture .content .list ul li .info .box{width:100%; padding:0 50px}
#main .culture .content .list ul li .info .icon{color:#fff; font-size:40px; line-height:1}
#main .culture .content .list ul li .info .title{font-size:22px; color:#fff; margin-top:50px}
#main .culture .content .list ul li .info .desc{color:#fff; margin-top:10px; line-height:1.6}
#main .culture .content .list ul li:nth-child(n+3){width:calc((100% - 90px) / 4)} 
#main .culture .content .list ul li:nth-child(n+3) .img{height:2.6rem}
#main .culture .content .list ul li:nth-child(n+3) .info .box{padding:0 20px}
#main .culture .content .list ul li:nth-child(n+3) .title{margin-top:30px} 
#main .culture .dj{margin-top:110px}
#main .culture .dj .ctitle{text-align:center}
#main .culture .dj .ctitle .title{font-size:40px; line-height:1;}
#main .culture .dj .ctitle .desc{font-size:16px; margin-top:20px; line-height:1.6}
#main .culture .dj .list{margin-top:50px}
#main .culture .dj .list ul{display:flex;justify-content:space-between ;align-items:center;gap:0 20px}
#main .culture .dj .list ul li{width:20%; height:5rem; overflow:hidden; position:relative}
#main .culture .dj .list ul li img{height:100%; width:100%;object-fit:cover;}
#main .culture .dj .list ul li.active{width:40%}
#main .culture .wh{margin-top:110px}
#main .culture .wh .ctitle{text-align:center}
#main .culture .wh .ctitle .title{font-size:40px; line-height:1;}
#main .culture .wh .ctitle .desc{font-size:16px; margin-top:20px; line-height:1.6}
#main .culture .wh .list{margin-top:50px}
#main .culture .wh .list .swiper-slide .img{height:5rem; overflow:hidden}
#main .culture .wh .list .swiper-slide .img img{width:100%; height:100%;object-fit:cover;}
#main .culture .wh .list .swiper-slide p{text-align:center; font-size:16px; margin-top:20px}

#main .service .ctitle .title{font-size:40px; line-height:1; text-align:center}
#main .service .content{margin-top:50px; font-size:16px; line-height:1.8}
#main .service .content table{margin:10px 0 15px;border-collapse:collapse;border-color:#ddd;border-width:1px;}
#main .service .content table tr:first-child{background:#f7f7f7;font-weight:700;}
#main .service .content table td{padding:8px 20px;border-color:#ddd;border-style:solid;border-width:1px;text-align:center;}

#main .job .join{display:flex;justify-content:space-between }
#main .job .join .img{width:50%}
#main .job .join .img img{width:100%}
#main .job .join .text{width:50%; background:url(../images/job_bg.png) no-repeat; background-size:cover}
#main .job .join .text{padding:80px;display:flex;align-items:center;}
#main .job .join .text .title{font-size:36px; line-height:1}
#main .job .join .text .title2{font-size:48px; line-height:1; margin-top:30px; color:#005da9}
#main .job .join .text .desc{font-size:16px; line-height:1.6; margin-top:40px}
#main .job .join .text .more{margin-top:80px}
#main .job .join .text .more a{display:inline-block;}
#main .job .join .text .more .abox{background:#005da9; border-radius:80px;display:flex;align-items:center;gap:0 20px; padding:8px}
#main .job .join .text .more .abox span{color:#fff; font-size:16px; padding-left:10px}
#main .job .join .text .more .abox i{width:30px; height:30px; border-radius:100%; background:#fff;display:flex;align-items:center;justify-content:center;}
#main .job .zhiye{margin-top:110px}
#main .job .zhiye .ctitle{text-align:center}
#main .job .zhiye .ctitle .title{font-size:40px; line-height:1;}
#main .job .zhiye .ctitle .desc{font-size:16px; margin-top:20px; line-height:1.6}
#main .job .zhiye .content{margin-top:50px; text-align:center}
#main .job .xc{margin-top:110px}
#main .job .xc .ctitle{text-align:center}
#main .job .xc .ctitle .title{font-size:40px; line-height:1;}
#main .job .xc .ctitle .desc{font-size:16px; margin-top:20px; line-height:1.6}
#main .job .xc .list{margin-top:50px;}
#main .job .xc .list ul{display:flex; flex-wrap:wrap;gap:30px}
#main .job .xc .list ul li{width:calc((100% - 60px) / 3); border:1px solid #a7c7e2; background:#f2f9ff; padding:30px}
#main .job .xc .list ul li .icon img{height:48px}
#main .job .xc .list ul li .title{font-size:22px; margin-top:30px}
#main .job .xc .list ul li .desc{font-size:16px; margin-top:30px}
#main .job .xc .list ul li:nth-child(n+4){width:calc((100% - 90px) / 4)} 
#main .job .xc .list ul li:hover{background:#005da9}
#main .job .xc .list ul li:hover .title,
#main .job .xc .list ul li:hover .desc{color:#fff}
#main .job .xc .list ul li:hover .icon img{filter:brightness(0) invert(1);}

#main .product{display:flex;justify-content:space-between}
#main .product .left{width:300px}
#main .product .left ul li{margin-bottom:10px}
#main .product .left ul li a{background:#e5eef6;display:flex;justify-content:space-between ;align-items:center; padding:20px;}
#main .product .left ul li i{color:#005da9;}
#main .product .left ul li i.fa-minus{display:none}
#main .product .left ul li span{font-size:18px}
#main .product .left ul li a:hover{background:#005da9}
#main .product .left ul li a:hover i{color:#fff}
#main .product .left ul li a:hover span{color:#fff}
#main .product .left ul li.active a{background:#005da9}
#main .product .left ul li.active a i{color:#fff}
#main .product .left ul li.active a span{color:#fff}
#main .product .left ul li.active i.fa-plus{display:none}
#main .product .left ul li.active i.fa-minus{display:block}
#main .product .right{width:calc(100% - 350px)}
#main .product .right .rtitle span{background:#005da9; color:#fff; font-size:18px; padding:8px 40px; border-radius:100px; display:inline-block}
#main .product .right .list{margin-top:50px}
#main .product .right .list ul{display:flex;flex-wrap:wrap;gap:30px; text-align:center;}
#main .product .right .list ul li{width:calc((100% - 60px) / 3); padding:20px;box-shadow:0 0 10px rgba(0, 0, 0, 0.1); border-radius:6px;}
#main .product .right .list ul li .img{height:3rem; border-radius:6px; overflow:hidden}
#main .product .right .list ul li .img img{width:70%; height:70%; object-fit:cover;}
#main .product .right .list ul li .info{padding:20px;text-align:center}
#main .product .right .list ul li .info .title{font-size:20px}
#main .product .right .list ul li .info .desc{color:#777; line-height:1.6; margin-top:20px;}
#main .product .right .list ul li .info .more{margin-top:30px;}
#main .product .right .list ul li .info .more span{display:inline-block;  border:1px solid #005da9; color:#005da9; padding:8px 40px; border-radius:60px;}
#main .product .right .show_pic{margin-top:30px;display:flex;justify-content:space-between ;align-items:center;}
#main .product .right .show_pic .img{width:40%; border:1px solid #eee; padding:20px; border-radius:6px}
#main .product .right .show_pic .img img{width:100%}
#main .product .right .show_pic .text{width:55%}
#main .product .right .show_pic .text .title{font-size:40px}
#main .product .right .show_pic .text .desc{font-size:18px; color:#777; line-height:1.8; margin-top:30px}
#main .product .right .show_content{border-top:1px solid #eee; margin-top:50px; padding:50px 0; line-height:2; font-size:16px;}
#main .product .right .show_content img{max-width:100%}
#main .product .right .show_updown{margin-top:20px; padding-top:20px; border-top:1px solid #eee}

#main .diy{padding:100px 20vw}
#main .diy .title{border-bottom:1px solid #eee; padding-bottom:20px}
#main .diy .title h1{font-size:26px; text-align:center; line-height:1.5}
#main .diy .content{padding:30px 0; font-size:16px; line-height:1.6; min-height:300px}
#main .diy .content img{max-width:1000px}
#main .diy .content  p{margin-bottom:10px}

#fenye{padding:80px 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;}
#fenye a.curr{color:#fff;background:#005da9;border:1px solid #005da9;}
#fenye a:hover{background:#005da9;color:#fff;border:1px solid #005da9;}
#fenye a.curr + a,
#fenye a.curr + a + a{display:block;}


@media (max-width:1600px){	
	#main{width:100%;padding:80px 20px}
}
@media (max-width:1200px){
	#main .news ul li{width:calc((100% - 50px) / 2)}	
	#main .contact .content{width:100%}
	#main .contact .content .company{font-size:24px; font-weight:700; margin-bottom:20px}
	#main .contact .content .item{font-size:18px; padding:10px 0}
	#main .contact .content .item i{color:#005da9; width:25px}
	#main .contact .map{width:100%; margin-top:50px}
	#main .contact .map iframe{width:100%; height:500px}

}
@media (max-width:800px){
	#nbanner{margin-top:.9rem}
	#nbanner .img{height:4rem}
	#nbanner .text .box{padding:0 .25rem}
	#nbanner .text .box .title{font-size:.5rem;}
	#nbanner .text .box .desc{font-size:.26rem;margin-top:.2rem}
	
	#clist{gap:0 .05rem;}
	#clist a{padding:.2rem .2rem; font-size:.22rem; }
	
	#main{width:100%;padding:.8rem .25rem}
	#main .news ul{gap:.5rem}
	#main .news ul li{width:100%}
	#main .news ul li .img{height:auto}
	#main .news ul li .info{margin-top:.3rem}
	#main .news ul li .info time{font-size:.22rem}
	#main .news ul li .info .title{margin-top:.1rem; font-size:.26rem}
	#main .news ul li .info .title{-webkit-line-clamp:2;}
	#main .news ul li .info .desc{margin-top:.2rem; font-size:.2rem; }
	#main .news ul li .info .desc{-webkit-line-clamp:3;}
	#main .news ul li .info .more{margin-top:.2rem; font-size:.2rem;7}
	
	#main .news_view .title{padding-bottom:.2rem}
	#main .news_view .title h1{font-size:.3rem;}
	#main .news_view .title .info{margin-top:.2rem; font-size:.2rem}
	#main .news_view .title .info span{margin:0 .1rem}
	#main .news_view .content{padding:.3rem 0; font-size:.24rem; line-height:1.8; min-height:3rem}
	#main .news_view .content img{max-width:100%}
	#main .news_view .content  p{margin-bottom:.1rem}
	#main .news_view .updown{margin-top:.2rem; padding-top:.2rem;}
	
	#main .contact .content .company{font-size:.3rem; margin-bottom:.3rem}
	#main .contact .content .item{font-size:.24rem; padding:.1rem 0}
	#main .contact .content .item i{width:.3rem}
	#main .contact .map{margin-top:.5rem}
	#main .contact .map iframe{height:5rem}
	
	#main .about .content .ctitle .title{font-size:.4rem;}
	#main .about .content .text{margin-top:.5rem; font-size:.24rem; line-height:1.8}
	#main .about .content .text img{max-width:100%}
	#main .about .piclist{margin-top:1rem}
	#main .about .piclist ul{gap:.3rem}
	#main .about .piclist ul li{width:calc((100% - .3rem) / 2)}
	#main .about .piclist ul li p{font-size:.22rem; margin-top:.3rem;}
	
	#main .honnor .tab{gap:.1rem}
	#main .honnor .tab a{padding:.06rem .2rem; border-radius:.6rem; font-size:.22rem}
	#main .honnor .list{margin-top:.5rem;}
	#main .honnor .list ul{gap:.3rem}
	#main .honnor .list ul li{width:calc((100% - .3rem) / 2)}
	#main .honnor .list ul li .img{height:3.5rem; padding:.2rem;}
	#main .honnor .list ul li p{font-size:.22rem; margin-top:.3rem;}
	
	#main .nengli .tab{gap:.1rem}
	#main .nengli .tab a{padding:.06rem .3rem; border-radius:.6rem; font-size:.22rem}
	#main .nengli .list{margin-top:.2rem;}
	#main .nengli .list .piclist{padding:.3rem 0}
	#main .nengli .list .piclist ul{display:flex;flex-wrap:wrap;gap:.3rem}
	#main .nengli .list .piclist ul li{width:calc((100% - .3rem) / 2)}
	#main .nengli .list .piclist ul li .img{height:3rem;padding:.2rem;}
	#main .nengli .list .piclist ul li p{font-size:.22rem; margin-top:.3rem;}
	#main .nengli .list .content{font-size:.22rem;padding:.2rem 0}

	#main .culture .content .ctitle .title{font-size:.4rem;}
	#main .culture .content .list{margin-top:.5rem}
	#main .culture .content .list ul{gap:.3rem}
	#main .culture .content .list ul li{width:100%;}
	#main .culture .content .list ul li .img{height:3rem}
	#main .culture .content .list ul li .info .box{padding:0 .2rem}
	#main .culture .content .list ul li .info .icon{font-size:.4rem;}
	#main .culture .content .list ul li .info .title{font-size:.26rem;margin-top:.3rem}
	#main .culture .content .list ul li .info .desc{font-size:.2rem;margin-top:.1rem}
	#main .culture .content .list ul li:nth-child(n+3) .img{height:3rem}
	#main .culture .content .list ul li:nth-child(n+3){width:100%} 
	#main .culture .content .list ul li:nth-child(n+3) .info .box{padding:0 .2rem}
	#main .culture .content .list ul li:nth-child(n+3) .title{margin-top:.3rem} 	
	#main .culture .dj{margin-top:1rem}
	#main .culture .dj .ctitle .title{font-size:.4rem;}
	#main .culture .dj .ctitle .desc{font-size:.2rem; margin-top:.2rem}
	#main .culture .dj .list{margin-top:.5rem}
	#main .culture .dj .list ul{flex-wrap:wrap;gap:.3rem}
	#main .culture .dj .list ul li{width:calc((100% - .3rem) / 2); height:3rem;}
	#main .culture .dj .list ul li img{height:100%; width:100%;object-fit:cover;}
	#main .culture .dj .list ul li.active{width:calc((100% - .3rem) / 2)}
	#main .culture .wh{margin-top:1rem}
	#main .culture .wh .ctitle .title{font-size:.4rem;}
	#main .culture .wh .ctitle .desc{font-size:.2rem; margin-top:.2rem}
	#main .culture .wh .list{margin-top:.5rem}
	#main .culture .wh .list .swiper-slide .img{height:3rem}
	#main .culture .wh .list .swiper-slide p{font-size:.2rem; margin-top:.2rem}
	
	#main .service .ctitle .title{font-size:.4rem;}
	#main .service .content{margin-top:.5rem; font-size:.22rem;}
	#main .service .content table{margin:.1rem 0 .2rem; width:100%;}
	#main .service .content table td{padding:.1rem .2rem;}
	
	#main .job .join{flex-wrap:wrap}
	#main .job .join .img{width:100%}
	#main .job .join .text{width:100%;}
	#main .job .join .text{padding:.5rem .3rem;}
	#main .job .join .text .title{font-size:.4rem;}
	#main .job .join .text .title2{font-size:.5rem;  margin-top:.3rem;}
	#main .job .join .text .desc{font-size:.22rem; margin-top:.4rem}
	#main .job .join .text .more{margin-top:.8rem}
	#main .job .join .text .more .abox{gap:0 .2rem; padding:.1rem}
	#main .job .join .text .more .abox span{font-size:.22rem; padding-left:.1rem}
	#main .job .join .text .more .abox i{width:.3rem; height:.3rem;}
	#main .job .zhiye{margin-top:1rem}
	#main .job .zhiye .ctitle .title{font-size:.4rem;}
	#main .job .zhiye .ctitle .desc{font-size:.2rem; margin-top:.2rem;}
	#main .job .zhiye .content{margin-top:.5rem;}
	#main .job .zhiye .content img{width:100%}
	#main .job .xc{margin-top:1rem}
	#main .job .xc .ctitle .title{font-size:.4rem;}
	#main .job .xc .ctitle .desc{font-size:.2rem; margin-top:.2rem;}
	#main .job .xc .list{margin-top:.5rem;}
	#main .job .xc .list ul{gap:.3rem}
	#main .job .xc .list ul li{width:calc((100% - .3rem) / 2);  padding:.2rem}
	#main .job .xc .list ul li .icon img{height:.5rem}
	#main .job .xc .list ul li .title{font-size:.26rem; margin-top:.3rem}
	#main .job .xc .list ul li .desc{font-size:.22rem; margin-top:.2rem; line-height:1.6}
	#main .job .xc .list ul li:nth-child(n+4){width:calc((100% - .3rem) / 2)}
	
	#main .product{display:block}
	#main .product .left{width:100%}
	#main .product .left ul li{margin-bottom:.1rem}
	#main .product .left ul li a{padding:.2rem;}
	#main .product .left ul li span{font-size:.22rem}
	#main .product .right{width:100%; margin-top:.5rem}
	#main .product .right .rtitle span{font-size:.24rem; padding:.1rem .4rem;}
	#main .product .right .list{margin-top:.5rem}
	#main .product .right .list ul{gap:.3rem}
	#main .product .right .list ul li{width:100%; padding:.2rem;}
	#main .product .right .list ul li .img{height:auto; }
	#main .product .right .list ul li .info{padding:.2rem;}
	#main .product .right .list ul li .info .title{font-size:.26rem}
	#main .product .right .list ul li .info .desc{margin-top:.2rem; font-size:.2rem;}
	#main .product .right .list ul li .info .more{margin-top:.3rem;}
	#main .product .right .list ul li .info .more span{padding:.1rem .4rem;}
	#main .product .right .show_pic{margin-top:.3rem;display:block;}
	#main .product .right .show_pic .img{width:100%; border:1px solid #eee; padding:.2rem;}
	#main .product .right .show_pic .text{width:100%; margin-top:.5rem}
	#main .product .right .show_pic .text .title{font-size:.4rem}
	#main .product .right .show_pic .text .desc{font-size:.22rem; margin-top:.3rem}
	#main .product .right .show_content{margin-top:.5rem; padding:.5rem 0; line-height:1.8; font-size:.22rem;}
	
	#main .diy{padding:.8rem 0}
	#main .diy .title{padding-bottom:.2rem}
	#main .diy .title h1{font-size:.3rem; }
	#main .diy .content{padding:.3rem 0; font-size:.22rem;}
	#main .diy .content img{max-width:100%}
	#main .diy .content  p{margin-bottom:.1rem}
	
	#fenye{padding:.5rem 0 0px;gap:0 .1rem;}
	#fenye a{width:.66rem;height:.66rem;line-height:.66rem;}
	#fenye .num,#fenye .prev{display:none;}
}