@charset "utf-8";*{margin:0;padding:0;outline:0;}
body,html{overflow-x:hidden;color:#333;font:14px/30px Helvetica,Tahoma,Arial,sans-serif,"Microsoft Yahei";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:Helvetica, Tahoma, Arial,sans-serif,"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;}
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:#333;text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
a:hover{color:#0554F2;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;max-width:1440px;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;}
.rotate,.rotate2 img{-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;-ms-transition:all 0.8s;}
a:hover .rotate,a:hover rotate2 img{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;-ms-transition:all 0.8s;}
.bor_box::after,.bor_box::before{pointer-events:none;}
.bor_box::after,.bor_box::before{position:absolute;top:20px;right:20px;bottom:20px;left:20px;content:'';opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;}
.bor_box::before{border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1);}
.bor_box::after{border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0);}
a:hover .bor_box::after,a:hover .bor_box::before{opacity:.7;-webkit-transform:scale(1);transform:scale(1);}

@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;}
@font-face{
    font-family:'stolzl';src:url('../fonts/stolzl-Regular.eot');src:url('../fonts/stolzl-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/stolzl-Regular.woff2') format('woff2'),
        url('../fonts/stolzl-Regular.woff') format('woff'),
        url('../fonts/stolzl-Regular.ttf') format('truetype');font-weight:normal;font-style:normal;}
#header{width:100%;background:#fff;padding:0 3%;position: fixed;left:0;top:0;z-index:999;height:70px;}
#header{display: flex;justify-content:space-between ;align-items:center;box-shadow: 0 2px 10px 0 rgba(28,28,28,.05);}
#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 50px;}
#header .right .nav ul li{position:relative;}
#header .right .nav ul li h3 a{line-height:70px;display: flex;align-items:center;font-size:16px;position:relative;font-family:"quicksand";}
#header .right .nav ul li h3 a:after{content: "";opacity: 0;position: absolute;background-color: #0554F2;height:4px;width: 100%;bottom:15px;left: 0;transition: all 300ms ease-in-out; border-radius:4px}
#header .right .nav ul li h3 a i{font-size:11px;color:#999;margin-left:5px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#header .right .nav ul li .sub{display:none;position:absolute;left:-20px;top:70px;z-index:99;background:#fff;border-radius:0 0 10px 10px;box-shadow: 0 2px 10px 0 rgba(28,28,28,.05);}
#header .right .nav ul li .sub dl{padding:10px 0 20px 0;width:250px;}
#header .right .nav ul li .sub dl dd a{padding:10px 20px;display:block;font-family:"quicksand";line-height:1.5;}
#header .right .nav ul li .sub dl dd a:hover{background:#0554F2;color:#fff;}
#header .right .nav ul li.on h3 a{ color:#0554F2}
#header .right .nav ul li.on h3 a i{transform: rotate(180deg);}
#header .right .nav ul li.on h3 a:after{opacity:1;}
#header .right .nav ul li.active a:after{opacity:1;background:#0554F2;}
#header .right .lan{position:relative;height:70px;display: flex;align-items:center; display:none}
#header .right .lan .title{display: flex;justify-content:center;align-items:center;gap:0 10px;}
#header .right .lan .title span{font-size:16px;font-family:"quicksand"; display:none}
#header .right .lan .title i{line-height:1;}
#header .right .lan .title i.fa-globe-americas{font-size:20px;}
#header .right .lan .title i.fa-chevron-down{font-size:12px;}
#header .right .lan .sub{display:none;position:absolute;width:100px;right:0;top:70px;z-index:99;background:#fff;border-radius:0 0 10px 10px;overflow:hidden;box-shadow: 0 2px 10px 0 rgba(28,28,28,.05);}
#header .right .lan .sub a{display:block;text-align:center;padding:5px 0;}
#header .right .lan .sub a:hover{background:#0554F2;color:#fff;}
#header .right .lan .sub a:first-child{ display:none}
#header .right .mnav{display:none;}

#banner{width:100%;margin-top:70px;}
#banner .focus{position:relative;overflow:hidden;}
#banner .focus .swiper-slide{position:relative;height:600px;}
#banner .focus .swiper-slide .img{width:100%;height:100%;}
#banner .focus .swiper-slide .img img{width:100%;height:100%;object-fit:cover;}
#banner .focus .swiper-slide video{width:100%;height:100%;object-fit:cover;}
#banner .focus .swiper-slide .info{position: absolute;left:0;top:0;height:100%;width:100%;display: flex;justify-content:center;align-items:center;}
#banner .focus .swiper-slide .info .text{ width:60%}
#banner .focus .swiper-slide .info .text .title{font-size:40px;line-height:1;font-weight:700;color:#fff;font-family:"stolzl";}
#banner .focus .swiper-slide .info .text .intro{font-size:20px;color:#fff;margin-top:20px;font-family:"quicksand";}
#banner .focus .swiper-slide .info .text .quote{margin-top:30px;}
#banner .focus .swiper-slide .info .text .quote a{background:#0554F2;display:inline-block;border-radius:40px;padding:15px 50px;color:#fff;font-family:"quicksand"; font-size:18px}
#banner .focus .swiper-slide .info .text .quote a i{margin-left:5px;}
#banner .focus .swiper-slide .info .text .quote a:hover{background:#3080ff;}
#banner .focus .swiper-pagination-bullet{width:8px;height:8px;border-radius:10px;background: #fff;opacity:.9;margin:0 5px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#banner .focus .swiper-pagination-bullet-active{background: #0554f2;width:30px}

#count{width:100%;background:url(../images/bg_count.png) no-repeat center center;}
#count .wrap{display: flex;justify-content:space-between ;align-items:center;}
#count .wrap .item{width:25%;text-align:center;padding:45px 0;}
#count .wrap .item .num{font-size:56px;font-family:"din";line-height:1;color:#0554F2;font-weight:700;}
#count .wrap .item .text{font-size:16px;margin-top:10px;font-family:"quicksand";}
.stitle{text-align:center;}
.stitle h2{font-size:42px;line-height:1;font-family:"stolzl";text-transform:uppercase;}
.stitle p{line-height:1.6;margin-top:10px;}
.stitle em{width:30px;margin:0 auto;height:4px;overflow:hidden;background:#0554F2;display:block;margin-top:10px;border-radius:4px;}

#product{width:100%;padding:50px 0;background:url(../images/bg_product.jpg) no-repeat center center;background-size:cover;}
#product .list{position:relative;}
#product .list .swiper-container{padding-top:40px;}
#product .list .swiper-slide{width:32%;}
#product .list .swiper-slide .img{border-radius:6px;overflow:hidden;}
#product .list .swiper-slide .img img{width:100%;}
#product .list .swiper-slide .info{margin-top:30px;}
#product .list .swiper-slide .info .title{font-size:20px;font-weight:700;color:#0554F2;text-align:center;font-family:"quicksand";}
#product .list .swiper-slide .info .desc{line-height:1.6;margin-top:10px;}
#product .list .swiper-slide .info .more{margin-top:20px;text-align:center;}
#product .list .swiper-slide .info .more span{background:#0554F2;color:#fff;border-radius:40px;display:inline-block;padding:5px 20px;font-family:"quicksand";}
#product .list .swiper-slide .info .more span{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#product .list .swiper-slide .info .more span i{margin-left:5px;}
#product .list .swiper-slide:hover .info .more span{background:#3080ff;}
#product .list .swiper-slide{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#product .list .swiper-slide:hover{-webkit-transform:translatey(-10px);-ms-transform:translatey(-10px);-o-transform:translatey(-10px);transform:translatey(-10px);}
#product .list .p_btn{position:absolute;left:-70px;top:150px;z-index:10;}
#product .list .p_btn{border:1px solid #0554F2;background:#0554F2;width:50px;height:50px;border-radius:100px;display: flex;align-items:center;justify-content:center;cursor: pointer ;}
#product .list .p_btn i{font-size:24px;color:#fff;}
#product .list .p_btn.button-prev{left: auto;right:-70px;}
#product .list .p_btn.swiper-button-disabled{opacity:.1;}

#about{width:100%;padding:50px 0;background:url(../images/bg_about.jpg) no-repeat center bottom;background-size:100% auto;}
#about .list{margin-top:40px;display: flex;justify-content:space-between;align-items:center;}
#about .list .content{width:48%;}
#about .list .content h3{font-size:24px;color:#0554F2;font-family:"quicksand";}
#about .list .content .text{font-size:16px;line-height:1.6;margin-top:30px;}
#about .list .content .more{margin-top:20px;}
#about .list .content .more a{background:#0554F2;color:#fff;border-radius:40px;display:inline-block;padding:5px 20px;font-family:"quicksand";}
#about .list .content .more a i{margin-left:5px;}
#about .list .content .more a:hover{background:#3080ff;}
#about .list .img{width:48%;}
#about .list .img img{width:100%;border-radius:6px;}

#adv{width:100%;padding:150px 0;background:url(../images/bg_adv.jpg) no-repeat center center;background-size:cover;background-attachment: fixed;}
#adv .box{width:100%;max-width:50%;}
#adv .box .title{font-size:40px;font-weight:700;color:#fff;line-height:1;font-family:"quicksand";}
#adv .box  em{width:30px;height:4px;overflow:hidden;background:#0554F2;display:block;margin-top:10px;border-radius:4px;}
#adv .box .info{color:#fff;font-size:16px;line-height:1.6;margin-top:20px;}
#adv .box .more{margin-top:20px;}
#adv .box .more a{background:#0554F2;color:#fff;border-radius:40px;display:inline-block;padding:5px 20px;font-family:"quicksand";}
#adv .box .more a i{margin-left:5px;}
#adv .box .more a:hover{background:#3080ff;}

#news{width:100%;padding:50px 0;}
#news .list{position:relative;}
#news .list .swiper-container{padding-top:40px;}
#news .list .swiper-slide{width:25%;}
#news .list .swiper-slide .img{border-radius:6px;overflow:hidden;}
#news .list .swiper-slide .img img{width:100%;}
#news .list .swiper-slide .info{margin-top:30px;}
#news .list .swiper-slide .info time{color:#666;}
#news .list .swiper-slide .info .title{font-size:16px;font-weight:700;font-family:"quicksand"; line-height:1.4; margin-top:10px}
#news .list .swiper-slide{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#news .list .swiper-slide:hover{-webkit-transform:translatey(-10px);-ms-transform:translatey(-10px);-o-transform:translatey(-10px);transform:translatey(-10px);}
#news .list .btn{display: none;align-items:center;justify-content:center;margin-top:30px;}
#news .list .btn .p_btn{background:#0554F2;width:50px;height:50px;border-radius:100px;display: flex;align-items:center;justify-content:center;cursor: pointer;margin:0 5px ;}
#news .list .btn .p_btn i{font-size:24px;color:#fff;}
#news .list .btn .p_btn.button-prev{left: auto;right:-70px;}
#news .list .btn .p_btn.swiper-button-disabled{opacity:.1;}

#service{width:100%;padding:80px 0;background:url(../images/bg_service.jpg) no-repeat center center #f5f5f5;background-size:cover;}
#service .list{margin-top:40px;}
#service .list .swiper-slide{width:25%;text-align:center;}
#service .list .swiper-slide .info{margin-top:30px;}
#service .list .swiper-slide .info .title{font-size:18px;font-weight:700;font-family:"quicksand"; line-height:1.4}
#service .list .swiper-slide .info .desc{margin-top:10px;line-height:1.6;}
#service .list .btn{display: none;align-items:center;justify-content:center;margin-top:30px;}
#service .list .btn .p_btn{background:#0554F2;width:50px;height:50px;border-radius:100px;display: flex;align-items:center;justify-content:center;cursor: pointer;margin:0 5px ;}
#service .list .btn .p_btn i{font-size:24px;color:#fff;}
#service .list .btn .p_btn.button-prev{left: auto;right:-70px;}
#service .list .btn .p_btn.swiper-button-disabled{opacity:.1;}

#qutoe{width:100%;padding:100px 0;background:url(../images/bg_qutoe.jpg) no-repeat center center;background-size:cover;}
#qutoe .wrap{display: flex;justify-content:flex-end;}
#qutoe .form-box{width:600px;background:#fff;border-radius:10px;padding:50px;box-shadow: 0px 4px 16px 0px rgba(28, 28, 28, 0.1);}
#qutoe .form-box .form-item{padding:10px 0;}
#qutoe .form-box .form-item .form-item-ditem .form-item-label{font-weight:700;}
#qutoe .form-box .form-item .form-item-ditem .form-item-input{display: flex;justify-content:space-between;}
#qutoe .form-box .form-item .form-item-ditem .form-item-input .form-text{width:48%;border:1px solid #ddd;line-height:38px;text-indent:10px;border-radius:6px;}
#qutoe .form-box .form-item .form-item-ditem .form-item-input .form-select{width:48%;border:1px solid #ddd;line-height:38px;text-indent:10px;background:#fff;border-radius:6px;}
#qutoe .form-box .form-item .form-item-sitem .form-item-label{font-weight:700;}
#qutoe .form-box .form-item .form-item-sitem .form-item-input{display: flex;}
#qutoe .form-box .form-item .form-item-sitem .form-item-input .form-text{width:100%;border:1px solid #ddd;line-height:38px;text-indent:10px;border-radius:6px;}
#qutoe .form-box .form-item .form-item-sitem .form-item-input .form-select{width:100%;border:1px solid #ddd;line-height:38px;height:38px;text-indent:10px;background:#fff;border-radius:6px;}
#qutoe .form-box .form-item .form-item-ditem .form-item-input .form-text:focus {border-color: #0554F2!important;}
#qutoe .form-box .form-item .form-item-ditem .form-item-input .form-select:focus {border-color: #0554F2!important;}
#qutoe .form-box .form-item .form-item-sitem .form-item-input .form-text:focus {border-color: #0554F2!important;}
#qutoe .form-box .form-item .form-item-sitem .form-item-input .form-select:focus {border-color: #0554F2!important;}
#qutoe .form-box .form-tisp a{ color:#0554F2; text-decoration:underline}
#qutoe .form-box .form-button{margin-top:30px;}
#qutoe .form-box .form-button .btn{background:#0554F2;color:#fff;font-size:16px;border-radius:40px;padding:5px 20px;display:inline-block;line-height:30px;border:0;font-family:"quicksand";}
#qutoe .form-box .form-button .btn:hover{background:#3080ff;}

#footer{width:100%;background:#f8f8f8;}
#footer .share{padding:10px 0 0;display: flex;align-items:center;}
#footer .share a{ margin-right:20px;font-size:24px;}
#footer .map{padding:50px 0;display: flex;justify-content:space-between ;}
#footer .map .item{max-width:35%}
#footer .map .item h3{font-size:16px;margin-bottom:10px;}
#footer .map .item p{line-height:1.8;}
#footer .map .item b{ color:#f8f8f8; font-weight:normal}
#footer .copyright{padding:15px 0;display: flex;justify-content:space-between ;border-top:1px solid rgba(100,100,100,.1) ;}
#footer .copyright .left a{margin-left:10px;}
#footer .copyright .left span{opacity:.1}
#footer .copyright .right{display: flex;}
#footer .copyright .right a{margin-left:10px;}

@media (max-width:1440px){
	.wrap{padding:0 20px;}
	#header{padding:0 20px;}
	#header .right .nav ul{gap:0 30px;}
	#product .list .p_btn{left:0px;}
	#product .list .p_btn.button-prev{right:0px;}
	#news .list .btn{display: flex;}
	#adv .box{width:60%;max-width: inherit;}
}
@media (max-width:1200px){
	#header .logo img{height:16px;}
	#header .right{display: flex;align-items:center;gap:0 40px;}
	#banner .focus .swiper-slide{position:relative;height:500px;}
	#banner .focus .swiper-slide .info .text{width:80%}
	#banner .focus .swiper-pagination-bullet{width:.1rem;height:.1rem;border-radius:.1rem;margin:0 .05rem;}
	#banner .focus .swiper-pagination-bullet-active{width:.3rem}
	#service .list .btn{display: flex;}
	#adv .box{width:80%;max-width: inherit;}
}
@media (max-width:1100px){
	#header .right .nav ul{gap:0 10px;}
	#banner .focus .swiper-slide{position:relative;height:400px;}
	#banner .focus .swiper-slide .info .text .intro{display:none;}
}
@media (max-width:900px){
	body,html{font-size:.23rem;line-height:.34rem;}
	#header{padding:0 .25rem;height:.9rem;}
	#header .logo img{height:.22rem;}
	#header .right{gap:0;}
	#header .right .nav{position: absolute;background:#fff;height:auto;min-height:100vh;width:100%;top:.9rem;z-index:999;padding:.1rem .5rem 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{line-height:.8rem;font-size:.26rem;border-bottom:1px solid #eee;display: flex;justify-content:space-between ;align-items:center; font-weight:300}
	#header .right .nav ul li h3 a:after{height:1px;bottom:0;}
	#header .right .nav ul li h3 a i{font-size:.2rem;color:#999;margin-left:5px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
	#header .right .nav ul li .sub{display:none;position: inherit;left:0;top:0;box-shadow: 0 0 0 0}
	#header .right .nav ul li .sub dl{padding:.2rem 0;width: auto;}
	#header .right .nav ul li .sub dl dd a{padding:.15rem .2rem;border-bottom:1px solid #eee;}
	#header .right .lan{height:.9rem;}
	#header .right .lan .title{gap:0 .1rem;}
	#header .right .lan .title span{font-size:.2rem;}
	#header .right .lan .title i.fa-globe-americas{font-size:.22rem;}
	#header .right .lan .title i.fa-chevron-down{font-size:.2rem;}
	#header .right .lan .sub{top:.9rem;}
	#header .right .lan .sub a{text-align:center;padding:.1rem 0;font-size:.22rem;}
	#header .right .mnav{position:relative;display:block;width:.34rem;height:.25rem;cursor:pointer;margin-left:.3rem;}
	#header .right .mnav span{position:absolute;display:block;width:.34rem;height:.05rem;background:#0554F2;transition:all .5s;border-radius:.05rem;}
	#header .right .mnav .s1{top:0;}
	#header .right .mnav .s2{top:.1rem;width:.26rem;}
	#header .right .mnav .s3{top:.2rem;}
	#header .right .mnav.isopen .s1{top:.1rem;transform:rotate(45deg);}
	#header .right .mnav.isopen .s2{width:0;opacity:0;}
	#header .right .mnav.isopen .s3{top:.1rem;transform:rotate(-45deg);}
	#header .right .nav.isopen{transform:translatex(0);display:block;}
}
@media (max-width:800px){
	.wrap{padding:0;}
	#banner{margin-top:.9rem;}
	#banner .focus .swiper-slide{height:5rem;}
	#banner .focus .swiper-slide .img{height:100%;}
	#banner .focus .swiper-slide .info .text{padding:0 .25rem;}
	#banner .focus .swiper-slide .info .text .title{font-size:.36rem;line-height:1.2;}
	#banner .focus .swiper-slide .info .text .intro{display:none;}
	#banner .focus .swiper-slide .info .text .quote{margin-top:.3rem;}
	#banner .focus .swiper-slide .info .text .quote a{line-height:.6rem;border-radius:.6rem;padding:0 .3rem;}
	
	#count .wrap{flex-wrap:wrap;}
	#count .wrap .item{width:50%;padding:.4rem 0;}
	#count .wrap .item .num{font-size:.5rem;}
	#count .wrap .item .text{font-size:.22rem;margin-top:.1rem;}
	
	.stitle h2{font-size:.34rem;}
	.stitle p{margin-top:.1rem;}
	.stitle em{width:.3rem;height:.05rem;margin-top:.1rem;}
	
	#product{padding:.5rem .25rem;}
	#product .list{margin-top:.4rem;}
	#product .list .swiper-slide{width:32%;}
	#product .list .swiper-slide .info{margin-top:.3rem;}
	#product .list .swiper-slide .info .title{font-size:.26rem;}
	#product .list .swiper-slide .info .desc{margin-top:.1rem;font-size:.22rem;}
	#product .list .swiper-slide .info .more{margin-top:.2rem;}
	#product .list .swiper-slide .info .more span{line-height:.6rem;border-radius:.6rem;padding:0 .3rem;}
	#product .list .swiper-slide .info .more span i{margin-left:.1rem;}
	#product .list .p_btn{position:absolute;left:-.2rem;top:1.7rem;}
	#product .list .p_btn{width:.5rem;height:.5rem;border-radius:1rem;}
	#product .list .p_btn i{font-size:.22rem;}
	#product .list .p_btn.button-prev{left: auto;right:-.2rem;}
	
	#about{padding:.5rem .25rem;}
	#about .list{margin-top:.4rem;display:block;}
	#about .list .content{width:100%;}
	#about .list .content h3{font-size:.3rem;}
	#about .list .content .text{font-size:.24rem;margin-top:.3rem;}
	#about .list .content .more{margin-top:.2rem;}
	#about .list .content .more a{line-height:.6rem;border-radius:.6rem;padding:0 .3rem;}
	#about .list .content .more a i{margin-left:.1rem;}
	#about .list .img{width:100%;margin-top:.6rem;}
	#about .list .img img{width:100%;border-radius:6px;}
	
	#adv{padding:.8rem .25rem;background-attachment: inherit}
	#adv .box{width:100%;}
	#adv .box .title{font-size:.4rem;}
	#adv .box  em{width:.3rem;height:.04rem;margin-top:.2rem;}
	#adv .box .info{font-size:.24rem;line-height:1.4;margin-top:.2rem;}
	#adv .box .more{margin-top:.2rem;}
	#adv .box .more a{border-radius:.6rem;padding:.1rem .3rem;}
	#adv .box .more a i{margin-left:.1rem;}
	
	#news{padding:.5rem .25rem;}
	#news .list{margin-top:.4rem;}
	#news .list .swiper-slide{width:100%;}
	#news .list .swiper-slide .img img{width:100%;}
	#news .list .swiper-slide .info{margin-top:.3rem;}
	#news .list .swiper-slide .info .title{font-size:.24rem; margin-top:.1rem; line-height:1.6;}	
	#news .list .btn{margin-top:.3rem;}
	#news .list .btn .p_btn{width:.5rem;height:.5rem;border-radius:1rem;margin:0 .05rem ;}
	#news .list .btn .p_btn i{font-size:.22rem;}
	#news .list .btn .p_btn.button-prev{left: auto;right:-70px;}
	#news .list .btn .p_btn.swiper-button-disabled{opacity:.1;}

	
	#service{padding:.5rem .25rem;}
	#service .list{margin-top:.4rem;}
	#service .list .swiper-slide{width:100%;}
	#service .list .swiper-slide .icon img{width:1.5rem;}
	#service .list .swiper-slide .info{margin-top:.3rem;}
	#service .list .swiper-slide .info .title{font-size:.24rem;font-weight:700;}
	#service .list .swiper-slide .info .desc{margin-top:.1rem;font-size:.22rem;line-height:1.5;}
	#service .list .btn{margin-top:.3rem;}
	#service .list .btn .p_btn{width:.5rem;height:.5rem;border-radius:1rem;margin:0 .05rem ;}
	#service .list .btn .p_btn i{font-size:.22rem;}
	#service .list .btn .p_btn.button-prev{left: auto;right:-70px;}
	#service .list .btn .p_btn.swiper-button-disabled{opacity:.1;}
	
	#qutoe{padding:.5rem .25rem;}	
	#qutoe .form-box{border-radius:.1rem;padding:.4rem .5rem;box-shadow: 0px 4px 16px 0px rgba(28, 28, 28, 0.1);}
	#qutoe .form-box .form-item{padding:.1rem 0;}
	#qutoe .form-box .form-item .form-item-ditem .form-item-label{font-weight:700;font-size:.21rem;}
	#qutoe .form-box .form-item .form-item-ditem .form-item-input{display:block;margin-top:.1rem;}
	#qutoe .form-box .form-item .form-item-ditem .form-item-input .form-text{width:100%;line-height:.6rem;margin-bottom:.1rem;font-size:.2rem;border-radius:.06rem;}
	#qutoe .form-box .form-item .form-item-ditem .form-item-input .form-select{width:100%;line-height:.6rem;height:.6rem;margin-bottom:.1rem;font-size:.2rem;border-radius:.06rem;}
	#qutoe .form-box .form-item .form-item-sitem .form-item-label{font-weight:700;font-size:.21rem;}
	#qutoe .form-box .form-item .form-item-sitem .form-item-input{display: block;margin-top:.1rem;}
	#qutoe .form-box .form-item .form-item-sitem .form-item-input .form-text{line-height:.6rem;font-size:.2rem;border-radius:.06rem;}
	#qutoe .form-box .form-item .form-item-sitem .form-item-input .form-select{line-height:.6rem;height:.6rem;font-size:.2rem;border-radius:.06rem;}
	#qutoe .form-box .form-button{margin-top:.3rem;}
	#qutoe .form-box .form-button .btn{font-size:.24rem;line-height:.6rem;border-radius:.6rem;padding:0;width:100%;}
	#qutoe .form-box .form-button .btn:hover{background:#3080ff;}
	
	#footer .share{padding:.2rem .25rem .2rem;;justify-content:center}
	#footer .share a{margin:0 .2rem;font-size:.34rem;}
	#footer .map{padding:.5rem .25rem;display: block;}
	#footer .map .item{display:none;max-width:inherit}
	#footer .map .item.contact{display:block;text-align:center;}
	#footer .map .item h3{font-size:.24rem;margin-bottom:.1rem;}
	#footer .map .item p{line-height:1.5;padding:.05rem 0;}
	#footer .copyright{padding:.2rem 0;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%;margin-top:70px;}
#nbanner .wrap{height:400px;display: flex;align-items:center;}
#nbanner .wrap .title{font-family:"stolzl";color:#fff;}
#nbanner .wrap .title big{ display:block;font-size:46px;font-weight:700;}
#nbanner .wrap .title small{ display:block; font-size:18px; margin-top:10px}

#clist{width:100%;border-bottom:1px solid #eee;}
#clist .wrap{display: flex;}
#clist a{margin-right:30px;padding:20px 0;font-family:"quicksand";font-size:16px;}
#clist a.active{font-weight:700;color:#0554F2;}

#main{width:100%;}
#main .quote{padding:120px 0 100px;}
#main .quote .mtitle{text-align:center;font-size:24px;font-weight:700;font-family:"stolzl";}
#main .quote .list{margin-top:80px;display:flex;justify-content:space-between ;}
#main .quote .list .left{width:48%;}
#main .quote .list .left .form-box{border-radius:10px;padding:50px;box-shadow: 0px 4px 16px 0px rgba(28, 28, 28, 0.1);}
#main .quote .list .left .form-box .form-item{padding:10px 0;}
#main .quote .list .left .form-box .form-item .form-item-ditem .form-item-label{font-weight:700;}
#main .quote .list .left .form-box .form-item .form-item-ditem .form-item-input{display: flex;justify-content:space-between;}
#main .quote .list .left .form-box .form-item .form-item-ditem .form-item-input .form-text{width:48%;border:1px solid #ddd;line-height:38px;text-indent:10px;border-radius:6px;}
#main .quote .list .left .form-box .form-item .form-item-ditem .form-item-input .form-select{width:48%;border:1px solid #ddd;line-height:38px;text-indent:10px;background:#fff;border-radius:6px;}
#main .quote .list .left .form-box .form-item .form-item-sitem .form-item-label{font-weight:700;}
#main .quote .list .left .form-box .form-item .form-item-sitem .form-item-input{display: flex;}
#main .quote .list .left .form-box .form-item .form-item-sitem .form-item-input .form-text{width:100%;border:1px solid #ddd;line-height:38px;text-indent:10px;border-radius:6px;}
#main .quote .list .left .form-box .form-item .form-item-sitem .form-item-input .form-select{width:100%;border:1px solid #ddd;line-height:38px;height:38px;text-indent:10px;background:#fff;border-radius:6px;}
#main .quote .list .left .form-box .form-tisp a{ color:#0554F2; text-decoration:underline}
#main .quote .list .left .form-box .form-button{margin-top:30px;}
#main .quote .list .left .form-box .form-button .btn{background:#0554F2;color:#fff;font-size:16px;border-radius:40px;padding:5px 20px;line-height:30px;border:0;}
#main .quote .list .left .form-box .form-button .btn:hover{background:#3080ff;}

#main .quote .list .right{width:48%;}
#main .quote .list .right .text{margin-bottom:40px;}
#main .quote .list .right .text h3{font-size:26px;color:#0554F2;}
#main .quote .list .right .text .p{margin-top:30px;line-height:2;font-size:16px;position:relative;}
#main .quote .list .right .text .p p{position:relative;padding-left:15px;}
#main .quote .list .right .text .p p::before{content:"";position: absolute;top: 13px;left: 0;width: 6px;height: 6px;background-color: #4e4f66;border-radius: 50%;}

#main .product{padding:50px 0;display: flex;justify-content:space-between;}
#main .product .cate{width:250px;padding-bottom:50px;}
#main .product .cate .box{border-radius:6px;box-shadow: 0px 4px 16px 0px rgba(28, 28, 28, 0.1);overflow:hidden;}
#main .product .cate .box .title{background:#0554F2;padding:10px 24px;}
#main .product .cate .box .title h2{font-size:20px;font-weight:700;color:#fff;}
#main .product .cate .box .title .icon{color:#fff;display:none;}
#main .product .cate .box .list{padding:24px;}
#main .product .cate .box .list ul li{padding:10px 0;}
#main .product .cate .box .list ul li h3{ font-weight:700;;font-family:"quicksand"; font-size:18px; line-height:1.2}
#main .product .cate .box .list ul li .sub{ padding:10px 0}
#main .product .cate .box .list ul li .sub p{ line-height:1.4; border-bottom:1px solid #eee; padding:6px 0}

#main .product .right{width:calc(100% - 300px);}
#main .product .right .rtitle{border-bottom:1px solid #eee;}
#main .product .right .rtitle h3{font-size:24px;padding:10px 0 20px;}
#main .product .right ul{display: flex;flex-wrap:wrap;gap:30px;margin-top:30px;}
#main .product .right ul li{width:calc((100% - 60px) / 3);}
#main .product .right ul li .img{border:1px solid #eee;border-radius:6px;padding:20px;box-shadow: 0 2px 10px 0 rgba(28,28,28,.05);}
#main .product .right ul li .img img{width:100%;}
#main .product .right ul li .title{text-align:center;margin-top:20px;font-weight:700; padding:0 10px; font-size:16px}
#main .product .right ul li{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#main .product .right ul li:hover{-webkit-transform:translatey(-10px);-ms-transform:translatey(-10px);-o-transform:translatey(-10px);transform:translatey(-10px);}

#main .about-1{padding:50px 0;display:flex;justify-content:space-between ;}
#main .about-1 .text{width:48%;}
#main .about-1 .text .since{font-size:34px;font-weight:700;color:#0554F2;font-family:"quicksand";}
#main .about-1 .text .content{margin-top:30px;line-height:1.8;font-size:16px;}
#main .about-1 .img{width:48%;padding-top:64px;}
#main .about-1 .img img{width:100%; border-radius:6px;}

#main .about-2{padding:50px 0;display:flex;justify-content:space-between ;}
#main .about-2 .text{width:48%;}
#main .about-2 .text h3{font-size:34px;font-weight:normal;font-family:"quicksand";}
#main .about-2 .text p{font-size:16px;padding-bottom:30px;line-height:1.6;margin-top:10px;}
#main .about-2 .img{width:48%;}
#main .about-2 .img img{width:100%; border-radius:6px;}

#main .about-3{padding:50px 0;display:flex;justify-content:space-between ;}
#main .about-3 .text{width:48%;}
#main .about-3 .text h3{font-size:34px;font-weight:normal;font-family:"quicksand";}
#main .about-3 .text p{font-size:16px;padding-bottom:20px;line-height:1.6;margin-top:20px;}
#main .about-3 .img{width:48%;}
#main .about-3 .img img{width:100%; border-radius:6px;}

#main .about-4{padding:50px 0;text-align:center ;}
#main .about-4 img{max-width:100%; border-radius:6px;}

#main .service{padding:0 0;}
#main .service .item{display:flex;justify-content:space-between;align-items:center;padding:50px 0;}
#main .service .item .text{width:40%;}
#main .service .item .text .content{padding:20px 0;}
#main .service .item .text .content h3{font-size:34px;font-weight:normal;font-family:"quicksand";}
#main .service .item .text .content .intro{color:#888;margin-top:10px;line-height:1.6;}
#main .service .item .img{width:50%;}
#main .service .item .img img{width:100%;border-radius:6px;}
#main .service .item:nth-child(2n){flex-direction:row-reverse;}

#main .service2{ padding:50px 0;display:flex;justify-content:space-between;gap:0 30px}
#main .service2 .swiper-slide{width:calc((100% - 80px) / 5);text-align:center;}
#main .service2 .swiper-slide .info{margin-top:30px;}
#main .service2 .swiper-slide .info .title{font-size:18px;font-weight:700;font-family:"quicksand"; line-height:1.4}
#main .service2 .swiper-slide .info .desc{margin-top:10px;line-height:1.6;}

#main .service3{ padding:80px 0; font-size:16px; line-height:1.8; min-height:500px}
#main .service3 b{ color:#0554F2; text-decoration:underline; font-weight:normal}

#main.c{background: url(../images/bg_map.jpg) center top no-repeat;background-size:100% auto;}
#main .contact{padding:120px 0;}
#main .contact .mtitle h3{font-size:64px;font-weight:700;font-family:"quicksand";line-height:1;}
#main .contact .mtitle p{font-size:18px;}
#main .contact .list{margin-top:50px;display:flex;justify-content:space-between ;}
#main .contact .list{border-radius:10px;box-shadow: 0px 4px 16px 0px rgba(28, 28, 28, 0.2);background:#fff;overflow:hidden;}
#main .contact .list .content{width:48%;background:#0554F2;padding:50px;color:#fff;}
#main .contact .list .content .text{margin-bottom:40px;}
#main .contact .list .content .text h3{font-size:26px;color:#fff;}
#main .contact .list .content .text .p{margin-top:30px;line-height:2;font-size:16px;position:relative;}
#main .contact .list .content .text .p p{position:relative;padding-left:15px;}
#main .contact .list .content .text .p p::before{content:"";position: absolute;top: 13px;left: 0;width: 6px;height: 6px;background-color: #fff;border-radius: 50%;}
#main .contact .list .left{width:50%;padding:50px 100px;}
#main .contact .list .left .form-box .form-item{padding:10px 0;}
#main .contact .list .left .form-box .form-item .form-item-ditem .form-item-label{font-weight:700;}
#main .contact .list .left .form-box .form-item .form-item-ditem .form-item-input{display: flex;justify-content:space-between;}
#main .contact .list .left .form-box .form-item .form-item-ditem .form-item-input .form-text{width:48%;border:1px solid #ddd;line-height:38px;text-indent:10px;border-radius:6px;}
#main .contact .list .left .form-box .form-item .form-item-ditem .form-item-input .form-select{width:48%;border:1px solid #ddd;line-height:38px;text-indent:10px;background:#fff;border-radius:6px;}
#main .contact .list .left .form-box .form-item .form-item-sitem .form-item-label{font-weight:700;}
#main .contact .list .left .form-box .form-item .form-item-sitem .form-item-input{display: flex;}
#main .contact .list .left .form-box .form-item .form-item-sitem .form-item-input .form-text{width:100%;border:1px solid #ddd;line-height:38px;text-indent:10px;border-radius:6px;}
#main .contact .list .left .form-box .form-item .form-item-sitem .form-item-input .form-select{width:100%;border:1px solid #ddd;line-height:38px;height:38px;text-indent:10px;background:#fff;border-radius:6px;}
#main .contact .list .left .form-box .form-item .form-item-sitem .form-item-input .form-textarea{width:100%;border:1px solid #ddd; height:100px;text-indent:10px;border-radius:6px;}
#main .contact .list .left .form-box .form-item .form-item-ditem .form-item-input .form-text:focus {border-color: #0554F2!important;}
#main .contact .list .left .form-box .form-item .form-item-ditem .form-item-input .form-select:focus {border-color: #0554F2!important;}
#main .contact .list .left .form-box .form-item .form-item-ditem .form-item-input .form-textarea:focus {border-color: #0554F2!important;}
#main .contact .list .left .form-box .form-item .form-item-sitem .form-item-input .form-text:focus {border-color: #0554F2!important;}
#main .contact .list .left .form-box .form-item .form-item-sitem .form-item-input .form-select:focus {border-color: #0554F2!important;}
#main .contact .list .left .form-box .form-item .form-item-sitem .form-item-input .form-textarea:focus {border-color: #0554F2!important;}
#main .contact .list .left .form-box .form-tisp a{ color:#0554F2; text-decoration:underline}
#main .contact .list .left .form-box .form-button{margin-top:30px;}
#main .contact .list .left .form-box .form-button .btn{background:#0554F2;color:#fff;font-size:16px;border-radius:40px;padding:10px 40px;line-height:30px;border:0;}
#main .contact .list .left .form-box .form-button .btn:hover{background:#3080ff;}

#main .otherview{margin-top:70px;padding:50px 0}
#main .otherview .title{text-align:center;font-size:36px;line-height:1;;font-weight:700;font-family:"quicksand";}
#main .otherview .content{line-height:1.7;font-size:16px;margin-top:40px}
#main .otherview .content p{padding-bottom:10px}

#main .product_view{ padding:50px 0}
#main .product_view .pic{ width:100%;display: flex;justify-content:space-between;align-items:center;}
#main .product_view .pic .img{ width:45%; border:1px solid #eee; padding:30px; border-radius:4px;box-shadow: 0 2px 10px 0 rgba(28,28,28,.1);}
#main .product_view .pic .img img{ width:100%}
#main .product_view .pic .right{ width:50%}
#main .product_view .pic .right .title{ font-size:36px;;font-family:"quicksand"; line-height:1.4;}
#main .product_view .pic .right .dec{ font-size:16px; line-height:1.6; margin-top:20px}
#main .product_view .pic .right .pquote {margin-top:30px}
#main .product_view .pic .right .pquote a{background:#0554F2;display:inline-block;border-radius:40px;padding:10px 30px;color:#fff;font-family:"quicksand"; font-size:18px;;box-shadow: 0 2px 10px 0 rgba(28,28,28,.2);}
#main .product_view .pic .right .pquote a i{margin-left:5px;}
#main .product_view .pic .right .pquote a:hover{background:#3080ff;}
#main .product_view .content{ border-top:1px solid #eee; margin-top:50px; padding-top:50px; line-height:1.8; font-size:16px}
#main .product_view .content img{ max-width:1000px}
#main .product_view .content p{ margin-bottom:10px}
#main .product_view .updown{ margin-top:20px; padding-top:20px; border-top:1px solid #eee}

#main .news{width:100%;padding:50px 0;}
#main .news ul{display: flex;justify-content:space-between;gap:50px 40px;flex-wrap:wrap;}
#main .news ul li{width:calc((100% - 80px) / 3);}
#main .news ul li .img{border-radius:6px;overflow:hidden;}
#main .news ul li .img img{width:100%;}
#main .news ul li .info{margin-top:30px;}
#main .news ul li .info time{color:#666;}
#main .news ul li .info .title{font-size:16px;font-weight:700;font-family:"quicksand"; line-height:1.6;margin-top:10px}
#main .news ul li{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#main .news ul li:hover{-webkit-transform:translatey(-10px);-ms-transform:translatey(-10px);-o-transform:translatey(-10px);transform:translatey(-10px);}
	
#main .news_view{width:100%;padding:50px 0}
#main .news_view .title{ border-bottom:1px solid #eee; padding:20px;line-height:1.4}
#main .news_view .title h1{ font-size:26px; text-align:center}
#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}

#xgcp{ width:100%; padding:50px 0; border-top:1px solid #eee}
#xgcp .container{padding:0 60px;width:100%;position:relative;z-index:99}
#xgcp .container .swiper-button-prev1{position:absolute;left:0px;top:30%;z-index:99;width:50px;height:50px;text-align:center;line-height:50px;border-radius:50px;background:#005dc1;color:#fff;overflow:hidden}
#xgcp .container .swiper-button-next1{position:absolute;right:0px;top:30%;z-index:99;width:50px;height:50px;text-align:center;line-height:50px;border-radius:50px;background:#005dc1;color:#fff;overflow:hidden}
#xgcp .container .swiper-container{margin-top:50px}
#xgcp .container .swiper-container .swiper-slide {width:20%;}
#xgcp .container .swiper-container .swiper-slide .img{border:1px solid #eee;border-radius:6px;padding:20px;box-shadow: 0 2px 10px 0 rgba(28,28,28,.1);}
#xgcp .container .swiper-container .swiper-slide .img img{width:100%;}
#xgcp .container .swiper-container .swiper-slide .title{text-align:center;margin-top:20px;line-height:1.6; text-align:center}


@media (max-width:1440px){
	#main .contact .list .content{width:45%;background:#0554F2;padding:40px;color:#fff;}
	#main .contact .list .left{width:55%;padding:30px 50px;}
}
@media (max-width:1200px){
	#main .contact .list .content{width:38%;background:#0554F2;padding:40px;color:#fff;}
	#main .contact .list .content .text{margin-bottom:40px;}
	#main .contact .list .content .text h3{font-size:26px;color:#fff;}
	#main .contact .list .content .text .p{margin-top:30px;line-height:2;font-size:16px;position:relative;}
	#main .contact .list .content .text .p p{position:relative;padding-left:15px;}
	#main .contact .list .content .text .p p::before{content:"";position: absolute;top: 13px;left: 0;width: 6px;height: 6px;background-color: #fff;border-radius: 50%;}
	#main .contact .list .left{width:60%;padding:30px 50px;}
	#main .contact .list .left .form-box .form-item{padding:10px 0;}
}
@media (max-width:1100px){
}

@media (max-width:800px){
	body,html{font-size:.23rem;line-height:.34rem;}
	
	#nbanner{width:100%;margin-top:.9rem;padding:0 .25rem;}
	#nbanner .wrap{height:3.5rem;}
	#nbanner .wrap .title big{font-size:.34rem;}
	#nbanner .wrap .title small{ font-size:.24rem;}
	
	#clist{padding:.25rem;}
	#clist .wrap{flex-wrap:wrap;justify-content:center ;}
	#clist a{display:block;margin:0 .2rem;padding:.05rem 0;font-size:.24rem;}
	
	#main .quote{padding:1.4rem .25rem;}
	#main .quote .mtitle{font-size:.3rem;}
	#main .quote .list{margin-top:.8rem;display: block;}
	#main .quote .list .left{width:100%;}	
	#main .quote .list .left .form-box{border-radius:.1rem;padding:.4rem .5rem;box-shadow: 0px 4px 16px 0px rgba(28, 28, 28, 0.1);}
	#main .quote .list .left .form-box .form-item{padding:.1rem 0;}
	#main .quote .list .left .form-box .form-item .form-item-ditem .form-item-label{font-weight:700;font-size:.21rem;}
	#main .quote .list .left .form-box .form-item .form-item-ditem .form-item-input{display:block;margin-top:.1rem;}
	#main .quote .list .left .form-box .form-item .form-item-ditem .form-item-input .form-text{width:100%;line-height:.6rem;margin-bottom:.1rem;font-size:.2rem;border-radius:.06rem;}
	#main .quote .list .left .form-box .form-item .form-item-ditem .form-item-input .form-select{width:100%;line-height:.6rem;height:.6rem;margin-bottom:.1rem;font-size:.2rem;border-radius:.06rem;}
	#main .quote .list .left .form-box .form-item .form-item-sitem .form-item-label{font-weight:700;font-size:.21rem;}
	#main .quote .list .left .form-box .form-item .form-item-sitem .form-item-input{display: block;margin-top:.1rem;}
	#main .quote .list .left .form-box .form-item .form-item-sitem .form-item-input .form-text{line-height:.6rem;font-size:.2rem;border-radius:.06rem;}
	#main .quote .list .left .form-box .form-item .form-item-sitem .form-item-input .form-select{line-height:.6rem;height:.6rem;font-size:.2rem;border-radius:.06rem;}
	#main .quote .list .left .form-box .form-button{margin-top:.3rem;}
	#main .quote .list .left .form-box .form-button .btn{font-size:.24rem;border-radius:.6rem;padding:0;line-height:.6rem;width:100%;}
	#main .quote .list .left .form-box .form-button .btn:hover{background:#3080ff;}
	
	#main .quote .list .right{width:100%;margin-top:.5rem;}
	#main .quote .list .right .text{margin-bottom:.4rem;}
	#main .quote .list .right .text h3{font-size:.3rem;}
	#main .quote .list .right .text .p{margin-top:.3rem;font-size:.24rem;}
	
	#main .product{padding:.5rem .25rem;display: block;}
	#main .product .cate{width:100%;padding-bottom:0;}
	#main .product .cate .box{border-radius:.06rem;border:1px solid #0554F2;}
	#main .product .cate .box .title{display: flex;justify-content:space-between;padding:.2rem .1rem;}
	#main .product .cate .box .title h2{font-size:.24rem;}
	#main .product .cate .box .title .icon{transform:rotate(180deg);display:block;}
	#main .product .cate .box .list{margin-top:0;display:none;padding:.3rem;}
	#main .product .cate .box .list ul li{border-bottom:1px solid #eee;line-height:1.5;padding:.2rem 0;}
	#main .product .cate .box.active .list{display:block;}
	#main .product .cate .box.active .title .icon{transform:rotate(0deg);}
	#main .product .right{width:100%;margin-top:.5rem;}
	#main .product .right .rtitle h3{font-size:.3rem;padding:.1rem 0 .2rem;}
	#main .product .right ul{display: flex;flex-wrap:wrap;gap:.5rem;margin-top:.3rem;}
	#main .product .right ul li{width:100%;}
	#main .product .right ul li .img{border:1px solid #eee;}
	#main .product .right ul li .title{font-size:.24rem;margin-top:.2rem; padding:0 .1rem}
	
	#main .about-1{padding:.5rem .25rem;display:block ;}
	#main .about-1 .text{width:100%;}
	#main .about-1 .text .since{font-size:.4rem;}
	#main .about-1 .text .content{margin-top:.3rem;line-height:1.6;font-size:.24rem;}
	#main .about-1 .img{width:100%;padding-top:.3rem;}
	#main .about-1 .img img{width:100%;}
	
	#main .about-2{padding:.5rem .25rem;display:block ;}
	#main .about-2 .text{width:100%;}
	#main .about-2 .text h3{font-size:.3rem;}
	#main .about-2 .text p{font-size:.22rem;padding-bottom:.2rem;margin-top:.2rem;}
	#main .about-2 .img{width:100%;padding-top:.3rem;}
	#main .about-2 .img img{width:100%;}
	
	#main .about-3{padding:.5rem .25rem;display:block ;}
	#main .about-3 .text{width:100%;padding-top:.3rem;}
	#main .about-3 .text h3{font-size:.3rem;}
	#main .about-3 .text p{font-size:.22rem;padding-bottom:.2rem;margin-top:.2rem;}
	#main .about-3 .img{width:100%;}
	#main .about-3 .img img{width:100%;}
	
	#main .about-4{padding:.5rem .25rem;text-align:center ;}
	#main .about-4 img{max-width:100%;}
	
	#main .service{padding:0 .25rem;}
	#main .service .item{display: block;padding:.5rem 0;}
	#main .service .item .text{width:100%;}
	#main .service .item .text .content{padding:.2rem 0;}
	#main .service .item .text .content h3{font-size:.3rem;}
	#main .service .item .text .content .intro{font-size:.22rem;margin-top:.2rem;}
	#main .service .item .img{width:100%;margin-top:.3rem;}
	
	#main .service2{ padding:.5rem .25rem;flex-wrap:wrap;gap:.3rem}
	#main .service2 .swiper-slide{width:100% ;text-align:center;}
	#main .service2 .swiper-slide .info{margin-top:.3rem;}
	#main .service2 .swiper-slide .info .title{font-size:.26rem;}
	#main .service2 .swiper-slide .info .desc{margin-top:.1rem;line-height:1.6;}
	
	#main .service3{ padding:.8rem .25rem; font-size:.24rem;min-height: inherit}

	
	#main.c{background-size:auto 50vh;}
	#main .contact{padding:1.4rem .25rem 1rem;background-size:auto 100vh;}
	#main .contact .mtitle{text-align:center;}
	#main .contact .mtitle h3{font-size:.5rem;}
	#main .contact .mtitle p{font-size:.24rem;margin-top:.2rem;}
	#main .contact .list{margin-top:.5rem;display:block;}
	#main .contact .list{border-radius:.1rem;}
	#main .contact .list .content{width:100%;padding:.5rem;}
	#main .contact .list .content .text{margin-bottom:.3rem;}
	#main .contact .list .content .text h3{font-size:.3rem;}
	#main .contact .list .content .text .p{margin-top:.3rem;font-size:.22rem; line-height:1.6}
	#main .contact .list .left{width:100%;padding:.5rem;}
	#main .contact .list .left .form-box{border-radius:0;padding:0;box-shadow: 0 0 0 0px rgba(28, 28, 28, 0.1);}
	#main .contact .list .left .form-box .form-item{padding:.1rem 0;}
	#main .contact .list .left .form-box .form-item .form-item-ditem .form-item-label{font-weight:700;font-size:.21rem;}
	#main .contact .list .left .form-box .form-item .form-item-ditem .form-item-input{display:block;margin-top:.1rem;}
	#main .contact .list .left .form-box .form-item .form-item-ditem .form-item-input .form-text{width:100%;line-height:.6rem;margin-bottom:.1rem;font-size:.2rem;border-radius:.06rem;}
	#main .contact .list .left .form-box .form-item .form-item-ditem .form-item-input .form-select{width:100%;line-height:.6rem;height:.6rem;margin-bottom:.1rem;font-size:.2rem;border-radius:.06rem;}
	#main .contact .list .left .form-box .form-item .form-item-sitem .form-item-label{font-weight:700;font-size:.21rem;}
	#main .contact .list .left .form-box .form-item .form-item-sitem .form-item-input{display: block;margin-top:.1rem;}
	#main .contact .list .left .form-box .form-item .form-item-sitem .form-item-input .form-text{line-height:.6rem;font-size:.2rem;border-radius:.06rem;}
	#main .contact .list .left .form-box .form-item .form-item-sitem .form-item-input .form-select{line-height:.6rem;height:.6rem;font-size:.2rem;border-radius:.06rem;}
	#main .contact .list .left .form-box .form-item .form-item-sitem .form-item-input .form-textarea{height:1rem;border-radius:.06rem;}
	#main .contact .list .left .form-box .form-button{margin-top:.3rem;}
	#main .contact .list .left .form-box .form-button .btn{font-size:.24rem;border-radius:.6rem;padding:0;line-height:.6rem;width:100%;}
	#main .contact .list .left .form-box .form-button .btn:hover{background:#3080ff;}
	
	#main .otherview{margin-top:.9rem;padding:.5rem .25rem}
	#main .otherview .title{font-size:.4rem;}
	#main .otherview .content{line-height:1.6;font-size:.24rem;margin-top:.4rem}
	#main .otherview .content p{padding-bottom:.1rem}
	
	#main .product_view{ padding:.5rem .25rem}
	#main .product_view .pic{ width:100%; display:block}
	#main .product_view .pic .img{ width:100%; border:1px solid #eee; padding:.3rem}
	#main .product_view .pic .img img{ width:100%}
	#main .product_view .pic .right{ width:100%; margin-top:.3rem}
	#main .product_view .pic .right .title{ font-size:.3rem;;}
	#main .product_view .pic .right .dec{ font-size:.22rem; margin-top:.2rem}
	#main .product_view .pic .right .pquote{margin-top:.3rem;}
	#main .product_view .pic .right .pquote a{line-height:.6rem;border-radius:.6rem;padding:0 .3rem;}
	#main .product_view .content{  margin-top:.5rem; padding-top:.5rem;  font-size:.24rem}
	#main .product_view .content img{ max-width:100%}
	#main .product_view .content p{ margin-bottom:.1rem}

	#main .news{padding:.5rem .25rem}
	#main .news ul{gap:.5rem;}
	#main .news ul li{width:100%;}
	#main .news ul li .info{margin-top:.3rem;}
	#main .news ul li .info .title{font-size:.24rem;margin-top:.1rem}
	
	#main .news_view{ padding:.5rem .25rem}
	#main .news_view .title{padding:.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;}
	
	#xgcp{padding:.5rem .25rem}
	#xgcp .container{padding:0;width:100%;position:relative;z-index:99}
	#xgcp .container .swiper-button-prev1{width:.5rem;height:.5rem;line-height:.5rem;border-radius:.5rem;}
	#xgcp .container .swiper-button-next1{width:.5rem;height:.5rem;line-height:.5rem;border-radius:.5rem;}
	#xgcp .container .swiper-container{margin-top:.5rem}
	#xgcp .container .swiper-container .swiper-slide .img img{width:100%;}
	#xgcp .container .swiper-container .swiper-slide .title{margin-top:.2rem;font-size:.24rem;}

}

#fenye{padding:50px 0 0px;text-align:center;clear:both;}
#fenye a{margin:0 2px;color:#5a5a5a;text-decoration:none;padding:12px 15px;border:1px solid #eee;background:#FFF; border-radius:4px}
#fenye .prev,#fenye .next{width:52px;text-align:center}
#fenye a.curr{font-weight:700;color:#fff;background:#0554F2;border:1px solid #0554F2}
#fenye a:hover{background:#0554F2;color:#fff;border:1px solid #0554F2}
#fenye span{margin:0 2px;color:#5a5a5a;text-decoration:none;padding:10px 15px;border:1px solid #eee;background:#FFF}
@media (max-width:800px){
	#fenye{padding:.5rem 0 0px;}
	#fenye a{margin:0 .02rem;padding:.1rem .15rem}
	#fenye .prev,#fenye .next{width:.55rem;}
	#fenye span{margin:0 .02rem;padding:.1rem .15rem}
	#fenye .num,#fenye .prev{ display:none}
}