@charset "utf-8";
/* 
    @名称: default.css
    @功能: 样式
*/
* {margin:0; padding:0;}
body {font-family:"\5FAE\8F6F\96C5\9ED1",'SimSun','tahoma','MS Gothic',Arial,Helvetica,sans-serif; line-height:20px; color:#666666; font-size: 12px;}
ul,ol {list-style:none;}
img {border:none; vertical-align:top;}
a {text-decoration:none; color:#666666;}
a:hover {text-decoration:none;}
input,select,textarea {color:#666666; font-size:12px;}
input{outline: none;border: none;font-family:"\5FAE\8F6F\96C5\9ED1",'SimSun','tahoma','MS Gothic',Arial,Helvetica,sans-serif;}
i,em{font-style: normal;}
h1,h2,h3{font-family:"\5FAE\8F6F\96C5\9ED1",'SimSun','tahoma','MS Gothic',Arial,Helvetica,sans-serif; font-weight: normal;}
.fl{float: left;}
.fr{float: right;}
.w{width: 1100px;margin: 0 auto;}
.over{overflow: hidden;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-align{text-align:justify; text-justify:inter-ideograph;}
.text-over{  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  }
.over-hiden{overflow: hidden;}
.hide{display: none;}
/*清除浮动*/
.clearfix:after{content:"."; display:block; clear:both; visibility:hidden; height:0; line-height:0; font-size:0;}
.clearfix{zoom:1;}
.btnHove{opacity:0.8; filter: alpha(opacity=80); cursor: pointer;}
.btnHove:hover{opacity:1; filter: alpha(opacity=100);}
.btn{font-size: 16px; color:#ff3333;border: solid 1px #ff3333; padding: 10px 15px; border-radius: 4px; cursor: pointer;}
.fixed{position: fixed !important; top:100px !important; _position: absolute; _top:100px;  z-index: 99;}
.prs{position: relative;}
.pas{position: absolute;}
.mr30{margin: 30px 0px;}
.w57{width: 57.3%; margin: 0 auto; position: absolute;
    left: 50%; margin-left: -28.7%;height: 62%; top: 120px;}
.bgf{background:#fff!important; } 
.bgf8{background: #f8f8f8!important;}   
.f12{font-size: 12px!important;}
.f13{font-size: 13px!important;}
.f14{font-size: 14px!important;}
.f16{font-size: 16px!important;}
.f36{font-size: 36px!important;}
.f42{font-size: 42px!important;}
.col1{color: #fff!important;}   
.col2{color: #666!important;}
.col3{color: #a3a3a3!important;}
.col4{color: #ddd!important;}
.col5{color: #111!important;}
.col6{color: #ff3333!important;}
.col7{color: #333!important;}
.pt20{padding-top: 20px!important;}
.pt50{padding-top: 50px!important;}
.pt60{padding-top: 60px!important;}
.pt75{padding-top: 75px!important;}
.pb60{padding-bottom: 60px!important;}
.pb75{padding-bottom: 75px!important;}
.pt220{padding-top: 220px;}
.mt70{margin-top: 70px;}
.mt90{margin-top: 90px;}
.mt100{margin-top: 100px;}
.mb10{margin-bottom: 10px}
.mb20{margin-bottom: 20px}
.mtb2{margin-top: 2%;}
.mtb5{margin-top: 5%;}
/* 404  500 */
.w-error{border-top: solid 2px #eee; min-width: 1200px; margin: 40px auto 40px auto;}
.w-error .w-ch{position: relative; width: 1000px; margin:0 auto; height: 648px; padding: 40px 0px; display: none;}
.w-error .w404{background:#fff url(../images/404.jpg);}
.w-error .w500{background:#fff url(../images/500.jpg);}
.w-error .w-error-text{width: 100%; position: absolute; bottom: 80px; left: 0px; text-align: center;}
.w-error .w-error-text p{font-size: 16px; color: #333;  padding-bottom: 15px;}
.w-error .w-error-text a{border: solid 2px #ff6815; padding: 5px 30px; color:#ff6815; }
.w-error .w-error-text a:hover{background: #ff6815; color: #fff;}

.c-title{font-size: 32px; text-align: center;    line-height: 34px; }
.c-title img{margin: 0px 15px;}
/*top*/
.top {width:100%; min-width:1100px;  position:fixed;top:0px;left:0px; _position:absolute;_top:expression(documentElement.scrollTop + 0 + "px"); z-index: 99999;  border-bottom: solid 1px #474747; 

background-color: rgba(0, 0, 0, 0.2);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#66000000', EndColorStr='#66000000');

}
.top-act{background: #393939!important;}
.top-bg{background: #fff!important; border-color: #cbcbcb!important;}
.top .logo {float:left; margin-top:0px;}
.top .logo h1.logo-bg{width: 98px; height: 50px; background: url(../images/logo01.png) no-repeat; margin:10px 0px; background-size: 90px 46px; cursor: pointer;}
.top .logo h1.logo2-bg{width: 98px; height: 50px; background: url(../images/logo02.png) no-repeat;margin:10px 0px; background-size: 90px 46px; cursor: pointer;}
.top .topNav {float:left; margin-left: 40px;}
.top .topNav li {float:left; padding:0 4px;}
.top .topNav li a {position: relative;display:block; line-height:70px; padding:0 14px; font-size:15px; color:#fff;}
.top .topNav li a i.add{position: absolute;width: 30px;height: 30px;line-height: 30px;left: 52px;top: 10px;}
.top .topNav li a i.new{position: absolute;width: 30px;height: 18px;line-height: 13px;right: -8px;top: 8px; background: url(../images/tag.png) no-repeat; text-align: center; font-size: 12px;}
.top .topNav li a:hover {color:#ff3333; border-bottom: solid 2px #ff3333; }
.top .topNav li a:hover i.new{color: #fff;}
.top.col-on{background-color: rgba(255, 255, 255, 0.2)!important; border-color: #cbcbcb!important;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#66000000', EndColorStr='#66000000');}
.top .topNav li a.col-on{color:#333;}
.top .topNav li a.on {color:#ff3333; border-bottom: solid 2px #ff3333;  margin-top: -1px;}
.top .topNav li a.on i.new{color: #fff;}
.top .company-login a.col-on{ color: #333; border: solid  1px #666;}
.top .company-login {float:right; line-height:20px; margin-top: 21px;color:#ff3333;}
.top .company-login a{float: left;display: block; font-size: 14px; color: #aaa; padding: 0px 8px; height: 26px; border: solid  1px #aaa; line-height: 26px; text-align: center; border-radius: 4px; 
    vertical-align: middle;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
  -webkit-transition: border-color 0.4s, color 0.4s;
  transition: border-color 0.4s, color 0.4s;
  margin-left: 12px;
}
.top .company-login a:hover{ color: #fff; border-radius: 4px; }
.top .company-login a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ff3333;
  z-index: -1;
  opacity: 0;
  -webkit-transform: scale3d(0.7, 1, 1);
  transform: scale3d(0.7, 1, 1);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.top .company-login a::before {
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.top .company-login a:hover::before {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  border-radius: 4px; 
}
.nav-down{height: 139px; padding: 10px 0px; width: 100%; min-width: 1100px; background: #fff; border-bottom: solid 1px #ddd; display: none;}
.nav-down a{position: relative; float: left; width: 160px; color: #333; padding: 10px 0px; font-size: 15px; border-radius: 20px; background: #eeeeee; text-align: center;    margin-left: 58px; margin-top: 20px; }
.nav-down a:hover{background: #ff3333; color: #fff;}
.nav-down a.on{background: #ff3333; color: #fff;}
.nav-down a .new{position: absolute;width: 30px;height: 18px;line-height: 13px;right: -25px;top: -8px; background: url(../images/tag.png) no-repeat; text-align: center; font-size: 12px; color:#fff;}
.nav-down a.on .new{ color: #fff;}
.nav-down .fl-zhgdimg{float: left; margin-top: 20px;}
.nav-down .fr-link{float: left; width: 875px;}
/* footer */
.footer{background: #585858;}
.footer .friendly-link{color: #fff; font-size: 14px; text-align: center; padding: 10px 0px; border-bottom: solid 1px #636161;}
.footer .friendly-link span{padding-right: 5px;}
.footer .friendly-link a{display: inline-block;padding:3px 0px 3px 0px;margin-top: 5px; color: #fff; font-size: 14px; line-height: 26px;}
.footer .friendly-link a:hover{color:#e60012;}
.footer .friendly-link .h-line{padding: 0px 4px;color: #fff;}
.footer .f-contact{overflow: hidden;}
.footer .f-contact .f-logo{width: 405px; height: 120px; background: url(../images/logo3.png)  right no-repeat; }
.footer .f-contact .address{float: left; width: 680px; padding-left: 15px; font-size: 14px; color: #fff;  margin-top: 13px;}
.footer .f-contact .address dl{overflow: hidden; padding-top: 10px;}
.footer .f-contact .address dt {width:34px; height:32px; float:left;}
.footer .f-contact .address dd {float:left; margin-left:5px; line-height: 32px;}
.footer .f-contact .address .icon.icon1 dt {background:url(../images/foot3.png) no-repeat;}
.footer .f-contact .address .icon.icon2 dt {background:url(../images/foot1.png) no-repeat;}
.footer .f-last{background: #686868; padding: 15px 0px 10px 0px; text-align: center;}
.footer .f-last p{color: #fff; line-height: 26px;}
.footer .f-last p a{color: #fff; padding: 0px 5px; font-size: 14px;}
.footer .f-last p a:hover{color: #ff3333;}
/* 公共右侧 */
.toolbar-item,.toolbar-layer{background:url(../images/toolbar.png) no-repeat;}
.toolbar{position:fixed;right:0px;bottom: 40px;z-index: 9999;}
.toolbar-item{display:block;width:52px;height:52px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100); progid:DXImageTransform.Microsoft.Alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}

.toolbar-layer-text{position:absolute;right:-176px;bottom:0px;width:172px;height:50px; background: #fff;border: solid 1px #3c3c3c; line-height: 52px;font-size: 14px; color: #333; text-align: center;  }
.toolbar-item-download{background-position:0 -1108px;}
.toolbar-item-xinlang{background-position:0 -1046px;}
.toolbar-item-xinlang:hover{background-position:-52px -1046px;}
.toolbar-item-phone{background-position:0 -426px;}
.toolbar-item-phone:hover{background-position:-52px -426px;}
.toolbar-item-email{background-position:0 -550px;}
.toolbar-item-email:hover{background-position:0 -612px;}
.toolbar-item-email .toolbar-layer-text{width: 250px;}
.toolbar-item-email .toolbar-layer{height:194px;}
.toolbar-item-qq{background-position:0 -674px;}
.toolbar-item-qq:hover{background-position:-52px -674px;}
.toolbar-item-weixin{background-position:0 -798px;}
.toolbar-item-weixin:hover{background-position:0 -860px;}
.toolbar-item-weixin .toolbar-layer{height:212px;background-position:0 0;}
.toolbar-item-top{background-position:0 -922px; cursor: pointer; display: none;}
.toolbar-item-top:hover{background-position:-52px -922px;}
.toolbar-layer{position:absolute;right:46px;bottom:-10px;width:172px;opacity:0;filter:alpha(opacity=0); progid:DXImageTransform.Microsoft.Alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}
.toolbar .layer{background:#e60012; width:25px;overflow:hidden;display:inline-block;padding:20px 14px;text-align:center;cursor:pointer; color: #fff;}
/*动画显示速度*/
.fast{animation-duration: 1s; animation-delay: 0s;}
.slow{animation-duration: 1s; animation-delay: 0.5s;}
.reallyslow{animation-duration: 3s; animation-delay: 1s;}


/* 首页 */
.slide-banner {width: 100%;  height: 100%;  }
.slide-banner .slides {position:relative; z-index:1; width: 100%;  height: 100%;}
.slide-banner .slides li {width:100%;  height: 100%; text-align:center; overflow: hidden; }
.slide-banner .flex-control-nav {width:100%; position:absolute; bottom:10px; left:0; text-align:center; z-index:99; display: none;}
.slide-banner .flex-control-nav li {display:inline-block; *display:inline; *zoom:1; width:40px; height:4px; margin:0 4px;}
.slide-banner .flex-control-nav li a {display:inline-block; width:40px; height:4px; line-height:400px; overflow:hidden; cursor:pointer;  background: rgba(255,255,255,0.5);}
.slide-banner .flex-control-nav .flex-active { background: rgba(255,51,51,0.9); }

#fullPage-nav li .active span, .fullPage-slidesNav .active span {
    background: #ff3333!important;border: 1px solid  #ff3333!important;
}
.h1-title{position: absolute; left: 50%; top: -18%; font-size: 36px; color: #141414; text-align: center; z-index: 9;  transition: all 1s; opacity: 0;}
.active .h1-title{ transition-delay: 0.7s; opacity: 1; top: 18%;}
.index1-title{font-size: 36px; color: #fff;  left:50%;   margin-left: -172.5px;  position: absolute; top: -16.5%; z-index: 9;  transition: all 1s;  }
.active .active .index1-title{ transition-delay: 0.7s; opacity: 1; top: 16.5%;}
.t1{margin-left: -172.5px;}
.t2{margin-left: -190px;}
.t3{margin-left: -572px; }
.active .t3{top: 15%;}
.t4{margin-left: -190.5px;}
.t5{margin-left: -118.5px;}
.t6{margin-left: -172.5px;}
.active .t6{top: 15%;}
@-webkit-keyframes bounce-down {
   25% {-webkit-transform: translateY(-10px);}
   50%, 100% {-webkit-transform: translateY(0);}
   75% {-webkit-transform: translateY(10px);}
}

@keyframes bounce-down {
   25% {transform: translateY(-10px);}
   50%, 100% {transform: translateY(0);}
   75% {transform: translateY(10px);}
}
.scroll-active{position: absolute; width: 3.5%; height: 6%; left: 50%; margin-left: -1.75%; bottom: 3%; z-index: 999; -webkit-animation: bounce-down 2s linear infinite;animation: bounce-down 2s linear infinite; cursor: pointer;}
.scroll-active a{display: block; width: 100%; height: 100%;}
.scroll-actodd{background: url(../images/scroll-act01.png) center no-repeat; background-size: 79%;}
.scroll-acteven{background: url(../images/scroll-act02.png) center no-repeat; background-size: 79%;}
/*.section1 { background: url(../images/h-bg01.jpg) 50%; background-size: cover;}
*/

#slide1{background: url(../images/banner01.jpg) center no-repeat; }
#slide2{background: url(../images/banner02.jpg) center no-repeat; }
#slide3{background: url(../images/banner03.jpg) center no-repeat; }
.slide{background-size: cover!important; position: relative;}
.fp-controlArrow{display: none;}
.fp-controlArrow.fp-next{ border-width: 0px!important; height: 90px!important; width: 48px!important; background: url(../images/icon-right1.png) center no-repeat;}
.fp-controlArrow.fp-prev{ border-width: 0px!important; height: 90px!important; width: 48px!important; background: url(../images/icon-left1.png) center no-repeat;}
.fp-controlArrow.fp-next:hover{background: url(../images/icon-right1-hover.png) center no-repeat;}
.fp-controlArrow.fp-prev:hover{background: url(../images/icon-left1-hover.png) center no-repeat;}
.section2 { background: url(../images/h-bg02.jpg) 50%;}
.section3 { background: url(../images/h-bg03.jpg) 50%; background-size: cover;}
.section4 { background: url(../images/h-bg04.jpg) 50%;  overflow-x: hidden; }
.section5 { background: url(../images/h-bg05.jpg) 50%;}
.section6 { background: url(../images/h-bg06.jpg) 50%;}
.section2 div.p{width: 16.6666%; height: 48%; position: absolute; top: 31.8%; }
.section2 div.p span{display: block;width: 98%;height: 100%; }
.section2 div.p1 span{background: url(../images/index2-01.jpg) center no-repeat; background-size: cover;}
.section2 div.p2 span{margin: 0 auto; background: url(../images/index2-02.jpg) center no-repeat; background-size: cover;}
.section2 div.p3 span{float: right; background: url(../images/index2-03.jpg) center no-repeat; background-size: cover;}
.section2 div.p span em{height: 50%; font-weight: normal; display: block;}
.section2 div.p1 span em{background: url(../images/index2-act1.png) center no-repeat; background-size: 24%;}
.section2 div.p2 span em{background: url(../images/index2-act2.png) center no-repeat; background-size: 24%;}
.section2 div.p3 span em{background: url(../images/index2-act3.png) center no-repeat; background-size: 24%;}
.section2 div.p span b{padding: 24% 0px 0px 0px; font-weight: normal; display: block; text-align: center; color: #fff; font-size: 46px;}
.section2 div.p span b i{padding-top: 12%; display: block; font-size: 16px;}
.section2 div.p1{left: 21.09%;  transition: all 0.5s; opacity: 0;  top: 100%;}
.section2 div.p2{left: 41.6%;  transition: all 0.8s; bottom:-48%;  top: 100%; opacity: 0;}
.section2 div.p3{right:21.09%; transition: all 1s; opacity: 0;  top: 100%;}
.active div.p1{transition-delay: 0.7s; opacity: 1; top: 31.8%;}
.active div.p2{transition-delay: 0.7s; opacity: 1; top: 31.8%;}
.active  div.p3{transition-delay: 0.7s; opacity: 1;top: 31.8%;}
@keyframes warn {
  0% {
    transform: scale(0);
    opacity: 0.0;
  }
  25% {
    transform: scale(0);
    opacity: 0.1;
  }
  50% {
    transform: scale(0.1);
    opacity: 0.3;
  }
  75% {
    transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    transform: scale(1);
    opacity: 0.0;
  }
}
@-webkit-keyframes "warn" {
  0% {
    -webkit-transform: scale(0);
    opacity: 0.0;
  }
  25% {
    -webkit-transform: scale(0);
    opacity: 0.1;
  }
  50% {
    -webkit-transform: scale(0.1);
    opacity: 0.3;
  }
  75% {
    -webkit-transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0.0;
  }
}

.section3 .middle-round{position: absolute; width: 36.45%; height: 64%; top: 24.3%; left: 50%; margin-left:-18.225%; }
.section3 .pulse{position: absolute; width: 52.08%; height: 100%; top: 5%; left: 48%; margin-left:-26.04%;   background: rgba(255,255,255,0.1);z-index: 999; 
border: 40px solid rgba(255, 255, 255, 0.1) ;
  -webkit-border-radius:100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  z-index: 1;
  opacity: 0;
  -webkit-animation: warn 3s ease-out;
  -moz-animation: warn 3s ease-out;
  animation: warn 3s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
 }
.section3 .middle-round .c-round{width: 100%; height: 100%; }
.section3 .middle-round .c-round img.img1{width: 18%; position: absolute;}
.section3 .middle-round .c-round .w1-img{ top: 1%; left: 40.57%; opacity: 1; -webkit-transform:scale(0.3, 0.3); transform:scale(0.3, 0.3); transition: all 1s; z-index:5;}
.section3 .middle-round .c-round .w2-img{ top: 16.09%; left: 71.42%;opacity: 1;  -webkit-transform:scale(0.3, 0.3); transform:scale(0.3, 0.3); transition: all 1s; z-index:5;}
.section3 .middle-round .c-round .w3-img{ top: 47.18%; left: 80.71%;opacity: 1;  -webkit-transform:scale(0.3, 0.3); transform:scale(0.3, 0.3); transition: all 1s; z-index:5;}
.section3 .middle-round .c-round .w4-img{ top: 79.06%; left: 62%; opacity: 1; -webkit-transform:scale(0.3, 0.3); transform:scale(0.3, 0.3); transition: all 1s; z-index:5;}
.section3 .middle-round .c-round .w5-img{ top: 79.06%; left: 19%;opacity: 1;  -webkit-transform:scale(0.3, 0.3); transform:scale(0.3, 0.3); transition: all 1s; z-index:5;}
.section3 .middle-round .c-round .w6-img{ top: 47.18%; left: 0px; opacity: 1; -webkit-transform:scale(0.3, 0.3); transform:scale(0.3, 0.3); transition: all 1s; z-index:5;}
.section3 .middle-round .c-round .w7-img{ top: 16.09%; left: 10.42%; opacity: 1; -webkit-transform:scale(0.3, 0.3); transform:scale(0.3, 0.3); transition: all 1s; z-index:5;}
.active .middle-round .c-round .w1-img{ opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .middle-round .c-round .w2-img{ opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .middle-round .c-round .w3-img{ opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .middle-round .c-round .w4-img{ opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .middle-round .c-round .w5-img{ opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .middle-round .c-round .w6-img{ opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .middle-round .c-round .w7-img{ opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}


.section3 .middle-round .c-round img.img2{width: 12.85%; position: absolute;}
.section3 .middle-round .c-round .y1-img{ top: 23.125%; left: 43.28%;  transition: all 0.5s; opacity: 0;}
.section3 .middle-round .c-round .y2-img{ top: 63.75%; left: 28.28%; transition: all 1.2s; opacity: 0;}
.section3 .middle-round .c-round .y3-img{ top: 63.75%; left: 56%; transition: all 1s; opacity: 0;}
.section3 .middle-round .c-round .y4-img{ top: 37.03%; left: 23.28%; transition: all 1.5s; opacity: 0;}
.section3 .middle-round .c-round .y5-img{ top: 37.03%; left: 62%; transition: all 0.8s; opacity: 0;}
.active .middle-round .c-round .y1-img{ opacity: 1; transition-delay: 0.5s;}
.active .middle-round .c-round .y2-img{ opacity: 1; transition-delay: 1.2s;}
.active .middle-round .c-round .y3-img{ opacity: 1; transition-delay: 1s;}
.active .middle-round .c-round .y4-img{ opacity: 1; transition-delay: 1.5s;}
.active .middle-round .c-round .y5-img{ opacity: 1; transition-delay: 0.8s;}

.tab-index{width: 57.3%; top: -100%; height: 14%;   position: absolute; left: 50%; margin-left: -28.7%; z-index: 999; transition: all 1s; opacity: 0;}
.active .tab-index{transition-delay: 1s; opacity: 1; top: 29.5%!important;}
.tab-index p{float: left; width: 33.3%; height: 100%; cursor: pointer;}
.tab-index p span{display: block;width: 87%; height: 100%; }
.tab-index p.p2 span{margin: 0 auto;}
.tab-index p.p3 span{float: right;}
.tab-index p.class1 span{background: url(../images/tab-01.png) center no-repeat; background-size: cover;}
.tab-index p.class2 span{background: url(../images/tab-02.png) center no-repeat; background-size: cover;}
.tab-index p.class3 span{background: url(../images/tab-03.png) center no-repeat; background-size: cover;}
.tab-index p.class1.class-act span{background: url(../images/tab-act01.png) center no-repeat; background-size: cover;}
.tab-index p.class2.class-act span{background: url(../images/tab-act02.png) center no-repeat; background-size: cover;}
.tab-index p.class3.class-act span{background: url(../images/tab-act03.png) center no-repeat; background-size: cover;}
.tab-content-index{width: 57.3%; top: 100%; height: 32.8%;   position: absolute; left: 50%; margin-left: -28.7%; transition: all 1s; opacity: 0;}
.active .tab-content-index{transition-delay: 1s; opacity: 1;top: 49.5%; }
.tab-content-index .img{float: left; width: 64.72%; height: 100%;  overflow: hidden;}
.tab-content-index .img img{width: 100%;height: 100%;}
.tab-content-index .text{float: right; width: 29.5%; height: 100%; overflow: hidden;}
.tab-content-index .text p{ line-height: 30px; }
.tab-content-index .text p.p1{font-size: 24px;color: #333;margin-bottom: 3%;}
.tab-content-index .text p.p2{font-size: 16px;color: #333; margin-bottom: 2%;}
.tab-content-index .text p.p3{font-size: 14px;color: #333;}

.section5 .item{width: 16.6666%; height: 46%; position: absolute; top: 31.8%; border: solid 2px #fff; text-align: center;}
.section5 .item img{width: 100%; height: 100%;}
.section5 .item a{display: block; position: relative;width: 100%; height: 100%; background-size: cover; background-position: center center;}
.section5 .item p{position: absolute;bottom: 0px; left: 0px; width: 100%; height: 40px; line-height: 40px;color: #fff; font-size: 14px; overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis; background: url(../images/bg-bl.png) center no-repeat;}
.section5 .item0{left:13.02%; transition: all 1s; opacity: 0; top: -100%;}
.section5 .item1{left:32.08%; transition: all 1s; opacity: 0; top: 100%;}
.section5 .item2{right:32.08%; transition: all 1s; opacity: 0; top: -100%;}
.section5 .item3{right:13.02%; transition: all 1s; opacity: 0; top: 100%;}
.active .item0{ transition-delay: 0.7s; opacity: 1; top: 31.8%; background: url(../images/home-case01.png) no-repeat; background-size: cover;}
.active .item1{ transition-delay: 0.7s; opacity: 1; top: 31.8%; background: url(../images/home-case02.png) no-repeat; background-size: cover;}
.active .item2{ transition-delay: 0.7s; opacity: 1; top: 31.8%; background: url(../images/home-case03.png) no-repeat; background-size: cover;}
.active .item3{ transition-delay: 0.7s; opacity: 1; top: 31.8%; background: url(../images/home-case04.png) no-repeat; background-size: cover;}
.section6 .who-use{width: 57.3%; top: 100%; height: 32%;   position: absolute; left: 50%; margin-left: -28.7%; transition: all 1s; opacity: 0; }
.active .who-use{ transition-delay: 0.7s; opacity: 1; top: 25%;}
.section6 .who-use dl{width: 100%;  }
.section6 .who-use dl dd{float: left; width: 20%; height: 29.6%; margin-bottom: 2%;  text-align: center;}
.section6 .who-use dl dd img{width: 90%;height: 96%;}
.swiper-container{height: 100%;}
.swiper-container .n-slide{width:100%; }
.arrow-left,.arrow-right{position: absolute;color: #bababa; font-family: "\5b8b\4f53";font-size: 80px; line-height: 44px; background: none!important;  margin-top: -11px; cursor: pointer;}
.arrow-left{left: -10%!important; top: 50%;}
.arrow-right{right: -10%!important; top: 50%;}
.arrow-right:hover{color: #ff3333;}
.arrow-left:hover{color: #ff3333;}
.swiper-slide-active{opacity: 1;width: 40%;}
/* 产品与解决方案 */
/* 智慧工地 */
.wisdom-banner{width: 100%; min-width: 1100px; height: 600px; background: url(../images/wisdom-banner.jpg) center no-repeat;}
.wisdom-banner .bp1{padding-top: 220px;}
.wisdom-banner .bp1 span{font-size: 36px; }
.wisdom-banner .bp1 em{font-size: 36px; color: #a3a3a3; padding-left: 40px;}
.wisdom-banner .bp2{color: #ddd; font-size: 16px; padding-top: 45px; line-height: 40px;}
.wisdom-c1 .c-text{font-size: 14px; overflow: hidden; padding: 70px 0px 85px 0px; line-height: 26px;}
.wisdom-c1 .c-text dl{float: left; width: 25%; text-align: center;}
.wisdom-c1 .c-text dl dd p{font-size: 14px; color: #111; padding: 10px 0px 5px 0px;}
.wisdom-c2{width: 100%; min-width: 1100px; height: 1133px;background:#f8f8f8 url(../images/wisdom-03.png) center no-repeat; }
.wisdom-c3{width: 100%; min-width: 1100px;}
.wisdom-c3 .list-link{padding-bottom: 40px;}
.wisdom-c3 ul.ul-list li{line-height: 40px; clear: both; overflow: hidden;  padding:20px 0px;}
.wisdom-c3 ul.ul-list li .fr-text-left{float: left; width: 760px; }
.wisdom-c3 ul.ul-list li .fr-text-left h2{font-size: 18px; color: #333; font-weight: bold;}
.wisdom-c3 ul.ul-list li .fr-text-left p{line-height: 30px; font-size: 14px; color: #333; overflow: hidden; padding: 11px 0px;}
.wisdom-c3 ul.ul-list li .fr-text-left .a-details{font-size: 14px; color: #ff3333; cursor: pointer; }
.wisdom-c3 ul.ul-list li .fr-text-left .a-details:hover{color:#e60012;}
.wisdom-c3 ul.ul-list li a{display: block; font-size: 20px; color: #333;}
.wisdom-c3 ul.ul-list li a:hover h2{color:#e60012;}
.wisdom-c3 ul.ul-list li span{position: relative;float: left; width: 300px; height: 170px; display: block;  margin:10px 40px 0px 0px; }
.wisdom-c3 ul.ul-list li span img{position: absolute;left: 0px; top: 0px; width: 100%; height: 100%; }
.wisdom-c3 ul.ul-list li span em{position: absolute; top: 0px; bottom: 0px; width: 100%; height: 100%; }
.wisdom-c3 ul.ul-list li span em.em1{background: url(../images/wisdom-icon05.png) center no-repeat;}
.wisdom-c3 ul.ul-list li span em.em2{background: url(../images/wisdom-icon06.png) center no-repeat;}
.wisdom-c3 ul.ul-list li span em.em3{background: url(../images/wisdom-icon07.png) center no-repeat;}
.wisdom-c3 ul.ul-list li span em.em4{background: url(../images/wisdom-icon08.png) center no-repeat;}
.wisdom-c3 ul.ul-list li span em.em5{background: url(../images/wisdom-icon09.png) center no-repeat;}
.wisdom-c3 ul.ul-list li span em.em6{background: url(../images/wisdom-icon10.png) center no-repeat;}
.wisdom-c3 ul.ul-list li span em.em7{background: url(../images/wisdom-icon11.png) center no-repeat;}

/* 实名制劳工信息 */
.real-banner{width: 100%; min-width: 1100px; height: 400px; background:#444445 url(../images/realname-banner.jpg) center no-repeat;}
.real-banner .bp1{padding-top: 220px;}
.real-banner .bp1 span{font-size: 36px; }
.real01-c1 .c-text{font-size: 14px; overflow: hidden; padding: 70px 0px 85px 0px; line-height: 26px;}
.real01-c1 .c-text dl{float: left; width: 25%; text-align: center;}
.real01-c1 .c-text dl dd p{font-size: 14px; color: #111; padding: 10px 0px 5px 0px;}
.real01-c2{width: 100%; min-width: 1100px; height: 700px;background: url(../images/bg01.jpg) center no-repeat;}
.real01-c2 .c-text{width: 520px; font-size: 16px; line-height: 36px; margin: 245px 0px 0px 30px;}
.real01-c3 .content{padding: 70px 0px; overflow: hidden;}
.real01-c3 .content .left-img{position: relative; float: left; width: 700px; height: 420px; }
.real01-c3 .content .left-img .img1{position: absolute; left: 0px; bottom: 0px;}
.real01-c3 .content .left-img .img2{position: absolute; right: 40px; bottom: 0px; z-index: 9;}
.real01-c3 .content .left-img .img3{position: absolute; left: 80px; bottom: 0px; z-index: 99;}
.real01-c3 .content .right-text{float: left; width: 385px; height: 420px;    margin-left: 10px; margin-top: 70px;}
.real01-c3 .content .right-text dl{margin-top: 30px;}
.real01-c3 .content .right-text dl dt{font-size: 18px; color: #333; padding-bottom: 15px; font-weight: bold;}
.real01-c3 .content .right-text dl dd{font-size: 14px; color: #333; line-height: 30px;}
.real01-c4 .content{padding: 70px 0px; overflow: hidden;}
.real01-c4 .content .left-img{position: relative; float: left; width: 580px;  }
.real01-c4 .content .left-img ul li{float: left; width: 270px; height: 220px; margin: 16px 8px 0px 8px;background: #fff; text-align: center;}
.real01-c4 .content .left-img ul li img{margin: 20px 0px;}
.real01-c4 .content .left-img ul li p{height: 40px; font-size: 14px; color: #fff; line-height: 40px; background: url(../images/b-bg.png) center no-repeat; }
.real01-c4 .content .right-text{float: left; padding-left: 25px;    margin-top: 20px;}
.real01-c4 .content .right-text dl{margin-bottom: 50px; margin-top: 20px;}
.real01-c4 .content .right-text dl dt{font-size: 18px; color: #333; padding-bottom: 15px; font-weight: bold;}
.real01-c4 .content .right-text dl dd{font-size: 14px; color: #333; line-height: 30px;  padding-left: 20px;}
.icon-red{background: url(../images/t-quan2.png) 0px 4px no-repeat; padding-left: 20px;}
.icon-hei{background: url(../images/t-quan1.png) 0px 4px  no-repeat; padding-left: 20px;}

.real02-c1 .c-text{font-size: 14px; overflow: hidden; padding: 70px 0px 85px 0px; line-height: 26px;}
.real02-c1 .c-text dl{float: left; width: 33.33333%; text-align: center;}
.real02-c1 .c-text dl dd p{font-size: 14px; color: #111; padding: 10px 0px 5px 0px;}
.real02-c2{width: 100%; min-width: 1100px; height: 700px;background: url(../images/bg02.jpg) center no-repeat;}
.real02-c2 .c-text{width: 520px; font-size: 16px; line-height: 36px; margin: 245px 0px 0px 30px;}
.real02-c3 .content{padding: 70px 0px; overflow: hidden;}
.real02-c3 .content .left-img{position: relative; float: left; width: 700px; height: 420px; }
.real02-c3 .content .left-img .img1{position: absolute; left: 0px; bottom: 0px;}
.real02-c3 .content .left-img .img2{position: absolute; right: 40px; bottom: 0px; z-index: 9;}
.real02-c3 .content .left-img .img3{position: absolute; left: 80px; bottom: 0px; z-index: 99;}
.real02-c3 .content .right-text{float: left; width: 395px;   margin-top: 40px;}
.real02-c3 .content .right-text dl{margin-top: 60px;}
.real02-c3 .content .right-text dl dt{font-size: 18px; color: #333; padding-bottom: 15px; font-weight: bold;}
.real02-c3 .content .right-text dl dd{font-size: 14px; color: #333; line-height: 30px;}
.real02-c4 .content{padding: 120px 0px; overflow: hidden;}
.real02-c4 .content .left-img{position: relative; float: right; width: 500px; height: 420px; }
.real02-c4 .content .left-img .img1{position: absolute; left: 30px; bottom: 0px; z-index: 9;}
.real02-c4 .content .left-img .img2{position: absolute; left: 230px; bottom: 0px;}
.real02-c4 .content .right-text{float: left; width: 465px; }
.real02-c4 .content .right-text dl{margin-bottom: 50px; margin-top: 80px;}
.real02-c4 .content .right-text dl dt{font-size: 18px; color: #333; padding-bottom: 15px; font-weight: bold;}
.real02-c4 .content .right-text dl dd{font-size: 14px; color: #333; line-height: 30px;  padding-left: 20px;}

.real03-c1 .c-text{font-size: 14px; overflow: hidden; padding: 60px 0px 85px 0px; line-height: 26px;}
.real03-c1 .c-text img.fl{margin:-4px 45px 0px 0px;}
.real03-c2{width: 100%; min-width: 1100px; height: 547px;background: #5e5c5c url(../images/bg03.jpg) center no-repeat;}
.real03-c2 ul{overflow: hidden; margin-top: 75px;}
.real03-c2 ul li{float: left; width: 33.333%; text-align: center; }
.real03-c2 ul li p{font-size: 18px; color: #fff; padding: 10px 0px;}
.real03-c3 .c-text{font-size: 14px; overflow: hidden; padding: 70px 0px 85px 0px; line-height: 26px;}
.real03-c3 .c-text dl{float: left; width: 25%; text-align: center;}
.real03-c3 .c-text dl dd p{font-size: 14px; color: #111; padding: 10px 0px 5px 0px;}
.real03-c3 .content{padding: 70px 0px; overflow: hidden;}
.real03-c3 .content .left-img{position: relative; float: left; width: 700px; height: 420px; }
.real03-c3 .content .right-text{float: left; width: 395px; height: 420px;}
.real03-c3 .content .right-text dl{margin-top: 60px;}
.real03-c3 .content .right-text dl dt{font-size: 18px; color: #333; padding-bottom: 15px; font-weight: bold;}
.real03-c3 .content .right-text dl dd{font-size: 14px; color: #333; line-height: 30px;}
.real03-c4 .content{padding: 120px 0px; overflow: hidden;}
.real03-c4 .content .left-img{position: relative; float: right;  height: 420px; }
.real03-c4 .content .right-text{float: left; width: 465px; }
.real03-c4 .content .right-text dl{margin-bottom: 50px; margin-top: 80px;}
.real03-c4 .content .right-text dl dt{font-size: 18px; color: #333; padding-bottom: 15px; font-weight: bold;}
.real03-c4 .content .right-text dl dd{font-size: 14px; color: #333; line-height: 30px;  }
/* 视频监控 */
.video-banner{width: 100%; min-width: 1100px; height: 400px; background:#444445 url(../images/video-banner.jpg) center no-repeat;}
.video-banner .bp1{padding-top: 220px;}
.video-banner .bp1 span{font-size: 36px; }
.video-c1 .c-text{font-size: 14px; overflow: hidden; padding: 70px 0px 85px 0px; line-height: 26px;}
.video-c1 .c-text dl{float: left; width: 33.33333%; text-align: center;}
.video-c1 .c-text dl dd p{font-size: 14px; color: #111; padding: 10px 0px 5px 0px;}
.video-c2{width: 100%; min-width: 1100px; height: 700px;background: url(../images/video-bg01.jpg) center no-repeat;}
.video-c2 .c-text{width: 450px; font-size: 16px; line-height: 36px; margin: 190px 0px 0px 30px;}
.video-c3{width: 100%; min-width: 1100px; height: 880px;background:#f3f3f3 url(../images/video-bg02.jpg) center no-repeat; background-size: cover;}
.video-c4 .content{padding: 70px 0px; overflow: hidden;}
.video-c4 .content .left-img{position: relative; float: left; width: 700px; height: 420px; }
.video-c4 .content .left-img .img1{position: absolute; left: 0px; bottom: 0px;}
.video-c4 .content .left-img .img2{position: absolute; right: 180px; bottom: 0px; z-index: 9;}
.video-c4 .content .right-text{float: left; width: 395px; height: 420px;}
.video-c4 .content .right-text dl{margin-top: 130px;}
.video-c4 .content .right-text dl dd{font-size: 18px; color: #333; padding-bottom: 50px;}
.video-c5 .content{padding: 50px 0px 80px 0px; overflow: hidden;}
.video-c5 .content ul li{float: left; width: 270px; height: 260px; margin: 30px 35px 0px 45px; background: #fff; text-align: center;}
.video-c5 .content ul li img{margin: 20px 0px; width: 100%; }
.video-c5 .content ul li p{height: 40px; font-size: 14px; color: #fff; line-height: 40px; background: url(../images/b-bg.png) center no-repeat; }
/*环境检测 */
.environmental-banner{width: 100%; min-width: 1100px; height: 400px; background:#444445 url(../images/banner.jpg) center no-repeat;}
.environmental-banner .bp1{padding-top: 220px;}
.environmental-banner .bp1 span{font-size: 36px; }
.environmental-c1 .c-text{font-size: 14px; overflow: hidden; padding: 70px 0px 85px 0px; line-height: 26px;}
.environmental-c1 .c-text dl{float: left; width: 33.33333%; text-align: center;}
.environmental-c1 .c-text dl dd p{font-size: 14px; color: #111; padding: 10px 0px 5px 0px;}
.environmental-c2{width: 100%; min-width: 1100px; height: 700px;background: url(../images/bg01.jpg) center no-repeat;}
.environmental-c2 .c-text{width: 450px; font-size: 16px; line-height: 36px; margin: 170px 0px 0px 30px;}
.environmental-c3{overflow: hidden;}
.row-list{overflow: hidden; padding: 10px 0px 80px 0px;}
.row-list .item{width: 50%; float: left; margin-top: 60px;  height: 95px;}
.row-list .item img{float: left; margin: 0px 15px 0px 0px;}
.row-list .item dl{padding: 0px 30px; }
.row-list .item dl dt{font-size: 18px; color: #333; padding-bottom: 15px; font-weight: bold;}
.row-list .item dl dd{font-size: 14px; color: #333; line-height: 30px;}
.environmental-c4 .content{padding: 70px 0px; overflow: hidden;}
.environmental-c4 .content .left-img{position: relative; float: left; width: 620px; height: 600px; }
.environmental-c4 .content .left-img .img1{position: absolute; left: 0px; bottom: 0px;}
.environmental-c4 .content .left-img .img2{position: absolute; right: 180px; bottom: 0px; z-index: 9;}
.environmental-c4 .content .right-text{float: left; width: 480px; height: 420px;}
.environmental-c4 .content .right-text dl{margin-top: 40px; padding-bottom: 15px;}
.environmental-c4 .content .right-text dl dt{font-size: 18px; color: #333;   padding-bottom: 15px; font-weight: bold;}
.environmental-c4 .content .right-text dl dd{font-size: 14px; color: #333; line-height: 30px;}

/* 车辆识别系统 */
.vehicle-banner{width: 100%; min-width: 1100px; height: 400px; background:#444445 url(../images/banner.jpg) center no-repeat;}
.vehicle-banner .bp1{padding-top: 220px;}
.vehicle-banner .bp1 span{font-size: 36px; }
.vehicle-c1 .c-text{font-size: 14px; overflow: hidden; padding: 70px 0px 85px 0px; line-height: 26px;}
.vehicle-c1 .c-text dl{float: left; width: 33.33333%; text-align: center;}
.vehicle-c1 .c-text dl dd p{font-size: 14px; color: #111; padding: 10px 0px 5px 0px;}
.vehicle-c2{width: 100%; min-width: 1100px; height: 750px;background: url(../images/bg01.jpg) center no-repeat;}
.vehicle-c2 .c-text{padding: 30px 40px; font-size: 16px; line-height: 36px; margin: 70px 0px 0px 0px; background-color: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#66000000', EndColorStr='#66000000');}
.vehicle-c2  .d-img{text-align: right; margin-top: 30px;}
.vehicle-c3{overflow: hidden;}
.vehicle-c3 .row-list{overflow: hidden; padding: 10px 0px 50px 0px; height: 450px;}
.vehicle-c3 .row-list .item{width: 33%; float: left; margin-top: 70px;}
.vehicle-c3 .row-list .item dl{padding: 0px; margin-bottom: 80px;     height: 125px;}
.vehicle-c3 .row-list .item dl dt{font-size: 18px; color: #333; padding-bottom: 15px; font-weight: bold;}
.vehicle-c3 .row-list .item dl dd{font-size: 14px; color: #333; line-height: 30px;}
.vehicle-c3 .row-list .t-right{text-align: right;}
.vehicle-c3 .row-list .t-center{text-align: center;}
.vehicle-c3 .row-list .t-center img{text-align: center; width: 90%; float: none; margin: 0px;}
.vehicle-c4 .content{padding: 70px 0px; overflow: hidden;}
.vehicle-c4 .content img{float: left; }
.vehicle-c4 .content img.img{margin-left: 154px;}
/* 用电 */
.electric-banner{width: 100%; min-width: 1100px; height: 400px; background:#444445 url(../images/banner.jpg) center no-repeat;}
.electric-banner .bp1{padding-top: 220px;}
.electric-banner .bp1 span{font-size: 36px; }
.electric-c1 .c-text{font-size: 14px; overflow: hidden; padding: 70px 0px 85px 0px; line-height: 26px;}
.electric-c1 .c-text dl{float: left; width: 33.33333%; text-align: center;}
.electric-c1 .c-text dl dd p{font-size: 14px; color: #111; padding: 10px 0px 5px 0px;}
.electric-c2{width: 100%; min-width: 1100px; height: 888px;background: url(../images/bg01.jpg) center no-repeat;}
.electric-c2 .c-text{padding: 25px 40px; font-size: 16px; line-height: 36px; margin: 70px 0px 0px 0px; background-color: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#66000000', EndColorStr='#66000000');}
.electric-c2  .d-img{text-align: right; margin-top: 20px;}
.electric-c3{overflow: hidden;}
.electric-c3 .row-list{overflow: hidden; padding: 10px 0px 50px 0px;  height: 450px;}
.electric-c3 .row-list .item{width: 33%; float: left; margin-top: 70px;}
.electric-c3 .row-list .item dl{padding: 0px; margin-bottom: 80px;}
.electric-c3 .row-list .item dl dt{font-size: 18px; color: #333; padding-bottom: 15px; font-weight: bold;}
.electric-c3 .row-list .item dl dd{font-size: 14px; color: #333; line-height: 30px;}
.electric-c3 .row-list .t-right{text-align: right;}
.electric-c3 .row-list .t-center{text-align: center;}
.electric-c3 .row-list .t-center img{text-align: center; width: 90%; float: none; margin: 0px;}
.electric-c4 .content{padding: 60px 0px 90px 0px; overflow: hidden;}
.electric-c4 .content ul li{float: left; width: 240px; height: 260px;  margin: 30px 10px 0px 25px; background: #fff; text-align: center;}
.electric-c4 .content ul li img{margin: 20px 0px;  }
.electric-c4 .content ul li p{height: 50px; font-size: 14px; color: #fff; line-height: 50px; background: url(../images/bg02.png) center no-repeat; }
/*塔吊安全监测  */
.pagoda-banner{width: 100%; min-width: 1100px; height: 400px; background:#444445 url(../images/banner.jpg) center no-repeat;}
.pagoda-banner .bp1{padding-top: 220px;}
.pagoda-banner .bp1 span{font-size: 36px; }
.pagoda-c1 .c-text{font-size: 14px; overflow: hidden; padding: 70px 0px 85px 0px; line-height: 26px;}
.pagoda-c1 .c-text dl{float: left; width: 33.33333%; text-align: center;}
.pagoda-c1 .c-text dl dd p{font-size: 14px; color: #111; padding: 10px 0px 5px 0px;}
.pagoda-c2{width: 100%; min-width: 1100px; height: 630px;background: url(../images/bg01.jpg) center no-repeat;}
.pagoda-c2 .c-text{position: relative;padding: 35px 40px; font-size: 16px; line-height: 36px; margin: 90px 0px 0px 0px; background-color: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#66000000', EndColorStr='#66000000');}
.pagoda-c2 .c-text p{width: 590px;height: 190px;}
.pagoda-c2 .c-text img.img{position: absolute;right: 50px; top: -90px; }
.pagoda-c3{overflow: hidden;}
.pagoda-c4 .content{padding: 60px 0px 90px 0px; overflow: hidden;}
.pagoda-c4 .content ul li{float: left; width: 200px; height: 260px;  margin: 20px 0px 0px 20px; background: #fff; text-align: center;}
.pagoda-c4 .content ul li.first{margin-left: 0px;}
.pagoda-c4 .content ul li img{margin: 20px 0px;  }
.pagoda-c4 .content ul li p{height: 50px; font-size: 14px; color: #fff; line-height: 50px; background: #7f7f7f;}
.pagoda-c4 .content ul li p.p-act{background:url(../images/bg02.png) center no-repeat;}
.pagoda-c5 .content{padding: 60px 0px 90px 0px; overflow: hidden;}
.pagoda-c5 .content .left-img{position: relative; float: left; width: 700px; height: 420px; }
.pagoda-c5 .content .left-img .img1{position: absolute; left: 0px; bottom: 0px;}
.pagoda-c5 .content .left-img .img2{position: absolute; right: 180px; bottom: 0px; z-index: 9;}
.pagoda-c5 .content .right-text{float: left; width: 395px; height: 420px;}
.pagoda-c5 .content .right-text dl{margin-top: 60px;}
.pagoda-c5 .content .right-text dl dd{font-size: 16px; color: #333; padding-bottom: 50px;font-weight: bold;}
/*升降机安全监测  */
.elevator-banner{width: 100%; min-width: 1100px; height: 400px; background:#444445 url(../images/banner.jpg) center no-repeat;}
.elevator-banner .bp1{padding-top: 220px;}
.elevator-banner .bp1 span{font-size: 36px; }
.elevator-c1 .c-text{font-size: 14px; overflow: hidden; padding: 70px 0px 85px 0px; line-height: 26px;}
.elevator-c1 .c-text dl{float: left; width: 33.33333%; text-align: center;}
.elevator-c1 .c-text dl dd p{font-size: 14px; color: #111; padding: 10px 0px 5px 0px;}
.elevator-c2{width: 100%; min-width: 1100px; height: 630px;background: url(../images/bg01.jpg) center no-repeat;}
.elevator-c2 .c-text{position: relative;padding: 35px 40px; font-size: 16px; line-height: 40px; margin: 90px 0px 0px 0px; background-color: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#66000000', EndColorStr='#66000000');}
.elevator-c2 .c-text p{width: 590px;}
.elevator-c2 .c-text img.img{position: absolute;right: -22px;top: -200px;}
.elevator-c3{width: 100%; min-width: 1100px; height: 828px; background:#fff url(../images/bg02.jpg) center no-repeat;}
.elevator-c4 .content{padding: 70px 0px; overflow: hidden;}
.elevator-c4 .content .left-img{position: relative; float: left; width: 420px; margin-top: 60px;}
.elevator-c4 .content .left-img .icon-img{position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%;background:url(../images/img02.png) center no-repeat;}
.elevator-c4 .content .right-text{float: left; width: 640px; height: 420px; margin-left: 40px;}
.elevator-c4 .content .right-text dl{margin-top: 60px;}
.elevator-c4 .content .right-text dl dd{font-size: 16px; color: #111; padding-bottom: 48px; font-weight: bold;}
/*关于我们  */
.about-banner{width: 100%; min-width: 1100px; height: 600px; background: url(../images/about-banner.jpg) center no-repeat;}
.about-banner .bp1{padding-top: 220px;}
.about-banner .bp1 span{font-size: 36px; }
.about-banner .bp1 em{font-size: 36px; color: #a3a3a3; padding-left: 40px;}
.about-banner .bp2{color: #ddd; font-size: 16px; padding-top: 45px; line-height: 40px;}
.about-c1 .c-text{font-size: 14px;overflow: hidden;padding: 60px 0px 85px 0px;line-height: 26px;width: 854px;margin: 0 auto;}
.about-c1 .c-text img.fl{margin:-4px 45px 0px 0px;}
.about-c2{width: 100%; min-width: 1100px; height: 700px;background: url(../images/about-01.jpg) center no-repeat;}
.about-c2 .c-text{width: 550px; font-size: 16px; line-height: 36px; margin: 185px 0px 0px 30px;}
.about-c3{width: 100%; min-width: 1100px;}
.about-c3 .c3-bg{ height: 300px; font-size: 40px; color: #eeeeee; line-height: 300px; text-align: center; background: url(../images/about-02.jpg) center no-repeat;}

/* 下载 */
.download-c{width: 100%; min-width: 1100px; height: 665px; background: url(../images/download-bg.jpg) center no-repeat;} 
.download-c .c-main{height:100%; }
.download-c .iphone{position: absolute; width: 550px; height: 500px;  left: -65px; bottom: 0px;}
.download-c .iphone .iphone2{position: absolute;z-index: 99; right: 0px; top: 90px;}
.download-c .right-download {float: left; width: 550px; height: 270px;  margin: 240px 0px 0px 568px; }
.download-c .right-download .text{font-size: 35px; color: #333;}
.download-c .right-download a{float: left; text-align: center; font-size: 20px; color: #111;margin-top: 35px;}
.download-c .right-download a.d-android{margin-left: 45px;}
.download-c .right-download a.d-pc{margin-left: 45px;}
.download-c .right-download dl dd{margin-top: 10px;}
.download-c .right-download dl dt{position: relative;}
.download-c .right-download dl dt .img{position: absolute; width: 100%; height: 100%; top: 0px; left: 0px;}
.download-c .right-download a.d-iphone dl dt .img{background: url(../images/icon-iphone.png) center no-repeat;}
.download-c .right-download a.d-android dl dt .img{background: url(../images/icon-android.png) center no-repeat;}
.download-c .right-download a.d-pc dl dt .img{background: url(../images/icon-pc.png) center no-repeat;}
.download-c .right-download a dl dt .pr-code{position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: #fff; display: none; overflow: hidden;}
.download-c .right-download a dl dt:hover .pr-code{display: block;}
.download-c .right-download a dl dt .pr-code img{width: 100%;}
/* 使用说明 */
.use-c{width: 100%; min-width: 1100px; height: 400px; background: url(../images/use-banner.jpg) center no-repeat;} 
.use-content{overflow: hidden;}
.use-content .middle-c{margin: 20px auto 50px auto;}
.use-content .title{margin: 0px 20px; border-bottom: solid 1px #e9e9e9; font-size: 32px; color: #333; text-align: center; padding: 40px 0px 30px 0px;}
.use-content  .content-text{font-size: 14px; color: #333; padding: 10px  20px 20px 20px; line-height: 30px;}

/* 服务与支持 */
.service-banner{width: 100%; min-width: 1100px; height: 400px; background: url(../images/service-banner.jpg) center no-repeat;}
.service-banner .bp1{padding-top: 220px;}
.service-banner .bp1 span{font-size: 36px; }
.service-banner .bp1 em{font-size: 32px; color: #a3a3a3; padding-left: 40px;}
.service-banner .bp2{color: #ff3333; font-size: 16px; padding-top:25px;  padding-left: 340px; cursor: pointer;}
.service-banner .bp2 a{color: #ff3333;}
.service-c1 .c-text{font-size: 14px; overflow: hidden; padding: 70px 0px 85px 0px; line-height: 26px;}
.service-c1 .c-text dl{float: left; width: 25%; text-align: center;}
.service-c1 .c-text dl dd p{font-size: 18px; color: #333;font-weight: bold; padding: 10px 0px 5px 0px;}
.service-c1 .c-text dl dd div{color: #666; padding: 8px 0px;}
.service-c2{width: 100%; min-width: 1100px; height: 600px;background: url(../images/service05.jpg) center no-repeat;}
.service-c3 .text{font-size: 20px; text-align: center; color: #666; padding: 0px 0px 20px 0px;}
.service-c3 .p-btn{text-align: center;  padding: 30px 0px;}
.service-c4 .c-main{overflow: hidden;}
.service-c4 .c-main a{width: 250px; height: 250px; float: left; margin: 20px 14px 80px 11px; background: #fff; background-position: center center; background-size: cover}
.service-c4 .c-main a.img0{background-image: url('../images/img_01.jpg')}
.service-c4 .c-main a.img1{background-image: url('../images/img_02.jpg')}
.service-c4 .c-main a.img2{background-image: url('../images/img_03.jpg')}
.service-c4 .c-main a.img3{background-image: url('../images/img_04.jpg')}

/* 合作共赢 */
.cooperation-banner{width: 100%; min-width: 1100px; height: 400px; background: url(../images/banner.jpg) center no-repeat;}
.cooperation-banner .bp1{padding-top: 220px;}
.cooperation-banner .bp1 span{font-size: 36px; }
.cooperation-banner .bp1 em{font-size: 32px; color: #a3a3a3; padding-left: 60px;}
.cooperation-banner .bp2{color: #ff3333; font-size: 16px; padding-top:25px;  padding-left: 340px; cursor: pointer;}
.cooperation-c1 .c-text{font-size: 14px; overflow: hidden; padding: 70px 0px 85px 0px; line-height: 26px;}
.cooperation-c1 .c-text dl{float: left; width: 25%; text-align: center;}
.cooperation-c1 .c-text dl dd p{font-size: 14px; color: #111; padding: 10px 0px 5px 0px;}
.cooperation-c2 .c-main{overflow: hidden;}
.cooperation-c2 .c-main .item{width: 320px; height: 350px; float: left; margin: 20px 70px 30px 0px; background: #fff;}
.cooperation-c2 .c-main .item:last-child{margin: 20px 0 30px;}
.cooperation-c2 .c-main .mf{margin-left: 70px;}
.cooperation-c2 .c-main .item .img{position: relative;width: 320px; height: 150px;}
.cooperation-c2 .c-main .item .img .img-1{position: absolute;left: 0px; top: 0px; width: 100%; height: 100%;background: url(../images/img1.jpg) center no-repeat;}
.cooperation-c2 .c-main .item .img .img-2{position: absolute;left: 0px; top: 0px; width: 100%; height: 100%;background: url(../images/icon09.png) center no-repeat;}
.cooperation-c2 .c-main .item2 .img .img-2{position: absolute;left: 0px; top: 0px; width: 100%; height: 100%;background: url(../images/icon10.png) center no-repeat;}
.cooperation-c2 .c-main .item3 .img .img-2{position: absolute;left: 0px; top: 0px; width: 100%; height: 100%;background: url(../images/icon11.png) center no-repeat;}
.cooperation-c2 .c-main .item .text{padding: 20px 16px;}
.cooperation-c2 .c-main .item .text .title{font-size: 18px; color: #333; font-weight: bold; text-align: center;}
.cooperation-c2 .c-main .item .text .c-text{font-size: 14px; color: #666;     line-height: 30px; margin-top: 15px;}
.cooperation-c3 .c-text{font-size: 14px; overflow: hidden; padding: 70px 0px 85px 0px; line-height: 26px;}
.cooperation-c3 .c-text dl{float: left; width: 25%; text-align: center;}
.cooperation-c3 .c-text dl dd p{font-size: 14px; color: #333; padding: 10px 20px 5px 20px; font-weight: bold;}
.cooperation-c3 .c-text dl dd div{color: #666; padding: 8px 0px;}
.cooperation-c4{width: 100%; min-width: 1100px; height: 600px;background: url(../images/bg1.jpg) center no-repeat;}
.cooperation-c5 .table{width: 100%;}
.cooperation-c5 .bl-box{width: 90%;border:1px solid #e0e0e0;border-radius:4px;background: #f8f8f8;font-size: 14px;margin-right: 12px;position:relative;overflow: hidden;min-width: 200px;     margin-bottom: 20px;}
.cooperation-c5 .bl-box .bl-text{padding: 0 15px; line-height: 40px;float:left;color:#666; font-size: 14px; width: 100px;}
.cooperation-c5 .bl-box .bl-ctrl{position: relative;  display: block;height:40px; line-height:40px; color:#999;font-size: 14px;position:absolute;right: 0; left:140px!important;background: #f8f8f8;}
.cooperation-c5 .bl-box .bl-ctrl .star{color:#ff3333; font-size: 16px; position: absolute; right: 10px; top: 0px;}
.cooperation-c5 .distpicker select{width: 32%; float: left; height: 40px;  border: none; background: #f8f8f8; margin-right: 1%; font-size: 14px; }
.cooperation-c5 .bl-box .wd2{ left:60px; }
.cooperation-c5 .bl-box .wd3{ left:70px; }
.cooperation-c5 .bl-box .wd4{ left:85px; }
.cooperation-c5 .bl-box .wd5{ left:100px; }
.cooperation-c5 .bl-box .wd6{ left:120px; }
.cooperation-c5 .bl-box .wdl{ left:140px; }
.cooperation-c5 .bl-box em{color: #eaeaea; float: right;}
.cooperation-c5 .bl-box .bl-ctrl select.bl-inp{font: inherit;}
.cooperation-c5 .bl-box .bl-ctrl .bl-inp{width:100%;height:100%;border:0;background:#f8f8f8;font-size: 16px;color:#333;}
.cooperation-c5 .bl-box .bl-ctrl .bl-inp::-webkit-input-placeholder{color:#999;}
.cooperation-c5 .bl-box .bl-ctrl .bl-inp::-moz-placeholder{color:#999;}
.cooperation-c5 .bl-box .bl-ctrl .bl-inp:-moz-placeholder{color:#999;}
.cooperation-c5 .bl-box .bl-ctrl .bl-inp:-ms-input-placeholder{color:#999;}
.cooperation-c5 .bl-box .bl-ctrl .laydate-icon{width:28px;height:20px;right:8px;top:7px;position:absolute; border: none!important; z-index: 1;}
.cooperation-c5 .d-textarea{position: relative;width: 92.5%; min-height:160px; border: 1px solid #e0e0e0; padding: 10px 15px; border-radius: 4px; background: #f8f8f8;}
.cooperation-c5 .d-textarea .textarea-text{position: relative;margin: 10px 0px;}
.cooperation-c5 .d-textarea .textarea-text textarea{border: none; height: 120px;resize: none; padding: 10px 5px; width: 970px; background: #f8f8f8;  font-size: 14px;}
 .cooperation-c5 .d-textarea .textarea-text .star{color:#ff3333; font-size: 16px; position: absolute; right: -20px; top: 40px;}
.cooperation-c5 .p-btn{margin: 30px 0px 50px 0px; text-align: center;}
.cooperation-c5 .p-btn .btn{min-width: 100px; display: inline-block;}

/* 移动人脸考勤 */
.face-banner{width: 100%; min-width: 1100px; height: 400px; background:#444445 url(../images/banner.jpg) center no-repeat;}
.face-banner .bp1{padding-top: 220px;}
.face-banner .bp1 span{font-size: 36px; }
.face-c1 .c-text{font-size: 14px; overflow: hidden; padding: 70px 0px 85px 0px; line-height: 26px;}
.face-c1 .c-text dl{float: left; width: 33.33333%; text-align: center;}
.face-c1 .c-text dl dd p{font-size: 14px; color: #111; padding: 10px 0px 5px 0px;}
.face-c2{width: 100%; min-width: 1100px; height: 700px;background: url(../images/bg01.jpg) center no-repeat;}
.face-c2 .c-text{width: 660px; font-size: 16px; line-height: 36px; margin: 190px 0px 0px 30px;}
.face-c3 .content{padding: 60px 0px; overflow: hidden; width: 880px; margin: 0 auto;}
.face-c3 ul.face-ul span{position: relative;float: left; width: 160px; height: 160px; display: block;  margin:0px 20px 0px 0px; }
.face-c3 ul.face-ul li{line-height: 40px; clear: both; overflow: hidden;  padding:20px 0px;}
.face-c3 ul.face-ul li .fr-text-left{float: left; width: 650px;margin-top: 10px; }
.face-c3 ul.face-ul li .fr-text-left h2{font-size: 18px; color: #333; font-weight: bold;}
.face-c3 ul.face-ul li .fr-text-left p{line-height: 30px; font-size: 14px; color: #333; overflow: hidden; padding: 10px 0px;}
/* 合伙人 */
/*关于我们  */
.partner-banner{width: 100%; min-width: 1100px; height: 600px; background: url(../images/banner.jpg) center no-repeat;}
.partner-banner .bp1{padding-top: 220px;}
.partner-banner .bp1 span{font-size: 36px; }
.partner-banner .bp1 em{font-size: 36px; color: #a3a3a3; padding-left: 40px;}
.partner-banner .bp2{color: #ddd; font-size: 16px; padding-top: 45px; line-height: 40px;}
.partner-c1 .c-text{font-size: 14px;overflow: hidden;padding: 60px 0px 85px 0px;line-height: 26px;width: 854px;margin: 0 auto;}
.partner-c1 .c-text img.fl{margin:-4px 45px 0px 0px;}
.partner-c2{width: 100%; min-width: 1100px; background:#f8f8f8; padding-bottom: 20px;}
.partner-c2 .content{width: }
.partner-c2 .content dl{overflow: hidden; margin-top: 48px;}
.partner-c2 .content dl dd{float: left; width: 500px; height: 260px; background: #fff; margin-bottom: 36px;}
.partner-c2 .content dl dd.even{margin-left: 100px;}
.partner-c2 .content dl dd p{font-size: 15px; color: #666; padding: 20px 40px 20px 20px; line-height: 26px;}
.partner-c3{width: 100%; min-width: 1100px;}
.partner-c3 .content{ overflow: hidden; padding: 30px 0px;}
.partner-c3 .content .left-img{position: relative; float: left; width: 427px; height: 357px; background:url(../images/img05.jpg) center no-repeat;}
.partner-c3 .content .left-img .p1{position: absolute;width: 100%; height: 60px; line-height: 60px; top: 60px; font-size: 18px; color: #fff; text-align: center;}
.partner-c3 .content .left-img .p2{line-height: 387px; font-size: 28px; color: #fff; text-align: center;}
.partner-c3 .content .right-text{float: left; width: 560px; height: 427px; margin-left: 40px;}
.partner-c3 .content .right-text dl{line-height: 30px;}
.partner-c3 .content .right-text dl dd{font-size: 16px; color: #111; padding-bottom: 48px; line-height: 30px;}
/* 新闻*/
/*.m-style{position:relative;text-align:center;zoom:1}
.m-style:after,.m-style:before{content:"";display:table}
.m-style:after{clear:both;overflow:hidden}
.m-style span{float:left;margin:0 5px;width:38px;height:38px;line-height:38px;color:#bdbdbd;font-size:14px}
.m-style .active{float:left;margin:0 5px;width:38px;height:38px;line-height:38px;background:#e91e63;color:#fff;font-size:14px;border:1px solid #e91e63}
.m-style a{float:left;margin:0 5px;width:38px;height:38px;line-height:38px;background:#fff;border:1px solid #ebebeb;color:#bdbdbd;font-size:14px}
.m-style a:hover{color:#fff;background:#e91e63}
.m-style .next,.m-style .prev{font-family:Simsun;font-size:16px;font-weight:700}
.count,.now{padding:0 5px;color:red}
.eg img{max-width:800px;min-height:500px}
input{float:left;margin:0 5px;width:38px;height:38px;line-height:38px;text-align:center;background:#fff;border:1px solid #ebebeb;outline:0;color:#bdbdbd;font-size:14px}
*/
#edit-content p img{max-width: 100%;}
.crumbs{width: 1100px; margin: 0 auto; font-size: 14px;}
.crumbs em{padding: 0px 5px;}
.crumbs span{color: #999;}
.crumbs a:hover{color: #ff3333;}
.crumbs .a-back{background: url(../images/icon-back.png) no-repeat; padding: 0px 0px 0px 24px; cursor: pointer;}
.page-next{min-width: 1100px; font-size: 14px; padding: 20px 0px 60px 0px;}
.page-next b{font-weight: normal;}
.page-next a.fl{width: 50%; overflow: hidden; color: #333; }
.page-next a.fr{width: 50%; overflow: hidden; text-align: right;  color: #333;}
.page-next a:hover{color: #ff3333;}
.Page{width:100%; text-align:right; padding:20px 0px 50px 0px;clear:both; margin: 0 auto;}
.Page b{font-weight: normal; padding-right: 10px;}
.Page a{display:inline-block;padding:0px 15px;background:#ffffff;height:28px; vertical-align:middle; line-height:28px; font-size:12px; border:1px solid #e5e5e5; margin-left:-1px}
.Page a:hover{ color:#e60012;}
.Page span.active{ color:#e60012;display:inline-block;padding:0px 15px; height:28px; vertical-align:middle; line-height:28px; font-size:12px; border:1px solid #e5e5e5; margin-left:-1px}
.Page a.prev{  padding: 0px 20px 0px 20px;}
.Page a.next{  padding: 0px 20px 0px 20px;}
.new-c{width: 100%; min-width: 1100px; height: 400px; background: url(../images/new-banner.jpg) center no-repeat;}
.new-content{overflow: hidden;}
.new-content .middle-c{margin: 20px auto 0px auto; min-height: 600px;}
.new-content .title{margin: 0px 30px; border-bottom: solid 1px #e9e9e9; font-size: 32px; color: #333; text-align: center; padding: 40px 0px 30px 0px;line-height: 1.2em}
.new-content  .content-text{font-size: 14px; color: #333; padding: 10px  30px 20px 30px; line-height: 30px;}
#times{color: #666; font-size:12px; padding-left: 5px;}
.solution{overflow: hidden; margin-top: 5px;}
.solution .solution-right-con{margin: 20px auto 30px auto;  overflow: hidden; }
.solution .solution-right-con h3{display: block;font-size: 18px;text-align: center;line-height: 40px;border-bottom: 1px dashed #ccc;}
.solution .solution-right-con .solution-content{ float: left;width: 715px;padding: 5px 20px;font-size: 14px;line-height: 26px; background: #fff; }
/*.solution .solution-right-con .solution-content{ padding: 5px 20px;font-size: 14px;line-height: 26px; background: #fff; }*/
.solution .solution-left-nav .active{background: #e60012; }
.solution .solution-left-nav .active a{color: #fff;}
.solution .solution-right-con .solution-content ul li{line-height: 40px;border-bottom: 1px dashed #dcd9d9;  clear: both; overflow: hidden;  padding:20px 0px;}
.solution .solution-right-con .solution-content ul li .fr-text-left{float: left; width: 520px; }
.solution .solution-right-con .solution-content ul li .fr-text-left p{line-height: 25px; font-size: 14px; color: #999; max-height: 50px; overflow: hidden; padding: 3px 0px;}
.solution .solution-right-con .solution-content ul li .fr-text-left .a-details{font-size: 14px; color: #ff3333;}
.solution .solution-right-con .solution-content ul li .fr-text-left .a-details:hover{color:#e60012;}
.solution .solution-right-con .solution-content ul li a{display: block; font-size: 18px; color: #333; font-weight: bold;}
.solution .solution-right-con .solution-content ul li a:hover{color:#e60012;}
.solution .solution-right-con .solution-content ul li span{float: left; width: 130px; height: 110px; display: block;  margin:10px 40px 0px 0px; }
.solution .solution-right-con .solution-content ul li span img{width: 100%; height: 100%; border-radius: 8px;}
.right-content{background: #fff;width: 320px;  max-height: 1244px; overflow-y: auto;}
.right-content .title{font-size: 20px; color: #333; padding: 3px 0px 10px 34px;  border-radius: 2px;   margin: 20px 0px 10px 10px; background: url(../images/title-left.png) no-repeat; background-size: 26px; }
.right-content .list-link .img{width: 100px; height: 100px;  }
.right-content .list-link .img img{width: 100%; height: 100%; border-radius: 8px;}
.right-content .list-link .text{float: left; margin-left: 10px; width: 180px;}
.right-content .list-link a{ overflow: hidden;padding: 15px 15px; display: block;}
.right-content .list-link a:hover  .text .text-over{color: #ff3333}
.right-content .list-link .text .text-over{font-size: 16px; color: #333; font-weight: bold;}
.right-content .list-link .text .over{font-size: 14px; color: #666; padding: 10px 0px; height: 36px; overflow: hidden; line-height: 22px; word-break: break-all;}
.right-content .list-link .text .time-see{overflow: hidden; color: #999;}

/* 案列 */
.case-banner{width: 100%; min-width: 1100px; height: 400px; background: url(../images/banner.jpg) center no-repeat;}
.case-banner .bp1{padding-top: 220px;}
.case-banner .bp1 span{font-size: 36px; }
.list-seach{overflow: hidden;margin-top: 60px;}
.list-seach a{float: left; width: 320px; height: 150px; margin-left: 9px; cursor: pointer;}
.list-seach a.class1{background: url(../images/tab-01.png) center no-repeat;}
.list-seach a.class2{margin-left: 55px;background: url(../images/tab-02.png) center no-repeat;}
.list-seach a.class3{margin-left: 55px;background: url(../images/tab-03.png) center no-repeat;}
.list-seach a.class1.class-act{background: url(../images/tab-act01.png) center no-repeat;}
.list-seach a.class2.class-act{background: url(../images/tab-act02.png) center no-repeat;}
.list-seach a.class3.class-act{background: url(../images/tab-act03.png) center no-repeat;}
.case { width:1100px; margin:70px auto 0; padding-top:20px}
.case .caseList { position:relative;width:340px; background:#fff; float:left;  margin: 9px 14px 9px 12px; box-shadow:0 0 2px 2px #e9e9e9; overflow:hidden}
.case .caseList:hover{box-shadow:0 0 2px 2px #ccc}
.case .caseList:before{position:absolute;width:80px;height:416px;right:-160px;background:-moz-linear-gradient(right,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,right top,left top,color-stop(0,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(right,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 100%);background:-o-linear-gradient(right,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 100%);-webkit-transform:skewX(-25deg)}
.case .caseList:hover::before{-webkit-transition:right 1s;-moz-transition:right 1s;transition:right 1s;right:460px}
@-webkit-keyframes tick-tock{to{-webkit-transform:rotate(180deg) translate3d(0,0,0)}
}
.case .caseList .caseImg{width:320px;height:310px;overflow:hidden;margin:9px auto 0;text-align:center}
.case .caseList .caseTil{height:50px;line-height:50px;margin-top:10px; font-size:16px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center; background: #f4f4f4;}
.case .caseList .caseTxt{height:36px;line-height:18px;color:#666;font-size:12px;overflow:hidden;margin:0 10px 5px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.case .caseList .caseImg img{height:100%;transition:all .8s}
.case .caseList .caseImg img:hover{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-o-transform:scale(1.5)}
.casebg{background:#f3f3f3}
.case{width:1100px;margin:10px auto 0;padding-top:20px}

/* use */
.use-body{    background: #f2f2f2;}
.use-content{overflow: hidden;  margin:25px 0px 50px 0px; min-width: 1200px;position: relative;}
.use-content .f-nav{width: 280px; background: #fff;  padding:20px 0px;}
.use-content .f-nav.position_ab{position: absolute;left: 0;bottom: 0}
.use-content .f-nav li{padding: 15px 0px; text-align: center; cursor: pointer;}
.use-content .f-nav li a{display: block; width: 100%; height: 100%; font-size: 14px; color: #333;}
.use-content .f-nav li a:hover{color: #ff3333;}
.use-content .f-nav li.act a{color: #ff3333;}
.use-content .r-content{width: 890px; background: #fff; min-height: 500px;}
.use-content .r-content .edit-content{padding: 0px 30px 35px 30px;}
.use-content .r-content .edit-content .h1{font-size: 18px; padding: 50px 0px 10px 0px; color: #333; overflow: hidden;}
.use-content .r-content .edit-content .h1 .line{float: left; width: 4px; height: 18px; background: #ff3333; margin: 7px 8px 0px 0px;}
.use-content .r-content .edit-content .h1 span{float: left; font-size: 20px; display: block; height: 30px; line-height: 30px; color: #333;}
.use-content .r-content .edit-content p{color: #666; line-height: 30px;  text-align:justify; text-justify:inter-ideograph; font-size: 14px;}
.use-content .r-content .edit-content img{width: 100%; margin: 10px 0px;}