@charset "utf-8";

.dh {
	width:auto;
	background-image: url(../images/tel.jpg);
	background-repeat: no-repeat;
	font-size:16px;
	font-weight:bold;
	padding-left:60px;
	padding-bottom:20px;
	float:left;
	
}
.dh span {
	margin-top:5px;
	display:block
}
.www{ font-size:16px;
background-image: url(../images/tel.jpg);
	background-repeat: no-repeat;
	font-weight:bold;
	padding-left:60px;
	padding-bottom:20px;
	padding-top:8px;
	margin-top:10px;
	}
.sycp {
	width:auto;
	margin-bottom:20px;
	overflow:hidden;
}
.sycp .left {
	float:left;
	background-color:#1c9546;
	width:19%;
	color:#FFFFFF
}
.sycp .left .title {
	font-size:24px;
	color:#FFFFFF;
	text-align:center;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	line-height:30px;
	padding:12px;
}
.sycp .left .title span {
	font-size:14px;
	color:#999;
	display:block
}
.sycp .left ul {
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
}
.sycp .left li {
	line-height:39px;
	display:block;
	width:100%;
}
.sycp .left li strong a {
	font-size:18px;
	background-color:#FFFFFF;
	color:#1c9546;
	padding-left:25px;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	background-image: url(../images/t1.jpg);
	background-repeat: no-repeat;
	background-position: 10px 15px;
	margin-bottom:10px;
	margin-top:10px;
}
.sycp .left li a {
	display:block;
	color:#FFFFFF;
	width:100%;
	padding-left:45px;
	font-size:16px
}
.sycp .left li a:hover {
font-weight:bolder;
}
.sycp .left li a.se {
	font-weight:bolder;
	text-decoration: underline;
}
.sycp .right {
	float: right;
	width:77%;
}
.sycp .right li {
	float:left;
	width:30%;
	margin-right:3%;
	background-color:#FFFFFF;
	margin-bottom:30px;
}
.sycp .right li span {
	display:block;
	line-height:60px;
	text-align:center;
	font-size:16px
}
.sycp .right1 {
	float: right;
	width:77%;
	background-color:#FFFFFF;
	
}
.sybz {
	width:auto;
	background-image: url(../images/t3.jpg);
	background-repeat: no-repeat;
	overflow:hidden;
	padding-top:65px;
	padding-bottom:90px;
}
.t1 {
	background-image:url(../images/t9.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 30px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #434343;
	width:33%;
}
.t2 {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #434343;
	width:33%;
}
.t3 {
	background-image:url(../images/t10.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 30px;
	width:33%;
}
.wei {
	float:right;
}
.about {
	width:auto
}
.about .title {
	font-size:36px;
	text-align:center;
	line-height:56px;
	color:#333;
	font-weight:bold;
	padding-bottom:15px;
}
.about .body {
	font-size:16px;
	color:#666666;
	line-height:30px;
}
.about .body li {
	float:left;
	width:49%;
	margin-left:0.5%;
	margin-right:0.5%
}
.about .body li img {
	width:100%;
}
.page {
	line-height:35px;
	padding-top:15px;
	font-size:16px;
}
.map {
	height:400px; margin-top:30px;
}
.lei{ width:400px; margin-left:auto; margin-right:auto; background-color:#f9f9f9; overflow:hidden; margin-top:40px;}
.lei li{ float:left; width:50%; line-height:50px; font-size:18px; font-weight:bold; text-align:center}
.lei li .se{ background-color:#239a4c; display:block; color:#FFFFFF;}
.wb {
	width:auto; margin-top:0px; 
}
.wb .title {
	font-size:36px;
	text-align:center;
	line-height:56px;
	color:#333;
	font-weight:bold;
	padding-bottom:15px;
	margin-top:45px;
}
.wb .title span{
font-size:16px;
display:block;
font-weight:normal
}
.wb .body {
	font-size:16px;
	color:#666666;
	line-height:30px;
	background-image: url(../images/t18.jpg);
	background-repeat: no-repeat;
	background-position: center;
	overflow:hidden;
	padding-top:60px;
	padding-bottom:60px;
	margin-top:40px;
}
.wb .body .left{ float:left; width:25%;}
.wb .body .left li{ line-height:30px; font-size:16px; margin-bottom:25px;}
.wb .body .left li strong{ font-size:24px; color:#1c9546; display:block; padding-bottom:10px;}
.wb .body .right{ float:right; width:25%;}
.wb .body .right li{ line-height:30px; font-size:16px; margin-bottom:25px;}
.wb .body .right li strong{ font-size:24px; color:#1c9546; display:block;padding-bottom:10px;}
.wb .body1 {
	font-size:16px;
	color:#666666;
	line-height:30px;
	overflow:hidden;
	margin-bottom:45px;
}
.wb .body1 li{
	float:left;
	width: 31%;
	margin-right:3%;
	border: 1px solid #eeeeee;
	padding-left:45px;
	padding-top:70px;
	padding-bottom:70px;
	padding-right:45px;
	font-size:24px;
	color:#1c9546
	
}
.wb .body1 li strong{
	display:block;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #009933;
	width:20px;
	font-size:18px;
	margin-bottom:15px;
	padding-bottom:8px;

}
.wb .body1 li:nth-child(3){

	margin-right:0%;
}
.tubiao{ background-color:#f9f9f9; width:auto; clear:both; overflow:hidden; padding-bottom:80px;margin-top:80px;}
.tubiao .title {
	font-size:36px;
	text-align:center;
	line-height:56px;
	color:#333;
	font-weight:bold;
	padding-bottom:35px;
	margin-top:45px;
	padding-top:40px;
	overflow:hidden;
}
.tubiao li{ float:left; line-height:30px; width:16.666%; text-align:center;}
.tubiao li span{ display:block; text-align:center; font-size:16px;}
.tubiao li span strong{ display:block; font-size:24px; color:#333333; padding-bottom:5px; padding-top:20px;}


.tubiao1{ 	width:auto;
	clear:both;
	overflow:hidden;
	padding-bottom:80px;
	background-image: url(../images/t35.jpg);
	background-repeat: no-repeat;
	background-position: center;
	}
.tubiao1 .title {
	font-size:36px;
	text-align:center;
	line-height:56px;
	color:#fff;
	font-weight:bold;
	padding-bottom:35px;
	margin-top:45px;
	padding-top:40px;
	overflow:hidden;
}
.tubiao1 li{ float:left; line-height:30px; width:24.222%; text-align:center; margin-right:1%; background-color:#FFFFFF; padding:30px;font-size:18px; }
.tubiao1 li img{ width:100%; margin-top:20px;}
.tubiao1 li u{
	display:block;
	font-size:18px;
	font-weight:bold;
	color:#999999;
	text-decoration: none;
}
.tubiao1 li strong{ display:block; font-size:24px; padding-top:16px;}
.tubiao1 li:hover{ color:#1c9546}
.tubiao1 li span{ display:block; }
.tubiao1 li:nth-child(4){
	margin-right:0%;
}
.tubiao1 li span{ display:block; text-align:center; font-size:16px;}
.tubiao1 li span strong{ display:block; font-size:24px; color:#333333; padding-bottom:5px; padding-top:20px;}



.tubiao2{
	width:auto;
	clear:both;
	overflow:hidden;
	padding-bottom:80px;
	background-color:#FFFFFF;
}
.tubiao2 .title {
	font-size:36px;
	text-align:center;
	line-height:56px;
	color:#333;
	font-weight:bold;
	padding-bottom:35px;
	margin-top:45px;
	padding-top:40px;
	overflow:hidden;
}
.tubiao2 li{ float:left; line-height:30px; width:19%; background-color:#f9f9f9; margin-right:1%; padding-top:60px; padding-bottom:30px; padding-left:40px;}
.tubiao2 li:hover{ background-color:#e8f4ec}
.tubiao2 li span{ display:block; font-size:16px; padding-bottom:100px;}
.tubiao2 li span strong{ display:block; font-size:24px; color:#333333; padding-bottom:5px; padding-top:15px;}



.aaaa{ float:left; width:50%; padding-left:40px; padding-top:40px; padding-bottom:40px;}
.bbbbb{ float:right; width:45%; padding-right:40px; padding-top:40px; line-height:30px; font-size:16px; color:#333333;}
.bbbbb strong{ font-size:30px; color:#333333; display:block; padding-bottom:10px;}
.bbbbb a{ width:145px; line-height:50px; color:#239a4c; background-color:#f9f9f9; float:left; text-align:center; margin-right:10px; margin-top:50px; font-size:18px;}
.bbbbb .se1{ background-color:#1c9546; color:#FFFFFF}
.xq{
	border-top-width: 20px;
	border-top-style: solid;
	border-top-color: #f9f9f9;
	padding-left:40px; padding-right:40px;
	padding-top:40px;
	overflow:hidden;
	line-height:30px;
	font-size:16px;
	padding-bottom:40px;
}
.anniu{ width:220px; margin-left:auto; margin-right:auto;}

.dd img{ width:100%; height:100%;transition:all 0.5s ease-out;}
.dd{ width:100%; height:100%; overflow:hidden;}
.dd img:hover{ transform:scale(1.05,1.05);}

@media (max-width:1400px) {
.wb .body1 li{
	float:left;
	width: 31%;
	margin-right:3%;
	border: 1px solid #eeeeee;
	padding-left:45px;
	padding-top:70px;
	padding-bottom:70px;
	padding-right:45px;
	font-size:18px;
	color:#1c9546
	
}
.tubiao1 li{ font-size:14px;}
}
@media (max-width:640px) {
.aaaa{ float: none; width:95%; padding-left:30px; padding-top:40px; padding-bottom:10px; overflow:hidden}
.bbbbb{ float: none; width:95%; padding-left:40px; padding-top:40px; line-height:30px; font-size:16px; color:#333333; display:block; margin-top:0px; margin-bottom:30px;}
.bbbbb strong{ font-size:30px; color:#333333; display:block; padding-bottom:10px;}
.bbbbb a{ width:100px; line-height:50px; color:#239a4c; background-color:#f9f9f9; float:left; text-align:center; margin-right:10px; margin-top:50px; font-size:18px; margin-bottom:30px;}
.bbbbb .se1{ background-color:#1c9546; color:#FFFFFF}
.about .title{ font-size:23px;}
.sycp .right li span {
	display:block;
	line-height:60px;
	text-align:center;
	font-size:14px
}
.about .body li {
	float:left;
	width:99%;
	margin-left:0.5%;
	margin-right:0.5%;
	margin-bottom:15px;
}
.map {
height:5rem;
opacity:1!important
}
.t1 {
	background-image:url(../images/t9.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 30px;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #434343;
	width:33%;
}
.t2 {
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #434343;
	width:33%;
}
.qq{ display:none}
.sycp .left {
	float: none;
	width:100%;
	padding-bottom:12px;
	
	}
	.sycp .right {
	float: none;
	width:100%;
	}
	
	.sycp .right li {
	float:left;
	width:48%;
	margin-right:1%;
	margin-left:1%;
	background-color:#FFFFFF;
	margin-bottom:30px;
}


	.sj{ display:none}
	
	.lei{ width:300px; margin-left:auto; margin-right:auto; background-color:#f9f9f9; overflow:hidden; margin-top:40px;}
.lei li{ float:left; width:50%; line-height:50px; font-size:18px; font-weight:bold; text-align:center}
.lei li .se{ background-color:#239a4c; display:block; color:#FFFFFF;}

	.wb {
	width:auto; margin-top:0px; 
}
.wb .title {
	font-size:23px;
	text-align:center;
	line-height:26px;
	
	color:#333;
	font-weight:bold;
	padding-bottom:15px;
	margin-top:45px;
}
.wb .title span{
font-size:16px;
display:block;
font-weight:normal;
padding-top:15px;
}
.wb .body {
	font-size:16px;
	color:#666666;
	line-height:30px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center;
	overflow:hidden;
	padding-top:00px;
	padding-bottom:0px;
	margin-top:40px;
}
.wb .body .left{ float:left; width:100%;}
.wb .body .left li{ line-height:30px; font-size:16px; margin-bottom:25px;}
.wb .body .left li strong{ font-size:24px; color:#1c9546; display:block; padding-bottom:10px;}
.wb .body .right{ float:left; width:100%;}
.wb .body .right li{ line-height:30px; font-size:16px; margin-bottom:25px;}
.wb .body .right li strong{ font-size:24px; color:#1c9546; display:block;padding-bottom:10px;}
.wb .body1 {
	font-size:16px;
	color:#666666;
	line-height:30px;
	overflow:hidden;
}
.wb .body1 li{
	float:left;
	width: 100%;
	margin-right:0%;
	border: 1px solid #eeeeee;
	padding-left:45px;
	padding-top:40px;
	padding-bottom:40px;
	padding-right:45px;
	font-size:24px;
	color:#1c9546;
	margin-bottom:20px;
	
}
.wb .body1 li strong{
	display:block;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #009933;
	width:20px;
	font-size:18px;
	margin-bottom:15px;
	padding-bottom:8px;

}
.wb .body1 li:nth-child(3){

	margin-right:0%;
}
.tubiao{ background-color:#f9f9f9; width:auto; clear:both; overflow:hidden; padding-bottom:80px; margin-top:0px;}
.tubiao .title {
	font-size:36px;
	text-align:center;
	line-height:56px;
	color:#333;
	font-weight:bold;
	padding-bottom:35px;
	margin-top:5px;
	padding-top:40px;
	overflow:hidden;
}
.tubiao li{ float:left; line-height:30px; width:50%; text-align:center; margin-bottom:30px;}
.tubiao li span{ display:block; text-align:center; font-size:16px;}
.tubiao li span strong{ display:block; font-size:24px; color:#333333; padding-bottom:5px; padding-top:20px;}


.tubiao1{ 	width:auto;
	clear:both;
	overflow:hidden;
	padding-bottom:80px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center;}
.tubiao1 .title {
	font-size:36px;
	text-align:center;
	line-height:56px;
	color:#333;
	font-weight:bold;
	padding-bottom:15px;
	margin-top:5px;
	padding-top:20px;
	overflow:hidden;
}
.tubiao1 li{ float:left; line-height:30px; width:100%; text-align:center; margin-right:1%; background-color:#FFFFFF; padding:15px;font-size:18px; }
.tubiao1 li img{ width:100%; margin-top:20px;}
.tubiao1 li u{
	display:block;
	font-size:18px;
	font-weight:bold;
	color:#999999;
	text-decoration: none;
}
.tubiao1 li strong{ display:block; font-size:24px; padding-top:16px;}
.tubiao1 li:hover{ color:#1c9546}
.tubiao1 li span{ display:block; }
.tubiao1 li:nth-child(4){
	margin-right:0%;
}
.tubiao1 li span{ display:block; text-align:center; font-size:16px;}
.tubiao1 li span strong{ display:block; font-size:24px; color:#333333; padding-bottom:5px; padding-top:20px;}



.tubiao2{
	width:auto;
	clear:both;
	overflow:hidden;
	padding-bottom:80px;
	background-color:#FFFFFF;
}
.tubiao2 .title {
	font-size:36px;
	text-align:center;
	line-height:56px;
	color:#333;
	font-weight:bold;
	padding-bottom:35px;
	margin-top:0px;
	padding-top:0px;
	overflow:hidden;
}
.tubiao2 li{ float:left; line-height:30px; width:100%; background-color:#f9f9f9; margin-right:0%; padding-top:20px; padding-bottom:30px; padding-left:40px; margin-bottom:15px;}
.tubiao2 li:hover{ background-color:#e8f4ec}
.tubiao2 li span{ display:block; font-size:16px; padding-bottom:50px;}
.tubiao2 li span strong{ display:block; font-size:24px; color:#333333; padding-bottom:5px; padding-top:15px;}


.sycp .right1 {
	float: none;
	width:100%;
	background-color:#FFFFFF;
	
}
.ff img{ width:90%;}
}
.contact-box {
	text-align:center;
	background:#fff;

padding:.67rem 0 .9rem;
margin-bottom:.0rem;
	position:relative;
	margin-top:0rem;
	z-index:55
}
.contact-box .hd2 {
margin-bottom:.6rem
}
@media (max-width:480px) {
.contact-box .hd2 {
margin-bottom:.4rem
}
}
.contact-box .row {
	margin-left:-0.2rem !important;
	margin-right:-0.2rem !important
}
.contact-box .row>* {
padding-left:.2rem !important;
padding-right:.2rem !important
}
.contact-box li {
	position:relative;
transition:.6s
}
.contact-box li::before {
content:'';
display:block;
position:absolute;
left:0;
top:0;
bottom:0;
width:1px;
background-color:#f2f2f3
}
.contact-box li .ic {
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	width:66px;
	height:66px;
	display:inline-block;

transition:.6s
}
.contact-box li .ic.ic1 {
	background-image:url('../images/l1.png')
}
.contact-box li .ic.ic2 {
	background-image:url('../images/l2.png')
}
.contact-box li .ic.ic3 {
	background-image:url('../images/l3.png')
}
.contact-box li .ic.ic4 {
	background-image:url('../images/l4.png')
}
@media (max-width:640px) {
.contact-box li .ic {
width:80px;
height:80px
}
}
.contact-box li .tit {
margin:.18rem 0 .1rem;
	font-size:20px;
	font-weight:bold
}
.contact-box li .desc {
	font-size:16px;
	color:#666
}
.contact-box li:hover .tit {
	color:#1c9546
}
.contact-box li:hover .ic.ic1  {
	background-image:url('../images/ll1.png')
}
.contact-box li:hover .ic.ic2  {
	background-image:url('../images/ll2.png')
}
.contact-box li:hover .ic.ic3  {
	background-image:url('../images/ll3.png')
}
.contact-box li:hover .ic.ic4  {
	background-image:url('../images/ll4.png')
}
@media (max-width:768px) {
.contact-box li {
margin-bottom:.2rem
}
.contact-box li:nth-child(3) {
clear:both
}
}
@media (max-width:640px) {
.contact-box li {
line-height:1.5;
text-align:
}
.contact-box li .ic {

}
.contact-box li .tit {
margin:10px 0 6px;
font-size:18px
}
.contact-box li::before {
display:none!important
}
}
@media (max-width:480px) {
.contact-box li {
margin-bottom:.4rem
}
.contact-box li .tit, .contact-box li .desc {
font-size:16px
}
}
@media (max-width:640px) {
.contact-box {
padding-left:.4rem;
padding-right:.4rem
}
}
.quote-box {

padding:.8rem 0 0.5rem;
	background-image: url(../images/t36.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.quote-box .wrap {
	max-width:1440px
}
.quote-box .hd {
margin-bottom:.4rem;
	text-align:center;
	color:#fff
}
.quote-box .hd .en {
	text-transform:uppercase;
	color:#fff;
	padding-top:6px;
	font-size:18px
}
.quote-box .layui-form {
	padding:8px 28px 30px;
	position:relative;
	
	min-height:296px
}
@media (min-width:1200px) {
.quote-box .layui-form .tit {
position:absolute;
left:0;
top:0;
bottom:0;
width:10%;
background:url('../images/quite.png') no-repeat left center;
background-size:auto 100%;
color:#fff;
font-size:36px;
text-transform:uppercase;
writing-mode:vertical-lr;
writing-mode:tb-lr;
white-space:nowrap;
font-weight:bold
}
.quote-box .layui-form .tit span {
position:absolute;
left:50%;
top:50%;
transform:translateX(-50%) translateY(-50%);
z-index:5
}
}
@media (max-width:640px) {
.quote-box .layui-form {
padding:.7rem .5rem
}
}
@media (max-width:480px) {
.quote-box .layui-form {
padding:.5rem .4rem
}
}
@media (min-width:1200px) {
.quote-box .form-inner {
width:40%; margin-left:auto; margin-right:auto;
}
.submit{ margin-top:30px; width:220px; margin-left:auto; margin-right:auto}
}
.quote-box .row {
	margin-left:-0.1rem !important;
	margin-right:-0.1rem !important
}
.quote-box .row>* {
padding-left:.1rem !important;
padding-right:.1rem !important
}
.quote-box .layui-input {
	margin-bottom:20px
}
.quote-box textarea {
	resize:none;
padding:0 .3rem !important
}
.quote-box .layui-input, .quote-box textarea {
	height:60px;
	border-radius:4px;
	background-color:#eeeeee;
	border:0;
	font-size:16px;
padding-left:.3rem
}
@media (min-width:993px) {
.quote-box .btnbox {
display:-webkit-flex;
display:flex;
display:-webkit-box;
display:box;
-webkit-align-items:center;
align-items:center;
-webkit-box-align:center;
box-align:center;
-webkit-box-pack:justify;
box-pack:justify;
-webkit-justify-content:space-between;
justify-content:space-between
}
}
.submit {
	width:2.2rem;
	text-align:center;
	height:60px;
	line-height:60px;
	background-color:#239a4c;
	color:#fff;
	font-size:16px;
	border-radius:4px;
transition:.6s;
	letter-spacing:4px;

	margin-left:auto;
	margin-right:auto
}
.quote-box .btnbox .submit:hover {
	background-color:#239a4c
}
.quote-box textarea {
	display:block
}
@media (min-width:993px) {
.quote-box textarea {
min-width:0;
-webkit-box-flex:1;
-webkit-flex-grow:1;
-ms-flex-positive:1;
flex-grow:1;
-webkit-flex-shrink:1;
-ms-flex-negative:1;
flex-shrink:1;
margin-right:0rem;
line-height:60px!important
}
}
@media (max-width:992px) {
.quote-box textarea {
display:block;
width:100%;
margin-bottom:60px;
height:1.2rem
}
}
@media (max-width:992px) {
.quote-box .layui-input, .quote-box textarea, .quote-box .submit {
height:48px !important;
margin-bottom:14px
}
.quote-box .submit {
line-height:48px!important
}
.quote-box textarea {
height:96px!important;
padding:.2rem .3rem !important;
line-height:30px
}
.quote-box .submit {
width:100%!important
}
.quote-box .layui-form-select dl {
top:50px
}
}

.tel{
	background-color:#888888;
	color:#FFFFFF;
	background-image: url(../images/t11.png);
	background-repeat: no-repeat;
	background-position: 15px 10px;
	padding-left: 80px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	height:70px;
	font-size:18px;
}
.tel1{ background-color:#fff; height:10px;}


 @media (max-width:1200px) {
.wei {
display:none
}
.www {
display:none
}
}
