*{font-family:"SF Pro Display","Helvetica","Arial";-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size:16px;font-weight:normal; }
body{font-family:"SF Pro Display","Helvetica","Arial";}

a { text-decoration: none; color:#717071;}
.menu-toggle, button, input {
font-style: normal;
font-weight: 400;
font-size: 16px;
font-size: 1rem;
line-height: 1.25;
margin: 0;
font-size: 100%;
vertical-align: middle;
}
.menu-toggle, button, input {
*overflow: visible;
line-height: normal;
}
.menu-toggle::-moz-focus-inner,
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}
input[type="button"] {
width: auto;
}
.menu-toggle,
.btn,
input[type="submit"] { display: inline-block; *display: inline;
height:30px; padding: 8px 14px; *margin-left: .3em; width:180px;
 line-height: 1.25; color: #fff; text-align: center; vertical-align: middle; cursor: pointer; background-color: #012D86; *background-color: #012D86; }
.menu-toggle, a.btn {
color: #333333;
text-decoration: none;
}
.menu-toggle:hover,
.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
background-color: #dad8da;
*background-color: #dad8da;
}
.btn:first-child {
*margin-left: 0;
}
.menu-toggle:hover,
.btn:hover,
input[type="submit"]:hover {
color: #fff;
text-decoration: none;
background-color: #e50011;
*background-color: #e50011; }
.menu-toggle:focus,
.btn:focus,
input[type="submit"]:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.menu-toggle:active,
.btn.active,
.btn:active,
input[type="submit"]:active {
background-color: #dad8da;
background-color: #dad8da \9;
background-image: none;
outline: 0;
position:relative;
top:1px;
}
.btn.disabled, .btn[disabled] {
cursor: default;
background-color: #dad8da;
background-image: none;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.btn.disabled:active, .btn[disabled]:active {
top:0;
}
button.btn, input[type="submit"].btn {
*padding-top: 2px;
*padding-bottom: 2px;
}
button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
padding: 0;
border: 0;
}
.btn-large,
input[type="submit"].btn-large {
padding: 10px 15px;
padding: 0.625rem 0.9375rem;
font-size: 20px;
font-size: 1.25rem;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.btn-small,
input[type="submit"].btn-small {
padding: 5px 9px;
padding: 0.3125rem 0.5625rem;
font-size: 13px;
font-size: 0.8125rem;
} input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
textarea {
font-family: inherit;
padding: 8px;
padding: 0.5rem;
font-family: inherit;
border: 1px solid #ccc;
border-radius: 3px;
}
.send{ width:80px; border:none;}



.top-left{ color:#000;text-transform:uppercase; font-weight:bold;}
.navbkfont{ font-weight:bold;}
.bgBlue{ width:100%; margin:0 auto;}
.navspacing{padding: 8px 15px;}
.menu-frame{height:1px; border-bottom: 1px solid #9F9FA0; width:100%; margin:0 auto;}
.menu-navigation{ font-size:14px;}
.navbkspacing{padding: 0px 15px;}

.flexslider{position:relative;height:450px;overflow:hidden;}
		.slides{position:relative;z-index:-1; }
		.slides li{height:450px; }
		.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
		.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
		.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
		.flex-control-nav .flex-active{background-position:0 0;}

		.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
		.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
		.flex-direction-nav li a.flex-prev{left:40px; }
		.flex-direction-nav li a.flex-next{right:40px; }
		
		#SiteMapPath2, .bc-bdr, .crumb {
	display: none;
}

.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
.index-product-center{ margin-top:150px;}
.fl{display:inline;float:left}
.fr{display:inline;float:left}
.cf:after{content:"";clear:both;display:block;height:0;overflow:hidden}
.cf{zoom:1}
.pb10{padding-bottom:10px}
.mt10{margin-top:15px; margin-bottom:15px;}
.lanrenzhijia{width:1105px;margin:50px auto;padding:0px;}
.lanrenzhijia .title{height:20px;padding-bottom:10px; width:40%; margin:0 auto;}
.lanrenzhijia .title-list{ position: relative; }
.lanrenzhijia .title-list li{ width:100px; line-height:20px; text-align: center; float: left; display: inline;text-transform:uppercase;}
.lanrenzhijia .title-list li.on{ color: #012D86; font-weight: bold;  }
.lanrenzhijia .title-list li h1{ margin:0;}
.lanrenzhijia .title-list p{position:absolute;top:-15px;left:0px;width:90px;height:7px;border-top: 3px solid #012D86; overflow: hidden; text-align: center; padding-left:80px; margin-left:10px; }
.lanrenzhijia .title-list b{display:inline-block;width:0;height:0;margin-top:-3px;border-width:9px;overflow: hidden;zoom: 1;font-size: 0;}
.productx{ height: 568px; overflow: hidden; display: none;  width:1105px;position:absolute;}
.productx ul{ position: absolute; left: 0px;}
.productx-wrap .showx{ display: block;}
.productx-wrap .productx li{ float: left; display: inline; margin-left:7px; transition:0.4s;-webkit-transition:0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;}
.productx-wrap .productx li.ml0{margin-left:0px;}
.productx-wrap .productx li a.imgwrap{ display: block; width: 271px; height: 162px; background: #fff; text-align:center;}
.productx-wrap .productx li p{padding-left: 15px;color: #333;line-height: 22px; text-align:center; }
.productx-wrap .productx li p a{ color: #333; text-decoration: none;}
.productx-wrap .productx li p a:hover{ color: #e50011; text-decoration: none;}
#index-product{height:550px;}

.title-list li{margin-left: 13px;}
.title-list li:first-child{margin:0px}
.meun-font{font-weight:bold;}

@media screen and (min-width: 1105px) and (max-width: 1024px)  {
   .lanrenzhijia,
   .productx,
   .productx-wrap{ width:1024px;}
   
   .lanrenzhijia .title{ width:50%;left:15%;}
   .productx{ height:900px;}
    .productx-wrap .productx li,
   .productx-wrap .productx li.ml0{margin-left:3%;}
   #index-product{height:700px;}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
   .lanrenzhijia,
   .productx,
   .productx-wrap{ width:768px;}
   
   .lanrenzhijia .title{ width:60%;left:15%;}
   .productx{ height:900px;}
    .productx-wrap .productx li,
   .productx-wrap .productx li.ml0{margin-left:10%;}
   #index-product{height:900px;}
}

@media only screen and (max-width: 414px) {
   .lanrenzhijia,
   .productx,
   .productx-wrap{ width:414px;}
   
   .lanrenzhijia .title{ width:100%; padding-left:20px;}
   .productx{ height:1800px; }
   .productx-wrap .productx li,
   .productx-wrap .productx li.ml0{margin-left:18%;}
   #index-product{height:1800px;}
}

@media only screen and (max-width: 375px) and (max-width: 414px) {
   .lanrenzhijia,
   .productx,
   .productx-wrap{ width:375px;}
   
   .lanrenzhijia .title{ width:100%;padding-left:1px; }
   .productx{ height:1750px;}
   .productx-wrap .productx li,
   .productx-wrap .productx li.ml0{margin-left:15%;}
}

.home-about{ width:70%; margin:0 auto; line-height:25px; padding-bottom:150px; padding-top:20px;}
.home-about h2{ font-size:18px; font-weight:bold; text-align:center; margin-bottom:20px; text-transform:uppercase; color:#000;}
.btn-primary a{ color:#fff;}
.bold{ font-weight:bold;}
.lanrenzhijia .title-list p{width:70px; }


.btnbb-bg-1{text-decoration: none; 
	background:#e50011;
	position:relative;
}


section {
    display: block;
}
.content-3-10 {
	padding: 0px;
	position: relative;
}

.content-3-10 .image-container {
	position: absolute;
	height: 300px;
	padding: 0px;
	top: 0px;
}

.content-3-10 .image-container .background-image-holder {
	background: url('../images/services-left-img.jpg')/*images/services-left-img.jpg*/ no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 100%;
	width:50%;
}

.content-3-10 .content {
	margin-top: 300px;
	padding: 40px;
}

.content-3-10 h3 {
	margin-bottom: 32px;
}

.content-3-10 p {
	margin-bottom: 20px;
}
.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media only screen and (min-width : 768px) {
	
	.content-3-10 .image-container {
		height: 100%;
	}
	
	.content-3-10 .content {
		margin-top: 0px;
		background: #eaeaea;
	}
	
}

@media only screen and (min-width : 992px) {
	
	
	
}

@media only screen and (min-width : 1200px) {
	
	
	
}
.servers-center-top{ width:222px; text-align:center; float:left;}
.servers-center-top h2{ font-size:18px; color:#000; font-weight:bold;}
.servers-center-top p{ font-size:16px; }
.servers-top-spacing{ margin-left:85px;}
.servers-top-spacing2{ margin-left:85px;}
.servers-top-spacing1{ margin-left:140px;}
.servers-center-top1{ width:250px; text-align:center; float:left;}
.servers-center-top1 h2{ font-size:18px; color:#000; font-weight:bold;}
.servers-center-top1 p{ font-size:16px;}
#our-news { height:500px;} 
.our-news-center{width:1205px; margin:0 auto; padding-top:100px;}
.our-news-center h2{ font-size:32px; color:#000;}
.our-news-left{ float:left; width:570px;} 
.our-news-right{ float:left; padding-left:65px;} 
.our-news-right h2{ font-size:32px; color:#000;}
.our-news-right ul { margin-top:3px; list-style-type:none; padding:0px; float:left; padding-top:16px;}
.our-news-right ul li { background:url(../images/index-news-btn.jpg) no-repeat 1px center; padding-left:20px; line-height:28px;color:#808080; }

.servers{
	width:100%;
	margin-top:30px;background: #eaeaea; height:401px;

}
.servers-left{ width:30%; float:left; height:outo; vertical-align: middle;
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;position: absolute; height:401px;}
.servers-right { padding-top:30px; width:70%; height:401px; float:right; padding-left:70px;}
.server-bg{ background: url(../images/services-center-img.jpg) no-repeat; height:60px; margin-top:160px; }



@media screen and (min-width: 1105px) and (max-width: 1024px)  {
.servers-right{     padding-left: 30%;}
.servers-center-top{ width:200px; text-align:center; float:left;}
.servers-top-spacing{ margin-left:85px;}
   
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.servers{ width:768px; height:750px;}
.servers-right{ padding-top:10px; padding-left:10px;width:768px;background: #eaeaea; height:350px;  float:right;}
.servers-top-spacing{ margin-left:40px;}
.servers-top-spacing2{ margin-left:40px;}
.server-bg{ background: url(../images/services-center-img1.jpg) no-repeat; height:60px; margin-top:120px;  }
.servers-left{ width:768px; float:left; height:outo;}
   
}

@media only screen and (max-width: 414px) {
.servers{ width:414px; height:900px;}
.servers-right{ padding-top:10px; width:414px;background: #eaeaea; height:570px;  float:right; padding-left:1%;}
.servers-top-spacing{ margin-left:1px;}
.servers-top-spacing2{ margin-left:1px;}
.server-bg{ background: url(../images/services-center-img2.jpg) no-repeat; height:60px; margin-top:120px;  }
.servers-left{ width:414px; float:left; height:outo;}
.servers-top-spacing1{ margin-left:1px;}





.footer-left-iso{ width:414px;}
.footer-heading{ width:200px; padding-left:10px;}
.footer-contact{ width:414px;}
}

@media only screen and (max-width: 375px) and (max-width: 414px) {
.servers{ width:375px; height:900px;}
.servers-right{ padding-top:10px; width:375px;background: #eaeaea; height:570px;  float:right; padding-left:1%}
.servers-top-spacing{ margin-left:1px;}
.servers-top-spacing2{ margin-left:1px;}
.server-bg{ background: url(../images/services-center-img2.jpg) no-repeat; height:60px; margin-top:120px;  }
.servers-left{ width:375px; float:left; height:outo;}
.servers-top-spacing1{ margin-left:1px;}
	
}

@media only screen and (max-width: 320px) and (max-width: 375px) {
.servers{ width:320px; height:165px;}
.servers-right{ padding-top:10px; width:320px;background: #eaeaea; height:570px;  float:right; padding-left:20%}
.servers-top-spacing{ margin-left:1px;}
.servers-top-spacing2{ margin-left:1px;}
.server-bg{ background: url(../images/services-center-img2.jpg) no-repeat; height:60px; margin-top:120px;  }
.servers-left{ width:320px; float:left; height:outo;}
.servers-top-spacing1{ margin-left:1px;}
	
}

.innerWrap {
	margin: 0 auto;
	max-height: 176px;
	max-width: 362px !important;
	overflow: hidden;
}

.innerWrap img.img-responsive {
    -webkit-transition: all 0.7s ease; /* Safari and Chrome */
  	-moz-transition: all 0.7s ease; /* Firefox */
  	-o-transition: all 0.7s ease; /* IE 9 */
  	-ms-transition: all 0.7s ease; /* Opera */
  	transition: all 0.7s ease;
}

.innerWrap:hover img.img-responsive {
    -webkit-transform:scale(1.1); /* Safari and Chrome */
    -moz-transform:scale(1.1); /* Firefox */
    -ms-transform:scale(1.1); /* IE 9 */
    -o-transform:scale(1.1); /* Opera */
     transform:scale(1.1);
}
.application-text-spacing{ line-height:35px;}
.application-text-spacing a { font-weight:bold;}
.application{ padding-top:150px;}
.application h2{ color:#000;}
.text-center {
    text-align: center;
}

.container h2{font-size:22px; font-weight:bold; text-align:center; text-transform:uppercase;}
.home-clients{ width:525px; float:left;}
.home-clients h2{ text-transform:uppercase; font-size:20px; color:#000; text-align:left;}
.home-clients-content{ width:525px; margin-top:40px;}
.home-clients-content ul { padding:0px; float:left; padding-top:16px; list-style:none;}
.home-clients-content ul li { float:left; }
.home-clients-bottom{ height:30px; line-height:30px; text-align:right; float:right; font-size:12px; margin-top:10px;}
.index-form-right{ float:left; padding-left:111px; width:579px;}
.index-form-right h2{ text-transform:uppercase; font-size:20px; color:#000; text-align:left;}
.menu-navigation{font-size:14px;}
.client-pading{padding-left:81px;}
.client-pading1{padding-left:50px;}
.clint-content-left{ width:602px; float:left;}
.clint-content-left h2{ font-size:32px; color:#000;}
.clint-content-right{ width:600px; height:30px; line-height:30px; text-align:right; float:right; font-size:12px;}
.client-content1{ width:80%; margin:0 auto;}
.client-content1 ul { padding:0px; float:left; padding-top:16px; list-style:none;}
.client-content1 ul li { float:left; }
.center-bottom{ margin-top:150px;} 

@media screen and (min-width: 1024px) and (max-width: 1105px)  {
   .
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.home-clients,
.index-form-right{ width:768px;}
.index-form-right{ padding-left:0px; }
.medium{ width:700px;}
input.medium,select.medium{width:90%}
.home-clients-content{ width:528px; margin-left:80px;}
.home-clients-bottom{ width:768px; padding-right:50px;}
   
}

@media only screen and (max-width: 414px) {
.home-clients,
.index-form-right{ width:414px;}
.index-form-right{ padding-left:0px; }
.medium{ width:414px;}
input.medium,select.medium{width:90%}
.home-clients-content{ width:414px; margin-left:10px;}
.home-clients-bottom{ width:414px; padding-right:20px;}
.client-pading{ padding-left:30px;}   
  
}

@media only screen and (max-width: 375px) and (max-width: 414px) {
.home-clients,
.index-form-right{ width:375px;}
.index-form-right{ padding-left:0px; }
.medium{ width:375px;}
input.medium,select.medium{width:90%}
.home-clients-content{ width:375px; margin-left:10px;}
.home-clients-bottom{ width:375px; padding-right:20px;}
.client-pading{ padding-left:25px;}   
.home-about{width:90%}  
}

#tf-testimonials{ margin-top:150px;
	background: url(../images/home-factory.jpg);
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	color: #ffffff;
}

#tf-testimonials .overlay{
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.8)), color-stop(17%,rgba(0,0,0,0.73)), color-stop(35%,rgba(0,0,0,0.66)), color-stop(62%,rgba(0,0,0,0.55)), color-stop(100%,rgba(0,0,0,0.4))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(68,65,65,0.66) 35%,rgba(188,185,185,0.29) 62%,rgba(0,0,0,0.4) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */
	padding: 80px 0;
	background-attachment: fixed;
}

.text-center {
    text-align: center;
}
#footer{ margin-top:50px;}
.footer-heading{ width:273px; float:left; padding-left:30px;}
.footer-heading h3{  font-size:16px; font-weight:bold;}
.footer-left-iso{ width:273px; float:left; }
.footer-heading ul{ margin-top:3px; list-style-type:none; padding:0px; float:left;}
.footer-heading li{ line-height:32px;}
.footer-heading li a{ line-height:32px;font-size:14px; text-decoration:none;}
.footer-heading li a:hover{ line-height:32px; color:#012D86; font-size:14px; text-decoration:none;}
.footer-bg{ width: 1px; height:245px; float:left; background: #DADADA; }
.footer-contact{ float:left; padding-left:30px;}
.footer-contact h3{  font-size:16px; font-weight:bold;}
.footer-contact p { font-size:14px; line-height:32px;}
.footer-contact a { color:#717071; text-decoration:none;}
.footer-contact a:hover{ color:#012D86; text-decoration:none;}
.footer-center-bg{  padding-top:280px; }
.footer-copyright{ margin:0 auto; font-size:14px; text-align:center; padding-top:30px;}
.footer-iso{padding-top:123px;}
@media screen and (min-width: 768px) and (max-width: 959px) {
.footer-left-iso{ width:768px;text-align:center; } 
.footer-heading{ width:245px;}
}
@media only screen and (max-width: 414px) {
.footer-left-iso{ width:100%; text-align:center; }
.footer-heading{ width:200px !important; padding-left:13%;}
.footer-contact{ width:414px; padding-left:13%;}
}


@media only screen and (max-width: 375px) and (max-width: 414px) {
	
.footer-left-iso{ width:375px; text-align:center;}
.footer-heading{ width:187px; padding-left:10%;}
.footer-contact{ width:375px; padding-left:10%;}
	
	
	}
        #frame1 {
            position: absolute; 
            width: 400px;  
            height:72px;  
            overflow: hidden; 
            margin-left:40%; margin-top:50px;
        }  
        #photos img {  
            float: left;  
            width:400px;  
            height:72px;  
        }  
        #photos {
            position: absolute;z-index:9px;  
            width: calc(400px * 3);  
        }  
        .play{  
            animation: ma 20s ease-out infinite alternate;/**/  
        }  
        @keyframes ma {
            0%,20% {        margin-left: 0px;       }  
            25%,40% {       margin-left: -400px;    }  
            45%,60% {       margin-left: -800px;    }  
            65%,80% {       margin-left: -1300px;    }  
            85%,100% {      margin-left: -1200px;   }  
        }  
        .num{  
            position:absolute;z-index:10;  
            display:inline-block;  
            right:10px;top:165px;  
            border-radius:100%;  
            background:#f00;  
            width:25px;height:25px;  
            line-height:25px;  
            cursor:pointer;  
            color:#fff;  
            text-align:center;  
            opacity:0.8;  
        }  
        .num:hover{background:#00f;}  
        .num:hover,#photos:hover{animation-play-state:paused;}  
        .num:nth-child(2){margin-right:30px}  
        .num:nth-child(3){margin-right:60px}  
 
        @keyframes ma1 {0%{margin-left:-1200px;}100%{margin-left:-0px;} }  
        @keyframes ma2 {0%{margin-left:-1200px;}100%{margin-left:-300px;}   }  
        @keyframes ma3 {100%{margin-left:-600px;}   }  
@media screen and (min-width: 1105px) and (max-width: 1024px)  {
   
}
@media screen and (min-width: 768px) and (max-width: 959px) {
 #frame1{    margin-left:30%; } 
}

@media only screen and (max-width: 414px) {
#frame1{    margin-left:1%; margin-top:50px;}}

@media only screen and (max-width: 375px) and (max-width: 414px) {
#frame1{ width:375px;}
#photos {  
            position: absolute;z-index:9px;  
            width: calc(375px * 3); 
        }  
		 #photos img {  
            float: left;  
            width:375px;  
            height:72px;  
        }  
}


.distance-top{ margin-top:42px;}
.distance{ padding-top:40px;}
.menu-left{ float:left;}
.menu-line{ height:2px; background-color:#EBEBEB; width:100%;}
.menu-left ul{ margin-top:20px; list-style-type:none; padding:0px; float:left;}
.menu-left li{ line-height:34px; color:#fff;}
.menu-left li a{ line-height:34px;font-size:16px; text-decoration:none; font-weight:bold; color:#000;}
.menu-left li a:hover{ line-height:34px; color:#012D86; font-size:16px; text-decoration:none;font-weight:bold;}
.distance-left{ margin-left:62px;}
.titile{ width:100%;}
.titile ul{ list-style-type:none; padding:0px; float:left;}
.titile li{ line-height:32px; color:#000;float:left;}
.titile li a{ line-height:32px; color:#000; text-decoration:none;}
.titile li a:hover{ color:#012D86; text-decoration:none;}
.show-title-color{ color:#012D86;}
.aboutcontent{ width:100%;float:left;}
.aboutcontent ul{ padding:0px; list-style:none;}
.aboutcontent ul li{ float: left; padding-top: 13px; }
.center-middle{ line-height:27px;}
.center-middle h1{font-size:20px; font-weight:bold; color:#000;}
.center-middle h2{color:#000; font-weight:bold; font-size:16px !important;}
.pro-top-distance{padding-top:20px;}
.title-spacing{ padding-left:15px;}
.link-module { color:#012D86;}
.about-contact{padding-top:52px; width:100%;}
.need-left{ width:55%; float:left;}
.need-left h2{ font-size:22px; color:#000;}
.need-right{ width:45%; float:left; margin-top:20px;}
.tnbb-1{ color: #fff; font-weight: bold; padding:7px 30px; border: none; margin-right: 1px; box-shadow: none; margin-top: 10px; transition-duration: 0.1s; }
.tnbb-1:active{ box-shadow:none; text-decoration: none; }
.tnbb-1:hover { background:#e50011;}
.tnbb-bg-1{ text-decoration: none; background:#012D86; color:#fff; position:relative; }
.center-line{ height:2px; background-color:#EBEBEB; width:100%; margin:70px auto 10px; }
.img-left{ padding-left:6px;}
.product-show-left1{ width:100%;float:left;}
.product-show-left1 ul{ padding:0px; list-style:none;}
.product-show-left1 ul li{ float: left; padding-top: 13px; }
#lightbox{position: absolute;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#lightbox a img{ border: none; }
#loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
.lb-loader,.lightbox{text-align:center;line-height:0}
body:after{content:url(../images/closelabel.gif) url(../images/loading.gif);display:none}
.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both
}body.lb-disable-scrolling{overflow:hidden}
.lightboxOverlay{top:0;left:0;z-index:9999;filter:alpha(Opacity=80);opacity:.8;display:none}
.lightbox{position: absolute;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border:6px solid #fff;}
.lightbox a img{border:none}
.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;background-color:#fff}
.lb-loader,.lb-nav{position:absolute;left:0}
.lb-outerContainer:after{display:table}
.lb-loader{top:43%;height:25%;width:100%}
.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif) no-repeat}
.lb-nav{top:0;height:100%;width:100%;z-index:10}
.lb-container>.nav{left:0}
.lb-nav a{outline:0;background-image:url(data:images/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}
.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}
.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}
.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}
.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}
.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}
.lb-dataContainer{background-color: #fff;	margin: 0 auto;	line-height: 1.4em;	}
.lb-dataContainer:after{display:table}
.lb-data{padding:0 10px; color: #666;}
.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}
.lb-data .lb-caption{line-height:1em}
.lb-data .lb-caption a{}
.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;}
.lb-data .lb-close{display:block;float:right;width:66px;height:30px;background:url(../images/closelabel.gif) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}
.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}
.table-height-background2{ line-height:34px; background-color:#ededed; color:#000; text-align:center;}
.table-height-backgroundz{ line-height:34px; background-color:#fff; color:#000; text-align:center;}
.product-table{ margin-top:30px; text-align:left; padding-left:5px;}
.pro_intro_pr{ width:100%; margin-top:55px;}
.pro_intro_pr h3{ font-size:20px; font-weight:bold; color:#000;}
.pro_bar{ width:20px; height:6px; background-color:#000; margin-top:45px;}
.pro_center{ width:100%; margin-top:50px;}
.pro_center_left{ float:left; width:50%; line-height:25px;}
.pro_center_left h4{ color:#000; font-weight:bold;}
.pro_center_left h2{ color:#000;}
.pro_center_right{ float:right; width:45%; line-height:25px;}
.pro_center_right h4{color:#000; font-weight:bold;}
.sub{vertical-align:sub; color:#000; font-size:10px;}
.sub-black{vertical-align:sub; font-size:12px;}
.superscript{ vertical-align:super; color:#000; font-size:11px; }
.superscript-black{ vertical-align:super; font-size:11px; }
@media screen and (min-width: 1105px) and (max-width: 1024px)  {
.distance-left{ margin-left:2px;}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.distance-left{ margin-left:1px;} 
.aboutcontent ul li img{ width:100%;}  
.img-left{ padding-left:0px;}
}

@media only screen and (max-width: 414px) {
.distance-left{ margin-left:1px;}  
.img-left{ padding-left:0px;} 
.need-left{ width:100%; float:left;}  
.need-right{ width:100%; text-align:center;}
.pro_center_left{ float:left; width:100%; line-height:25px;}
.pro_center_right{ float:right; width:100%; line-height:25px; margin-top:45px;}
}

@media only screen and (max-width: 375px) and (max-width: 414px) {
	.distance-left{ margin-left:1px;}   
	.img-left{ padding-left:0px;}.need-left h2{ font-size:16px;}
}

.client-content1{ width:80%; margin:0 auto;}
.client-content1 ul { padding:0px;  padding-top:16px; list-style:none;}
.client-content1 ul li { float:left; }
.client-spacing{padding-left:45px;}
.client-spacingtop{padding-left:45px;}
.team-equipment-solid{ background: #f3f3f3; height:1px; margin-top:40px; }
.team-equipment-center{ width:100%;}
.team-equipment-center ul{ padding:0px; list-style:none;}
.team-equipment-center ul li{ float: left; padding-top: 25px;float:left; }
.equipment-spacing{ padding-left:6px;}
.equipment-spacing1{ padding-left:6px;}
.equipment-spacing2{ padding-left:0px;}
.equipment-spacing3{ padding-left:6px;}
.equipment-left-text{color:#000; padding-top:18px;}
.services-center ul {    
    margin: 1px 0 0 16px;
}
.services-center li { display: list-item; color: #012D86; }
.service-tnbb{ color: #fff; font-weight: bold; padding: 6px 25px; border: none; margin-right: 1px; box-shadow: none; margin-top: 10px; transition-duration: 0.1s; font-size:13px; }
.service-tnbb:active{ box-shadow:none; text-decoration: none; }
.service-tnbb-bg-1{text-decoration: none; 
	background:#e50011;
	position:relative;
}
.service-tnbb-bg-1:hover,.service-tnbb-bg-1:focus,.service-tnbb-bg-1:active{ background:#012D86; color:#fff; text-decoration: none;}
.contact-middle{ width:100%; height:200px;}
.contact-middle p{ width:100%; text-align:center; font-size:16px;line-height: 30px;margin-top: 20px;}
.contact-text-title{ text-align:center; font-size:20px;color:#012D86; font-weight:bold;}
.contact-text-title-frame{ margin:0 auto; height:3px; background-color:#e50011; width:90px; margin-top:10px;}
.contact-text-solid-line{ width:100%; height:1px; background-color:#f1f1f1; margin-top:30px;}
.contact-center-left{ width:100%; float:left; line-height:30px; background: url(../images/contact-background-images.jpg) no-repeat right bottom; padding-top:30px; }
.contact-center-left h2{ color:#012D86; font-size:26px; font-weight:bold; width:100%}
.contact-middle-left{ width:60%px; float:left; height:220px;}
.contact-middle-left h3{ color:#012D86; font-size:18px;}
.contact-middle-right{ width:40%px; float:right;}
.contact-middle-right h3{ color:#012D86; font-size:18px;}
.product-center-left-menu{}
.product-center-left-menu ul{list-style:none; }
.product-center-left-menu ul li{ color:#000; line-height:30px;}
.product-center-left-menu ul li a{ color:#000;}
#aboutnav li ul { list-style:none; }
#aboutnav li ul li{line-height:25px;}
#aboutnav li ul a{ padding-left:13px;}
#aboutnav li ul a:link { color:#5e5e5e; text-decoration:none;}
#aboutnav li ul a:visited { color:#5e5e5e;text-decoration:none;}
#aboutnav li ul a:hover { color:#012D86;text-decoration:none;}
#aboutnav li:hover ul{ left: auto;}
.menu-left-spaceing1{ margin-top:20px;}
.fontsize{ font-size:16px; font-weight:bold;}
.product-left-menu-submenu { color:#333333;}
.menu-left-spaceing{ float:left;}
.menu-left-spaceing ul{list-style-type:none; padding:0px; float:left;}
.menu-left-spaceing li{ line-height:34px; color:#fff;}
.menu-left-spaceing li a{ line-height:34px;font-size:13px; text-decoration:none; font-weight:bold; color:#000;text-align:center;}
.menu-left-spaceing li a:hover{ line-height:34px; color:#012D86; font-size:13px; text-decoration:none;font-weight:bold;}
.pro_center1{ width:100%; margin-top:50px; line-height:25px;}
.pro_center1_left1{ float:left; width:100%; line-height:25px;}
.pro_center1_left1 h4{ font-size:13px; color:#000; font-weight:bold;}
.pro_center_left1 h2{ color:#000;}
.pro_center_left1 h4{ color:#000;}
.pro_center_right h4{ color:#000;}
.as-barclay-rewardinfo ul {    
    margin: 1px 0 0 16px;
}
.as-barclay-rewardinfo li {    display: list-item; color:#012D86;}
.as-barclay-rewardinfo li p{ color:#717071;}
.table-height-background1-2{ color:#000; text-align:center; padding-left:5px; height:34px;  background-color:#f5f5f5; }
.table-height-background1-left{ background-color:#f5f5f5; color:#000; padding-left:5px; padding-right:5px; text-align:left;}
.table-height-background1-3{ color:#000; text-align:center; height:34px; padding-left:5px;background-color:#f5f5f5; }
.table-height-background1-4{ background-color:#f5f5f5; color:#000; text-align:center; height:34px; }
.h2spacing{ margin-top:40px;}
.application_con{ width:100%; padding-top:15px;}
.app-left{ width:398px; float:left;}
.app-right{ float:right; width:390px;}
.table-height1{ margin-top:40px;}
.table-height{height:34px; text-align:center;}
.line ul {margin: 1px 0 0 16px;}
.line li {display: list-item; color:#012D86; line-height:25px;}
.center{ margin: 50px auto 50px; ; padding-top: 50px; line-height: 50px; color: #012D86; text-align: center; font-size: 30px; height:300px;}
.btnbb-1{ color: #fff; font-weight: bold; padding: 7px 15px; border: none; margin-right: 1px; box-shadow: none; margin-top: 10px; transition-duration: 0.1s;font-size:22px; }
.btnbb-1:active{ box-shadow:none; text-decoration: none; }
.btnbb-bg-1{text-decoration: none; 
	background:#e50011;
	position:relative;
}
.btnbb-bg-1:hover,.btnbb-bg-1:focus,.btnbb-bg-1:active{ background:#012D86; color:#fff; text-decoration: none;}
.blog-center-text{ line-height:25px;}
.blog-center-text h1{ color:#012D86; font-size:16px; font-weight:bold;}
.blog-center-text h2{ color:#012D86; font-size:16px; font-weight:bold;}
.blog-center-text h3{ color:#5b5b5b; font-size:12px;}
.blog-center-text a{color:#012D86; font-size:14px;}
.blog-center-text a:hover{color:#e50011;}
.blog-center-solid-line { background-color:#eaeaea; height:1px; margin-top:30px; margin-bottom:30px;}
.blog-cneter-right{width:225px; float:left; margin-left:46px; }
.blog-center-rigt-catalog{ line-height:25px;}
.blog-center-rigt-catalog h2{ color:#333333; font-size:18px; font-weight:bold; border-bottom: 2px solid #e50011; height:32px; vertical-align: top; }
.blog-center-rigt-catalog ul{ list-style:none; padding-top:20px; }
.blog-center-rigt-catalog ul li{ line-height:40px;font-weight:bold; }
.blog-center-rigt-catalog ul  li a:hover{ color:#012D86; text-decoration: none; }
.blog-center-rigt-contact{ line-height:25px; margin-top:20px; background: url(../images/blog-right-contact-background.jpg) no-repeat center bottom; height:280px; }
.blog-center-rigt-contact h2{ color:#333333; font-size:18px; font-weight:bold; border-bottom: 2px solid #e50011; height:32px; vertical-align: top; }
.blog-center-rigt-contact h3{ color:#012D86; font-size:18px; font-weight:bold; padding-top:12px; }
.blog-center-rigt-contact a:hover{ color:#012D86; text-decoration: none; }
.blog-list{height: auto;margin: 0;padding: 35px 0 35px 0;}
/*Pagination*/
.blog-pagination {
  height: 40px;
  margin: 0;
  padding: 35px 0 35px 0;
}
.blog-pagination ul {
  -webkit-border-radius: o;
  -moz-border-radius: o;
  border-radius: o;
  border: none;
  box-shadow: none;
  margin: 0 auto;
  width: 100%;
}
.blog-pagination ul li {
  display: inline-block;
  margin-right: 2px;
}
.blog-pagination ul li .blog-pagenav,
.blog-pagination ul li .hasTooltip {
  padding: 15px 16px;
  font-size: 12px;
  line-height: 40px;
  font-weight: 400;
  overflow: hidden;
  color: #ffffff;
  text-transform: uppercase;
}
.blog-pagination ul li span.blog-pagenav,
.blog-pagination ul li .span.blog-hasTooltip {
  background:#012D86;
  color: #ffffff; 
}
.blog-pagination ul li a.blog-pagenav,
.blog-pagination ul li a.blog-hasTooltip { color: #333333; text-shadow: none; border-top: 1px solid #eaeaea; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; border-left: 1px solid #eaeaea; }
.blog-pagination ul li a.blog-pagenav:hover,
.blog-pagination ul li a.blog-hasTooltip:hover {
  background: #012D86; text-decoration:none;
  color: #ffffff;
}
.blog-pagination ul li.num span.blog-pagenav,
.blog-pagination ul li.num span.blog-hasTooltip {
  background: #54acc9;
  color: #ffffff;
}
.sitemap-middle{ padding-left: 50px; margin-bottom: 50px; line-height: 25px; border:#EBEBEB 1px solid;}
 .sutemap, .sutemap ul { padding-left:30px;
       list-style: none;
   　　 border-bottom: 0;
   　　 text-align: left;
   　　 text-indent: 10px;
　　}
    .sutemap a:hover {
  　　  color: #012D86;
　　}
    .sutemap a {color:#012D86;
 　　   display: block;
  　　  text-decoration: none;
 　　   width: 120px;
  　　  line-height: 22px;
　　}

    .sutemap .active { margin-left:30px; 
  　　  position: relative;
　　}
    .sutemap li:hover ul ul {
        left: -999px;
　　}
    .sutemap li:hover ul {
  　　  left: 120px;
　　}
    .sutemap li li:hover ul {
  　　  position: absolute;
  　　  left: 120px;
　　}
    .sutemap .active ul {
 　　   position: absolute;
  　　  top: -1px;
  　　  left: -999px;
　　}
.yx-rotaion{margin-right: auto; margin-top: 8%; margin-left: auto;width:550px ! important; height:72px ! important;}
.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute;}
.yx-rotation-t{color:#fff;font-size:16px;font-family:microsoft yahei;z-index:2;bottom:0;left:10px;line-height:40px}
.yx-rotation-focus span,.yx-rotaion-btn span{display:block;}
.yx-rotation-focus{height:40px;line-height:40px;right:20px;bottom:0;z-index:2}
.yx-rotation-focus span{width:12px;height:12px;line-height:12px;float:left;margin-left:5px;position:relative;top:14px;cursor:pointer;background-position:-24px -126px;text-indent:-9999px}
.yx-rotaion-btn{width:100%;height:41px;top:50%;margin-top:-20px;}
.yx-rotaion-btn span{width:41px;height:41px;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:relative}
.yx-rotaion-btn .left_btn{background-position:-2px -2px;float:left;left:10px}
.yx-rotaion-btn .right_btn{background-position:-2px -49px;float:right;right:10px}
.yx-rotaion-btn span.hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}
.yx-rotation-focus span.hover{background-position:-10px -126px}
.rotaion_list{width:0;height:0;overflow:hidden;}
.row-height{ height:500px;}
.menu-font{ color:#000;}
.navbkright{ padding-left:5px;}

.table-height-left{padding-left:5px; padding-right:5px; line-height:30px; text-align:left;}
.table-height-l{ text-align:center; height:34px;}
.table-height-2{ text-align:center; height:34px;}
.index-about-left{ width:60%; float:left;}
.index-about-right{ width:40%;float:left; padding-left:20px;}
.tab-height{ padding-left:5px; height:34px;}
.link-module-home { color:#012D86;}
@media screen and (min-width: 1105px) and (max-width: 1024px)  {
.distance-left{ margin-left:2px;}
}


@media screen and (max-width: 1100px) {.distance-left{ margin-left:50px;}
.index-form-right{ padding-left:10px; width:440px;}
.servers-right{ height:250px;}
.client-pading{ padding-left:70px;}
.client-pading1{ padding-left:40px;}
.home-clients-bottom{ padding-right:40px;}
.servers-right{ padding-top:20px; }
.servers-center-top{ width:150px;}
.server-bg{background:url(../images/services-center-img-1.jpg) no-repeat; height:40px; margin-top:170px;}
.servers-center-top1{width:220px; margin-top:1px;}
.servers-top-spacing1{ margin-left:80px;}
.servers-top-spacing2{ margin-left:20px;}
.servers-left{ width:35.5%;}
.lanrenzhijia{ width:1100px;}
.productx{width:1100px; height:750px; margin-left:0%;}
#index-product{height:750px;}
.footer-left-iso{ width:250px;}
.footer-heading{ width:230px;}
.app-left{width:53%;}
.app-right{ width:45%;}
.product-show-left1 ul li{ width:50%;}
.need-left{width:60%;}
.need-right{width:40%;}
.navspacing{ padding:0px;}
.navbkright{ padding-left:0px;}
.navbkspacing { padding:0px;}


}



@media screen and (min-width: 768px) and (max-width: 959px) {
.distance-left{ margin-left:1px;} 
.aboutcontent ul li img{ width:100%;}  
.img-left{ padding-left:0px;}

.client-content1{ width:80%; margin:0 auto;}
.client-spacing{padding-left:10px;}
.client-spacingtop{padding-left:45px}

.team-equipment-center{ width:75%;margin:0 auto;}
.equipment-spacing1{ padding-left:0px;}
.equipment-spacing2{ padding-left:6px;}
.equipment-spacing3{ padding-left:0px;}
.equipment-left-text{margin-bottom:30px;}
.yx-rotaion{margin-top:18%;}
.menu-font{ color:#fff;}
.navbkright{ padding-left:0px;}

.lanrenzhijia{ width:768px;}
.productx{width:768px; margin-left:0%; height:900px;}
#index-product{height:900px;}
.servers-left{ width:100%;}
.servers-left img{ width:100%;}
.server-bg{background:url(../images/services-center-img1.jpg) no-repeat; height:50px; margin-top:120px;}
.servers-center-top{ width:220px;}
.servers-right{ height:300px; padding-top:420px;}
.servers-center-top1{width:290px; margin-top:1px;}
.servers-top-spacing1{ margin-left:100px;}
.servers-top-spacing2{ margin-left:1px;}
.index-form-right{ width:100%;}
.home-about{ width:90%;}
}

@media only screen and (max-width: 414px) {
.distance-left{ margin-left:1px; }  
.img-left{ padding-left:0px;} 
.need-left{ width:100%; float:left;}  
.need-right{ width:100%; text-align:center;}
.index-form-right{ padding-left:10px; width:414px;}
.row-height{ height:300px;}
.client-content1{ width:100%; margin:0 auto;}
.client-spacing{padding-left:5px;}
.client-spacingtop{padding-left:1px; padding-top:30px;}
.client-spacingtop2{padding-left:5px;}
.team-equipment-center{ width:75%;margin:0 auto;}
.equipment-spacing{ padding-left:0px;}
.equipment-left-text{margin-bottom:20px;}
.contact-middle p{ font-size:14px;}
.contact-center-left{ margin-top:20px;}
.contact-middle-left{ height:140px;}
.contact-middle-right{ float:left; margin-bottom:20px;}
.menu-left{ padding-top:30px;}
#aboutnav{ margin-bottom:20px;}
.menu-left-spaceing{ float:left;}
.menu-left-spaceing ul{list-style-type:none; padding:0px; float:left;}
.menu-left-spaceing li{ line-height:34px; color:#fff;}
.menu-left-spaceing li a{ line-height:34px;font-size:13px; text-decoration:none; font-weight:bold; color:#000; float:left; width:100%}
.menu-left-spaceing li a:hover{ line-height:34px; color:#012D86; font-size:13px; text-decoration:none;font-weight:bold;}
.center{ margin: 50px auto 50px; ; padding-top: 50px; line-height: 30px; color: #012D86; text-align: center; font-size: 14px; height:100px;}
.btnbb-1{ color: #fff; font-weight: bold; padding: 3px 5px; border: none; margin-right: 1px; box-shadow: none; margin-top: 10px; transition-duration: 0.1s;font-size:12px; }
.btnbb-1:active{ box-shadow:none; text-decoration: none; }
.btnbb-bg-1{text-decoration: none; 
	background:#e50011;
	position:relative;
}
.btnbb-bg-1:hover,.btnbb-bg-1:focus,.btnbb-bg-1:active{ background:#012D86; color:#fff; text-decoration: none;}
.navbkspacing{padding:0px;}
.navspacing{padding:0px;}
.footer-bg{ width: 0px; height:auto; }
.menu-font{ color:#fff;}
.app-left{width:414px}
.navbkright{ padding-left:0px;}
.lanrenzhijia{ width:414px;}
.productx{width:414px; margin-left:0%; height:1800px;}
#index-product{height:1800px;}
.container h2{ font-size:18px;}

.servers-left{ width:100%; height:outo; vertical-align: middle;
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;position: absolute; height:401px;}
.server-bg{background:url(../images/services-center-img-1.jpg) no-repeat; height:1px; margin-top:100px;}
.servers-center-top{ width:100%;}
.servers-right{ height:500px;}
.servers-center-top1{width:375px; margin-top:1px;}
.servers-top-spacing1{ margin-left:1px;}
.servers-top-spacing2{ margin-left:1px;}
.client-pading{ padding-left:30px;}


.title-list li{ font-size:14px !important;}
.lanrenzhijia .title-list li{ width:90px; }
.title-list li{margin-left: 1px;}
.app-right{ width:100%;}
.need-left h2{ font-size:20px;}
.index-about-left{ width:100%;}
.index-about-right{ width:100%; padding-left:1px;}
.home-about{ width:90%;}
}

@media only screen and (max-width: 375px) and (max-width: 414px) {
.index-form-right{ padding-left:10px; width:375px !important;}
.container h2{ font-size:18px;}
.distance-left{ margin-left:1px;}   
.img-left{ padding-left:0px;}
.need-left h2{ font-size:16px;}
.client-content1{ width:100%; margin:0 auto;}
.client-spacing{padding-left:10px;}
.client-spacingtop{padding-left:1px; padding-top:30px;}
.team-equipment-center{ width:75%;margin:0 auto;}
.equipment-spacing{ padding-left:0px;}
.equipment-left-text{margin-bottom:20px;}
.yx-rotaion{margin-top:40%;width:375px ! important;}
.menu-font{ color:#fff;}
.app-left{width:375px}
.navbkright{ padding-left:0px;}
.lanrenzhijia{ width:375px;}
.productx{width:375px; height:1800px; margin-left:0%;}
#index-product{height:1800px;}
.servers-left{ width:100%;}
.server-bg{background:url(../images/services-center-img-1.jpg) no-repeat; height:1px; margin-top:100px;}
.servers-center-top{ width:100%;}
.servers-right{ height:500px;}
.servers-center-top1{width:375px; margin-top:1px;}
.servers-top-spacing1{ margin-left:1px;}
.servers-top-spacing2{ margin-left:1px;}
.client-pading{ padding-left:30px;}
.home-clients-bottom{ padding-right:0px;}
.title-list li{ font-size:14px !important;}
.lanrenzhijia .title-list li{ width:90px; }
.title-list li{margin-left: 1px;}
.row-height{ height:500px;}
.app-right{ width:100%;}
.index-about-left{ width:100%;}
.index-about-right{ width:100%; padding-left:1px;}
}

.sizeh{font-weight:bold; padding-bottom:20px;}
.odd td{background-color:#f7f7f7;padding-left:5px;}
.tbh td{ padding-left:5px;}
.tbc td{ text-align:center;}
.tbv td{ vertical-align:middle;}
.table-td{background-color:#f7f7f7;}
.terms-and-conditions{padding-top:20px;}
.terms-and-conditions h3{text-align: center; color: #000; font-size: 25px; font-weight: bold;}
.terms-and-conditions h4{color: #000; font-weight: bold;}
.top-language{padding-left: 120px;}
.top-language a{ color: #000;}
.top-language a:hover{ color: #012D86;}