@charset "utf-8";
/* CSS Document */
body{
font-family:"微软雅黑";font-size:12px;font-weight:normal;color:#666;margin:0px;padding:0px; background:#fff; overflow-x:hidden}
p,form,h1,h2,h3,h4,h5,h6,input,dl,dd,table,td,input,ul,li{margin:0px;padding:0px;}
ul,ol{margin:0px;padding:0px;list-style-type:none;}
img{border:none;}
li{ list-style:none}
a{color:#666;text-decoration:none;}
a:hover{ color:#5db048}
.clear{clear:both;}

h1,h2,h3,h4,h5,h6{ font-weight:normal}

.top{ max-width:1200px; margin:0 auto; overflow:hidden; padding:25px 0;min-width: 1200px;}
.top_l{ float:left}
.top_r{ float:right}
.top_r ul{ overflow:hidden;}
.top_r ul li{ float:left;}
.top_r ul li a{ float:left; font-size:14px; color:#666; padding:0 16px; line-height:37px}
.top_r ul li a:hover{ color:#5db048}
.top_r input{ color:#b5b5b5; border:none; border-bottom:1px solid #b5b5b5; font-family:"微软雅黑"; padding-bottom:7px; background:url(../images/serch.png) no-repeat right top; outline:none; width:155px; margin-left:50px; margin-top:5px; font-size:12px}
.top_r input:focus{
transition:border linear .2s,box-shadow linear .2s;
-moz-transition:border linear .2s,-moz-box-shadow linear .2s;
-webkit-transition:border linear .2s,-webkit-box-shadow linear .2s;
border-color:#5db048;
}


.ls_banner {width:100%;height:750px;position:relative;overflow:hidden;min-width: 1200px;}
.ls_banner .ls_bgSet{position:relative;}
.ls_banner .ls_bgSet li{position:absolute;width:100%;height:750px;display:none}
.ls_banner .ls_imgSet{position:absolute;width:998px;left:50%;margin-left:-500px;}

.ls_banner .ls_imgSet .ls_1_1{position:absolute;left:120px;top:240px;}
.ls_banner .ls_imgSet .ls_1_2{position:absolute;left:430px;top:437px}


.ls_banner .ls_menuWrap{position:absolute;width:1000px;left:50%;margin-left:-500px;}
.ls_banner .ls_menuWrap .ls_menuSet{position:absolute;width:100%;top:710px; left:0px; text-align:center;font-size:0}
.ls_banner .ls_menuWrap .ls_menuSet li{cursor:pointer;margin:0 5px; display:inline;}

.ls_menuWrap li a{width:18px; height:18px; display:inline-block; margin:0 1px; position:relative;}
.ls_menuWrap li a b{width:8px; height:8px; overflow:hidden; display:inline-block; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; background:#e5e5e5; background:rgba(0,0,0,.2); -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; border-radius:50%; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; transition:all .2s ease-in-out; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.ls_menuWrap li a:hover b,.ls_menuWrap li a.current b{background:#008cd6; -webkit-transform:scale(1.5); -moz-transform:scale(1.5); -ms-transform:scale(1.5); transform:scale(1.5);}


.about{ background:#f6f6f6; width:100%;min-width: 1200px;}
.about_con{ max-width:1200px; margin:0 auto; padding:80px 0; overflow:hidden; background:url(../images/ab_bak.jpg) no-repeat left top; height:590px; position:relative}
.about_l{ float:left; width:383px}
.about_r{ float:right}
.about_r p{width:300px; font-size:14px; color:#888; line-height:30px; float:right; margin-top:40px}
.about_l h1{ font-size:42px; color:#5db048; margin-bottom:35px}
.about_l h1 img{ vertical-align:middle}
.about_l p{ font-size:16px; line-height:30px; margin:50px 0}
.about_l a,.ab_c a{ border:1px solid #cacaca; color:#888; width:140px; height:32px; line-height:32px; text-align:center; display:block}
.about_l a:hover,.ab_c a:hover{ background-color:#5db048; border:1px solid #5db048; color:#fff}

.ab_c{ position:absolute; width:398px; height:253px; background-color:#5db048; left:450px; top:418px; text-align:center}
.ab_c h2{ font-size:48px; color:#fff; padding-top:60px; line-height:40px}
.ab_c h2 span{ display:block; font-size:20px; color:#fff}
.ab_c a{ margin:25px auto 0;border: 1px solid #fff; color:#fff}
.ab_c a:hover{ background-color:#fff; color:#5db048}


.slideBox{ width:600px; height:391px; overflow:hidden; position:relative; border:1px solid #ddd;  }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:600px; height:391px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute;bottom:18px;display:block; width:30px; height:30px; }
.slideBox .prev{ background:url(../images/left.png) no-repeat left; right:40px}
.slideBox .next{background:url(../images/right.png) no-repeat right; right:0 }

.slideBox .prev:hover{background:url(../images/left_hover.png) no-repeat left}
.slideBox .next:hover{ background:url(../images/right_hover.png) no-repeat right}


.Features,.Partners{ max-width:1200px; margin:0 auto; padding:80px 0;min-width: 1200px; }
.pro_top{max-width:1200px; margin:0 auto;text-align:center}
.pro_top h1{ text-align:center; font-size:48px; color:#c2c2c2}
.pro_top h2{ font-size:24px; color:#5db048; text-align:center; background:url(../images/bak.png) no-repeat center center; height:52px; line-height:52px; margin:17px 0 10px}
.Features_con{ overflow:hidden; margin-top:55px}
.Features_con dl{ float:left; position:relative; width:300px}
.Features_con dl dt{ overflow:hidden}
.Features_con dd{ position:absolute; width:100%; z-index:99; left:0; top:0; color:#fff; text-align:center}
.Features_con dd p{ padding-top:137px}
.Features_con dd h2{ font-size:24px; margin-top:18px}
.Features_con dd h2 span{ display:block; font-size:14px; line-height:25px}

.Features_con dl dt img,.slideGroup dt img,.case_main dt img{overflow: hidden; -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);
-webkit-transition: all 0.5s ease .0s;-moz-transition: all 0.5s ease .0s;-ms-transition: all 0.5s ease .0s; transition: all 0.5s ease .0s;}
.Features_con dl:hover dt img,.slideGroup dt img:hover,.case_main dl:hover img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.shadow { background:#5db048; height:100%; position:absolute; top:0; z-index:1; left:0; width:100%; opacity:0}

.products{ background-color:#f8f8f8;min-width: 1200px;}
.pro_con{ padding:80px 0;text-align:center}



.slideGroup .parHd{ position:relative; margin:40px 0  }
.slideGroup .parHd ul,.slideTxtBox .hd ul{ display:table; margin:0 auto   }
.slideGroup .parHd ul li,.slideTxtBox .hd ul li{ float:left; padding:0 13px; cursor:pointer; font-size:14px; border:1px solid #a9a9a9; height:37px; line-height:37px; margin:0 8px }
.slideGroup .parHd ul li.on,.slideTxtBox .hd ul li.on{background-color:#5db048; color:#fff; border:1px solid #5db048 }

.slideGroup dl{ width:50%; float:left}
.slideGroup dt{ overflow:hidden; margin-bottom:25px}
.slideGroup dt img{ width:100%}
.slideGroup dd a{ font-size:18px; color:#333}
.slideGroup dd span{ display:block; font-size:14px; color:#666; margin-top:15px}
.slideGroup dd a:hover{ color:#5db048}
.slideGroup .slideBox{ width:100%; height:inherit; overflow:hidden; position:relative; border:none;} 

.slideTxtBox .hd{margin: 60px auto 40px;}




.Partners table{width:1000px; margin:50px auto 0; border:1px solid #e2e2e2; border-collapse:collapse}
.Partners td{ padding:10px 0; border:1px solid #e2e2e2; text-align:center}

.process{ background:url(../images/process_bak.jpg) no-repeat center center; height:520px;min-width: 1200px;}
.process ul{ display:table; margin:0 auto; padding-top:195px}
.process ul li{ float:left; width:84px;text-align:center; margin:0 90px}
.process ul li span{ color:#fff;  font-size:18px; display:block; margin-top:15px}

.foot{ background-color:#f8f8f8;min-width: 1200px;}
.foot_con{ max-width:1200px; margin:0 auto; padding:75px 0 80px; overflow:hidden}
.foot_l{ float:left}

#share{ margin-top:25px}
#share a{ width: 34px !important;height: 34px;  margin: 0px 0 0 14px; float:left; background-color:#b9b7b3; padding:0; border-radius:34px;background-repeat:no-repeat; background-position: center}
#share a.bds_weixin{ background-image:url(../images/weixin.png);  }
#share a.bds_tsina{background-image:url(../images/weibo.png);  }
#share a.email{background-image:url(../images/email.png);  }

.foot_c{ float:left; margin-left:35px}
.foot_c ul{ overflow:hidden}
.foot_c ul li{ float:left}
.foot_c ul li a{ float:left; color:#777; background:url(../images/shu.png) no-repeat right; padding:0 13px}
.foot_c ul li a:hover{ color:#5db048}
.foot_c p{ line-height:24px; color:#777; margin:10px 0 0 13px}
.foot_c p a{color:#777;}
.foot_c p a:hover{ color:#5db048}

.foot_r{ float:right; font-size:14px; width:260px}
.foot_r a{ width:91%; display:block; height:33px; line-height:33px; border:1px solid #b7b7b7; border-radius:25px; margin-top:18px; padding-left:8%; font-size:12px; color:#777; background:url(../images/er.png) no-repeat 93%}

.about_main{ max-width:1200px; margin:0 auto; padding:80px 0;min-width: 1200px;}
.about_main table{ margin-top:70px; }
.about_main td h2{ font-size:24px; color:#5db048; border-bottom:1px solid #e2e2e2; padding-bottom:22px; margin-bottom:25px}
.about_main td h2 span{ border-bottom:3px solid #5db048; padding-bottom:19px}
.about_main td p{ line-height:24px;font-size:14px; color:#888}
.about_main td p span{ font-size:16px; color:#333; line-height:30px}

.pro_nav{ background-color:#f4f4f4; border-bottom:1px solid #e2e2e2; height:55px;min-width: 1200px;}
.pro_nav ul{ max-width:1200px; margin:0 auto; /*overflow:hidden*/}
.pro_nav ul li{ float:left;  margin-right:78px; position:relative}
.pro_nav ul li:nth-child(5){
    margin-right:0px;
}
.pro_nav ul li a{ float:left; font-size:16px; line-height:54px; border-bottom:2px;}
.pro_nav ul li a:hover{border-bottom:2px solid #5db048; color:#5db048}
.pro_nav ul li a.cur{border-bottom:2px solid #5db048;color:#5db048}
.nav ul li a.cur,.nav ul li a:hover{ border-bottom:2px solid #5db048;color:#5db048}

.pro_nav .submenu{ position:absolute; top:56px;  display:none; background:rgba(93,176,72,0.7); left:0px; width:100%; padding:10px 0px; z-index:9; min-width: 145px;}
.pro_nav .submenu ul{ max-width: initial;}
.pro_nav .submenu li{margin:0; padding:0; line-height:20px; float:none; }
.pro_nav .submenu li a{ color:#fff; font-size:13px; display:block; padding:7px 20px; float:none;    line-height: inherit;
    border: none;
    margin: 0; }
.pro_nav .submenu li a:hover{ background-color:#5db048; border:none; color:#fff}




.pro_top h3{ border-bottom:1px solid #e2e2e2; margin:13px 0 35px}
.pro_top h3 span{ font-size:24px; color:#5db048; border:1px solid #e2e2e2; background-color:#fff; padding:10px 25px; position:relative; top:15px}
.pro_top ul{ margin:60px auto 40px}
.pro_top ul li{ float:left}

.recom_dl{ overflow:hidden}
.recom_dl dt{ float:left; width:770px}
.recom_dl dd{ float:right; background-color:#5db048;height: 434px;display: table; width:430px}
.recom_dl .dd_main{vertical-align: middle;display: table-cell; padding:0 35px; color:#fff; font-size:14px; line-height:29px; text-align:left}
.recom_dl .dd_main h4 a{ color:#fff; font-size:24px}
.recom_dl .dd_main p{ margin-top:25px}


.recommended h2,.pro_demain h2,.Scene_main h2,.performance h2{ margin:75px 0; text-align:center; background:url(../images/recommended_bak.png) no-repeat center;font-size:30px; color:#333}
.recommended h2 span,.pro_demain h2 span,.Scene_main h2 span,.performance h2 span{ font-size:24px; color:#5db048}
.recommended_dl{ overflow:hidden}
.recommended_dl dl{ width:570px; float:left; text-align:center; margin-bottom:27px}
.recommended_dl .dl_r{ float:right}
.recommended_dl dt{ margin-bottom:27px; overflow:hidden}
.recommended_dl dl a{ font-size:18px; color:#333}
.recommended_dl dl:hover a{ color:#5db048}
.big{overflow: hidden; -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);
-webkit-transition: all 0.5s ease .0s;-moz-transition: all 0.5s ease .0s;-ms-transition: all 0.5s ease .0s; transition: all 0.5s ease .0s;}

.big:hover{-webkit-transform: scale(1.15);-moz-transform: scale(1.15);-ms-transform: scale(1.15);transform: scale(1.15);}

.pro_main{ overflow:hidden; margin-top:90px;border:1px solid #ddd; }
.pro_l{ width:571px; float:left}
.ban{ width:571px; position:relative; overflow:hidden;}
.ban2{ width:571px; height:343px; position:relative; overflow:hidden;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:571px; height:343px;}
.ban2 ul li img{ width:571px; }
.min_pic{ width:543px; padding:25px 15px 0 13px}
.num{ height:86px;overflow:hidden; width:482px; position:relative;float:left; }
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:77px; height:43px; margin-right:19px; border:2px solid #ccc}
.num ul li img{ width:77px; height:43px}
.num ul li.on{ border:2px solid #5db048; }
.prev_btn1{ width:16px; text-align:center; height:18px; margin-top:15px; margin-right:15px; cursor:pointer; float:left;}
.next_btn1{  width:16px; text-align:center; height:18px; margin-top:15px;cursor:pointer;float:right;}

.pro_r{ width:516px; float:right;  padding:45px 55px; border-left:1px solid #ddd}
.pro_r h2{ font-size:27px; color:#5db048; padding-bottom:15px; border-bottom:1px solid #ddd; margin-bottom:21px}
.pro_r p{ font-size:14px; line-height:32px}
.pro_r p span{ font-size:16px; color:#333; padding-right:15px}

.pro_demain{ max-width:1200px; margin:0 auto;min-width: 1200px;}
.pro_demain h2{ background:url(../images/pro_de_bak_1.png) no-repeat center; font-size:24px; margin:0 0 75px;min-width: 1200px;}
.pro_demain .h1_2{background:url(../images/pro_de_bak_2.png) no-repeat center;}
.pro_demain .h1_3{background:url(../images/pro_de_bak_3.png) no-repeat center;}
.pro_demain p{ text-align:center; margin-bottom:90px}
.de_img img{ margin:0 0 75px}



.msn-focus{ text-align:center; display:table; margin:0 auto 60px;font-size:14px;}
.msn-focus img{ display:block; margin-bottom:5px; margin-left:10px}
.msn-focus .hd {overflow:hidden; text-align:center;margin:20px auto 80px; display:table}
.msn-focus .hd li { float: left; display: inline; float: left; margin:0 5px; width:12px; height:12px; background-color:#666; cursor:pointer; border-radius:12px}
.msn-focus .hd .on { background-color:#5db048}



.Scene{ background-color:#f1f1f1;margin-bottom: 70px;}
.Scene_main{ max-width:1200px; margin:0 auto; padding:1px 0 80px;min-width: 1200px;}
.Scene_main h2{background:url(../images/pro_de_bak_4.png) no-repeat center; font-size:24px}

.performance{ max-width:1200px; margin:0px auto 0;min-width: 1200px;}
.performance h2{background:url(../images/pro_de_bak_5.png) no-repeat center; font-size:24px;margin: 0px auto 90px;}

.performance .Features_con{ overflow:hidden; margin:-40px 0 80px}
.performance .Features_con dl{ float:left; position:relative; width:400px}
.performance .Features_con dl dt{ overflow:hidden}
.performance .Features_con dd{ position:absolute; width:100%; z-index:99; left:0; top:0; color:#fff; text-align:center}
.performance .Features_con dd p{ padding-top:137px}
.performance .Features_con dd h2{ font-size:32px; margin-top:18px; color:#fff; background:none; padding:0; }
.performance .Features_con dd h2 span{ display:block; font-size:16px; line-height:25px; color:#fff; margin-top:10px}


.section-focus-pic{height:643px;width:1200px;position:relative;}
.section-focus-pic ul{ overflow:hidden;width:1200px;height:643px;position:relative;}
.section-focus-pic ul li{position:absolute;top:0;left:1200px;width:1200px;height:643px;}
.section-focus-pic ul li h3{position:absolute;bottom:110px;right:0; background-color:#5db048; font-size:36px; color:#fff; padding:20px 30px}
.section-focus-pic .controler{ position:absolute; font-size:0}
.section-focus-pic .controler2 a i{cursor:pointer;display:block;width:54px;height:54px; top:280px}
.section-focus-pic .controler2 .prev i{ background:url(../images/left.jpg) no-repeat left; left:-80px; position:absolute}
.section-focus-pic .controler2 .next i{ background:url(../images/right.jpg) no-repeat right; right:-80px;position:absolute}

.case_main{ overflow:hidden; margin-top:70px}
.case_main dl{ width:279px; float:left; background-color:#f6f6f6;-webkit-transition:all .2s linear;transition:all .2s linear; margin-right:28px; margin-bottom:25px;min-height: 336px;}
.case_main .dl_r{ float:right; margin-right:0}
.case_main dt{ overflow:hidden}
.case_main dd{ padding:25px}
.case_main dd h2 a{font-size:14px; color:#333}
.case_main dd p{ line-height:22px; color:#888; margin:8px 0 15px}
.case_main dd h3 a{ width:96px; height:25px; background-color:#5db048; text-align:center; line-height:25px; display:block; color:#fff; font-size:12px; border:2px solid #5db048}
.case_main dd h3 a:hover{ background:none; color:#5db048}
.case_main dd h2 a:hover{ color:#5db048}

.case_main dl:hover{z-index:2;
	-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);
	box-shadow:0 15px 30px rgba(0,0,0,0.1);
	-webkit-transform:translate3d(0,-2px,0);
	transform:translate3d(0,-2px,0)}
.case_con{ padding:55px 60px}
.case_con h2{ font-size:24px; color:#333; margin-bottom:25px}
.case_con p{ color:#777; line-height:24px; margin-top:20px}

.pledge_main{ text-align:center; margin-top:70px}

.map{ position:relative; margin-top:70px}
.map_text{ position:absolute; top:100px; left:55px; background-color:#5db048; color:#fff; padding:40px 33px; font-size:14px; color:#fff; line-height:30px}
.map_text h2{ border-bottom:1px solid #92c486; padding-bottom:15px; font-size:18px; margin-bottom:15px}

















