/*************************************************************************/
/*全局样式开始*/
/*************************************************************************/
@charset "utf-8";
*{margin:0;padding:0;outline:0;}
body,html{color:#333;font:14px/30px "Noto Sans SC","思源雅黑","微软雅黑","Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;background:#fff;width:100%;}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
input[type=text],input[type=submit],textarea,button{-webkit-border-radius:0;font-family:"微软雅黑","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:#0564b4;text-decoration:none;}
.hide,.none,ins{display:none;}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}
.gpxx{font-size:14px;color:#fff}
.gpxx a{color:#fff}
.gpxx span{font-size:12px;color: #F00 ; font-weight:bold;padding-left:5px; }
.gpxx em{font-size:12px;color: #F00;font-weight:bold; padding-left:5px; }
.gpxx i{padding-left:5px;color: #F00;}
.wrap{clear:both;display:block;margin:0 auto;max-width:1400px;width:100%;}
.wrap1120{clear:both;display:block;margin:0 auto;max-width:1120px;width:100%;}
.wrap860{clear:both;display:block;margin:0 auto;max-width:860px;width:100%;}
.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;}


#header{width:100%; background:rgba(2,56,144); position:fixed; left:0; top:0; z-index:100}
#header .wrap{height:80px;display: flex;justify-content:space-between ;align-items:center}
#header .logo img{ height:60px}
#header .right{display: flex;justify-content:space-between ;align-items:center;gap:0 40px}
#header .right .nav ul{display: flex;justify-content:space-between ;align-items:center;gap:0 30px}
#header .right .nav ul li{ position:relative}
#header .right .nav ul li h3{display: flex;justify-content:center;align-items:center;}
#header .right .nav ul li h3 a{ color:#fff; font-size:14px; font-weight:normal; line-height:80px; display:block; position:relative}
#header .right .nav ul li h3 a::before{position:absolute;bottom:0;left:50%;content:'';height:2px; width:0; background:#207fff;transition: all 0.5s; opacity:0}
#header .right .nav ul li h3 i{ color:#fff; margin-left:10px}
#header .right .nav ul li .sub{ display:none; position:absolute; left:50%; margin-left:-80px;; top:80px; background:rgba(2,56,144,.8);width:160px; z-index:128;}
#header .right .nav ul li .sub p a{color:#fff; font-size:16px; display:block; padding:10px 0; text-align:center}
#header .right .nav ul li .sub p a:hover{ background:#0d3c7b}
#header .right .nav ul li:hover  h3 a{ color:#207fff}
#header .right .nav ul li:hover h3 a::before{ width:100%; opacity:1; left:0}
#header .right .nav ul li.active h3 a::before{ width:100%; opacity:1; left:0}
#header .right .line{ background:rgba(255,255,255,.3); height:20px; width:1px; overflow:hidden}
#header .right .text{color:#fff; font-size:18px;}
#header .right .mnav{ display:none}
#header .right .lan{ position:relative; margin-left:30px}
#header .right .lan .btn{display: flex;justify-content:space-between;align-items:center; cursor:pointer}
#header .right .lan i{  line-height:100px; font-size:20px;color:#fff;}
#header .right .lan i:last-child{ color:#fff; font-size:18px; margin-left:5px}
#header .right .lan .list{ display:none; position:absolute; top:100px; right:0; background:rgba(2,56,144,0.7); z-index:99; border-radius:0 0 15px 15px; padding:10px;box-shadow: 0 6px 12px rgba(0,0,0,.175);width:100px;}
#header .right .lan .list a{ display:block; text-align:center; font-size:14px; padding:5px 10px; border-bottom:1px solid rgba(255,255,255,.3); color:#fff}
#header .right .lan .list a:last-child{ border-bottom:0}
#header.active{background:rgba(2,56,144,.8);}
#header.active .wrap{ height:60px}
#header.active .logo img{ height:40px}
#header.active .nav ul li .sub{ top:60px}
#header.active .right .nav ul li h3 a{line-height:60px;}
#header:hover{background:rgba(2,56,144,1);}


#banner{ width:100%; position:relative; height:1000px; overflow:hidden;}
#banner .img{ width:100%; height:100%}
#banner .img video{width:100%;height:100%;object-fit:cover;}
#banner .text{ position:absolute;left:0;top:0; width:100%; height:100%;display: flex;justify-content:center;align-items:center; background:rgba(0,53,100,.3)}
#banner .text .box{ padding:0 3%; text-align:center}
#banner .text .box h2{ font-size:64px; color:#fff; font-weight:normal; line-height:1}
#banner .text .box .info{ font-size:18px; color:#fff; margin-top:50px}
#banner .text .box .more{ margin-top:100px; text-align:center}
#banner .text .box .more a{ display:inline-block; background:#0d3c7b; color:#fff; border-radius:10px; padding:20px 80px; font-size:20px}

#adv{ width:100%; padding:90px 0; background:#eef4fa}
#adv .title{ font-size:42px;  text-align:center;}
#adv .list{ margin-top:150px;display: flex;justify-content:center;align-items:center; gap:0 10%}
#adv .list .item{ width:calc(80% / 3); text-align:center}
#adv .list .item .tit{ font-size:26px; margin-top:30px}
#adv .list .item .info{ font-size:16px; margin-top:30px; color:#888}

#product{ width:100%; padding:90px 0; background:url(../images/bg_product.png) no-repeat center top; background-size:100% 706px}
#product .spro {display: flex;}
#product .spro .pro_left{width:730px;display: flex;padding-right:20px;}
#product .spro .pro_left ul{display: flex;justify-content:space-between ;align-items:center;flex-wrap:wrap;gap:10px 2%}
#product .spro .pro_left ul li{ width:48%;background:#fff; border-radius:10px; padding:10px 10px; background:url(icon_notice_bg.png) no-repeat 85% center #fff}
#product .spro .pro_left ul li img{width:100%;}
#product .spro .pro_right{width:650px;}
#product .spro .pro_right .pro_right_top{height:118px; background:rgba(14, 109, 214, 0.8);padding:0 20px;}
#product .spro .pro_right .title{ font-size:24px;  text-align:left; color:#fff;padding:20px 0;}
#product .spro .pro_right .text{ font-size:12px; color:#fff;  text-align:left;}
#product .spro .pro_right_foot{margin-top:20px;height:420px;padding:0 20px;}
#product .spro .pro_right_foot h3{color:#ffffff;font-size:14px; padding-top:60px;}
#product .spro .pro_right_foot p{color:#ffffff;}



#notice{ width:100%; padding:90px 0; background:#eef4fa}
#notice .title{ font-size:42px;  text-align:center;}
#notice .list{ margin-top:90px}
#notice .list ul{display: flex;justify-content:space-between ;align-items:center;flex-wrap:wrap;gap:20px 4%}
#notice .list ul li{ width:48%;background:#fff; border-radius:10px; padding:40px 50px; background:url(icon_notice_bg.png) no-repeat 85% center #fff}
#notice .list ul li h2{ font-size:26px; font-weight:normal}
#notice .list ul li h2{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;}
#notice .list ul li .info{ margin-top:35px; font-size:18px; color:#777}
#notice .list ul li .info{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;}
#notice .list ul li time{ display:block; margin-top:30px; color:#777}

#gupiao{ width:100%; padding:90px 0; background:url(../images/bg_gupiao.png) no-repeat center center; background-size:cover}
#gupiao .title{ font-size:42px;  text-align:center; color:#fff}
#gupiao .list{ margin-top:90px; overflow:hidden;}
#gupiao .list .info{display: flex;justify-content:space-between ;align-items:center; padding: 0 15%}
#gupiao .list .info .tabs{display: flex;justify-content:flex-start ;align-items:center;}
#gupiao .list .info .tabs a{ border:1px solid #84bcff; border-radius:6px; color:#84bcff; padding:8px 15px; margin-right:10px}
#gupiao .list .info .tabs a.active{ background:#0d3c7b}
#gupiao .list .info .right{ color:#fff; font-size:18px}
#gupiao .list .swiper-slide{ padding: 0 15%; margin-top:50px}
#gupiao .list .swiper-slide .box{ background:#fff; padding:20px; border-radius:10px;}
#gupiao .list .swiper-slide .box img{ width:100%}

#baogao{ width:100%; padding:90px 0;}
#baogao .title{ font-size:42px;  text-align:center;}
#baogao .list{ margin-top:90px; overflow:hidden; padding-bottom:20px}
#baogao .list ul{display: flex;justify-content:space-between ;align-items:center;flex-wrap:wrap;gap:20px 4%}
#baogao .list ul li{ width:48%;background:#fff; border-radius:10px; padding:40px 30px; background:#f8fbff;border: 1px solid hsla(0, 0%, 89%, .6);box-shadow: 0 4px 2px 0 rgba(0,0,0,.05);}
#baogao .list ul li a{display: flex;justify-content:space-between ;align-items:center;}
#baogao .list ul li .img{ width:80px}
#baogao .list ul li .info{ width:calc(100% - 100px)}
#baogao .list ul li .info h2{ font-size:18px; font-weight:normal}
#baogao .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;}
#baogao .list ul li .info time{ display:block; margin-top:10px}
#baogao .more{ text-align:center; margin-top:30px; font-size:16px;}
#baogao .more a{ border:1px solid #eee; border-radius:10px; display:inline-block; padding:15px 30px}

#contact{ width:100%; padding:90px 0; background:#eef4fa}
#contact .title{ font-size:42px;  text-align:center;}
#contact .list{display: flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px 4%; margin-top:60px}
#contact .list .item{ width:calc(92% / 3); text-align:center }
#contact .list .item .icon{ width:50px; height:50px; border-radius:50px; border:1px solid #000;display: flex;justify-content:center ;align-items:center; margin:0 auto}
#contact .list .item .icon i{ font-size:22px}
#contact .list .item .text{ font-size:18px; margin-top:20px}

#footer{ width:100%; background:rgba(2,56,144,0.7);}
#footer .link{  padding:30px 0;display: flex;justify-content:center;flex-wrap:wrap;}
#footer .link li{width:150px;}
#footer .link li a{ color:#fff; margin:0 2%; font-size:16px}
#footer .link li p a{font-size:14px}
#footer .copyright{ padding:20px 0; color:#fff; text-align:center;border-top:1px solid rgba(255,255,255,.3);}
#footer .copyright a{ color:#fff; margin:0 10px}

#footer .wx{}
#footer .wx p{color:#fff;text-align:center; font-size:10px; }
#footer .wx h3{color:#fff;text-align:center; }
#footer .wx img{width:100px;height:100px;}


#footer .wx2{padding-left:10px;}
#footer .wx2 p{color:#fff; text-align:center;font-size:10px;}
#footer .wx2 h3{color:#fff;text-align:center; }
#footer .wx2 img{width:100px;height:100px;}


@media (max-width:1400px){
	.wrap{ padding:0px 20px;}
	#product .list .btn{ left:-20px;}
	#product .list .btn.t_prev{ right:-20px;}
}
@media (max-width:1150px){
	#header .right .nav ul{gap:0 20px}
}
@media (max-width:900px){
	#product .list .btn{ left:0px;}
	#product .list .btn.t_prev{ right:0px;}
}
@media (max-width:900px){
	.wrap{ padding:0px;}
	body,html{font-size:.23rem;line-height:.34rem;}
	#header .wrap{padding:0 .2rem;height:1rem; }
	#header .right .line{ display:none}
	#header .logo img{height:.6rem}
	#header .right{justify-content:flex-end; overflow:hidden;gap:0}
	#header .right .mnav{position:relative;display:block;width:.34rem;height:.33rem;cursor:pointer;margin-left:.1rem}
	#header .right .mnav span{position:absolute;display:block;width:.34rem;height:.05rem;background:#fff;transition:all .5s;border-radius:.05rem}
	#header .right .mnav .s1{top:.05rem;}
	#header .right .mnav .s2{top:.15rem;width:.26rem;}
	#header .right .mnav .s3{top:.25rem;}
	#header .right .mnav.isopen .s1{top:.15rem;transform:rotate(45deg);}
	#header .right .mnav.isopen .s2{width:0;opacity:0;}
	#header .right .mnav.isopen .s3{top:.15rem;transform:rotate(-45deg);}
	#header .right .nav{position:absolute;background:rgba(2,56,144,.9);;width:50%;top:1rem;z-index:105;padding:.2rem .25rem;left:auto; right:0; border-radius:0 0 0 .2rem; display:none}
	#header .right .nav ul{display:block}
	#header .right .nav ul li{ width:100%;}
	#header .right .nav ul li h3{line-height:.6rem;height:.6rem;;display: flex;justify-content:space-between ;align-items:center;}
	#header .right .nav ul li h3 a{line-height:.6rem;font-size:.24rem;padding:0; display:block; color:#fff;display: flex;justify-content:space-between ;align-items:center;}
	#header .right .nav ul li h3 a::before{ display:none}
	#header .right .nav ul li h3 i{ display: block; color:#888; font-size:.28rem}
	#header .right .nav ul li .sub{display:none;position:inherit;left:0;width:auto;margin-left:0;top:0;border-radius:0;box-shadow:0 0 0; background:none}
	#header .right .nav ul li .sub p a{color:#fff;line-height:.6rem;font-size:.24rem;padding:0 0 0 .2rem; text-align:left}
	#header .right .nav ul li .sub p a:hover{ background:none}
	#header .right .nav ul li.demo{margin-top:.2rem}
	#header .right .nav.isopen{ display:block}
	#header .right .text{font-size:.24rem;}
	#header.active .wrap{ height:.8rem}
	#header.active .logo img{height:.6rem}
	#header.active .right .nav{ top:.8rem}
}


@media (max-width:800px){
	#banner{height:40vh;}
	#banner .text .box{ padding:0 .2rem; }
	#banner .text .box h2{ font-size:.6rem; line-height:1.5}
	#banner .text .box .info{ font-size:.24rem; margin-top:.5rem; line-height:1.5}
	#banner .text .box .more{ margin-top:1rem;}
	#banner .text .box .more a{ border-radius:.1rem; padding:.2rem .8rem; font-size:.24rem}

	#adv{ padding:.9rem .2rem;}
	#adv .title{ font-size:.5rem;}
	#adv .list{ margin-top:1rem;display: block;}
	#adv .list .item{ width:100%; margin-top:.5rem}
	#adv .list .item .icon img{ width:.8rem}
	#adv .list .item .tit{ font-size:.3rem; margin-top:.3rem}
	#adv .list .item .info{ font-size:.22rem; margin-top:.3rem;}

	#product{ padding:.9rem .2rem;background-size:100% 8rem}
	#product .title{ font-size:.5rem;}
	#product .spro {display: block;}
	#product .spro .pro_left{width:100%;display: flex;padding-right:0;}
	#product .spro .pro_left ul{gap:.2rem 2%}
	#product .spro .pro_right{width:100%; margin-top:.3rem;}
	#product .spro .pro_right .pro_right_top{height:auto; background:rgba(14, 109, 214, 0.8);padding:.2rem;}
	#product .spro .pro_right .title{ font-size:.24rem;  text-align:left; color:#fff;padding:0;}
	#product .spro .pro_right .text{ font-size:.22rem; margin-top:.2rem;}
	#product .spro .pro_right_foot{margin-top:.3rem;height:auto;padding:.2rem;}
	#product .spro .pro_right_foot h3{font-size:.24rem; padding-top:.5rem;}
	#product .spro .pro_right_foot p{}

	#notice{padding:.9rem .2rem;}
	#notice .title{ font-size:.5rem;}
	#notice .list{ margin-top:.9rem}
	#notice .list ul{gap:.2rem 0}
	#notice .list ul li{ width:100%; padding:.4rem .3rem;}
	#notice .list ul li h2{ font-size:.3rem; font-weight:700}
	#notice .list ul li h2{-webkit-line-clamp:4;}
	#notice .list ul li .info{ margin-top:.3rem; font-size:.22rem;}
	#notice .list ul li .info{-webkit-line-clamp:5;}
	#notice .list ul li time{margin-top:.3rem;}

	#gupiao{padding:.9rem .2rem;}
	#gupiao .title{ font-size:.5rem; }
	#gupiao .list{ margin-top:.8rem; }
	#gupiao .list .info{padding: 0}
	#gupiao .list .info .tabs a{ padding:.08rem .1rem; margin-right:.1rem}
	#gupiao .list .info .right{font-size:.22rem}
	#gupiao .list .swiper-slide{ padding: 0; margin-top:.5rem}
	#gupiao .list .swiper-slide .box{padding:.2rem;}

	#baogao{padding:.9rem .2rem;}
	#baogao .title{ font-size:.5rem;}
	#baogao .list{ margin-top:.9rem;padding-bottom:.2rem}
	#baogao .list ul{gap:.2rem 0}
	#baogao .list ul li{ width:100%;padding:.3rem;}
	#baogao .list ul li .img{ width:.8rem}
	#baogao .list ul li .img img{ width:100%}
	#baogao .list ul li .info{ width:calc(100% - 1rem)}
	#baogao .list ul li .info h2{ font-size:.24rem;}
	#baogao .list ul li .info time{margin-top:.1rem}
	#baogao .more{margin-top:.3rem; font-size:.22rem;}
	#baogao .more a{ padding:.2rem .3rem}

	#contact{padding:.9rem .2rem;}
	#contact .title{ font-size:.5rem;}
	#contact .list{justify-content:flex-start;gap:.4rem 0; margin-top:.6rem}
	#contact .list .item{ width:100%; text-align:left; display:flex;justify-content:flex-start;align-items:center;}
	#contact .list .item .icon{ width:.6rem; height:.6rem; border-radius:.6rem; margin:inherit}
	#contact .list .item .icon i{ font-size:.24rem}
	#contact .list .item .text{ font-size:.24rem; margin-top:0; margin-left:.2rem}


	#footer .link{padding:.3rem 0;}
	#footer .link li{ display:none}
	#footer .link a{font-size:.22rem}
	#footer .copyright{ padding:.2rem 0; }
	#footer .copyright a{ font-size:.2rem}

	#product .spro .pro_left ul li {
		height: 80px;
	}
}

#nbanner{ width:100%; height:300px;  background-size:cover;display: flex;justify-content:center;align-items:center; margin-top:80px}
#nbanner .text{ font-size:36px; color:#fff}

#main{ width:100%; min-height:700px;margin-top:80px}
#main .local{ color:#999; padding:20px 0 0;}
#main .mainfacilities{ padding:50px 0;; margin-top:80px}
#main .mainfacilities .item{ margin-top:90px}
#main .mainfacilities .item:first-child{ margin-top:0}
#main .mainfacilities .item .title{ font-size:36px; line-height:1}
#main .mainfacilities .item .list{ margin-top:50px}
#main .mainfacilities .item .list ul{display: flex;justify-content:flex-start ;align-items:flex-start;flex-wrap:wrap;gap:30px}
#main .mainfacilities .item .list ul li{ width:calc((100% - 90px) / 4); border:1px solid #eee; padding:20px}
#main .mainfacilities .item .list ul li .img{ width:100%; height:200px; overflow:hidden}
#main .mainfacilities .item .list ul li .img img{width:100%;height:100%;object-fit:cover;}
#main .mainfacilities .item .list ul li p{ text-align:center; margin-top:20px; font-size:16px}
#main .mainfacilities .item .list ul li p{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;}
#main .mainfacilities .factory{ position:relative; margin-top:50px}
#main .mainfacilities .factory .swiper-slide .img{ width:100%; height:260px; overflow:hidden}
#main .mainfacilities .factory .swiper-slide .img img{width:100%;height:100%;object-fit:cover;}
#main .mainfacilities .factory .swiper-slide p{ text-align:center; margin-top:20px; font-size:16px}
#main .mainfacilities .factory .swiper-slide p{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;}
#main .mainfacilities .factory .btn{ position:absolute; left:-40px; top:50%; margin-top:-40px; z-index:88; cursor:pointer}
#main .mainfacilities .factory .btn{  border-radius:80px; background:#fff; color:#0d3c7b; font-size:18px;display: flex;justify-content:center;align-items:center; font-weight:700;box-shadow: 0 19px 24px 0 rgba(0,0,0,.2);width:80px; height:80px}
#main .mainfacilities .factory .btn.t_prev{ right:-40px; left:auto;;}
#main .mainfacilities .factory .btn:hover{ background:#0d3c7b; color:#fff}

#main .products{ padding:50px 0}
#main .products .item{ margin-top:90px}
#main .products .item:first-child{ margin-top:0}
#main .products .item .title{ font-size:36px; line-height:1}
#main .products .item .list{ margin-top:50px}
#main .products .item .list ul{display: flex;justify-content:flex-start ;align-items:flex-start;flex-wrap:wrap;gap:30px}
#main .products .item .list ul li{ width:calc((100% - 90px) / 4); border:1px solid #eee; padding:20px}
#main .products .item .list ul li .img{ width:100%; height:200px; overflow:hidden}
#main .products .item .list ul li .img img{width:100%;height:100%;object-fit:cover;}
#main .products .item .list ul li p{ text-align:center; margin-top:20px; font-size:16px}
#main .products .item .list ul li p{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;}

#main .announce{ padding:50px 0}
#main .announce .title{ font-size:36px; line-height:1}
#main .announce .clist{display: flex;justify-content:flex-start ;align-items:center; flex-wrap:wrap;margin-top:30px;gap:10px}
#main .announce .clist a{ border:1px solid #0d3c7b; border-radius:6px; color:#0d3c7b; padding:15px 30px;font-size:16px}
#main .announce .clist a.active{ background:#0d3c7b; color:#fff}
#main .announce .list{ margin-top:50px}
#main .announce .list ul li{ border-bottom:1px solid #eee; padding:15px 0;}
#main .announce .list ul li a{ display: flex;justify-content:flex-start;align-items:center;}
#main .announce .list ul li .img img{ width:48px}
#main .announce .list ul li span{ font-size:19px; margin-left:20px}

#main .contact{ padding:50px 0}
#main .contact .title{ font-size:36px; line-height:1}
#main .contact .list{ margin-top:50px;display: flex;justify-content:space-between ;align-items:center;}
#main .contact .list .left{ width:40%}
#main .contact .list .left h1{ font-size:24px }
#main .contact .list .left em{ width:50px; height:5px; display:block; overflow:hidden; background:#0d3c7b; margin-top:30px; margin-bottom:30px}
#main .contact .list .left .item{display: flex;justify-content:flex-start; padding:15px 0}
#main .contact .list .left .item .icon{ width:40px; height:40px; border-radius:40px; border:1px solid #0d3c7b;display: flex;justify-content:center ;align-items:center;}
#main .contact .list .left .item .icon i{ font-size:20px; color:#0d3c7b}
#main .contact .list .left .item .text{ font-size:16px; margin-left:20px}
#main .contact .list .left .item .text2{ line-height:40px}
#main .contact .list .right{ width:55%}
#main .contact .list .right iframe{ width:100%; height:450px}

#main .stock{ padding:50px 0}
#main .stock .title{ font-size:36px; line-height:1}
#main .stock .list{ margin-top:50px; overflow:hidden;}
#main .stock .list .info{display: flex;justify-content:space-between ;align-items:center; padding: 0 15%}
#main .stock .list .info .tabs{display: flex;justify-content:flex-start ;align-items:center;}
#main .stock .list .info .tabs a{ border:1px solid #84bcff; border-radius:6px; color:#84bcff; padding:8px 15px; margin-right:10px}
#main .stock .list .info .tabs a.active{ background:#0d3c7b}
#main .stock .list .info .right{font-size:18px}
#main .stock .list .swiper-slide{ padding: 0 15%; margin-top:50px}
#main .stock .list .swiper-slide .box{ background:#fff; padding:20px; border-radius:10px; border:1px solid #eee;}
#main .stock .list .swiper-slide .box img{ width:100%}

#main .qualification{ padding:50px 0}
#main .qualification .item{ margin-top:90px}
#main .qualification .item:first-child{ margin-top:0}
#main .qualification .item .title{ font-size:36px; line-height:1}
#main .qualification .item .list{ margin-top:50px}
#main .qualification .item .list ul{display: flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:30px;width:1120px;}
#main .qualification .item .list ul li{ display: flex; border:1px solid #eee; padding:20px;width:1000px;}
#main .qualification .item .list ul li .img{ width:50%; overflow:hidden}
#main .qualification .item .list ul li .fz{ width:50%; overflow:hidden}
#main .qualification .item .list ul li .fz p{padding:20px;}
#main .qualification .item .list ul li .img img{width:428px;height:292px;}
#main .qualification .item .list ul li p{ text-align:left; margin-top:20px; font-size:14px}
#main .qualification .item .list ul li h1{text-align:left;font-size:16px;padding-left:20px;padding-top:80px;}

#main .partner{ padding:0 50px;}
#main .partner .title{ font-size:36px; line-height:1;text-align:center;}
#main .partner .list{ margin-top:50px}
#main .partner .list ul{display: flex;justify-content:flex-start ;align-items:flex-start;flex-wrap:wrap;gap:30px}
#main .partner .list ul li{ width:calc((100% - 90px) / 4); border:1px solid #eee; padding:20px; text-align:center}
#main .partner .list ul li img{max-width:100%}

#main .about{ padding:50px 0}
#main .about .item{ margin-top:90px}
#main .about .item:first-child{ margin-top:0}
#main .about .item .title{ font-size:36px; line-height:1; text-align:center;}
#main .about .item .content{ margin-top:50px}
#main .about .item .content{ line-height:2; font-size:18px}
#main .about .item .content img{ max-width:100%}
#main .about .item .content p{ margin-bottom:15px}
#main .about .factory{ position:relative; margin-top:50px}
#main .about .factory .swiper-slide .img{ width:100%; height:260px; overflow:hidden}
#main .about .factory .swiper-slide .img img{width:100%;height:100%;object-fit:cover;}
#main .about .factory .swiper-slide p{ text-align:center; margin-top:20px; font-size:16px}
#main .about .factory .swiper-slide p{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;}
#main .about .factory .btn{ position:absolute; left:-40px; top:50%; margin-top:-40px; z-index:88; cursor:pointer}
#main .about .factory .btn{  border-radius:80px; background:#fff; color:#0d3c7b; font-size:18px;display: flex;justify-content:center;align-items:center; font-weight:700;box-shadow: 0 19px 24px 0 rgba(0,0,0,.2);width:80px; height:80px}
#main .about .factory .btn.t_prev{ right:-40px; left:auto;;}
#main .about .factory .btn:hover{ background:#0d3c7b; color:#fff}

#main .honor{ position:relative; overflow:hidden; height:90vh;display: flex;justify-content:center;align-items:center}
#main .honor .swiper-wrapper{display: flex;justify-content:flex-start ;align-items:center}
#main .honor .swiper-slide {width:50%;transition-timing-function:linear;transform: scale(.7); -webkit-transition: transform 1s; opacity:.5; text-align:center}
#main .honor .swiper-slide img{max-width:100%; border-radius:.1rem; max-height:600px;border-radius:10px; border:15px solid #fff}
#main .honor .swiper-slide.swiper-slide-active{transform: scale(1); opacity:1 }
#main .honor .btn{ position:absolute; bottom:20px; left:0; width:100%;display: flex;;align-items:center;justify-content:space-between;}
#main .honor .btn .swiper-pagination{ position: relative}
#main .honor .btn .swiper-pagination .swiper-pagination-bullet{ margin:0 5px}
#main .honor .btn .t_next{  border-radius:40px; background:#0d3c7b; color:#fff; font-size:18px;display: flex;justify-content:center;align-items:center; font-weight:700;width:40px; height:40px}
#main .honor .btn .t_prev{  border-radius:40px; background:#0d3c7b; color:#fff; font-size:18px;display: flex;justify-content:center;align-items:center; font-weight:700;width:40px; height:40px}

#main .progress{ padding:50px 0}
#main .progress .title{ font-size:36px; line-height:1; text-align:center}
#main .progress ul{ margin-top:30px}
#main .progress ul li{ width:100%;display: flex;justify-content:flex-end;}
#main .progress ul li .box{ width:50%;display: flex;justify-content:space-between ;align-items:center; position:relative; padding:10px 0;}
#main .progress ul li .box::before{content:"";position:absolute; left:0; top:0; border-left:1px dashed #000; width:1px; height:100%; display:block; overflow:hidden}
#main .progress ul li .box .text{ width:85%; border:1px solid #eee; padding:20px; border-radius:10px;display: flex;justify-content:space-between ;align-items:center}
#main .progress ul li .box .text .left{ width:65%}
#main .progress ul li .box .text .left .year{ font-size:22px; font-weight:700}
#main .progress ul li .box .text .left .info{ color:#777; line-height:1.6; margin-right: 15px;}
#main .progress ul li .box .text .right{ width:40%}
#main .progress ul li .box .text .right img{ width:100%}
#main .progress ul li .box .icon .dot{ width:20px; height:20px; border-radius:20px; overflow:hidden; display:block; border:1px solid #0d3c7b;display: flex;justify-content:center;align-items:center; left:-10px; position:relative; background:#fff}
#main .progress ul li .box .icon .dot i{ width:8px; height:8px; border-radius:8px; overflow:hidden; background:#0d3c7b; display:block;}
#main .progress ul li:nth-child(2n){ width:100%;justify-content:flex-start;}
#main .progress ul li:nth-child(2n) .box{ flex-direction:row-reverse}
#main .progress ul li:nth-child(2n) .box::before{content:"";position:absolute; right:-2px; top:0; left:auto; border-left:1px dashed #000; width:1px; height:100%; display:block; overflow:hidden}
#main .progress ul li:nth-child(2n) .box .icon .dot{ right:-10px; position:relative; left:auto}
#main .progress ul li:first-child .box::before{ top:50%; height:50%}

#main .yf{ padding:50px 0}
#main .yf .title{ font-size:36px; line-height:1; text-align:center}
#main .yf .content{ margin-top:50px;display: flex;justify-content:space-between ;align-items:center; }
#main .yf .content .img{ width:46%}
#main .yf .content .img img{ width:100%}
#main .yf .content .text{ width:46%; line-height:1.8; font-size:16px;}
#main .kf{ padding:50px 0}
#main .kf .title{ font-size:36px; line-height:1; text-align:center}
#main .kf .list{ margin-top:50px; padding:0 10%}
#main .kf .list ul{display: flex;justify-content:space-between ;align-items:flex-start; }
#main .kf .list ul li{ width:calc(100% / 6); text-align:center}
#main .kf .list ul li p{ line-height:1.6; margin-top:20px}
#main .cg{ padding:50px 0}
#main .cg .title{ font-size:36px; line-height:1;}
#main .cg .content{ margin-top:50px;display: flex;justify-content:space-between ;align-items:flex-start; }
#main .cg .content .img{ width:46%}
#main .cg .content .img img{ width:100%}
#main .cg .content .text{ width:46%; line-height:2; font-size:16px;}
#main .cg .content .text .item{ padding-bottom:15px}
#main .cg .content .text .item i{ margin:0 15px}

@media (max-width:1400px){
	#main .about .factory .btn{ left:-20px;}
	#main .about .factory .btn.t_prev{ right:-20px;}
	#main .mainfacilities .factory .btn{ left:-20px;}
	#main .mainfacilities .factory .btn.t_prev{ right:-20px;}
}
@media (max-width:900px){
	#main .mainfacilities .factory .btn{ left:0px;}
	#main .mainfacilities .factory .btn.t_prev{ right:0px;}
	#main .about .factory .btn{ left:0px;}
	#main .about .factory .btn.t_prev{ right:0px;}
}
@media (max-width:800px){
	#nbanner{height:3rem;}
	#nbanner .text{ font-size:.4rem;}

	#main{ min-height:80vh;margin-top:1rem}
	#main .local{padding:.2rem}
	#main .mainfacilities{ padding:.5rem .2rem}
	#main .mainfacilities .item{ margin-top:.9rem}
	#main .mainfacilities .item .title{ font-size:.4rem;}
	#main .mainfacilities .item .list{ margin-top:.5rem}
	#main .mainfacilities .item .list ul{gap:.3rem}
	#main .mainfacilities .item .list ul li{ width:calc((100% - .3rem) / 2); padding:.2rem}
	#main .mainfacilities .item .list ul li .img{ width:100%; height:2rem;}
	#main .mainfacilities .item .list ul li p{ margin-top:.2rem; font-size:.22rem}
	#main .mainfacilities .factory{margin-top:.5rem}
	#main .mainfacilities .factory .swiper-slide .img{height:2.4rem;}
	#main .mainfacilities .factory .swiper-slide p{ margin-top:.2rem; font-size:.22rem}
	#main .mainfacilities .factory .btn{ position:absolute; left:-.2rem; margin-top:-.4rem;}
	#main .mainfacilities .factory .btn{  border-radius:.8rem; font-size:.22rem;width:.8rem; height:.8rem}
	#main .mainfacilities .factory .btn.t_prev{ right:-.2rem;}

	#main .products{ padding:.5rem .2rem}
	#main .products .item{ margin-top:.9rem}
	#main .products .item .title{ font-size:.4rem;}
	#main .products .item .list{ margin-top:.5rem}
	#main .products .item .list ul{gap:.3rem}
	#main .products .item .list ul li{ width:calc((100% - .3rem) / 2); padding:.2rem}
	#main .products .item .list ul li .img{ width:100%; height:2rem;}
	#main .products .item .list ul li p{ margin-top:.2rem; font-size:.22rem}

	#main .announce{ padding:.5rem .2rem}
	#main .announce .title{ font-size:.4rem;}
	#main .announce .clist{margin-top:.3rem;gap:.2rem}
	#main .announce .clist a{ padding:.1rem .2rem;font-size:.22rem}
	#main .announce .list{ margin-top:.5rem}
	#main .announce .list ul li{ padding:.2rem 0;}
	#main .announce .list ul li a{ display:block;}
	#main .announce .list ul li .img{ display:none}
	#main .announce .list ul li span{ font-size:.24rem; margin-left:0}

	#main .contact{ padding:.5rem .2rem}
	#main .contact .title{ font-size:.4rem}
	#main .contact .list{ margin-top:.5rem; display:block;}
	#main .contact .list .left{ width:100%}
	#main .contact .list .left h1{ font-size:.3rem }
	#main .contact .list .left em{ width:.5rem; height:.05rem; margin-top:.3rem; margin-bottom:.3rem}
	#main .contact .list .left .item{padding:.2rem 0}
	#main .contact .list .left .item .icon{ width:.5rem; height:.5rem; border-radius:.5rem;;}
	#main .contact .list .left .item .icon i{ font-size:.2rem;}
	#main .contact .list .left .item .text{ font-size:.22rem; margin-left:.2rem}
	#main .contact .list .left .item .text2{ line-height:.5rem}
	#main .contact .list .right{ width:100%; margin-top:.5rem}
	#main .contact .list .right iframe{ width:100%; height:5rem}

	#main .stock{padding:.5rem .2rem;}
	#main .stock .title{ font-size:.5rem; }
	#main .stock .list{ margin-top:.8rem; }
	#main .stock .list .info{padding: 0}
	#main .stock .list .info .tabs a{ padding:.08rem .1rem; margin-right:.1rem}
	#main .stock .list .info .right{font-size:.22rem}
	#main .stock .list .swiper-slide{ padding: 0; margin-top:.5rem}
	#main .stock .list .swiper-slide .box{padding:.2rem;}
	#main  .wrap1120{ width:100%}
	#main .qualification{ padding:.5rem .2rem}
	#main .qualification .item{ margin-top:.9rem}
	#main .qualification .item .title{ font-size:.4rem;}
	#main .qualification .item .list{ margin-top:.5rem}
	#main .qualification .item .list ul{gap:0; width:100%}
	#main .qualification .item .list ul li{ width:100%; padding:.2rem}
	#main .qualification .item .list ul li p{ margin-top:.2rem; font-size:.22rem}
	#main .qualification .item .list ul li .img{ width:40%; overflow:hidden}
	#main .qualification .item .list ul li .fz{ width:50%; overflow:hidden}
	#main .qualification .item .list ul li .fz p{padding:20px;}
	#main .qualification .item .list ul li .img img{width:100%;height:auto;}
	#main .qualification .item .list ul li p{ text-align:left; margin-top:0; font-size:14px}
	#main .qualification .item .list ul li h1{text-align:left;font-size:16px;padding-left:20px;padding-top:0;}

	#main .partner{ padding:.5rem .2rem}
	#main .partner .title{ font-size:.4rem;}
	#main .partner .list{ margin-top:.5rem}
	#main .partner .list ul{gap:.3rem}
	#main .partner .list ul li{ width:calc((100% - .3rem) / 2); padding:.2rem}

	#main .about{ padding:.5rem .2rem}
	#main .about .item{ margin-top:.9rem}
	#main .about .item .title{ font-size:.4rem;}
	#main .about .item .content{ margin-top:.5rem}
	#main .about .item .content{ line-height:2; font-size:.24rem}
	#main .about .item .content p{ margin-bottom:.2rem}
	#main .about .factory{margin-top:.5rem}
	#main .about .factory .swiper-slide .img{height:2.4rem;}
	#main .about .factory .swiper-slide p{ margin-top:.2rem; font-size:.22rem}
	#main .about .factory .btn{ position:absolute; left:-.2rem; margin-top:-.4rem;}
	#main .about .factory .btn{  border-radius:.8rem; font-size:.22rem;width:.8rem; height:.8rem}
	#main .about .factory .btn.t_prev{ right:-.2rem;}

	#main .honor{height:70vh;}
	#main .honor .swiper-slide {width:95%;}
	#main .honor .swiper-slide img{max-height:50vh;}
	#main .honor .btn{bottom:.2rem;}
	#main .honor .btn .swiper-pagination .swiper-pagination-bullet{ margin:0 .05rem}

	#main .progress{ padding:.5rem .2rem}
	#main .progress .title{ font-size:.4rem}
	#main .progress ul{ margin-top:.3rem}
	#main .progress ul li{ width:100%;}
	#main .progress ul li .box{ width:100%; padding:.1rem 0;}
	#main .progress ul li .box::before{ display:none}
	#main .progress ul li .box .text{ width:100%;padding:.2rem;}
	#main .progress ul li .box .text .left .year{ font-size:.24rem;}
	#main .progress ul li .box .icon{ display:none}
	#main .progress ul li:nth-child(2n) .box::before{ display:none}

	#main .yf{ padding:.5rem .2rem}
	#main .yf .title{ font-size:.4rem;}
	#main .yf .content{ margin-top:.5rem;display: block;}
	#main .yf .content .img{ width:100%}
	#main .yf .content .text{ margin-top:.3rem; width:100%;font-size:.22rem;}
	#main .kf{ padding:.5rem .2rem}
	#main .kf .title{ font-size:.4rem;}
	#main .kf .list{ margin-top:.5rem; padding:0}
	#main .kf .list ul{flex-wrap:wrap;gap:.3rem .2rem }
	#main .kf .list ul li{ width:calc((100% - .2rem) / 2); }
	#main .kf .list ul li p{ margin-top:.2rem}

	#main .cg{ padding:.5rem .2rem}
	#main .cg .title{ font-size:.4rem;}
	#main .cg .content{ margin-top:.5rem;display: block;}
	#main .cg .content .img{ width:100%}
	#main .cg .content .text{ margin-top:.3rem; width:100%;font-size:.22rem;}
}

#join{ width:100%; padding:0 0 80px 0}
#join .atitle{ text-align:center; border:0}
#join .list{ margin-top:50px}
#join .list .titlebox{ display:flex; background:#0054a3;background-image: linear-gradient(to right, #0391e7, #072bb3); color:#fff; padding:15px 0; font-size:18px; font-family:"hr"}
#join .list .a{ width:35%; padding-left:3%}
#join .list .b{ width:25%; text-align:center}
#join .list .c{ width:20%; text-align:center}
#join .list .d{ width:20%; text-align:right; padding-right:3%}
#join .list ul li{ margin-top:30px; font-size:16px}
#join .list ul li .t{ display:flex; padding:10px 0; background:#f5f8fc}
#join .list ul li .t .d{ cursor:pointer}
#join .list ul li .info{ display:none;padding:3% 3%;border:1px solid #f5f8fc; }
#join .list ul li .info .box{display:flex;justify-content:space-between; }
#join .list ul li .info .box .item{font-family:"hr";width:44%}
#join .list ul li .info .box .item .content{ color:#777; margin-top:10px}
#join .list ul li .info .box .sq{width:10%}
#join .list ul li .info .box .sq a{ display:block; background-image: linear-gradient(to right, #0391e7, #072bb3);color:#fff; text-align:center; line-height:44px; border-radius:44px}
#join  .title{ font-size:36px; line-height:1;padding:30px 0;}
#join .local{ color:#999; padding:20px 0 0;}
@media (max-width:800px){
	#join{ width:100%;}
	#join .list{ margin-top:.5rem; padding:0 .2rem}
	#join .list .titlebox{font-size:.22rem;}
	#join .list ul li{ margin-top:.3rem; font-size:16px}
	#join .list ul li .t{ display:flex; padding:.1rem 0; background:#f5f8fc}
	#join .list ul li .t .d{ cursor:pointer}
	#join .list ul li .info{ display:none;padding:3% 3%;border:1px solid #f5f8fc; }
	#join .list ul li .info .box{display:block;justify-content:space-between; }
	#join .list ul li .info .box .item{font-family:"hr";width:100%}
	#join .list ul li .info .box .item .content{ color:#777; margin-top:10px}
	#join .list ul li .info .box .sq{width:20%; margin-top:.3rem}
	#join .list ul li .info .box .sq a{ display:block; background-image: linear-gradient(to right, #0391e7, #072bb3);color:#fff; text-align:center; line-height:44px; border-radius:44px}
	#join  .title{ font-size:36px; line-height:1;padding:30px 0;}
	#join .local{ color:#999; padding:20px 0 0;}

}
#about{ width:100%; padding:150px 0; background:url(../images/bg_about.jpg) no-repeat center center; background-size:cover}
#about .aboutbox{display: flex;justify-content:space-between ;align-items:center;background:#fff}
#about .aboutbox .img{ width:40%}
#about .aboutbox .img img{width:100%;height:100%;object-fit:cover}
#about .aboutbox .text{ width:60%; padding:0 5%}
#about .aboutbox .text h2{ font-size:30px; font-weight:700}
#about .aboutbox .text .content{ margin-top:20px; font-size:16px; line-height:1.6}
#about .aboutbox .text .content p{ padding:5px 0}
#about .aboutbox .text .more{ margin-top:20px}
#about .aboutbox .text .more a{ display:inline-block; border:2px solid #023890; padding:8px 40px; font-size:16px}
#about .aboutbox .text .more a:hover{background:#023890; color:#fff}

@media (max-width:800px){
	#about{padding:1rem .2rem;}
	#about .aboutbox{display: block;}
	#about .aboutbox .img{ width:100%}
	#about .aboutbox .text{ width:100%; padding:0; margin-top:.5rem}
	#about .aboutbox .text h2{ font-size:.3rem;}
	#about .aboutbox .text .content{ margin-top:.2rem; font-size:.24rem;}
	#about .aboutbox .text .content p{ padding:.1rem 0}
	#about .aboutbox .text .more{ margin-top:.2rem}
	#about .aboutbox .text .more a{padding:.1rem .4rem; font-size:.24rem}

}

.clist{ width:100%; z-index:999; }
.clist .box{ background:#fff;box-shadow:0px 0px 12px 0px rgba(0, 0, 0, 0.1); border-radius:4px; overflow:hidden}
.clist .box ul{display:flex;justify-content:flex-start ;align-items:center;}
.clist .box ul li{width:25%; padding:25px 0; border-bottom:2px solid #fff}
.clist .box ul li a{ display:block; text-align:center; border-right:1px solid #eee;; font-family:"hr"}
.clist .box ul li a{ font-size:18px}
.clist .box ul li:hover{ border-bottom:2px solid #0054a3;}
.clist .box ul li.active{ border-bottom:2px solid #0054a3;}
.clist .box ul li.active a{color:#0054a3; font-family:"hm"}


#main .ll01 .list{ margin-top:50px; padding:0 10%}
#main .ll01 .list ul{display: flex;justify-content:space-between ;align-items:flex-start; }
#main .ll01 .list ul li{ width:calc(100% / 3); text-align:center}
#main .ll01 .list ul li p{ line-height:1.6; }
#main .ll01 .list ul li h5{margin-top:20px; font-size:21px;}

#main .ll02 .list{ margin-top:50px; padding:0 10%}
#main .ll02 .list ul{display: flex;justify-content:space-between ;align-items:flex-start; }
#main .ll02 .list ul li{ width:calc(100% / 4); text-align:center}
#main .ll02 .list ul li p{ line-height:1.6; }
#main .ll02 .list ul li h5{margin-top:20px; font-size:21px;}


#main .news .title{ font-size:24px; font-weight:700; line-height:1.8}
#main .news .list ul li{ background:#f0f0f0; padding:20px 20px; margin:20px 0;}
#main .news .list ul li a{display: flex;justify-content:space-between ;align-items:center;}
#main .news .list ul li .img{ width:270px;height: 168px;line-height: 168px;text-align: center}
#main .news .list ul li .img img{width:270px;height: 168px;display: inline-block}
#main .news .list ul li .info{ width:72%}
#main .news .list ul li .info img {max-width:100%;}

#main .news .list ul li .info h2{ font-size:18px}
#main .news .list ul li .info time{ display:block; margin-top:10px}
#main .news .list ul li .info p{line-height:1.6; margin-top:10px}
@media (max-width:800px){
	#main .news .title{ font-size:.3rem;}
	#main .news .list ul li{ padding:.2rem; margin:.2rem 0;}
	#main .news .list ul li a{display: block}
	#main .news .list ul li .img{ width:100%}
	#main .news .list ul li .img img{ width:100%}
	#main .news .list ul li .info{ width:100%; margin-top:.2rem}
	#main .news .list ul li .info h2{ font-size:.24rem}
	#main .news .list ul li .info time{margin-top:.1rem}
	#main .news .list ul li .info p{margin-top:.1rem}
}
.newcontent img {
	max-weight:100%;
}


/* 基础样式 */
.pages_container {
	margin: 30px auto;
}
.pagesMobile a,
.pagesMobile a,
.pages a {
	display: inline-block;
	margin-right: 10px;
	width: 40px;
	height: 40px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	position: relative;
	line-height: 40px;
	background-color: #ffffff;
	color: #333;
	cursor: pointer;
}

.pages_content {
	display: inline-block;
	margin-left: 20px;
	vertical-align: middle;
}

.pages_content button {
	width: 70px;
	height: 40px;
	background-color: #ffffff;
	margin-left: 20px;
	border: none;
	cursor: pointer;
}

.pages_content input {
	width: 70px;
	height: 40px;
	background-color: #ffffff;
	border: solid 1px rgba(2,56,144,0.7);
	cursor: pointer;
	text-align: center;
	margin: 0px 10px;
}

.pages a.on,
.pages_content button,
.pages_content button:hover,
.pages a:hover,
.pages a.prev_pre:hover,
.pagesMobile a.prev_pre,
.pagesMobile a.next_nex,
.pages a.next_nex:hover {
	background-color:rgba(2,56,144,0.7);
	color: #ffffff;
}

.pagesMobile a.prev_pre,
.pagesMobile a.next_nex,
.pages a.prev_pre,
.pages a.next_nex {
	position: relative;
	width: 80px;
	height: 40px;
	background-color: rgba(2,56,144,0.7);
	color: #fff;
	cursor: pointer;
}
.pagesMobile {
	display: none;
}

.newsdetaildiv {}
.newsdetaildiv > h5 {
	font-size: 20px;
	text-align: center;
}
.newsdetaildiv > p {
	text-align: center;
	font-size: 16px;
}
.newsdetaildiv > div {
	font-size: 16px;
	line-height: 1.8em;
}
.newsdetaildiv > div img {
	max-width: 80%;

}
/* ====== 分页 start ====== */

@media (max-width:800px){
	.pages {
		display: none;
	}
	.pagesMobile {
		display: block;
		text-align: center;
	}
	.pagesMobile a.prev_pre,
	.pagesMobile a.next_nex{
		width: 40%;
		display: inline-block;

	}
}