body{font-size: 14px;font-family:"Segoe UI","Lucida Grande","PingFang SC","Microsoft YaHei",Helvetica,Arial,FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;line-height: 200%}

/*body *{*/
/*    -webkit-filter: grayscale(100%);*/
/*    -moz-filter: grayscale(100%);*/
/*    -ms-filter: grayscale(100%);*/
/*    -o-filter: grayscale(100%);*/
/*    filter: grayscale(100%);*/
/*    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)*/
/*}*/

.site-bar{height:30px;line-height: 30px;color:#fff;font-size: 12px;background: url(../images/head_bj.jpg) repeat-x 0 0;}
.bar-strong{color:#FFCC00}
.site-bar a{color:#fff}
.site-bar a:hover{color:#FFCC00}

.text-red{color: #FF3300}
.text-gray{color: #b9b9b9}
.text-big{font-size: 1.4em}

.site-head{background-color:#013C8C;height:110px;width:100%;line-height:110px;box-shadow: 0px 5px 4px rgba(0,0,0,0.25);position: relative;z-index: 10;}
.site-nav ul{height:110px;padding-left:0;margin-bottom: 0; list-style-type:none;overflow:hidden;*zoom:1;}
.site-nav ul li{float:left;width:90px;height:110px;line-height:22px;text-align:center}
.site-nav ul li a{display:block;padding-top:38px;height:110px;color:#fff;}
.site-nav ul li a span{display:block;color:#fff; text-transform:uppercase;font-size:12px;}
.site-nav ul li a:hover,.site-nav ul li.active a{background-color:#FF6600;color:#fff;}

.site-banner{position:relative;width:100%;height:400px;}
.site-banner ul{margin:0;padding:0;list-style-type:none}
.site-banner .slides li{height:400px;line-height:400px;background-position: center center}
.site-banner .slides li a{display: block;width:100%;height: 100%;text-indent: -999em;}
.site-banner .num{position:absolute;left:50%;margin-left:-52px;height:10px;top:380px;overflow:hidden;*zoom:1;cursor:pointer}
.site-banner .num li{float:left;width:30px;height:8px;overflow:hidden;margin-right:10px;background-color:rgba(255,255,255,.7);}
.site-banner .num li.on{background-color:#FF6600}
.site-banner .prev,
.site-banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.site-banner .next{ left:auto; right:3%; background-position:8px 5px; }
.site-banner .prev:hover,
.site-banner .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.inner-banner{height:200px;width:100%;background-image: url('../images/0555.jpg'); background-repeat: no-repeat;background-size: cover;overflow: hidden;color: #fff;text-align: center;}
.inner-banner hgroup{margin-top: 50px}
.inner-banner h1 {height:60px;line-height:60px;font-size: 50px;margin: 0;font-weight: 100;}
.inner-banner p {font-size: 20px;}

.home-met{padding-top:35px;padding-bottom:35px;}
.home-info{font-size:1.4em;line-height:200%}

.home-servers{background-color:#FAFAFA}
.home-servers-tabs{position:relative;height:140px}
.home-servers-tabs:after {content: "";display: block;position: absolute;top: 0;right: 0;width:100%;height:100%;background: linear-gradient(70deg, #0505c1, #59e3ff, #0505c1, #59e3ff);background-size:800% 800%;-webkit-animation: AnimationGrad 15s ease infinite;-moz-animation: AnimationGrad 15s ease infinite;animation: AnimationGrad 15s ease infinite;z-index:1;}
.home-servers-tabs ul{position:relative;height:140px;padding:0;list-style-type:none;line-height:140px;z-index:2;*zoom:1}
.home-servers-tabs ul li a{position:relative;display:block;height:140px;font-size:18px;color:#fff;text-align:center}
.home-servers-tabs ul li a:hover,.home-servers-tabs ul li.on a{background:rgba(0,157,255,.3)}
.home-servers-tabs ul li.on a:after{ content: "";position: absolute;left: 50%;bottom:-1px;margin-left: -12px;pointer-events: none;border-color:transparent transparent #FAFAFA;-o-border-image: none;border-image: none;border-style: solid;border-width:0 12px 10px;width: 0;height: 0;background-color: transparent;z-index: 1000;}
.home-servers-content>div{padding:30px 0;}

.home-clients{background-color:#F1F1F1}
.home-clients h3,.home-case h3{padding:20px 0;font-size:30px;color:#005faa;font-weight:normal}
.home-case h3{padding-bottom:0;}
.home-case p{margin-top:0;font-size:16px;color:#737b8a}

.case-list{padding-top:20px;padding-bottom:20px;}
.case-list>div{padding-top:1.5rem;padding-bottom:1.5rem;border:1px solid #ececec;border-right-style: none;}
.case-items-pic{height:150px;overflow:hidden}
.case-items-pic span{display: block;position: relative;top: 0}
.case-items-title{height:40px;line-height:40px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.case-items-title span{display: block;line-height: 20px;font-size: 12px;color:#666}
.case-list>div:nth-child(4n+0) {float:left;border-right:1px solid #ececec}
.inner-info .case-items-title{height:55px;padding-top:10px;line-height: 20px}
.case-list>div{margin-bottom:-1px}
.inner-info .case-list img{margin: 0 auto;}

.home-about-head{height:30px; line-height:30px; font-size:18px;}
.home-about-head a{font-size:12px}
.home-about{line-height:160%}
.home-last-news ul{list-style-type:none;padding-left:0;}
.home-last-news ul li{border-bottom:dashed 1px #CFCECC; line-height:30px;height: 30px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.home-news ul li{height:36px;line-height:36px}
.home-last-news a{color:#333}
.home-last-news a:hover{color:#0e90d2}

.home-parent{background:#E4E4E4;padding-top:25px;padding-bottom:25px;}
.home-parent-head{font-size: 16px;font-weight: bold;float: left;line-height: 60px;}
.home-parent-list ul{list-style-type:none;padding-left:0;margin-bottom:0;overflow:hidden;*zoom:1}
.home-parent-list ul li{float:left;margin-left:10px;}

.site-footer{background:#10286C;}
.site-footer h4{margin-bottom:.5em}
.site-footer h4 a{color:#fff;}
.site-footer ul{list-style-type:none;padding-left:0;margin:0}
.site-footer ul a{color:#b5b4b4;font-size:12px}
.site-footer a:hover{color:#FFCC00}
.site-footer p{margin:0;font-size:12px;color:#b5b4b4}

#kefu{position: fixed;right: 0px;top: 180px;z-index: 10008;width: 110px;height: 220px;padding: 10px;}
.site-links{margin-top:20px;padding-top:15px;border-top:#b5b4b4 dotted 1px;color:#b5b4b4;line-height:120%;font-size:12px}
.site-links a{display:inline-block;color:#b5b4b4;margin-left:.6em}

.sub-nav{height:55px;padding-top:15px;background-color:#F1F1F1;line-height:40px;}
.sub-nav ul{list-style-type: none;padding-left: 0;margin-bottom: 0;overflow: hidden;*zoom:1;}
.sub-nav ul li{float: left;padding-right: 5px}
.sub-nav ul li a{display: block;padding:0 10px;height:40px;transition: all 0.3s ease;}
.sub-nav ul li.active a{background-color: #fff;color: #013C8C}
.sub-nav ul li a:hover{background-color: #0081D1;color: #fff}
.sub-nav p{font-size: 12px}
.sub-nav em{font-style: normal;}

.server-info h3{font-size:18px}
.inner-info table{width: 100%}

.m-contact-infobox {border: 1px solid #D8D8D8;background: #fff;border-radius: 5px;padding: 40px 0;text-align: center;}
.m-contact-infobox h3{margin-bottom: 0}
.m-contact-infobox:hover{border: 1px solid #0d121b;background: #1a1f2a;}
.m-contact-infobox:hover a{color: #fff;}

.info-text img{max-width: 100%}

.news_list{list-style-type: none;}
.news_list li{height:124px; border-bottom: #ccc dotted 1px; margin-bottom:21px;overflow: hidden;}
.news_list .li-z{ background:url(../images/xwzx-rl.png) no-repeat left top; float:left; width:99px;height:100px; margin-right:20px;}
.news_list .li-z p{margin:0;padding:0;font-size:55px; color:#fe680a;line-height:70px; text-align:center;}
.news_list .li-z h5{margin:0;font-size:16px; color:#fff; line-height:30px; text-align:center;}
.news_list .li-y{ padding-top:9px;text-align:left;}
.news_list .li-y a{font-size:16px;height:23px; font-weight:bold;}
.news_list .li-y h3{margin-bottom: 10px}
.news_list .li-y p{color:#656565; line-height:23px;font-weight:normal;margin:0;}

.next_prev{margin-top:20px;clear: both;overflow: hidden;height: 30px;}
.next_prev a{ color:#555; display:block;background:#555; color:#fff; padding:2px 12px;}
.next_prev a:hover{ color:#fff; background:#222}

.taocantb{margin-top:10px;border-collapse:collapse;color:#666;}
.taocantb th{font-weight:bold; background-color:#F4F4F4;border:1px solid #CCCCCC;padding: 5px;text-align: center;}
.taocantb td{border:1px solid #CCCCCC;padding: 5px}

.mail-list ul{list-style-type: none;margin:0;padding:0;}
.mail-list p{margin-top: 0;margin-bottom: 0}
.mail-list em{font-style: normal;}
.mail-name{margin-bottom: 0;height: 50px;line-height: 50px;font-size: 16px}
.mail-info{height: 36px;color: #999;font-size: 12px}
.mail-price{color: #f60;}
.mail-price em{font-size:30px;}
ul.mail-base{margin-top:20px;padding-top:10px;border-top:#eee solid 1px;color: #666;font-size: 12px}
ul.mail-base em{display:inline-block;width: 50%;text-align: right;margin-right: 1em;color: #000;font-size: 16px}
.mail-nice{background-color:#F1F1F1}
.mail-nice h3{font-size: 18px}
.mail-item{line-height: 160%}
.mail-item h4{margin-top:20px;margin-bottom:15px;font-size: 14px}
.mail-item p{margin-top:0;margin-bottom:0;font-size: 12px;}

.wh-content{margin-top: 50px}
.wh-content h4{margin-top:1em;color:#03a9f4;}
.wh-content i{width:90px;height:90px;line-height:90px;border:#03a9f4 solid 1px;border-radius:50%;font-size:36px;color:#03a9f4;transition: all .4s ease;}
.wh-content i:hover{background-color:#03a9f4;color: #fff;}
.tg-why h5{margin-bottom:0;padding-left:80px;height: 70px;font-size:1.2em;color:#03a9f4;line-height: 70px;font-weight: 500;background:url("../images/tg-why.png") no-repeat 0 0;}
.tg-why p{margin-bottom: 2.2rem;}
.tg-why h5.tg-why-2{background-position: 0 -140px}
.tg-why h5.tg-why-3{background-position: 0 -70px}
.tg-why h5.tg-why-4{background-position: 0 -210px}
.tg-why h5.tg-why-5{background-position: 0 -280px}
.tg-why h5.tg-why-6{background-position: 0 -350px}

.platform_advantage_bg_z {
    position: relative;
    margin: 0;
    left: 0;
    width: 100%;
    height:250px;
}
.platform_advantage_bg_z li {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, .15);
    bottom: -100px;
    -webkit-animation: square_z 22s infinite;
    animation: square_z 22s infinite;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}
.platform_advantage_bg_z li:nth-child(1) {
    left: 10%
}
.platform_advantage_bg_z li:nth-child(2) {
    left: 20%;
    width: 80px;
    height: 80px;
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms;
    -webkit-animation-duration: 17s;
    animation-duration: 17s
}
.platform_advantage_bg_z li:nth-child(3) {
    left: 25%;
    -webkit-animation-delay: 400ms;
    animation-delay: 400ms
}
.platform_advantage_bg_z li:nth-child(4) {
    left: 40%;
    width: 60px;
    height: 60px;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    background-color: rgba(255, 255, 255, .25)
}
.platform_advantage_bg_z li:nth-child(5) {
    left: 70%
}
.platform_advantage_bg_z li:nth-child(6) {
    left: 80%;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    background-color: rgba(255, 255, 255, .2)
}
.platform_advantage_bg_z li:nth-child(7) {
    left: 32%;
    width: 100px;
    height: 100px;
    -webkit-animation-delay: 7s;
    animation-delay: 7s
}
.platform_advantage_bg_z li:nth-child(8) {
    left: 55%;
    width: 20px;
    height: 20px;
    -webkit-animation-delay: 15s;
    animation-delay: 15s;
    -webkit-animation-duration: 40s;
    animation-duration: 40s
}
.platform_advantage_bg_z li:nth-child(9) {
    left: 25%;
    width: 10px;
    height: 10px;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-duration: 40s;
    animation-duration: 40s;
    background-color: rgba(255, 255, 255, .3)
}
.platform_advantage_bg_z li:nth-child(10) {
    left: 90%;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 11s;
    animation-delay: 11s
}
@-webkit-keyframes square_z {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(-700px)rotate(500deg);
        transform: translateY(-700px)rotate(500deg)
    }
}
@keyframes square_z {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(-700px)rotate(500deg);
        transform: translateY(-700px)rotate(500deg)
    }
}
@-webkit-keyframes AnimationGrad {
    0% {background-position: 0% 70%}
    50% {background-position: 100% 31%}
    100% {background-position: 0% 70%}
}

@-moz-keyframes AnimationGrad {
    0% {background-position: 0% 70%}
    50% {background-position: 100% 31%}
    100% {background-position: 0% 70%}
}
@keyframes AnimationGrad {
    0% {background-position: 0% 70%}
    50% {background-position: 100% 31%}
    100% {background-position: 0% 70%}
}