@CHARSET "UTF-8";

@font-face {font-family: "iconfont";
  src: url('iconfont.eot'); /* IE9*/
  src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont.woff') format('woff'), /* chrome, firefox */
  url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont { font-family:"iconfont" !important; font-size:22px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; margin-right:5px; font-weight:400; position:relative; top:3px;}
.icon-zhuanqugengduoliuliang:before { content: "\e66b"; }
.icon-shoujiapp:before { content: "\e608"; }
.icon-anquan:before { content: "\e649"; }
.icon-weibiaoti1:before { content: "\e604"; }
.icon-diannaoweixiu:before { content: "\e636"; }
.icon-repair:before { content: "\e738"; }
.icon-activity_add:before { content: "\e61d"; }
.icon-fuwuqi:before { content: "\e62b"; }
.icon-file:before { content: "\e739"; }
.icon-bangdingziyouyuming:before { content: "\e624"; }
.icon-jiandingzhengshu:before { content: "\e611"; }
.icon-browser:before { content: "\e606"; }
.icon-similar:before { content: "\e6e2"; }
.icon-video:before { content: "\e657"; }
.icon-apps:before { content: "\e729"; }
.icon-paint:before { content: "\e72b"; }
.icon-shezhi:before { content: "\e62a"; }
.icon-xinfeng:before { content: "\e640"; }
.icon-phone:before { content: "\e652"; }
.icon-group:before { content: "\e753"; }
.icon-lock:before { content: "\e6c0"; }
.icon-shake:before { content: "\e60d"; }
.icon-qrcode:before { content: "\e6b0"; }
.icon-wifi:before { content: "\e6f2"; }
.icon-shop:before { content: "\e676"; }
.icon-creative:before { content: "\e719"; }
.icon-choiceness:before { content: "\e715"; }
.icon-computer:before { content: "\e6b3"; }
.icon-shake { top:1px;}

@-webkit-keyframes left-right {
  0% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }
  100% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }
}
@-moz-keyframes left-right {
  0% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }
  100% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }
}
@-ms-keyframes left-right {
  0% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }
  100% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }
}
@keyframes left-right {
  0% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }
  100% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }
}
@-webkit-keyframes right-left {
  0% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }
  100% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }
}
@-moz-keyframes right-left {
  0% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }
  100% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }
}
@-ms-keyframes right-left {
  0% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }
  100% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }
}
@keyframes right-left {
  0% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }
  100% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }
}
/*index cases list*/
#cases { height:600px; background:#f6f6f6; border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2;}
#cases .left {width:70px;height:450px;float:left;background:url(images/sprite.png) no-repeat -87px -184px;color:#505050;text-align:center;}#cases .right {width:1010px;float:right;}
#cases .right dt { position:relative; float:right; margin-top:8px; width:1000px; height:75px;overflow:hidden; z-index:8}
#cases .right p.icon {position:absolute;left:0px;top:8px;width:31px;height:29px;background:url(images/sprite.png) no-repeat -157px -184px;}#cases .right p.title {position:absolute;left:45px;top:15px;font-size:14px;}
#cases .right p.description {position:absolute;left:0px;top:48px;}
#cases .right p.description span {color:#da8200;}
#cases .right p.more {position:absolute;right:1px;top:38px;}
#cases .right p.more a {width:22px;height:14px;background:url(images/sprite.png) no-repeat -157px -213px;display:block;}
#caseswraper {height:580px;position:relative;}
#caseswraper a.abtn{height:40px;width:40px;display:block;position:absolute;left:-89px;}
#caseswraper a.aleft {top:251px;}#caseswraper a.aright {top:312px;}
#caseswraper ul li {float:left;width:1000px;height:465px;}
#caseswraper ul li .licase { padding:2px; border:1px solid #ddd; position:relative; float:left; height:208px; width:300px; margin:0 41px 35px 0; display:inline-block; text-align:center; overflow:hidden}
#caseswraper ul li .licase figure{max-height:320px;overflow:hidden}
#caseswraper ul li .licase a{position:absolute; left:0; top:0;width:100%; height:100%;background:#000; opacity:0; color:#fff;filter:alpha(opacity:0);}#caseswraper ul li .licase a:hover{opacity:1; background:rgba(0,0,0,0.7); filter:alpha(opacity:70);}
#caseswraper ul li .licase i{background:url(images/url_icon.png) no-repeat; margin:0 auto; margin-top:15%; width:88px; height:88px; background-size:100%; display:block;transition: .7s;-moz-transition: .7s;-webkit-transition: .7s;-o-transition: .7s;}
#caseswraper ul li .licase a:hover i{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}
#caseswraper ul li .licase p{ margin:10px 30px;font-size:16px}
.btndiv{width:100%;float:left;height:10px;position:relative;}.btndiv strong{float:left;padding-left:10px;padding-top:4px;}
a.abtn{display:block;height:22px;width:24px;position:absolute;overflow:hidden;text-indent:-999em;outline:none; cursor:pointer}
a.aleft{right:40px;background-position:0 -32px;}a.agrayleft{cursor:default;background-position:0 0;}a.aright{right:10px;background-position:-34px 0;}a.agrayright{cursor:default;background-position:-34px -32px;}
.uldiv{ float:right; width:1000px; margin:0px auto;position:relative;text-align:center;}
.scrollcontainer{width:1000px;height:465px;overflow:hidden;position:relative;margin:0 auto;}
.scrollcontainer ul{width:20000px;position:absolute;left:0px;top:0px;}
/* 关于我们 */
.WhyBos{ width:1100px; margin:0 auto 30px; height:510px; border-bottom:2px solid #eee; }
.Why{ width:1100px; height:510px; margin:0 auto}
.WhyLeft{ width:700px; height:510px; float:left;}
.WhyLeft .top{ width:570px; height:100px; float:left; background:url(images/s_r24_c4.gif) no-repeat 0px 0px; padding-top:0px; padding-left:86px;}
.WhyLeft .topTitle{ width:648px; height:41px; padding-left:2px;  font-size:30px; font-weight:bold; color:#2a2b2c; padding-top:2px;}
.WhyLeft .topComs{ width:648px; height:40px; padding-left:2px; font-size:12px; line-height:20px;  }
.WhyLeft .pro{ width:225px; height:175px; float:left;}
.WhyLeft .ser{ width:225px;  height:175px; float:left;}
.WhyLeft .pro img,.WhyLeft .ser img{ padding-bottom:17px;}
.WhyLeft .poeComs{ width:228px; height:63px; line-height:24px;}
.WhyLeftCom{ width:710px; height:70px; float:left; padding-top:10px;}
.WhyLeftCom .fontStar{ font-size:26px;}
.WhyLeftCom .fontH1{ font-size:28px; line-height:28px; font-weight:bold; color:#2A2B2c;}
.WhyLeftCom .fontcom{ font-size:18px;  color:#2A2B2c;}
.WhyLeftComBody{ margin-top:10px; width:710px; height:105px; float:left;}
.WhyRight{ width:380px; height:510px; float:right; overflow:hidden}
.WhyRight .HeadTop{ padding-left:7px;width:380px;height:42px;background:url(images/r19_c21.jpg) no-repeat left -35px;padding-top:80px;}
.WhyRight .bodys{ width:380px; height:400px; background:url(images/r20_c21.jpg) no-repeat 100px top; position:relative;}
.WhyRight .W_title1{ width:120px; height:20px; position:absolute; font-size:18px; top:20px; left:5px; color:#B898C1;}
.WhyRight .W_title2{ width:110px; height:56px; line-height:24px; position:absolute; font-size:20px; top:202px; left:40px; color:#F79357;}
.WhyRight .W_title3{ width:75px; height:26px;position:absolute; font-size:18px; top:84px; right:0px; color:#89A8C4;}
.WhyRight .W_title4{ width:110px; height:48px;position:absolute; line-height:24px; font-size:18px; top:180px; right:0px; color:#9F3968;}
/* 合作伙伴 */
.clients .box{position:relative;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
.clients .box ul.items{margin:0 auto;margin-top:40px;width:1155px;height:186px;font-size:0;overflow:hidden;}
.clients .box ul.items li{ float:left; position:relative;padding:0;width:191px;height:70px;overflow:hidden;z-index:10;}
.clients .box ul.items li.cctv{ background:url(images/clients.png) no-repeat -20px -42px;-webkit-transition:all .8s ease-in-out 0s;-moz-transition:all .8s ease-in-out 0s;-ms-transition:all .8s ease-in-out 0s;-o-transition:all .8s ease-in-out 0s;transition:all .8s ease-in-out 0s;}
.clients .box ul.items li.cctv.active{background:url(images/clients.png) no-repeat -20px -192px;}
.clients.active .box ul.items li.cctv{top:0px;}
.clients .box ul.items li.unicom{background:url(images/clients.png) no-repeat -264px -42px;-webkit-transition:all .8s ease-in-out 0s;-moz-transition:all .8s ease-in-out 0s;-ms-transition:all .8s ease-in-out 0s;-o-transition:all .8s ease-in-out 0s;transition:all .8s ease-in-out 0s;}
.clients .box ul.items li.unicom.active{background:url(images/clients.png) no-repeat -264px -192px;}
.clients.active .box ul.items li.unicom{top:0px;}
.clients .box ul.items li.tsinghua{background:url(images/clients.png) no-repeat -480px -42px;-webkit-transition:all .8s ease-in-out 0s;-moz-transition:all .8s ease-in-out 0s;-ms-transition:all .8s ease-in-out 0s;-o-transition:all .8s ease-in-out 0s;transition:all .8s ease-in-out 0s;}
.clients .box ul.items li.tsinghua.active{background:url(images/clients.png) no-repeat -480px -192px;}
.clients.active .box ul.items li.tsinghua{top:0px;}
.clients .box ul.items li.cas{background:url(images/clients.png) no-repeat -718px -42px;-webkit-transition:all .8s ease-in-out 0s;-moz-transition:all .8s ease-in-out 0s;-ms-transition:all .8s ease-in-out 0s;-o-transition:all .8s ease-in-out 0s;transition:all .8s ease-in-out 0s;}
.clients .box ul.items li.cas.active{background:url(images/clients.png) no-repeat -718px -192px;}
.clients.active .box ul.items li.cas{top:0px;}
.clients .box ul.items li.das{background:url(images/clients.png) no-repeat -1405px -42px;-webkit-transition:all .8s ease-in-out 0s;-moz-transition:all .8s ease-in-out 0s;-ms-transition:all .8s ease-in-out 0s;-o-transition:all .8s ease-in-out 0s;transition:all .8s ease-in-out 0s;}
.clients .box ul.items li.das.active{background:url(images/clients.png) no-repeat -1405px -192px;}
.clients.active .box ul.items li.das{top:0px;}.clients .box ul.items li.hunantv{background:url(images/clients.png) no-repeat -1635px -42px;-webkit-transition:all .8s ease-in-out 0s;-moz-transition:all .8s ease-in-out 0s;-ms-transition:all .8s ease-in-out 0s;-o-transition:all .8s ease-in-out 0s;transition:all .8s ease-in-out 0s;}
.clients .box ul.items li.hunantv.active{background:url(images/clients.png) no-repeat -1635px -192px;}
.clients.active .box ul.items li.hunantv{top:0px;}
.clients .box ul.items li.sino{background:url(images/clients.png) no-repeat -1865px -42px;-webkit-transition:all .8s ease-in-out 0s;-moz-transition:all .8s ease-in-out 0s;-ms-transition:all .8s ease-in-out 0s;-o-transition:all .8s ease-in-out 0s;transition:all .8s ease-in-out 0s;}
.clients .box ul.items li.sino.active{background:url(images/clients.png) no-repeat -1865px -192px;}
.clients.active .box ul.items li.sino{top:0px;}
.clients .box ul.items li.report{background:url(images/clients.png) no-repeat -2092px -42px;-webkit-transition:all .8s ease-in-out 0s;-moz-transition:all .8s ease-in-out 0s;-ms-transition:all .8s ease-in-out 0s;-o-transition:all .8s ease-in-out 0s;transition:all .8s ease-in-out 0s;}
.clients .box ul.items li.report.active{background:url(images/clients.png) no-repeat -2092px -192px;}
.clients.active .box ul.items li.report{top:0px;}

.clients .box ul.items li.sipo{background:url(images/clients.png) no-repeat -925px -46px;-webkit-transition:all .8s ease-in-out 0s;-moz-transition:all .8s ease-in-out 0s;-ms-transition:all .8s ease-in-out 0s;-o-transition:all .8s ease-in-out 0s;transition:all .8s ease-in-out 0s;}
.clients .box ul.items li.sipo.active{background:url(images/clients.png) no-repeat -925px -192px;}
.clients.active .box ul.items li.sipo{top:0px;}

.clients .box ul.items li.bgg{background:url(images/clients.png) no-repeat -2552px -32px;-webkit-transition:all .8s ease-in-out 0s;-moz-transition:all .8s ease-in-out 0s;-ms-transition:all .8s ease-in-out 0s;-o-transition:all .8s ease-in-out 0s;transition:all .8s ease-in-out 0s;}
.clients .box ul.items li.bgg.active{background:url(images/clients.png) no-repeat -2552px -182px;}
.clients.active .box ul.items li.bgg{top:0px;}
.clients .box ul.items li.bsec{background:url(images/clients.png) no-repeat -2780px -42px;-webkit-transition:all .8s ease-in-out 0s;-moz-transition:all .8s ease-in-out 0s;-ms-transition:all .8s ease-in-out 0s;-o-transition:all .8s ease-in-out 0s;transition:all .8s ease-in-out 0s;}
.clients .box ul.items li.bsec.active{background:url(images/clients.png) no-repeat -2780px -192px;}
.clients.active .box ul.items li.bsec{top:0px;}
.clients .box ul.items li.huadan{background:url(images/clients.png) no-repeat -3008px -40px;-webkit-transition:all .8s ease-in-out 0s;-moz-transition:all .8s ease-in-out 0s;-ms-transition:all .8s ease-in-out 0s;-o-transition:all .8s ease-in-out 0s;transition:all .8s ease-in-out 0s;}
.clients .box ul.items li.huadan.active{background:url(images/clients.png) no-repeat -3008px -190px;}
.clients.active .box ul.items li.huadan{top:0px;}
.clients .box ul.items li.r{border-right:1px dotted #ddd;}
.clients .box ul.items li.b{border-bottom:1px dotted #ddd;}
.clients .box ul.items li span{position:absolute;bottom:-30px;}
.clients .box ul.items li.bg.all{position:absolute;width:1155px;height:140px;background-color:White;-moz-opacity:0.3;opacity:0.3;filter:alpha(opacity=30);}
.clients .box ul.items li.bg.one{position:absolute;background:#eee;-moz-opacity:0.5;opacity:0.5;filter:alpha(opacity=50);-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;display:none;}
.clients .box ul.mini{display:none;}

/* element that wraps the slides */
.sy-slides-wrap { position: relative; height:430px; width: 100%;}
.sy-slides-wrap:hover .sy-controls { display: block;}
.sy-slides-crop { height: 100%; width: 100%; position: absolute; overflow: hidden;}
.sy-list { width: 100%; height: 100%; list-style: none; margin: 0; padding: 0; position: absolute;}
.sy-slide { position: absolute; width: 100%; z-index: 2;}
.sy-slide.sy-active { z-index: 3;}
.sy-slide > a { margin: 0; padding: 0; display: block; width: 100%;}
.sy-slide > a > img { margin: 0; padding: 0; display: block; width: 1100px; border: 0;}
.sy-controls { display: none; list-style: none; height: 100%; width: 100%; position: absolute; padding: 0; margin: 0;}
.sy-controls li { position: absolute; width: 10%; min-width: 4.2em; height: 100%; z-index: 33;}
.sy-controls li.sy-prev { left: 0; top: 0;}
.sy-controls li.sy-prev a:after { background-position: -5% 0;}
.sy-controls li.sy-next { right: 0; top: 0;}
.sy-controls li.sy-next a:after { background-position: 105% 0;}
.sy-controls li a { position: relative; width: 100%; height: 100%; display: block; text-indent: -9999px;}
.sy-controls li a:link, .sy-controls li a:visited { opacity: 0.4;}
.sy-controls li a:hover, .sy-controls li a:focus { opacity: 0.8; outline: none;}
.sy-controls li a:after { content: ""; background-image: url(images/arrows.png); background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-align: center; text-indent: 0; line-height: 2.8em; color: #111; font-weight: 800; position: absolute; background-color: #fff; width: 2.8em; height: 2.8em; left: 50%; top: 50%; margin-top: -1.4em; margin-left: -1.4em; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;}
@media only screen and (max-device-width: 600px) {
  .sy-controls { display: block;}
  .sy-controls li { min-width: 2.1em;}
  .sy-controls li a:after { width: 1.4em; height: 1.4em; margin-top: -0.7em; margin-left: -0.7em;}
}
.sy-pager { position:absolute; left:0px; bottom:15px; overflow: hidden; *zoom: 1; display: block; width: 100%; margin: 1em 0 0; padding: 0; list-style: none; text-align: center; z-index:999}
.sy-pager li { display: inline-block; width: 1.2em; height: 1.2em; margin: 0 1em 0 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;}
.sy-pager li.sy-active a { background-color: #E59149;}
.sy-pager li a { width: 100%; height: 100%; display: block; background-color: #cccccc; text-indent: -9999px; -webkit-background-size: 2em; -moz-background-size: 2em; -o-background-size: 2em; background-size: 2em; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;}
.sy-pager li a:link, .sy-pager li a:visited { opacity: 1.0;}
.sy-pager li a:hover, .sy-pager li a:focus { opacity: 0.6;}.sy-filler { width: 100%;}
.sy-filler.ready { -webkit-transition: padding 600ms ease; -moz-transition: padding 600ms ease; -o-transition: padding 600ms ease; transition: padding 600ms ease;}
.servie-li ul li a span { transition: all 0.3s ease-in-out 0s;}
.servie-li ul li a:hover span { transform: rotate(360deg);}
.clear { clear: both;}.f1{}
.sy-title {background:url(images/tit_bg.png) no-repeat center bottom; padding-bottom:3px; margin:0px auto 20px; text-align: center;}
.bigtitl { color: #1f1f1f; font-size:30px; font-weight: bold; height:50px; text-align: center;}
.bigtitl .s1 { color: #bbb; font-family: "微软雅黑"; font-size: 30px; padding: 0 5px;}
.bigtitl .s2 { color:#3cb77c;}
.titl-des { color:#504f4f; font-size:15px; height:30px; margin:5px auto; text-align:center; font-weight:400}
.xanimate{ background:#fff url(images/index_d04.jpg) no-repeat center top; padding-top:50px; padding-bottom:40px;}
.f1 #service_fw ul{ margin:40px auto 0; text-align: center;}
.f1 #service_fw ul li{ display:inline-block; width:80px; cursor:help;}
.f1 #service_fw ul li span{ line-height:30px; color:#c7c7c8; font-size:14px; text-align:center; display:block; opacity:0;}
.f1 #service_fw ul li i{ display:block; height:44px; line-height:42px; width:44px;border-radius:50%; text-align:center; margin:0 auto; font-size:28px; color:#c7c7c8; border:1px solid #c7c7c8;}
.f1 #service_fw ul li:hover i{ background:#c7c7c8; color:#fff;}
.f1 #service_fw ul li:hover span{ opacity:1;}

#news{width:1100px; margin:40px auto 30px; overflow:hidden;}
#news .left-img { float:left; width:730px;}#news .item{float:left; width:352px; height:85px; margin-right:18px; margin-bottom:18px; background:#f8f8f8; padding:12px 0;}#news .pic{ float:left; position:relative; top:1px; left:11px; width:102px; height:84px; overflow:hidden;}#news .pic:after{content:''; display:block; position:absolute; top:15px; right:0px; width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-right:10px solid #ddd;}
#news .pic img { border:1px solid #dcdcdc; width:100px; height:82px; transition: all 0.5s ease-in-out 0s; filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}#news a:hover .pic img { filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
#news .text{ float:left; width:230px; height:94px; margin-left:18px; background:#f8f8f8;}
#news .item h5{ font-size:14px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; }
#news .item a{ color:#000; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#news .item a:hover{color:#48bdaa;}#news .item span{display:block; font-size:12px; line-height:12px; margin:10px 0 5px; color:#999;}
#news .item p{ margin-top:6px; height:60px; color:#999; overflow:hidden;line-height:20px;font-size:12px;padding:0 7px}
#news .item h5, #news .item span {padding:0 7px;}
#news .signing{float:right; width:320px; height:236px; padding:0 20px 0 15px; background:#f8f8f8; overflow:hidden;}
#news .signing ul{width:100%;padding:10px 0;}
#news .signing ul li{ background:url(images/liicons.png) no-repeat; background-position:-8px 7px; height:31px; line-height:30px; font-size:14px; position:relative; padding-left:15px;}
#news .signing ul li:hover{ background:url(images/liicons-on.png) no-repeat; background-position:-8px 7px;}
#news .signing ul li a{display:block; height:36px;color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#news .signing ul li a:hover{ color:#48bdaa; -webkit-transform:translateX(5px); -moz-transform:translateX(5px); transform:translateX(5px);}#news .signing ul li span{color:#b4b4b4; font-size:12px;float:right;}

.index_brand_title{width:1088px; height:45px; line-height:45px; border:1px #eeeeee solid; font-size:16px; color:#000; background-color:#fff; margin:0 auto; padding-left:10px;} 
.index_brand_title span{background-color:#13ACB4; padding-left:5px; padding-right:5px; padding-bottom:1px; margin-left:10px; padding-top:0px; color:#fff; font-size:12px;}
.index_link_info{width:1088px; height:auto; background-color:#fff; margin:0 auto 20px; display:table; padding-top:12px; padding-bottom:12px; padding-left:5px; padding-right:5px; border:1px solid #eee; border-top:none}.index_link_info ul{list-style-type:none;}
.index_link_info li{float:left;margin-left:10px;display:inline;white-space:nowrap;}
.index_link_info a:link{line-height:24px;}
.index_link_info a:visited{line-height:24px;}
.index_link_info a:hover{ line-height:24px; color:#13ACB4}



/* ADD zwei5200 2020-9-11 */
.clearfix:after { display: block; clear: both; content: ""; visibility: hidden; height: 0}
.clearfix { zoom: 1}
.box { display: -webkit-flex; display: flex; display: -ms-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: space-between;}
.box-nowrap { flex-wrap: nowrap; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap;}
.box-center { display: -webkit-flex; display: flex; display: -ms-flex; justify-content: center; flex-wrap: wrap;}
.box-col { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around;}
.box-col-center { display: -webkit-flex; display: flex; flex-direction: column; justify-content: center;}
.item { flex: 1; -ms-flex: 1; -webkit-flex: 1}
.c-white { color: #fff;}.c-666 { color: #666;}.c-gray { color: #999;}
.mg-bottom-15 { margin-bottom: 15px;} .mg-bottom-30 { margin-bottom: 30px;}
.font-12 { font-size: 12px; line-height:18px;}.font-14 { font-size: 14px;}.font-16 { font-size: 15px;}.font-20 { font-size: 20px;}.font-24 { font-size: 24px;}.text-left { text-align: left;}.text-center { text-align: center;}.text-right { text-align: right;}.border-bottom { border-bottom: 1px solid #e6e6e6;}.border-none{ border-bottom: none;}
.show { display: block;}
.nxcontainer { width: 1205px; margin: 0 auto; position: relative; box-sizing: border-box; font-size:14px}
.nxcontainer * { box-sizing: border-box;}
.customdev-warp{ padding:3px 0 30px;}
.customdev-intro{ margin-top: 175px;}
.customdev-card{ width:258px; height:320px; padding:25px; box-shadow: 0 0 8px rgba(0,0,0,0.1); border-radius: 10px; cursor: pointer; position: relative;}
.customdev-card:not(:last-child){ margin-right: 20px;}
.customdev-card.active{ width:360px;}
.customdev-card.active .customdev-card2{ display: block;}
.customdev-intro_img{ height:125px;}
.customdev-card2{ display: none; height:350px; width:100%; background-color: #fff; position: absolute; top:-10px; left:0; z-index: 2; padding:0 28px; box-shadow: 0 0 8px rgba(0,0,0,0.1); border-radius: 10px; z-index: 2;}
.customdev-card2>.item{ padding:25px 0; position: relative; z-index: 3; background-color: #fff;}
.customdev-card2>.item .font-20 { color: #333;}
.customdev-card2>.item:hover .font-20{ color:#2c98f3;}
.customdev-card2-header{ width:340px; height:155px; padding: 25px 25px; border-top-left-radius: 10px; border-top-right-radius: 10px; position: absolute; left:10px; top:-155px; background-color: #0093f2; z-index: 2; line-height: 25px;}
.customdev-card2-header_bg{ position: absolute; top:-20px; right:-20px; z-index: 1;}
.customdev-icon{ margin-right: 20px; width:auto;}

