/*************************************************************************/
/*全局样式开始*/
/*************************************************************************/
@charset "utf-8";
*{margin:0;padding:0;outline:0;}
body,html{overflow-x:hidden;color:#333;font:14px/30px "微软雅黑","Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, 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:"微软雅黑","Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, 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:#333;text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
a:hover{color:#c21819;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:1920px;width:100%; padding:0 10%}
.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;
}

#header{ width:100%; border-top:#c21819 5px solid;}
#header .wrap{display: flex;justify-content:space-between ;align-items:center;}
#header .logo{ padding:10px 0; height:110px;}
#header .logo img{ height:100%}
#header .right{display: flex;justify-content:space-between ;align-items:center;}
#header .right .nav ul{display: flex;justify-content:space-between ;align-items:center;}
#header .right .nav ul li{line-height:40px;}
#header .right .nav ul li a{ font-size:16px; padding:0 20px; font-weight:700; position: relative; display:block}
#header .right .nav ul li:hover a,
#header .right .nav ul li.active a{ color:#c21819}
#header .right .nav ul li a::after{width:0%;height:3px;position:absolute;left:50%;bottom:0;content:'';background:#c21819;-webkit-transition:all .5s;border-radius:3px}
#header .right .nav ul li:hover a::after,
#header .right .nav ul li.active a::after{width:40%;left:30%}
#header .right .tel{ border-left:1px solid #eee; padding-left:50px; margin-left:50px;display: flex;justify-content:space-between ;align-items:center; height:110px;}
#header .right .tel .icon{ width:42px; height:42px; color:#fff; background:#c21819; border-radius:46px;display: flex;justify-content:center ;align-items:center}
#header .right .tel .icon i{ font-size:20px}
#header .right .tel .text{ margin-left:20px}
#header .right .tel .text p{ font-size:14px; font-weight:700; line-height:14px; color:#999}
#header .right .tel .text h2{ font-size:26px; font-family:"din"; line-height:30px; font-weight:normal}

#about{ width:100%; padding:50px 0}
#about .wrap{display: flex;justify-content:space-between ;align-items:center;}
#about .content{ width:48%}
#about .content .title{display: flex;justify-content:flex-start ;align-items:flex-end;}
#about .content .title img{ height:60px}
#about .content .title span{ font-size:30px; font-weight:700; margin-left:10px; color:#c21819; line-height:40px; letter-spacing:3px}
#about .content .text{ margin-top:40px}
#about .content .text h2{ color:#c21819; font-size:16px}
#about .content .text .textbox{ margin-top:20px; font-size:16px; line-height:1.8}
#about .content .count{ margin-top:80px;display: flex;justify-content:space-between ;align-items:center;}
#about .content .count .item{ width:20%; border-right:1px solid #eee; margin-right:5%}
#about .content .count .item:last-child{ border-right:0}
#about .content .count .item span{ display:block;display: flex;;align-items:flex-start;}
#about .content .count .item span i{ font-size:44px; font-family:"quicksand"; color:#c21819}
#about .content .count .item span sup{ font-size:14px; font-weight:700; line-height:20px; margin-left:10px}
#about .content .count .item em{ display:block; font-size:16px; margin-top:10px} 
#about .video{ width:48%}
#about .video .img{ overflow:hidden}
#about .video .img img{ width:100%}

#banner .focus{ position:relative}
#banner .focus .swiper-slide img{ width:100%}

.stitle{ text-align:center}
.stitle .img img{ height:50px;}
.stitle h2{font-size:34px; font-weight:700; margin-top:20px; letter-spacing:3px; background:url(../images/stitle_bg.png) no-repeat center center}
.stitle.w h2{ color:#fff; background:url(../images/stitle_bgw.png) no-repeat center center}
.stitle p{ font-size:16px; color:#666; margin-top:10px}

#join{ width:100%; padding:50px 0; background:url(../images/bg_join.jpg) no-repeat center center; background-size:cover}
#join .list{ margin-top:50px;}
#join .list ul{display: flex;justify-content:space-between ;align-items:center;gap:0 20px}
#join .list ul li{ width:calc((100% - 80px) / 3); overflow:hidden}
#join .list ul li .img{ overflow:hidden}
#join .list ul li .img img{ width:100%;}
#join .list ul li .info{ padding:20px;background:#fff;}
#join .list ul li .info h2{ font-size:20px}
#join .list ul li .info p{ margin-top:10px; line-height:24px; height:96px; overflow:hidden;}
#join .text{ margin-top:50px; text-align: center}
#join .text h2{ font-size:30px; color:#fff;}
#join .text p{ font-size:20px; margin-top:20px; color:#fff}
#join .text a{display:inline-block; padding:10px 0; background:#c21819; color:#fff; font-size:18px; border-radius:50px; font-weight:700}
#join .text a{display: flex;justify-content:center ;align-items:center; width:200px; margin:30px auto 0}
#join .text a .icon{width:35px;height:35px;line-height:35px;text-align:center;font-size:14px;border-radius:50%;position:relative;-webkit-transition:all .35s}
#join .text a .icon::before{width:100%;height:100%;position:absolute;left:0%;top:0%;border-radius:50%;content:'';background:rgba(255,255,255,.3);-webkit-transform:scale(0);-webkit-transition:all .35s}
#join .text a:hover .icon{margin-left:20px}
#join .text a:hover .icon::before{-webkit-transform:scale(1)}

#caipin{ width:100%; padding:50px 0}
#caipin .list{ margin-top:50px; position:relative}
#caipin .list .swiper-slide .img{ overflow:hidden}
#caipin .list .swiper-slide .img img{width:100%;height:100%;object-fit:cover;}
#caipin .list .swiper-slide p{ background:#c21819; color:#fff; font-size:16px; text-align:center; line-height:50px}
#caipin .list .btn a{position:absolute;left:0px;top:50%;margin-top:-20px;z-index:99}
#caipin .list .btn a{width:40px;height:40px;display:inline-block;color:#0e357a;line-height:40px;border-radius:100%;text-align:center;font-size:40px}
#caipin .list .btn .t_next{right:0px;left:auto}
#caipin .list .btn .swiper-button-disabled{color:#999}

#dianmian{ width:100%; padding:50px 0; background:url(../images/bg_dianmian.jpg) no-repeat center center; background-size:cover}
#dianmian .list{ margin-top:50px}
#dianmian .list ul{display: flex;justify-content:space-between ;align-items:center;flex-wrap:wrap;gap:30px}
#dianmian .list ul li{ width:calc((100% - 30px) /2)}
#dianmian .list ul li .img{ overflow:hidden}
#dianmian .list ul li .img img{width:100%;height:100%;object-fit:cover;}

#team{ width:100%; padding:50px 0;}
#team .list{ margin-top:50px}
#team .list ul{display: flex;justify-content:space-between ;align-items:center;flex-wrap:wrap;gap:30px}
#team .list ul li{ width:calc((100% - 60px) /3)}
#team .list ul li .img{ overflow:hidden}
#team .list ul li .img img{width:100%;height:100%;object-fit:cover;}
#team .list ul li p{ background:#c21819; color:#fff; font-size:16px; text-align:center; line-height:50px}

#news{ width:100%; padding:50px 0; background:url(../images/bg_news.jpg) no-repeat center bottom; background-size:cover}
#news .list{ margin-top:50px}
#news .list ul{display: flex;justify-content:space-between ;align-items:center;flex-wrap:wrap;gap:30px}
#news .list ul li{ width:calc((100% - 60px) / 3)}
#news .list ul li .img{ height:300px; overflow:hidden}
#news .list ul li .img img{width:100%;height:100%;object-fit:cover;}
#news .list ul li .info{ background:#fff; padding:20px}
#news .list ul li .info h2{ font-size:18px; font-weight:700; margin-top:10px;}
#news .list ul li .info h2{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}
#news .list ul li .info p{ margin-top:10px; line-height:26px; color:#999;}
#news .list ul li .info p{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}
#news .list ul li .info time{ color:#999; margin-top:10px}

#jiameng{ width:100%; padding:100px 0; background:url(../images/bg_jiameng.jpg) no-repeat center center; background-size:cover}
#jiameng .form{ margin-top:80px}
#jiameng .form .box{display: flex;justify-content:center ;align-items:center;}
#jiameng .form .box .input{ width:25%; margin:0 20px;background:#fff; border-radius:6px;display: flex;justify-content:flex-start ;align-items:center; overflow:hidden}
#jiameng .form .box .input .icon{ width:50px; text-align:center}
#jiameng .form .box .input .icon i{ color:#c21819; font-size:20px}
#jiameng .form .box .input .text{ line-height:50px; width:calc(100% - 50px); border:0;font-size:16px}
#jiameng .form .button{ text-align:center}
#jiameng .form .button .btn{padding:10px 0;display: flex;justify-content:center ;align-items:center; width:200px; margin:40px auto 0; border:0;background:#c21819; color:#fff; font-size:18px; border-radius:50px; font-weight:700;}
#jiameng .form .button .btn .icon{width:35px;height:35px;line-height:35px;text-align:center;font-size:14px;border-radius:50%;position:relative;-webkit-transition:all .35s}
#jiameng .form .button .btn .icon::before{width:100%;height:100%;position:absolute;left:0%;top:0%;border-radius:50%;content:'';background:rgba(255,255,255,.3);-webkit-transform:scale(0);-webkit-transition:all .35s}
#jiameng .form .button .btn:hover .icon{margin-left:20px}
#jiameng .form .button .btn:hover .icon::before{-webkit-transform:scale(1)}

#footer{ background:#b91516; width:100%; padding:50px 0}
#footer .wrap{display: flex;justify-content:space-between ;align-items:center;}
#footer .left .logo img{ height:80px}
#footer .left .tel{ margin-top:20px; color:#fff}
#footer .left .tel p{ font-size:16px}
#footer .left .tel h2{ font-size:36px; font-family:"din"; margin-top:10px; letter-spacing:3px}
#footer .left .tel .add{ font-size:16px; margin-top:20px}
#footer .left .tel a{ color:#fff}
#footer .left .icon{ margin-top:30px;display: flex;justify-content:flex-start;}
#footer .left .icon a{ width:50px; height:50px; border-radius:50%; border:1px solid #fff;display: flex;justify-content:center;align-items:center; margin-right:20px}
#footer .left .icon a i{ font-size:28px; color:#fff}
#footer .right{display: flex;justify-content:flex-end ;align-items:center;}
#footer .right .item{ text-align:center; margin-left:20px}
#footer .right .item p{ font-size:16px; color:#fff}
#footer .right .item .img img{ width:120px}

#copyright{ background:#730302; width:100%; padding:10px 0; color:#fff; text-align:center}
#copyright a{ color:#fff;}
#copyright i{ margin: 0 10px}
#copyright span{opacity:.5}

#gotop{position:fixed;right:.2rem;bottom:1rem;z-index:900;display:none;width:.6rem;height:.6rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:rgba(27,27,27,.6);}
#gotop img{display:block;width:.6rem;height:.6rem;}

@media (max-width:1500px){
	.wrap{ padding:0 20px}
}
@media (max-width:1200px){
	#header .right .nav ul li a{ padding:0 10px;}
	#header .right .tel{padding-left:20px; margin-left:20px;}
}
@media (max-width:1000px){
	#header .right .tel{ display:none}
}
@media (max-width:800px){	
	body,html{ width:100%; font-size:.22rem; line-height:.34rem;overflow-x:hidden;}
	.wrap{padding:0}
	#header{padding:0 .2rem;border-top:#c21819 .05rem solid;position:relative}
	#header .wrap{ height:1rem}
	#header .logo{ padding:0 0; height: auto;}
	#header .logo img{ height:.8rem}
	#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:.03rem;background:#c21819;transition:all .5s;}
	#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 .right .tel{ display:flex;border-left:0; padding-left:0; margin-left:0; margin-right:.3rem;height:.9rem;}
	#header .right .tel .icon{ width:.4rem; height:.4rem;border-radius:.4rem;}
	#header .right .tel .icon i{ font-size:.2rem}
	#header .right .tel .text{ margin-left:.2rem}
	#header .right .tel .text p{ font-size:.2rem; line-height:.2rem;}
	#header .right .tel .text h2{ font-size:.26rem; line-height:.26rem}
	
	#header .right .nav{position: absolute;background:#fff;height: auto; min-height:100vh;width:100%;top:1rem;z-index:105;padding:.1rem .2rem 0;transform:translatex(105%);left:0; border-top:1px solid #eee}
	#header .right .nav ul{display: block;}
	#header .right .nav ul li{ width:100%; border-bottom:1px solid #eee; line-height:.8rem}
	#header .right .nav ul li a{display:block; text-align:left; padding:0; font-size:.24rem;display: flex;justify-content:space-between ;align-items:center;}
	#header .right .nav ul li a::after{ display:none}
	#header .right .nav ul li i{ display:block; color:#fff; opacity:.5; font-size:.2rem}	
	#header .right .nav.isopen{transform:translatex(0);}
	#about{ width:100%; padding:.5rem .2rem}
	#about .wrap{display: block; padding:0}
	#about .content{ width:100%}
	#about .content .title img{ height:.6rem}
	#about .content .title span{ font-size:.34rem; margin-left:.1rem; line-height:.44rem; letter-spacing:0}
	#about .content .text{ margin-top:.4rem}
	#about .content .text h2{font-size:.26rem}
	#about .content .text .textbox{ margin-top:.2rem; font-size:.22rem;}
	#about .content .count{ margin-top:.3rem;flex-wrap:wrap;}
	#about .content .count .item{ width:50%; border-right:0; margin-right:0; margin-top:.5rem; text-align:center}
	#about .content .count .item:last-child{ border-right:0}
	#about .content .count .item span{ display:block;display: flex;;align-items:flex-start;;justify-content:center;}
	#about .content .count .item span i{ font-size:44px; font-family:"quicksand"; color:#c21819}
	#about .content .count .item span sup{ font-size:14px; font-weight:700; line-height:20px; margin-left:10px}
	#about .content .count .item em{ display:block; font-size:16px; margin-top:10px} 
	#about .video{ width:100%; margin-top:.5rem}
	#about .video .img img{ width:100%}
	
	.stitle .img img{ height:.8rem;}
	.stitle h2{font-size:.34rem; margin-top:.2rem; letter-spacing:.03rem; background-size:70% auto}
	.stitle.w h2{background-size:70% auto}
	.stitle p{ font-size:.2rem; color:#666; margin-top:.1rem}
	
	#join{padding:.5rem .2rem; }
	#join .list{ margin-top:.5rem;}
	#join .list ul{display: block}
	#join .list ul li{ width:100%;margin-top:.2rem}
	#join .list ul li .info{ padding:.3rem;}
	#join .list ul li .info h2{ font-size:.24rem}
	#join .list ul li .info p{ margin-top:.1rem; line-height:.34rem; height:auto;}
	#join .text{ margin-top:.5rem;}
	#join .text h2{ font-size:.32rem;}
	#join .text p{ font-size:.22rem; margin-top:.2rem}
	#join .text a{padding:.1rem 0; font-size:.24rem;}
	
	#caipin{padding:.5rem .2rem}
	#caipin .list{ margin-top:.5rem; }
	#caipin .list .swiper-slide p{ font-size:.22rem;line-height:.7rem}
	
	
	#dianmian{padding:.5rem .2rem; }
	#dianmian .list{ margin-top:.5rem}
	#dianmian .list ul{gap:.2rem}
	#dianmian .list ul li{ width:100%}
	
	#team{ padding:.5rem .2rem;}
	#team .list{ margin-top:.5rem}
	#team .list ul{gap:.2rem 0}
	#team .list ul li{ width:100%;}
	#team .list ul li p{ font-size:.22rem; line-height:.6rem}
	
	#news{padding:.5rem .2rem;}
	#news .list{ margin-top:.5rem}
	#news .list ul{gap:.2rem 0}
	#news .list ul li{ width:100%;}
	#news .list ul li .img{ height:4rem}
	#news .list ul li .info{padding:.2rem}
	#news .list ul li .info h2{ font-size:.24rem;margin-top:.1rem;}
	#news .list ul li .info p{ margin-top:.1rem; line-height:.34rem; font-size:.2rem;}
	#news .list ul li .info time{ font-size:.2rem}
	
	#jiameng{ padding:1rem .2rem; }
	#jiameng .form{ margin-top:.5rem}
	#jiameng .form .box{ display:block}
	#jiameng .form .box .input{ width:100%; margin:.2rem 0;}
	#jiameng .form .box .input .icon{ width:.8rem;}
	#jiameng .form .box .input .icon i{ font-size:.24rem}
	#jiameng .form .box .input .text{ line-height:.8rem; width:calc(100% - .8rem); border:0;font-size:.22rem}
	#jiameng .form .button{ text-align:center}
	#jiameng .form .button .btn{padding:.1rem 0;align-items:center; width:100%; margin:.2rem auto 0; ont-size:.24rem; border-radius:.06rem;}
	
	#footer{padding:.5rem .2rem}
	#footer .wrap{ display:block}
	#footer .left .logo{ text-align:center}
	#footer .left .logo img{ height:1rem}
	#footer .left .tel{ margin-top:.2rem; text-align: center}
	#footer .left .tel p{ font-size:.24rem}
	#footer .left .tel h2{ font-size:.44rem; margin-top:.1rem; letter-spacing:0}
	#footer .left .tel .add{ font-size:.24rem; margin-top:.2rem}
	#footer .left .tel a{ color:#fff}
	#footer .left .icon{ margin-top:.3rem; text-align:center;display: flex;justify-content:center;}
	#footer .left .icon a{ width:.6rem; height:.6rem;margin:0 .1rem}
	#footer .left .icon a i{ font-size:.26rem; color:#fff}
	#footer .right{display: none;}
	
	#copyright{ padding:.2rem 0; line-height:.34rem; font-size:.2rem}
	#copyright i{ margin: 0; display:block}
	#copyright span{display:none}
}

#nbanner{ width:100%}
#nbanner img{ width:100%}

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

#main{ width:100%}
#main .contact{ padding:50px 0}
#main .contact .view{ margin-top:50px;display: flex;justify-content:space-between ;align-items:flex-start; padding:0 10%}
#main .contact .view .item{ text-align:center; width:30%}
#main .contact .view .item .icon{background:#c21819; width:90px; height:90px; border-radius:50%;;display: flex;justify-content:center ;align-items:center; margin:0 auto}
#main .contact .view .item .icon i{ font-size:24px; color:#fff}
#main .contact .view .item .info{ margin-top:30px;}
#main .contact .view .item .info h2{ font-size:18px; color:#c21819}
#main .contact .view .item .info p{ font-size:18px; margin-top:20px}
#main .contact .view .item .info.dh p{ font-size:30px; font-family:"din"}
#main .contact .view .item .info.yx p{ font-size:22px; font-family:"quicksand"}
#map{ width:100%; margin-top:50px}
#map iframe{ width:100%; height:500px}

#main .news{ padding:20px 0 50px}
#main .news ul li{ padding:30px 0; border-bottom:1px solid #eee;}
#main .news ul li a{ display: flex;justify-content:space-between ;align-items:center; }
#main .news ul li .img{ width:320px; height:220px; border-radius:.06rem; overflow:hidden}
#main .news ul li .img img{width:100%;height:100%;object-fit:cover;}
#main .news ul li .info{ width:calc(100% - 370px)}
#main .news ul li .info h2{ font-size:18px; font-weight:700}
#main .news ul li .info time{ color:#999; margin-top:10px; display:block}
#main .news ul li .info p{ line-height:1.8; font-size:16px}

#main .content{ padding:20px 0}
#main .content h1{ font-size:28px; padding:50px 0 20px; text-align:center; font-weight:normal}
#main .content .info{ border-bottom:1px solid #eee; text-align:center; padding-bottom:10px}
#main .content .info span{ margin:0 10px; color:#999}
#main .content .mycontent{ padding:20px 0; line-height:1.9; font-size:16px}
#main .content .mycontent img{ max-width:600px}
#main .content .mycontent p{ padding-bottom:10px}
#main .content .updown{ border-top:1px solid #eee; padding:20px 0 0}
#main .content .updown p{ font-size:16px}

#main .caipin{ padding:50px 0}
#main .caipin ul{display: flex;justify-content:flex-start ;align-items:center;flex-wrap:wrap;gap:30px}
#main .caipin ul li{ width:calc((100% - 60px) / 3)}
#main .caipin ul li .img { overflow:hidden}
#main .caipin ul li .img img{ width:100%}
#main .caipin ul li p{ background:#c21819; color:#fff; font-size:16px; text-align:center; line-height:50px}

#main .shop{ padding:50px 0}
#main .shop ul{display: flex;justify-content:flex-start ;align-items:center;flex-wrap:wrap;gap:30px}
#main .shop ul li{ width:calc((100% - 60px) / 3)}
#main .shop ul li .img img{ width:100%}

#main .join .yx{ padding:50px 0;}
#main .join .yx .list{ margin-top:50px}
#main .join .yx .list ul{display: flex;justify-content:space-between ;align-items:flex-start;gap:0 10px;}
#main .join .yx .list ul li img{width:100%;height:100%;object-fit:cover;}
#main .join .yx .bimg{ display:none}
#main .join .td{ padding:50px 0;}
#main .join .td .list{ margin-top:50px; position:relative}
#main .join .td .list .img{ overflow:hidden}
#main .join .td .list .img img{width:100%;height:100%;object-fit:cover;}
#main .join .td .list .btn a{position:absolute;left:0px;top:50%;margin-top:-20px;z-index:99}
#main .join .td .list .btn a{width:40px;height:40px;display:inline-block;color:#0e357a;line-height:40px;border-radius:100%;text-align:center;font-size:40px}
#main .join .td .list .btn .t_next{right:0px;left:auto}
#main .join .td .list .btn .swiper-button-disabled{color:#999}
#main .join .zc{ padding:50px 0; background:#f5f5f5;}
#main .join .zc .list{ margin-top:50px}
#main .join .zc .list ul{display: flex;justify-content:space-between ;align-items:flex-start; flex-wrap:wrap;gap:20px 0}
#main .join .zc .list ul li{ width:calc(100% / 6); text-align:center;}
#main .join .zc .list ul li i{ width:100px; height:100px; border-radius:50%; background:#c21819; color:#fff; font-size:34px;display: flex;justify-content:center;align-items:center; margin:0 auto}
#main .join .zc .list ul li p{ margin-top:10px; font-size:16px}
#main .join .gylys{ padding:50px 0; background:#f5f5f5}
#main .join .gylys .info{ font-size:16px; padding:0 20%; text-align:center; margin-top:30px}
#main .join .gylys .list{ margin-top:30px}
#main .join .gylys .list ul{display: flex;justify-content:space-between ;align-items:flex-start;gap:0 20px;}
#main .join .gylys .list ul li .img{ overflow:hidden}
#main .join .gylys .list ul li img{width:100%;height:100%;object-fit:cover;}
#main .join .gylys .list ul li p{ display:none}
#main .join .jms{ padding:50px 0;}
#main .join .jms .list{ margin-top:30px; position:relative}
#main .join .jms .list .img{ overflow:hidden}
#main .join .jms .list .img img{ width:100%}
#main .join .jms .list .btn a{position:absolute;left:0px;top:50%;margin-top:-20px;z-index:99}
#main .join .jms .list .btn a{width:40px;height:40px;display:inline-block;color:#0e357a;line-height:40px;border-radius:100%;text-align:center;font-size:40px}
#main .join .jms .list .btn .t_next{right:0px;left:auto}
#main .join .jms .list .btn .swiper-button-disabled{color:#999}

#main .about .gy{ padding:50px 0}
#main .about .gy .list{ margin-top:50px;display: flex;justify-content:space-between ;align-items:center;}
#main .about .gy .list .view{ width:48%}
#main .about .gy .list .view .text h2{ color:#c21819; font-size:16px}
#main .about .gy .list .view .text .textbox{ margin-top:20px; font-size:16px; line-height:1.8}
#main .about .gy .list .view .count{ margin-top:80px;display: flex;justify-content:space-between ;align-items:center;}
#main .about .gy .list .view .count .item{ width:20%; border-right:1px solid #eee; margin-right:5%}
#main .about .gy .list .view .count .item:last-child{ border-right:0}
#main .about .gy .list .view .count .item span{ display:block;display: flex;;align-items:flex-start;}
#main .about .gy .list .view .count .item span i{ font-size:44px; font-family:"quicksand"; color:#c21819}
#main .about .gy .list .view .count .item span sup{ font-size:14px; font-weight:700; line-height:20px; margin-left:10px}
#main .about .gy .list .view .count .item em{ display:block; font-size:16px; margin-top:10px} 
#main .about .gy .list .video{ width:48%}
#main .about .gy .list .video .img{ overflow:hidden}
#main .about .gy .list .video .img img{ width:100%}
#main .about .td{ padding:50px 0; background:#f5f5f5}
#main .about .td .list{ margin-top:30px}
#main .about .td .list ul{display: flex;justify-content:space-between ;align-items:flex-start;gap:0 20px;}
#main .about .td .list ul li .img{ overflow:hidden}
#main .about .td .list ul li img{width:100%;height:100%;object-fit:cover;}
#main .about .td .list ul li p{ background:#c21819; color:#fff; font-size:16px; text-align:center; line-height:50px}
#main .about .wh{ padding:50px 0;}
#main .about .wh .list{ margin-top:30px;display: flex;justify-content:space-between ;align-items:center;}
#main .about .wh .list .text{ width:50%;display: flex;justify-content:space-between ;align-items:center; flex-wrap:wrap;gap:20px;}
#main .about .wh .list .text .item{ width:40%;}
#main .about .wh .list .text .item h2{ font-weight:700; color:#c21819; font-size:18px}
#main .about .wh .list .text .item p{ line-height:26px; margin-top:10px}
#main .about .wh .list .right{ width:30%}
#main .about .wh .list .right img{ width:100%}
#main .about .ygjs{ padding:50px 0; background:#f5f5f5}
#main .about .ygjs .list{ margin-top:50px; position:relative}
#main .about .ygjs .list .img{ overflow:hidden}
#main .about .ygjs .list .img img{width:100%;height:100%;object-fit:cover;}
#main .about .ygjs .list .btn a{position:absolute;left:0px;top:50%;margin-top:-20px;z-index:99}
#main .about .ygjs .list .btn a{width:40px;height:40px;display:inline-block;color:#0e357a;line-height:40px;border-radius:100%;text-align:center;font-size:40px}
#main .about .ygjs .list .btn .t_next{right:0px;left:auto}
#main .about .ygjs .list .btn .swiper-button-disabled{color:#999}
#main .about .qyry{ padding:50px 0;}
#main .about .qyry .list{ margin-top:50px; position:relative}
#main .about .qyry .list .img{ overflow:hidden}
#main .about .qyry .list .img img{width:100%;height:100%;object-fit:cover;}
#main .about .qyry .list .btn a{position:absolute;left:0px;top:50%;margin-top:-20px;z-index:99}
#main .about .qyry .list .btn a{width:40px;height:40px;display:inline-block;color:#0e357a;line-height:40px;border-radius:100%;text-align:center;font-size:40px}
#main .about .qyry .list .btn .t_next{right:0px;left:auto}
#main .about .qyry .list .btn .swiper-button-disabled{color:#999}
/* 视频 */
#video-container{width:100%;height:100%;position:fixed;top:0;z-index:600;background:rgba(0,0,0,.9);display:none;}
#video-container video{width:80%;margin:5% 10%;height:80%;}
#video-container .btn_close{position:absolute;right:20px;top:20px;}
#video-container .btn_close a{width:40px;height:40px;line-height:40px;text-align:center;border:1px solid #666;display:block;border-radius:100%;font-size:24px;color:#fff;}
#video-container .btn_close a{-webkit-animation:play 3s linear infinite;-moz-animation:play 3s linear infinite;animation:play 3s linear infinite;}

@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}
	
	#main{ width:100%}
	#main .contact{ padding:.5rem .2rem}
	#main .contact .view{ margin-top:0;display: block; padding:0}
	#main .contact .view .item{width:100%; margin-top:.5rem}
	#main .contact .view .item .icon{ width:1rem; height:1rem;}
	#main .contact .view .item .icon i{ font-size:.3rem;}
	#main .contact .view .item .info{ margin-top:.3rem;}
	#main .contact .view .item .info h2{ font-size:.24rem;}
	#main .contact .view .item .info p{ font-size:.22rem; margin-top:.2rem}
	#main .contact .view .item .info.dh p{ font-size:.3rem;}
	#main .contact .view .item .info.yx p{ font-size:.24rem}
	#map{ width:100%; margin-top:.5rem}
	#map iframe{ width:100%; height:4rem}
	
	#main .news{ padding:.2rem .2rem .5rem}
	#main .news ul li{ padding:.3rem 0;}
	#main .news ul li a{ display: block}
	#main .news ul li .img{ width:100%; height:3rem}
	#main .news ul li .img img{width:100%;height:100%;object-fit:cover;}
	#main .news ul li .info{ width:100%; margin-top:.2rem}
	#main .news ul li .info h2{ font-size:.24rem; font-weight: normal}
	#main .news ul li .info time{ margin-top:.1rem;}
	#main .news ul li .info p{ display:none}
	
	#main .content{ padding:0 .25rem}	
	#main .content h1{ font-size:.28rem; padding:.5rem 0 .2rem; text-align:center; font-weight:700}
	#main .content .info{padding-bottom:.1rem; font-size:.2rem}
	#main .content .info span{ margin:0 .1rem; display:none}
	#main .content .info span+span{ display: block}
	#main .content .info span+span+span{ display:none}
	#main .content .mycontent{ padding:.25rem 0; line-height:1.8; font-size:.24rem}
	#main .content .mycontent p{ padding-bottom:10px;}
	#main .content .mycontent img{ width:100%; max-width:100%}
	#main .content .updown{padding:.2rem 0 .5rem}
	#main .content .updown p{ font-size:.22rem}
	
	#main .caipin{ padding:.5rem .2rem}
	#main .caipin ul{display: flex;justify-content:flex-start ;align-items:center;flex-wrap:wrap;gap:.3rem}
	#main .caipin ul li{ width:100%}
	#main .caipin ul li p{ background:#c21819; color:#fff; font-size:.24rem; text-align:center; line-height:.6rem}
	
	#main .shop{ padding:.5rem .2rem}
	#main .shop ul{display: flex;justify-content:flex-start ;align-items:center;flex-wrap:wrap;gap:.3rem}
	#main .shop ul li{ width:100%}
	#main .shop ul li p{ background:#c21819; color:#fff; font-size:.24rem; text-align:center; line-height:.6rem}
	#main .join .yx{ padding:.5rem .2rem;}
	#main .join .yx .list{ margin-top:.3rem}
	#main .join .yx .list ul{gap:0 .1rem;}
	#main .join .yx .list ul li:last-child{ display:none}
	#main .join .yx .bimg{ display:block; margin-top:.1rem}
	#main .join .yx .bimg img{ width:100%;}
	#main .join .td{ padding:.5rem .2rem;}
	#main .join .td .list{ margin-top:.5rem; position:relative}
	#main .join .zc{ padding:.5rem .2rem;}
	#main .join .zc .list{ margin-top:.5rem}
	#main .join .zc .list ul{display: flex;justify-content:space-between ;align-items:flex-start; flex-wrap:wrap;gap:.4rem .2rem}
	#main .join .zc .list ul li{ width:calc((100% - .6rem) / 4); text-align:center;}
	#main .join .zc .list ul li i{ width:1rem; height:1rem; font-size:.3rem;}
	#main .join .zc .list ul li p{ margin-top:.2rem; font-size:.22rem}
	#main .join .gylys{ padding:.5rem .2rem; }
	#main .join .gylys .info{ font-size:.22rem; padding:0; margin-top:.3rem}
	#main .join .gylys .list{ margin-top:.1rem}
	#main .join .gylys .list ul{display: block}
	#main .join .gylys .list ul li{ margin-top:.2rem}
	#main .join .gylys .list ul li .img{ overflow:hidden}
	#main .join .gylys .list ul li p{ display:none}
	#main .join .jms{ padding:.5rem .2rem;}
	#main .join .jms .list{ margin-top:.3rem; }
	#main .join .jms .list .img img{ width:100%}
	
	#main .about .gy{ padding:.5rem .2rem}
	#main .about .gy .list{ margin-top:.5rem; display:block}
	#main .about .gy .list .view{ width:100%}
	#main .about .gy .list .view .text{ margin-top:.4rem}
	#main .about .gy .list .view .text h2{font-size:.26rem}
	#main .about .gy .list .view .text .textbox{ margin-top:.2rem; font-size:.22rem;}
	#main .about .gy .list .view .count{ margin-top:.3rem;flex-wrap:wrap;}
	#main .about .gy .list .view .count .item{ width:50%; border-right:0; margin-right:0; margin-top:.5rem; text-align:center}
	#main .about .gy .list .view .count .item:last-child{ border-right:0}
	#main .about .gy .list .view .count .item span{ display:block;display: flex;;align-items:flex-start;;justify-content:center;}
	#main .about .gy .list .view .count .item span i{ font-size:44px; font-family:"quicksand"; color:#c21819}
	#main .about .gy .list .view .count .item span sup{ font-size:14px; font-weight:700; line-height:20px; margin-left:10px}
	#main .about .gy .list .view .count .item em{ display:block; font-size:16px; margin-top:10px} 
	#main .about .gy .list .video{ width:100%; margin-top:.5rem}
	#main .about .gy .list .video .img img{ width:100%}
	#main .about .gy .list .video{ width:100%}
	#main .about .td{ padding:.5rem .2rem;}
	#main .about .td .list{ margin-top:.3rem}
	#main .about .td .list ul{display: block;}
	#main .about .td .list ul li{ margin-top:.2rem}
	#main .about .td .list ul li p{ font-size:.22rem; line-height:.6rem}
	#main .about .wh{ padding:.5rem .2rem;}
	#main .about .wh .list{ margin-top:.3rem;display: flex;justify-content:space-between ;align-items:center;}
	#main .about .wh .list .text{ width:100%;display: flex;justify-content:space-between ;align-items:center; flex-wrap:wrap;gap:0;}
	#main .about .wh .list .text .item{ width:100%; text-align:center; margin-top:.3rem}
	#main .about .wh .list .text .item h2{  font-size:.3rem}
	#main .about .wh .list .text .item p{ line-height:.34rem; margin-top:.1rem}
	#main .about .wh .list .right{ display:none}
	#main .about .wh .list .right img{ width:100%}
	#main .about .ygjs{ padding:.5rem .2rem; background:#f5f5f5}
	#main .about .ygjs .list{ margin-top:.5rem; position:relative}
	#main .about .ygjs .list .img{ overflow:hidden}
	#main .about .qyry{ padding:.5rem .2rem}
	#main .about .qyry .list{ margin-top:.5rem; position:relative}
	#main .about .qyry .list .img{ overflow:hidden}
	#main .about .qyry .list .img img{width:100%;height:100%;object-fit:cover;}
	/* 视频 */
	#video-container .btn_close{right:.2rem;top:.2rem;}
	#video-container .btn_close a{width:.4rem;height:.4rem;line-height:.4rem;font-size:.23rem;}
	#video-container video{width:100%;margin:5% 0%;}
}