@charset "utf-8";
html{height: 100%;}
body{position: relative; background-color: #000;}
h2,p{margin: 0;}
.mb45{margin-bottom: 45px;}
.mb115{margin-bottom: 115px;}
.inline-block{display: inline-block;}
.position-fixed{position: fixed;}
.f36{font-size: 36px;}
.f48{font-size: 48px;}
.features{padding-bottom: 66px;}
.logo{margin-top: 30px; margin-left: 80px; z-index: 10000;}
.features .element-right01{z-index: 9998;}
.features .element-right02{z-index: 9999;}
.features .element-bottom{left: 0px; z-index: 9997;}
.features-content{padding-top: 110px; margin-left: 80px; z-index: 99999;}
.features-content .description{line-height: 46px; margin-bottom: 115px;}
.features-content .dividing-line{width: 0px; height: 2px; background-color: #fff; margin-bottom: 35px;}
.features-menu li{float: left; width: 193px;}
.features-menu{width: 100%; bottom: 0px; left: 0px; height: 66px; z-index: 999991;}
.features-menu .item{width: 100%; height: 66px; line-height: 66px;}
.features-menu .current{color: #fff; font-weight: 400;}
.speed .features-menu .current{background:  no-repeat center bottom;}
.quality .features-menu .current{background:  no-repeat center bottom;}
.service .features-menu .current{background:  no-repeat center bottom;}


.speed-list li{width: 875px; background-color: #000; margin-bottom: 20px; padding: 20px; border: 1px solid #3b3b3b; overflow: hidden;}
.speed-list .tag{padding: 2px 6px; background-color: #f90; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.speed-list .ww1{width: 175px;}
.speed-list .ww2{width: 160px;}
.speed-list .ww3{width: 146px;}
.speed-list .ww4{width: 350px;}
.speed-list .dividing-line02{width: 290px; height: 8px; background-color: #545454;}
.speed .service-response .item{position: relative; width: 544px; height: 305px;}
.speed .service-response .item1 .img{top: 59px; left: 87px;}
.speed .service-response .item2 .img{top: 107px; left: 75px;}

.picture-list{width: 1128px;}
.picture-list li{float: left; margin-right: 20px; margin-bottom: 20px; border: 1px solid #3b3b3b;}
.picture-list .img{width: 542px; height: 333px; overflow: hidden;}


.effect-text.animate,.effect-pic.animate,.effect-text-first.animate,.effect-listbox.animate {-webkit-animation:text_animate 0.7s forwards cubic-bezier(0.39,0.575,0.565,1);-moz-animation:text_animate 0.7s forwards cubic-bezier(0.39,0.575,0.565,1);-ms-animation:text_animate 0.7s forwards cubic-bezier(0.39,0.575,0.565,1);animation:text_animate 0.7s forwards cubic-bezier(0.39,0.575,0.565,1);}
@-webkit-keyframes text_animate {0% {opacity:0;transform:translate3d(0,25px,0);}
    100% {opacity:1;transform:translate3d(0,0,0);}
}
@-moz-keyframes text_animate {0% {opacity:0;transform:translate3d(0,25px,0);}
    100% {opacity:1;transform:translate3d(0,0,0);}
}
@-ms-keyframes text_animate {0% {opacity:0;transform:translate3d(0,25px,0);}
    100% {opacity:1;transform:translate3d(0,0,0);}
}
@-o-keyframes text_animate {0% {opacity:0;transform:translate3d(0,25px,0);}
    100% {opacity:1;transform:translate3d(0,0,0);}
}
@keyframes text_animate {0% {opacity:0;transform:translate3d(0,25px,0);}
    100% {opacity:1;transform:translate3d(0,0,0);}
}
.effect-text,.effect-text-first,.effect-pic,.effect-listbox{opacity:0;transform:translate3d(0,25px,0);}

.effect-line{-webkit-transition:width 0.3s cubic-bezier(0.39,0.575,0.565,1);-moz-transition:width 0.3s cubic-bezier(0.39,0.575,0.565,1);-o-transition:width 0.3s cubic-bezier(0.39,0.575,0.565,1);-ms-transition:width 0.3s cubic-bezier(0.39,0.575,0.565,1);transition:width 0.3s cubic-bezier(0.39,0.575,0.565,1);}
.effect-line.animate {width:70px;}

@media screen and (max-width:1679px) {   
    .features .element-right01{background-size: 50% 50% !important;}
    .speed .element-right01{top: 100px !important; background-size: 50% 50% !important;}
 } 


.features-topmenu{position: fixed; top: 0px; left: 0px; z-index: 999991; width: 100%; height: 76px; background:  repeat-x center bottom;}
.features-topmenu-color{width: 100%; height: 55px; background-color: transparent;}
.features-topmenu-box{position:relative;height:55px;}
.features-topmenu-box .jiepei-logo{position: absolute; left: 80px; top: 13px;}
.features-topmenu ul{width: 528px; margin-left: auto; margin-right: auto;}
.features-topmenu li{float: left; margin-left:50px; margin-right: 50px;}
.features-topmenu .item{padding: 13px 18px 12px;}
.features-topmenu .item.current{font-weight: 400; border-bottom: 2px solid #f90;}

.smt-features-topmenu ul{width:706px;}