/*************************************************************************/
/*全局样式开始*/
/*************************************************************************/
@charset "utf-8";
*{margin:0;padding:0;outline:0;}
body,html{overflow-x:hidden;color:#333;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:Microsoft Yahei,microsoft yahei,"微软雅黑",arial;-webkit-appearance:none;}
input:focus{outline:0;}
textarea{resize:none;}
h1,h2,h3,h4,h5,h6{font-style:normal;font-size:100%;}
abbr,em,i,li,ol,ul{list-style-type:none;font-style:normal;}
img{border:0;vertical-align:middle;}
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:#2172ba;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;
}

#header{ width:100%; padding:0 50px;height:90px;display: flex;justify-content:space-between ;align-items:center;}
#header .wrap{ }
#header .logo img{ height:60px}
#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{ margin-left:40px; position:relative}
#header .right .nav ul li h3 span{ color:#ddd; margin-left:5px}
#header .right .nav ul li h3 a{ font-size:18px; font-weight:normal; line-height:50px; display:block;position:relative;}
#header .right .nav ul li h3 a:before{position:absolute;content:"";left:50%;bottom:0px;width:0%;height:3px;transform:translateX(-50%);background:#2172ba;transition:all .3s; opacity:0}
#header .right .nav ul li h3 span{ display:none}
#header .right .nav ul li .sub{ display:none; position:absolute; left:50%; width:140px; margin-left:-70px; top:50px; background:rgba(33,114,186,.9); z-index:88; border-radius:4px}
#header .right .nav ul li .sub::before{position:absolute;top:-16px;left:50%; margin-left:-8px;content:''; border: 8px solid transparent;border-bottom-color:rgba(24,47,143,.9);}
#header .right .nav ul li .sub dl{ padding:10px}
#header .right .nav ul li .sub a{ display:block; text-align:center; color:#fff; padding:3px 0}
#header .right .nav ul li .sub a:hover{ background:#333}
#header .right .nav ul li:hover h3 a{color:#2172ba; font-weight:700}
#header .right .nav ul li:hover h3 a:before{width:calc(100% - 30px); min-width:20px; opacity:1; }
#header .right .nav ul li.currclass h3 a{color:#2172ba; font-weight:700}
#header .right .nav ul li.currclass h3 a:before{width:calc(100% - 30px); min-width:20px; opacity:1; }
#header .right .tel{ margin-left:80px; color:#2172ba}
#header .right .tel i{ font-size:20px}
#header .right .tel span{ font-size:22px; margin-left:10px; font-family:"quicksand"}
#header .right .mnav{ display:none}

#banner{ position:relative; overflow:hidden}
#banner .swiper-slide{ position:relative; height:600px}
#banner .swiper-slide img{width:100%;height:100%;object-fit:cover}
#banner .swiper-slide .text{ position:absolute; left:0; top:0; width:100%; height:100%;display: flex;;align-items:center;justify-content:center;}
#banner .swiper-slide .text .box{ text-align:center}
#banner .swiper-slide .text .box h3{ font-size:46px; color:#fff}
#banner .swiper-slide .text .box p{ font-size:28px; color:#fff; margin-top:30px; font-family:"quicksand"}

.htitle{ text-align:center}
.htitle .t{font-size:32px; letter-spacing:5px}
.htitle p{ text-transform:uppercase; font-size:12px; color:#999;}
.htitle em{ width:300px; margin:10px auto 0; border-bottom:1px solid #eee; display:block; position:relative;}
.htitle em:before{position:absolute;bottom:-3px;left:50%; margin-left:-25px;content:''; height:5px; width:50px; display:block; background:#2172ba; border-radius:4px}

#service{ width:100%; padding:50px 0; background:url(../images/cultrue.jpg) center center no-repeat; background-size:cover}
#service .list{ margin-top:30px;}
#service .list ul{display: flex;;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;}
#service .list ul li{ width:calc((100% - 90px) / 4); text-align:center; border:1px solid #eee; padding:40px 0;box-shadow:0px 0px 12px 0px rgba(0,0,0,0.06); background:#fff}
#service .list ul li .img{ width:80px; height:80px; margin:0 auto; background:#2172ba; border-radius:100%;display: flex;;align-items:center;justify-content:center;}
#service .list ul li .img img{ width:80%}
#service .list ul li p{ font-size:16px; margin-top:30px}
#service .list ul li:hover{ border:1px solid #2172ba;box-shadow:0px 10px 12px 0px rgba(0,0,0,0.1);}
#service .tisp{ border-top:1px solid #eee; margin-top:30px; padding:30px 100px 0; text-align:center; font-size:15px}

#about{ width:100%; padding:50px 0; background:url(../images/about_bg.jpg) center center no-repeat; background-size:cover}
#about .list{ margin-top:30px;display: flex;justify-content:space-between;align-items:center;}
#about .list .text{ width:48%; font-size:15px}
#about .list .text p{ text-indent:2em}
#about .list .text strong{ color:#2172ba; font-size:18px}
#about .list .img{ width:48%;position:relative}
#about .list .img img{ width:100%}
#about .list .img .video_play{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(24,47,143,.2);display: flex;justify-content:center;align-items:center;}
#about .list .img .video_play i{ font-size:60px; color:#fff}
#about .list .img .video_play:hover{background:rgba(24,47,143,.5);}
#about .list .img .video_play:hover i{ font-size:80px}

#equipment{ width:100%; padding:50px 0;}
#equipment .list{ margin-top:30px; ; position:relative}
#equipment .list .swiper-container{overflow:hidden}
#equipment .list .swiper-slide .img{ overflow:hidden; height:300px}
#equipment .list .swiper-slide .img img{width:100%;height:100%;object-fit:cover}
#equipment .list .swiper-slide p{ background:#2172ba; color:#fff; padding:5px 0; text-align:center; font-size:15px}
#equipment .list .btn{ position:absolute; left:-60px; top:50%; margin-top:-30px; z-index:99}
#equipment .list .btn{width:60px;height:60px;display:inline-block; color:#0e357a; line-height:60px;border-radius:100%; text-align:center; font-size:60px}
#equipment .list .btn.t_next{ right:-60px; left:auto}
#equipment .list .btn.swiper-button-disabled{ color:#999}
#equipment .list .swiper-slide:hover p{ background:#333}

#news{ width:100%; padding:50px 0}
#news .list ul li{ float:left; width:48%; margin-top:30px}
#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:200px; height:140px; overflow:hidden}
#news .list ul li .img img{width:100%;height:100%;object-fit:cover}
#news .list ul li .info{ width:calc(100% - 220px);}
#news .list ul li .info h2{ font-size:15px}
#news .list ul li .info p{ color:#999; line-height:24px}
#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; font-size:12px}

#industry{ width:100%; padding:50px 0;; background:#f8f8f8}
#industry .list{ margin-top:50px}
#industry .list ul{display: flex;;align-items:center;justify-content:space-between;}
#industry .list ul li{ width:calc(100% / 6); text-align:center}
#industry .list ul li .img{ width:100px; height:100px; margin:0 auto; border-radius:100%; background:#2172ba;display: flex;;align-items:center;justify-content:center;}
#industry .list ul li .img img{ max-width:70px; max-height:60px}
#industry .list ul li:nth-child(2n) .img{ background:#333}
#industry .list ul li p{ font-size:16px; margin-top:20px}
#industry .list ul li .en{ font-size:14px; color:#999}

#footer{ width:100%; padding:50px 0 20px; background:#333}
#footer .map{display: flex;;align-items:start;justify-content:space-between;}
#footer .map .left{display: flex;;align-items:start;justify-content:flex-start;}
#footer .map .left .item{ margin-right:100px;}
#footer .map .left .item h3{ font-size:16px; color:#fff}
#footer .map .left .item p{ line-height:26px}
#footer .map .left .item p a{ color:#999}
#footer .map .contact{display: flex;;align-items:start;justify-content:space-between;}
#footer .map .contact .qrcode{ padding-top:10px}
#footer .map .contact .qrcode img{ width:120px}
#footer .map .contact .qrcode p{ color:#999; text-align:center; margin-top:10px}
#footer .map .contact .text{ color:#999; margin-left:50px}
#footer .copyright{ border-top:1px solid rgba(255,255,255,.1); padding-top:20px; margin-top:30px; text-align:center}
#footer .copyright p,
#footer .copyright p a{ color:#fff; text-transform:uppercase}
/* 视频 */
#video-container{width:100%;height:100%;position:fixed;top:0;z-index:600;background:#000;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:1500px){
	.wrap{ padding:0 20px}
	#header{padding:0 20px;}
	#header .right .nav ul li{ margin-left:20px;}
	#header .right .nav ul li h3 a{ font-size:16px;} 	
	#header .right .tel{ margin-left:40px;}			
}
@media (max-width:1200px){
	#header .right .nav ul li{ margin-left:10px;}
	#header .right .nav ul li h3 a{ font-size:14px;} 
}
@media (max-width:1000px){
	#header .right .tel{ display:none}			
}
@media (max-width:800px){
	body,html{ font-size:.23rem; line-height:.34rem}
	.wrap{ padding: 0}	
	#header{ height:.9rem; padding:0 .25rem; position:relative}
	#header .logo img{ height:.5rem}
	#header .right .tel{ margin-left:0; margin-right:.3rem; color:#2172ba}
	#header .right .tel i{ font-size:.23rem}
	#header .right .tel span{ font-size:.23rem; margin-left:.1rem}
	#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:#2172ba;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 .nav{position: absolute;background:#fff;height: auto; min-height:100vh;width:100%;top:.9rem;z-index:105;padding:.1rem .25rem 0;transform:translatex(105%);left:0; border-top:1px solid #eee;}
	#header .right .nav ul{ display:block}
	#header .right .nav.isopen{transform:translatex(0);}
	#header .right .nav ul li{ margin-left:0; position:relative}
	#header .right .nav ul li h3{ line-height:.7rem; height:.7rem; font-weight:normal;border-bottom:1px solid #eee;}
	#header .right .nav ul li h3 span{ text-align:right; padding-left:10%; display: block; position:absolute; right:0; top:0}
	#header .right .nav ul li h3 span i{ text-align:right; font-size:.28rem; color:#999;-webkit-transition: all .3s;transition: all .3s;}
	#header .right .nav ul li h3 a{ font-size:.26rem; display:block;line-height:.7rem;}
	#header .right .nav ul li .sub{ display:none; position: inherit; left:0; width: auto; margin-left:0; top:0; background:#fff;border-radius:0}
	#header .right .nav ul li .sub::before{ display:none}
	#header .right .nav ul li .sub dl{ padding:10px}
	#header .right .nav ul li .sub a{ display:block; text-align:left; color:#68747f;border-bottom:1px solid #eee; line-height:.7rem; font-size:.26rem}
	#header .right .nav ul li .sub a:hover{ background:none; font-weight:700}
	#header .right .nav ul li:hover h3 a:before{ display:none}
	#header .right .nav ul li.currclass h3 a:before{display:none}
	#header .right .tel{ display:block}		
	
	#banner{ position:relative; overflow:hidden}
	#banner .swiper-slide{ position:relative; height:4.5rem; }
	#banner .swiper-slide .text .box{ padding:0 .25rem}
	#banner .swiper-slide .text .box h3{ font-size:.3rem; color:#fff}
	#banner .swiper-slide .text .box p{ font-size:.23rem; color:#fff; margin-top:30px; font-family:"quicksand"}
	#banner .swiper-slide img{width:100%;height:100%;object-fit:cover}
	
	.htitle .t{font-size:.3rem;letter-spacing:.05rem}
	.htitle p{font-size:.2rem;}
	.htitle em{ width:3rem; margin:.1rem auto 0;}
	.htitle em:before{bottom:-.03rem;margin-left:-.25rem;height:.05rem; width:.5rem;}
	
	#service{padding:.5rem .25rem}
	#service .list{ margin-top:.5rem;}
	#service .list ul{flex-wrap:wrap; gap:.3rem}
	#service .list ul li{ width:calc((100% - .3rem) / 2);padding:.5rem 0;}
	#service .list ul li .img{ width:1.2rem; height:1.2rem;}
	#service .list ul li .img img{ width:70%}
	#service .list ul li p{ font-size:.23rem; margin-top:.2rem}
	#service .tisp{ border-top:1px solid #eee; margin-top:.3rem; padding:.3rem 0 0;}
	
	#about{padding:.5rem .25rem;}
	#about .list{ margin-top:.5rem;display: flex;justify-content:space-between;align-items:center;flex-direction:column-reverse }
	#about .list .text{ width:100%; margin-top:.5rem; font-size:.23rem}
	#about .list .text strong{ font-size:.26rem}
	#about .list .img{ width:100%;}
	#about .list .img .video_play i{ font-size:.6rem;}
	#about .list .img .video_play:hover i{ font-size:.8rem}
	
	#equipment{ padding:.5rem .25rem;}
	#equipment .list{ margin-top:.5rem;}
	#equipment .list .swiper-slide{ width:50%;}
	#equipment .list ul li:last-child{ margin-right:0}
	#equipment .list .swiper-slide .img{ height:4rem}
	#equipment .list .swiper-slide .img img{ width:100%}
	#equipment .list .swiper-slide p{ padding:.1rem 0; font-size:.23rem;}
	#equipment .list .more_list{ text-align:center; margin-top:.1rem}
	#equipment .list .btn{ position: inherit; left:0; top:0; margin-top:0; z-index:99}
	#equipment .list .btn{width:.6rem;height:.6rem;display:inline-block;line-height:.6rem;text-align:center; margin:0 .1rem; font-size:.5rem}
	#equipment .list .btn.t_next{ right:0; left:auto}
	
	#news{padding:.5rem .25rem;}
	#news .list ul li{ float: inherit; width:100%; margin-top:.3rem; border-bottom:1px dashed #ddd; padding-bottom:.3rem}
	#news .list ul li:nth-child(2n){ float:inherit}
	#news .list ul li .img{ width:2rem; height:1.3rem;}
	#news .list ul li .info{ width:calc(100% - 2.2rem);}
	#news .list ul li .info h2{ font-size:.23rem; font-weight:normal}
	#news .list ul li .info h2{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 p{ display:none}
	#news .list ul li .info time{ color:#999; font-size:.2rem}
	
	#industry{padding:.5rem .3rem;}
	#industry .list{ margin-top:.2rem}
	#industry .list ul{flex-wrap:wrap;align-items:start;}
	#industry .list ul li{ width:calc(100% / 3); margin-top:.3rem}
	#industry .list ul li .img{ width:1rem; height:1rem; }
	#industry .list ul li .img img{ max-width:.7rem; max-height:.6rem}
	#industry .list ul li:nth-child(2n) .img{ background:#333}
	#industry .list ul li p{ font-size:.23rem; margin-top:.2rem}
	#industry .list ul li .en{ font-size:.2rem}
	
	#footer{padding:.5rem .3rem .3rem;}
	#footer .map{display: block;}
	#footer .map .left{display:none}
	#footer .map .contact{display: block;}
	#footer .map .contact .qrcode{ padding-top:0; text-align:center}
	#footer .map .contact .qrcode p{ color:#999; text-align:center; margin-top:.1rem}
	#footer .map .contact .text{ color:#999; margin-left:0; margin-top:.5rem; text-align:center}
	#footer .map .contact .text a{ color:#999;}
	#footer .copyright{ border-top:1px solid rgba(255,255,255,.1); padding-top:.3rem; margin-top:.5rem;}
	#footer .copyright p,
	#footer .copyright p a{ font-size:.2rem}
	/* 视频 */
	#video-container .btn_close{right:.2rem;top:.2rem;}
	#video-container .btn_close a{width:.4rem;height:.4rem;line-height:.4rem;font-size:.23rem;}
}

#nbanner{ width:100%;  background-repeat:no-repeat; background-position:center center; background-size:cover}
#nbanner .wrap{height:400px;display: flex;justify-content:flex-start;align-items:flex-end;}
#nbanner .weizhi{ padding-bottom:20px; color:#fff}
#nbanner .weizhi a{ color:#fff}
#nbanner .weizhi i{ margin:0 10px}

#classlist{ width:100%; border-bottom:1px solid #eee; text-align:center; background:#f5f6f8}
#classlist a{font-size:16px;display:inline-block; padding:15px 0; position:relative; margin:0 20px}
#classlist a.curr{  font-weight:700; color:#2172ba}
#classlist a.curr::before{position:absolute;bottom:0;left:0;content:''; height:2px; width:100%; overflow:hidden; background:#2172ba}

#main{ width:100%}
#main .about{ padding:50px 0;display: flex;justify-content:space-between ;align-items:flex-start;}
#main .about .text{ width:50%; font-size:16px; line-height:1.9}
#main .about .text p{ margin-bottom:10px}
#main .about .img{ width:45%}
#main .about .img img{ width:100%}

#main .service{ width:100%; padding:50px 0;}
#main .service .list{ margin-top:50px}
#main .service .list ul{display: flex;;align-items:center;justify-content:space-between;}
#main .service .list ul li{ width:calc(100% / 6); text-align:center; border:1px solid #eee; padding:50px 0; border-left:0}
#main .service .list ul li .img{ width:100px; height:100px; margin:0 auto; border-radius:100%; background:#2172ba;display: flex;;align-items:center;justify-content:center;}
#main .service .list ul li .img img{ max-width:70px; max-height:60px}
#main .service .list ul li:nth-child(1){ border-left:1px solid #eee}
#main .service .list ul li:nth-child(2n) .img{ background:#333}
#main .service .list ul li p{ font-size:16px; margin-top:20px}
#main .service .list ul li .en{ font-size:14px; color:#999}

#main .shebei{ padding:50px 0}
#main .shebei ul{display: flex;justify-content:flex-start ;align-items:flex-start;;flex-wrap:wrap;gap:50px 30px}
#main .shebei ul li{ width:calc((100% - 60px) / 3)}
#main .shebei ul li .img img{ width:100%}
#main .shebei ul li p{ text-align: center; font-size:16px; margin-top:20px}

#main .honor{ padding:50px 0}
#main .honor ul{display: flex;justify-content:flex-start ;align-items:flex-start;;flex-wrap:wrap;gap:50px 30px}
#main .honor ul li{ width:calc((100% - 120px) / 5)}
#main .honor ul li .img img{ width:100%}
#main .honor ul li p{ text-align: center; font-size:16px; margin-top:20px}

#main .service{ padding:50px 0}
#main .service h1{ text-align:center; font-size:24px; border-bottom:1px solid #eee; padding-bottom:20px}
#main .service .content{ margin-top:30px; font-size:16px; line-height:1.8}
#main .service .content p{ margin-bottom:10px}
#main .service .content img{ max-width:800px;}
#main .service .updown{ border-top:1px solid #eee; padding-top:10px; margin-top:60px}

#main .product{ padding:50px 0}
#main .product ul{display: flex;justify-content:flex-start ;align-items:flex-start;;flex-wrap:wrap;gap:50px 30px}
#main .product ul li{ width:calc((100% - 60px) / 3)}
#main .product ul li .img{ height:300px; overflow:hidden}
#main .product ul li .img img{width:100%;height:100%;object-fit:cover}
#main .product ul li p{ text-align: center; font-size:16px; margin-top:20px}

#main .videolist{ padding:50px 0}
#main .videolist ul{display: flex;justify-content:flex-start ;align-items:flex-start;;flex-wrap:wrap;gap:50px 30px}
#main .videolist ul li{ width:calc((100% - 60px) / 3); position:relative}
#main .videolist ul li .img{ height:300px; overflow:hidden}
#main .videolist ul li .img img{width:100%;height:100%;object-fit:cover}
#main .videolist ul li .info{ position:absolute; left:0; bottom:0; padding:10px; width:100%; background:rgba(0,0,0,.5)}
#main .videolist ul li .info i{ color:#fff}
#main .videolist ul li .info span{ color:#fff; font-size:16px;}

#main .tedian{ padding:50px 0;font-size:16px; line-height:1.9}
#main .tedian p{ margin-bottom:10px}
#main .tedian img{ max-width:800px}

#main .contact{ padding:50px 0}
#main .contact .content{ font-size:16px; line-height:2;}
#main .contact .map{ margin-top:40px}
#main .contact .map iframe{ width:100%; height:400px}

#main .news { padding:50px 0}
#main .news ul li{padding:30px 0 ; overflow:hidden; border-bottom:1px dotted #eee}
#main .news ul li a{ display: flex;justify-content:space-between;align-items:center;}
#main .news ul li .img{ width:300px; height:220px; overflow:hidden}
#main .news ul li .img img{width:100%;height:100%;object-fit:cover}
#main .news ul li .info{ width:calc(100% - 350px); padding-right:20px}
#main .news ul li .info h2{ font-size:18px; font-weight:normal; margin-top:10px}
#main .news ul li .info p{line-height:1.8; margin-top:10px; color:#999}
#main .news ul li .info p{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}
#main .news ul li .info time{color:#999}
#main .news ul li .info .more{ font-size:16px; margin-top:30px;display: flex;justify-content:flex-start;align-items:center;}
#main .news ul li .info .more i{ line-height:40px; width:40px; text-align:center; background:#90c322; display:inline-block; color:#fff;}
#main .news ul li .info .more span{ padding-right:20px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;line-height:40px;}
#main .news ul li .info .more span{ background:#0e357a;color:#fff; padding:0 10px;  display:inline-block}

#main .view{ padding:50px 0}
#main .view h1{ text-align:center; font-size:30px; font-weight:normal; padding:30px 0}
#main .view .info{ border-bottom:1px solid #eee; text-align:center; padding-bottom:10px; color:#999}
#main .view .info span{ margin:0 10px}
#main .view .mycontent{ line-height:2; font-size:16px; padding:30px 0}
#main .view .mycontent img{ max-width:800px}
#main .view .mycontent p{ padding-bottom:10px}
#main .view .mycontent .video{ width:60%}
#main .view .updown{ border-top:1px solid #eee; padding-top:10px; margin-top:30px}

#main .serv{ width:100%; padding:50px 0}
#main .serv{ margin-top:30px;}
#main .serv ul{display: flex;;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;}
#main .serv ul li{ width:calc((100% - 90px) / 4); text-align:center; border:1px solid #eee; padding:40px 30px;box-shadow:0px 0px 12px 0px rgba(0,0,0,0.06);}
#main .serv ul li .img{ width:80px; height:80px; margin:0 auto; background:#2172ba; border-radius:100%;display: flex;;align-items:center;justify-content:center;}
#main .serv ul li .img img{ width:80%}
#main .serv ul li h2{ font-size:16px; margin-top:30px}
#main .serv ul li p{margin-top:20px; color:#999; line-height:26px}
#main .serv ul li p{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical}
#main .serv ul li:hover{ border:1px solid #2172ba;box-shadow:0px 10px 12px 0px rgba(0,0,0,0.1);}

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

@media (max-width:800px){
	body,html{ font-size:.22rem; line-height:.34rem}
	.wrap{ padding:0}
	#nbanner .wrap{height:4rem; padding:0 .25rem}
	#nbanner .weizhi{ padding-bottom:.2rem; font-size:.21rem}
	#nbanner .weizhi i{ margin:0 .1rem}
	
	#classlist a{padding:.2rem 0; margin:0 .2rem;font-size:.24rem;}
	
	#main{ padding:0 .25rem}
	#main .about{ padding:.5rem 0; display:block}
	#main .about .text{ width:100%; font-size:.24rem; line-height:1.8}
	#main .about .text p{ margin-bottom:.1rem}
	#main .about .img{ width:100%; margin-top:.5rem}
	#main .about .img img{ width:100%}
	
	#main .service{ width:100%; padding:.5rem 0;}
	#main .service .list{ margin-top:.5rem}
	#main .service .list ul{display: flex;;align-items:center;justify-content:space-between;flex-wrap:wrap; gap:0}
	#main .service .list ul li{ width:calc(100% / 3); text-align:center; border:1px solid #eee; padding:.5rem 0; border-left:0}
	#main .service .list ul li .img{ width:1rem; height:1rem;}
	#main .service .list ul li .img img{ max-width:.7rem; max-height:.6rem}
	#main .service .list ul li:nth-child(1){ border-left:1px solid #eee}
	#main .service .list ul li:nth-child(4){ border-left:1px solid #eee}
	#main .service .list ul li:nth-child(2n) .img{ background:#333}
	#main .service .list ul li p{ font-size:.24rem; margin-top:.2rem}
	#main .service .list ul li .en{ font-size:.22rem; color:#999; line-height:.34rem; height:.68rem}
	
	#main .shebei{ padding:.5rem 0}
	#main .shebei ul{gap:.3rem}
	#main .shebei ul li{ width:calc((100% - .3rem) / 2)}
	#main .shebei ul li p{font-size:.22rem; margin-top:.2rem}
	
	#main .honor{ padding:.5rem 0}
	#main .honor ul{gap:.3rem}
	#main .honor ul li{ width:calc((100% - .3rem) / 2)}
	#main .honor ul li p{font-size:.22rem; margin-top:.2rem}
	
	#main .service{ padding:.5rem 0}
	#main .service h1{font-size:.24rem;padding-bottom:.2rem}
	#main .service .content{ margin-top:.3rem; font-size:.24rem; line-height:1.8}
	#main .service .content p{ margin-bottom:.1rem}
	#main .service .content img{ max-width:100%;}
	#main .service .updown{ padding-top:.1rem; margin-top:.5rem}
	
	#main .product{ padding:.5rem 0}
	#main .product ul{gap:.3rem}
	#main .product ul li{ width:calc((100% - .3rem) / 2)}
	#main .product ul li .img{ height:2.5rem}
	#main .product ul li p{font-size:.22rem; margin-top:.2rem}
	
	#main .videolist{ padding:.5rem 0}
	#main .videolist ul{display: flex;justify-content:flex-start ;align-items:flex-start;;flex-wrap:wrap;gap:.3rem}
	#main .videolist ul li{ width:calc((100% - .3rem) / 2); position:relative}
	#main .videolist ul li .img{ height:2.5rem}
	#main .videolist ul li .info{padding:.1rem;}
	#main .videolist ul li .info span{ color:#fff; font-size:.22rem;}
	
	#main .tedian{ padding:.5rem 0;font-size:.24rem;}
	#main .tedian p{ margin-bottom:.1rem}
	#main .tedian img{ max-width:100%}
	
	#main .news{ padding:.5rem 0}
	#main .news ul li{ padding:.3rem 0}
	#main .news ul li .img{ width:2.2rem; height:1.5rem}
	#main .news ul li .info{ width:calc(100% - 2.5rem)}
	#main .news ul li .info h2{ font-size:.24rem;}
	#main .news ul li .info p{ display:none}
	#main .news ul li .info time{ margin-top:.1rem;}
	#main .news ul li .info .more{ display:none}
	
	#main .view{ padding:.5rem 0}
	#main .view h1{ font-size:.3rem; padding:.25rem 0; line-height:.4rem}
	#main .view .info{ padding-bottom:.1rem; font-size:.2rem}
	#main .view .info span{ margin:0 .1rem;}
	#main .view .info span+span+span{ display:none}
	#main .view .mycontent{ padding:.4rem 0; line-height:1.8; font-size:.24rem}
	#main .view .mycontent p{ padding-bottom:.1rem}
	#main .view .mycontent img{ max-width:100%}
	#main .view .mycontent .video{ width:100%}
	#main .view .updown{padding:.2rem 0 0; margin-top:.3rem}
	#main .view .updown p{ 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}

	#main .serv{padding:.5rem 0}
	#main .serv{ margin-top:.3rem;}
	#main .serv ul{gap:.25rem;}
	#main .serv ul li{ width:calc((100% - .25rem) / 2); padding:.4rem .25rem;}
	#main .serv ul li .img{ width:1rem; height:1rem; }
	#main .serv ul li .img img{ width:80%}
	#main .serv ul li h2{ font-size:.26rem; margin-top:.3rem}
	#main .serv ul li p{margin-top:.2rem; font-size:.22rem; color:#999; line-height:.34rem}
}