html,body{width:100%; margin: 0; padding: 0; overflow-x:hidden; overflow-y:auto;}
a,span,i{display: inline-block;text-decoration: none;}
li{list-style: none;}
h1, h2, h3, h4, h5, h6{ margin: 0 !important;}
ul {padding: 0px;}
em {font-style: normal;}
input {outline: none;}
/*头部+ban*/
.ctrl-top{ background: #242a37; border-bottom: none; height: 44px !important;}
.ctrl-top .am-header-nav img{ height: 44px;}
.ctrl-top .am-header-nav>a{ color: #fff;}
.ctrl-top .am-header-icon{ font-size: 2.8rem;}
.ctrl-ban .am-control-nav li a{ width: 30px !important; height: 3px !important; background: rgba(255,255,255,0.4); box-shadow: none;}
.ctrl-ban .am-control-nav li a.am-active{ background: #fff;}
.ctrl-ban .am-control-nav{ bottom: 6px !important;}
.am-slider-a2 .am-control-nav li a.am-active{ background: #1977f3 !important;}
.am-tabs-d2 .am-tabs-nav>.am-active a{ color: #1977f3 !important;}
.am-tabs-d2 .am-tabs-nav>.am-active{ border-bottom:2px solid #1977f3 !important;}
.am-tabs-d2 .am-tabs-nav a{ line-height: 42px !important;}
.ctrl-ban{box-shadow: none;-webkit-box-shadow:none}
/*首页云计算服务*/
.ctrl-js{ width: 100%; height: auto; background: #f5f8fa; background-size: cover;border-top: 1px solid #ebeced;}
.ctrl-js-bt{ width: 90%; margin: 0 auto;}
.ctrl-js-bt h3{ width: 100%; text-align: center; font-size:18px; color: #333333; padding-top: 24px;font-weight: normal; margin: 0;line-height: 36px;}
.ctrl-js-db{margin-top: 20px;}
.ctrl-js-db .bo-list{ width: 98%; margin: 0 auto; overflow: hidden;}
.ctrl-js-db .bo-list li{ border-radius: 2px; min-height:110px; background: #fff; float: left; margin: 0.6rem 0.2rem 0.6rem 0.3rem;}
.ctrl-js-db .bo-list li img{ margin: 25px auto 10px auto; width: 35px; height: 35px;}
.ctrl-js-db .bo-list li h3{ margin: 0; line-height: 2rem; font-size:14px; color: #333;}
.ctrl-js-db .bo-list li p{ margin: 0; line-height: 20px; font-size:12px;padding-top: 5px; color: #999;}
.bo-list .am-avg-sm-4>li:nth-of-type(n){ text-align: center;}
.bo-list .am-avg-sm-4>li{ width: 23.5%; text-align: center;}
.bo-list .am-avg-sm-4>li:nth-child(4n){margin-right: 0;}
/*解决方案*/
.ctrl-selution{ width: 100%; background: #ffffff; text-align: center;}
.ctrl-selution-bt {width: 100%; margin: 0 auto; text-align: center; border-bottom: 1px solid #ebeced;}
.ctrl-selution-bt h3{ width: 95%; text-align: center; font-size: 20px; color: #333; padding-top: 24px;font-weight: normal; margin: 0 auto !important; }
.ctrl-selution-bt h5{ width: 95%; text-align: center; font-size:14px; color: #888; padding-top:8px ; padding-bottom: 20px; font-weight: normal; margin: 0 auto !important;}
.ctrl-selution-db{margin: 0;}
.ctrl-selution-db .am-accordion-gapped{ margin: 0 !important;}
.ctrl-selution-db .am-accordion-gapped .am-accordion-item{ border: none; margin: 0;}
.ctrl-selution-db .am-accordion-gapped .am-accordion-title{ text-align: left; border-bottom: 1px solid #ebeced; color: #333; font-size: 17px; line-height: 24px; padding: 13px 10px 13px 15px; }
.ctrl-selution-db .am-accordion-gapped .am-active .am-accordion-title{ background: #fff;color: #1977f3;padding: 13px 10px 13px 15px;}
.ctrl-selution-db .am-accordion-bd{ background: #f5f8fa; }
.ctrl-selution-db .am-accordion-gapped .am-accordion-title .gay-tb{ width: 30px; height: 30px; float: left; margin-right: 10px; display: inline-grid;}
.ctrl-selution-db .am-accordion-gapped .am-accordion-title .gay-tb img{ width: 100%; vertical-align: middle; margin-top: -2px;}
.ctrl-selution-db .am-accordion-gapped .am-accordion-title .blue-tb{ width: 30px; height: 30px; display: none;float: left;margin-right: 10px;}
.ctrl-selution-db .am-accordion-gapped .am-accordion-title .blue-tb img{ width: 100%; vertical-align: middle;margin-top: -2px;}
.ctrl-selution-db .am-accordion-gapped .am-active .am-accordion-title .gay-tb{ display: none;}
.ctrl-selution-db .am-accordion-gapped .am-active .am-accordion-title .blue-tb{ display: inline-grid;}
.ctrl-selution-db .am-accordion-gapped .am-accordion-content{ overflow: hidden; padding: 10px 0;}
.am-accordion-content ul{ margin: 0; padding: 0; width: 90%; margin: 0 auto;}
.am-accordion-content ul li{ width: 100%; float: left;margin: 10px 0 5px 0; padding-left: 0;}
.am-accordion-content ul li h3{text-align: left; font-size: 16px; color: #333; margin: 0;}
.am-accordion-content ul li p{text-align: left; font-size: 14px; color: #666; margin: 5px 0;}
.ctrl-selution-db .am-accordion-gapped .am-accordion-title:after{ right:20px}
.fr-tb .am-active .am-accordion-title:after {-webkit-transform: rotate(-180deg) !important; -ms-transform: rotate(-180deg) !important; transform: rotate(-180deg) !important; font-size: 20px !important;}
.fr-tb .am-accordion-title:after{content: "\f107" !important;font-size: 20px !important;}
.ctrl-selution-db a{ display: inherit;}
/*客户案例*/
.ctrl-case{ width: 100%; background: #ffffff; text-align: center;}
.ctrl-case-bt {width: 100%; margin: 0 auto; text-align: center;}
.ctrl-case-bt h3{ width: 95%; text-align: center; font-size: 20px; color: #333; padding-top: 24px;font-weight: normal; margin: 0 auto !important;}
.ctrl-case-bt h5{ width: 95%; text-align: center; font-size:14px; color: #888; padding-top:8px ; padding-bottom: 20px; font-weight: normal; margin: 0 auto !important;}
.ctrl-case-db{margin: 0;}
.ctrl-case-db .am-thumbnail{ border: none; margin-top: 1rem; margin-bottom: 0;}
.no-sd h3{padding-top: 10px;}
/*众多合规认证的云计算服务*/
.ctrl-web{ width: 100%; background: #f5f8fa;}
.ctrl-web-bt{ width: 90%; margin: 0 auto; }
.ctrl-web-bt h3{ width:100%; padding-top: 24px; margin: 0 auto; text-align: center; font-size: 20px; color: #333; font-weight: normal;}
.ctrl-web-bt h5{ width: 100%; padding: 10px 0 20px 0; margin:0 auto; text-align: center; font-size: 14px; color: #888;font-weight: normal}
.ctrl-web-db{margin: 0; }
.ctrl-web-db .am-tabs{margin: 0 !important;}
.ctrl-web-db .am-tabs-nav{ background: none !important; border-bottom: 1px solid #d6e3ef;}
.ctrl-web-db .am-tabs-nav li{ height: 60px; line-height: 60px;}
.ctrl-web-db .am-tabs-nav>.am-active{ color: #1f8fff; border-bottom: 4px solid #1f8fff; background: none !important;}
.ctrl-web-db .am-tabs-nav>.am-active:after{ display: none !important;}
.ctrl-web-db .am-tabs-nav a{ font-size: 17px; color: #333; line-height: 60px;}
.ctrl-web-db .am-tabs-nav>.am-active a{ font-size: 17px; color: #1f8fff; line-height: 60px;}
.cn_list{ width: 100%; margin: 8px auto 0 auto;}
.cn_list li{ margin-bottom: 2rem; width: 33.33;}
.cn_list li img{ width: 40px; height: 40px; margin: 0 auto;}
.cn_list h3{ font-size: 13px; color: #333333; text-align: center; font-style: normal; margin: 0; line-height: 24px;}
.cn_list .am-avg-sm-4>li:nth-of-type(3n+1){ text-align: center;}
.cn_list .am-avg-sm-4>li:nth-of-type(n){ text-align: center;}
.ctrl-web-db .am-tabs-bd{ border: none !important;}
.ctrl-web-db .am-tabs-bd .am-tab-panel{ padding: 10px 10px 0 !important;}
/*城市合伙人*/
.ctrl-patner{ width: 100%; background: url(../images/index-tp-18.jpg) no-repeat center; background-size:cover ; text-align: center; padding-bottom: 0.2rem;}
.ctrl-patner-bt {width: 100%; margin: 0 auto; text-align: center;}
.ctrl-patner-bt h3{ width: 95%; text-align: center; font-size: 20px; color: #333; padding-top: 24px;font-weight: normal; margin: 0 auto;}
.ctrl-patner-bt h5{ width: 95%; text-align: center; font-size:16px; color: #888; padding-top:10px ; padding-bottom: 20px; font-weight: normal; margin: 0 auto;}
.ctrl-patner-db{margin: 0;}
.ctrl-patner-db .swiper-container { width: 95%; margin:8px auto 0 auto; padding-bottom: 3rem;}
.ctrl-patner-db .swiper-slide div{background: #fff ;padding:0 10px;height: 160px;overflow: hidden; box-shadow:0px 5px 10px rgba(135,166,193,0.2); border-radius: 2px;}
.ctrl-patner-db .swiper-slide i{width:55px;height: 55px;margin:26px 0 5px 0;transition:all .5s ease ;}
.ctrl-patner-db .swiper-slide i img{width:80%;}
.ctrl-patner-db .swiper-slide p{line-height: 34px; color: #535353; font-size: 15px;line-height:2rem;}
.ctrl-patner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 0 !important;}
.ctrl-patner-db .hbr-more{ text-align: center; color: #1977f3; font-size: 16px; margin: 16px 0 28px 0;}
.ctrl-patner-db .hbr-more a{ color: #1977f3; }
.ctrl-patner-db .swiper-pagination-bullet{ background: #c2d8ec;}
.ctrl-patner-db .swiper-pagination-bullet-active{ background: #369bff !important;}
/*新闻动态*/
.ctrl-new{ width: 100%; background: #ffffff; text-align: center;}
.ctrl-new-bt {width: 100%; margin: 0 auto; text-align: center;}
.ctrl-new-bt h3{ width: 95%; text-align: center; font-size: 20px; color: #333; padding-top: 24px;font-weight: normal; margin: 0 auto !important;}
.ctrl-new-db{margin: 0;}
.ctrl-new-db .am-list>li{ border-bottom:2px solid #ebeced; text-align: left; border-top: none;}
.ctrl-new-db .am-list>li>a{ padding: 1.3rem 104px 1.3rem 0; font-size: 14px;}
.ctrl-new-db .am-list-date{ top:1rem; color: #888; font-size: 14px;}
.ctrl-new-db .xw-more{ text-align: center; color: #1977f3; font-size: 15px; margin: 16px 0;}
.ctrl-new-db .xw-more a{ color: #1977f3;}
/*广告位*/
.ctrl-ggw{ width: 100%; background: url(../images/icon_t36.jpg) no-repeat center; background-size: cover; overflow: hidden;}
.ctrl-ggw h3{ width: 100%; text-align: center; font-size:20px; color: #fff; padding: 20px 0 20px 0; margin: 0;}
.ctrl-ggw .ty{ width: 135px; background:rgba(255,255,255,.1); height:40px; line-height:37px; margin: 0 auto; border: 1px solid #fff; margin-bottom: 2.6rem; border-radius: 2px; text-align: center; font-size:16px; color: #fff; }
.ctrl-ggw .ty a{ color: #fff; }
.am-slider .am-slides img{ display: inline-block !important;}
.am-slider .am-slides a{width: 100%; display: inline-block !important;}
/*修改*/
.am-accordion-gapped .am-accordion-title:hover{ color:#333}
.more-product-link { padding: 10px 20px 15px; overflow: hidden;}
.more-product-link a { font-size: 14px; color: #1977f3; line-height: 24px; text-align: left; float: left;}
.more-product-link a::after {
content: '';
display: inline-block;
vertical-align: -3px;
width: 18px;
height: 18px;
background-image: url(../images/xiala_tb.png);
background-repeat: no-repeat;
background-size: 61%;
margin-left: 6px; vertical-align: middle;
background-position: 5% 50%;
}
.yincang{display: none;}
/* 一站式服务 */
.hangye{width: 100%;background: url(../images/jiaoyu-bg.png) no-repeat bottom center #f5f8fa; background-size:cover ;}
.hangye p{width: 92%; margin: 0 auto;padding-bottom: 16px; text-align: left; line-height:26px; color: #333333; font-size: 14px; padding-top: 16px;}
.gap{padding: 0 !important;}
.hangye .hy-wz{width: 92%; margin: 0 auto; overflow: hidden; padding-bottom: 30px;}
.hangye .hy-wz h3{color: #1977f3; font-size: 14px; text-align: left;}
.hangye .hy-wz ul{ margin: 0; padding: 0; width: 100%;}
.hangye .hy-wz ul li{width: 32.2%; border-radius: 2px; height: 32px;margin-right: 1.7%; border: 1px solid #1977f3; color: #1977f3; line-height: 32px; padding: 0; }
.hangye .hy-wz ul li a{font-size: 12px; color: #1977f3; text-align: center;line-height: 31px}
.hangye .hy-wz ul li:last-child{margin-right: 0;}
.shuiwu{width: 100%;background: url(../images/shuiwu_bg.png) no-repeat bottom center #f5f8fa; background-size:cover ;}
.shuiwu .hy-wz ul li:nth-child(3n){margin-right: 0;}
.bendishenghuo{width: 100%;background: url(../images/bendish_bg.png) no-repeat bottom center #f5f8fa; background-size:cover ;}
.bendishenghuo .hy-wz ul li:nth-child(3n){margin-right: 0;}
.shuzi{width: 100%;background: url(../images/zhengwu_bg.png) no-repeat bottom center #f5f8fa; background-size:cover ;}
.shuzi .hy-wz ul li:nth-child(3n){margin-right: 0;}
.yiliao{width: 100%;background: url(../images/yiliao_bg.png) no-repeat bottom center #f5f8fa; background-size:cover ;}
.yiliao .hy-wz ul li{width: 54%; border-radius: 2px; height: 32px;margin-right: 2%; border: 1px solid #1977f3; color: #1977f3; line-height: 32px; padding: 0; }
.yiliao .hy-wz ul li:last-child{width: 42% ; margin-right: 0; margin-left: 2%;}
.hulianwang{width: 100%;background: url(../images/hulianw_bg.png) no-repeat bottom center #f5f8fa; background-size:cover ;}
.hulianwang .hy-wz ul li{width: 100%; border-radius: 2px; height: 32px;margin-right: 1.2%; border: 1px solid #1977f3; color: #1977f3; line-height: 32px; padding: 0; }
.hulianwang .hy-wz ul li:nth-child(5){width: 49%; margin-right: 2.5%;}
.hulianwang .hy-wz ul li:nth-child(6){width:48.5% ;}
.shuzi .hy-wz ul li:nth-child(4){width:45%}
.shuzi .hy-wz ul li:nth-child(5){width:26%}
.gay-col h5{padding-bottom: 15px;}
.shuzi .hy-wz ul li:nth-child(6){width:25.6%}
.swiper1 {width: 100%; background: #f5f8fa;}
.swiper1 .selected {color: #1977f3; border-bottom: 2px solid #1977f3;}
.swiper1 .swiper-slide {
text-align: center;
font-size: 16px;
height: 50px;
/* Center slide text vertically */
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;
cursor: pointer;
}
.swiper2 {width: 100%;}
.swiper2 .swiper-slide {height: calc(100vh - 50px); border-top: 1px solid #ebeced; text-align: left; box-sizing: border-box !important;}
.gay-col{background: #f5f8fa;}
.yy-fw{width: 100%; margin: 0 auto;}
.yy-fw ul{ margin: 0; padding: 0;}
.yy-fw ul li{ width:100%; float: left; padding: 16px 5%; border-bottom: 1px solid #ebeced;}
.yy-fw ul li h3{ width: 100%; float: left; text-align: left; color: #333; font-size: 16px; line-height: 30px;}
.yy-fw ul li p{ width: 100%; float: left; text-align: left; color: #666666; font-size: 14px;line-height: 30px;}
.yy-fw ul li .jiage { font-size: 18px; color: #1977f3; float: left;}
.yy-fw ul li .jiage em{ font-style: normal; font-size: 12px; color: #1977f3;}
.jg-1{font-size: 16px !important;}
.ctrl-js .xw-more{ text-align: center; color: #1977f3; font-size: 15px; margin: 16px 0; padding-bottom: 18px;}
.ctrl-js .xw-more a{ color: #1977f3;}
.ctrl-case .xw-more{ text-align: center; color: #1977f3; font-size: 15px; margin: 12px 0;padding-bottom: 10px; }
.ctrl-case .xw-more a{ color: #1977f3;}
.yy-fw ul li:last-child{border-bottom: none;}
@media only screen and (max-width: 768px) {
.swiper2 .swiper-wrapper{ width: 100%; height: 760px !important;}
}
@media only screen and (max-width: 425px) {
.swiper2 .swiper-wrapper{ width: 100%; height: 753px !important;}
}
@media only screen and (max-width: 414px) {
.swiper2 .swiper-wrapper{ width: 100%; height: 753px !important;}
}
@media only screen and (max-width: 375px) {
.swiper2 .swiper-wrapper{ width: 100%; height: 753px !important;}
}
@media only screen and (max-width: 320px) {
.hangye .hy-wz ul li{ width: 45%; margin-right: 5%; }
.shuiwu .hy-wz ul li:nth-child(3n) { margin-right: 5%;}
.shuiwu .hy-wz ul li:nth-child(2n) { margin-right:0;}
.bendishenghuo .hy-wz ul li:nth-child(3n){ margin-right: 5%;}
.bendishenghuo .hy-wz ul li:nth-child(2n){ margin-right: 0;}
.shuzi .hy-wz ul li:nth-child(3n){ margin-right: 5%;}
.shuzi .hy-wz ul li:nth-child(2n){ margin-right: 0;}
.shuzi .hy-wz ul li:nth-child(4) { width: 52%; }
.shuzi .hy-wz ul li:nth-child(3) { width: 38%; }
.shuzi .hy-wz ul li:nth-child(5), .shuzi .hy-wz ul li:nth-child(6){width: 45%;}
.yiliao .hy-wz ul li { width: 57%;}
.yiliao .hy-wz ul li:last-child { width: 38%;}
.hulianwang .hy-wz ul li{width: 100%;}
.hulianwang .hy-wz ul li:nth-child(5){width: 47%; margin-right: 6%;}
.hulianwang .hy-wz ul li:nth-child(6){width: 47%;}
.ctrl-js{margin-top: -12px;}
.ctrl-js-bt h3{font-size: 16px;}
.ctrl-js-db .bo-list li{margin: 0.6rem 0.2rem 0.6rem 0.2rem;}
.swiper2 .swiper-wrapper{ width: 100%; height:760px !important;}
}