@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}

/**/
.banner{ background:url(banner.jpg) no-repeat center 0; height:540px; overflow:hidden; clear:both;}
.fullSlide {width:100%;position:relative;height:540px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:540px;overflow:hidden;text-align:center; background-position:center top;background-repeat:no-repeat}
.fullSlide .bd li a {display:block;height:540px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:100px;height:8px;margin:1px;overflow:hidden;background:#fff;line-height:999px;   background-repeat:no-repeat;}
.fullSlide .hd ul .on {background:#62b52c;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;width:73px;height:73px;}
.fullSlide .prev{ background:url(left1s.png) no-repeat;}
.fullSlide .next {left:auto;right:5%;background:url(right1s.png) no-repeat;
}

/**/
.about{ background:#fafafa; padding-top:81px; height:600px; margin-bottom:80px;}
.about h3{ height:70px; line-height:100%; text-align:center; background:url(a_h3.jpg) no-repeat center 13px;}
.about h3 a{ color:#62b52c; font-size:40px; text-transform:uppercase;}
.about ul{ overflow:hidden; height:137px;}
.about ul li{ float:left; width:290px; height:105px; border:1px solid #e2e2e2; margin-right:10px; font-size:14px; color:#333; text-align:center;}.about ul li.nom{ margin-right:0;}
.about ul li a:hover{ text-decoration:none; color:#333;}
.about ul li i{ display:block; font-size:50px; color:#62b52c; line-height:100%; padding:16px 0 9px;}
.about ul .cur{ color:#62b52c; border:1px solid #62b52c; }.about ul .cur i{ color:#62b52c;}
.about dl{ overflow:hidden;}
.about dl dt{ float:right; font-size:0; width:676px;}
.about dl dt img{ width:676px; height:306px;}
.about dl dd{ float:left; width:470px;}
.about dl dd p{ font-size:14px; color:#333; line-height:28px; padding-bottom:22px;}
.about dl dd p i{ display:block; color:#111; font-weight:bold; font-size:20px; padding-bottom:6px;}
.about dl dd p a{ color:#111; padding-left:15px; text-transform:uppercase; text-decoration:underline}
/**/
.product{ height:1055px; overflow:hidden;}
.product h3{ height:70px;text-align:center; background:url(p_h3.gif) no-repeat center 12px;line-height:160%;}
.product h3 a{ color:#62b52c; font-size:40px; text-transform:uppercase; }
.product h4{ width:300px; float:left; font-weight:normal; padding-bottom:40px; height:358px;}
.product h4 a{ display:block; width:269px; height:49px; overflow:hidden; line-height:49px; text-align:center; background:#ebeef2; color:#121212; font-size:20px;}
.product h4 a:hover,.product h4 .cur{ background: url(p_ico1.gif) no-repeat right 0 #62b52c; color:#fff; padding-right:7px; text-decoration:none;}
.product p{ width:858px; float:right;}
.product p a{ display:inline-block; float:left; line-height:35px; min-width: 260px; margin-right:6px; color:#111; font-size:16px; padding-left:20px; background:url(p_ico3.gif) no-repeat left 10px;}
.product p a:hover,.product p .cur{background:url(p_ico2.gif) no-repeat left 10px; color:#62b52c; text-decoration:none;}
.product ul{overflow:hidden; width:1200px}
.product ul li{ float:left; margin:0 29px 25px 0; width:380px; position:relative; font-size:0}
.product ul .nom{ margin-right:0;}
.product ul li img{ width:380px; height:287px;}
.product ul li i{ display:none;}
.product ul li.cur i{ display:block; position:absolute; left:0; top:0; background:url(p_nh.png) no-repeat;width:380px; height:287px; text-align:center; padding-top:95px; font-size:18px; color:#fff; font-weight:bold;}
.product ul li.cur i span{ height:98px; display:block;}
.product ul li.cur i span img{ width:69px; height:69px; margin:0 14px;}
.product em{ display:block; padding-top:14px; text-align:center;}
.product em a{ display:inline-block; background:url(p_ico12.gif) no-repeat; width:21px; height:20px; margin:0 6px;}
.product em .on,.product em a:hover{background:url(p_ico11.gif) no-repeat;}
/**/
.solution{ padding-top:81px; background:#fafafa; height:565px; overflow:hidden; margin-bottom:78px;}
.solution h3{ height:70px;text-align:center; background:url(s_h3.jpg) no-repeat center 12px;line-height:160%;}
.solution h3 a{ color:#62b52c; font-size:40px; text-transform:uppercase; }
.s_l{ font-size:0; width:597px; position:relative;}
.s_l img{ width:595px; height:406px; border:1px solid #62b52c;}
.s_l em{ display:block; position:absolute; left:0; bottom:0;}
.s_l em img{ width:49px; height:47px; border:none;}
.s_r{ width:578px; height:410px; overflow:hidden;}
.s_r h2{ font-size:22px; color:#111; padding-left:18px; margin-bottom:8px;}
.s_r dl{ padding:18px 0; overflow:hidden;}
.s_r dl dt{ float:left; font-size:0; padding:0 18px; width:80px; font-size:0;}
.s_r dl dd{ float:right; width:435px;}
.s_r dl dd h4{ font-size:20px; padding-bottom:9px;}
.s_r dl dd h4 a{ color:#111;}
.s_r dl dd p{ color:#333; font-size:14px; line-height:26px;font-family:Arial;white-space:normal;word-spacing:-1.5px;}
.s_r dl dd p a{ padding-left:15px; text-transform:uppercase; color:#111; text-decoration:underline}
.s_r dl.cur{ background:#fff;}.s_r dl.cur dd h4 a{ color:#62b52c;}
/**/
.cases{ height:426px; overflow:hidden}
.cases h3{ height:70px;text-align:center; background:url(c_h3.gif) no-repeat center 12px;line-height:160%;}
.cases h3 a{ color:#62b52c; font-size:40px; text-transform:uppercase; }
.dt_top{ height:49px; line-height:48px; border-bottom:1px solid #e6e6e6; margin-bottom:29px;}
.dt_top span { float:right; display:block; font-size:18px;}
.dt_top span a{ color:#62b52c; font-weight:bold;}
.dt_top ul li { float:left;}
.dt_top ul li a { padding:0 46px;height:49px; line-height:49px;display:block; font-size:20px;color:#121212; float:left;}
.dt_top ul li a:hover,.dt_top ul .cur a { background:#62b52c; color:#fff; text-decoration:none;}
.c_con{ position:relative;}
.c_con ul{ overflow:hidden;}
.c_con ul li{ float:left; width:286px; margin-right:18px; position:relative;}.c_con ul .nom{ margin-right:0;}
.c_con ul li img{ width:286px; height:205px;}
.c_con ul li span{ display:inline-block; position:absolute; left:0; top:137px; height:37px; line-height:37px; background:url(spn.png) repeat; width:243px;}
.c_con ul li span a{ color:#fff; padding-left:15px; font-size:14px;}
.c_con .c_uu{ position:absolute; left:-73px; top:77px;display:none}
.c_con .c_uu a{ display:inline-block; background:url(c_uu.gif) no-repeat; width:53px; height:53px;}
.c_con .c_uu a:hover{ background:url(c_uu1.gif) no-repeat;}
.c_con .c_dd{ position:absolute; right:-73px; top:77px; display:none}
.c_con .c_dd a{background:url(c_dd.gif) no-repeat; width:53px; height:53px;display:inline-block; }
.c_con .c_dd a:hover{ background:url(c_dd1.gif) no-repeat;}
/**/
.why{background:#fafafa; padding-top:72px;height:1375px; margin-bottom:77px;}
.w_menu{ height:123px; overflow:hidden;}
.w_menu h3{ height:60px;text-align:center; background:url(w_h3.jpg) no-repeat center 12px;line-height:160%;}
.w_menu h3 a{ color:#62b52c; font-size:40px; text-transform:uppercase; }
.w_menu ul{ overflow:hidden;}
.w_menu ul li{ float:left; width:300px; text-align:center;}
.w_menu ul li a{ font-size:20px; color:#333; height:63px; line-height:63px;}
.w_menu ul li a:hover,.w_menu ul .on a{ background:#62b52c; color:#fff; display:block; text-decoration:none;}
.w_con{ background:url(w_bg1.jpg) no-repeat center 0; height:539px; padding-top:1px;}
.w_con22{background:url(w_bg2.jpg) no-repeat center 0;height:539px; padding-top:1px;}
.w_con23{background:url(w_bg3.jpg) no-repeat center 0;height:539px; padding-top:1px;}
.w_con24{background:url(w_bg4.jpg) no-repeat center 0;height:539px; padding-top:1px;}
.w_con24 dl{ float:left; margin-left:24px;}
.w_con dl{ float:right; background:url(w_bg.png) no-repeat; width:471px; height:300px; margin-right:24px; margin-top:125px;}
.w_con dl dt{ text-align:center; padding-top:50px; color:#121212; font-size:30px; text-transform:uppercase; font-weight:bold; height:83px;}
.w_con dl dt span{ display:block; font-size:0; text-align:center; padding-top:7px; padding-right:13px;}
.w_con dl dd p{ padding:0 42px 16px; font-size:14px; color:#333; line-height:28px; text-align:center;}
.w_con em{ display:block; clear:both; padding-top:58px; text-align:center;}
.w_con em a{ display:inline-block; width:21px; height:20px; margin:0 8px; background:url(w_ico1.png) no-repeat;}
.w_con em a:hover,.w_con em a.cur{ background:url(w_ico2.png) no-repeat;}
.w_con2{ padding-top:78px;}
.w_con2 h3{ height:63px;text-align:center; background:url(w_h32.jpg) no-repeat center 12px;line-height:160%;}
.w_con2 h3 a{ color:#62b52c; font-size:40px; text-transform:uppercase; }
.w_con2 dl{ overflow:hidden; font-size:0;}
.w_con2 dl dt{ float:left; width:505px;}
.w_con2 dl dt img{width:505px; height:463px;}
.w_con2 dl dd{ float:right; width:692px;}
.w_con2 dl dd img{ width:329px; height:224px; margin:0 0 17px 17px;}
/**/
.news{ height:375px; overflow:hidden;}
.news h3{ height:71px;text-align:center; background:url(n_h3.gif) no-repeat center 12px;line-height:160%;}
.news h3 a{ color:#62b52c; font-size:40px; text-transform:uppercase; }
.news dl{ width:400px; height:100px; float:left; padding-bottom:39px;}
.news dl dt{ font-size:0; float:left; width:66px;}
.news dl dt img{ width:66px; height:66px; border-radius:66px;}
.news dl dd{ float:left; width:280px; padding-left:23px;}
.news dl dd h4 a{ color:#1a1a1a; font-size:14px; font-weight:normal; line-height:28px;}
.news dl dd h4 a:hover{ color:#62b52c;}
.news dl dd p{ padding-top:15px; color:#b8b8b8; font-size:14px;}
/**/
.xiog1{animation-duration: 1.5s;animation-name: fadeInDown;}
.xiog2{animation-duration: 1.5s;animation-name: fadeInUp;}
.xiog3 .s_l{animation-duration: 1.5s;animation-name: fadeInLeft;}
.xiog3 .s_r{animation-duration: 1.5s;animation-name: fadeInRight;}
/**/