﻿@charset "utf-8";
*{margin:0;padding:0;outline:0;}
body,html{overflow-x:hidden;color:#333;font:14px/30px "Microsoft Yahei", "PingFang SC", "Helvetica Neue", Helvetica, Arial;background:url(../images/bg.png);}
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", "PingFang SC", "Helvetica Neue", Helvetica, 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;}
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:#0c58a6;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:1280px;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);}
a:hover .bor_box::after,a:hover .bor_box::before{opacity:.7;-webkit-transform:scale(1);transform:scale(1);}

@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%;background:#fff;}
#header .wrap{height:110px;display:flex;justify-content:space-between ;align-items:center;}
#header .logo img{height:66px;}
#header .right{display:flex;align-items:center;gap:0 80px;}
#header .right .mnav{display:none;}
#header .right .tel{display:flex;align-items:center;gap:0 20px;}
#header .right .tel .icon{font-size:60px;color:#0c58a6;}
#header .right .tel .text{font-weight:700;}
#header .right .tel .text .title{font-size:16px;line-height:1;}
#header .right .tel .text .desc{font-size:26px;line-height:1;margin-top:10px;color:#0c58a6;font-family:"din";}
#header .right .link a{color:#0c58a6;border:1px solid #0c58a6;font-size:18px;display:block;padding:5px 20px;border-radius:40px;}
#header .right .link a:hover{background:#eb5e0c;color:#fff;border:1px solid #eb5e0c;}

#nav{width:100%;background:#0c58a6;background:linear-gradient(to bottom,#0a77bc,#0c58a6);}
#nav ul{display:flex;align-items:center;}
#nav ul li{width:calc(100% / 6);position:relative;}
#nav ul li .item{height:44px;overflow:hidden;}
#nav ul li .item a{color:#fff;font-size:16px;line-height:44px;display:block;text-align:center;font-weight:700;}
#nav ul li .item a i{display:none;}
#nav ul li .item a.hover{background:linear-gradient(to bottom,#004c99,#003770);}
#nav ul li .sub{display:none;position:absolute;left:0;top:44px;width:100%;z-index:99;background:#003770;}
#nav ul li .sub dl{padding:10px 0 20px 0;}
#nav ul li .sub dl dd a{padding:10px 0;display:block;line-height:1.5;text-align:center;color:#fff;}
#nav ul li .sub dl dd a:hover{background:#0a77bc;}
#nav ul li:hover .item a.link{margin-top:-44px;}
#nav ul li.active .item a.link{margin-top:-44px;}

#banner{width:100%;background:#333;}
#banner .focus{position:relative;}
#banner .focus .swiper-slide{position:relative;}
#banner .focus .swiper-slide .img img{width:100%;height:100%;object-fit:cover;}
#banner .focus .swiper-slide .info{position:absolute;left:0;top:0;width:100%;height:100%;z-index:99;}
#banner .focus .swiper-slide .info{display:flex;justify-content:center;align-items:center;}
#banner .focus .swiper-slide .info .text .title{font-size:54px;color:#fff;font-weight:700;line-height:1;}
#banner .focus .swiper-slide .info .text .desc{font-size:20px;color:#fff;margin-top:10px;}
#banner .focus .swiper-pagination-bullet{width:8px;height:8px;border-radius:10px;background:#fff;opacity:.9;margin:0 5px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#banner .focus .swiper-pagination-bullet-active{background:#eb5e0c;width:30px;}

.stitle{display:flex;justify-content:space-between ;align-items:center;border-bottom:3px solid #0c58a6;padding-bottom:10px;}
.stitle .tit{display:flex;align-items:center;gap:0 20px;}
.stitle .tit h2{font-size:22px;color:#333;}
.stitle .tit span{color:#aaa;font-size:12px;}
.stitle .more a{display:flex;align-items:center;gap:0 5px;font-size:12px;}
.stitle .more a{color:#777;}
.stitle .more a:hover{color:#eb5e0c;}

#about{width:100%;margin-top:30px;}
#about .wrap{display:flex;justify-content:space-between;gap:0 20px;}
#about .left{width:42%;background:#fff;padding:15px;}
#about .left .content{margin-top:20px;}
#about .left .content .img img{width:100%;}
#about .left .content .text{margin-top:20px;line-height:2.2;}
#about .left .content .text p{text-indent:2em;}
#about .left .content .more{margin-top:10px;}
#about .left .content .more a{background:#0c58a6;color:#fff;display:inline-block;border-radius:40px;padding:0 20px;}
#about .left .content .more a:hover{background:#eb5e0c;}
#about .left .content .more a i{margin-left:5px;}
#about .right{width:calc(58% - 20px);}
#about .right .item{background:#fff;padding:15px;}
#about .right .item .list{margin-top:20px;}
#about .right .item .list ul li{display:flex;justify-content:space-between ;align-items:center;border-bottom:1px dotted #ccc;line-height:2.6;;}
#about .right .item .list ul li a{width:80%;padding-left:10px;position:relative;}
#about .right .item .list ul li a{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;}
#about .right .item .list ul li a::before{content:'';display:block;width:4px;height:4px;position:absolute;left:0%;transform:translateY(-50%);top:50%;background:#777;border-radius:6px;}
#about .right .item .list ul li span{color:#999;font-size:12px;}
#about .right .item:last-child{margin-top:20px;}

#pic{width:100%;margin-top:20px;}
#pic .wrap{position:relative;}
#pic .img img{width:100%;height:100%;object-fit:cover;}
#pic .text{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;}
#pic .text .textbox{text-align:center;}
#pic .text .title{line-height:1;font-size:36px;color:#fff;font-weight:700;}
#pic .text .desc{line-height:1;font-size:24px;color:#fff;margin-top:20px;}
#pic .text .desc a{color:#fff;}

#info{width:100%;margin-top:20px;}
#info .wrap{display:flex;justify-content:space-between;gap:0 20px;}
#info .item{width:calc((100% - 40px) / 3);background:#fff;padding:15px;}
#info .item .list{margin-top:20px;}
#info .item .list ul li{display:flex;justify-content:space-between ;align-items:center;border-bottom:1px dotted #ccc;line-height:2.6;;}
#info .item .list ul li a{width:80%;padding-left:10px;position:relative;}
#info .item .list ul li a{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;}
#info .item .list ul li a::before{content:'';display:block;width:4px;height:4px;position:absolute;left:0%;transform:translateY(-50%);top:50%;background:#777;border-radius:6px;}
#info .item .list ul li span{color:#999;font-size:12px;}

#linker{width:100%;margin-top:20px;}
#linker .wrap{background:#fff;padding:15px;}
#linker .list ul{margin-top:20px;}
#linker .list ul{display:flex;flex-wrap:wrap;gap:10px 20px; }
#linker .list ul li{width:calc((100% - 80px) / 5);}
#linker .list ul li img{ width:100%}

#footer{width:100%;background:#f5f5f5;margin-top:20px;}
#footer .contact{padding:50px 0;display:flex;justify-content:space-between ;align-items:center;;}
#footer .contact .left .item{display:flex;align-items:center;gap:0 5px;}
#footer .contact .qrcode .img img{height:100px;}
#footer .contact .qrcode .desc{text-align:center;}
#footer .copyright{padding:15px 0;display:flex;justify-content:space-between ;border-top:1px solid rgba(0,0,0,.05) ;}
#footer .copyright .left a{margin-left:10px;}
#footer .copyright .right{display:flex;}
#footer .copyright .right a{margin-left:10px;}

@media (max-width:1300px){
	.wrap{ padding:0 20px}
}
@media (max-width:800px){
	body,html{font-size:.22rem;line-height:.34rem;}
	.wrap{ padding:0}
	#header{position:fixed;left:0;top:0;z-index:999;box-shadow:0 2px 10px 0 rgba(28,28,28,.1);}
	#header .wrap{height:.9rem;padding:0 .2rem;}
	#header .logo img{height:.6rem;}
	#header .right{display:flex;align-items:center;gap:0;}
	#header .right .mnav{position:relative;display:block;width:.34rem;height:.25rem;cursor:pointer;}
	#header .right .mnav span{position:absolute;display:block;width:.34rem;height:.05rem;background:#0c58a6;transition:all .5s;border-radius:.05rem;}
	#header .right .mnav .s1{top:0;}
	#header .right .mnav .s2{top:.1rem;width:.26rem;}
	#header .right .mnav .s3{top:.2rem;}
	#header .right .mnav.isopen .s1{top:.1rem;transform:rotate(45deg);}
	#header .right .mnav.isopen .s2{width:0;opacity:0;}
	#header .right .mnav.isopen .s3{top:.1rem;transform:rotate(-45deg);}
	#header .right .tel{display:none;}
	#header .right .link{display:none;}
	
	#nav{position:fixed;background:#fff;height:auto;min-height:100vh;width:100%;top:.9rem;z-index:105;padding:.1rem .2rem 0;transform:translatex(100%);left:0;border-top:1px solid #eee;}
	#nav ul{display:block;}
	#nav ul li{width:100%;}
	#nav ul li .item{height:auto;}
	#nav ul li .item a{color:#333;font-size:.24rem;line-height:.7rem;text-align:left;border-bottom:1px solid #eee;display:flex;justify-content:space-between ;align-items:center;}
	#nav ul li .item a i{display:block;color:#999;font-size:.22rem;}
	#nav ul li .item a.hover{display:none;}
	#nav ul li .sub{display:none;position:inherit;left:0;top:0;width:100%;z-index:99;background:#fff;}
	#nav ul li .sub dl{padding:10px 0 20px 0;}
	#nav ul li .sub dl dd a{padding:.2rem 0;display:block;line-height:1.5;text-align:left;color:#333;font-size:.24rem;}
	#nav ul li .sub dl dd a:hover{background:none;}
	#nav ul li:hover .item a.link{margin-top:0;}
	#nav ul li.active .item a.link{margin-top:0;}
	#nav ul li .sub{display:none;position:inherit;left:0;top:0;margin-left:0;}
	#nav ul li .sub dl{padding:.2rem 0;width:auto;margin-top:0;box-shadow:0 0 0 0;}
	#nav ul li .sub dl::before{display:none;}
	#nav ul li .sub dl dd a{padding:0 .2rem;line-height:.6rem;font-size:.22rem;border-bottom:1px solid #eee;text-align:left;color:#888;}
	#nav ul li .sub dl dd a:hover{background:none;color:#8ac53f;}
	#nav.isopen{transform:translatex(0);display:block;width:100%;}
	
	#banner{margin-top:.9rem;}	
	#banner .focus .swiper-slide .img{height:3.5rem;}
	#banner .focus .swiper-slide .info .text{padding:0 .25rem;}
	#banner .focus .swiper-slide .info .text .title{font-size:.4rem;}
	#banner .focus .swiper-slide .info .text .desc{font-size:.24rem;margin-top:.1rem;}
	
	.stitle{border-bottom:.03rem solid #0c58a6;padding-bottom:.1rem;}
	.stitle .tit{gap:0 .2rem;}
	.stitle .tit h2{font-size:.28rem;}
	.stitle .tit span{font-size:.18rem;}
	.stitle .more a{gap:0 .1rem;font-size:.18rem;}
	
	#about{margin-top:.3rem;padding:0 .2rem;}
	#about .wrap{flex-wrap:wrap;}
	#about .left{width:100%;padding:.2rem;}
	#about .left .content{margin-top:.2rem;}
	#about .left .content .text{margin-top:.2rem;font-size:.22rem;line-height:2;}
	#about .left .content .text p{text-indent:2em;}
	#about .left .content .more{margin-top:.2rem;text-align:center;}
	#about .left .content .more a{border-radius:.4rem;padding:.1rem .3rem;}
	#about .left .content .more a i{margin-left:.1rem;}
	#about .right{width:100%;}
	#about .right .item{padding:.2rem;margin-top:.2rem;}
	#about .right .item .list{margin-top:.2rem;}
	#about .right .item .list ul li{line-height:2.6;;}
	#about .right .item .list ul li a{padding-left:.15rem;width:74%;font-size:.22rem;}
	#about .right .item .list ul li span{font-size:.18rem;}
	#about .right .item:last-child{margin-top:.2rem;}
	
	#pic{margin-top:.2rem;}
	#pic .img{height:3rem;}
	#pic .text{padding:0 .3rem;}
	#pic .text .title{font-size:.4rem;line-height:1.5;}
	#pic .text .desc{font-size:.26rem;margin-top:.2rem;}
	
	#info{margin-top:.2rem;padding:.2rem;}
	#info .wrap{flex-wrap:wrap;gap:0 .2rem;}
	#info .item{width:100%;padding:.2rem;}
	#info .item .list{margin-top:.2rem;}
	#info .item .list ul li{line-height:2.6;;}
	#info .item .list ul li a{padding-left:.15rem;width:74%;font-size:.22rem;}
	#info .item .list ul li span{font-size:.18rem;}
	
	#linker{;margin-top:.2rem;}
	#linker .wrap{padding:.2rem;}
	#linker .list ul{margin-top:.2rem;}
	#linker .list ul{display:flex;flex-wrap:wrap;gap:.2rem; }
	#linker .list ul li{width:calc((100% - .4rem) / 3);}
	#linker .list ul li img{ width:100%}
	
	#footer{margin-top:.2rem;padding:0 .2rem;}
	#footer .contact{padding:.5rem 0;display:block;}
	#footer .contact .left .item{gap:0 .1rem;padding:.05rem 0;}
	#footer .contact .qrcode{margin-top:.2rem;}
	#footer .contact .qrcode .img{text-align:center;}
	#footer .contact .qrcode .img img{height:1.6rem;}
	#footer .contact .qrcode .desc{text-align:center;}
	#footer .copyright{padding:.2rem .2rem;display:block;font-size:.2rem;}
	#footer .copyright .left{text-align:center;}
	#footer .copyright .right{justify-content:center ;}
	#footer .copyright .right a{margin:0 .1rem;}

}

#nbanner{width:100%;height:300px;position:relative;}
#nbanner img{width:100%;height:100%;object-fit:cover;}
#nbanner .text{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;}
#nbanner .text .title{font-size:34px;font-weight:700;text-align:center;color:#fff;}

#local{width:100%;background:#fff;padding:10px 0;}
#local .wrap{display:flex;align-items:center;gap:0 10px}
#local .icon{color:#999}
#local .desc i{ margin:0 10px;}
#local .desc,
#local .desc a{ color:#999}

#main{width:100%;padding:30px 0;}
#main .wrap{display:flex;justify-content:space-between;align-items:flex-start;}
#main .left{width:270px;border:2px solid #0c58a6;background:#fff;}
#main .left .title{background:#0c58a6;padding:15px 0;}
#main .left .title .t{text-align:center;color:#fff;}
#main .left .title .t h2{font-size:20px;line-height:1;}
#main .left .title .t p{font-size:14px;line-height:1;margin-top:10px;}
#main .left .title .more{display:none;color:#fff;}
#main .left .list{padding:20px;}
#main .left .list ul li{border-bottom:1px solid #eee;padding:15px 0;}
#main .left .list ul li a{display:block;font-size:16px;}
#main .left .list ul li a:hover{font-weight:700;}
#main .left .list ul li.active a{font-weight:700; color:#eb5e0c;}
#main .right{width:calc(100% - 290px);background:#fff;padding:30px;}
#main .right .rtitle{border-bottom:3px solid #0c58a6;font-size:20px;font-weight:700;padding-bottom:10px;}
#main .right .content{margin-top:20px;line-height:1.8;font-size:16px; min-height:400px}
#main .right .content img{max-width:100%;}
#main .right .content p{margin-bottom:10px;}
#main .right .list{margin-top:20px;}
#main .right .list ul li{border-bottom:1px dotted #ccc;padding:12px 0;display:flex;justify-content:space-between;align-items:center;}
#main .right .list ul li a{width:80%;position:relative;padding-left:15px;font-size:16px;}
#main .right .list ul li a{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;}
#main .right .list ul li a::before{content:'';display:block;width:4px;height:4px;position:absolute;left:0%;transform:translateY(-50%);top:50%;background:#777;border-radius:6px;}
#main .right .list ul li span{color:#999;}

#main .show{background:#fff;padding:50px; width:100%}
#main .show .title{border-bottom:1px solid #eee;text-align:center;padding-bottom:20px;}
#main .show .title h1{font-size:24px;line-height:2;font-family:"宋体","SimSun";color:#000;}
#main .show .title .info{color:#999;}
#main .show .mycontent{padding:20px 0;line-height:1.6;font-size:16px;font-family:"宋体","SimSun";}
#main .show .mycontent p{margin-bottom:10px;}
#main .show .mycontent img{max-width:80%;}
#main .show .mycontent table {	width: 100%;	border-collapse: collapse;	background-color: #fff;	border: 1px solid #949494;}
#main .show .mycontent table th,
#main .show .mycontent table td {	border: 1px solid #949494;	text-align: center;	padding:10px;word-wrap:break-word;word-break:break-all;}
#main .show .mycontent table th {	background-color:#8ac53f;	color: #fff;}
#main .show .updown{margin-top:30px;padding-top:30px;border-top:1px solid #eee;}

#main .piclist{ margin-top:20px}
#main .piclist ul{display:flex;align-items:flex-start;flex-wrap:wrap;gap:20px 20px}
#main .piclist ul li{ width:calc((100% - 40px) / 3)}
#main .piclist ul li .img{ height:260px; border:1px solid #eee; padding:20px;display:flex;justify-content:center;align-items:center;}
#main .piclist ul li .img img{ max-width:100%; max-height:100%;}
#main .piclist ul li .desc{ text-align:center; margin-top:20px; line-height:1.6; padding:0 1vw}

#main .qyfclist{ margin-top:20px}
#main .qyfclist ul{display:flex;align-items:flex-start;flex-wrap:wrap;gap:20px 20px}
#main .qyfclist ul li{ width:calc((100% - 40px) / 3);height:260px; border:1px solid #eee; padding:20px;display:flex;justify-content:center;align-items:center;}
#main .qyfclist ul li img{ max-width:100%; max-height:100%;}

#main .contact{ width:100%}
#main .contact .content{ background:#fff; padding:20px 20px;display:flex;justify-content:space-between ;}
#main .contact .content .item{ width:32%; border:1px solid #eee; padding:40px 20px; text-align:center; border-radius:6px}
#main .contact .content .item .icon{display:inline-block;width:80px;height:80px;font-size:30px;line-height:80px;color:#fff;background:#0c58a6;}
#main .contact .content .item .icon{border:1px solid #eee;border-radius:100% 50% 50% 100% / 75% 69% 69% 75%;}
#main .contact .content .item .info{ margin-top:30px}
#main .contact .content .item .info .title{ font-size:18px; font-weight:700}
#main .contact .content .item .info .desc{ margin-top:20px; font-size:18px}
#main .contact .content .item .info .desc a{ text-decoration:underline}
#main .contact .map{ margin-top:20px; background:#fff; padding:20px 20px;display:flex;justify-content:space-between ;}
#main .contact .map .mapbox{ width:50%}
#main .contact .map .mapbox iframe{ width:100%; height:100%}
#main .contact .map .formbox{ width:45%; padding:20px 0}
#main .contact .map .formbox .item{ padding:10px 0}
#main .contact .map .formbox .item .text{ width:100%; border:1px solid #ddd; border-radius:4px; padding:13px 20px;}
#main .contact .map .formbox .item .text:focus{border-color:#eb5e0c!important;}
#main .contact .map .formbox .item .textarea{ width:100%; border:1px solid #ddd; border-radius:4px; padding:13px 20px; height:100px}
#main .contact .map .formbox .item .textarea:focus{border-color:#eb5e0c!important;}
#main .contact .map .formbox .button .btn{ display:inline-block; border:0; background:#0c58a6; border-radius:4px; padding:13px 50px; font-size:16px; color:#fff; cursor:pointer}
#main .contact .map .formbox .button .btn:hover{ background:#eb5e0c}


#fenye{padding:50px 0 0px;display:flex;align-items:center;justify-content:center;gap:0 10px;}
#fenye a{color:#5a5a5a;padding:8px 15px;border:1px solid #eee;border-radius:4px;}
#fenye .prev,#fenye .next{width:52px;text-align:center;}
#fenye a.curr{font-weight:700;color:#fff;background:#0c58a6;border:1px solid #0c58a6;}
#fenye a:hover{background:#0c58a6;color:#fff;border:1px solid #0c58a6;}

@media (max-width:800px){
	body,html{font-size:.22rem;line-height:.34rem;}	
	#nbanner{height:2.6rem; margin-top:.9rem}
	
	#local{padding:.2rem .2rem;}
	#local,#local a{font-size:.2rem;color:#777;}	
	
	#main{padding:.3rem .2rem;}
	#main .wrap{display:block;}
	#main .left{width:100%;border-radius:4px;}
	#main .left .title{padding:.2rem .2rem;display:flex;justify-content:space-between;align-items:center;}
	#main .left .title .t{text-align:left;}
	#main .left .title .t h2{font-size:.24rem;}
	#main .left .title .t p{font-size:.18rem;margin-top:.1rem;}
	#main .left .title .more{display:block;font-size:.28rem;cursor:pointer;}
	#main .left .list{padding:.2rem;display:none;}
	#main .left .list ul li{padding:.2rem 0;}
	#main .left .list ul li a{font-size:.22rem;}
	#main .left.active .list{display:block;}
	#main .right{width:100%;padding:.2rem;margin-top:.2rem;}
	#main .right .rtitle{font-size:.3rem;padding-bottom:.2rem;}
	#main .right .content{margin-top:.2rem;font-size:.22rem; min-height:inherit}
	#main .right .content p{margin-bottom:.1rem;}
	
	#main .right .list{margin-top:.2rem;}
	#main .right .list ul li{ padding:.15rem 0;}
	#main .right .list ul li a{width:74%;padding-left:.2rem;font-size:.22rem;}
	#main .right .list ul li span{font-size:.18rem;}

	#main .show{padding:.2rem;}
	#main .show .title{padding:.2rem 0;}
	#main .show .title h1{font-size:.3rem;line-height:1.6;}
	#main .show .mycontent{padding:.2rem 0;line-height:1.6;font-size:.24rem;}
	#main .show .mycontent p{margin-bottom:.1rem;}
	#main .show .mycontent img{max-width:100%;}
	#main .show .updown{margin-top:.3rem;padding-top:.3rem;}
	
	#main .piclist{ margin-top:.2rem}
	#main .piclist ul{gap:.2rem}
	#main .piclist ul li{ width:100%}
	#main .piclist ul li .img{ height:auto; padding:.2rem;}
	#main .piclist ul li .desc{margin-top:.2rem}
	
	#main .qyfclist{ margin-top:.2rem}
	#main .qyfclist ul{gap:.2rem}
	#main .qyfclist ul li{ width:100%;height: auto; padding:.2rem;}
	
	#main .contact .content{padding:.2rem;flex-wrap:wrap;gap:.2rem;}
	#main .contact .content .item{ width:100%; padding:.3rem;}
	#main .contact .content .item .icon{width:1rem;height:1rem;font-size:.3rem;line-height:1rem;}
	#main .contact .content .item .info{ margin-top:.3rem}
	#main .contact .content .item .info .title{ font-size:.24rem;}
	#main .contact .content .item .info .desc{ margin-top:.2rem; font-size:.26rem; line-height:1.6}
	#main .contact .map{ margin-top:.2rem;  padding:.2rem;display: block;}
	#main .contact .map .mapbox{ width:100%}
	#main .contact .map .mapbox iframe{ width:100%; height:5rem}
	#main .contact .map .formbox{ width:100%; padding:.3rem  0 0}
	#main .contact .map .formbox .item{ padding:.1rem 0}
	#main .contact .map .formbox .item .text{padding:.2rem .2rem; font-size:.22rem}
	#main .contact .map .formbox .item .textarea{  padding:.2rem; height:1.5rem; font-size:.22rem}
	#main .contact .map .formbox .button .btn{padding:.2rem 0; width:100%; font-size:.24rem;}	
	
	#fenye{padding:.5rem 0 0px;gap:0 .1rem;}
	#fenye a{margin:0 .02rem;padding:.1rem .15rem;}
	#fenye .prev,#fenye .next{width:.55rem;}
	#fenye .num,#fenye .prev{display:none;}
}

