.cent,.foot{ padding:0 2%}

header{ display:block}

.hea .left{ width:40%;}

.hea .right{ width:20%;}

.hea .right dl{ display:none}

.sm{ margin-top:0}

.head1 .logo{ width:130px}

.logo img{ width:130px; height:41px}

.flex-control-nav{ bottom:110px}

.nav1,.pcx{ display:none}

.nav2,.sjx,header{ display:block}

.nav2{ width:25px; height:21px}

.nav1 ul li a,.sy1 dl dd{ font-size:14px}

.zg{width:25px;z-index: 99; display:none}

.head1{ position:relative}

.head1{ padding:0 2%; height:auto !important }

.qh{ margin-bottom:2%;}

.pcx{ display:none !important}

.sjx{ display:block !important} 

.zg1 p img, .zg1 p a{ margin:0}

.zg1,.header1 .zg1{ width:100%; right:8%; top:13px; padding-top:0}

.zg1 .left{ width:55%; padding-top:4px}

.zg1 .right img{ width:22px}

.zg1 .right span{ top:38px}

.head1 .navz,.header1 .head1 .navz{ width:53%;}

.zg1 p a{ font-size:14px; line-height:28px}

.zg1 p .yy{ padding:0 10px; margin-right:5px}

.sm span{ left:-85px}

.aa1{ display:none}

.zg1 p a{ padding:0 5px}

.head0 p span,.head0 p .a2 a{ font-size:13px}

.head0{ top:2px}

.sy0 dl dd{ font-size:12px; width:78%}

.sy0 dl dt{ width:19%} 

.flex-direction-nav li a{ width:30px; background-size:100% !important}

.foot2 p{ line-height:22px}

.foot2{ padding:4% 0} 

.sy-bt{ font-size:18px}

.sy2 .left,.sy2 .right{ width:100%}

.sy2 .right h1{ font-size:18px; height:80px}

.sy2 .right{ margin-top:5%}

.sy2 .right h2{ font-size:16px; margin-top:0}

#marquee2, #marquee3, #marquee2 ul li img, #marquee3 ul li img{ height:70px}

#marquee2 ul li, #marquee3 ul li{ padding:0 5px}

.sy4 h1{ font-size:16px}

.sy4 p br{ display:none}

.more a{ line-height:33px}



.lh-main1 .lh-plan-item li{ width:47% !important}

.bann1 h1 strong{ font-size:16px}

.lh-main1 .lh-plan-item li .text{ transform: translateY(70%);}



.jjx1-1 h1 a{ margin-right:3%}

.jjx1-1{ box-shadow:0 0 5px #ddd; margin:5px}

.jjx1-1 p{ display:none}

.jjx1{ display:none;}

.jj-z,.jj-y,.jjx2-1 .jj-z,.jjx2-1 .jj-y{ width:100%}

.jj-y{ margin-top:5%}

.jj-y h1, .jj-bt{ font-size:18px}

.jjx2-1 .jj-y h1{ font-size:16px}

.jjx2-2{ padding-right:0}

.jjx2-2 .jj-y{ padding:0 5% 5%}

.jj-bt{ background-size:60px}



.xw1-1 .right h2{ display:none}

.xw1-1 .right{ padding-top:1%}

.xw1-1 .right p{ margin-bottom:0}

.fy a{padding: 5px 10px; font-size:14px}

.xw1-1 .left p img{ height:75px}

.xw1-1 .right p{ font-size:12px; line-height:18px}



.xq1 h1{ font-size:18px}

.xq1 h2{ font-size:12px; padding-bottom:3%}

.xq1 h3 a{ font-size:14px; display:block; float:none; text-align:left !important; width:100%; line-height:20px; margin-top:1%}



.subNavBox2 .xz-l-1 h1 span,.zp1 li{ display:none}

.subNavBox2 .xz-l-1 h1 span:nth-child(1),.zp1 li:nth-child(1){ display:block}

.zp1 li,.subNavBox2 .xz-l-1 h1 span{ width:100%}

.subNavBox2 .xz-l-1,.zp1{ padding:3% 0}

.subNavBox2 .subNav{background:url(../images/zp-7.png) no-repeat top 15px right 20px;}

.subNavBox2 .currentDd{ margin:0; background:url(../images/zp-8.png) no-repeat top 15px right 20px #244EA2; }

.subNavBox2 .subNav{ background-size:14px !important}

.subNavBox2 .xz-l p{ line-height:22px}

.subNavBox2 .xz-l h2{ font-size:14px}

.subNavBox2 .xz-l h2 img{ width:30px}

.zp0 ul li{ width:30.333%; margin-top:2%}

.zp0 ul{ margin-top:-2%}

.zp0 ul li:nth-child(4){ margin-left:20%}

.zp0 ul li img{ height:126px}

.sy-bt span{ font-size:12px}



.sy-bt span{ line-height:18px}

.jm2-1{ padding:4%}

.jm2-3 p{ width:98%}

.jm2-3 p span img{ width:25px; margin-top:3px}

.jm2-3 .cd span,.jm2-3 p span{ width:14%}

.jm2-3 p input, .jm2-3 .cd textarea{ width:82%}

.jm2-3 h2 input{ height:35px; line-height:35px}



.gy2 li{ width:48%}


.gy2 li a{ font-size:14px}

.gy3 .flexslider .slides li{ padding:8% 5%} 

.gy3-1{ width:100%}

.gy3 .flexslider .slides li img{ width:45px}

.gy3-1 h1{ font-size:16px}

.gy3-1 p{ font-size:14px; line-height:22px}

.gy3 .flex-control-nav{ right:0}

#marquee4 ul li{ width:150px}

#marquee4 ul li img{ width:80px; height:78px}

#marquee4{ height:118px}

.gy4 .left,.gy4 .right{ width:100%}

.gy4 .left{ margin-bottom:5%}

.gy4 .right{ margin-left:-2%; width:102%}



.cpx4 .jj-y{ width:100%}



.x_fixed{ position:relative !important}

#main,#nav{ width:100%}

#nav{ overflow:hidden}

#nav li{ float:left; width:33.333%;}

#nav li{ font-size:14px; line-height:30px}

.cp-bt{ font-size:16px}

.cp-bt img{ width:35px}

.cp1 dl{ width:48%}

.cp1 dl dt img{ height:174px}

.cp1 dl dd strong{ font-size:14px}

.cp1 dl dd span img{ width:15px}
.dwy{ position: relative !important}

.xf{ display:none}
.sy-bt a{ padding:5px 0; width:105px}
.gy4 .right h1 textarea{ height:130px}
.sy2 .right h1 span{ display:none}

#map{ width:100% !important}
.gy2 li img{ height:88px}
.gy2 li a{ font-size:12px}
.gy2 li:nth-child(3){margin-left: 26%;}
.sy0{ height:37px}
.sy0 dl{ padding-top:7px; padding-bottom:7px}

.cpzx-subtitle{  
    left:22px;
    font-size:27px;
    margin-top:22px;
}
.cpzx-title span{ 
    bottom:22px; 
    font-size:22px;
}
.fs-5{
    font-size:16px !important;
}
.specifications-box{
    padding-top:1.25rem !important;
    padding-bottom:1.25rem !important;
}
.gy2 li:nth-child(3){margin-left: 2%;}

.server{
    width:100%;
    flex-wrap: wrap;
    padding:0 2%;
}  

.server-card{
    margin-bottom:12px;
    width:100%;
  border-radius: 0px 40px 0px 40px; 
} 
.server-card-header{
  height:45px;
  display:flex;
  align-items:center;
}
.server-card-header img{
  width:42px;
  height:42px;
  margin-left:12px;
  margin-right:12px;
}
.server-card-title{
  font-size: 18px; 
  line-height: 45px;
  height:45px; 
  width: 100%;
}
.server-card-body{    
  justify-content: space-evenly;
  padding: 22px 12px 0px 12px;
}
.server-card-body p{
  font-weight: 400;
  font-size: 14px;
  color: #7C7C7C;
  line-height: 25px;
  text-align: left;
  font-style: normal;
}

.lh-data img{
  height:14px;
  margin-left:8px;
}

.tab-box{
  display: flex; 
  justify-content: center; 
  align-items: center; 
  flex-wrap: wrap;
  font-size: 14px; 
}

.tab-box > div{
  padding: 12px 22px;
  background: #dfdfdf;
}

.tab-box > div:hover{
  background: #428B62 !important;
}
 
.tab-box > div:first-child { 
  border-radius: 8px 0px 0px 0px;
}
.tab-box > div:nth-child(2) {
  border-radius: 0px 8px 0px 0px;
}

.tab-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
}


.hzlj{ 
  width: 100%;
  padding:12px 32px 24px 42px;
  margin-top: 12px;
  flex-wrap: nowrap;
  flex-direction: column;
}


.hzlj-title{
  font-size: 18px;
  padding:12px 0px;
}

.hzlj ul li  {
  color: #428D63;
  list-style: initial; 
  font-size:20px;
}

.hzlj ul li span {
  font-size: 14px;
  color: #737373;
  line-height: 36px;
}



.hzlj-box-container{
  width: 100%;
  flex-wrap: nowrap;
  flex-direction: column;
}
.hzlj-box{
  width: 92%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  padding:12px 0px; 
  margin-bottom:12px;
}
.hzlj-box:hover{
  box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.3);
  transition: box-shadow 0.5s ease;
}

.hzlj-box iconify-icon{
  font-size:56px;
  color: #428B62;
}

.hzlj-box-title{
 font-weight: bold;
  font-size: 18px;
  color: #428D63;
  line-height: 24px;
}

.hzlj-box ul{ 
  padding: 0px 24px 0px 52px;
}

 .hzlj-box ul li{
  color: #428D63;
  list-style: initial; 
  font-size:16px;
}

.hzlj-box ul li span{
  font-size: 16px;
  color: #737373;
  line-height: 36px;
}
 
.cp{    
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.cp > div{
  width:92%;
  padding: 12px 12px;
  background: #ffff; 
  box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.3);
  margin-bottom: 12px;
  border-radius: 8px;
} 

.cp > div:nth-child(odd) {
  align-self: anchor-center;  
}

.cp > div:nth-child(even) { 
  align-self: anchor-center;
  background-position: right 4px !important;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-end;
}
  
.cp-title {
  font-size: 40px;
  color: #428D63;
  line-height: 53px;
}

.cp-subtitle{
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  color: #FFFFFF;
  background: #428D63;
  width: 160px;
  padding: 12px 12px;
  margin: 0px 32px;
  border-radius: 8px;
  position: relative;
  box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.3);
}


.cp > div:nth-child(odd) .cp-subtitle::before {
  content: "";
  position: absolute;
  left: -16px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 16px solid #428D63;
}

 

.cp > div:nth-child(even) .cp-subtitle::after {
  content: "";
  position: absolute;
  right: -16px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 16px solid #428D63;
}


.cp-desc{
  margin: 12px 0px 0px 12px;
  height: auto; 
}

.cp > div:nth-child(even) .cp-desc{
  margin:22px 0px 0px 12px;
  height: auto;  
}

.cp-desc  div {
  font-size: 16px;
  color: #737373;
  line-height: 36px;
}