/*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;
    font-family: Times New Roman;
}
body{ font-size:12px; color:#666;}
a{color:#666;}
a:hover{ color:#000; /*text-decoration:underline;*/}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1300px !important; margin:0 auto; max-width:1300px !important;}
.wapper01{ width:1600px; margin:0 auto; max-width:1600px;}

@font-face {
  font-family: "Bebas Neue";
  src: url("../fonts/JTUSjIg69CK48gW7PXoo9Wlhyw.woff2") format("woff2"),
}


.header-bg{ position:absolute; top:0; left:0; width:100%; z-index:9}
.header{ display: flex;  justify-content: space-between;  align-items: flex-end; height:93px;}
.header .logo{ height:63px; max-width:100%;}
.header .logo a{ height:100%; display: flex;  justify-content: space-between;  align-items: flex-end;}
.header .logo a img{ max-height:90px; max-width:100%;}
.header-r{ display: flex;  justify-content:flex-end;  align-items:center; height: 63px;}



/*menu*/
.menu{height:30px;line-height:30px;}
.menu ul li{float:left;position:relative;/* width:120px; */}
.menu ul li dl{ background:#fff; width:auto; position:absolute; left:0px; top:30px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; }
.menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 10px; }
.menu ul li dl dd a{ font-size:12px; color:#666; font-weight:normal; display:inline; padding:0; text-align:left;}
    .menu ul li dl dd a:hover {
        color: #2a8037;
    }
.menu a{font-size: 16px;color:#fff;text-decoration:none;font-weight:bold;display:block;text-align:center;padding: 0 13px;    letter-spacing: 2.24px; text-transform: uppercase;}
/*.menu a:hover{color:#fff;}
a.menu_hover{ background:#666;color:#fff;}
.menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;}*/
    .menu ul li.hover > span > a {
        color: #2a8037;
        border: solid 2px #2a8037;
    }

.yuan{ display:block; position:relative; width:95px;}
.yuan a{ display:block;  text-align:center; line-height:24px; display: flex; justify-content: center;  align-items: center;}
.yuan a img{ width:22px; height:22px;}
.kot{display:none;padding: 30px 0;border-radius: 10px;background: #fff;cursor: auto;z-index: 5;border: 1px solid #ddd;position:absolute;top:100%;width: 100%;left: 50%;margin-left: -45px;box-sizing: border-box;}
.kot a{ color:#555; font-size:16px; display:block; text-align:center;    line-height: 1.6; font-weight:bold;    margin-top: 20px;}
.yuan:hover .kot{ display:block}
.kot a:hover{ color:#007096}
.kot a:first-child{margin-top:0}


.cent01{ position:relative;}
.cent01>.img{ display:block; width:100%;}
.cent01>.img>img{ display:block; width:100%; vertical-align:bottom;  height:135vh;  object-fit: cover; }
.cent01-1{ position:absolute; top:33%; left:0; width:100%; text-align:center;}
.beij{ width:50%; margin:0 auto; color:#fff;}
.beij h2{line-height: 0.95;font-size: 7vw;font-family: Times New Roman;font-weight: normal;}
.beij span{ font-size:30px; display:block; line-height:2.5; text-align:center; margin-top:2%;}

.cent02{text-align:center;margin-top: -5%;position:relative;color:#000}
.cent02 h2{ font-size:44px; display:block; font-weight: bold;    font-family: Times New Roman;}
.cent02>p{  font-size:28px; padding:0; margin:1% 0% 2%; display:block; line-height:1;    font-family: Times New Roman;}
.cent0201{position:relative;max-width: 1080px;box-sizing:border-box;padding: 0 9%;margin:0 auto;}
.cent0201::before {
    /*background: url(../images/quote-left.svg) no-repeat center;*/
    background-size: contain;
    top: 6px;
    left: 0;
	    content: "";
    position: absolute;
    display: block;
    width: 84px;
    height: 47px;
}

.cent0201::after {
    /*background: url(../images/quote-right.svg) no-repeat center;*/
    background-size: contain;
    top: 6px;
    right: 0;
 content: "";
    position: absolute;
    display: block;
    width: 84px;
    height: 47px;
}
.cent0201 span{ color:#2c2a28; font-size:22px; display:block; line-height:1.32;font-weight: 700;}
.cent0201 span a{text-decoration:underline; color:#307f3e; }
.cent0201 p{    font-size: 22px; font-weight: normal;  font-stretch: normal; font-style: normal; line-height: 1.32; letter-spacing: normal; text-align: center; display:block; margin:1% 0;  color: #2c2a28;}
.cent0201 img{ max-width:100%; display:block; margin:2% auto;}
.cent0201 em{ color:#827e79; font-size:16px; font-style:normal; font-weight:bold;}


.cent03{ margin-top:3%; border-top:1px solid #797979;}
.title{ display:block; margin-top:3%;}
    .title h2 {
        background-image: linear-gradient(to left, #307f3e, #307f3e 100%);
        font-size: 58px;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: Times New Roman;
        line-height: 1
    }
.cent03 ul{ margin-top:2%;}
.cent03 ul li a{ display: flex;  justify-content: space-between;  align-items: center;}
.cent03 ul li:nth-child(2n) a{flex-direction: row-reverse;}
.cent03 ul li .img{ width:25%;}
.cent03 ul li .img img{ width:100%; vertical-align:bottom;}	
.cent03-r{ width:72%;}
    .cent03-r h2 {
        font-family: Times New Roman;
        font-size: 44px;
        color: #307f3e
    }
.cent03-r span{ font-size:20px; color:#797979; line-height:1.5; margin-top:1%; display:block;}


.more {
    margin: 4% auto 0;
    display: block;
    width: 137px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    background: #307f3e;
    font-size: 19px;
    font-family: Times New Roman;
}

.cent04{ background:#eceff1; box-sizing:border-box; padding:3%; margin-top:3%}
.cent0401{ display: flex;  justify-content: space-between;  align-items:flex-start;}
.cent0401-1{ width:48%;font-family: Times New Roman;}
    .cent0401-1 h2 {
        background-image: linear-gradient(to left, #3df55e, #307f3e 100%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 58px;
    }

.cent0401-1 h2 em{ font-style:normal;}
.cent0401-1 span{    font-size: 32px; display:block; color:#000; margin-top:4%}
.cent0401-r{ width:48%;}
.cent0401-r span{    font-weight: 700; display:block; font-size:17px; color:#797979; line-height:1.5;}
    .cent0401-r > a {
        margin: 2% 0 0;
        background: #307f3e;
        color: #fff;
    }
.cent04 ul li{ margin-top:4%; float:left; display:block;width:calc((100% - 4%)/2); margin-right:4%;     position: relative; background:url(../images/concrete-background@2x.jpg) center no-repeat;}
.cent04 ul li a{display: flex; justify-content: space-between;}
.cent04 ul li:nth-child(2n) { margin-right: 0% ;}
    .cent04 ul li:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 110px;
        background-image: linear-gradient(to bottom, rgba(232, 219, 208, 0) 33%, #8fbf98 118%);
    }
.cent04 ul li .img{    margin-top: -50px; margin-left: auto; width:40%;}
.cent04 ul li .img img{ width:100%; height:auto; vertical-align:bottom;}
.cent04 ul li .cent04-r{   padding: 50px 0 0 50px; max-width: 50%; font-family: Times New Roman;}
.cent04 ul li .cent04-r h2{ color:#000; font-size:26px; font-weight:normal;}

.cent05{margin-top:3%; border-top:1px solid #797979; margin-bottom:2%;}
.cent05 .title h2{ text-align:center;}
    .cent05 ul li {
        float: left;
        display: block;
        width: calc((100% - 4%)/2);
        margin-right: 4%;
        margin-top: 2%;
        background: #579d6329;
        box-sizing: border-box;
        padding: 2% 4%;
        font-family: Times New Roman;
    }
.cent05 ul li:nth-child(2n) { margin-right: 0% ;}
.cent05 ul li>a{ margin:2% 0 0;}
.cent05 ul li em{ font-size:21px; color:#000; opacity:0.4; display:block; font-style:normal;}
.cent05 ul li h2{    font-size: 20px; font-weight: normal;   font-stretch: normal;  font-style: normal;   line-height: 1;   letter-spacing: normal;  color: #000;}


.footer-bg {
    background: #307f3e;
    color: #fff
}
.footer-bg a{ color:#fff;}
.footer{ padding:2% 0; display: flex;  justify-content: space-between;  align-items: flex-start;}
.footer01 {
    width: 16%;
    margin-right: 30px;
}
.footer01 .logo{ height:auto;}
.footer01 .logo a{ display:flex;height:100%;}
.footer01 .logo a img{ max-width:100%; height:100%; display:block;}
.footer01 p{ font-size:15px; padding:15px 0;}
    .footer01 .select {
        width: 100%;
        height: 30px;
        display: block;
        color: #fff;
        height: 30px;
        background-color: #307f3e;
        border: 1px solid #ffffff;
    }}
.footer02{ width:75%;}
.footer02 dl{ display: flex;  justify-content: space-between;  align-items: flex-start;}
.footer02 dl dd{ width:48%;}
    .footer02 dl dd h2 {
        padding-bottom: 15px;
        font-size: 18px;
        font-weight: normal;
        border-bottom: 1px solid #ffffff;
    }
.footer02 dl dd>ul{display: flex;flex-wrap: wrap;   justify-content: space-between;  align-items: flex-start;}
.footer02 dl dd>ul>li{width:48%; display:block; margin-top:2%;}
.footer02 dl dd>ul>li a{ font-size:16px;}
.jb {
    margin-top: 4%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.jb-r{ text-align:center; width:20%}
.jb-r img{ width:100%; vertical-align:bottom}
.jb-r span{ display:block; font-size:14px; margin-top:10px;}

.jb-l {
    width: 80%;
}
.jb-l ul li{ font-size:16px; display:block; margin-top:2%; display: flex;align-items: center;}
.jb-l ul li span{ color:#fff; margin-right:20px;}

.footer03{ text-align:center; background:#eeeff2; padding:10px; box-sizing:border-box; font-size:14px; color:#666;}
.footer03 a{ color:#666;}





.tonglan{ position:relative;}
    .tonglan:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 287px;
        margin: 0 0 8px;
        padding: 31px 72.7px 193px 75px;
        background-image: linear-gradient(to bottom, #7eb56b85, rgba(87, 115, 184, 0));
        z-index: 0;
    }
.tonglan .img img{ width:100%; vertical-align:bottom;}
.duibi{ position:absolute; width:100%; top:30%; z-index:9}
.duibi .wapper{ display: flex; justify-content: space-between;  align-items: center;}
.duibi-l{ width:48%;}
    .duibi-l h2 {
        font-family: Times New Roman;
        background-image: linear-gradient(to left, #307f3e, #307f3e 100%);
        font-size: 70px;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        line-height: 1;
    }
.duibi-l span{ font-size:28px; color:#000; font-weight:bold;}

.duibi-r{ width:585px;}





.gaodu{ padding-top:1%;}
.gaodu em{ font-style:normal; text-align:left; font-size:12px; color:#797979; display:block; margin-top:4%;}
.cent06 {
    background: #579d6329;
    text-align: center;
    margin: 3% auto;
    padding: 4% 0
}
.cent06 h2{ font-family: Times New Roman; font-size:70px; color:#000}
.cent06 .more{ margin-top:2%}




.cent12-bg {
    padding-top: 158px;
    background-image: linear-gradient(to bottom, #b5e7b9, #ffffff 252px, #ffffff 576px, #ffffff);
}
.tloet{ text-align:left}
    .tloet h2 {
        line-height: 1;
        font-size: 58px;
        font-family: Times New Roman;
        color: #32813b;
        font-weight: normal;
    }
.cent12{padding-bottom:4%}
.cent12 ul li{ float:left; display:block; width:calc((100% - 6%)/3); margin-right:3%; margin-top:4%;}
.cent12 ul li:nth-child(3n) {  margin-right: 0% ;}
    .cent12 ul li .img {
        background: #579d6329;
        position: relative;
        padding-top: 65%;
    }
.cent12 ul li .img img{    position: absolute;
    bottom: 0;
    left: 7%;
    height: 110%;
    width: 86%;
    vertical-align: middle;
    object-fit: contain;}
    .cent12 ul li .cent1201 {
        background: #fff;
        min-height: 85px;
        padding: 20px;
        color: #000;
    }
.cent12 ul li .cent1201 h2{ font-size:22px;  font-family: Times New Roman; font-weight:normal;}
.cent12 ul li .cent1201 span{    opacity: 0.53;  font-size: 16px; display:block;}
.cent12 ul li .cent1201>a{ margin-top:10%; display:block}
.cent12 ul li .cent1201>a img{ width:30px}



.nabe{background:#fff;margin-top:2%;box-sizing:border-box;padding: 6% 17%;}
.nabe ul li{    border-bottom: solid 1px #e6dad0; padding:3%}
    .nabe ul li em {
        font-style: normal;
        font-family: Times New Roman;
        color: #32813b;
        font-size: 21px;
    }
.nabe ul li h2{ display:block; font-size:24px; color:#595959; line-height:1; margin-top:2%}
.nabe ul li span{ font-size:20px; color:#000;     opacity: 0.53; display:block; line-height:1.5; margin-top:2%;}



.cent1401{ display: flex; justify-content: space-between;  align-items: flex-start; background:#fff; padding:5% 6%; margin-top:2%;}
.cent14-l{width: 43%;}
.cent14-l span{position:relative;font-size:44px;color:#595959;font-weight:700;line-height: 1;}
.cent14-l span:before {  content: "";
    position: absolute;
    bottom: -25px;
    left: 0;
    width: 80%;
    height: 8px;
    background-color: #307f3e;}
	
.cent14-r{ width:53%;}	
.cent14-r ul li{ margin-bottom:2%; float:left; display:block; width:49%; margin-right:2%}
.cent14-r ul li:nth-child(2n){ margin-right:0;}
.cent14-r ul li .input_text{     color: #7f8287;   min-height: 58px;  background-color: #f4f2ef;  padding: 12px 24px; width:100%; box-sizing:border-box;outline:none; font-weight:bold;}
.cent14-r ul li .input_text::-webkit-input-placeholder{ color:#7f8287;}	
.sjie{ width:100% !important; margin-right:0 !important}	
.cent14-r ul li .select{  color: #7f8287;   min-height: 58px;  background-color: #f4f2ef;  padding: 12px 24px; width:100%; box-sizing:border-box;outline:none; font-weight:bold; border:none;}
.cent14-r ul li .select::-webkit-input-placeholder{ color:#7f8287;}		
.cent14-r ul li .text{  color: #7f8287;   min-height: 58px;  background-color: #f4f2ef;  padding: 12px 24px; width:100%; box-sizing:border-box;outline:none; font-weight:bold; border:none; height:130px;}
.cent14-r ul li .text::-webkit-input-placeholder{ color:#7f8287;}
.cent14-r .gpi{ margin-top:2%;}
.cent14-r .gpi label{display: flex;align-items: center; color:#000}
.cent14-r .gpi label input{ margin-right:10px}
.cent14-r .more{margin:4% 0 0; background:#307f3e; color:#fff;}

.inside_con{ padding:10px 0; min-height:500px; background:#fff}
.inside_con p{
    padding: 0 3%;
  
}

	 
@media screen and (min-width:980px) and (max-width:1650px){
	.wapper01{ width:90%;}
	}
@media screen and (min-width:980px) and (max-width:1300px){
	.wapper{ width:90% !important;}
	}

.sp_header{ display:none}
.sjj_nav{ display:none}
@media only screen and (max-width: 980px) {
	.wapper{ width:90% !important;}
	.wapper01{ width:90%;}
	.header-bg{ display:none}
	
	/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;position: absolute;z-index:10;width:100%;display:block}
.sp_logo{padding:10px;float:left;height:50px;width: 100%;box-sizing: border-box;text-align: center;}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;position: absolute;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background: #fff;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: absolute;z-index:999;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:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.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:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/
	
	
	
	.cent01>.img>img{ height:100vh;}
	.beij h2{ font-size:44px;} 
	.beij{ width:90%;  text-align:left;}
	.beij span{ font-size:16px;text-align:left;}
	.cent02{    margin-top: -30%;}
	.cent02 h2{ font-size:28px; }
	.cent0201{ padding-right:0; padding-left:17%}
	.cent0201::before{   width: 50px;  height: 28px;}
	.cent0201::after{ display:none;}
	.cent0201 span{ font-size:16px; text-align:left;}
	.cent0201 p{ font-size:16px; text-align:left;}
	.cent0201 img{ margin:10% 0 0;}
	.cent0201 em{ font-size:12px; text-align:left; display:block; line-height:2}
	
	.cent03{ margin-top:5%; }
	.title{ margin-top:10%;}
	.title h2{ font-size:44px;}
	.cent03 ul li a{ display:block;}
	.cent03 ul li .img{ width:100%;}
	.cent03-r{ width:100%; padding:10% 6%; box-sizing:border-box;}
	.cent03-r h2{ font-size:44px;}
	.cent03-r h2 span{ font-size:16px;}
	
	.cent04{ width:100% !important; padding:8%;}
	.cent0401{ width:90%; margin:0 auto; display:block; text-align:left;}
	.cent0401-1{ width:100%}
	.cent0401-r{ width:100%; margin-top:5%;}
	.cent0401-1 h2{ font-size:44px; line-height:1}
	.cent0401-1 span{ font-size:28px;}
	.cent0401-r span{ font-size:19px;}
	.cent0401-r>a{ margin-top:5%;}
	
	.cent04 ul li{ float:none; display:block; width:100%; margin-right:0; margin-top:10%;}
	.cent04 ul li .cent04-r h2{ font-size:32px; line-height:1;}
	.cent04 ul li .cent04-r{ padding:23px 0 0 23px}
	.cent05{ margin-top:10%; margin-bottom:10%;}
	.cent05 .title h2{ text-align:left;}
	.cent05 ul li{ float:none; display:block; width:100%; margin-right:0; padding:10%; margin-top:10%;}
	.cent05 ul li h2{ margin:5% 0;}
	
	.footer{flex-wrap: wrap; }
	.footer01{ width:100%;}
	.footer02{width:100%; margin-top:10%; }
	.footer02 dl dd{width:100%;}
	.footer02 dl{flex-wrap: wrap;}
	.footer02 dl dd h2{ font-size:16px;}
	.jb{flex-wrap: wrap;}
	.jb-l{ width:100%; float:none;}
	.jb-r{ margin-top:5%;}
	
	
	.duibi .wapper{ display:block;}
	.duibi-l{ width:100%;}
	.duibi-l h2{ line-height:1; font-size:44px;}
	.tonglan-bg .img img{ height:100vh;     object-fit: cover;}
	
	.duibi{    top: 13%;}
	.duibi-r{ width:100%; margin-top:10%;}
	.duibi-l span{ font-size:22px;}
	
	.gaodu{ padding-top:10%;}
	.cent06{ padding:30% 6%; box-sizing:border-box; margin:10% auto;}
	.cent06 h2{ font-size:44px; line-height:1;}
	
	.cent12-bg{ padding-top:100px; }
	.cent12{padding-bottom:10%}
	.cent12 ul li{ float:none; display:block; width:100%; margin-right:0; margin-top:10%;}
	.cent12 ul li .cent1201{ padding:27px 35px;}
	
	.cent13{ width:100% !important;}
	.cent13 .tloet{ padding:0 5%}
	.nabe{    padding: 6% 10%;}
	.nabe ul li{ padding:5%;}
	
	.cent14{width:100% !important;}
	.cent14 .tloet{ padding:0 5%}
	.cent1401{flex-wrap: wrap; padding-bottom:10%}
	.cent14-l{ width:100%}
	
	.cent14-r{ width:100%; margin-top:20%;}
	.cent14-r ul li{ float:none; display:block; width:100%; margin-right:0; margin-bottom:5%}
}