/*************************************************************************/
/*全局样式开始*/
/*************************************************************************/
@charset "utf-8";
*{margin:0;padding:0;outline:0;}
body,html{overflow-x:hidden;color:#333;font:14px/30px sans-serif, Arial, Tahoma, Verdana, sans-serif;background:#fff;width:100%;}
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:"Open Sans", sans-serif, Arial, Tahoma, Verdana, sans-serif;-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;}
img{image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
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:#0082fe;text-decoration:none;}
.hide,.none,ins{display:none;}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}
.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%;padding:0 5%;position:fixed;left:0;top:0;border-bottom:1px solid rgba(255,255,255,.5);z-index:100;height:100px;display:flex;justify-content:space-between ;align-items:center;}
#header .logo img{height:40px}
#header .logo img.b{display:none}
#header .logo img.w{display:block}
#header .nav ul{display:flex;justify-content:center ;align-items:center;}
#header .nav ul li{margin:0 30px;position:relative;line-height:100px;}
#header .nav ul li h3 a{color:#fff;font-size:18px;font-weight:normal;display:inline-block;font-family:"quicksand"}
#header .nav ul li h3 i{color:#fff;margin-left:5px}
#header .nav ul li .sub{display:none;position:absolute;left:50%;top:100px;background:#fff;margin-left:-130px;width:260px;box-shadow:0 2px 10px rgba(0, 0, 0, 0.05);}
#header .nav ul li .sub p{border-bottom:1px solid #eee;line-height:24px;padding:10px 15px}
#header .right{display:flex;justify-content:flex-start ;align-items:center;}
#header .right .lan a{background:#005dc1;color:#fff;display:block;line-height:30px;padding:0 10px;border-radius:26px}
#header.active{color:#333; background:#fff; box-shadow:0 2px 10px rgba(0, 0, 0, 0.05);}
#header.active .nav ul li h3 a{color:#333}
#header.active .nav ul li h3 i{color:#333}
#header.active .logo img.b{display:block}
#header.active .logo img.w{display:none}

.foucs{width:100%;height:100vh;overflow:hidden;}
.foucs .swiper-container{width:100%;height:100%;}
.foucs .swiper-container .swiper-wrapper{width:100%;height:100%;}
.foucs .swiper-container .swiper-wrapper .swiper-slide{width:100%;height:100%;position:relative}
.foucs .swiper-container .swiper-wrapper .swiper-slide::before{content:"";width:100%;height:100%;background-color:rgba(0, 0, 0, 0.2);z-index:2;position:absolute;left:0;top:0;}
.foucs .swiper-container .swiper-wrapper .swiper-slide .img{width:100%;height:100%;}
.foucs .swiper-container .swiper-wrapper .swiper-slide .img video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.foucs .swiper-container .swiper-wrapper .swiper-slide .img img{width:100%;height:100%;object-fit:cover;}
.foucs .swiper-container .swiper-wrapper .swiper-slide .text{position:absolute;top:50%;transform:translateY(-50%);text-align:center;z-index:99;width:100%;padding:0 10%;}
.foucs .swiper-container .swiper-wrapper .swiper-slide .text h2{color:#fff;line-height:1.2;font-weight:bold;opacity:0;letter-spacing:-0.5px;font-size:48px;font-family:"quicksand"}
.foucs .swiper-container .swiper-wrapper .swiper-slide .list{margin-top:100px;display:flex;justify-content:center ;align-items:center;}
.foucs .swiper-container .swiper-wrapper .swiper-slide .list .item{width:190px;height:190px;border:2px solid #fff;border-radius:190px;margin:0 -10px;display:flex;justify-content:center ;align-items:center;opacity:0;}
.foucs .swiper-container .swiper-wrapper .swiper-slide .list .item  .icon{display:block;color:#fff;font-size:40px}
.foucs .swiper-container .swiper-wrapper .swiper-slide .list .item p{font-size:20px;color:#fff;margin-top:10px}

.about{width:100%;height:100vh;overflow:hidden;position:relative;background:url(../images/about.jpg) no-repeat center center;background-size:cover}
.about::before{content:"";width:100%;height:100%;background-color:rgba(0, 0, 0, 0.2);z-index:2;position:absolute;left:0;top:0;}
.about .container{position:absolute;top:50%;left:10%;transform:translateY(-50%);z-index:99;width:65%;padding:100px 0 0}
.about .container .text .title{color:#fff;font-size:50px;opacity:0;line-height:1;font-family:"quicksand"}
.about .container .text .content{color:#fff;font-size:20px;margin-top:30px;opacity:0;}
.about .container .text .more{margin-top:60px;opacity:0; float:left;margin-right:10px;}
.about .container .text .more a{color:#fff;border:2px solid #fff;display:inline-block;padding:10px 50px;border-radius:60px }
.about .container .text .more a:hover{border:2px solid #005dc1;background:#005dc1;}
.about .container .text .count{margin-top:50px;display:flex;justify-content:flex-start ;align-items:center;}
.about .container .text .count .item{margin-right:50px;opacity:0}
.about .container .text .count .item .num span{font-size:50px;font-weight:700;color:#fff;line-height:1;font-family:"din"}
.about .container .text .count .item .num i{font-size:20px;vertical-align:top;font-weight:700;color:#fff}
.about .container .text .count .item p{font-size:20px;color:#fff;margin-top:10px}

.product{width:100%;height:100vh;padding:0 10%;overflow:hidden;position:relative;background:url(../images/product.jpg) no-repeat center center;background-size:cover;display:flex;justify-content:center ;align-items:center;}
.product::before{content:"";width:100%;height:100%;background-color:rgba(0, 0, 0, 0.2);z-index:2;position:absolute;left:0;top:0;}
.product .container{padding:100px 0 0;width:100%;position:relative;z-index:99}
.product .container .swiper-button-prev1{position:absolute;left:-70px;top:50%;margin-top:-10px;;z-index:99;width:50px;height:50px;text-align:center;line-height:50px;border-radius:50px;background:#005dc1;color:#fff;overflow:hidden}
.product .container .swiper-button-next1{position:absolute;right:-70px;top:50%;margin-top:-10px;;z-index:99;width:50px;height:50px;text-align:center;line-height:50px;border-radius:50px;background:#005dc1;color:#fff;overflow:hidden}
.product .container .title{color:#fff;font-size:50px;line-height:1;font-family:"quicksand";text-align:center}
.product .container .swiper-container{margin-top:50px}
.product .container .swiper-container .swiper-slide .img img{width:100%;border-radius:6px}
.product .container .swiper-container .swiper-slide p{text-align:center;color:#fff;margin-top:20px;font-size:20px}
.product .container .more{text-align:center;margin-top:60px;}
.product .container .more a{border:2px solid #fff;display:inline-block;padding:0 50px;color:#fff;border-radius:50px;line-height:40px}
.product .container .more a:hover{border:2px solid #005dc1;background:#005dc1;}


.news{width:100%;height:100vh;overflow:hidden;position:relative;background:url(../images/news.jpg) no-repeat center center;background-size:cover;}
.news .container{position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:99;padding:100px 10% 0;}
.news .list .title{font-size:50px;opacity:0;line-height:1;font-family:"quicksand";text-align:center}
.news .list ul{margin-top:50px;display:flex;justify-content:flex-start ;align-items:flex-start;gap:100px}
.news .list ul li{width:calc((100% - 60px) / 3);opacity:0}
.news .list ul li .img img{width:100%;border-radius:6px}
.news .list ul li time{margin-top:20px;display:block}
.news .list ul li p{margin-top:10px;font-size:20px}
.news .list .more{text-align:center;margin-top:60px;opacity:0}
.news .list .more a{border:2px solid #005dc1;display:inline-block;padding:0 50px;color:#005dc1;border-radius:50px;line-height:44px}
.news .list .more a:hover{background:#005dc1;color:#fff;}


.footer{width:100%;padding:50px 10%;display:flex;display:flex;justify-content:space-between;align-items:flex-start;}
.footer .logo{width:20%}
.footer .logo img{height:46px}
.footer .nav{width:50%;display:flex;justify-content:flex-start;align-items:flex-start;gap:0 100px}
.footer .nav .item h3{font-size:16px;margin-bottom:10px}
.footer .contact{width:30%}
.footer .contact h3{font-size:16px;margin-bottom:10px}
.footer .contact strong{color:#666}
.copyright{text-align:center;padding:10px 0;}
.copyright i{margin:0 10px}

@media (max-width:1440px){
	#header{width:100%;padding:0 20px;}
	#header .nav ul li{margin:0 10px;}
	.about .container{position:absolute;top:50%;left:10%;transform:translateY(-50%);z-index:99;width:80%;padding:100px 0 0}
}
@media (max-width:1100px){
	.wrap{ padding:0px}
	body,html{font-size:.23rem;line-height:.34rem}	
	#header{padding:0 .2rem;height:1rem;}
	#header .logo img{height:.4rem}
	#header .right{justify-content:flex-end; overflow:hidden;gap:0 .2rem}
	#header .right .mnav{position:relative;display:block;width:.34rem;height:.33rem;cursor:pointer;margin-left:.1rem}
	#header .right .mnav span{position:absolute;display:block;width:.34rem;height:.05rem;background:#fff;transition:all .5s;border-radius:.05rem}
	#header .right .mnav .s1{top:.05rem;}
	#header .right .mnav .s2{top:.15rem;width:.26rem;}
	#header .right .mnav .s3{top:.25rem;}
	#header .right .mnav.isopen .s1{top:.15rem;transform:rotate(45deg);}
	#header .right .mnav.isopen .s2{width:0;opacity:0;}
	#header .right .mnav.isopen .s3{top:.15rem;transform:rotate(-45deg);}
	#header.active .right .mnav span{ background:#333}
	#header .nav{position:absolute;background:#fff;height:auto;min-height:100vh;width:100%;top:1rem;z-index:105;padding:.1rem .25rem 0;transform:translatex(100%);left:0;border-top:1px solid #eee;}
	#header .nav ul{display:block}
	#header .nav ul li{ width:100%; margin:0}
	#header .nav ul li h3{line-height:.7rem;height:.7rem;border-bottom:1px solid #eee;display: flex;justify-content:space-between ;align-items:center;}
	#header .nav ul li h3 a{line-height:.7rem;font-size:.24rem;padding:0; display:block; color:#333;display: flex;justify-content:space-between ;align-items:center;}
	#header .nav ul li h3 i{ display: block; color:#888; font-size:.28rem}
	#header .nav ul li .sub{display:none;position:inherit;left:0;width:auto;margin-left:0;top:0;background:#fff;border-radius:0;box-shadow:0 0 0}
	#header .nav ul li .sub p{ border:0; padding:0;border-bottom:1px solid #eee;}
	#header .nav ul li .sub p a{color:#68747f;font-size:.24rem;padding:.2rem 0 .2rem .2rem; text-align:left; display:block; line-height:.3rem}
	#header .nav ul li .sub p a:hover{background:#fff;color:#68747f;font-weight:700}
	#header .nav ul li.demo{margin-top:.2rem}
	#header .nav ul li.currclass{ background:#fff}
	#header .nav ul li:hover{ background:#fff}
	#header .nav.isopen{transform:translatex(0);}
	#header .right .lan a{ font-size:.22rem;line-height:.4rem;padding:0 .1rem;border-radius:.4rem}
	
}

@media (max-width:800px){
	.foucs{width:100%;height:90vh;overflow:hidden;}
	.foucs .swiper-container .swiper-wrapper .swiper-slide .text{top:20%;transform:translateY(0);padding:0 .2rem;}
	.foucs .swiper-container .swiper-wrapper .swiper-slide .text h2{font-size:.5rem;opacity:1;}
	.foucs .swiper-container .swiper-wrapper .swiper-slide .list{margin-top:1rem;}
	.foucs .swiper-container .swiper-wrapper .swiper-slide .list .item{width:1.6rem;height:1.6rem;border-radius:1.6rem;margin:0 -.1rem;opacity:1;}
	.foucs .swiper-container .swiper-wrapper .swiper-slide .list .item  .icon{font-size:.36rem}
	.foucs .swiper-container .swiper-wrapper .swiper-slide .list .item p{font-size:.2rem;margin-top:.1rem}
	
	.about{width:100%;height:auto; position:relative}
	.about::before{background-color:rgba(0, 0, 0, 0.5);}
	.about .container{position: inherit;padding:1rem .2rem;transform:translateY(0); width:100%; top:0; left:0}
	.about .container .text .title{font-size:.5rem;opacity:1;}
	.about .container .text .content{font-size:.24rem;margin-top:.3rem; line-height:1.6;opacity:1;}
	.about .container .text .more{margin-top:.6rem;opacity:1;}
	.about .container .text .more a{padding:.1rem .5rem;border-radius:.6rem }
	.about .container .text .count{margin-top:.5rem;display: block;}
	.about .container .text .count .item{margin-right:0;opacity:1; margin-top:.5rem}
	.about .container .text .count .item .num span{font-size:.6rem;}
	.about .container .text .count .item .num i{font-size:.26rem;}
	.about .container .text .count .item p{font-size:.26remmargin-top:.1rem}
	
	.product{width:100%;height:90vh;padding:0 .2rem;}
	.product::before{background-color:rgba(0, 0, 0, 0.2);}
	.product .container{padding:1rem 0 0;}
	.product .container .swiper-button-prev1{left:.2rem; opacity:.6}
	.product .container .swiper-button-next1{right:.2rem; opacity:.6}
	.product .container .title{color:#fff;font-size:.5rem;}
	.product .container .swiper-container{margin-top:.5rem}
	.product .container .swiper-container .swiper-slide p{margin-top:.3rem;font-size:.24rem}
	.product .container .more{text-align:center;margin-top:.6rem;}
	.product .container .more a{padding:0 .5rem;color:#fff;border-radius:.5rem;line-height:.5rem}
	
	.news{width:100%;height:auto;}
	.news .container{position:inherit;transform:translateY(0);padding:1rem .2rem;}
	.news .list .title{font-size:.5rem;opacity:1;}
	.news .list ul{margin-top:0;display:block}
	.news .list ul li{width:100%;opacity:1; margin-top:.5rem}
	.news .list ul li .img img{width:100%;border-radius:6px}
	.news .list ul li time{margin-top:.2rem;display:block}
	.news .list ul li p{margin-top:.1rem;font-size:.24rem}
	.news .list .more{text-align:center;margin-top:.6rem;;opacity:1}
	.news .list .more a{padding:0 .5rem;color:#005dc1;border-radius:.5rem;line-height:.5rem}
	
	.footer{padding:.5rem .2rem; display:block}
	.footer .logo{width:20%}
	.footer .logo img{height:.5rem}
	.footer .nav{ display:none}
	.footer .contact{width:100%; margin-top:.5rem}
	.footer .contact h3{font-size:.3rem;margin-bottom:.1rem}
	.copyright{padding:.2rem 0;}
	.copyright i{margin:0; display:block}
}

#nbanner{ width:100%; position:relative}
#nbanner .stitle{ position:absolute; left:0; top:5%; width:100%; height:100%;display:flex;justify-content:center ;align-items:center}
#nbanner .stitle{ color:#fff;font-size:44px; font-weight:700; text-align:center; line-height:1.5}
#nbanner img{width:100%;height:100%;object-fit:cover;}
#main{ width:100%; padding:0 5%}
#main .mabout{ padding:80px 0}
#main .mabout .content{line-height:1.8; font-size:16px}
#main .mabout .content img{ max-width:1000px}
#main .mabout .content p{ margin-bottom:10px}


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

#main .mproject{ padding:80px 0}
#main .mproject .mclass{ border-bottom:1px solid #eee; padding-bottom:50px;display:flex;justify-content:space-between;align-items:center;}
#main .mproject .mclass .img{ width:48%}
#main .mproject .mclass .img img{ width:100%; border-radius:6px}
#main .mproject .mclass .info{ width:48%}
#main .mproject .mclass .info .title{ font-size:24px; font-weight:700}
#main .mproject .mclass .info .text{ font-size:16px; line-height:1.8; margin-top:20px}
#main .mproject .list{ margin-top:50px}
#main .mproject .list ul{display:flex;justify-content:flex-start ;align-items:flex-start;flex-wrap:wrap;gap:30px}
#main .mproject .list ul li{ width:calc((100% - 90px) / 4);box-shadow: 6px 0px 19px 0px rgba(73, 73, 73, 0.07); transition: all 0.3s; border-radius:6px; overflow:hidden; position:relative}
#main .mproject .list ul li .img{ height:290px}
#main .mproject .list ul li .img img{width:100%;height:100%;object-fit:cover;}
#main .mproject .list ul li p{ padding:5px 10px; text-align: center;font-size:20px; position:absolute; left:0; bottom:0; background:#376092; color:#fff; width:100%}
#main .mproject .list ul li:hover{-webkit-transform:translatey(-10px);-ms-transform:translatey(-10px);-o-transform:translatey(-10px);transform:translatey(-10px);}

#main .mnews{ padding:80px 0}
#main .mnews .list ul{display:flex;justify-content:flex-start ;align-items:flex-start;gap:50px 30px;flex-wrap:wrap}
#main .mnews .list ul li{width:calc((100% - 60px) / 3);}
#main .mnews .list ul li .img img{width:100%;border-radius:6px}
#main .mnews .list ul li time{margin-top:20px;display:block}
#main .mnews .list ul li p{margin-top:10px;font-size:20px}

#main .mcontact{ padding:80px 0}
#main .mcontact .content{ display:flex;justify-content:space-between;align-items:center;}
#main .mcontact .content .left{ width:40%}
#main .mcontact .content .left .item{ padding-bottom:20px; display:flex;justify-content:flex-start ;align-items:center;}
#main .mcontact .content .left .item .icon{ width:60px; font-size:28px; color:#005dc1}
#main .mcontact .content .left .item .info .tit{ color:#9aa6b1; font-size:16px; }
#main .mcontact .content .left .item .info .text{ color:#333; font-size:16px; font-weight:700}
#main .mcontact .content .right{ width:40%}
#main .mcontact .content .right img{ width:100%}

#main .mqualification{ padding:80px 0}
#main .mqualification .list ul{display: flex;justify-content:flex-start ;align-items:center;flex-wrap:wrap;gap:50px 30px}
#main .mqualification .list ul li{ width:calc((100% - 90px) / 4);transition: all 0.3s;}
#main .mqualification .list ul li .img{ border:1px solid #eee; height:350px;display: flex;justify-content:center;align-items:center;}
#main .mqualification .list ul li .img img{ max-width:80%; max-height:90%;}
#main .mqualification .list ul li p{ text-align:center; margin-top:20px; font-size:16px}
#main .mqualification .list ul li:hover{-webkit-transform:translatey(-10px);-ms-transform:translatey(-10px);-o-transform:translatey(-10px);transform:translatey(-10px);}

#main .organization{ padding:80px 0}
#main .organization .content{ text-align:center}
#main .organization .content img{ max-width:1000px}

#fenye{padding:50px 0 0px;text-align:center;clear:both;}
#fenye table{text-align:center;margin:0 auto}
#fenye a{margin:0 2px;color:#5a5a5a;text-decoration:none;padding:10px 15px;border:1px solid #eee;background:#FFF}
#fenye .prev,#fenye .next{width:52px;text-align:center}
#fenye a.curr{font-weight:700;color:#fff;background:#2c3090;border:1px solid #2c3090}
#fenye a:hover{background:#2c3090;color:#fff;border:1px solid #2c3090}
#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}
	
	#nbanner{ height:4rem}
	#main{ width:100%; padding:0 .2rem}
	#main .stitle{ font-size:.5rem;}
	#main .mabout{ padding:.8rem 0}
	#main .mabout .content{line-height:1.6; font-size:.24rem}
	#main .mabout .content img{ max-width:100%}
	#main .mabout .content p{ margin-bottom:.1rem}
	
	#main .mproject{ padding:.8rem 0}
	#main .mproject .list{ margin-top:.3rem}
	#main .mproject .list ul{gap:.3rem}
	#main .mproject .list ul li{ width:100%;}
	#main .mproject .list ul li .img{ height:auto}
	#main .mproject .list ul li p{ padding:.5rem .1rem; font-size:.24rem}
	#main .mnews{ padding:.8rem 0}
	#main .mnews .list ul{gap:.3rem;}
	#main .mnews .list ul li{width:100%}
	#main .mnews .list ul li time{margin-top:.2rem}
	#main .mnews .list ul li p{margin-top:.1rem;font-size:.24rem}
	
	#main .mcontact{ padding:.8rem 0}
	#main .mcontact .content{display: block}
	#main .mcontact .content .left{ width:100%}
	#main .mcontact .content .left .item{ padding-bottom:.2rem; }
	#main .mcontact .content .left .item .icon{ width:.6rem; font-size:.3rem}
	#main .mcontact .content .left .item .info{ width:calc(100% - .6rem)}
	#main .mcontact .content .left .item .info .tit{ font-size:.24rem; }
	#main .mcontact .content .left .item .info .text{ font-size:.24rem;}
	#main .mcontact .content .right{ width:100%; margin-top:.5rem}
	
	#main .mqualification{padding:.8rem 0;}
	#main .mqualification .list ul{gap:.5rem .2rem}
	#main .mqualification .list ul li{ width:calc((100% - .2rem) / 2)}
	#main .mqualification .list ul li .img{ height:4rem;}
	#main .mqualification .list ul li p{margin-top:.2rem; font-size:.22rem}
	
	#main .organization{ padding:.8rem 0}
	#main .organization .content img{ max-width:100%}
}

.lscontainer {
            display: flex;
            flex-direction: column;
            max-width: 1200px;
            margin: 20px auto;
            background-color: #fff;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }
        .row {
            display: flex;
            padding: 15px;
            border-bottom: 1px solid #ddd;
            transition: background-color 0.3s ease;
        }
        .row:hover {
            background-color: #f0f0f0; /* 鼠标经过时变色 */
        }
        .column {
            padding: 10px;
        }
        .column:first-child {
            font-weight: bold;
            color: #333; width:200px
        }
        .column:last-child {
            color: #555; width:calc(100% - 200px)
        }
        @media (max-width: 600px) {
            .row {
                flex-direction: column;
            }
            .column {
                padding: 5px;
            }
        }
		
#section3{background:url(../images/about001.jpg) no-repeat center center;background-size:cover;}