* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
	font-family:"Microsoft YaHei",微软雅黑;
}

ul,
ol {
    list-style: none;
}

input {
    border: none;
    outline-style: none;
}

a {
    text-decoration: none;
}

.main {
    width: 1200px;
    max-width: 1200px;
    margin: 0 auto;
}




.mesmain {
    width: 100%;
    max-width: 100%;
	background:#fff;
    margin: 0 auto;
	padding-top: 0px;
}


.mesmain img{
    width: 100%;
    
}



header {
    position: relative;
    background-color: #fff;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
}

header .logo {
    width: 214px;
}




header .main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1600px;
    max-width: 1600px;
}

header .nav {
    display: flex;
}

header .nav li .navChildren {
    width: 100%;
    background-color: #fff;
    position: absolute;
    z-index: 999999;
    left: 0;
    top: 100%;
}

header .nav li a {
    display: block;
    font-size: 18px;
    color: #333333;
    padding: 30px 30px;
}

.nav_son {
    position: relative;
}

.nav_son li {
    display: flex;
    align-items: start;
    margin: 12px 0;
    padding: 0 24px;
}

.nav_son .nav_right {
    display: none;
    position: absolute;
    top: 0;
    left: 293px;
    width: 605px;
    height: 605px;
    background-color: #fff;
    padding: 12px 0;
    overflow-y: scroll;
}

.nav_son .nav_right .items {
    display: flex;
    align-items: center;
    width: 100%;
    background-color: #fff;
}

.nav_son .nav_right .items:hover {
    background-color: #f5f5f5;
}

.nav_son .nav_right .actives {
    background-color: #f5f5f5;
}

.nav_right .pic {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 241px;
    height: 136px;
}

.nav_right .pic img {
    width:120px;
}

.nav_right .text {
    width: 360px;
	font-size:16px !important;
	 font-weight: normal !important;
}


.nav_right .text h4{
 
	font-size:16px !important;
	 font-weight: bold !important;
}
.nav_right .text p {
    width: 100%;
    word-wrap: break-word;
	padding-top: 10px;
  line-height: 24px;
  font-size:16px !important;
  font-weight: normal !important;
}

.navChildren {
    display: none;
}

.navChildren .leftbg {
    width: 30%;
    height: 605px;
}

.leftbg img {
 width:400px;
    height: auto;
    object-fit: cover;
}

.navChildren .nav_son li a {
    display: block;
    padding: 6px 0;
    font-size: 20px;
    width: 100%;
    text-align: left;
    border-radius: 2px;
	padding-left: 10px;
	font-weight:bold;

}

.navChildren .nav_son li .active,
.navChildren .nav_son li:hover>a {
    background-color: #f5f5f5;
    color: #000;
	width:250px;
}

header .nav li:hover .navChildren .nav_son li:nth-child(1) .nav_right {
    display: block;
}

header .nav li .active {
    color: #2e8ab9;
}

header .nav li a:hover {
    color: #2e8ab9;
}

header .nav li:hover .navChildren {
    display: flex;
}

.hover {
    display: none;
}

.head_right {
    display: flex;
    align-items: center;
    height: 100%;
}

.head_right .item_btn {
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 28px;
    cursor: pointer;
}

.head_right .item_btn .item_btn_box {
    display: none;
    background-color: #fff;
    position: absolute;
    top: 100%;
    flex-direction: column;
    z-index: 999;
    width: 100%;
    background-color: #fff;
    padding: 20px 30px 0;
    text-align: center;
}

.head_right .item_btn .item_btn_box .lang {
    display: block;
    width: 100%;
    border-bottom: 1px solid #dddddd;
    padding: 20px 0;
}

.head_right .item_btn .item_btn_box .lang:last-child {
    border-bottom: none;
}

.head_right .item_btn .item_btn_box .lang:hover {
    color: #3b91bd;
}

.head_right .item_btn .icon {
    width: 22px;
}

.head_right .item_btn:hover>.icon .default {
    display: none;
}

.head_right .item_btn:hover>span {
    color: #2e8ab9;
}

.head_right .item_btn:hover>.icon .hover {
    display: block;
}

.head_right .item_btn:hover .item_btn_box {
    display: flex;
}

.icon {
    display: flex;
    align-items: center;
}

.icon img {
    width: 100%;
}

.head_right .item_btn span {
    margin: 0 10px;
	font-size: 20px;
	color:#000;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-pagination-bullet {
    background-color: #fff;
    opacity: 1;
    width: 12px;
    height: 12px;
}

.swiper-pagination-bullet-active {
    width: 48px;
    border-radius: 12px;
    background-color: #ea9d38;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 23px;
}

.titles {
    display: flex;
    flex-direction: column;
    align-items: center;
   padding-top: 70px;
}

.titles h3 {
    font-size: 36px;
    color: #333333;
}

.titles p {
    color: #666666;
    margin-top: 20px;
	font-size: 20px;
}

body {
    background-color: #f2f2f2;
	font-family:"Microsoft YaHei",微软雅黑;
}

.flex_end {
    display: flex;
    justify-content: end;
	padding-bottom: 40px;
}

.bodys {
    background-color: #fff;
}

.row_d {
    display: flex;
    justify-content: space-between;
}

.row_c {
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav_head_m {
    align-items: center;
    width: 100%;
    justify-content: space-between;
    display: flex;
    padding: 10px 20px 20px 10px;
}

.nav_head_m .back {
    display: flex;
    align-items: center;
}

.nav_head_m .icon {
    display: flex;
    align-items: center;
    width: 28px;
    padding-top: 3px;
}

.close {
    display: flex;
    align-items: center;
    padding-top: 3px;
    width: 20px;
}

.close img {
    width: 100%;
}

.m_show {
    display: none;
}

.menu {
    width: 30px;
    display: none;
}

.menu img {
    width: 100%;
}

@media screen and (max-width:1600px) {
    header .main {
        width: 98%;
    }
}

@media screen and (max-width:1300px) {
    header .nav li a {
        font-size: 16px;
        padding: 30px 20px;
    }
    .head_right .item_btn {
        margin-left: 15px;
    }
}

@media screen and (max-width:1200px) {
    header .nav li a {
        font-size: 14px;
        padding: 25px 13px;
    }
    .head_right .item_btn .icon {
        width: 18px;
    }
    .head_right .item_btn span {
        margin: 0 5px;
        font-size: 14px;
    }
}

@media screen and (max-width:1100px) {
    header .logo {
        width: 180px;
    }
}

@media screen and (max-width:900px) {
    .menu {
        display: block;
    }
    .m_show {
        display: flex;
    }
    header {
        padding: 20px 0;
    }
    header nav {
        display: none;
        position: fixed;
        width: 100%;
        height: 100vh;
        background-color: #fff;
        z-index: 99999;
        left: 0;
        top: 0;
    }
    .head_right {
        display: none;
    }
    header nav .nav {
        flex-direction: column;
    }
    header .nav li a {
        padding: 15px 22px;
        border-bottom: 1px solid #eaeaea;
        font-size: 16px;
    }
    header .nav li .navChildren {
        position: static;
    }
    .navChildren .leftbg {
        display: none;
    }
    .navChildren .nav_son li a,
    .navChildren .nav_son,
    .navChildren .nav_son li {
        width: 100%;
        text-align: left;
    }
    .navChildren .nav_son li a {
        padding-left: 15px;
    }
    .navChildren .nav_son li:hover .nav_right {
        display: none;
    }
	
	
	.mesmain  img{
    width: 100%;
    
}
.main img{
    width: 100%;
}


.banner img{
    width: 100%;
}

}




.coop img{ width: 100%;}






@media screen and (max-width: 768px) {
    
    
    .logo img {
    width: 100%;
}

*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;text-decoration:none;}

.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
*html .clearfix{height:1%}

.btn{display:inline-block;width:100px;height:32px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;line-height:32px;color:#009FD9;text-align:center;text-decoration:none;font-size:14px;cursor:pointer}

.cloud-product-box{background:url(../image/cpts.png) center no-repeat}
.cloud-product-wrapper{margin:0 auto;width:100%}
.cloud-product{position:relative;z-index:9;}
.cloud-product-title{height:32px;text-align:center;line-height:32px;font-size:32px;color:#333}
.color-blue{color:#009fd9}
.cloud-product-explain{margin-top:26px;margin-bottom:82px;height:16px;line-height:16px;text-align:center;font-size:16px;color:#999}
.cloud-product-ul{width:100%;margin:auto;}
.cloud-product-ul li{position:relative;margin-left:12px;width:94%;margin-bottom:20px;float:left;height: 360px;}
.cloud-product-ul li:first-child{}
.cloud-product-single-top{width:100%;height:60px;line-height:60px;text-align:center;background-color:#f2f2f2}
.cloud-product-name{font-size:18px;color:#333;font-weight:700}
.cloud-product-single-bottom{width:100%;height:340px;padding-top: 50px;}
.empty-space{width:100%;height:99px;padding:26px 0 0 0;}
.single-bottom-item{height:340px;width:100%}
.single-bottom-item:first-child{border-right:1px solid #eee}
.bg-product-pic{width:100%;height:82px}
.server-header-01{background:url(../image/product_header_icon_01.png) center no-repeat}
.server-header-02{background:url(../image/product_header_icon_02.png) center no-repeat}
.server-header-03{background:url(../image/product_header_icon_03.png) center no-repeat}
.server-header-04{background:url(../image/product_header_icon_04.png) center no-repeat}
.server-header-05{background:url(../image/product_header_icon_05.png) center no-repeat}
.server-header-active-01{background:url(../image/product_header_active_icon_01.png) center no-repeat}
.server-header-active-02{background:url(../image/product_header_active_icon_02.png) center no-repeat}
.server-header-active-03{background:url(../image/product_header_active_icon_03.png) center no-repeat}
.server-header-active-04{background:url(../image/product_header_active_icon_04.png) center no-repeat}
.server-header-active-05{background:url(../image/product_header_active_icon_05.png) center no-repeat}

.product-introduce-title{margin-bottom:14px;height:22px;line-height:22px;font-size:22px;text-align:center}
.product-introduce-title.normal-weight{font-weight:400}
.product-introduce-content{margin:0 auto 26px;width:180px;line-height:32px !important;font-size:18px !important;text-align:center;color:#999}
.product-introduce-list{margin:0 auto;padding-top:18px;padding-bottom:18px;width:84%;border:1px solid #f1f1f1;border-left:none;line-height:32px !important;font-size:16px !important;border-right:none}
.introduce-list-small{line-height:28px;font-size:18px;color:#999;text-align:left;}
.product-introduce-price{margin:48px auto 0;font-size:14px;text-align:center;color:#333}
.price-blue{color:#0af;font-size:38px}
.normal-inner{transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.active-inner{position:relative;display:none;height:408px;-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.introduce-link{position:absolute;top:0;left:0;width:100%;height:360px}
.active-inner-01{}
.active-inner-02{}
.active-inner-03{}
.active-inner-04{}
.active-inner-05{}
.cloud-product-ul li.active .active-inner{display:block;-moz-opacity:1;-khtml-opacity:1;opacity:1;color:#fff;font-size:18px;line-height:32px;}

.cloud-product-ul li.active .normal-inner{display:none;-moz-opacity:0;-khtml-opacity:0;opacity:0}
.cloud-product-ul li{background:#fff;height: 390px;
    border-radius: 10px;}
.cloud-product-ul li.active{z-index:9;width:100%;background: url(../image/mests.png) center no-repeat;}
.active .product-introduce-content{color:#eff6ff}
.active-product-introduce-title{color:#fff}
.active .product-introduce-list{padding-top:18px;padding-bottom: 18px;border-color:#3f9ff9;color:#fff;font-size:18px}
.introduce-list-large{margin:0 auto;line-height:28px;color:#fff;font-size:18px}
.active .product-introduce-price{margin-top:32px;color:#fefeff}
.product-introduce-price .price-white{display:inline-block;font-size:36px;height:36px;line-height:36px;color:#fff}
.buy-link-btn{display:block;margin:30px auto 0;width:90%;height:40px;line-height:40px;background-color:#ff9600;color:#fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.buy-link-btn:hover{background-color:#f80}
.active-inner-item{padding-top:50px;}
    
}   

@media screen and (min-width: 768px) {
.logo img {
   
}

*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;text-decoration:none;}

.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
*html .clearfix{height:1%}

.btn{display:inline-block;width:100px;height:32px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;line-height:32px;color:#009FD9;text-align:center;text-decoration:none;font-size:14px;cursor:pointer}

.cloud-product-box{background:url(../image/cpts.png) center no-repeat}
.cloud-product-wrapper{margin:0 auto;width:1200px}
.cloud-product{position:relative;z-index:9;padding: 210px 0 180px;}
.cloud-product-title{height:32px;text-align:center;line-height:32px;font-size:32px;color:#333}
.color-blue{color:#009fd9}
.cloud-product-explain{margin-top:26px;margin-bottom:82px;height:16px;line-height:16px;text-align:center;font-size:16px;color:#999}
.cloud-product-ul{width:100%;margin:auto;}
.cloud-product-ul li{position:relative;margin-left:12px;width:32%;float:left;height: 360px;}
.cloud-product-ul li:first-child{}
.cloud-product-single-top{width:100%;height:60px;line-height:60px;text-align:center;background-color:#f2f2f2}
.cloud-product-name{font-size:18px;color:#333;font-weight:700}
.cloud-product-single-bottom{width:100%;height:340px;padding-top: 50px;}
.empty-space{width:100%;height:99px;padding:26px 0 0 0;}
.single-bottom-item{height:340px;width:100%}
.single-bottom-item:first-child{border-right:1px solid #eee}
.bg-product-pic{width:100%;height:82px}
.server-header-01{background:url(../image/product_header_icon_01.png) center no-repeat}
.server-header-02{background:url(../image/product_header_icon_02.png) center no-repeat}
.server-header-03{background:url(../image/product_header_icon_03.png) center no-repeat}
.server-header-04{background:url(../image/product_header_icon_04.png) center no-repeat}
.server-header-05{background:url(../image/product_header_icon_05.png) center no-repeat}
.server-header-active-01{background:url(../image/product_header_active_icon_01.png) center no-repeat}
.server-header-active-02{background:url(../image/product_header_active_icon_02.png) center no-repeat}
.server-header-active-03{background:url(../image/product_header_active_icon_03.png) center no-repeat}
.server-header-active-04{background:url(../image/product_header_active_icon_04.png) center no-repeat}
.server-header-active-05{background:url(../image/product_header_active_icon_05.png) center no-repeat}

.product-introduce-title{margin-bottom:14px;height:22px;line-height:22px;font-size:22px;text-align:center}
.product-introduce-title.normal-weight{font-weight:400}
.product-introduce-content{margin:0 auto 26px;width:180px;line-height:32px !important;font-size:18px !important;text-align:center;color:#999}
.product-introduce-list{margin:0 auto;padding-top:18px;padding-bottom:18px;width:84%;border:1px solid #f1f1f1;border-left:none;line-height:32px !important;font-size:16px !important;border-right:none}
.introduce-list-small{line-height:28px;font-size:18px;color:#999;text-align:left;}
.product-introduce-price{margin:48px auto 0;font-size:14px;text-align:center;color:#333}
.price-blue{color:#0af;font-size:38px}
.normal-inner{transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.active-inner{position:relative;display:none;height:408px;-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.introduce-link{position:absolute;top:0;left:0;width:100%;height:360px}
.active-inner-01{}
.active-inner-02{}
.active-inner-03{}
.active-inner-04{}
.active-inner-05{}
.cloud-product-ul li.active .active-inner{display:block;-moz-opacity:1;-khtml-opacity:1;opacity:1;color:#fff;font-size:18px;line-height:32px;}

.cloud-product-ul li.active .normal-inner{display:none;-moz-opacity:0;-khtml-opacity:0;opacity:0}
.cloud-product-ul li{background:#fff;height: 390px;
    border-radius: 10px;}
.cloud-product-ul li.active{z-index:9;width:33%;background: url(../image/mests.png) center no-repeat;}
.active .product-introduce-content{color:#eff6ff}
.active-product-introduce-title{color:#fff}
.active .product-introduce-list{padding-top:18px;padding-bottom: 18px;border-color:#3f9ff9;color:#fff;font-size:18px}
.introduce-list-large{margin:0 auto;line-height:28px;color:#fff;font-size:18px}
.active .product-introduce-price{margin-top:32px;color:#fefeff}
.product-introduce-price .price-white{display:inline-block;font-size:36px;height:36px;line-height:36px;color:#fff}
.buy-link-btn{display:block;margin:30px auto 0;width:90%;height:40px;line-height:40px;background-color:#ff9600;color:#fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.buy-link-btn:hover{background-color:#f80}
.active-inner-item{padding-top:50px;}

}