@charset "utf-8";

/*banner*/
.banner { width:100%; height:607px; margin:0 auto; padding:0; position:relative;}
.banner ul{ width:100%; height:607px; margin:0 auto; padding:0;}
.banner ul li { position:absolute;left:0%; top:0; width:100%; height:607px;list-style-type: none;}
.banner ul li a{ width:100%; height:607px;display:block;}

.arrow_left { background:url(../img/arrow_left.png) no-repeat; position:absolute; z-index:999; left:5%; top:260px; cursor:pointer; border:0; display: block; width:55px; height:72px;}
.arrow_right { background:url(../img/arrow_right.png) no-repeat; position:absolute; z-index:999; top:260px; right:5%; cursor:pointer; border:0; display: block; width:55px; height:72px;}
.arrow_left:hover{ background:url(../img/arrow_left2.png) no-repeat;}
.arrow_right:hover{ background:url(../img/arrow_right2.png) no-repeat;}


/*关于我们*/
.us{ width:1210px; overflow:hidden; margin:36px auto 0 auto; }
.about{ float:left; width:600px; height:85px; border-left:#f0513a solid 4px;}
.about a.title{ font-size:24px; color:#000000; line-height:30px; display:block; margin-left:24px; }
.about a.title em{font-size:14px; line-height:22px; font-family:Arial, Helvetica, sans-serif;}
p.info{font:24px; color:#000000; line-height:25px;  margin:8px 5px 0 24px; color:#4d4d4d;}


/*人才招聘*/
.recruitment{ float:right; overflow:hidden; width:306px; height:85px; background:url(../img/rencai_bg.jpg) no-repeat;}
.recruitment a.title{ font-size:24px; color:#000000; line-height:30px; display:block; margin:22px 0 0 28px; }
.recruitment a.title em{font-size:14px; line-height:22px;}
.recruitment a.enter{ color:#fba61c; margin:0 0 0 28px; font-size:12px; line-height:38px;}


/*中间四块栏目跳转*/
.con{ width:1210px; overflow:hidden; margin:64px auto 103px auto;}
.con ul{display:block; width:1208px; margin:0 auto;}
.con ul li{ background:#f5f5f5; width:300px; height:300px; float:left; margin:0 1px; position:relative;}
.con ul li .before{ overflow:hidden; position:absolute; left:0; right:0;}
.con ul li .before img{ display:block; margin:96px auto 0 auto;}
.con ul li .before span{display:block; margin:15px auto 0 auto; text-align:center; font-size:17px; font-weight:bold; cursor:pointer;}
.con ul li.ico1 .before span{ color:#00a651;}
.con ul li.ico2 .before span{ color:#fba61c;}
.con ul li.ico3 .before span{ color:#a64686;}
.con ul li.ico4 .before span{ color:#0095da;}

.con ul li .after{position:absolute; left:0; right:0; display:none; color:#ffffff;}
.con ul li .after img{ display:block; margin:37px auto 0 auto;}
.con ul li .after span{display:block; margin:10px auto 0 auto; text-align:center; font-size:17px; font-weight:bold; cursor:pointer; color:#ffffff;}
.con ul li .after p{ display:block; margin:20px 45px;  max-height: 80px;  overflow: hidden;}
.con ul li .after a{ display:block; text-align:center; color:#ffffff;}
.con ul li.ico1:hover{ background:#00a651;} 
.con ul li.ico2:hover{ background:#fba61c;} 
.con ul li.ico3:hover{ background:#a64686;} 
.con ul li.ico4:hover{ background:#0095da;} 
.con ul li:hover .before{ display:none;}
.con ul li:hover .after{ display:block;}


/*案例展示*/
.cases{ width:100%; height:610px; overflow:hidden; background:url(../img/cases_bg.jpg) center center no-repeat; margin:0 auto;}
.case{ width:1210px; margin:50px auto 0 auto; overflow:hidden;}
.case a.title{ font-size:24px; color:#000000; line-height:28px; display:block; padding-left:17px; border-left:#f0513a solid 4px;}
.case a.title em{font-size:14px; line-height:22px; font-family:Arial, Helvetica, sans-serif;}

.picScroll-left{overflow:hidden; text-align:left; position:relative; margin:40px 5px 0 5px; height: 460px;}
.picScroll-left .hd{ overflow:hidden; position:absolute; top: 400px; left:0; background:url(../img/bd_bg.png) left center no-repeat; width:1210px; height:46px;}
.picScroll-left .hd .prev{ display:block; width:44px; height:46px; position:absolute; left: 554px; top: 0;  z-index:99;  overflow:hidden; cursor:pointer; background:url(../img/ico_left.jpg) no-repeat;}
.picScroll-left .hd .next{display:block;  width:44px; height:46px; position:absolute; right: 554px; top: 0;  z-index:99;   overflow:hidden; cursor:pointer;  background:url(../img/ico_right.jpg) no-repeat;}
.picScroll-left .hd .prev:hover{  background:url(../img/ico_left2.jpg) no-repeat;}
.picScroll-left .hd .next:hover{  background:url(../img/ico_right2.jpg) no-repeat;}
.picScroll-left .bd{ overflow:hidden;}
.picScroll-left .bd ul{ display:block;  float:left; margin:0; padding:0; z-index:98;}
.picScroll-left .bd ul li{ width:368px; height:310px; float:left; margin-right:48px; text-align:center; background:#fdfbfb;}
.picScroll-left .bd ul li .pic{ width:352px; height:246px; overflow:hidden; margin:8px; float:left;}
.picScroll-left .bd ul li .pic img{width:368px; height:310px; opacity: 1;
  -webkit-transform: scale(1.05) translateZ(0);
  transform: scale(1.05) translateZ(0);
  -webkit-transition: 1s;
  transition: 1s;}
.picScroll-left .bd ul li .pic:hover img{ -webkit-transform: scale(1);transform: scale(1);}
.picScroll-left .bd ul li a{ display:block; line-height:42px; color:#0f0f0f;}


/*联系我们*/
.contact{ width:1210px; overflow:hidden; margin:56px auto 60px auto;}
.contact a.title{ font-size:24px; color:#000000; line-height:28px; display:block; padding-left:17px; border-left:#f0513a solid 4px;}
.contact a.title em{font-size:14px; line-height:22px; font-family:Arial, Helvetica, sans-serif;}


/*联系我们  表单*/
.contact form { margin:35px 0 0 0; padding-left:3px; width:775px; float:left;}
.contact form p{ line-height:66px; color:#020202; font-size:18px;}
.contact form input[type="text"] { height:36px; line-height:36px; width:362px; border: 1px solid #d7d7d7; float: left; padding-left:8px;}
.contact form textarea { height: 120px; width:765px; border: 1px solid #d7d7d7; float: left; margin-top:20px;     line-height: 36px; padding-left: 8px;}
.contact form input.btn1 { background:#e6e6e6; cursor: pointer; width:775px; height: 39px; margin: 30px 0 0 0;  display:inline-block;  border:0; float: left; color: #6f6e6e; }

/*联系我们  地址 电话等*/
.contact_info{ float:left; margin:92px 0 0 41px;}
.contact_info p{ line-height:41px; color:#212121; padding-left:35px;}
.contact_info p.address{ background:url(../img/ico_address.png) left center no-repeat;}
.contact_info p.tel{ background:url(../img/ico_tel.png) left center no-repeat; }
.contact_info p.fax{ background:url(../img/ico_fax.png) left center no-repeat;}
.contact_info p.inter{ background:url(../img/ico_inter.png) left center no-repeat; }
.contact_info p.email{ background:url(../img/ico_mail.png) left center no-repeat; }
.contact_info p.post{ background:url(../img/ico_mail.png) left center no-repeat; }
.contact_info p.address:hover{ background:url(../img/ico_address2.png) left center no-repeat;}
.contact_info p.tel:hover{ background:url(../img/ico_tel2.png) left center no-repeat; }
.contact_info p.fax:hover{ background:url(../img/ico_fax2.png) left center no-repeat;}
.contact_info p.inter:hover{ background:url(../img/ico_inter2.png) left center no-repeat; }
.contact_info p.email:hover{ background:url(../img/ico_mail2.png) left center no-repeat; }
.contact_info p.post:hover{ background:url(../img/ico_mail2.png) left center no-repeat; }