@charset "utf-8";
/* CSS Document */
/**/

/*common*/
body { min-width: 1200px; width: 100%;}
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
span { overflow:hidden;}/*����IE8*/
h2 a:hover{color:#cb1b29;}
.cfix:after{clear:both;display:block;content:"";height:0;font-size:0;visibility:hidden;}

/*banner*/
.banner{position:relative;width:100%;height:580px;overflow:hidden;}
.banner ul{position:relative;width:100%;height:580px;overflow:hidden;}
.banner ul li{width:100%;height:580px;position:absolute;top:0;left:0;background-position:50% 0;background-repeat:no-repeat;}
.banner li a{display:block;height:580px;}
.banner .btn{position:absolute;width:79px;height:79px;top:50%;margin-top:-40px;background:url(../images/banner_btn.png);z-index:3;}
.banner .btn.prev{left:-130px;background-position:0 0;}
.banner .btn.next{right:-130px;background-position:-80px 0;}
.banner:hover .prev{left:30px;}
.banner:hover .next{right:30px;}
.banner .btn.prev:hover{background-position:0 -80px;}
.banner .btn.next:hover{background-position:-80px -80px;}

/*i-ti*/
.ititle{text-align:center;max-width:1200px;margin:0 auto; margin-bottom:40px; }
.ititle h2{font-size:38px;text-transform:uppercase;}
.ititle h2 a{display:inline-block;color:#333;}
.ititle h2 a:hover{color:#e4800b;}
.ititle .subti{margin-top:15px;font-size:16px;color:#666;}


.soncat{ margin-top: 20px; }

.soncat a:hover {
    background: #dd7c0b;
    border-color: #dd7c0b;
    color: #fff;
}
.soncat  a {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    border: 1px solid #EEE;padding: 0 15px;
    border-radius: 28px;
    margin-right: 8px;
    font-size: 14px;
    color: #666;
    text-align: center;
}


/*bene*/


/* .bene .item:hover .mask{opacity:1;visibility:visible;} */




/*disign*/
.disign-wrap{padding: 60px 0 40px;}
.disign{height:400px;}
.disign dd{float:left;}


.disign-wrap .btn{width:158px;margin: 30px auto 0;}
.disign-wrap .btn a{display:inline-block;width:158px;height:38px;line-height:38px;border:1px solid #ddd;
  border-radius:38px;margin-right:8px;font-size:16px;color:#444;text-align:center;}
.disign-wrap .btn a i{display:inline-block;vertical-align:middle;width:15px;height:25px;background:url(Img/Index/up.png) no-repeat 0 3px;margin-right:5px;}
.disign-wrap .btn a:hover,.disign-wrap .btn a.hover{background:#dd7c0b;border-color:#dd7c0b;color:#fff;}
.disign .desc{margin-top:35px;padding-right:25px;line-height:18px;}
.disign dd{width:398px;height:398px;position:relative;overflow:hidden; border:1px solid #ddd; border-left:0;}
.disign dd img{vertical-align:middle;width:398px;height:398px;}
.disign dd.i4,.disign dd.i4 img{width:399px;height:560px;float:left;}
.disign dd.i4{float:right;}




.ljr_text_p1 {
  font-size: 18px;
  color: #222;
  font-weight: 400; }

.ljr_text_p2 {
  font-size: 13px;
  color: #828282;
  margin-top: 5px;
  margin-bottom: 5px; }

.ljr_text_p3 {
  font-size: 12px;
  color: #fff;
  background: #f00;
  display: inline-block;
  padding: 2px 6px; }

.ljr_po {
  position: absolute;
  top: 20px;
  left: 30px;
  z-index: 10; }






.main_div{margin-top:40px; }


.main_left_div {
    width: 50%;
    float: left;
    height: 682px; position: relative;
    overflow: hidden;
}
.main_right_div {
    width: 50%;
    float: left;
    overflow: hidden;
}

.main_right_div01 {
    width: 100%;
    float: left;
    height: 303px;
    position: relative;
    overflow: hidden;
}
.fd_wz {
    position: absolute;
    z-index: 9;
    width: 100%;
    bottom: 0;
}


.fd_wz a{
display: block;
}
 .bt_sp_tu {
    text-align: center;

}


 .bt_wz {
    text-align: center;
    font-size: 34px;
    color: #fff;
    font-weight: 400;
    margin: 0px;
    padding: 100px 0px 10px 0px;
}.bt_nr {
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-weight: 100;
    margin: 0px;
    padding: 0px 0px 20px 0px;
}
.bt_more {
    text-align: center;
}


.bt_more a{display:inline-block;width:158px;height:38px;line-height:38px;    border: 1px solid rgba(255, 255, 255, 0.62);
  border-radius:38px;margin-right:8px;font-size:16px;color:rgba(255, 255, 255, 0.78);text-align:center;}
.bt_more  a:hover{background:#dd7c0b;border-color:#dd7c0b;color:#fff;}




.main_right_div02 {
    width: 100%;
    float: left;
    height: 341px;
    background: #e70;
}

.hoverText{
 position:absolute; z-index:100; width:400px; top:50%; 
 left:50%; margin:-67px 0 0 -120px; color: #fff; }
.item:hover .hoverText{opacity:1;}
.hoverText .inner{padding:10px 15px; margin:1px; text-align:center; }
 .hoverText .topT{border: 1px solid #999;
    border-radius: 38px; font-size:30px; padding:5px 0;}
 .hoverText .bottomT{font-size:15px; padding:5px 0;}
 .hoverText .bottomT span{padding:0 3px;}


/*case*/
.case{width:100%;overflow:hidden;padding:60px 0 0; border-top: 1px dotted #ddd;}
.case .more{display:block;width:240px;height:46px;line-height:46px;text-align:center;color:#fff;border-radius:46px;background-color:#e4800b;font-size:16px;font-weight:bold;margin:35px auto 0;}
.case-link{display:none;width:1200px;margin:40px auto 0;height:40px;}
.case-link a{display:block;float:left;width:188px;height:38px;line-height:38px;border:1px solid #888;border-radius:3px;font-size:16px;color:#333;text-align:center;margin-left:12px;position:relative;}
.case-link a:first-child{margin-left:0;}
.case-link a:hover{color:#e4800b;}
.case-link a:before,.case-link a:after{content:'';position:absolute;border:2px solid transparent;width:0;height:0;}
.case-link a:before{top:-1px;left:-1px;}
.case-link a:after{bottom:-1px;right:-1px;}
.case-link a:hover:before,.case-link a:hover:after {
  width: 186px;
  height: 36px;
  border-radius:3px;
}
.case-link a:hover:before {
  border-top-color: #fe8f0c;
  border-right-color: #fe8f0c;
  -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.case-link a:hover:after {
  border-bottom-color: #fe8f0c;
  border-left-color: #fe8f0c;
  -webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}



.np-wrap{padding: 60px 0 80px;}
.np-wrap .more-btn{float:right;display:block;width:98px;height:30px;margin-top:4px;line-height:30px;text-align:center;border:1px solid #666;border-radius:30px;}
.np-wrap .more-btn:hover{color:#fe8f0c;border-color:#fe8f0c;}
.np-wrap .tibtn{height:40px;line-height:40px;overflow:hidden;margin-bottom:40px;}
.np-wrap .tibtn h2{float:left;font-size:30px;text-transform:uppercase;}
.np-wrap .tibtn h2 a{color:#333;}
.np-wrap .tibtn h2 a:hover{color:#dd7c0b}


.news{width:710px;}
.news li{overflow:hidden;margin-bottom:30px;}
.news .pic,.news_wrap .pic img,.news .pic img{width:210px;height:140px;}
.news .pic a{display:block;}
.news .pic{float:left;margin-right:40px;}
.news .cont{overflow:hidden;}
.news .cont .ti{font-size:18px;font-weight:100;line-height:24px;margin-bottom:10px;}
.news .cont .ti a{color:#333;}
.news .cont .ti a:hover{color:#dd7c0b;}
.news .cont .desc{line-height:20px;color:#666;height:60px;overflow:hidden;}

.np-wrap .more{display:block;width:98px;height:30px;color:#666;margin-top:4px;line-height:30px;text-align:center;
  border:1px solid #ddd;}
.np-wrap .more:hover{color:#fe8f0c;border-color:#fe8f0c;}


.press{width:400px;float:right;}
.press .pic{margin-bottom:20px;}
.press .pic,.active_wrap .pic img{width:400px;height:140px;}
.press .pic a img{width:400px;height:140px;}
.press .pic a{display:block;}
.press li{height:35px;line-height:35px;border-bottom:1px solid #ddd;}
.press li a{display:block;padding-left:14px;font-size:14px;color:#333;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.press li a:after{content:'';position:absolute;width:2px;height:2px;background:#333;left:2px;top:50%;margin-top:-1px;}
.press li:hover a{color:#dd7c0b;}
.press li:hover a:after{background-color:#dd7c0b;}

/*animation*/
.scale{overflow:hidden;}
.scale img{-webkit-transition:all .5s;transition:all .5s;}
.scale:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);opacity:0.7;}
.banner .btn.prev{-webkit-transition:left .3s;transition:left .3s;}
.banner .btn.next{-webkit-transition:right .3s;transition:right .3s;}
.ititle h2 a{-webkit-transition:transform 0.3s;transition:transform 0.3s;}
.ititle h2 a:hover{-webkit-transition:transform 0.3s;transition:transform 0.3s;}
.ititle h2 a:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}

.case .more:hover{animation:shake .5s linear;-webkit-animation:shake .5s linear;}w
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}

.case-silder .btn,.uiv-honor .btn{-webkit-transition:transform .3s;transition:transform .3s;}
.case-silder .btn.prev:hover,.uiv-honor .btn.prev:hover{-webkit-transform:translate(-10px,0);transform:translate(-10px,0);}
.case-silder .btn.next:hover,.uiv-honor .btn.next:hover{-webkit-transform:translate(10px,0);transform:translate(10px,0);}
.bene .item .list li{transform: translateX(0) rotate(0);-webkit-transform:translateX(0) rotate(0);}
.bene .item:hover .list li{transform:translateX(300px) rotate(360deg);-webkit-transform:translateX(300px) rotate(360deg);opacity:0;}
.bene .item .list li:nth-child(1){-webkit-transition:all .3s;transition:all .3s;}
.bene .item .list li:nth-child(2){-webkit-transition:all .5s;transition:all .4s;}
.bene .item .list li:nth-child(3){-webkit-transition:all .5s;transition:all .5s;}
.bene .item .bigti{-webkit-transition:all .3s;transition:all .3s;}
.bene .item:hover .bigti{transform:translateX(-200px);-webkit-transform:translateX(-200px);opacity:0;}
.bene .item .desc{-webkit-transition:all .5s;transition:all .5s;}
.bene .item:hover .desc{transform:translateX(-200px);-webkit-transform:translateX(-200px);opacity:0;}
.bene .item .mask{-webkit-transition:all .7s;transition:all .7s;}
.bene .item:hover .mask{opacity:1;visibility:visible;}

.workslist .add{-webkit-transition:transform 1s;transition:transform 1s;}
.workslist .add:hover{-webkit-transform: rotate(360deg);transform: rotate(360deg);}