/*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;}
body{ font-size:12px;font-family:'Microsoft YaHei'; color:#666;}
a{color:#666;}

p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{  width:100%; max-width: 1400px;  margin:0 auto;}

.head{ width: 100%; background-color: #258340; padding: 10px 0;}
.head .wapper{ display: flex; align-items: center; justify-content: space-between;}
.logo{ width: 30%;}
.logo img{ width: 100%;}
.menu ul li{ line-height: 100px; text-align: center; padding: 0 12px; float: left;}
.menu ul li a{ font-size: 18px; color: #fff; font-weight: bold;}
.qh { position: relative;}
.qh a{ padding: 0 12px; font-size: 16px; color: #fff; border: 1px solid #fff; border-radius: 5px; line-height: 28px;}
.qh ul { display: none; width: 100%; position: absolute; top: 100%; left: 0; width: 100%;}
.qh ul li{ width: 100%;}
.qh:hover ul{ display: block;}
.search{ display: flex; align-items: center; }
.search1{ width: 180px; margin-left: 10px; display: flex; align-items: center; border-radius: 10px; border: 1px solid #fff; overflow: hidden;padding: 2px 0;}
.search1 input{ width: 80%; line-height: 20px; text-indent: 1rem; color: #fff; background-color: transparent;}
.search1 button{width: 20%;background-color: transparent;border: 0;display: flex;align-items: center;justify-content: center;}
.banner{ width: 100%; position: relative;}
.bannerbg{ position: absolute; width: 100%; padding: 20px 0; background-color: rgba(255,255,255,0.5);z-index: 999; bottom: 0; left: 0;}
.tempWrap{ width: 100% !important;}
.leftLoop .bd ul li{ width: 22%; line-height: 40px; margin-right: 10px; font-size: 16px; display: flex; align-items: center;}
.leftLoop .bd ul li a{ font-size: 16px; width: 60%; overflow: hidden; height: 40px; display: block} 
.wapper1{width: 95%;max-width: 1200px;float: none;margin: 0 auto;}

.main{ width: 100%; padding: 80px 0; background-image: url(); background-color: #2A954A; }
.bt{ display: flex; align-items: center; margin-bottom: 80px;}
.bt h1{ font-size: 32px; color: #fff; margin-right: 10px;}
.bt h2{ font-size: 20px; color: #fff;}
 .c1nr{ width: 100%; background-color: #FFFFFF; border-top: 5px solid #D2B42C;}
 .pd50{padding: 50px;/* padding-right: 0; */position: relative;}
 .cllf ul li{ width: 100%; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ddd;}
 .c1lf ul li h1{ font-size: 20px; margin-bottom: 10px;}
 .c1lf ul li p{ font-size: 16px; margin-bottom: 10px;}
 .c1lf ul li span{ font-size: 12px;}
 .cllf{ width: 48%;}
 .c1rt{width: 50%;position: relative;/* height: 100%; */}
 .c1nr .pd50{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
 .c2nr{ width: calc(100% - 5px); background-color: #FFFFFF; border-left: 5px solid #D2B42C;}
 .c2nr .pd50{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
 .c1rt img{ width: 100%;}
 .img1{width: 60%;transform: translateY(-20%);}
 .img2{ position: absolute; width: 60%; right: 0; top: 50%; transform: translateY(-50%);}
 .btn{ position: absolute; bottom: 40px; left: 55%; width: 180px; height: 40px; border: 1px solid #D2B42C; color: #D2B42C; text-align: center; line-height: 40px;}
 .con2{ padding: 80px 0;}
 .c2list ul li{ width: calc((100% - 40px)/3); position: relative; margin-right: 20px; float: left;}
 .c2list ul li:nth-child(3n){ margin-right: 0;}
 .c2list ul li img{ width: 100%; display: block;}
 .c2list ul li h1{ font-size: 18px;  width: 100%; line-height: 45px; background-color: rgba(0, 0, 0, 0.6); position: absolute; bottom: 0; left: 0; height: 45px; text-align: center; color: #fff;}
 .wapper2{ width:100%; max-width: 1200px; }
 .c2list{ padding-bottom: 50px;}
 .btn1{ position: relative; float: right; width: 180px; height: 40px; border: 1px solid #D2B42C; color: #D2B42C; text-align: center; line-height: 40px;}
 .con3{ width: 100%; padding: 0 0; padding-bottom: 0;}
 .con3 ul li{width: calc((100% - 240px)/6); margin:0 20px; float: left;}
 .con3 ul li img{ width: 100%; margin-bottom: 10px;}
 .con3 ul li p{ font-size: 20px; text-align: center; color: #fff; font-weight: bold;}
 .con3 ul li:hover p{ color: #ffe599;}
 
 .main1{ width: 100%; padding: 80px 0; background-image: url(); background-color: #5D80A8; }
 .c4nr ul li{ width: 100%; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ddd; }
 .c4nr ul li a{display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between;}
 .c4nr ul li img{ width: 15%;}
.c4wz{ width: 82%;} 
.c4wz h1{ font-size: 20px; margin-bottom: 10px;}
.c4wz h1:hover { color: #D2B42C;}
.c4wz p{ font-size: 16px; margin-bottom: 10px;}
.con5{ padding-top: 80px;}
.c5lf{ width: 40%; float: left;}
.c5lf img{ width: 100%;}
.c5rt{ width: 55%; float: right;}
.c5rt h1{ font-size: 30px; margin-bottom: 20px;}
.c5rt p{ font-size: 18px;}

.main2{ width: 100%; padding: 80px 0; background-image: url(); background-color: #2987AB; }
.pd501{ padding: 50px; position: relative;}

.main3{ width: 100%; padding: 80px 0; background-image: url(); background-color: #CAAE29; }
.c6rt{ width: 100%; float: right;}
.c6rt h1{ font-size: 32px; padding-bottom: 30px; text-align: center; color: #fff;}
.c6rt p{ font-size: 18px; color: #fff; padding-bottom: 37px; margin-bottom: 37px;}
.btn2{ width: 120px; height: 40px; border: 1px solid #fff; text-align: center; line-height: 40px; color: #fff; margin: 0 auto;}
.leftLoop1 .bd ul li{ width: 24%; margin-right: 10px;}
.leftLoop1 .bd ul li img{ width: 100%;}
.con7{ width: 100%; padding: 80px 0;}
.foot{ width: 100%; padding: 60px 0; background-color: #258340;}
.footlogo{ width: 25%;}
.footlogo img{ width: 100%;}
.foottop{ border-bottom: 1px solid #fff; padding-bottom: 15px;}
.footnr{ padding-top: 15px;}
.footnr span{ font-size: 16px; margin-right: 10px; color: #fff;}
.footbtm{ background-color: #000; text-align: center; padding: 10px 0; text-align: center; color: #fff;}
.nybanner{ width: 100%; position: relative;}
.nywz{ position: absolute; bottom: 0; padding: 20px 0; width: 100%; background-color: rgba(69,158,97,0.5); z-index: 99;} 
.nywz h1{ font-size: 24px; color: #fff; display: flex; align-items: center;}
.nywz h1 img{ margin-right: 10px;}

.con{ width: 100%; padding: 80px 0;}
.mapnr{ width: 100%; margin-bottom: 30px;}
.map ul li{ width: calc((100% - 60px)/3); margin: 10px; float: left; position: relative;}
.map ul li img{ width: 100%;}
.map ul li h1{ font-size: 16px; width: 100%; height: 40px; line-height: 40px; position: absolute; bottom: 0; left: 0; text-align: left; text-indent: 1rem; background-color: rgba(0,0,0,0.5); color: #Fff;}
.btn3 {
    width: 120px;
    height: 40px;
    border: 1px solid #CAAE29;
    text-align: center;
    line-height: 40px;
    color: #CAAE29;
    margin: 0 auto;
}
.dzy{ width: 100%; background-color: #F1F6F8; padding: 80px 0;}
.bt1{ display: flex; align-items: center; margin-bottom: 80px;}
.bt1 h1{ font-size: 32px; color: #000; margin-right: 10px;}
.bt1 h2{ font-size: 20px; color: #000;}

.dzy ul li{ width: calc((100% - 80px)/2); margin: 20px; float: left; padding-bottom: 10px; border-bottom:1px solid #ddd;}
 .dzy ul li a{ display: flex; justify-content: space-between; flex-wrap: wrap; }
 .dzy ul li img{ width: 30%;}
 .dzynr{ width: 60%;}
 .dzynr h1{ font-size: 14px; margin-bottom: 10px;}
 .dzynr span{ font-size: 12px;}
 .fkfw ul li{ margin-bottom: 80px;}
 .fkfw{ width: 100%; padding: 80px 0; background-color: #EFF8F7;}
 .fkfwitem{ width: 100%; background-color: #fff;}
 .fklf{ width: 48%;}
 .fklf img{ width: 100%;}
 .fkrt{ width: 48%;}
 .fkrt p{ margin-bottom: 40px;}
 .fkcon{ display: flex; justify-content: space-between; align-items: center;flex-wrap: wrap; width: 100%;}
 .fkfw1{ width: 100%; padding: 0 0; display: flex; justify-content: space-between;flex-wrap: wrap; align-items: center;}
 .fkfw1lf{ width: 50%; background-color: #258340;}
 .fknx{ width: 100%; font-size: 16px; color: #fff; margin: 40px 0;}
 .wapper3{ width: 100%; max-width: 1600px; margin: 0 auto;}
 .pd100{ padding: 100px;}
 .fkfw1rt{ width: 50%;}
 
 .contact{ width: 100%; padding: 80px 0;}
 .contlf{ width: 50%;font-size: 18px;}
 .contactnr{ width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;align-items: center;}
 .contrt{ width: 50%; display: flex; justify-content: center; font-size: 18px;}
 .erm img{ width: 150px; margin: 0 10px;}
  .slideTxtBox .hd ul{ display: flex; flex-wrap: wrap;}
 .slideTxtBox .hd ul li{ width: 25%; display: inline-block; background-color: #F3F3F3; text-align: center;line-height: 60px; color: #229246; font-size: 20px; }
 .slideTxtBox .hd ul li.on{ color: #Fff; background-color: #229246;}
 .slideTxtBox .bd ul li { width: 100%; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ddd;}
 .news{ border: 1px solid #ddd;}
  .slideTxtBox .bd ul li h1{ font-size: 20px; margin-bottom: 10px;}
 .slideTxtBox .bd ul li p{ font-size: 16px;}
  .slideTxtBox .bd ul li span{ font-size: 14px;}
  
  .gyjsitem{ width: 100%; padding: 30px 0;}
  .gyjsitem h1{ font-size: 24px; margin-bottom: 10px;}
  .gyjsitem p{ font-size: 18px; margin-bottom: 15px;}
  .gyjslist{ padding: 20px 0;}
  .gyjslist ul li{ width: calc((100% - 60px)/3); margin: 10px; float: left;}
  .gyjslist ul li img{ width: 100%;}
  .gyjspic{ width: 100%; padding: 20px 0;}
  .gyjspic img{ width: 100%;}
  
  
  .sp_header {
  	height: 50px;
  	overflow: hidden;
  	background: #fff;
  	position: fixed;
  	z-index: 10;
  	width: 100%;
  	display: none;
  }
  
  .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: #c9141e;
  	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;
  }
  
  .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
  }
  
  @media(max-width:999px){
	  .head {
	  	display: none;
	  }
	  
	  .sp_header {
	  	display: block;
	  }
	  
	  .nv {
	  	height: 50px;
	  }
	  .bannerbg {
	      position: absolute;
	      width: 100%;
	      padding: 10px 0;
	      background-color: rgba(255, 255, 255, 0.5);
	      z-index: 999;
	      bottom: 0;
	      left: 0;
	  }
	  .leftLoop .bd ul li{ width: 50%; line-height: 20px; margin-right: 10px; font-size: 12px; display: flex; align-items: center;}
	  .leftLoop .bd ul li a{ font-size: 12px; width: 60%; overflow: hidden; height: 20px; display: block}
	  .main{width: 100%;padding: 20px 0;background-image: url();background-color: #2A954A;}
	  .bt {
	      display: flex;
	      align-items: center;
	      margin-bottom: 20px;
	  }
	  .bt h1 {
	      font-size: 22px;
	      color: #fff;
	      margin-right: 10px;
	  }
	  .bt h2 {
	      font-size: 14px;
	      color: #fff;
	  }
	  .wapper1 {
	      width: 95%;
	      max-width: 1600px;
	      float: none;
	      margin: 0 auto;
	  }
	  .pd50 {
	      padding: 10px;
	      padding-right: 10px;
	      position: relative;
	  }
	  .cllf {
	      width: 100%;
	  }
	  .c1rt{ width: 100%;}
	  .img1{width: 100%;transform: none;}
	  .img2{ position: relative; width: 100%; right: 0; top: 0; transform: none;}
	  .btn{position: relative;bottom: 0;left: auto;width: 180px;height: 40px;border: 1px solid #D2B42C;color: #D2B42C;text-align: center;line-height: 40px;margin: 10px auto;}
	  .con2 {
	      padding: 20px 0;
	  }
	  .c2list ul li {
	      width: 100%;
	      position: relative;
	      margin-right: 0;
	      float: none;
	      margin: 10px 0;
	  }
	  .c2list {
	      padding-bottom: 21px;
	  }
	  .btn1 {
	      position: relative;
	      float: none;
	      height: 40px;
	      border: 1px solid #D2B42C;
	      color: #D2B42C;
	      text-align: center;
	      line-height: 40px;
	      margin: 0 auto;
	  }
	  .con3 ul li {
	      width: calc((100% - 80px) / 2);
	      margin: 0 20px;
	      float: left;
	  }
	  .main1 {
	      width: 100%;
	      padding: 20px 0;
	      background-image: url();
	      background-color: #5D80A8;
	  }
	  .c4nr ul li img {
	      width: 100%;
		margin-bottom: 10px;
	  }
	  .c4wz {
	      width: 100%;
	  }
	  .con5 {
	      padding-top: 20px;
	  }
	  .c5lf {
	      width: 100%;
	      float: left;
	      margin-bottom: 10px;
	  }
	  .c5rt {
	      width: 100%;
	      float: right;
	  }
	  .c5rt h1 {
	      font-size: 20px;
	      margin-bottom: 20px;
	  }
	  .main2 {
	      width: 100%;
	      padding: 20px 0;
	      background-image: url();
	      background-color: #2987AB;
	  }
	  .wapper{ width: 95%;}
	  .pd501 {
	      padding: 10px;
	      position: relative;
	  }
	  .main3 {
	      width: 100%;
	      padding: 20px 0;
	      background-image: url();
	      background-color: #CAAE29;
	  }
	  .c6rt {
	      width: 100%;
	      float: right;
	  }
	  .c6rt h1 {
	      font-size: 24px;
	      padding-bottom: 10px;
	      text-align: center;
	      color: #fff;
	  }
	  .c6rt p {
	      font-size: 18px;
	      color: #fff;
	      padding-bottom: 10px;
	      margin-bottom: 10px;
	  }
	  .con7 {
	      width: 100%;
	      padding: 20px 0;
	  }
	  .foot {
	      width: 100%;
	      padding: 20px 0;
	      background-color: #258340;
	  }
	  .con {
	      width: 100%;
	      padding: 20px 0;
	  }
	  .nywz h1 {
	      font-size: 12px;
	      color: #fff;
	      display: flex;
	      align-items: center;
	  }
	  .nywz {
	      position: absolute;
	      bottom: 0;
	      padding: 10px 0;
	      width: 100%;
	      background-color: rgba(69, 158, 97, 0.5);
	      z-index: 99;
	  }
	  .map ul li {
	      width: calc((100% - 40px) / 2);
	      margin: 10px;
	      float: left;
	      position: relative;
	  }
	  .dzy {
	      width: 100%;
	      background-color: #F1F6F8;
	      padding: 20px 0;
	  }
	  .bt1 h1 {
	      font-size: 24px;
	      color: #000;
	      margin-right: 10px;
	  }
	  .bt1 h2 {
	      font-size: 14px;
	      color: #000;
	  }
	  .dzy ul li {
	      width: 100%;
	      margin: 20px 0;
	      float: left;
	      padding-bottom: 10px;
	      border-bottom: 1px solid #ddd;
	  }

.bt1 {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.fklf {
    width: 100%;
}
.fkrt {
    width: 100%;
}
.fkfw ul li {
    margin-bottom: 20px;
}
.fkfw {
    width: 100%;
    padding: 20px 0;
    background-color: #EFF8F7;
}
.fkfw1lf {
    width: 100%;
    background-color: #258340;
}
.pd100 {
    padding: 10px;
}
.fknx {
    width: 100%;
    font-size: 14px;
    color: #fff;
    margin: 20px 0;
}
.btn2 {
    width: 120px;
    height: 40px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 40px;
    color: #fff;
    margin: 0 auto;
    margin: 10px 0 !important;
}
.fkfw1rt {
    width: 100%;
}
.contact {
    width: 100%;
    padding: 20px 0;
}
.contlf {
    width: 100%;
    font-size: 14px;
    margin-bottom: 10px;
}
.contrt {
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: 18px;
    margin: 10px 0;
}
.contlf {
    width: 100%;
    font-size: 14px;
    margin-bottom: 10px;
    text-align: center;
}
  }