@charset "utf-8";
.banner{ background:no-repeat center top; height:1120px; text-align:center}
.banner ul{ background:url(../Images/bg.png); width:880px; margin:330px auto 120px; height:165px; padding:30px; color:#000;}
.banner ul h3{ font-size:50px; font-weight:normal}
.banner ul p{ font-size:34px; margin-top:20px; text-align:center;}
.banner a{ display:block; margin:0 auto; width:360px; height:80px; text-align:center; background:url(../Images/bg_02.png); line-height:80px; color:#fff; font-size:36px}
.banner a:hover{background:#7dbf28}

.pl a.link{ color:#fff; width:400px; margin:70px auto; display:block; text-align:center;height:68px; line-height:68px; font-size:30px;}

.about{ height:1130px; color:#000}
.about ul p{ line-height:30px; font-size:24px; margin-top:40px;text-align:justify;text-justify:inter-ideograph;}
.about ul a.link{ background:#7dbf28;}
.about ul a.link:hover{background:#82c72a}
.about .area{top:290px;}

.services{ background:#9bd155; height:1150px;}
.services h3{ color:#FFF;}
.services p{ text-align:center; color:#fff; margin:30px 0; font-size:20px; line-height:30px;}
.services dl{ float:left; width:593px; background:#fff; height:205px; margin-top:15px;}
.services dd{ float:right; width:340px; padding:20px; line-height:22px;text-align:justify;text-justify:inter-ideograph;}
.services dl.i2 dt{ background:#66d6c1}
.services dl.i3 dt{ background:#55b1e2}
.services dl.i4 dt{ background:#ecc34f}
.services dl.i5 dt{ background:#b3b3b3}
.services dl.i6 dt{ background:#1c79a5}

.services dt{ width:205px; background:#f17a72; text-align:center; float:left; height:100%}
.services dt a{ font-size:22px; color:#fff; display:block; padding:140px 20px 0; background:no-repeat center 50px;}
.services a.link{background:#55b1e2;}
.services a.link:hover{background:#3199d0}

.team{ background:#fff; height:1205px}
.team .area{top:130px;}
.team p{ line-height:30px; font-size:20px; text-align:center; margin-top:30px;}
.case{ background:#eeebe6; height:815px;}
.case_ct{ position:absolute; left:0;top:60px; width:100%;}
.case p{ text-align:center; font-size:20px; line-height:30px; margin-top:25px;}

#btn_left,#btn_right{height:42px;width:30px;cursor:pointer;position:absolute; top:50%;}
#btn_left{background:url(../Images/prev2.png) no-repeat left center; left:0;}
#btn_right{background:url(../Images/next2.png) no-repeat right center;right:0;}
#btn_left:hover{background:url(../Images/prev.png) no-repeat left center;}
#btn_right:hover{background:url(../Images/next.png) no-repeat right center;}


#slider{ width:1200px; margin:0 auto;margin-top:30px;}
#pic_list{ height:100%;width:30000px;}
#pic_list div{ float:left}
#pic_list li { float:left;margin-right:20px;overflow:hidden;width:390px;height:272px;cursor:pointer;display:inline;text-align:center;}
#pic_list li a{ filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5; opacity:0.5;}
#pic_list li a:hover,#pic_list li.active a{ filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
#pic_list li img{ width:100%}

.slider_txt{ position:relative; text-align:center; margin:65px auto; width:740px; padding:0 70px; line-height:22px;}
.slider_txt h4{ font-size:24px; margin-bottom:35px;}


.customer{ height:680px; background:#9bd155}
.customer div{ margin-left:-45px;}
.customer h3,.customer p{ color:#fff; text-align:center}
.customer p{ font-size:20px; margin-top:30px; line-height:20px;}
.customer dl{ float:left; width:370px; margin-left:45px;}
.customer dt{ text-align:center; font-size:24px; background:#FFF; padding:16px;}
.customer dt span{ width:338px; overflow:hidden;display:block; margin-bottom:16px;}
.customer dt span img{ width:100%}
.customer dd{ margin-top:14px; padding:16px; color:#fff; line-height:30px}

.careers{ height:665px;}
.careers p{ font-size:20px; margin-top:30px; line-height:20px;text-align:center}

.careers_ct{ background:url(../Images/careers.png) no-repeat center top}
.careers_ct dl{ width:33.33%; float:left;}
.careers_ct dt{ width:100%; height:145px;}
.careers_ct dt a{ width:145px; display:block; margin:0 auto; text-align:center; line-height:145px; font-size:24px; color:#fff;}
.careers_ct dl.ca1 dt{ margin-left:-10px;}
.careers_ct dl.ca3 dt{ margin-left:29px;}

.careers_ct dd{ width:210px; margin:145px auto 0; font-size:18px; text-align:center; line-height:25px;}
.careers_ct dl.ca3 dd{ padding-left:50px;}


.team_ct{ position:relative; margin-top:95px; height:900px}
.line1, .line2, .line3{ left: 122px;position: absolute;visibility: hidden;}
.line2{top: 208px; left:0;}
.line3{top: 416px;}

.boxF, .boxS, .boxT, .overlay{width: 220px;height: 270px;overflow: hidden;}
.boxF{transform: rotate(120deg);float: left;margin-left:20px;-ms-transform: rotate(120deg);-moz-transform: rotate(120deg);-webkit-transform: rotate(120deg)}
.boxS{transform: rotate(-60deg);-ms-transform: rotate(-60deg);-moz-transform: rotate(-60deg);-webkit-transform: rotate(-60deg);}
.boxT{transform: rotate(-60deg);background: no-repeat top center;-ms-transform: rotate(-60deg);-moz-transform: rotate(-60deg);-webkit-transform: rotate(-60deg);visibility: visible;}
.overlay{transition: all 250ms ease-in-out 0s;display: none;position: relative;}
.overlay:hover{background:rgba(0,0,0,0.6);}
.boxT:hover .overlay{display: block; color:#fff; font-size:16px}
.boxT:hover .overlay p{ margin-top:65px;}
.boxT:hover .overlay  a{ display:block; height:100%; width:100%}