﻿
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}

/**/
.banner a{display:block; height:500px; overflow:hidden;}
/**/
.s_bj{height:110px; overflow:hidden; border-top:1px solid #e5e5e5;}
.sou{width:1000px; height:110px; font:14px/110px "Microsoft Yahei"; margin:0 auto; overflow:hidden;}
.sou p{width:600px; color:#626262; background:url(../image/ss_r.gif) no-repeat left 51px; padding-left:10px;}
.sou p a{color:#999; padding:0 8px;}
.s_inp01{width:335px; padding-top:36px }
.inp01{width:281px; height:38px; line-height:38px; background:url(../image/ss1.jpg) no-repeat; border:0 ; color:#999; font-size:14px; padding-left:12px; float:left;}
.inp02{background:url(../image/ss2.jpg) no-repeat center top; width:42px; height:38px; line-height:38px; border:0; float:left;}
/**/
.ty_bj{height:548px; overflow:hidden; background:url(../image/ty_bj.jpg) no-repeat center top;}
.ty_bj .ty{width: 490px; height:450px; float:right; margin-top:96px;}
.ty_bj .ty h2 img{width: 418px; height:40px;margin-left: 42px;}
.ty_bj .ty h2 i{display:block; padding-left:42px; height:78px; margin-top:12px; font:30px/40px "Microsoft Yahei"; color:#333; letter-spacing:9px;}
.ty_bj .ty h2 i em{display:block; font:14px/20px Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:1px; color:#adadad;}
.ty_bj .ty p{height:260px; padding-left:42px;font: 18px/30px "Microsoft Yahei"; color:#666;}
.ty_bj .ty span{padding-left:42px; font:24px/30px "Microsoft Yahei"; color:#48B02B;}

/**/
.zz_bj{height:400px; overflow:hidden; position:relative; background:url(../image/zz_bj.jpg) no-repeat center top;}
.zz{position:absolute; top:48px; left:50%; width:880px; height:300px; margin-left:-454px; overflow:hidden;}
.zz .x_roll,.zz .y_roll{position:absolute; top:131px; width:20px; height:60px;}
.zz .x_roll{left:0;}
.zz .y_roll{right:0;}
.zz .x_roll a img,.zz .y_roll a img{display:block; width:20px; height:60px;}
.zz ul{width:814px; height:300px; margin:0 auto; overflow:hidden;}
.zz ul li{float:left; width:220px; height:283px; margin-left:302px; background:url(../image/zz_s.png) no-repeat center bottom; *display:inline; }
.zz ul li a{display:block;width: 270px;/* height: 241px; */ margin:0 auto;/* overflow:hidden; */}
.zz ul li img{width:271px; height:187px;}
/**/
.wl_bj{/* height:780px; */ overflow:hidden;}
.wl_bj h2{ margin-bottom:20px	}
.bt{height:70px;margin: 68px 0 36px 0; text-align:center; font:36px/40px "Microsoft Yahei"; letter-spacing:8px; color:#666;}
.bt a:hover {text-decoration:none;}
.bt i{color:#48B02B;}
.bt em{display:block; font:14px/30px "Microsoft Yahei"; text-transform:uppercase;letter-spacing: 0px; color:#adadad;}
.wl{width:1000px; height:552px; overflow:hidden;}
.wl img{width:998px; height:548px; border:1px solid #d6d6d6;}
/**/
.pro_bj{height:860px; overflow:hidden; position:relative; z-index:2;}
.pro_bj h2{letter-spacing:2px;}
.pro{width:1020px; margin:53px auto 0; height:660px; overflow:hidden;}
.pro ul li{float:left; width:156px; height:68px; margin-left:12px;}
.pro ul li a{display:inline-block; width:156px; height:68px; background:url(../image/pro_s.jpg) no-repeat center top;}
.pro ul li a:hover,.pro .cur a{background:url(../image/pro_s1.jpg) no-repeat center top; text-decoration:none;}
.pro .first{margin:0;}
.pro ul li img{float:left; width:53px; height:40px;margin: 14px 0px 0 0px; *display:inline;}
.pro ul li span{float:left; display:block;width: 100px; margin-top:20px; font:14px/20px "Microsoft Yahei";font-weight: normal; color:#fff;}
.pro ul li span i{display:block;width:140px; font:8px/10px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#d4e8be;-webkit-transform:scale(0.7); -webkit-margin-start:-24px; }
.pro .p_r span i{letter-spacing:-0.5px;}
.pro .p_s span{letter-spacing:-1px;}
.pro_s{height:488px; width:1020px; margin-top:60px; position:relative; overflow:hidden;}
.pro_s p{float:left; width:741px; height:429px; margin-right:12px;}
.pro_s p img{width:735px; height:422px; border:3px solid #8dc540;}
.pro_s ol{float:left; width:242px; height:440px; padding-left:12px; overflow:hidden;}
.pro_s ol li{float:left; width:241px; height:140px; margin-bottom:4px;}
.pro_s ol li img{width:239px; height:138px; border:1px solid #e0e0e0;}
.pro_s .x_p{position:absolute; top:380px; right:0; width:24px; height:24px;}
.pro_s .x_p a{display:block; width:24px; height:24px; background:#48B02B;}
.pro_s .x_p a:hover{background:#5a7234;}
.pro_r{width:930px; height:40px; padding:0 40px; background:url(../image/pro_r.jpg) no-repeat left 2px;}
.pro_r span{font: 26px/25px "Microsoft Yahei"; font-weight:bold; color:#333;}
.pro_r em a{padding-right:12px; font:24px/25px "Microsoft Yahei"; cursor:pointer; font-weight:bold; color:#333;}
/**/
.pic1{height:410px; margin-top:-180px; position:relative; z-index:1; overflow:hidden; background:url(../image/pic1.png) no-repeat center top;}
.pic1 p{position:absolute; top:268px; left:50%; margin-left:164px; width:330px; }
.pic1 p em{float:left; display:block;  font:bold 30px/30px "Microsoft Yahei"; color:#fff;}
.pic1 p em i{display:block; margin-top:33px; font:20px/41px "Microsoft Yahei";color: #403e3e;font-weight:bold;}

.pic1 p span{float:right; display:block; width:103px; height:127px; overflow:hidden;background: #403e3e; text-align:center; font:19px/22px "Microsoft Yahei";}

.pic1 p span a{color:#fff; display:inline-block; padding-top:29px;font:bold 22px/34px "Microsoft Yahei"}


/**/
.ys{height:682px; margin-top:80px; background:#f5f5f5; overflow:hidden;}
.ys h2{height:110px;margin: 40px 0 0px 0;letter-spacing: 2px;}
.ys h2 em{/* letter-spacing:3px; */}
.ys_l{width:230px; overflow:hidden;}
.ys_l ul li{width:230px;height: 86px; margin-bottom:4px;}
.ys_l ul li a{display:inline-block; width:230px;height: 86px; background:url(../image/ys_s.jpg) no-repeat center top;}
.ys_l ul li a:hover,.ys_l li.cur a{background:url(../image/ys_s1.jpg) no-repeat center top; text-decoration:none;color:#fff;}
.ys_l ul li a:hover b,.ys_l li.cur a b{color:#fff;}
.ys_l ul li a:hover em,.ys_l li.cur a em{color:#fff;}
.ys_l ul li a b{display:block;padding: 20px 0 0 16px; font:18px/25px "Microsoft Yahei"; font-weight:bold; color:#5e5e5e;}
.ys_l ul li a b i{font:25px/25px Arial, Helvetica, sans-serif;margin-top: 0px;float: left;padding-right:8px; font-weight:bold;}
.ys_l ul li a em{padding-left: 60px;font: 14px/18px Helvetica, sans-serif;width: 124px;display: block;/* letter-spacing:-1px; *//* text-transform:uppercase; */ color:#666;}
.ys_l ul li a:hover b{color:#fff;}
.ys_l ul li a:hover em{color:#fff;}
.ys_r{width:746px; height:450px; overflow:hidden; position:relative;}
.ys_r span{position:absolute; top:370px; left:0; display:block; width:746px; height:80px; background:url(../image/ys_ss.png) no-repeat center top;}
.ys_r span p{float:left; width:632px; margin-top:12px; padding-left:18px; font:14px/30px "Microsoft Yahei"; color:#fff;}
.ys_r span i {float:right; display:block; width:80px; height:80px; background:#48B02B; }
.ys_r span i a{display:block; width:80px; height:80px; text-align:center; font:14px/100px "Microsoft Yahei"; color:#fff; background:url(../image/ys_s.gif) no-repeat center 18px}
/**/
.ss_bj{height:580px; overflow:hidden;}
.ss_bj h2{margin:76px 0 40px 0; letter-spacing:5px;}
.ss_bj h2 em{letter-spacing:1px;}
.ss_bj ul{height:306px; overflow:hidden;}
.ss_bj ul li{float:left; width:162px; height:252px; margin-left:5px;}
.ss_bj .cur{margin:0;}
.ss_bj ul li a{display:inline-block; width:162px; height:252px; text-align:center; background:#48B02B;}
.ss_bj ul li a:hover{background:#95c637; text-decoration:none;}
.ss_bj ul li a img{width:90px; height:90px; margin-top:24px;}
.ss_bj ul li a b{display:block; height:42px; font:bold 15px/42px "Microsoft Yahei"; color:#fff;}
.ss_bj ul li a p{width:124px; margin:0 auto; padding-top:12px;border-top: 2px solid #fff; font:12px/24px "Microsoft Yahei"; color:#fff;}
.ss_bj .ss_tel{width:187px; height:100px; margin:0 auto; text-align:center; background:url(../image/ss_btn.jpg) no-repeat center top; font:bold 19px/20px "Microsoft Yahei"; color:#48B02B;}
.ss_bj .ss_tel b{display:block; font:24px/58px "Microsoft Yahei"; }
.ss_bj .ss_tel b a{color:#333;}
/**/
.jz_bj{height:490px; overflow:hidden;}
.jz_bj h2{margin:50px 0 24px 0;}
.jz_s{height:449px; background:#f5f5f5; overflow:hidden;}
.jz{width:1000px; margin:0 auto; height:449px; overflow:hidden; position:relative;background:url(../image/jz_bj.jpg) no-repeat center 33px;}
.jz_x,.jz_y{position:absolute; top:104px; width:25px; height:25px; z-index:9; cursor:pointer;}
.jz_x img,.jz_y img{width:25px; height:25px; }
.jz_x{left:372px;}
.jz_y{right:372px;}
.jz ul{height:361px; margin-top:32px;}
.jz ul li{float:left; width:504px; height:350px; text-align:center; margin:27px 0 0 248px; *display:inline;}
.jz ul li img{width:173px; height:173px;}
.jz ul li a:hover {text-decoration:none;cursor:default;}
.jz ul li span{display:block; height:46px; margin-top:20px; text-align:center; font:20px/30px "Microsoft Yahei"; color:#333;}
.jz ul li p{text-align:left; font:14px/24px "Microsoft Yahei"; color:#666;}
.jz_btn a{display:block; width:109px; margin:0 auto; text-align:center; font:bold 14px/26px "Microsoft Yahei"; color:#333; height:26px; border:2px solid #48B02B;}
/**/
.pz_bj{height:323px; overflow:hidden;}
.pz_bj h2{margin:38px 0 53px 0;}
.pz{width:1000px; margin:45px auto 0; overflow:hidden; position:relative;}
.pz .pz_x,.pz .pz_y{position:absolute;top: 36px; width:20px; height:40px;}
.pz .pz_x{left:0;}
.pz .pz_y{right:25px;}
.pz .pz_x a,.pz .pz_y a{display:block; width:20px; height:34px; background:#48B02B;}
.pz .pz_x img,.pz .pz_y img{width:20px; height:34px;}
.pz .pz_x a:hover,.pz .pz_y a:hover{background:#5a7234;}
.pz ul li{float:left;width: 214px;margin-left: 24px; *display:inline;}
.pz ul li img{width: 212px;height: 98px; border:1px solid #d6d6d6;}
.pz .cur{margin-left:32px;}
.pz ul li span{display:block; text-align:center; font:14px/30px "Microsoft Yahei"; color:#666;}
/**/ 

.pic2{height:160px; position:relative; z-index:1; overflow:hidden; background:url(../image/pic2.jpg) no-repeat center top;}
.pic2 p{position:absolute; top:17px; left:50%; margin-left:164px; width:330px; }
.pic2 p em{float:left; display:block;  font:bold 30px/30px "Microsoft Yahei"; color:#fff;}
.pic2 p em i{display:block; margin-top:40px; font:20px/41px "Microsoft Yahei"; color:#403e3e;font-weight:bold;}
.pic2 p span{float:right; display:block; width:103px; height:127px; overflow:hidden;background: #403e3e; text-align:center; font:19px/22px "Microsoft Yahei";}
.pic2 p span a{color:#fff; display:inline-block; padding-top:29px;font:bold 22px/34px "Microsoft Yahei"}

/**/
.about_bj{width:1000px;/* height:361px; */ margin:60px auto 0; position:relative; overflow:hidden;}
.about_bj dl{/* width:964px; *//* height:320px; */padding-bottom: 40px;overflow:hidden;}
.about_bj dl dt{float:left; width:377px; height:302px; background:url(../image/about_s.jpg) no-repeat center top;}
.about_bj dl dt img{width:361px; height:286px; margin:8px;}
.about_bj dl dd{/* float:right; *//* width:572px; */font: 16px/30px "Microsoft Yahei"; color:#666;}
.about_bj dl dd a{color:#666;}
.about_bj dl dd h3{height: 62px; text-align:center; font:18px/18px "Microsoft Yahei"; font-weight:bold;}
.about_bj dl dd h3 a{color:#333;font-size: 26px;line-height: 30px;}
.about_r{/* position:absolute; *//* top:130px; *//* left:387px; *//* width:612px; */height: 240px; overflow:hidden;}
.about_r ul{height: 58px; overflow:hidden;}
.about_r ul li{float:left; height:32px; width:58px; margin-right:28px; *display:inline;}
.about_r ul li a{display:inline-block;height: 33px;width: 69px;font: 16px/28px "Microsoft Yahei"; color:#333;}
.about_r ul li a:hover,.about_r .cur a{border-bottom:4px solid #48B02B; text-decoration:none;}
.about{/* width:612px; */ height:130px; position:relative; overflow:hidden;}
.about .ab_x,.about .ab_y{position:absolute; top:44px; width:20px; height:34px;}
.about .ab_x{left:0;}
.about .ab_y{right:0;}
.about .ab_x img,.about .ab_y img{width:20px; height:34px;}
.about .ab_x a,.about .ab_y a{display:block; width:20px; height:34px; background:#48B02B;}
.about .ab_x a:hover,.about .ab_y a:hover{background:#5a7234;}

.about ol li{float:left;width: 169px; height:123px; margin-left:26px; *display:inline;}
.about ol li img{width: 169px; height:123px;}
.about .none{margin-left:33px;}
/**/
.news_bj{width:940px; height:408px; margin:0 auto; padding:30px; background:#f7f7f7; overflow:hidden;}
.news_l{width:530px; height:408px; background:#fff; padding:0 16px; overflow:hidden; position:relative;}
.news_l .more1{position:absolute; top:24px; right:14px; font:12px/20px "Microsoft Yahei";}
.news_l .more1 a{color:#666;}
.news_l ul{height:54px; margin:10px 0 30px 0; overflow:hidden;}
.news_l ul li{float:left; height:54px; width:108px; margin-right:58px; *display:inline;}
.news_l ul li a{display:inline-block; height:50px; width:108px; font:18px/50px "Microsoft Yahei"; font-weight:bold; color:#353231;}
.news_l ul li a:hover,.news_l .cur a{border-bottom:4px solid #48B02B;}
.news dl{height:153px; overflow:hidden;}
.news dl dt{float:left; width:213px; height:135px;}
.news dl dt a img{width:213px; height:135px;}
.news dl dd{float:right; width:300px; font:14px/24px "Microsoft Yahei"; color:#666;}
.news dl dd a{color:#666;}
.news dl dd b{height:34px; display:block; font:14px/15px "Microsoft Yahei"; font-weight:bold;}
.news dl dd b a{color:#565656;}
.news ol li{float:left; width:244px; height:35px; border-bottom:1px dashed #ccc; font:14px/35px "Microsoft Yahei"; padding-left:20px; background:url(../image/news_s.gif) no-repeat left center;}
.news ol li a{color:#535353;}
.news .nones{border:0;}
.link{width:1000px; margin:44px auto 30px; height:auto; overflow:hidden;}
.link span{float:left; font:16px/50px "Microsoft Yahei"; font-weight:bold; color:#666;}
.link span a{color:#2a2b2b;}
.link span a i{font-size:20px; color:#5a7234; text-transform:uppercase;}
.link p{float:right; }
.link p a{font:14px/50px "Microsoft Yahei"; color:#787878; padding:0 20px;}
.link p a b{color:#666;}
/**/ 


.tc {margin:8px;}

/**/




.mewssBox {
	/* float: left; */
	width: 348px;
}
.newsPart {
	display: none;
}
.messLine {
	overflow: hidden;
	width: 346px;
	height: 35px;
	background: #fff;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	clear: both;
}
.messLine img {
	float: left;
}
.messLine input {
	float: right;
	height: 35px;
	line-height: 35px;
	border: none;
	width: 290px;
}
.mewssBox textarea {
	border: 0;
	width: 336px;
	border: 1px solid #ccc;
	padding: 5px;
	margin-bottom: 10px;
	clear: both;
}
.mewssBox button {
	width: 100%;
	height: 40px;
	background-color: #48B02B;
	color: white;
	border: 0;
	cursor: pointer;
	font-size: 20px;
	line-height: 40px;
	margin-bottom: 32px;
}
.BotmPhone {
	background-image: url(../image/botmPhone.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 48px;
	padding-left: 60px;
}
.BotmPhone dd {
	color: #48B02B;
	line-height: 20px;
}
.BotmPhone dt {
	color: #48B02B;
	font-size: 24px;
	line-height: 28px;
	font-weight: bold;
}
.BotmCon {
	float: right;
	width: 685px;
	margin-top: 50px;
}

.BotmPhone {
	background-image: url(../image/botmPhone.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 48px;
	padding-left: 60px;
}
.BotmPhone dd {
	color: #48B02B;
	line-height: 20px;
}
.BotmPhone dt {
	color: #48B02B;
	font-size: 24px;
	line-height: 28px;
	font-weight: bold;
}











.xxx li a{
    background: #E8E8E8;
    color: #666;
    border: 0;
    float: left;
    padding: 8px 30px;
    font-size: 14px;
    border-radius: 0;
    margin-right: 15px;
}
.xxx li a:hover,.xxx li.cur a{
    background: #B2C61C;
    color: #fff;
}



.sksi li {
    overflow:hidden;
    float: left;
    text-align: center;
    width: 310px;
    margin: 10px;
    position: relative;
    height: 230px;
}

.sksi li a img{
    width: 310px;
    height: 230px;
    transition: all 0.6s;
}
.sksi li a:hover img{  transform: scale(1.2); 
}

.project-intro {
    opacity: 0;




}
.sksi li a:hover .project-intro {top:0;}
.sksi li a:hover .project-intro {
     opacity: 1;
     position: absolute;
     top: 15px;
     background: url(../image/90bg.png);
     text-align: center;
     left: 15px;
     transition: all 0.6s;
     padding: 20px;
     height: 163px;
     width: 240px;
}













h4.project-title {
    /* margin: 0 auto 0px auto; */
    padding: 0 0 10px;
    font-size: 20px;
    font-weight: 600;
    display: inline-block;
    /* line-height: 60px; */
    border-bottom: 2px solid #95C637;
    line-height: 1.1;
    color: #fff;
    text-align: center;
}

.project-descr {
    line-height: 150%;
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
    color: #fff;
}

.fc_c {
    height: 488px;
}

ul.xxx {padding-bottom:20px;height: 33px;}