html, body {height: 100%;}
body{font-family: Arial,Helvetica, Hiragino Sans GB, Microsoft Yahei, SimSun, sans-serif; font-size:16px; margin:0; padding:0; background:#fff; color:#666;}
p {padding:0; margin:0;}
ul, li {list-style: none; padding: 0; margin: 0;}
img {border: none;}
h1, h2, h3, h4, h5 {padding: 0; margin: 0;}
a{text-decoration:none; color:#000}
a:hover{color:#FFA601;}

.m5{margin:5px}.m10{margin:10px}.m15{margin:15px}.m20{margin:20px}.p5{padding:5px}.p10{padding:10px}.p15{padding:15px}.p20{padding:20px}.mt5{margin-top:5px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px}.ml5{margin-left:5px}.ml10{margin-left:10px}.ml15{margin-left:15px}.ml20{margin-left:20px}.ml30{margin-left:30px}.mr5{margin-right:5px}.mr10{margin-right:10px}.mr15{margin-right:15px}.mr20{margin-right:20px}
.pt5{padding-top:5px}.pt10{padding-top:10px}.pt15{padding-top:15px}.pt20{padding-top:20px}.pb5{padding-bottom:5px}.pb10{padding-bottom:10px}.pb15{padding-bottom:15px}.pb20{padding-bottom:20px}.pb30{padding-bottom:30px}.pl5{padding-left:5px}.pl10{padding-left:10px}.pl15{padding-left:15px}.pl20{padding-left:20px}.pr5{padding-right:5px}.pr10{padding-right:10px}.pr15{padding-right:15px}.pr20{padding-right:20px}

.fl{float:left}
.fr{float:right}
.red{color:#c72525}
.green{color:#98B22B}
.t14{font-size:14px}
.tl{text-align:left;}.tr{text-align:right;}.tc{text-align:center}
.cl {clear: both;}
.clx:before, .clx:after {content: ""; display: table; }
.clx:after {clear: both; }
.clear {height: 0px; font-size: 0px; overflow: hidden; clear: both;}

.fade{-moz-transition:all 0.7s;-webkit-transition:all 0.7s;-o-transition:all 0.7s;transition:all 0.7s;}
.move{transform: translateY(0) !important;}
.transparency{opacity: 1 !important;}
.length{width:1200px; margin:0px auto;}

header{position:fixed; left:0; top:0; right:0; height:76px; background:rgba(42,42,42,0.78); z-index:10000; opacity: 0;}
header .length{display:flex; flex-direction: row; align-items: center;}
.logo{font-size:20px; font-weight:400; color:#fff;}
nav{flex:1; text-align: center;}
nav ul{width:460px; margin:0 auto;}
nav li{float:left; margin:0 10px;}
nav li a{display:block; height:76px; line-height: 76px; padding:0 15px; color:#F3F3F3; font-size:16px;}
.about a:hover{background:#FFA601; color:#fff;}
.contact{color:#fff; font-size:16px;}

.banner{width:100%; height:647px; background:url(../images/bg-banner.png) no-repeat center center; background-size:cover; color:#fff;}
.banner-word{padding:245px 0 0;}
.banner-sub{font-size:20px;}
.banner-title{font-size:44px;}
.banner-border{width:56px; height:7px; background:#efa601; border-radius: 3px; margin:20px 0;}
.banner-intro{width:620px; font-size:16px; line-height: 28px;}

.area{width:100%; height:270px; background:#fff;}
.area ul{display:flex; flex-direction: row; align-items: center; padding:50px 0;}
.area li{flex:1;}
.area .wrap{width:180px; height:135px; margin:0 auto; padding:20px 0; text-align: center;}
.area .icon{display:block; width:60px; height:60px; background:url(../images/icon-area.png) no-repeat; margin:0 auto;}
.area .icon-software{background-position: -60px 0; }
.area li:hover .icon-software{background-position:0 0;}
.area .icon-channel{background-position:-60px -60px;}
.area li:hover .icon-channel{background-position:0 -60px;}
.area .icon-sell{background-position:-60px -120px ;}
.area li:hover .icon-sell{background-position: 0 -120px; }
.area .icon-ecology{background-position:-60px -180px;}
.area li:hover .icon-ecology{background-position:0 -180px;}
.area .title{font-size:18px; font-weight:400; color:#FFA601; margin:5px 0;}
.area .intro{font-size:14px; color:#999;}
.area li:hover .wrap,.area li.active .wrap{background:#FFA601; border-radius: 10px;}
.area li:hover .icon,.area li.active .icon{border-color:#fff;}
.area li:hover .title,.area .active .title{color:#fff;}
.area li:hover .intro,.area .active .intro{color:#fff;}

.data{width:100%; height:178px; background:#f3f3f3;}
.data ul{display:flex; flex-direction: row; align-items: center; padding:50px 0 0;}
.data li{flex:1; text-align: center; color:#242424;}
.data .title{font-size:30px; font-weight:400; margin:0 0 5px;}
.data .intro{font-size:14px;}
.data .icon-plus{opacity: 0;}

.current-title-wrap{text-align: center; padding:50px 0; opacity: 0; transform: translateY(40px);}
.current-title{font-size:32px; font-weight:400; color:#242424;}
.current-border{display:block; width:60px; height:8px; margin:20px auto; background:#FFA601; border-radius: 4px;}
.current-sub{font-size:20px; color:#656565;}

.software{padding:0 0 40px;}
.software ul{display:flex; flex-direction: row; align-items: center; padding:0 0 40px; transform: translateY(40px); opacity: 0;}
.software li{flex:1;}
.software .wrap{width:251px; height:419px; background:rgba(42,42,42,0.6); box-shadow:-2px 3px 10px 0px rgba(22,22,22,0.19); border-radius:10px; margin:0 auto;}
.software .wrap.orange{background:#FFA601;}
.software img{width:100%; height:251px; border-radius: 10px;}
.software .box{padding:20px 30px; color:#fff;}
.software .title{font-size:24px; font-weight: 400;}
.software .intro{line-height: 28px;}

.channel{background:#f3f3f3; padding: 40px;}
.major-wrap{padding:0 0 62px; transform: translateY(40px); opacity: 0;}
.major-item{width:470px; text-align: center; color:#fff;}
.major-box{margin:0 0 20px;}
.major-title{font-size:26px; color:#242424;}
.major-intro{font-size:20px; color:#8d8d8d;}
.minor-wrap{padding:0 60px; background:#8d8d8d; box-shadow:0px 4px 10px 0px rgba(0, 0, 0, 0.19);}
.minor-wrap.orange{background:#FFA601;}
.minor-item{padding:50px 15px; height:116px; border-bottom:1px dashed #fff; display: flex; flex-direction: row; align-items: center;}
.minor-item:nth-last-child(1){border:none;}
.minor-icon{width:90px; height:90px; background:url(../images/icon-channel.png) no-repeat; background-size:90px 360px; margin:0 20px 0 0;}
.icon-link{background-position: 0 0;}
.icon-distribution{background-position:0 -180px;}
.icon-optimize{background-position: 0 -90px;}
.icon-ota{background-position: 0 -270px;}
.minor-box{flex:1; text-align: left;}

.sell {padding:0 0 40px;}
.sell .sell-swiper{transform: translateY(40px); opacity: 0;}
.sell .swiper-container{width:1200px; height:423px; padding:10px 0 40px;}
.sell .wrap{width:1040px; height:100%; background:#fff; margin:0 auto; box-shadow:0px 4px 10px 0px rgba(0, 0, 0, 0.19);
border-radius:10px; display: flex; flex-direction: row;}
.sell img{width:645px; height:423px; border-radius: 10px 0 0 10px;}
.sell .word-wrap{flex:1; padding:60px 80px 0 50px; color:#242424;}
.sell .title{font-size:24px;}
.sell .box{height:100px; padding:50px 0;}
.sell .subtitle{font-size:20px; margin:0 0 10px;}
.statistics ul{display: flex; flex-direction: row; align-items: center;}
.statistics li{float:left; text-align: center;}
.statistics li.border{width:1px; height:30px; background:#ccc; margin:0 20px;}
.statistics .num{font-size:24px;}
.statistics .intro{color:#999;}

.ecology{background:#f3f3f3; padding:0 0 40px;}
.ecology-wrap{transform: translateY(40px); opacity: 0;}
/* .ecology .nav{display: flex; flex-direction: row; align-items: center; margin:0 0 50px;}
.ecology .nav li{flex:1; text-align: center;}
.ecology .nav li a{display: inline-block; padding:2px 0; font-size:20px;}
.ecology .nav li.active a{}  */
.gallery-thumbs {height: 40px;box-sizing: border-box;padding: 10px 0; margin:0 0 30px;}
.gallery-thumbs .swiper-slide {width: 25%;height: 100%;text-align: center;color:#999;}
.gallery-thumbs .swiper-slide a{font-size:24px; color:#242424;}
.gallery-thumbs .swiper-slide-thumb-active  a{border-bottom:3px solid #FFA601;}
.ecology-swiper{width:1200px; height:405px; padding:0 0 50px;}
.ecology .swiper-container{width:100%; height:100%;}
.ecology .wrap{width:1098px; margin:0 auto; position: relative; transition:opacity 0.7s linear;}
.ecology .wrap.on{opacity:1;}
.ecology .pic{position: absolute; right:0; top:0; width:681px; height:405px;box-shadow:0px 4px 10px 0px rgba(0, 0, 0, 0.19);
  border-radius:10px;}
.ecology .box{position: absolute; left:0; top:56px; width:450px; height:235px;background:rgba(255,255,255,1);
box-shadow:0px 4px 10px 0px rgba(0, 0, 0, 0.19); padding:60px 30px 0; display: flex; flex-direction: row;}
.ecology .pic-logo{width:75px; height:75px; margin:0 30px 0 0;}
.ecology .word{flex:1;}
.ecology .word h3{margin:0 0 15px;}
.ecology .word p{line-height: 28px;}

.finance{padding:0 0 60px;}
.finance ul{display: flex; flex-direction: row; align-items: center; transform: translateY(40px); opacity: 0;}
.finance .item{flex:1; padding:0 80px; display: flex; flex-direction: row;}
.finance .border{width:1px; height:96px; background:#c5c5c5;}
.finance .pic-logo{flex-shrink:0; width:126px; height:98px;margin:0 20px 0 0;}
.finance .title{font-size:25px; font-weight:400; color:#242424; margin:0 0 10px;}

.case{padding:70px 0; background:#f3f3f3;}
.case-slide{width:100%; height:302px; position: relative;}
.case-slide-wrap{width:1080px; margin:0 auto; overflow: hidden; position: relative;}
.slide-left{position: absolute; width:47px; height:47px; background:url(../images/arrow-left.png) no-repeat center center; left:0; top:150px; }
.slide-right{position: absolute; width:47px; height:47px; background:url(../images/arrow-right.png) no-repeat center center; right:0; top:150px; }
.case-wrap{float:left; width:500px; padding:0 20px; position: relative;}
.case-wrap img{display:block; width:100%;}
.case .word-wrap{position: absolute; left:20px; right:20px; top:210px; height:302px; padding:20px; background:rgba(0, 0, 0, 0.5); text-align: center; color:#fff;}
.case-wrap:hover  .word-wrap{top:auto; top:0;}
.case .title{font-size:20px;}
.case .position{margin:0 0 20px;}
.case .intro{font-size:14px; padding:30px;}

.cooperate{width:100%; padding:0 0 30px; background:#2a2a2a;}
.cooperate .length{width:1112px;}
.cooperate .title{padding:50px 0; font-size:32px; font-weight:400; text-align: center; color:#fff;}
.cooperate li{float:left; width:71px; height:71px; padding:23px; text-align: center; border-radius: 10px; background:rgba(0, 0, 0, 0.3); margin:0 25px 25px 0;}
.cooperate li:nth-child(8n){margin:0;}

.recruit{width:100%; height:90px; padding:50px 0; background:url(../images/bg-recruit.png) no-repeat; background-size:cover; text-align: center;}
.recruit p{font-size:30px; line-height: 30px; color:#fff;}
.recruit .btn{display: block; width:132px; height:34px; line-height: 34px; text-align: center; border-radius: 17px; font-size:20px; background:#fff; color:#242424; margin:25px auto 0;}

footer{padding:50px 0 0; width:100%; background:#2a2a2a;}
footer dl{padding:5px 0; margin:0;}
footer dt{float:left; color:#b1b1b1; margin:0 45px 0 0;}
footer dd{float:left; margin:0; line-height: 24px;}
footer dd a{margin:0 10px 0 0; color:#fff; font-size:14px; line-height: 24px;}
footer dd p{color:#fff;}
footer .copy{padding:15px 0; font-size:12px; border-top:1px solid rgba(255,255,255,.4); color:#fff;}
footer .copy a{color:#fff;}
footer .badge{vertical-align: -7px;}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next{outline: none;width:47px; height:47px; background:url(../images/arrow-left.png) no-repeat center center; left:0;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{outline: none;width:47px; height:47px; background:url(../images/arrow-right.png) no-repeat center center; right:0;}



 .hover_li a{
  display: block;
  height: 76px;
  line-height: 76px;
  padding: 0 15px;
  color: #F3F3F3;
  font-size: 16px;
}
.hover_li:hover a.contact {
  background: #FFA601;
  color: #fff;
}
.mt80{
  margin-top: 80px;
}
.about-us .wrapper{
  width: 960px;
  margin: 0 auto;
}
.about-us .wrapper .title{
  font-size: 28px;
  font-weight: 400;
  color: #242424;
  position: relative;
  font-weight: bolder;
}
.about-us .wrapper .title:after{
    content: "";
    width: 48px;
    height: 4px;
    background-color:rgba(255, 153, 0, 0.749019607843137);
    padding-right: 2px;
    position: absolute;
    bottom: -6px;
    left: 47%;
    margin-left:4px;
    border-radius: 8px;
}


.about-us .wrapper .init_ft{
  font-weight: 400;
  font-size: 16px;
  color: #666666;
}
.servier_title{
  font-size: 16px;
  color: #333333;
  font-weight: bold;
}
.mb4{
  margin-bottom: 4px;
}
.mt40{
  margin-top: 40px;
}
.about-us{
  padding-top: 100px;
  padding-bottom: 100px;
}
.mb40{
  margin-bottom: 40px;
}
.mt32{
  margin-top: 32px;
}
p a.selected_li{
    display: block;
    height: 76px;
    line-height: 76px;
    padding: 0 15px;
    color: #F3F3F3;
    font-size: 16px;
    background: #FFA601;
}
/* nav a:hover{
  color: #fff !important;
  cursor: initial;
} */
h1.logo{
  width: 270px;
  height: 76px;
  line-height: 76px;
}
h1.hover_logo:hover{
  background-color: #FFA601;
  color: #fff;
}
.theme_ft{
  color: #FFA601;
  font-size: 16px;
  font-weight: bolder;
}
.mt12{
  margin-top: 12px;
}
.mt48{
  margin-top: 48px;
}
.mt100{
  margin-top: 100px;
}
.course_title{
  font-size: 16px;
  font-weight: bolder;
  color: #333333;
}