@charset "utf-8";
@media screen and (min-width:1390px) {
 .inner {
width: 1376px;
}
 .boxC .en {
font-size: 50px;
}
 .boxC .zh {
font-size: 45px;
}
}
@media screen and (min-width:1441px) {
}
@media screen and (min-width:1701px) {
 .productIbox .item {
}
}
@media screen and (max-width:1440px) {
 .tech_box ul li .text {
 padding-top: 2%;
}
 .twoCultrue .con {
 top:12%;
}
 .twoCultrue dd:hover .by2 {
 margin: 2% auto;
}
}
@media screen and (max-width:1390px) {
 .tel {
margin-left:0;
}
 .tech_box ul li .text {
 padding-top: 1%;
}
 .tech_box .text .p_txt {
 font-size:14px;
}
 .twoCultrue .con {
 top:8%;
}
.twoCultrue .c{
	font-size:12px;}
}
@media screen and (max-width:1281px) {
 .news_box ul li .txt .time {
 margin-left:5px;
}
 .news_box ul li .txt .detail {
 width:80%;
 padding-right:5px;
}
 .tech_box ul li .text {
 padding-top:1%;
}
 .after .tech_box ul li .text {
 padding-top:4.5%;
}
}
@media screen and (max-width:1180px) {
 .inner {
width: 1000px;
}
 .logo, .pc-nav-menu .homeBox {
margin-left: 10px;
}
 .tel {
 display:none;
}
 .pc-menu {
right: 8px;
}
 .pc-menu li.serach-toggle {
padding: 19px 12px 0;
}
 .nav li {
font-size: 14px;
}
 .w1132 {
width: 90%;
}
 .honorDemo {
width: 100%;
}
 .honorDemo ul {
margin-left:0px;
}
 .honorDemo .item {
margin-bottom:30px;
width:21%;
}
 .tech_box .text .p_t {
 font-size:16px;
}
 .twoCultrue .con {
background-color: #fafafa;
display: block;
padding:15px 0px;
width: 100%;
left: auto;
position: relative;
top: auto;
}
 .twoCultrue dd {
width: 48%;
margin: 0px 1% 2%;
}
 .twoCultrue dd:hover .con {
top: auto;
}
 .twoCultrue dd:hover .yellow_80 {
display: none;
}
 .twoCultrue dd:hover .t .txt {
color: #727272;
}
 .twoCultrue dd:hover .t .bot {
background-color: #727272;
}
 .twoCultrue dd .by1 {
opacity: 0;
transform: translate(0px, -50px);
-webkit-transform: translate(0px, -50px);
height: 0px;
margin-bottom: 0px;
overflow: hidden;
}
 .twoCultrue dd .by2, .twoCultrue dd:hover .by2 {
opacity: 1;
margin: 15px auto;
visibility: visible;
}
 .twoCultrue dd .by {
color: #F0BE00;
}
 .twoCultrue dd .t .bot1 {
visibility: hidden;
opacity: 0;
}
 .twoCultrue dd .t .txt {
padding: 0px 0px 12px;
}
 .twoCultrue dd .c {
display: block;
color: #4B4B4B;
}
 .twoCultrue dd .lico, .twoCultrue dd:hover .lico {
display: none;
}
}
@media screen and (max-width:1024px) {
 .transYT {
transform: translateY(0px);
-webkit-transform: translateY(0px);
opacity: 1;
visibility: visible;
transition: transform 0ms, opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1);
-webkit-transition: transform 0ms, opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1);
transition-timing-function: ease-out;
-webkit-transition-timing-function: ease-out;
}
 .transYT2 {
transform: translateY(0px);
-webkit-transform: translateY(0px);
opacity: 1;
visibility: visible;
transition: transform 0ms, opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1);
-webkit-transition: transform 0ms, opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1);
transition-timing-function: ease-out;
-webkit-transition-timing-function: ease-out;
}
 .transXT {
transform: translateX(0px);
-webkit-transform: translateX(0px);
opacity: 1;
visibility: visible;
transition: transform 0ms, opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1);
-webkit-transition: transform 0ms, opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1);
transition-timing-function: ease-out;
-webkit-transition-timing-function: ease-out;
}
 .transXT2 {
transform: translateX(0px);
-webkit-transform: translateX(0px);
opacity: 1;
visibility: visible;
transition: transform 0ms, opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1);
-webkit-transition: transform 0ms, opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1);
transition-timing-function: ease-out;
-webkit-transition-timing-function: ease-out;
}
 .action.transYT {
opacity: 1;
visibility: visible;
transform: translateY(0px);
-webkit-transform: translateY(0px);
}
 .action.transYT2 {
opacity: 1;
visibility: visible;
transform: translateY(0px);
-webkit-transform: translateY(0px);
}
 .action.transXT {
opacity: 1;
visibility: visible;
transform: translateY(0px);
-webkit-transform: translateY(0px);
}
 .action.transXT2 {
opacity: 1;
visibility: visible;
transform: translateY(0px);
-webkit-transform: translateY(0px);
}
 .inner, .aboutNav, .infoC, .innerP, .w950 {
width: 90%;
}
 .nav, .pc-menu, .pc-navbox {
display: none !important;
}
 .topBox {
box-shadow: 0px 0px 0px;
}
 .top {
box-shadow: -1px 0 3px rgba(0, 0, 0, 0.5);
}
 .pc-navbox {
top: 0px;
}
 .logoBox {
width: auto;
}
 .logo {
margin-left: 0px;
width: 160px;
margin-top:10px;
}
 .moible-menu {
display: block;
}
 .mtop {
height: 56px;
}
 .pc-searchbox {
display: none;
}
 .moible-searchbox {
display: block;
}
 .backTop {
width: 50px;
height: 50px;
}
 .backTop .ico {
padding-top: 50px;
font-size: 0px;
overflow: hidden;
height: 0px;
}
 .boxC .en {
font-size: 35px;
}
 .boxC .zh {
font-size: 30px;
margin: 15px auto 25px;
}
 .boxC .moreBox .bot {
margin-bottom: 20px;
}
 .bannerBox .slick-dots a {
width: 6px;
height: 6px;
border-radius: 50%;
background: none;
border:1px solid #014DA1;
}
 .bannerBox .slick-dots li.slick-active a {
background: none #014DA1;
}
 .iboxT .t {
font-size: 35px;
}
 .aboutIbox {
}
 .aboutIc {
width: 86%;
margin: 30px auto 0px;
}
 .aboutIList .y1, .aboutIList .y2 {
width: 56px;
height: 56px;
border: 2px solid #d2d2d2;
border-radius: 50%;
background:none #e5e5e5;
}
 .aboutIList .y2 {
border: 2px solid #fff;
background:none #F0BE00;
}
 .newArrivalsIbox {
padding-top: 100px;
}
 .productIbox .slick-arrow {
border: 1px solid #F0BE00;
background:rgba(230, 180, 0, 0.8) none repeat scroll 0 0;
width: 40px;
height: 40px;
margin-top: -21px;
}
 .productIbox .slick-arrow i {
transform: scale(0.7);
-webkit-transform: scale(0.7);
}
 .productIbox .slick-prev, .productIbox .slick-next {
transform:translateX(0px);
-webkit-transform:translateX(0px);
-ms-transform:translateX(0px);
opacity: 1;
}
 .productIbox .item:hover .yellow_80 {
display: none;
}
 .productIbox .item:hover .more-line .line {
display: none;
}
 .sub_menu.fixed {
 top:60px;
}
 .news_box ul li .txt .detail {
 width:75%;
}
 .banner_news {
 width:50%;
}
 .pro_brand_title {
 width:80%;
}
 .pro_brand_con {
 padding:80px 0;
}
 .pro_brand_con p {
 width:90%;
}
 .pbanner {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
height: 300px !important;
}
 .pbanner .img {
display: none !important;
}
 .pbanner .bg {
display: none;
}
 .honorDemo .item {
width: 29.33%;
}
 .environment_con ul li {
 width:33.333333%;
}
 .contactPage {
width: 100%;
margin: 0px auto;
padding: 50px 0px 20px;
}
 .map {
height: 300px;
width: 100%;
margin: 0px auto;
}
 .map-box {
margin-bottom: 50px;
}
 .map-box dd {
float: none;
height: auto;
width: 100%;
overflow:hidden;
}
 .jz-hbox {
 height:auto;
}
 .jz-map-btn {
padding-bottom: 20px;
}
 .jz-map-list .ico {
width: 25px;
}
 .tech_box ul li .text {
 width:100%;
 padding:5% 2%;
}
 .tech_box .text .p_txt {
 font-size: 16px;
}
 .tech_box .text p.p_con {
 display:block;
}
 .tech_box ul li .img {
 width:100%;
}
 .plan_service ul li {
 width:49.8%;
}
}
@media screen and (max-width:860px) {
 .boxC .en {
font-size: 30px;
}
 .boxC .zh {
font-size: 25px;
}
 .banner .pimg {
display: block;
}
 .banner .bimg {
display: none !important;
}
 .iboxT .t {
font-size: 30px;
}
 .iboxT .by {
font-size: 22px;
}
 .iboxT .line {
margin-top: 25px;
}
 .linkBox .lin2 {
width: 84%;
}
 .linkBox .lin3 {
width: 100%;
text-align: left;
}
 .linkBox .sharpbox {
float: none;
margin:20px auto 10px;
}
 .digg {
 margin-top:60px;
}
 .infoPaging {
 margin-top:60px;
}
 .news_show .infoT {
 margin-bottom:30px;
}
 .news_show .video_con {
 padding-top:40px;
}
 .page_con {
 padding-bottom:40px;
}
 .contact_form {
 padding:40px 0 0;
}
 .partner_box ul li {
 width:29.333333%;
}
 .environment_con ul li {
 width:50%;
}
 .honorDemo .item {
 width:48%;
}
 .sub_menu {
 height:auto;
}
 .sub_case_box .item {
 width:48%;
}
 .news_box ul li {
 width:48%;
 margin:1%;
}
 .banner_news {
 width:100%;
}
 .productIbox, .pro_brand_title, .news_box {
 margin-top:40px;
}
 .advantage, .news {
 margin:50px 0;
}
 .brand_intro .imgbox {
 width:98%;
}
 .contact_form {
 padding:40px 0 0;
}
 .brand_products_box ul li {
 width:48%;
}
 .pageC .img, .pageC .text {
 width:100%;
 margin:auto;
}
 .yu_bg {
 right:0;
}
 .pro-bd {
 width:95%;
}
 .introduct-fixs {
 padding:30px 10px 20px;
}
}
@media screen and (max-width:641px) {
 .inner, .aboutNav, .w1132, .infoC, .innerP, .w950 {
width: 94%;
}
 .sharpbox a .i {
transform: scale(0.8);
-webkit-transform: scale(0.8);
}
 .boxC .en {
font-size: 25px;
}
 .boxC .zh {
font-size: 20px;
margin: 10px auto 15px;
}
 .boxC .moreBox .bot {
margin-bottom: 10px;
}
 .foot .linkA {
float: none;
}
 .linkBox .inner {
position: relative;
}
 .linkBox .lin1 {
width: 69px;
position: absolute;
left: 0px;
top: 0px;
}
 .linkBox .lin2 {
padding-left: 15px;
width: 100%;
box-sizing: border-box;
}
 a.logo2 {
width: 50px;
font-size: 12px;
}
 a.logo2 img {
margin-bottom: 5px;
}
 .linkImg .img {
width: 45px;
}
 .pbanner {
height: 240px !important;
}
 .pbanner .con .en {
font-size: 30px;
}
 .pbanner .con .zh {
font-size: 20px;
}
 .aboutAd {
 padding:40px 10px;
}
 .advantage_con li {
 width:98%;
 margin:1%;
}
 .pro_brand_title {
 width:100%;
}
.twoCultrue dd {
float: none;
width: 98%;
}
 .twoCultrue dd .c {
height: auto;
}
 .twoCultrue .con {
padding: 15px 0px 25px;
}
}
@media screen and (max-width:481px) {
 .boxC .en {
font-size: 20px;
}
 .boxC .zh {
font-size: 18px;
margin: 8px auto 12px;
}
 .boxC .moreBox {
font-size: 10px;
}
 .boxC .moreBox .bot {
margin-bottom: 8px;
width: 80px;
}
 .iboxT .t {
font-size: 25px;
}
 .iboxT .by {
font-size: 16px;
}
 .iboxT .line {
width: 80px;
}
 .iboxT .line2 {
width: 80%;
}
 .pbanner {
height: 200px !important;
}
 .news_box ul li {
 width:98%;
}
 .aboutType dd {
 width:100%;
}
 .aboutAd p {
 font-size:20px;
}
 .plan_service ul li {
 width:100%;
 margin:0;
}
}
@media screen and (max-width:421px) {
 .productIbox, .pro_brand_title, .news_box {
 margin-top:30px;
}
 .advantage, .news {
 margin:40px 0;
}
 .advantage {
 padding:30px 0;
}
 .productIbox-more {
 padding: 30px 0px 0;
}
 .aboutIbox .about_top {
 padding:50px 0 0;
}
 .pro_brand_con p {
 margin:30px auto;
}
 .foot span {
 float:left;
}
 .honorDemo .item {
 width:100%;
 margin: 1% 0;
}
 .subBtn {
 width:70%;
 height:46px;
}
 .introduct-li {
 padding:15px;
}
 .introduct-fixs {
 padding:20px 15px 15px;
}
.aboutPage1,.honorPage,.honorDemo{
	padding:50px 0;}
.pageC{
	margin-top:50px;}
.environment_con{
	padding-top:50px;}
.pboxT .byEn {
    font: 24px/1.1 "futura_lightregular", "times new roman", "microsoft yahei";
}
.sub_main,.brand_products{
	padding:40px 0;}
.brand_intro{
	margin:40px auto;}
.brand_products_box,.brand_case, .brand_case .productIbox,.sub_main .tech_box,.hosting_advantage .advantage_con,.hosting_case,.hosting_case .productIbox{
	margin-top:40px;}
.hosting_advantage{
	padding-top:40px;}
.contactPage{
	padding:40px 0 20px;}
.contact_form{
	padding:0;}
}
@media screen and (max-width: 375px) {
}
@media screen and (max-width: 360px) {
 .boxC {
top: 25%;
}
 .linkBox {
padding: 30px 0px 40px;
}
 .linkBox .lin1 {
position: relative;
left: auto;
top: auto;
width: 100%;
float: none;
padding-bottom: 20px;
}
 .linkBox .lin2 {
padding-left: 0px;
}
 .boxC .en {
font-size: 18px;
}
 .boxC .zh {
font-size: 14px;
}
 .pro_brand_title ul li {
 width:19%;
 margin:0 0.5%;
}
}