.head{height: 173px;}
.head .logo{float: left; padding-top: 18px;}
.head_r{float: right; padding-top: 43px; }
.fwrx{font-size: 14px; background: url(../img/icon1.png) left no-repeat; padding-left: 30px; margin-bottom: 17px;}
.qzss{width: 92px; height: 47px; border: 2px solid #e5e5e5; text-align: center; line-height: 47px; float: left; }
.sousuo{float: left;}
.s1{height: 47px; outline: none; border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; border-left: 0; border-right: 0; padding: 0; margin: 0; width: 194px;float: left; text-indent: 15px;}
.s2{width: 110px; height: 51px; background: url(../img/icon2.jpg); border: 0; color: #fff; text-indent: 20px;float: left;}
#nav{height: 70px; background: #1c5d49;}
.nav>ul{display: flex;}
.nav>ul>li{flex:1; font-size: 16px; line-height: 70px; text-align: center; position: relative;}
.nav>ul>li>a{color: #fff;}
.nav>ul>li.on{background: url(../img/nav.png) bottom no-repeat;}
.nav>ul>li.on>a{color: #d0c28a;}
.nav>ul>li ul{position: absolute; width: 100%; background: #1c5d49; padding-bottom: 5px; padding-top: 5px; display: none; z-index: 999;}
.nav>ul>li ul li{width: 100%; line-height: 35px; }
.nav>ul>li ul li a{color: #fff;}
.nav>ul>li ul li:hover{background: #d0c28a;}
#banner{height: 837px; position: relative;}
#banner .bd ul li{height: 837px; }
#banner .bd ul li img{object-fit: cover; height: 837px; display: block;}
#banner .hd{position: absolute; bottom: 50px; z-index: 9; width: 100%;}
#banner .hd ul li{width: 76px; height: 7px; background: #fff; border-radius: 3px; margin: 0px 10px;}
#banner .hd ul{display: flex; width: 100%; justify-content: center;}
#banner .hd ul li.on{background: #58a7ac;}
.m1{height: 48px; border: 1px solid #eeeeee; margin-top: 27px;}
.m1t{float: left; padding: 6px 18px 0px 7px;}
.m1t img{display: block;}
.m1con ul li{height: 48px; line-height: 48px;}
.m1con ul li a{color: #666666;}
.m2{height: 410px;}
.m2l{width: 827px; float: left;}
.t1{height: 80px; position: relative;}
.t1 span{font-size: 26px; height: 26px; line-height: 26px; position: relative; padding-left: 21px; top: 36px; }
.t1 span::before{content: ''; width: 8px; height: 20px; background: #1c5d49;display: block; float: left; position: absolute; left: 0; top: 6px;}
.t1 .prev{width: 28px; height: 26px; display: block; background: url(../img/icon6.png); position: absolute;right: 39px; top:45px;}
.t1 .next{width: 28px; height: 26px; display: block; background: url(../img/icon5.png); position: absolute;right: 6px; top:45px;}
/* 本例子css */
	.focusBox { position: relative; width: 425px; height: 328px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; float: left;}
	.focusBox .pic img { width: 425px; height: 328px; object-fit: cover; display: block; }
	.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
	.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
	.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
	.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
	.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
	.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
	.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
	.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
	.focusBox .num li.on a,.focusBox .num a:hover{ background:#f60;  }
.m2lconr{width: 383px; float: right;}
.m2lconr ul li{line-height: 40px;}
.m2lconr ul li span{float: right; color: #999;}
.m2lconr ul li a{color: #666;}
.m2r{width: 324px; float: right;}
.m2rcon ul li{margin-bottom: 12px;}
.m2rcon ul li .sj{width: 50px; height: 54px; background: url(../img/icon4.jpg); float: left; color: #fff; text-align: center; margin-right: 10px;}
.m2rcon ul li .sj p{font-size: 28px; line-height: 36px;}
.m2rcon ul li .sj span{font-size: 11px; line-height: 18px; display: block;}
.m2rcon>ul>li>a>h3{font-size: 14px; font-weight: normal; color: #666666;}
.m2rcon>ul>li>a>p{font-size: 14px; color: #999999;}
.m3{height: 467px;}
.m3con ul li{width: 392px; height: 387px; margin-right: 12px; float: left;}
.m3con ul li img{width: 392px; height: 282px; object-fit: cover; display: block;}
.m3licon{height: 105px; background: #58a7ac; padding-left: 25px; padding-right: 25px;}
.m3licon h3{text-align: center;font-size: 18px; line-height: 22px; font-weight: normal; color: #fff; padding-top: 15px; }
.m3licon p{color: #fff; font-size: 14px; line-height: 22px;padding-top: 10px;}
.m4{height: 478px;}
.m4con ul li{width: 235px; height: 380px; position: relative; margin-right: 7px;}
.m4con ul li img{width: 235px; height: 300px; object-fit: cover;}
.m4con ul li .con{width: 210px; height: 130px; background: #58a7ac; color: #fff; position: absolute; bottom: 0; left: 12px; text-align: center;}
.m4con ul li .con h3{font-size: 20px;}
.m4con ul li .con p{font-size: 12px; line-height: 18px; height: 54px; padding-left: 15px; padding-right: 15px;}
.m4con ul li .con span{font-size: 12px; padding-top: 5px;}
.m5{height: 366px;}
.t2{height: 89px;}
.t2 ul li{float: left; font-size: 26px; height: 60px; padding-top: 25px; padding-left: 7px; padding-right: 7px; margin-left: 7px; margin-right: 25px;}
.t2 ul li.on{border-bottom: 4px solid #58a7ac;}
.m5con{height: 215px; padding-left: 10px; padding-right: 10px; padding-top: 13px; border: 1px solid #e5e5e5; overflow: hidden;}
.m5con ul li{width: 306px; margin-right: 10px;}
.m5con ul li img{width: 306px; height: 202px; object-fit: cover;}
#m6{height: 400px; background: url(../img/m6.jpg) center;}
.t3{margin: auto; width: 1062px; padding-top: 90px; padding-bottom: 30px;}
.m6con{color: #fff; width: 920px; margin: auto; font-size: 15px; line-height: 28px; text-indent: 2em;}
#foot1{height: 295px; background: #1c5d49;}
.footlogo{padding-top: 52px;}
.foot1l{width: 596px; float: left;}
.footlcon{font-size: 15px; color: #9dbfb5; line-height: 32px; padding-left: 50px; padding-top: 15px;}
.footlcon span{font-size: 24px; font-weight: bold; font-style: italic; color: #fff;}
.foot1r{float: right; width: 555px; padding-top: 65px;}
.foot1r ul li{float: left; font-size: 16px; margin-left: 66px; line-height: 42px;}
.foot1r ul li a{color: #fff;}
#foot2{border-top: 1px solid #497d6d; height: 74px; line-height: 74px; text-align: center; color: #9dbfb5; background: #1c5d49;}

@media (max-width:768px){
	
	#banner{height: auto; position: relative;}
	#banner .bd ul li{height: auto; }
	#banner .bd ul li img{object-fit: cover; height: auto; display: block;}
	#banner .hd{position: absolute; bottom: 10px; z-index: 9; width: 100%;}
	#banner .hd ul li{width: 76px; height: 7px; background: #fff; border-radius: 3px; margin: 0px 10px;}
	#banner .hd ul{display: flex; width: 100%; justify-content: center;}
	#banner .hd ul li.on{background: #58a7ac;}
	.m2{height: auto;}
	.m2l{width: 100%; float: none;}
	.focusBox { position: relative; width: 100%; height: 328px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; float: none;}
	.focusBox .pic img { width: 100%; height: 328px; object-fit: cover; display: block; }
	.m2lconr{width: 100%; float: none;}
	.m2r{width: 100%; float: none;}
	.m3con ul li{width: 100%; height: 387px; margin-right: 0px;}
	.m3con ul li img{width: 100%;; height: 282px; object-fit: cover; display: block;}
	.m5{height: 366px;}
	.t2{height: 89px;}
	.t2 ul li{float: left; font-size: 20px; height: 60px; padding-top: 25px; padding-left: 7px; padding-right: 7px; margin-left: 7px; margin-right: 5px;}
	.t2 ul li.on{border-bottom: 4px solid #58a7ac;}
	.m5con{height: 240px; padding-left: 10px; padding-right: 10px; padding-top: 13px; border: 1px solid #e5e5e5; overflow: hidden;}
	.m5con ul li{width: 100%; margin-right: 0px;}
	.m5con ul li img{width: 100%; height: 202px; object-fit: cover;}
	#foot2{border-top: 1px solid #497d6d; height: auto; line-height: 30px; text-align: center; color: #9dbfb5; background: #1c5d49; padding: 15px; }
	.m4con ul li{width: 235px; height: 380px; position: relative; margin: auto;}
	.m4con ul li img{width: 235px; height: 300px; object-fit: cover;}
	.m4con ul li .con{width: 210px; height: 130px; background: #58a7ac; color: #fff; position: absolute; bottom: 0; left: 12px; text-align: center;}
}