/*动画效果*/
@-webkit-keyframes fadeInDown {
	0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
	}
	100% {
		opacity: 1;
        -webkit-transform: none;
        transform: none
   	}
}

@keyframes fadeInDown {
            0% {
                opacity: 0;
                -webkit-transform: translate3d(0,-100%,0);
                -ms-transform: translate3d(0,-100%,0);
                transform: translate3d(0,-100%,0)
            }

            100% {
                opacity: 1;
                -webkit-transform: none;
                -ms-transform: none;
                transform: none
            }
        }
@-webkit-keyframes fadeInUp {
            0% {
                opacity: 0;
                -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0)
            }
            100% {
                opacity: 1;
                -webkit-transform: none;
                transform: none
            }
        }
@keyframes fadeInUp {
            0% {
                opacity: 0;
                -webkit-transform: translate3d(0, 100%, 0);
                -ms-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0)
            }
            100% {
                opacity: 1;
                -webkit-transform: none;
                -ms-transform: none;
                transform: none
            }
        }

/*fullpage*/
.page1{background:url("../images/banner.jpg"); background-size: cover;}
.page2{}
.page3{background:url("../images/banner-case.jpg"); background-size: cover;}
.page4{}
.page5{background:url("../images/banner-about.jpg"); background-size: cover;}
.page6{}
.page7{background:url("../images/customerbg.jpg"); background-size: cover;}
.page8{background:url("../images/banner-contact.jpg"); background-size: cover;}

#fp-nav ul li a span, .fp-slidesNav ul li a span{border:1px solid #cfcfcf; background: #cfcfcf;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{border:1px solid #ea5503;background: #ea5503;}


/*first page*/
.page1 .fp-tableCell{vertical-align:top;}
.welcome-box{width:82%; margin:0 auto; position: relative; top:125px;}
.welcome{float:right; text-align: right; }
.welcome span{display:block; color:#fff}
.welcome span.cea5503{color:#ea5503;}
.welcome span.mb25{margin-bottom:25%;}
.welcome span.mb8{margin-bottom:8%;}
.welcome span.mb4{margin-bottom:4%;}

.ani{
	opacity:0;
}
.ani-slide .ani1-1{
	opacity:1;
	-webkit-animation: fadeInUp 0.5s both;
    animation: fadeInUp 0.5s both;
}
.ani-slide .ani1-3{
	opacity:1;
	-webkit-animation: fadeInUp 1s 0.5s both;
    animation: fadeInUp  1s 0.5s both;
}
.ani-slide .ani1-4{
	opacity:1;
	-webkit-animation: fadeInUp 1s 1s both;
    animation: fadeInUp 1s 1s both;
}
.ani-slide .ani1-6{
	opacity:1;
	-webkit-animation: fadeInUp 1s 1.5s both;
    animation: fadeInUp 1s 1.5s both;
}
.ani-slide .ani1-8{
	opacity:1;
	-webkit-animation: fadeInUp 1s 2s both;
    animation: fadeInUp 1s 2s both;
}


/*second page*/
.page5 .fp-tableCell{vertical-align:top;}
.about-box{color:#fff; width:86%; margin:150px auto 0px;}
.about-left{color:#fff; width:50%; float:left; margin-top: 100px;}
.about-left img{display: block; margin-bottom: 50px;}
.about-left h2{font-size:18px; font-weight: bold; margin-left: 160px; margin-bottom: 12px;}
.about-left p{font-size:12px; line-height:24px; margin-left: 160px;}
.about-left a{color:#fff; width:96px; height: 28px; background:#e6541b; line-height: 28px; font-size: 12px; text-align: center; display: block; margin: 50px 0px 0px 160px; border-radius: 14px;}

.about-right{color:#fff; width:50%; float:right;}
.about-right span{display: block; text-align: right;}
.about-right span.mb40{margin-bottom: 40%;}
.about-right span.tel{margin-top:4%;}
.aboutnum{width:100%;}
.aboutnum-box{float:right; text-align:right; padding: 0px 30px; border-right:1px solid #fff;}
.aboutnum-box:first-child{padding-right: 0px; border:0px;}
.aboutnum-box span{text-align:left;}
.aboutnum-box b{font-size:82px; width:80%;}

.ani-slide .ani5-1{
	opacity:1;
	-webkit-animation: fadeInUp 1s 0.5s both;
    animation: fadeInUp  1s 0.5s both;
}
.ani-slide .ani5-2{
	opacity:1;
	-webkit-animation: fadeInUp 1s 1s both;
    animation: fadeInUp  1s 1s both;
}
.ani-slide .ani5-3{
	opacity:1;
	-webkit-animation: fadeInUp 1s 1.5s both;
    animation: fadeInUp  1s 1.5s both;
}
.ani-slide .ani5-4{
	opacity:1;
	-webkit-animation: fadeInUp 1s 2s both;
    animation: fadeInUp  1s 2s both;
}

.ani-slide .ani5-5{
	opacity:1;
	-webkit-animation: fadeInUp 0.5s both;
    animation: fadeInUp 0.5s both;
}

.ani-slide .ani5-6{
	opacity:1;
	-webkit-animation: fadeInUp 1s 1.5s both;
    animation: fadeInUp  1s 1.5s both;
}
.ani-slide .ani5-7{
	opacity:1;
	-webkit-animation: fadeInUp 1s 2s both;
    animation: fadeInUp  1s 2s both;
}
.ani-slide .ani5-8{
    opacity:1;
    -webkit-animation: fadeInUp 1s 2.5s both;
    animation: fadeInUp  1s 2.5s both;
}



.page2 .fp-tableCell{}
.server-box{padding:0px 200px; width:100%; height:100%; position: relative; z-index: 11; overflow: hidden;}
.server-box .server-box-li{float:left; width:25%; height:100%; background: #fff; position:relative; z-index: 11;}
.server-box .server-box-li:nth-child(2n+1){background: #f7f7f7;}
.server-box-li-info{position: absolute; bottom: 20%; z-index: 20; text-align: center; width:100%; color:#6d6d6d;}
.server-box-li-info .img{width:60px; margin:0 auto;}
.server-box-li-info .img .pc{display: block;}
.server-box-li-info .img .pch{display: none;}
.server-box-li-info h3{font-size: 22px; font-weight: normal;  margin: 30px 0px 0px; color: #454545; transition: all 0.8s ease;}
.server-box-li-info em{font-style: normal; display: block; font-size: 10px; padding-bottom: 40px; font-family: cursive; color:#454545;}
.server-box-li-info h6{font-size: 14px; font-weight: normal;  line-height: 28px; color: #454545; transition: all 0.8s ease;}

.server-box .server-box-li .underline{height: 2px; margin-top: 0px; background-color: #fff; width: 0%; display: block;}
.server-box .server-box-li:hover .underline{width:48px; height: 2px; background: #fff; margin:40px auto 0px;}
.server-box .server-box-li:hover .server-box-li-info h3{color:#fff;}
.server-box .server-box-li:hover .server-box-li-info em{color:#fff;}
.server-box .server-box-li:hover .server-box-li-info h6{color:#fff;}
.server-box .server-box-li:hover .server-box-li-info .img .pc{display: none;}
.server-box .server-box-li:hover .server-box-li-info .img .pch{display: block;}
.server-mask{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-color: #f87430; transform: translateY(101%);transition: all 0.8s ease;}
.server-box .server-box-li:hover .server-mask{transform: translateY(0); opacity:1;}

.server-box-tit{position:absolute; top:20%; z-index: 111; text-align: center; left:50%; margin-left: -266px;}
.server-box-tit .tit{font-size:42px; padding: 6px 40px; background:url(../icon/symbol-l.png) no-repeat; text-align: center;}
.server-box-tit .en{font-size:11px; padding:0px 32px 8px; background:url(../icon/symbol-r.png) no-repeat right; text-align: center;}
/*.server-box{color:#fff; width:95%; margin:0px auto 0px; position: relative; top:16%;}
.server-box .server-nav{float:left; width:70.5%;}
.server-box .server-nav img{display:block; width:100%;}
.server-box .server-nav .nav1{width:100%; margin-bottom: 0.5%; height: 100%;}

.server-box .server-nav .nav1 .server-web{float:left; width:54.5%; position: relative; z-index: 1; height:100%;}
.server-box .server-nav .nav1 .server-web .bg{position:absolute; top:0px; z-index: 2;}
.server-box .server-nav .nav1 .server-web .server-web-info{position:absolute;z-index: 3; width:100%;}
.server-box .server-nav .nav1 .server-web .server-web-info .fl{color:#000; float:left; width:50%; margin-left: 5%; margin-top: 30%;}
.server-box .server-nav .nav1 .server-web .server-web-info .fl h2{font-size:28px; padding: 0px; margin: 0px;}
.server-box .server-nav .nav1 .server-web .server-web-info .fl span{font-size:12px;}
.server-box .server-nav .nav1 .server-web .server-web-info .fr{float:right; width:40%; margin-right: 5%; margin-top: 5%;}

.server-box .server-nav .nav1 .server-ebook{float:right; width:45%; position: relative}
.server-box .server-nav .nav1 .server-ebook .bg{position:relative; top:0px; z-index: 2;}
.server-box .server-nav .nav1 .server-ebook .server-web-info{color:#000;position:absolute;z-index: 3; margin-top: -17%; margin-left: 5%;}
.server-box .server-nav .nav1 .server-ebook .server-web-info h2{font-size:28px; padding: 0px; margin: 0px;}
.server-box .server-nav .nav1 .server-ebook .server-web-info span{font-size:12px;}

.server-box .server-nav .nav2{position:relative;}
.server-box .server-nav .nav2 .server-xuanchuan{float:left; width:33%; position: relative;}
.server-box .server-nav .nav2 .server-xuanchuan .bg{position:relative; top:0px; z-index: 2;}
.server-box .server-nav .nav2 .server-xuanchuan .server-web-info{color:#000;position:absolute;z-index: 3; margin-top: -17%; margin-left: 10%;}
.server-box .server-nav .nav2 .server-xuanchuan .server-web-info h2{font-size:18px; padding: 0px; margin: 0px;}
.server-box .server-nav .nav2 .server-xuanchuan .server-web-info span{font-size:12px;}

.server-box .server-nav .nav2 .server-zhanlan{float:left; width:33%; margin:0px 0.5%; position: relative;}
.server-box .server-nav .nav2 .server-zhanlan .bg{position:relative; top:0px; z-index: 2;}
.server-box .server-nav .nav2 .server-zhanlan .server-web-info{color:#000;position:absolute;z-index: 3; margin-top: -17%; margin-left: 10%;}
.server-box .server-nav .nav2 .server-zhanlan .server-web-info h2{font-size:18px; padding: 0px; margin: 0px;}
.server-box .server-nav .nav2 .server-zhanlan .server-web-info span{font-size:12px;}
.server-box .server-nav .nav2 .server-more{float:left; width:33%; position: relative; z-index: 1;}
.server-box .server-nav .nav2 .server-more .bg{position:relative; top:0px; z-index: 2;}
.server-box .server-nav .nav2 .server-more .server-web-info{color:#fff;position:absolute;z-index: 3; margin-top: -33%; margin-left: 10%;}
.server-box .server-nav .nav2 .server-more .server-web-info h2{font-size:16px; padding: 0px; margin: 0px; font-weight: 400;}
.server-box .server-nav .nav2 .server-more .server-web-info span{font-size:32px;}

.server-box .server-tit{float:right; width:28%; background: url("../images/server.png") no-repeat 0% 35%; color:#7a7a7a;}
.server-box .server-tit span{display:block; text-align: right; margin-right:25%;}
.server-box .server-tit span.mb30{margin-bottom:30%;}

.server-box .server-tit span.mb25{margin-bottom:20%;}
.server-box .server-tit span.cn{line-height:24px;}
.server-box .server-tit span.fz36{line-height: 48px; color:#eb5401;}

.ani-slide .ani3-1{
	opacity:1;
	-webkit-animation: fadeInUp 1s 0.5s both;
    animation: fadeInUp  1s 0.5s both;
}
.ani-slide .ani3-2{
	opacity:1;
	-webkit-animation: fadeInUp 1s 1s both;
    animation: fadeInUp  1s 1s both;
}
.ani-slide .ani3-3{
	opacity:1;
	-webkit-animation: fadeInUp 1s 1.5s both;
    animation: fadeInUp  1s 1.5s both;
}
.ani-slide .ani3-4{
	opacity:1;
	-webkit-animation: fadeInUp 1s 2s both;
    animation: fadeInUp  1s 2s both;
}

.ani-slide .ani3-5{
	opacity:1;
	-webkit-animation: fadeInUp 1s 2.5s both;
    animation: fadeInUp 1s 2.5s both;
}

.ani-slide .ani3-6{
	opacity:1;
	-webkit-animation: fadeInUp 1s 0.5s both;
    animation: fadeInUp  1s 0.5s both;
}

.ani-slide .ani3-7{
	opacity:1;
	-webkit-animation: fadeInUp 1s 1s both;
    animation: fadeInUp  1s 1s both;
}

.ani-slide .ani3-8-1{
	opacity:1;
	-webkit-animation: fadeInUp 1s 1s both;
    animation: fadeInUp  1s 1s both;
}
.ani-slide .ani3-8-1{
	opacity:1;
	-webkit-animation: fadeInUp 1s 1s both;
    animation: fadeInUp  1s 1s both;
}
.ani-slide .ani3-8-2{
	opacity:1;
	-webkit-animation: fadeInUp 1s 1s both;
    animation: fadeInUp  1s 1s both;
}
.ani-slide .ani3-8-3{
	opacity:1;
	-webkit-animation: fadeInUp 1s 1s both;
    animation: fadeInUp  1s 1s both;
}
.ani-slide .ani3-8-4{
	opacity:1;
	-webkit-animation: fadeInUp 1s 1s both;
    animation: fadeInUp  1s 1s both;
}
.ani-slide .ani3-8-5{
	opacity:1;
	-webkit-animation: fadeInUp 1s 1s both;
    animation: fadeInUp  1s 1s both;
}


.ani-slide .ani3-1-1{
	opacity:1;
	-webkit-animation: fadeInUp 1s 0.8s both;
    animation: fadeInUp  1s 0.8s both;
}
.ani-slide .ani3-1-2{
	opacity:1;
	-webkit-animation: fadeInUp 1s 0.9s both;
    animation: fadeInUp  1s 0.9s both;
}
.ani-slide .ani3-1-3{
	opacity:1;
	-webkit-animation: fadeInUp 1s 0.8s both;
    animation: fadeInUp  1s 0.8s both;
}
.ani-slide .ani3-2-1{
	opacity:1;
	-webkit-animation: fadeInUp 1s 1.2s both;
    animation: fadeInUp  1s 1.2s both;
}
.ani-slide .ani3-2-2{
	opacity:1;
	-webkit-animation: fadeInUp 1s 1.3s both;
    animation: fadeInUp  1s 1.3s both;
}
.ani-slide .ani3-3-1{
	opacity:1;
	-webkit-animation: fadeInUp 1s 1.7s both;
    animation: fadeInUp  1s 1.7s both;
}
.ani-slide .ani3-3-2{
	opacity:1;
	-webkit-animation: fadeInUp 1s 1.8s both;
    animation: fadeInUp  1s 1.8s both;
}
.ani-slide .ani3-4-1{
	opacity:1;
	-webkit-animation: fadeInUp 1s 2.2s both;
    animation: fadeInUp  1s 2.2s both;
}
.ani-slide .ani3-4-2{
	opacity:1;
	-webkit-animation: fadeInUp 1s 2.3s both;
    animation: fadeInUp  1s 2.3s both;
}
.ani-slide .ani3-5-1{
	opacity:1;
	-webkit-animation: fadeInUp 1s 2.7s both;
    animation: fadeInUp 1s 2.7s both;
}
.ani-slide .ani3-5-1{
	opacity:1;
	-webkit-animation: fadeInUp  1s 2.8s both;
    animation: fadeInUp 1s 2.8s both;
}*/

.hide{display: none;}
/*.case{position: absolute; left: 50%; margin-left: -608px; top: 50%; margin-top: -286px; width:1216px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.caseboxleft,.caseboxright,.caseboxbleft,.caseboxbright{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; overflow:hidden; position: relative;}
.caseboxleft{width:404px; background:#9c9c9c; height: 380px; float:left;}
.caseboxright{width:800px; height: 380px;  background:#9c9c9c;  float:right;}
.casebox,.caseboxb{ text-align:left; float:left; position:relative; height:100%; width:100%;}
.caseboxb{margin-top: 12px;}
.caseboxbleft{width:404px; height: 238px; background:#9c9c9c; float:left;}
.caseboxbright{width:800px; height: 238px; float:right;}
.caseboxbright a{display: block; width:258px; position: relative; height: 238px; overflow: hidden; background: #9c9c9c; float:left;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.caseboxbright a:nth-child(2){margin:0px 12px;}

.casetitle {
    position:absolute;
    top:0;
    left:0;
    color:#222;
    background:transparent url(../images/transp_white.png) repeat left top;
    width:100%;
    height:100%;
    padding:0;
    margin:0;
    font-weight: 100; color: #000; line-height: 1.35;

    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
    filter:alpha(opacity=0);
    -khtml-opacity:0;
    -moz-opacity:0;
    -webkit-transition:opacity 1s;
    -moz-transition:opacity 1s;
    -o-transition:opacity 1s;
    transition:opacity 1s
}
.casetitle .text {position:relative; text-align:center; top:36%; display: block;}
.casetitle .text.font_small{font-size:.6em; margin-top:0}
.caseboxleft:hover .casetitle,.caseboxright:hover .casetitle,.caseboxbleft:hover .casetitle,.caseboxbright a:hover .casetitle{opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
    filter:alpha(opacity=100);
    -khtml-opacity:1;
    -moz-opacity:1;
    -webkit-transition:opacity 0;
    -moz-transition:opacity 0;
    -o-transition:opacity 0;
    transition:opacity 0}*/

.case{position: absolute; left: 50%; margin-left: -816px; top: 50%; margin-top: -286px; width:1632px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.caseboxleft,.caseboxcenter,.caseboxright,.caseboxbleft,.caseboxbright{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; overflow:hidden; position: relative;}
.caseboxleft{width:404px; background:#9c9c9c; height: 380px; float:left;}
.caseboxcenter{width:800px; height: 380px;  background:#9c9c9c;  float:left; margin:0px 12px;}
.caseboxright{width:404px; height: 380px;  background:#9c9c9c;  float:right;}
.casebox,.caseboxb{ text-align:left; float:left; position:relative; height:100%; width:100%;}
.caseboxb{margin-top: 12px;}
.caseboxbleft{width:404px; height: 238px; background:#9c9c9c; float:left;}
.caseboxbcenter{width:800px;  height: 238px; float:left; margin:0px 12px;}
.caseboxbright{width:404px; height: 238px; float:right;}
.caseboxbcenter a{display: block; width:258px; position: relative; height: 238px; overflow: hidden; background: #9c9c9c; float:left;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.caseboxbcenter a:nth-child(2){margin:0px 12px;}

.casetitle {
    position:absolute;
    top:0;
    left:0;
    color:#222;
    /*background:transparent url(../images/transp_white.png) repeat left top;*/
    background: rgba(0, 0, 0, 0.7);
    width:100%;
    height:100%;
    padding:0;
    margin:0;
    font-weight: 100; color: #000; line-height: 1.35;

    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
    filter:alpha(opacity=0);
    -khtml-opacity:0;
    -moz-opacity:0;
    -webkit-transition:opacity 1s;
    -moz-transition:opacity 1s;
    -o-transition:opacity 1s;
    transition:opacity 1s
}
.casetitle .text {position:relative; text-align:center; top:36%; display: block; color:#fff; font-weight: bold;}
.casetitle .text.font_small{font-size:.6em; margin-top:5px; padding:0px 20px;}
.caseboxleft:hover .casetitle,.caseboxcenter:hover .casetitle,.caseboxright:hover .casetitle,.caseboxbleft:hover .casetitle,.caseboxbcenter a:hover .casetitle,.caseboxbright:hover .casetitle{opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
    filter:alpha(opacity=100);
    -khtml-opacity:1;
    -moz-opacity:1;
    -webkit-transition:opacity 0;
    -moz-transition:opacity 0;
    -o-transition:opacity 0;
    transition:opacity 0}



/*five page*/
.swiper-father{text-align: center;}
.swiper-father .swiper-pagination{width:100%;}
.swiper-father .swiper-pagination span{margin:15px;}
.swiper-father .swiper-pagination span.swiper-pagination-bullet{border-radius: 0px; width:10px; height: 10px;}
.swiper-father .swiper-pagination span.swiper-pagination-bullet-active{background: #ea5503!important; border:1px solid #ea5503;}
.swiper-father .swiper-pagination span.swiper-pagination-bullet-active:hover{ border:1px solid #ea5503;}
.swiper-case{height: 400px; width:90%;}

.img_box{display:block;width:100%;padding:0%;border-radius: 0 0 2px 2px;background:#fff;padding-bottom:0px;position:relative; height: 100%; box-sizing: border-box;border:1px solid #ccc;}
.img_box .img_img{text-align:center;width:100%;background:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; height:90%; position:relative; overflow:hidden;}
.img_box .img_img img{max-width:100%; position:relative; width:100%; max-width:100%; transform:translateY(0px); transition:all 2s linear 0s}
.img_box .img_tit{padding:10px 15px; border-top: 1px solid rgba(244,244,244,1);}
.img_box .img_tit .tit{color:#666;padding-bottom:5px;overflow:hidden;font-size:12px;}
.img_box .img_tit .desc{color:#999;padding-bottom:5px;overflow:hidden;font-size:12px;overflow:hidden;height:36px; padding-top: 5px; display: none}
.img_box .img_read{background-color: #ffffff;
    border-top: 1px solid rgba(244,244,244,1);
    padding: 10px 15px 15px 15px;
    height: 50px;}
.img_box .img_read a{float:right;border:1px solid #e5e5e5; padding:2px 18px;color:#494949 ;font-size: 12px;cursor:pointer;}

.img_box a{}
.img_box p{height:30px;line-height:30px;margin-top:10px;font-size:16px;text-align:center;color:#555;font-weight:bold;margin-bottom:10px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.img_box:hover{border:1px solid #ea5503;}

.ani-slide .ani4-1{
    opacity:1;
    -webkit-animation: fadeInUp 1s 0.5s both;
    animation: fadeInUp  1s 0.5s both;
}
.ani-slide .ani4-2{
    opacity:1;
    -webkit-animation: fadeInUp 1s 1s both;
    animation: fadeInUp  1s 1s both;
}
.ani-slide .ani4-3{
    opacity:1;
    -webkit-animation: fadeInUp 1s 1.5s both;
    animation: fadeInUp  1s 1.5s both;
}
.ani-slide .ani4-4{
    opacity:1;
    -webkit-animation: fadeInUp 1s 2s both;
    animation: fadeInUp  1s 2s both;
}

.ani-slide .ani4-5{
    opacity:1;
    -webkit-animation: fadeInUp 1s 2.5s both;
    animation: fadeInUp  1s 2.5s both;
}

.ani-slide .ani4-6{
    opacity:1;
    -webkit-animation: fadeInUp 1s 3s both;
    animation: fadeInUp  1s 3s both;
}
.ani-slide .ani4-7{
    opacity:1;
     -webkit-animation: fadeInUp 1s 3.5s both;
    animation: fadeInUp  1s 3.5s both;
}
.ani-slide .ani5-8{
    opacity:1;
    -webkit-animation: fadeInUp 1s 2s both;
    animation: fadeInUp  1s 2s both;
}


.news-box{width:90%; height:100%; margin:0 auto;}
.news-box ul{height:100%;}
.news-box li{width:25%; position: relative; height:100%; float:left;}
.news-box li:hover{background:#f2f2f2; cursor:pointer}
.wk{position:relative; width:100%; height: 100%;}
.news-info-box{position:relative; top:50%; height: 360px; border:0px solid #ccc; width:80%; margin-left: 10%; margin-top: -180px;}
.news-info-box .time{display:block; font-size:16px; color:#000; font-family: fantasy;}
.news-info-box .line{display:block; width:25px; height:1px; background: #f00; margin-top: 10px;}
.news-info-box h2{font-size:14px; font-weight:600; color:#000; line-height: 28px;}
.news-info-box img{display:block; margin:10px auto 20px; max-width: 100%}
.news-info-box p{font-size:12px; color:#666; overflow:hidden; line-height:24px; height:96px;}




/*******site page******/
.customer{width:84%; margin:0 auto; height: 100%;}
.customerbox{width:84%; margin:0 auto; height: 520px; position: absolute; top:50%; margin-top: -260px;}
.customerbox .tit{text-align: center;}
.customerbox .tit h2{font-size: 42px; line-height: 64px;}
.customerlist{margin:72px auto 0px; max-width:1460px;}
.customerlist li{float:left; width:235px; margin-right:10px; margin-bottom: 10px; border:1px solid #ccc; box-sizing: border-box; }
.customerlist li img{max-width: 100%;}
.customerlist li:nth-child(6n+6){margin-right: 0px;}
.ani-slide .ani6-1{
    opacity:1;
    -webkit-animation: fadeInUp 1s 0.5s both;
    animation: fadeInUp  1s 0.5s both;
}
.ani-slide .ani6-2{
    opacity:1;
    -webkit-animation: fadeInUp 1s 0.75s both;
    animation: fadeInUp  1s 0.75s both;
}
.ani-slide .ani6-3{
    opacity:1;
    -webkit-animation: fadeInUp 1s 1s both;
    animation: fadeInUp  1s 1s both;
}
.ani-slide .ani6-4{
    opacity:1;
    -webkit-animation: fadeInUp 1s 1.25s both;
    animation: fadeInUp  1s 1.25s both;
}

.ani-slide .ani6-5{
    opacity:1;
    -webkit-animation: fadeInUp 1s 1.5s both;
    animation: fadeInUp  1s 1.5s both;
}

.ani-slide .ani6-6{
    opacity:1;
    -webkit-animation: fadeInUp 1s 1.75s both;
    animation: fadeInUp  1s 1.75s both;
}
.ani-slide .ani6-7{
    opacity:1;
     -webkit-animation: fadeInUp 1s 2s both;
    animation: fadeInUp  1s 2s both;
}




/*第七屏*/
.page7 .fp-tableCell{vertical-align:top;}
.contact-box{width:84%; margin:100px auto;}
.contact-box span{color:#fff;}
.contact-box .column-tit{text-align:right; margin-top:3%;}
.contact-box .column-tit span{display: block;} 
.contact-box .contact-tit{margin-left: 0%; font-size: 60px; font-weight: bold; color:#fff; margin-top:15%;}
.contact-box .cbox{width:100%;}
.contact-box .cbox .cbox-l{float:left; margin-left:5%; width:45%;}
.contact-box .cbox .cbox-l .tels{margin: 30px 0px 10px}
.contact-box .cbox .cbox-l .tels span{display: block; float:left;}
.contact-box .cbox .cbox-l .tel{font-size:42px; padding-right:0px; }
.contact-box .cbox .cbox-l .line{width:1px; background: #fff; height:40px; margin:5px 20px;}
.contact-box .cbox .cbox-l .fax{padding-left:0px;}
.contact-box .cbox .cbox-l .worktime{background: url(../images/time.png) no-repeat left; height: 36px; font-size: 12px; margin-bottom: 32px;}
.contact-box .cbox .cbox-l .worktime span{display:block; padding-left: 40px; font-size: 12px; line-height: 18px;}
.contact-box .cbox .cbox-l .feecbox{margin-top:10px;}
.contact-box .cbox .cbox-l .feecbox input{width: 100%; padding:10px 10px; height: 20px; border-radius:0; background-color:transparent; color:#fff; font-size:12px;  margin-bottom: 10px; border:0px solid #fff; background: rgba(255, 255, 255, 0.05);}
.contact-box .cbox .cbox-l .feecbox input::-webkit-input-placeholder{font-size:12px; line-height:30px; color: #fff; text-align: left;} 
.contact-box .cbox .cbox-l .feecbox input.inp-name{width:220px; float:left; margin-right:10px;}
.contact-box .cbox .cbox-l .feecbox input.inp-tel{width:220px; float:left;}
.contact-box .cbox .cbox-l .feecbox .text-content{width:480px; padding-left:8px; display: block; height:100px; padding-top: 10px; background-color:transparent; color:#fff; border:0px solid #fff;background: rgba(255, 255, 255, 0.05);}
.contact-box .cbox .cbox-l .feecbox .text-content::-webkit-input-placeholder{color:#fff;}
.contact-box .cbox .cbox-l .feecbox a{display: block; margin-top: 30px; width:100px; background: #ea5503; color:#fff; height: 28px; line-height: 28px; font-size: 14px; text-align: center; border-radius:14px;}
.contact-box .cbox .cbox-r{float:right; text-align: right; width:45%; max-height:480px; overflow: hidden; margin-top: 8%;}


.ani-slide .ani7-1{
    opacity:1;
    -webkit-animation: fadeInUp 1s 0.5s both;
    animation: fadeInUp  1s 0.5s both;
}
.ani-slide .ani7-2{
    opacity:1;
    -webkit-animation: fadeInUp 1s 1s both;
    animation: fadeInUp  1s 1s both;
}
.ani-slide .ani7-3{
    opacity:1;
    -webkit-animation: fadeInUp 1s 1.5s both;
    animation: fadeInUp  1s 1.5s both;
}
.ani-slide .ani7-4{
    opacity:1;
    -webkit-animation: fadeInUp 1s 2s both;
    animation: fadeInUp  1s 2s both;
}

.ani-slide .ani7-5{
    opacity:1;
    -webkit-animation: fadeInUp 1s 2.5s both;
    animation: fadeInUp 1s 2.5s both;
}

.ani-slide .ani7-6{
    opacity:1;
    -webkit-animation: fadeInUp 1s 3s both;
    animation: fadeInUp  1s 3s both;
}
.ani-slide .ani7-7{
    opacity:1;
    -webkit-animation: fadeInUp 1s 3.5s both;
    animation: fadeInUp  1s 3.5s both;
}



@media only screen and (max-width:1780px) {

}
@media only screen and (max-width:1680px) {
    .server-box{top:18%;}
    .server-box .server-nav .nav1 .server-web .server-web-info .fl{width:50%;}
    .server-box .server-nav .nav1 .server-web .server-web-info .fl h2{font-size: 24px;}
}
@media only screen and (max-width:1600px) {
    .about-left{margin-top: 40px;}
    .case{position: absolute; left: 50%; margin-left: -608px; top: 50%; margin-top: -286px; width:1216px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
    .caseboxcenter,.caseboxbcenter{margin-right: 0px;}
    .caseboxright,.caseboxbright{display: none;}
    .contact-box .contact-tit{margin-top: 2.5%;}
}
@media only screen and (max-width:1440px) {
    .server-box .server-nav .nav1 .server-web .server-web-info .fl h2{font-size: 22px;}
}
@media only screen and (max-width:1366px) {
    .welcome-box{top:100px;}
    .welcome span.mb25{margin-bottom: 20%;}
    .welcome span.fz60{font-size: 48px;}
    .about-box{margin-top: 80px;}
    .server-box{top:82px;}
    .server-box .server-nav .nav2 .server-more .server-web-info h2{font-size: 14px;}
    .server-box .server-nav .nav2 .server-more .server-web-info span{font-size: 24px;}
    .server-box .server-nav .nav2 .server-xuanchuan .server-web-info{bottom:20px;}
    .server-box .server-nav .nav2 .server-xuanchuan .server-web-info h2{font-size: 14px;}
    .server-box .server-nav .nav2 .server-zhanlan .server-web-info h2{font-size: 14px;}
    .server-box .server-nav .nav1 .server-web .server-web-info .fl h2{font-size: 18px;}
    .server-box .server-nav .nav1 .server-ebook .server-web-info h2{font-size: 18px;}

    .case{position: absolute; left: 50%; margin-left: -604px; top: 50%; margin-top: -204px; width:1209px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
    .case img{max-height: 100%; max-width: 100%;}
    .caseboxleft,.caseboxright{height: 280px; width:298px; display: block;}
    .caseboxcenter{height: 280px; width:589px;}
    .caseboxbleft,.caseboxbright{width:298px; height: 176px; display: block;}
    .caseboxbcenter{height: 176px; width:589px;}
    .caseboxbcenter a{height: 176px; width:191px;}
    .caseboxbcenter a:nth-child(2){margin:0px 8px;}

    .news-info-box img{max-width: 100%;}
    .aboutnum-box b{font-size:48px; width:80%;}


    .contact-box .contact-tit{font-size: 36px; margin-left: 3%;}
    .contact-box .cbox .cbox-l{margin-left: 3%;}
    .contact-box .cbox .cbox-l .tels{margin-top: 20px;}
    .contact-box .cbox .cbox-l .tel{font-size: 28px;}
    .contact-box .cbox .cbox-l .line{height: 24px;}
    .contact-box .cbox .cbox-l .fax{font-size: 12px;}
    .contact-box .cbox .cbox-l .worktime span{font-size: 10px;}
    .contact-box .cbox .cbox-l .worktime{margin-bottom:18px;}
    .contact-box .cbox .cbox-l .feecbox input{padding:5px 10px;}
    .contact-box .cbox .cbox-l .feecbox .text-content{height: 66px;}
    .contact-box .cbox .cbox-r span.fz16{font-size: 14px;}
    .contact-box .cbox .cbox-r span.en{margin-bottom: 10px;}

    .customerbox{height: 480px; margin-top: -200px;}
    .customerlist li{width:15.5%;}
    .contact-box .cbox .cbox-r{margin-top: 0px;}
    .server-box-li-info{bottom: 30%}
    .server-box-li-info h3{font-size: 18px;}
    .server-box-li-info em{padding-bottom: 20px; font-size: 10px}
}
@media only screen and (max-width:1280px) {

}
@media only screen and (max-width:1024px) {

}
@media only screen and (max-width:768px) {

}