/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
h2 {font-family: "MiSans-Bold"; }
@font-face {
  font-family: "MiSans-Bold";
  src: url("../fonts/MiSans-Bold.ttf") format("truetype");
}
body{ font-size:12px; color:#666;font-family:"MiSans-ExtraLight";}
@font-face {
  font-family: "MiSans-ExtraLight";
  src: url("../fonts/MiSans-ExtraLight.ttf") format("truetype");
}
a{color:#666;}
 a:hover{ color:#054d7d; /*text-decoration:underline;*/} 
p{line-height:1.8em;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{/* max-width:1660px !important; */margin:0 auto;width: 90% !important;}


:root {
    --main-color: #00653b;
    --main-color-white: #ffffff;
    --main-color-333: #333333;
    --main-color-555: #555555;
    --main-color-666: #666666;
    --main-color-999: #999999;
    --main-color-888: #888888;
    --main-transition: all ease 0.4s;
    --main-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    --main-linear: linear-gradient(45deg, #79bd28 0%, #00653b 100%);
}


.header{ display:flex;  align-items: center;justify-content: space-between;}

.logo{ width: 15%; height: 144px;}
.logo a{ width: 100%; height: 100%; display:flex;  align-items: center}
.logo a img{ width: auto; max-height: 100%; max-width: 100%;}

/*menu*/
.menu{height:144px;line-height:144px;}
.menu ul li{float:left;position:relative;width: 12.5vw;}
.menu ul li span>a{ text-transform: uppercase;}
.menu ul li dl{ background:#fff; width:100%; position:absolute; left:0px; top:100%; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; z-index:99 }
.menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 10px; position: relative; }
.menu ul li dl dd>dl{ position: absolute; left: 100%; top: 10px;}
.menu ul li dl dd a{ font-size:14px; color:#000; font-weight:normal; display:inline; padding:0; text-align:left;}
.menu ul li dl dd a:hover{ color:#f60;}
.menu a{font-size:14px;color: #000;text-decoration:none;font-weight:bold;display:block;text-align:center;}
.menu a:hover{color:#fff;}
a.menu_hover{background: #034c79;color:#fff;}
.menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;}
.menu ul li.on>span>a{background: #034c79;color:#fff;}


.sp_header{ display: none;}
.sjj_nav{ display: none;}
.top{ display: none;}
@media only screen and (max-width: 980px) {
.top{ display:block; height: 50px;}
.header { display: none;}
	/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed !important;z-index:10;width:100%; display: block;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#034c79;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; display: block;}
.nav_show{top:50px}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#034c79}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/
}

.banner{ width: 100%;}
.banner img{ width: 100%; vertical-align:bottom;}


.title{}
.title h2{ display: block; color: #000; font-size: 0.47rem;}
.title p{display: block; padding: 0; width: 100px; height: 6px; background: #f5cc24; margin-top: 40px;}
@media only screen and (max-width: 980px) {
	.title h2{ font-size: 18px;}
	.title p{ margin-top: 20px;}
}

.cent01{ display: flex;  align-items: center;justify-content: space-between;flex-wrap: wrap;  margin-top: 4%;}
.cent01_l{ width: 48%; color: #000;}
.cent01_l .title_bg{ width: 100%; display: block;}
.cent01_l .title_bg span{display: block;font-size:0.22rem;line-height: 1.5;margin-top: 5%;font-weight: 400; text-align:justify}
.cent01 .img{width: 42.5%;}
.cent01 .img img{ width: 100%; vertical-align: bottom;}
@media only screen and (max-width: 980px) {
	.cent01{ margin-top: 5%;}
	.cent01_l{ width: 100%;}
	.cent01_l .title_bg span{ font-size: 14px;}
	.cent01 .img{width: 100%; margin-top: 5%;}
}



.cent02{ width: 100%; margin-top: 4%;}
.cent02 img{ width: 100%; vertical-align:bottom;}
@media only screen and (max-width: 980px) {
	.cent02{ margin-top: 5%;}

}

.cent03_bg{ background: #e4e4e4; padding: 4% 0;}
.cent03{}
.cent03 ul li{ background: #ffffff; color: #000; float: left; width:calc((100% - 4%)/3); margin-right: 2%; box-sizing: border-box; padding: 2%;} 
.cent03 ul li:nth-child(3n){ margin-right: 0;}
.cent03 ul li:nth-child(3n-2){ clear:left}
.cent03 ul li .h2{ text-align: center;font-size: 0.24rem; font-weight: bold;font-family: "MiSans-Bold";}
.cent03 ul li span{ display: block; font-size: 0.24rem; font-weight: 400; margin-top: 4%; text-align:justify}
@media only screen and (max-width: 980px) {
	.cent03_bg{ }
	.cent03 ul li{ float: none; width: 100%; margin-right: 0; margin-top: 5%; padding:7%}
	.cent03 ul li span{ font-size: 14px;}
	.cent03 ul li .h2 { font-size:16px;}

}

.cent04{ margin-top: 4%; margin-bottom: 4%;}
.cent04>.title h2{ text-align: center;}
.cent04>ul>li{ margin-top: 4%; display: flex; align-items: center;
justify-content: space-between;flex-wrap: wrap;flex-direction: row-reverse; }
.cent04>ul>li:nth-child(2n){flex-direction:inherit}
.cent04>ul>li .img{width: 40vw;}
.cent04>ul>li .img img{ width: 100%; vertical-align: bottom;}
.cent04>ul>li .tliet_bg{width: 44vw;}
.cent04>ul>li .tliet_bg .title h2{font-size: 26px;line-height: 1;}
.cent04>ul>li .tliet_bg .title p{ background: #034c79;  margin-top: 3%;}
.cent04>ul>li .tliet_bg  ul{ margin-top: 3%;}
.cent04>ul>li .tliet_bg  ul li{ display: flex;   align-items: center;}
.cent04>ul>li .tliet_bg  ul li em{ width: 8px; height: 8px; background: #034c79; border-radius: 50%; margin-right: 10px; }
.cent04>ul>li .tliet_bg  ul li span{font-size: 0.18rem;line-height: 1.5;color: #000;width:calc(100% - 18px);}
@media only screen and (max-width: 980px) {
	.cent04{ margin: 5% auto;}
	.cent04>ul>li{flex-direction:inherit; margin-top: 5%;}
	.cent04>ul>li .tliet_bg ul li {align-items: flex-start; margin-top: 4%;}
	.cent04>ul>li .img{ width: 100%;}
	.cent04>ul>li .tliet_bg{ width: 100%; margin-top: 5%;}
	.cent04>ul>li .tliet_bg ul li span{ line-height:1.5; font-size: 16px;}
	.cent04>ul>li .tliet_bg  ul li em{ margin-top: 2%;}
	.cent04>ul>li .tliet_bg .title h2{font-size:18px}
}

.footer_bg{ background: #054d7d; color: #fff;}
.footer_bg a{ color:#fff;}
.footer{ padding-top: 3%; padding-bottom: 2%;}
.footer dl{ display: flex; justify-content: center;  align-items: flex-start;gap:13%;}
.footer dl dd{}
.footer dl dd .h2{ font-size: 14px; display: block; font-weight: bold; font-family: "MiSans-Bold";}
.footer dl dd ul{ margin-top: 2vw;}
.footer dl dd ul li{ font-size: 14px; line-height: 30px;}
.footer01-bg{ text-align: center; background: #0a334f; padding: 20px 10px; box-sizing: border-box;}
.footer01-bg span{  color: #11649c; font-size: 13px; font-weight: bold;}
@media only screen and (max-width: 980px) {
	.footer{ padding: 5% 0;}
	.footer dl dd{width: 40%; margin-bottom:6%}
	.footer dl{flex-wrap: wrap;    gap: 10%; margin-top: 4%; }
}


.cent05{ margin-top: 4%;}
.cent05 ul{ display: flex; ;  align-items: flex-start;flex-wrap: wrap; gap:1.6rem; margin-top:3%}
.cent05 ul li{ margin-top: 0%;}
.cent05 ul li .h2{  font-size: 0.22rem; display: block; margin-bottom:15px; color: #000; font-weight: bold;font-family: "MiSans-Bold";}
.cent05 ul li dl{}
.cent05 ul li dl dd{ font-size: 0.16rem; line-height: 36px; display: block;}
.cent05 ul li dl dd a{ color: #000;}
@media only screen and (max-width: 980px) {
	.cent05{ margin-top: 5%;}
	.cent05 ul li .h2{ margin-bottom: 2%;}
	.cent05 ul{gap: 30px;}
	.cent05 ul li .h2 { font-size:18px}
	.cent05 ul li dl dd { font-size:14px}

}


.cent06{ margin-top: 4%; margin-bottom: 4%;}
.cent06 .img{width: 42.5%; float: left; display: block;}
.cent06 .img img{ width: 100%; vertical-align: bottom;}
.cent06_l{ float:right; display: block; width: 53%;}
.cent06_l .title-bg{ color: #000; font-size: 0.26rem; line-height: 1.5; margin-top: 4%; font-weight: 300; text-align:justify; font-weight:400}
@media only screen and (max-width: 980px) {
	.cent06{ margin: 5% auto;}
	.cent06_l{ float:none; width: 100%; margin-top: 5%;}
	.cent06 .img{ float:none; width: 100%;}
	.cent06_l .title-bg{ font-size: 14px;}
	
}

.cent07{ }
.cent07 ul li{ display: flex; justify-content: space-between;align-items: flex-start;margin-top: 5%;}
.cent07 ul li:nth-child(2n){ flex-direction: row-reverse;}
.cent07 ul li .img{ width: 42.5%;}
.cent07 ul li .img img{ width: 100%; vertical-align:bottom;}
.cent07_l{ width: 50%;}
.cent07_l .title_bg{ margin-top: 7%; font-size:0.18rem;}
.cent07_l .title_bg span{ font-size:0.24rem !important}
.cent07_l .title_bg span{ display: block; font-size:22px; line-height: 1.5; color: #000; text-align:justify}

@media only screen and (max-width: 980px) {
	.cent07 ul li{ flex-wrap: wrap; 	}
	.cent07_l{ width: 100%;}
	.cent07 ul li .img{ width: 100%; margin-top: 5%;}
	.cent07 ul li:nth-child(2n){ flex-direction:inherit;}
	.cent07_l .title_bg span{ font-size: 14px;}
	.cent07_l .title_bg span{ font-size:16px !important}
	.cent09 ul li .titl_bg { font-size:16px !important}
	.cent09 ul li h2 { font-size:14px !important}
}

.cent08{ margin-top: 4%; position:relative;}
.cent08 p img{ width:100%} 
.cent08 ul li{ float: left; display: block; width: 50%;}
.cent08 ul li .img {padding-bottom: 78%;position: relative;overflow: hidden;background: #f9f9f9;}
.cent08 ul li .img img {width: 100%;height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto auto;transition: all .3s ease;object-fit: cover;}
.cent08 .hye{position:absolute;top: 10%;width: 44%;background:#f5cc24;left: 50%;transform: translate(-50%, 0);border-bottom: 90px solid #034b79;text-align: center; z-index: 1;}
.cent08 .hye h2{font-size:53px;display: block;padding-top: 15%;color: #034b79;padding-bottom: 6%;}
@media only screen and (max-width: 980px) {
	.cent08 ul li{ width: 100%;}
	.cent08 .hye{ position:relative; width: 70%;border-bottom: 40px solid #034b79; margin-bottom: 4%;}
	.cent08 .hye h2{font-size: 24px; }
}

.cent09{}
.cent09 ul li{ float: left; display: block; width: 50%; background:#034b79;  color: #fff; box-sizing: border-box; padding: 3% 3%;}
.cent09 ul li.huan{background:#f5cc24;  color: #000;}
.cent09 ul li h2{ font-size:0.26rem ; font-weight: bold; display: block; margin-bottom: 3%; text-align: center;}
.cent09 ul li .titl_bg{ display: block; font-size: 0.26rem; line-height: 1.5; text-align:justify}
@media only screen and (max-width: 980px) {
	.cent09 ul{ display: flex; flex-wrap: wrap; }
	.cent09 ul li{ float:none; width: 100%; padding: 5%;}
    .cent09 ul li:nth-child(1){   order: 1;}
	.cent09 ul li:nth-child(2){   order: 2;}
	.cent09 ul li:nth-child(3){   order: 4;}
	.cent09 ul li:nth-child(4){   order: 3;}

}

.cent10{ margin-top: 4%;}
.cent10 .title h2{ text-align: center;}
.cent101{ display: flex; ;  align-items: center;justify-content: space-between;	flex-wrap: wrap; margin-top: 4%;}
.cent10_L{ width: 50%;}
.cent10_L img{ width: 100%; vertical-align:bottom;}
.cent10_r{ width: 42.5%; box-sizing: border-box; padding-right: 5%; font-size: 0.23rem; display: block; line-height: 1.5; color: #000; text-align:justify}
@media only screen and (max-width: 980px) {
	.cent10{ margin-top: 5%;}
	.cent10_L{ width: 100%;}
	.cent10_r{ width: 90%; margin: 5% auto 0; font-size: 14px;} 
}


.cent11 {text-align:center;padding: 5% 0 5%;box-sizing: border-box; width: 50% !important;}
.cent11 .titl_bg{ display: block; font-size: 0.24rem; line-height: 1.5; color: #000; margin-top: 8%;}
@media only screen and (max-width: 980px) {
	.cent11{ width: 90% !important;}
	.cent11 .titl_bg{font-size: 14px}
}



.cent12{display: flex;}
.cent12_L{width:calc(100% - 57.5%);padding: 4% 3% 10% 5%;box-sizing: border-box;display: flex;align-items: revert-layer;flex-direction: column;justify-content: space-between;}
.cent12_L .its{}
.cent12_L .its .title_bg{ color: #000;}
.cent12_L .its .title_bg .h2{ margin-top: 8%;}
.cent12_L .its .title_bg .h2 span{  display: block; font-size: 0.22rem; line-height:2;}

.cent12 .img{ width: 57.5%;}
.cent12 .img img{ width: 100%; vertical-align:bottom;}

@media only screen and (max-width: 980px) {
	.cent12{flex-wrap: wrap; }
	.cent12_L{ width: 100%; padding: 5%;}
	.cent12_L .its{ margin-bottom: 5%;}
	.cent12_L .its .title_bg .h2{ margin-top: 5%;}
	.cent12_L .its .title_bg .h2 span{ line-height: 1.5; font-size: 14px;}
	.cent12 .img{ width:  100%;}
}

.inside_con{ padding:10px 0; min-height: 300px;}