@charset "utf-8";

/*banner*/
.banner{position: relative;overflow: hidden;clear: both;}
.ban_p,.ban_p li{ height:650px;overflow: hidden;}
.ban_p li a{ display:block; height:650px; background:url(../x/banner1.jpg) no-repeat center 0;}
.ban_t{width:600px;height: 78px;bottom: 0;left:50%;margin-left:-300px;position: absolute;padding-right: 10px;text-align: center;}
.ban_t li{width: 13px;height: 13px;border-radius: 13px;background: #009460;display: inline-block;margin: 0 0 0 10px;}
.ban_t li.on{background: #fff;}

.til01{text-align: center;background:url(../x/tilbg1.png) no-repeat center 46px;height:92px;color: #111;font-size:32px;line-height:40px;font-family: "Microsoft Yahei";}
.til01 p{display: block;font-weight: normal;letter-spacing:15px;font-size: 22px;line-height:28px;color: #555;}
.til01 span{display: block;font-weight: normal;font-size:22px;line-height: 28px;color: #c6c6c6;text-transform: uppercase;}
.til01 a{color: #111;}


/*我们*/
.webox,.newbox{background:url(../x/line1.gif) repeat-x center 0;overflow: hidden;}
.webox{height:303px;line-height:30px;padding: 70px 0 0;border-bottom: solid 3px #ccc;}
.webox .til01{background:url(../x/tilbg2.gif) no-repeat center 43px;height: 102px;}

.webox_p,.webox_p img{width:280px;height: 158px;overflow: hidden;display: block;}
.webox_w{background:url(../x/wetil.gif) no-repeat 0 11px;padding:4px 0 0 232px;width: 647px;}
.webox_w p{height: 113px;overflow: hidden;text-indent: 24px;}
.webox_w span{clear: both;display: block;text-align: right;}

.webox_p img,.pro_ht dt img,.pro_lc li p img,.edge_c dt img,.witn_cl dt img,.show_cp li p img,.faq_c dt img,.about_p img{-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.webox_p img:hover,.pro_ht dt img:hover,.pro_lc li p img:hover,.edge_c dt img:hover,.witn_cl dt img:hover,.show_cp li p img:hover,.faq_c dt img:hover,.about_p img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

/*产品中心*/
.probox{padding:64px 0 0;height:1197px;font-family:"Microsoft Yahei";}
.protil{height: 136px;padding: 0 0 0 266px;font-size: 32px;line-height:42px;color: #111;white-space:nowrap;}
.protil a{color: #111;}
.protil em{width: 204px;height: 96px;float: left;display: block;background:url(../x/pro_ico.gif) no-repeat 0 0;}
.protil span{width:448px;float: left;display: block;background:url(../x/line2.gif) repeat-x 0 49px;padding: 7px 0 0 15px;letter-spacing:3px;white-space: nowrap;}
.protil span b{display: block;}

.pro_hot{height: 506px;}
.pro_ht{left: -10px;top: -10px;width: 181px;height: 186px;display: block;background:url(../x/ico_hot.png) no-repeat 0 0;z-index:2;}
.pro_h1 dt{border: solid 6px #009460;float: left;overflow: hidden;}
.pro_h1 dt,.pro_h1 dt img{width: 789px;height: 439px;display: block;}
.pro_h1 dd{width:273px;height:375px;display: block;float: left;background:url(../x/pro_wbg.gif) no-repeat right 0;line-height: 24px;color: #fff;padding: 77px 60px 0 64px;}
.pro_h1 dd h3{height:64px;display: block;background:url(../x/ico01.gif) no-repeat 0 bottom;color: #fff;line-height: 64px;font-size: 26px;margin-bottom: 24px;white-space: nowrap;}
.pro_h1 dd h3 a{color: #fff;}
.pro_hw{height: 168px;overflow: hidden;margin-bottom:10px;}
.pro_h1 dd span a{height:33px;width: 148px;line-height: 33px;text-align: center;text-transform: uppercase;font-size: 16px;color: #fff;border: solid 1px #fff;display: block;}
.prev0,.next0{width:37px;height:67px;display: block;overflow: hidden;background:url(../x/prev1.png) no-repeat 0 0;z-index: 9;}
.next0{background:url(../x/next1.png) no-repeat 0 0;}
.prev0:hover,.next0:hover{background-position: 0 bottom;}
.prev1,.next1{top: 192px;left: 41px;}
.next1{left:725px;}
.prev2,.next2{top:80px;right:-56px;}
.prev3,.next3{top: 104px;right:-56px;}
.prev4,.next4{top:80px;right:-56px;}
.prev4,.prev3,.prev2{left:-56px;}

.pro_nav{height: 220px;overflow: hidden;}
.pro_nav ul{width: 1220px;}
.pro_nav li{width: 92px;float: left;padding: 0 40px 0 20px;text-align: center;}
.pro_nav li span{width: 92px;height: 92px;display: block;overflow: hidden;position: relative;}
.pro_nav li span i{width:92px;height:92px;position: absolute;display: block;top: 0;left: 0;}
.pro_nav li span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.pro_nav li span i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;
	-webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	-webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.pro_nav li.cur span .default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.pro_nav li.cur span .hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}

.pro_nav li b{height:43px;display: block;text-align: center;line-height: 43px;font-size: 18px;color: #009460;background:url(../x/ico03.gif) no-repeat center bottom;}
.pro_nav li em{display: block;padding: 7px 6px 0;text-transform: uppercase;font-size: 14px;color: #555;line-height: 19px;}


.pro_list{height: 335px;}
.pro_lc,.show_cp{overflow: hidden;}
.pro_lc li,.show_cp li{width: 273px;overflow: hidden;float: left;margin: 0 36px 0 0;text-align: center;}
.pro_lc li p,.pro_lc li p img,.show_cp li p,.show_cp li p img{width: 273px;height: 205px;display: block;overflow: hidden;}
.pro_lc li span,.show_cp li span{height:59px;display: block;font-size: 16px;text-align: center;}
.pro_lc li span a,.show_cp li span a{display: block;line-height: 58px;border-bottom: solid 1px #cecece;color: #555;}
.pro_lc li.cur span a,.pro_lc li span a:hover,.show_cp li.cur span a,.show_cp li span a:hover{border-bottom: solid 1px #009460;color: #fff;background: #009460;}