/*************************************************************************/
/*全局样式开始*/
/*************************************************************************/
@charset "utf-8";
*{margin:0;padding:0;outline:0;}
body,html{overflow-x:hidden;color:#666;font:14px/30px arial,sans-serif;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:arial,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:#666;text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
a:hover{color:#c30d23;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:1300px;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);}

@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%}
#header .wrap{ height:90px;display: flex;justify-content:space-between;align-items:center;}
#header .logo .m{ display:none}
#header .logo .pc{height:40px}
#header .right{ display: flex;justify-content:flex-end;align-items:center;}
#header .right .lan{position:relative;}
#header .right .lan .btn{cursor:pointer; background:#f5f5f5; width:50px; height:50px;display: flex;justify-content:center;align-items:center; color:#d6000f}
#header .right .lan .btn i{ font-size:20px;}
#header .right .lan .btn:hover{ background:#d6000f; color:#fff}
#header .right .lan .list{ position:absolute; right:0; top:50px; background:#fff; border:1px solid #eee; display:none; z-index:99;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.1);box-shadow:0 0 10px 0 rgba(0,0,0,.1)}
#header .right .lan .list a{ border-bottom:1px solid #eee; padding:8px 34px; display:block}
#header .right .search{display: flex;justify-content:space-between;align-items:center;}
#header .right .search i.open{ color:#d6000f; font-size:20px; cursor:pointer; background:#f0f0f0; width:50px; height:50px;display: flex;justify-content:center;align-items:center;}
#header .right .search i.open:hover{ background:#d6000f; color:#fff}

#header .searchbox{ position:absolute; left:0; top:0; width:100%; height:90px; background:#f3f3f3;display: flex;justify-content:center;align-items:center;transform:translatex(105%); z-index:999}
#header .searchbox .box{ width:400px; height:40px; display: flex;justify-content:center;align-items:center;}
#header .searchbox .key{ border:0;background:#fff; color:#d6000f; width:100%; line-height:40px;height:40px; text-indent:10px}
#header .searchbox .btn{ border:0; color:#fff; line-height:40px; padding:0 30px; background:#d6000f}
#header .searchbox .close{font-size:16px; color:#d6000f; border:1px solid #d6000f; width:30px; height:30px; text-align:center; line-height:30px;cursor:pointer; margin-left:50px; border-radius:100%}
#header .searchbox.open {transform:translatex(0%);}

#nav{ width:100%; background:#d6000f; position:relative}
#nav .wrap{ height:60px;}
#nav .list ul{display: flex;justify-content:space-between;align-items:start;}
#nav .list ul li{ position:relative}
#nav .list ul li h3{ line-height:60px; text-align:center;}
#nav .list ul li h3 a{ color:#fff; font-size:16px; display:block; position:relative; font-weight:normal}
#nav .list ul li h3 a:before{position:absolute;content:"";left:50%;bottom:10px;width:0%;height:3px;transform:translateX(-50%);background:#fff;transition:all .3s; opacity:0}
#nav .list ul li .sub{ display:none;position:absolute; left:-10px; top:60px; width:250px; background:rgba(0,0,0,.5); z-index:88}
#nav .list ul li .sub dl{ padding:5px 10px 20px}
#nav .list ul li .sub dl a{ display:block; color:#fff; line-height:36px; border-bottom:1px solid rgba(255,255,255,.2); font-size:15px}
#nav .list ul li .sub dl a:hover{ background:#d6000f; padding-left:10px}
#nav .list ul li a:hover:before{width:100%; opacity:1}
#nav .list ul li.currclass a:before{width:100%; opacity:1}
#nav .list ul li.on a:before{width:100%; opacity:1}
#nav .mhome{ display:none}
#nav .list ul li h3 .mdown{ display:none}

#banner{ width:100%}
#banner .focus{ position:relative}
#banner .focus .swiper-wrapper .swiper-slide img{ width:100%}
#banner .focus .swiper-slide{ position:relative}
#banner .focus .swiper-slide .textbox{ width:100%; height:100%; position: absolute; left:0; top:0;}
#banner .focus .swiper-slide .textbox .text{ height:100%;display: flex;justify-content:flex-end;align-items:center;}
#banner .focus .swiper-slide .textbox .text .box{ width:680px; background:rgba(0,0,0,.3); padding:40px}
#banner .focus .swiper-slide .textbox .text h2{ font-size:26px; color:#fff; font-weight:normal; line-height:36px}
#banner .focus .swiper-slide .textbox .text h2{word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}
#banner .focus .swiper-slide .textbox .text p{ font-size:16px; color:#fff; margin-top:20px; line-height:30px}
#banner .focus .swiper-slide .textbox .text p{word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical}
#banner .focus .swiper-slide .textbox .text a{ display:inline-block; background:#d6000f; color:#fff; margin-top:20px; padding:5px 40px}
#banner .focus .swiper-slide .textbox .text a:hover{background:#666;}
#banner .focus .swiper-slide .textbox .text i{ margin-left:10px}

.htitle{ text-align:center; }
.htitle h2{ font-size:40px; line-height:40px; font-weight:normal; position:relative; display:inline-block; padding-bottom:15px}
.htitle h2:before{position:absolute;content:"";left:0%;bottom:0px;width:100%;height:3px;background:#d6000f;}
.htitle p{ color:#888; margin-top:5px}
#about{ width:100%; padding:60px 0}
#about .list{display: flex;justify-content:space-between;align-items:center; margin-top:40px; }
#about .list .img{ width:48%}
#about .list .img img{ width:100%}
#about .list .content{ width:48%;}
#about .list .content .text{ font-size:14px; text-align: justify}
#about .list .content .text p{line-height:20px;padding-bottom:20px; text-indent:0em;}
#about .list .content .more{ margin-top:30px}
#about .list .content .more a{ display:inline-block; background:#d6000f; color:#fff; font-size:16px; padding:5px 30px; border-radius:6px}
#about .list .content .more a:hover{background:#666;}
#about .list .content .more i{ margin-left:10px}

#tjpro{ width:100%; background:#f8f8f8; padding:50px 0}
#tjpro .title{ text-align:center; font-size:40px}
#tjpro .list{ margin-top:40px}
#tjpro .list ul{display: flex;justify-content:flex-start;align-items:start;flex-wrap:wrap; gap:0 40px}
#tjpro .list ul li{ width:calc((100% - 80px) / 3);-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.3);box-shadow:0 0 20px 0 rgba(0,0,0,.1)}
#tjpro .list ul li .img{ overflow:hidden;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#tjpro .list ul li .img img{ width:100%}
#tjpro .list ul li .info{ background:#fff; padding:20px; height:150px; position:relative}
#tjpro .list ul li .info .t{  position:absolute; left:0; top:-22px; width:100%; line-height:44px;display: flex;justify-content:center;align-items:center;}
#tjpro .list ul li .info .t h2{ font-size:16px; font-weight: 500; background:#d6000f; color:#fff; width:60%; text-align:center; overflow:hidden}
#tjpro .list ul li .info .t h2{word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}
#tjpro .list ul li .info p{ margin-top:30px; font-size:14px; line-height:20px}
#tjpro .list ul li .info p{word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}
#tjpro .list ul li .info .more{ color:#d6000f; margin-top:10px}
#tjpro .list ul li .info .more i{ margin-left:10px}

#yyly{ width:100%; padding:50px 0}
#yyly .list{ margin-top:40px}
#yyly .list ul{display: flex;justify-content:space-between;align-items:center;}
#yyly .list ul li{ background:#eee; width:25%; text-align:center; padding:100px 0; border-right:1px solid #fff}
#yyly .list ul li{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#yyly .list ul li a{ display:block; padding:0px 0;}
#yyly .list ul li:last-child{  border-right:0}
#yyly .list ul li .img img{ height:60px}
#yyly .list ul li p{ color:#d6000f; margin-top:10px}
#yyly .list ul li:hover{ background:#fff;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.1);box-shadow:0 0 20px 0 rgba(0,0,0,.1)}

#news{ width:100%; padding:50px 0; background:#f8f8f8}
#news .list{ margin-top:10px}
#news .list ul li{ float:left; width:48.5%; margin-top:30px;background:#fff;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.1);box-shadow:0 0 20px 0 rgba(0,0,0,.1)}
#news .list ul li:nth-child(2n){ float:right}
#news .list ul li a{ display: flex;justify-content:space-between;align-items:center;}
#news .list ul li .img{ width:230px; height:180px; overflow:hidden}
#news .list ul li .img img{width:100%;height:100%;object-fit:cover}
#news .list ul li .info{ width:calc(100% - 250px); padding-right:20px;}
#news .list ul li .info h2{ font-size:15px}
#news .list ul li .info h2{word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}
#news .list ul li .info p{ color:#999; line-height:24px}
#news .list ul li .info p{word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}
#news .list ul li .info time{ color:#999; font-size:12px}
#news .list ul li:hover{ background:#d6000f;-webkit-transform:translatey(-10px);-ms-transform:translatey(-10px);-o-transform:translatey(-10px);transform:translatey(-10px);}
#news .list ul li:hover .info h2,
#news .list ul li:hover .info p,
#news .list ul li:hover .info time{ color:#fff}

#contact{ width:100%; padding:50px 0;}
#contact .list{ margin-top:40px;display: flex;justify-content:space-between;align-items:center;}
#contact .list .map{ width:48%}
#contact .list .map img{width:100%;}
#contact .list .form{ width:48%}
#contact .list .form .item{ margin-bottom:15px}
#contact .list .form .text{  width:100%; border:1px solid #ddd; line-height:40px;height:40px; text-indent:10px; border-radius:4px}
#contact .list .form .text:focus{ border:1px solid #d6000f;-webkit-box-shadow:0 0 10px 0 rgba(214,0,15,.3);box-shadow:0 0 10px 0 rgba(214,0,15,.3)}
#contact .list .form .textarea{  width:100%; border:1px solid #ddd; line-height:40px; height:100px; text-indent:10px; border-radius:4px}
#contact .list .form .textarea:focus{ border:1px solid #d6000f;-webkit-box-shadow:0 0 10px 0 rgba(214,0,15,.3);box-shadow:0 0 10px 0 rgba(214,0,15,.3)}
#contact .list .form  .button{ margin-top:10px}
#contact .list .form  .btn{ border:0; display:inline-block; background:#d6000f; color:#fff; font-size:16px; padding:10px 50px; border-radius:6px; cursor:pointer}
#contact .list .form  .btn:hover{background:#666;}

#footer{ width:100%; background:#d6000f; padding:30px 0; font-size:14px; line-height:20px;}
#footer p{ color:#fff; text-align:center;}
#footer p a{ color:#fff}
#footer p i{ margin:0 8px}

@media (max-width:900px){
	body,html{ font-size:.22rem; line-height:.34rem}
	#header{ width:100%; padding:0 .25rem; position:relative}
	#header .wrap{ height:.9rem;display: flex;justify-content:space-between;align-items:center}
	#header .logo .pc{ display:none}
	#header .logo .m{ display: block}
	#header .logo img{ height:.36rem}
	#header .right .lan{position:relative;}
	#header .right .lan .btn{width:.5rem; height:.5rem;}
	#header .right .lan .btn i{ font-size:.22rem;}
	#header .right .lan .list{ top:.5rem;}
	#header .right .lan .list a{padding:.1rem .3rem}
	#header .right .search i.open{ font-size:.22rem; width:.5rem; height:.5rem;}	
	#header .searchbox{top:.9rem; height: auto; display:block; text-align:center; padding:.5rem .25rem}
	#header .searchbox .box{height:.5.5rem; width:100%}
	#header .searchbox .key{line-height:.7rem; font-size:.22rem; width:calc(100% - 1.5rem); border-radius:0}
	#header .searchbox .btn{ line-height:.7rem; width:1rem; text-align:center; padding:0; font-size:.22rem; border-radius:0}
	#header .searchbox .close{font-size:.22rem;  width:.4rem; height:.4rem;line-height:.4rem;cursor:pointer; margin-left:0; margin-top:.5rem; border-radius:100%;}
	#header .searchbox.open {transform:translatex(0%);}
	
	#nav{ width:100%; padding:0 .25rem; background:#d6000f}
	#nav .wrap{ height:.6rem;display: flex;justify-content:space-between;align-items:center;}
	#nav .mhome{ display: block}
	#nav .mhome a{ color:#fff}
	#nav .mnav{position:relative;display:block;width:.34rem; height:.33rem;cursor:pointer; margin-left:.1rem}
	#nav .mnav span{position:absolute;display:block;width:.34rem;height:.03rem;background:#fff;transition:all .5s;}
	#nav .mnav .s1{top:.05rem;}
	#nav .mnav .s2{top:.15rem;width:.26rem;}
	#nav .mnav .s3{top:.25rem;}
	#nav .mnav.isopen .s1{top:.15rem;transform:rotate(45deg);}
	#nav .mnav.isopen .s2{width:0;opacity:0;}
	#nav .mnav.isopen .s3{top:.15rem;transform:rotate(-45deg);}
	#nav .list{position: absolute;background:#fff;height: auto; min-height:100vh;width:100%;top:.6rem;z-index:105;padding:.1rem .25rem 0;transform:translatex(105%);left:0;}
	#nav .list ul{ display:block}
	#nav .list ul li{padding:0;display: block;float: inherit;margin-right:0;margin-left:0; height:inherit}
	#nav .list ul li:first-child{ display:none}
	#nav .list ul li h3{ line-height:.7rem; height:.7rem; font-weight:normal;border-bottom:1px solid #eee;; text-align:left;}
	#nav .list ul li h3 a{font-size:.24rem;line-height:.7rem;position:relative; padding:0; color:#333}
	#nav .list ul li:hover{ background: none;}
	#nav .list ul li:hover h3 i{-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}
	#nav .list ul li.curr h3 a{ background:none; color:inherit}
	#nav .list ul li.on h3 a{ color:#d6000f;}	
	#nav .list ul li .sub{ display:block; position: inherit; left:auto; top: auto; width:auto; margin:0; z-index:100; padding-left:.2rem; background:#fff}
	#nav .list ul li .sub dl{ padding:0;}
	#nav .list ul li .sub dl a{ line-height:.7rem;; margin:0; border-bottom:1px solid #eee; color:#333}
	#nav .list ul li .sub dl a:first-child{ padding-top:0}
	#nav .list ul li .sub dl a:last-child{ padding-bottom:0}
	#nav .list ul li .sub dl a{ display:block; padding-left:0; border-left:0; font-size:.24rem; text-align: left;color:#68747f;}
	#nav .list ul li .sub dl a:hover{ background:#fff}
	#nav .list.isopen{transform:translatex(0);}
	
	#banner .focus .swiper-slide .textbox{ width:100%; height:100%; position: inherit; left:0; top:0;}
	#banner .focus .swiper-slide .textbox .text{ height:100%;display: none;justify-content:flex-start;align-items:center;}
	#banner .focus .swiper-slide .textbox .text .box{ width:100%; background:rgba(0,0,0,.2); padding:.25rem .25rem .7rem}
	#banner .focus .swiper-slide .textbox .text h2{ font-size:.26rem;  line-height:.34rem; overflow:hidden; font-weight:700}
	#banner .focus .swiper-slide .textbox .text h2{word-wrap:break-word;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}
	#banner .focus .swiper-slide .textbox .text p{ font-size:.22rem; margin-top:.1rem; line-height:.3rem; min-height:.6rem; overflow:hidden}
	#banner .focus .swiper-slide .textbox .text p{word-wrap:break-word;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}
	#banner .focus .swiper-slide .textbox .text a{  margin-top:.1rem; padding:.06rem .4rem; display:inline-block}
	#banner .focus .swiper-slide .textbox .text i{ margin-left:.1rem}
	#banner .focus .swiper-button-next,
	#banner .focus .swiper-button-prev{ display:none}
	
	.htitle h2{ font-size:.36rem; line-height:.36rem; font-weight:700; padding-bottom:.15rem}
	.htitle h2:before{position:absolute;content:"";left:0%;bottom:0px;width:100%;height:3px;background:#d6000f;}
	.htitle p{ color:#888; margin-top:.1rem}
	.htitle em{ width:.6rem; height:.03rem; margin:.15rem auto 0}
	#about{ width:100%; padding:.6rem .25rem}
	#about .list{display: block; margin-top:.4rem; }
	#about .list .img{ width:100%}
	#about .list .img img{ width:100%}
	#about .list .content{ width:100%; margin-top:.3rem;}
	#about .list .content .text{font-family: "Microsoft YaHei"; font-size:.2rem; line-height:.3rem}
	#about .list .content .more{ margin-top:.3rem}
	#about .list .content .more a{ font-size:.22rem; padding:.15rem .4rem; ; border-radius:.04rem}
	#about .list .content .more i{ margin-left:.1rem}

	#tjpro{ padding:.5rem .25rem}
	#tjpro .title{font-size:.4rem; line-height:.2rem}
	#tjpro .list{ margin-top:.4rem}
	#tjpro .list ul{display: block;}
	#tjpro .list ul li{ width:100%;-webkit-box-shadow:0 0 .2rem 0 rgba(0,0,0,.3);box-shadow:0 0 .2rem 0 rgba(0,0,0,.1); margin-top:.25rem}
	#tjpro .list ul li .info{ background:#fff; padding:.25rem; height: auto;}
	#tjpro .list ul li .info .t{top:-.3rem;line-height:.6rem}
	#tjpro .list ul li .info .t h2{ font-size:.23rem; padding:0 .1rem;height:.6rem}
	#tjpro .list ul li .info p{ margin-top:.3rem; font-size:.2rem; line-height:.28rem; text-align: justify}
	#tjpro .list ul li .info .more{ color:#d6000f; margin-top:.2rem}
	#tjpro .list ul li .info .more i{ margin-left:.1rem}
	
	#yyly{padding:.5rem .25rem}
	#yyly .list{ margin-top:.4rem}
	#yyly .list ul{flex-wrap:wrap;}
	#yyly .list ul li{  padding:0.8rem 0;width:50%; border-bottom:1px solid #fff}
	#yyly .list ul li .img img{ height:.8rem}
	#yyly .list ul li p{margin-top:.2rem}
	#news{ padding:.5rem .25rem;}
	#news .list{ margin-top:.1rem}
	#news .list ul li{ float: inherit; width:100%; margin-top:.3rem;}
	#news .list ul li:nth-child(2n){ float:inherit}
	#news .list ul li .img{ width:2rem; height:1.8rem; }
	#news .list ul li .info{ width:calc(100% - 2.3rem); padding-right:.2rem;}
	#news .list ul li .info h2{ font-size:.24rem; font-weight:normal;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}
	#news .list ul li .info p{ display:none}
	#news .list ul li .info time{font-size:.2rem}
	
	#contact{ width:100%; padding:.5rem .25rem;}
	#contact .list{ margin-top:.4rem;display: block;}
	#contact .list .map{ width:100%}
	#contact .list .map iframe{ height:4rem;}
	#contact .list .form{ width:100%; margin-top:.4rem}
	#contact .list .form .item{ margin-bottom:.2rem}
	#contact .list .form .text{ line-height:.6rem; font-size:.22rem; border-radius:.04rem;}
	#contact .list .form .textarea{ line-height:.34rem; height:1rem;; font-size:.22rem; border-radius:.04rem;}
	#contact .list .form  .button{ margin-top:.1rem}
	#contact .list .form  .btn{ display:block; font-size:.22rem; padding:.15rem 0; border-radius:.04rem;; width:100%}
	
	#footer{ padding:.3rem 0}
	#footer p{ font-size:.16rem; line-height:.24rem}
	#footer p i{ margin:0; display:block}
}

#nbanner{ width:100%; background-position:center center; background-repeat:no-repeat; background-size:cover}
#nbanner .wrap{ height:300px;display: flex;justify-content:flex-start;align-items:flex-end;}
#nbanner .wz{color:#fff}
#nbanner .wz a{ color:#fff;}
#nbanner .wz i{ margin:0 10px}
#clist{ width:100%; border-bottom:1px solid #eee; text-align:center}
#clist a{ margin:0 10px; font-size:16px; position:relative; display: inline-block; line-height:60px}
#clist a:before{position:absolute;content:"";left:50%;bottom:0px;width:0%;height:3px;transform:translateX(-50%);background:#d6000f;;transition:all .3s; opacity:0}
#clist a.currclass:before{width:100%; opacity:1}
#clist a:hover:before{width:100%; opacity:1}

#nmain{ width:100%; padding:20px 0}
#nmain .stitle{ border-bottom:1px solid #eee; padding-bottom:10px; font-size:24px}
#nmain .nabout{display: flex;justify-content:space-between;align-items:start;}
#nmain .nabout .text{ width:50%; line-height:15px; font-size:14px; text-align: justify}
#nmain .nabout .text p{ line-height:20px;padding-bottom:20px; text-indent:0em}
#nmain .nabout .img{ width:40%}
#nmain .nabout .img img{ width:100%}
#nmain .honnr{ border-top:1px solid #eee; margin-top:30px; padding-top:30px}
#nmain .honnr .swiper-wrapper{display: flex;justify-content:space-between;align-items:center}
#nmain .honnr .swiper-wrapper .swiper-slide img{ width:100%}
#nmain .classinfo{display: flex;justify-content:space-between;align-items:center; background:#f8f8f8}
#nmain .classinfo .img{ width:30%}
#nmain .classinfo .img img{ width:100%}
#nmain .classinfo .info{ width:65%; padding-right:5%}
#nmain .classinfo .info h2{ font-size:20px;}
#nmain .classinfo .info p{ font-size:14px; line-height:19px; text-align: justify; margin-top:10px}

#nmain .prolist{ border-top:1px solid #eee; margin-top:40px; padding:40px 0 40px}
#nmain .prolist.no{ border-top:0; margin-top:40; padding:0 0 40px}
#nmain .prolist ul{display: flex;justify-content:flex-start;align-items:start;gap:40px 30px;flex-wrap:wrap}
#nmain .prolist ul li{ width:calc((100% - 90px) / 4);    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.1);    box-shadow: 0 0 20px 0 rgba(0,0,0,.1);}
#nmain .prolist ul li .img{ overflow:hidden}
#nmain .prolist ul li .img img{ width:100%}
#nmain .prolist ul li .info{ padding:20px}
#nmain .prolist ul li .info .t{ font-size:16px; font-weight:600}
#nmain .prolist ul li .info .t{word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}
#nmain .prolist ul li .info p{ line-height:24px; height:48px; overflow: hidden; margin-top:10px}
#nmain .prolist ul li .info p{word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}
#nmain .prolist ul li .info .more{ color:#d6000f; margin-top:10px}
#nmain .prolist ul li .info .more i{ margin-left:10px}

#nmain .procontent h1{ font-size:24px; padding:30px 0; text-align:center}
#nmain .procontent .info{ color:#999; text-align:center}
#nmain .procontent .info span{ margin:0 10px}
#nmain .procontent .content{ border-top:1px solid #eee; padding-top:30px; line-height:1.6!important; font-size:14px!important}
#nmain .procontent .content img{ max-width:70%}
#nmain .procontent .content p{ padding-bottom:10px}
#nmain .procontent .uppage{ border-top:1px solid #eee; padding-top:20px; margin-top:20px}
#nmain .procontent table{ width:70% !important; margin:0 auto !important}

#nmain .newslist ul li{ padding:20px 0; border-bottom:1px solid #eee}
#nmain .newslist ul li a{display: flex;justify-content:space-between;align-items:center;}
#nmain .newslist ul li .img{ width:20%; height:180px; overflow:hidden}
#nmain .newslist ul li .img img{ width:100%;height:100%;object-fit:cover}
#nmain .newslist ul li .info{ width:75%}
#nmain .newslist ul li .info .t{ font-size:16px; font-weight:700}
#nmain .newslist ul li p{ margin-top:10px; line-height:24px; color:#999}
#nmain .newslist ul li .info p{word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical}
#nmain .newslist ul li .info .more{ color:#d6000f; margin-top:10px}
#nmain .newslist ul li .info .more i{ margin-left:10px}

#nmain .albumlist{padding:20px 0 40px}
#nmain .albumlist ul{display: flex;justify-content:flex-start;align-items:start;gap:40px 30px;flex-wrap:wrap}
#nmain .albumlist ul li{ width:calc((100% - 90px) / 4);}
#nmain .albumlist ul li .img{ overflow:hidden}
#nmain .albumlist ul li .img img{ width:100%}
#nmain .albumlist ul li p{ font-size:16px; margin-top:10px; text-align:center}

#nmain .contact{}
#nmain .contact .content{ width:100%;font-size:16px; line-height:30px}
#nmain .contact .content strong{ font-size:20px; margin-bottom:10px; display:block}
#nmain .contact .content i{ width:30px; color:#d6000f; text-align:center}
#nmain .contact .map{ width:100%; margin-top:30px}
#nmain .contact .map img{width:100%;}

#nmain .guest{ padding:0 10%}
#nmain .guest .box{display: flex;justify-content:space-between;align-items:start;}
#nmain .guest .box .item{ width:48%; margin-top:30px}
#nmain .guest .box .item label{ font-size:16px}
#nmain .guest .box .item .text{ width:100%; border:1px solid #ddd; line-height:30px; padding:5px 0; text-indent:10px; border-radius:0; margin-top:10px}
#nmain .guest .box .item .text:focus{ border:1px solid #d6000f;-webkit-box-shadow:0 0 10px 0 rgba(214,0,15,.3);box-shadow:0 0 10px 0 rgba(214,0,15,.3)}
#nmain .guest .item_textarea{margin-top:30px}
#nmain .guest .item_textarea label{ font-size:16px}
#nmain .guest .item_textarea .textarea{ width:100%; border:1px solid #ddd; padding:10px;  height:160px; margin-top:10px}
#nmain .guest .item_textarea .textarea:focus{ border:1px solid #d6000f;-webkit-box-shadow:0 0 10px 0 rgba(214,0,15,.3);box-shadow:0 0 10px 0 rgba(214,0,15,.3)}
#nmain .guest .button{ margin-top:40px; text-align:center}
#nmain .guest .button .btn{ margin-top:10px; background:#d6000f; color:#fff; display:inline-block; border:0; padding:15px 40px}
#nmain .guest .button .btn:hover{background:#666;}

#fenye{padding:70px 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:#d6000f;border:1px solid #d6000f}
#fenye a:hover{background:#d6000f;color:#fff;border:1px solid #d6000f}
#fenye span{margin:0 2px;color:#5a5a5a;text-decoration:none;padding:10px 15px;border:1px solid #eee;background:#FFF}

@media (max-width:900px){
	body,html{ font-size:.2rem; line-height:.24rem}
	#nbanner{ width:100%; background-position:center center; background-repeat:no-repeat; background-size:cover}
	#nbanner .wrap{ height:3rem;display: flex;justify-content:flex-start;align-items:flex-end;}
	#nbanner .wz{color:#fff; padding:.25rem; font-size:.2rem}
	#nbanner .wz i{ margin:0 .1rem}

	#clist{ padding:.2rem 0}
	#clist a{ margin:0 .1rem; font-size:.22rem; position:relative; display: inline-block; line-height:.5rem}

	#nmain{ width:100%; padding:.5rem 0}
		
	#nmain .nabout{display: block;padding:0 .25rem;}
	#nmain .nabout .text{ width:100%; line-height:1.4; font-size:.2rem}
	#nmain .nabout .text p{ text-indent:0em}
	#nmain .nabout .img{ width:100%; margin-top:.3rem}
	#nmain .nabout .img img{ width:100%}
	#nmain .honnr{margin-top:.3rem; padding:.3rem .25rem}

	#nmain .classinfo{display: block; padding:0 .25rem; background:#fff}
	#nmain .classinfo .img{ width:100%}
	#nmain .classinfo .img img{ width:100%}
	#nmain .classinfo .info{ width:100%; padding-right:0; margin-top:.4rem}
	#nmain .classinfo .info h2{ font-size:.26rem;}
	#nmain .classinfo .info p{ font-size:.18rem;line-height:0.25rem; margin-top:.1rem}

	#nmain .prolist{ margin-top:.4rem; padding:.4rem .25rem .8rem}
	#nmain .prolist.no{ margin-top:0; padding:0 .25rem .8rem}
	#nmain .prolist ul{gap:.3rem .25rem;}
	#nmain .prolist ul li{ width:calc((100% - .25rem) / 2); }
	#nmain .prolist ul li .img{ overflow:hidden}
	#nmain .prolist ul li .img img{ width:100%}
	#nmain .prolist ul li .info{ padding-top:0.2rem; padding-left:0rem;padding-right:0rem; padding-bottom:0rem}
	#nmain .prolist ul li .info .t{ font-size:.18rem;}
	#nmain .prolist ul li .info p{ font-size:.21rem; line-height:.3rem; height: auto; overflow: hidden; margin-top:.2rem}
	#nmain .prolist ul li .info p{word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}
	#nmain .prolist ul li .info .more{ color:#d6000f; margin-top:.2rem; font-size:.2rem}
	#nmain .prolist ul li .info .more i{ margin-left:.1rem}
	
	#nmain .procontent{ padding:0 .25rem;}
	#nmain .procontent h1{ font-size:.3rem; padding:0 0 .3rem; text-align:justify;line-height:.4rem}
	#nmain .procontent .info span{ margin:0 .1rem; font-size:.2rem}
	#nmain .procontent .content{ padding-top:.3rem; line-height:1.8!important; font-size:.24rem!important}
	#nmain .procontent .content img{ max-width:100%}
	#nmain .procontent .content p{ padding-bottom:.1rem;text-indent:0 !important}
	#nmain .procontent .uppage{ padding-top:.2rem; margin-top:.2rem}
	#nmain .procontent table{ width:100% !important; margin:0 auto !important}

	#nmain .newslist{ padding:0 .25rem;}
	#nmain .newslist ul li{ padding:.2rem 0;}
	#nmain .newslist ul li .img{ width:2rem; height:1.8rem;}
	#nmain .newslist ul li .info{width:calc(100% - 2.3rem)}
	#nmain .newslist ul li .info .t{ font-size:.24rem; font-weight: normal;}
	#nmain .newslist ul li .info .t{word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical}
	#nmain .newslist ul li .info p{ display:none}
	#nmain .newslist ul li .info .more{ margin-top:.1rem; font-size:.2rem}
	#nmain .newslist ul li .info .more i{ margin-left:.1rem}
	
	#nmain .albumlist{padding:0 .25rem .4rem}
	#nmain .albumlist ul{display: flex;justify-content:flex-start;align-items:start;gap:.25rem;flex-wrap:wrap}
	#nmain .albumlist ul li{ width:calc((100% - .25rem) / 2);}
	#nmain .albumlist ul li .img{ overflow:hidden}
	#nmain .albumlist ul li .img img{ width:100%}
	#nmain .albumlist ul li p{ font-size:16px; margin-top:10px; text-align:center}

	#nmain .contact{ padding:0 .25rem}
	#nmain .contact .content{ width:100%;font-size:.18rem; line-height:.3rem}
	#nmain .contact .content strong{ font-size:.3rem; margin-bottom:.2rem; display:block}
	#nmain .contact .content i{ width:.35rem; color:#d6000f}
	#nmain .contact .map{ width:100%; margin-top:.4rem}
	#nmain .contact .map img{width:100%;}
	
	#nmain .guest{ padding:0 .25rem}
	#nmain .guest .box{display: block;}
	#nmain .guest .box .item{ width:100%; margin-top:.2rem}
	#nmain .guest .box .item label{ font-size:.22rem}
	#nmain .guest .box .item .text{ line-height:.6rem; padding:0; text-indent:.1rem;margin-top:.1rem}
	#nmain .guest .item_textarea{margin-top:.3rem}
	#nmain .guest .item_textarea label{ font-size:.22rem}
	#nmain .guest .item_textarea .textarea{ padding:.1rem;  height:1.5rem; margin-top:.1rem}
	#nmain .guest .button{ margin-top:.4rem; text-align:center}
	#nmain .guest .button .btn{ margin-top:.1rem; width:100%; padding:.2rem 0; font-size:.22rem}

	#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}
}