﻿

/* CSS Document */

.banner{ position:relative; width:100%; overflow:hidden;}

.banner img{ width:100%;}

.banner .curcbox em{ display:inline-block;  font-size:48px; position:absolute; left:-55px; top:-45px; font-weight:lighter;}

.banner .curcbox{ position:absolute; top:36%; left:50%; margin-left:-695px; color:#fff;}

.banner .curcbox h3{ font-size:60px;}

.banner .curcbox p{ font-size:32px; margin-top:15px;}



.here{ background:url(../image/i_here.png) no-repeat left center; padding-left:20px;}

.here a,.here em{ font-size:14px; color:#666; display:inline-block; margin-right:5px;}



.sonclass a{ display:inline-block; height:44px; line-height:44px; padding:0 30px; border:1px solid #cdcdcd; border-radius:22px; color:#666; font-size:20px; margin-right:1.5%; margin-bottom:1.5%;}

.sonclass a em{ display:inline-block; margin-left:5px; margin-top:-5px; font-size:20px; vertical-align:middle;}

.sonclass a.now,.sonclass a:hover{ color:#fff; background-color:#007535; border-color:#007535;}



.classintro,.classintro p{ font-size:22px; color:#666; line-height:48px;}

.classintro b{ color:#007535; font-weight:bold; font-size:24px;}



.zone{ margin-top:1.5%;}


.newslist li{ width:500px; float:left; margin-right:25px; margin-bottom:25px;}

.newslist li .img{ height:287px; overflow:hidden;}

.newslist li .img img{ height:100%; width:100%;}

.newslist li .txt{ background-color:#f8f7f7; padding:40px 24px 60px;}

.newslist li .txt h3{white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}

.newslist li .txt a{ font-size:20px; color:#333;}

.newslist li .txt p{ font-size:14px; color:#929292; line-height:24px; margin-top:20px; height:48px; overflow:hidden;}

.newslist li .txt div span{ display:inline-block; font-size:14px; color:#333; padding-left:28px;}

.newslist li .txt .time{ float:left; background:url(../image/i_time.png) no-repeat;}

.newslist li .txt .num{ float:right; background:url(../image/i_num.png) no-repeat;}

.newslist li.mr0{ margin-right:0;}



.loadmore{ margin-top:65px; text-align:center;}

.loadmore a{ display:inline-block; width:303px; height:51px; line-height:51px; text-align:center; border:1px solid #dadada; font-size:16px; color:#333;}

.tips{ font-size:20px; color:#007535; margin-top:136px;}



.newsbody .tit{ padding-bottom:15px; border-bottom:1px solid #dddbdb;}

.newsbody .tit h3{ font-size:30px; color:#333;}

.newsbody .tit .oth span{ display:inline-block; float:left; margin-right:35px; font-size:14px; color:#666;}

.newsbody .detail{ padding:30px 0;}

.newsbody .detail,.newsbody .detail p{ color:#666; font-size:16px; line-height:36px;}

.newsbody .detail img{ max-width:100%;}



.share{ float:right; margin-top:-3px;}

.share em{ display:inline-block; float:left; margin-top:3px; margin-right:3px;font-size:14px; color:#666;}

.share a{ background-image:url(../image/i_share.jpg); margin:0; background-repeat:no-repeat; display:inline-block; width:24px; height:24px;}

.share a.icon-weibo{ background-position:-58px 0;}

.share a.icon-qq{ background-position:-29px 0;}

.share a.icon-qzone{ background-position:0 0;}

.share a.icon-wechat{ background-position:-87px 0;}



.relation{ padding-top:60px; border-top:1px solid #dddbdb;}



.about,.about p{ font-size:18px; color:#666; line-height:48px;}

.about img{ max-width:100%;}



.ab_org li{ overflow:hidden;}

.ab_org li .img{ width:50%; float:left; height:477px; overflow:hidden;}

.ab_org li .img img{ height:100%; width:auto;}

.ab_org li .txt{ width:47%; float:right;}

.ab_org li .txt h3{white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}

.ab_org li .txt h3 a{ display:block; font-size:36px; font-weight:bold; color:#333; margin-top:7.5%;}

.ab_org li .txt h3 a:hover{ color:#007535;}

.ab_org li .txt p{ font-size:18px; color:#666; line-height:40px; margin-top:4.5%;}

.ab_org li .txt a.more{ display:inline-block; padding:0 5%; height:45px; line-height:45px; font-size:18px; color:#007535; border:1px solid #007535; border-radius:22px; margin-top:6.5%;}

.ab_org li .txt a.more em{ display:inline-block; width:22px; height:14px; background:url(../image/i_see.png) no-repeat; margin-right:8px;}

.ab_org li.odd .img{ float:right;}

.ab_org li.odd .txt{ float:left;}



.busi li .txt h3 a{ color:#007533;}



.zzlist{ overflow:hidden;}

.zzlist ul{ width:110%;}

.zzlist li{ float:left; width:369px; margin-right:23px;}

.zzlist li .img{ height:272px; overflow:hidden;}

.zzlist li .img img{ height:100%; width:auto;}

.zzlist li h3{ height:90px; padding-top:10px; text-align:center; font-size:16px; color:#333; line-height:24px;}



.caselist li{ width:48.5%; float:left; margin-right:3%; margin-bottom:3%; }

.caselist li .img{ height:477px; overflow:hidden;}

.caselist li .img img{ height:100%; width:auto;}

.caselist li .txt{ padding:20px 24px 30px; background-color:#f7f7f7; position:relative;}

.caselist li .txt p{ font-size:18px; line-height:36px; color:#333;white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}

.caselist li .txt a.more{ display:inline-block; padding:0 5px; line-height:100%; font-size:36px; border:1px solid #007535; color:#007535; position:absolute; right:5%; bottom:28%;}

.caselist li.mr0{ margin-right:0;}



.khlist li{ display:table; width:20%; text-align:center; float:left; height:80px; margin-bottom:3%;}

.khlist li a{ display:table-cell; vertical-align:middle;}

.khlist li img{ max-width:96%;}



.zplist dl dt{ height:72px; line-height:72px; background-color:#f0f1f0; font-size:18px;}

.zplist dl dd{ border-bottom:1px solid #efeeee; height:67px; line-height:67px; font-size:16px; cursor:pointer; position:relative;}

.zplist dl span{ display:inline-block; color:#333;}

.zplist dl span.name{ width:21%; padding-left:1%;}

.zplist dl span.lx{ width:20%;}

.zplist dl span.rs{ width:20%;}

.zplist dl span.bm{ width:20%;}

.zplist dl dd span.rs{ width:20.5%;}

.zplist dl dd em{ display:inline-block; font-size:30px; position:absolute; right:2%; color:#007535; font-weight:bold;}

.zplist dl dd.on{ background-color:#007535;}

.zplist dl dd.on span{ color:#fff;}



.zplist .zpcon{ padding-left:1%; display:none; border-bottom:1px solid #efeeee;}

.zplist .zpcon .box{ margin-bottom:30px;}

.zplist .zpcon .zpname{ font-size:16px; font-weight:bold; height:30px;}

.zplist .zpcon .txt{ font-size:16px; line-height:30px;}



.contact .cont_l{ width:40%; float:left;}

.contact dt{ font-size:20px; color:#007535; font-weight:bold;line-height:36px;}

.contact dd{ font-size:18px; color:#666; line-height:48px;}

.ewm li{ float:left; width:30%; padding:2% 1%; text-align:center; border:1px solid #e8e8e8; margin-right:8%;}

.ewm li p{ font-size:14px; color:#333; line-height:22px; margin-bottom:5px;}

.ewm li img{ max-width:80%;}

.map{ width:60%; height:540px; float:right;}

.map img{ width:100%;}

.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}

.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}




.case_succ{padding-bottom:1%; border-bottom:1px solid #cdcdcd;}

.caseMap{ width:60%; float:left;}

.caseMap img{ max-width:100%;}

.caseSear{ width:35%; float:right; }

.caseSear p{ font-size:20px; color:#333; line-height:48px; text-indent:2em;}

.caseSear p b{ font-weight:bold; font-size:20px; color:#007535;}

.case_city li{ text-align:center; margin-bottom:3%;}

.case_city li i{ display:inline-block; font-size:18px; color:#333; width:15%;}

.case_city li .sel{ border:1px solid #cdcdcd; width:40%; padding:0 2%; height:46px; border-radius:23px; font-size:16px; color:#333;}

.case_city li .c-btn{ border:none; color:#fff; font-size:16px; height:46px; width:40%; background-color:#007535; border-radius:23px;}

.caseName,.caseName i{ font-size:36px; color:#007535;}

.caseName i{ display:inline-block; margin-right:2%;}


.webmap{ margin-top:3%; margin-bottom:3%;}

.webmap dl{ border-bottom:1px solid #efefef; padding:1.5% 0 2%;}

.webmap dt{ margin-bottom:.8%;}

.webmap dt a{font-size:18px;}

.webmap dd{ display:inline-block; margin-right:2%;}

.webmap dd a{ color:#434343; font-size:14px;}

.webmap dt a:hover,.webmap dd a:hover{ color:#007535;}



.bigV{ position:relative; height:607px;}

.smallV li{ float:left; width:32.25%; margin-right:1.6%;}

.smallV li .img{ height:293px; overflow:hidden; position:relative;}

.smallV li img{ height:100%; width:auto;}

.smallV li em{ display:inline-block; width:60px; height:60px; background:url(../image/i_v_s.png) no-repeat; position:absolute; left:50%; margin-left:-30px; top:50%; margin-top:-30px;}

.smallV li h3{ font-size:18px; color:#333; margin-top:5px; line-height:28px;}

.smallV li.mr0{ margin-right:0;}



@media screen and (max-width:1440px){

	.banner .curcbox{ margin-left:auto; left:5%;}	

	.banner .curcbox h3{ font-size:45px;}

	.banner .curcbox p{ font-size:24px;}

	.banner .curcbox em{ left:-10%; top:-55%;}

	

	.newslist li{ width:32.5%; margin-right:1.2%; margin-bottom:1.2%;}

	.newsbody .tit h3{ font-size:28px;}

	

	.ab_org li .img{ height:432px;}

	.ab_org li .txt h3 a{ font-size:32px;}

	.ab_org li .txt p{ font-size:16px; line-height:36px;}

	.ab_org li .txt a.more{ font-size:16px; height:40px; line-height:40px;}

	

	.zzlist li{ width:22%; margin-right:1%;}

	.zzlist li .img{ height:250px;}

	

	.caselist li{ width:49%; margin-right:2%;}

	.caselist li .img{ height:425px;}

	

	.smallV li .img{ height:265px;}

}

@media screen and (max-width:1400px){

	.newslist li .img{ height:255px;}

	.about, .about p{ font-size:16px; line-height:32px;}	

	.ab_org li .img{ height:420px;}

	.zzlist li .img{ height:242px;}

	.caselist li .img{ height:414px;}

	.smallV li .img{ height:258px;}

}

@media screen and (max-width:1360px){

	.mt50{ margin-top:3%;}

	

	.newslist li .img{ height:247px;}	

	.ab_org li .txt h3 a{ font-size:28px;}

	.ab_org li .img{ height:408px;}

	.zzlist li .img{ height:235px;}

	.caselist li .img{ height:402px;}

	.smallV li .img{ height:250px;}

}



@media screen and (max-width:1280px){

	.newslist li .img{ height:233px;}

	.newsbody .tit h3{ font-size:24px;}	

	.ab_org li .img{ height:384px;}

	.zzlist li .img{ height:221px;}

	.caselist li .img{ height:379px;}

	.contact dd{ font-size:16px; line-height:36px;}

	.smallV li .img{ height:236px;}

}

.pho-sonclass{ display:none;}

@media screen and (max-width:1200px){

	.sonclass{ display:none;}

	.pho-sonclass{ display:block;}

	.pho-sonclass .swiper-slide{ width:auto; margin-right:1.5%; margin-bottom:1.5%;}

	.pho-sonclass .swiper-slide a{ height:44px; line-height:44px; padding:0 30px; border:1px solid #cdcdcd; border-radius:22px; color:#666; font-size:20px; display:inline-block;}

	.pho-sonclass .swiper-pagination{ display:none;}

	.pho-sonclass .swiper-slide.on a{ color:#fff;background-color:#007535; border-color:#007535;}

	.pho-sonclass .swiper-slide.on a em{ display:inline-block; margin-left:5px; font-size:20px;}



	.mt30{ margin-top:3%;}


	.banner .curcbox{ left:8%;}

	.banner .curcbox h3,.banner .curcbox em{ font-size:36px;}

	.banner .curcbox p{ font-size:20px;}

	.sonclass a{ height:38px; line-height:38px; width:auto; padding:0 3%; font-size:16px;}

	.here{ box-sizing:border-box;}

	.newslist li .img{ height:188px;}

	.newslist li .txt{ padding:6% 4%;}

	.newsbody .tit h3{ font-size:20px;}

	.ab_org li .img{ height:309px;}

	.ab_org li .txt h3 a{ font-size:24px;}

	.ab_org li .txt p{ font-size:14px; line-height:28px;}

	.ab_org li .txt a.more{ font-size:14px; height:36px; line-height:36px; margin-top:3.5%;}

	.classintro, .classintro p{ font-size:18px; line-height:36px;}

	.zzlist li .img{ height:178px;}

	.caselist li .img{ height:305px;}

	.caselist li .txt p{ font-size:16px; line-height:28px;}

	.caseSear p,.caseSear p b{ font-size:16px; line-height:36px;}

	.case_city li i{ font-size:16px;}

	.case_city li .sel,.case_city li .c-btn{ height:35px;}

	.caseName, .caseName i{ font-size:28px;}

	.smallV li .img{ height:190px;}

	.smallV li h3{ font-size:16px;}
	
	.newsbody .tit{ margin-top:3%;}

}



@media screen and (max-width:768px){

	.banner .curcbox h3{ font-size:28px;}	

	.banner .curcbox p{ font-size:16px; margin-top:10px;}

	.pho-sonclass{ margin-top:3%;}

	.pho-sonclass .swiper-slide a{ height:32px; line-height:32px; font-size:16px;}

	.pho-sonclass .swiper-slide a em{ font-size:16px;}

	.newslist li .img{ height:164px;}

	.loadmore a{ padding:0 100px; width:auto;}

	.newsbody .tit h3{ font-size:16px; line-height:24px;}

	.newsbody .tit .oth span{ margin-right:20px;}

	.newsbody .detail, .newsbody .detail p{ font-size:14px; line-height:28px;}

	.tips{ margin-top:10%;}

	.ab_org li .img{ height:232px;}

	.ab_org li .txt p{ max-height:90px; overflow:hidden;}

	.ab_org li .txt h3 a{ font-size:20px;}

	.ab_org li .txt a.more{ height:32px; line-height:32px;}

	.zzlist li .img{ height:133px;}

	.zzlist li h3{ font-size:14px;}

	.classintro, .classintro p{ font-size:15px;}

	.caselist li{ width:49.5%; margin-right:1%;}

	.caselist li .img{ height:231px;}

	.caselist li .txt{ padding:3% 5%;}

	.caselist li .txt a.more{ font-size:26px; bottom:16%;} 
	
	.khlist{ margin-top:5%;}

	.khlist li img{ max-width:75%;}

	.zplist dl dt{ font-size:16px; height:45px; line-height:45px;}

	.zplist dl dd{ font-size:14px; height:36px; line-height:36px;}

	.zplist .zpcon .zpname{ font-size:14px;}

	.zplist .zpcon .txt{ font-size:14px; line-height:24px;}

	.zplist .zpcon .box{ margin-bottom:3%;}

	.caseMap{ width:54%;}

	.caseSear{ width:43%;}

	.caseSear p,.caseSear p b{ font-size:14px; line-height:24px;}

	.case_city li i{ font-size:14px;}

	.case_city li .sel,.case_city li .c-btn{ font-size:14px; height:32px;}

	.smallV li .img{ height:142px;}

	.smallV li h3{ line-height:22px;}

	.bigV em{ width:60px; height:60px; margin-left:-30px; margin-top:-30px; background-size:100%;}

	.smallV li em{ width:40px; height:40px; margin-left:-20px; margin-top:-20px; background-size:100%;}

}

.pho-banner{ display:none;}

@media screen and (max-width:420px){
	.pc-banner{ display:none;}
	.pho-banner{ display:block;}
	.banner img{ height:170px; width:100%;}	
	.pho-sonclass .swiper-slide.on a em{ font-size:16px;}
	.newslist li{ width:100%; margin-right:0; float:none; margin-bottom:3%;}
	.newslist li .img{ height:237px;}
	.newslist li .img img{ width:100%; height:auto; min-height:237px;}
	.newslist li .txt{ box-sizing:border-box; width:100%;}
	.newslist li .txt p,.newslist li .txt .mt20{ margin-top:12px;}

	.tips{ margin-top:20%; font-size:16px;}

	.newsbody .tit .oth.mt20{ margin-top:1.5%;}

	.newsbody .tit .oth span,.share{ display:none;}

	.newsbody .tit .oth span:nth-child(2),.newsbody .tit .oth span:nth-child(4){ display:block;}

	.newsbody .detail{ padding:3% 0;}

	.relation li:nth-child(3){ display:none;}

	.ab_org li{ margin-bottom:5%; overflow:inherit;}
	.ab_org li .img,.ab_org li .txt,.ab_org li.odd .img,.ab_org li.odd .txt{ width:100%; float:none;}
	.ab_org li .img img{ width:100%; height:auto;}
	.ab_org li .txt h3{ margin-top:-3%;}
	.ab_org li .txt h3 a{ font-size:18px;}
	.ab_org li .txt p{ margin-top:2.5%;}

	.classintro, .classintro p{ line-height:28px;}

	.zzlist li{ width:44%; margin-right:2%; margin-bottom:2%;}

	.zzlist li .img{ height:145px;}

	.caselist li .img{ height:125px;}

	.caselist li .txt p{ font-size:14px; line-height:22px;}

	.caselist li .txt a.more{ font-size:18px; padding:0 3px;}

	.zplist dl span:nth-child(2),.zplist dl span:nth-child(4){ display:none;}

	.zplist dl span.name{ width:40%;}

	.zplist dl span.rs{ width:23%;}

	.zplist dl span.time{ width:26%;}

	.zplist dl dd span.rs{ width:24%;}
	
	.zplist dl dd em{ font-size:18px;}

	.contact .cont_l,.map{ width:100%; float:none;}

	.map{ margin-top:3%; height:280px;}

	.caseMap{ display:none;}

	.caseSear{ float:none; width:100%;}

	.caseName, .caseName i{ font-size:24px;}
	
	.bigV{ height:436px;}
	
	.smallV li{ width:100%; float:none; margin-bottom:5%;}

	.smallV li .img{ height:auto;}
	
	.smallV li .img img{ width:100%; height:auto;}
	
	.khlist li{ width:50%; height:auto; margin-bottom:8%;}
	
	.zzlist li .img img{ width:100%; height:100%;}
}

@media screen and (max-width:375px){

	.newslist li .img{ height:207px;}
	
	.newslist li .img img{ min-height:207px;}

	.newsbody .tit h3{ font-size:15px; line-height:24px;}	

	.newsbody .tit .oth span{ font-size:12px;}

	.zzlist li .img{ height:131px;}

	.caselist li .txt p{ font-size:12px; line-height:20px;}

	.caselist li .txt a.more{ font-size:16px; padding:0 2px;}

	.zplist dl span.name{ width:45%;}
}