/*公共部分*/
body{font-family:PingFangSC-light,"Source Sans Pro","Helvetica Neue",Arial,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;font-size:14px;color:#181931;background-color:#ffffff;}
a{color:#7B7B86;text-decoration:none;transition:All 0.3s ease-in-out;
    -webkit-transition:All 0.3s ease-in-out;
    -moz-transition:All 0.3s ease-in-out;
    -o-transition:All 0.3s ease-in-out;}
a:hover{color:#3986ee;text-decoration:none}
li{list-style-type:none}
.clear{clear:both;width:0;height:0;font-size:0;line-height:0;}
a.link-blue{color: #3986ee;}
a.link-blue:hover{text-decoration: underline;}

.table-warp{margin:0px 15px;}
.table-warp a.btn-more{display: block;height: 40px;border: 1px solid #dddddd;border-top-width: 1px;border-top-style: solid;border-top-color: rgb(221, 221, 221);border-top: none;color: #3986ee;text-align: center;line-height: 40px;}
.table-warp a.btn-more:hover{background: #eff8ff;}
.table{border-collapse: collapse;color:#7B7B86;width: 100%;}
.table td{height: 40px;font-size: 14px;border: 1px solid #dddddd; text-align: center;}
.table td img.icon{width: 20px;height: 20px;}
.table td b{font-size: 16px;color: #000000;font-weight: normal;}

/*重置*/
.border-1-bottom{border-bottom:1px solid #dddddd ;}
.border-0{border:0;}
.margin-0{margin: 0;}
.width-100{width: 100%;}
.font-white{color: #ffffff;}

/*栅格&响应式*/  
.row{margin-right: 0; margin-left: 0;}  
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position: relative; min-height: 1px;}  
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float: left;}  
.col-xs-12{width: 100%;}  
.col-xs-11{width: 91.66666667%;}  
.col-xs-10{width: 83.33333333%;}  
.col-xs-9{width: 75%;}  
.col-xs-8{width: 66.66666667%;}  
.col-xs-7{width: 58.33333333%;}  
.col-xs-6{width: 50%;}  
.col-xs-5{width: 41.66666667%;}  
.col-xs-4{width: 33.33333333%;}  
.col-xs-3{width: 25%;}  
.col-xs-2{width: 16.66666667%;}  
.col-xs-1{width: 8.33333333%;}  
.col-xs-offset-12{margin-left: 100%;}  
.col-xs-offset-11{margin-left: 91.66666667%;}  
.col-xs-offset-10{margin-left: 83.33333333%;}  
.col-xs-offset-9{margin-left: 75%;}  
.col-xs-offset-8{margin-left: 66.66666667%;}  
.col-xs-offset-7{margin-left: 58.33333333%;}  
.col-xs-offset-6{margin-left: 50%;}  
.col-xs-offset-5{margin-left: 41.66666667%;}  
.col-xs-offset-4{margin-left: 33.33333333%;}  
.col-xs-offset-3{margin-left: 25%;}  
.col-xs-offset-2{margin-left: 16.66666667%;}  
.col-xs-offset-1{margin-left: 8.33333333%;}  
.col-xs-offset-0{margin-left: 0;}  
@media (min-width: 768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float: left;} .col-sm-12{width: 100%;} .col-sm-11{width: 91.66666667%;} .col-sm-10{width: 83.33333333%;} .col-sm-9{width: 75%;} .col-sm-8{width: 66.66666667%;} .col-sm-7{width: 58.33333333%;} .col-sm-6{width: 50%;} .col-sm-5{width: 41.66666667%;} .col-sm-4{width: 33.33333333%;} .col-sm-3{width: 25%;} .col-sm-2{width: 16.66666667%;} .col-sm-1{width: 8.33333333%;} .col-sm-pull-12{right: 100%;} .col-sm-pull-11{right: 91.66666667%;} .col-sm-pull-10{right: 83.33333333%;} .col-sm-pull-9{right: 75%;} .col-sm-pull-8{right: 66.66666667%;} .col-sm-pull-7{right: 58.33333333%;} .col-sm-pull-6{right: 50%;} .col-sm-pull-5{right: 41.66666667%;} .col-sm-pull-4{right: 33.33333333%;} .col-sm-pull-3{right: 25%;} .col-sm-pull-2{right: 16.66666667%;} .col-sm-pull-1{right: 8.33333333%;} .col-sm-pull-0{right: auto;} .col-sm-offset-12{margin-left: 100%;} .col-sm-offset-11{margin-left: 91.66666667%;} .col-sm-offset-10{margin-left: 83.33333333%;} .col-sm-offset-9{margin-left: 75%;} .col-sm-offset-8{margin-left: 66.66666667%;} .col-sm-offset-7{margin-left: 58.33333333%;} .col-sm-offset-6{margin-left: 50%;} .col-sm-offset-5{margin-left: 41.66666667%;} .col-sm-offset-4{margin-left: 33.33333333%;} .col-sm-offset-3{margin-left: 25%;} .col-sm-offset-2{margin-left: 16.66666667%;} .col-sm-offset-1{margin-left: 8.33333333%;} .col-sm-offset-0{margin-left: 0;}}  
@media (min-width: 992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float: left;} .col-md-12{width: 100%;} .col-md-11{width: 91.66666667%;} .col-md-10{width: 83.33333333%;} .col-md-9{width: 75%;} .col-md-8{width: 66.66666667%;} .col-md-7{width: 58.33333333%;} .col-md-6{width: 50%;} .col-md-5{width: 41.66666667%;} .col-md-4{width: 33.33333333%;} .col-md-3{width: 25%;} .col-md-2{width: 16.66666667%;} .col-md-1{width: 8.33333333%;} .col-md-pull-12{right: 100%;} .col-md-pull-11{right: 91.66666667%;} .col-md-pull-10{right: 83.33333333%;} .col-md-pull-9{right: 75%;} .col-md-pull-8{right: 66.66666667%;} .col-md-pull-7{right: 58.33333333%;} .col-md-pull-6{right: 50%;} .col-md-pull-5{right: 41.66666667%;} .col-md-pull-4{right: 33.33333333%;} .col-md-pull-3{right: 25%;} .col-md-pull-2{right: 16.66666667%;} .col-md-pull-1{right: 8.33333333%;} .col-md-pull-0{right: auto;} .col-md-offset-12{margin-left: 100%;} .col-md-offset-11{margin-left: 91.66666667%;} .col-md-offset-10{margin-left: 83.33333333%;} .col-md-offset-9{margin-left: 75%;} .col-md-offset-8{margin-left: 66.66666667%;} .col-md-offset-7{margin-left: 58.33333333%;} .col-md-offset-6{margin-left: 50%;} .col-md-offset-5{margin-left: 41.66666667%;} .col-md-offset-4{margin-left: 33.33333333%;} .col-md-offset-3{margin-left: 25%;} .col-md-offset-2{margin-left: 16.66666667%;} .col-md-offset-1{margin-left: 8.33333333%;} .col-md-offset-0{margin-left: 0;}}  
@media (min-width: 1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float: left;} .col-lg-12{width: 100%;} .col-lg-11{width: 91.66666667%;} .col-lg-10{width: 83.33333333%;} .col-lg-9{width: 75%;} .col-lg-8{width: 66.66666667%;} .col-lg-7{width: 58.33333333%;} .col-lg-6{width: 50%;} .col-lg-5{width: 41.66666667%;} .col-lg-4{width: 33.33333333%;} .col-lg-3{width: 25%;} .col-lg-2{width: 16.66666667%;} .col-lg-1{width: 8.33333333%;} .col-lg-pull-12{right: 100%;} .col-lg-pull-11{right: 91.66666667%;} .col-lg-pull-10{right: 83.33333333%;} .col-lg-pull-9{right: 75%;} .col-lg-pull-8{right: 66.66666667%;} .col-lg-pull-7{right: 58.33333333%;} .col-lg-pull-6{right: 50%;} .col-lg-pull-5{right: 41.66666667%;} .col-lg-pull-4{right: 33.33333333%;} .col-lg-pull-3{right: 25%;} .col-lg-pull-2{right: 16.66666667%;} .col-lg-pull-1{right: 8.33333333%;} .col-lg-pull-0{right: auto;} .col-lg-offset-12{margin-left: 100%;} .col-lg-offset-11{margin-left: 91.66666667%;} .col-lg-offset-10{margin-left: 83.33333333%;} .col-lg-offset-9{margin-left: 75%;} .col-lg-offset-8{margin-left: 66.66666667%;} .col-lg-offset-7{margin-left: 58.33333333%;} .col-lg-offset-6{margin-left: 50%;} .col-lg-offset-5{margin-left: 41.66666667%;} .col-lg-offset-4{margin-left: 33.33333333%;} .col-lg-offset-3{margin-left: 25%;} .col-lg-offset-2{margin-left: 16.66666667%;} .col-lg-offset-1{margin-left: 8.33333333%;} .col-lg-offset-0{margin-left: 0;}} 

*{margin: 0; padding: 0; border: 0;}

.nav-warp{height:57px;width: 100%;position: fixed;top:0;z-index: 9999;}
.nav{height:56px;width: 100%;-webkit-transition-property: background-color;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease; position: relative;box-shadow: 0px 0px 2px rgba(229,234,241,0.2);background:rgba(0,0,0,0.3);}
.nav-fixed{top: -56px;-webkit-transition-property: background-color;-webkit-transition-duration:2s;-webkit-transition-timing-function: ease;height: 56px;background: rgba(0,0,0,0.6);}
.nav-fixed .login{}
#cssmenu>ul>li.btn-free-div{position:absolute;right:15px;display: block;height: 30px;text-align: center;top: 13px;}
#cssmenu>ul>li.btn-free-div a{font-size: 14px;color: #ffffff;height: 30px;line-height:28px;display: block;float: right;margin-left:15px;border-radius:28px;}
#cssmenu>ul>li.btn-free-div a:hover{color: #3986ee;background: #ffffff;}
#cssmenu>ul>li.btn-free-div a.reg{color: #ffffff;background: linear-gradient(90deg, #0DCCFF 0%, #4760FF 100%);padding:0 16px}
#cssmenu>ul>li.btn-free-div a.reg:hover{background-color: #ffffff;color: #fff;}
#cssmenu>ul>li.btn-free-div .login-icon{font-size: 14px;color: #fff;height: 30px;line-height:28px;border-radius:28px;display: block;float: right;margin-left:15px;padding: 0 15px;cursor: pointer;-webkit-transition-property: background-color;-webkit-transition-duration:0.2s;-webkit-transition-timing-function: ease;}
#cssmenu>ul>li.btn-free-div .login-icon:hover{background: linear-gradient(90deg, #0DCCFF 0%, #4760FF 100%);color: #ffffff;}
#cssmenu>ul>li.btn-free-div .login-icon .iframe-login{position: absolute;width: 305px;height: 325px;background:#fff;right: 0px;top:43px; display: none; z-index:10000;-webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  -webkit-transition-delay: .2s;
  -o-transition-delay: .2s;
  transition-delay: .2s;
  -webkit-box-shadow: 0 2px 16px 0 rgba(153,153,153,.6);
  box-shadow: 0 2px 16px 0 rgba(153,153,153,.6);}
#cssmenu>ul>li.btn-free-div .login-icon .iframe-login iframe{width:304px;height: 320px;}
#cssmenu>ul>li.btn-free-div span{float: left;color: #3986ee; margin:2px 10px 0 0;font-size: 14px;background:url(../images/ico-tel.png) left center no-repeat;background-size:20px 20px;padding:6px 0px 6px 30px;}
#cssmenu>ul>li.btn-free-div span font{color: #fff;font-size: 16px;}


#cssmenu .nav-product{width:1920px;background: #ffffff;display:inline-block;margin-left:-524px;border-top:1px solid #dddddd;padding:0 335px 50px 335px;}
#cssmenu .nav-product h3{text-align: left;padding:0;color:#252B3A;font-weight:400;font-size:18px;padding-bottom:5px;}
#cssmenu .nav-product .menu{border-right:1px solid #dddddd;}
#cssmenu .nav-product .border-0{border-right: 0;}
#cssmenu .nav-product .menu .list{margin-top:40px;}
#cssmenu .nav-product .menu .list .line{border-right:1px solid #E5EAF1;height:382px;padding:0 28px;}
#cssmenu .nav-product .menu .list .item{padding-top:12px;}
#cssmenu .nav-product .menu .list .item p{font-size:14px;color:#464964;line-height:18px;}
#cssmenu .nav-product .menu .list .item p.des{height:48px;line-height:24px;overflow:hidden;}
#cssmenu .nav-product .menu .list .item p.des1{height:24px;line-height:24px;overflow:hidden;}
#cssmenu .nav-product .menu .list:last-child .line{border-right:none;}
#cssmenu .nav-product .menu .list a{display: block;padding:16px 0 8px 0;line-height:18px;color: #252B3A;font-size: 16px;font-weight:bold;text-align: left;}
#cssmenu .nav-product .menu .list .item p.des a{padding:0px;line-height:inherit;font-size:14px;color:#464964;font-weight:400;display: inline;position:relative;top:1px;}
#cssmenu .nav-product .menu .list a:hover,#cssmenu .nav-product .menu .list .item p.des a:hover{color:#3986ee;}
#cssmenu .nav-product .menu .list a.product-space{margin-top:30px;}
#cssmenu .nav-product .menu .list a b{padding:0;}
#cssmenu .nav-product .menu .list b{display: block;padding:10px 0 10px 0;line-height:18px;font-size:16px;text-align: center;}
#cssmenu .nav-product .menu .list a span.tag{color: #3986EE;}
#cssmenu .nav-product .menu .list a span.tag i{background: #f7402d;height: 14px;display: inline-block;color: #ffffff;font-size:12px;text-align: center;line-height:14px;border-radius:3px; margin-left:5px;padding:0 3px;font-weight: normal;font-style: normal;vertical-align:super} 
#cssmenu .nav-product .menu .list a.w50{float: left;padding-left:0;padding-right:0; text-align: center;width: 50%;}
#cssmenu .nav-product .menu .list a.w50 img{width: 100%;}
#cssmenu .nav-product .menu .list a.ad{background-image: linear-gradient(45deg, #3f99ec, #787eff); margin:20px;text-align: center;color: #ffffff;padding: 20px 0;}
#cssmenu .nav-product .menu .list a.ad:hover{background-image: linear-gradient(45deg, #787eff, #3f99ec);}
#cssmenu .nav-product .menu .list a.ad b.tag{color: #ffffff;font-size: 18px;text-indent: 20px;}
#cssmenu .nav-product .menu .list a.ad b.tag i{text-indent: 0;}
#cssmenu .nav-product .menu .list h3 a{padding:0;font-size:16px;color:#181931;}
#cssmenu .nav-product .menu .list h3 a:hover{color:#3986ee;}
#cssmenu .nav-service{margin-left:-624px;overflow: hidden;}
#cssmenu .nav-service .menu .list .line{height:212px;}
#cssmenu .nav-case{margin-left:-710px;overflow: hidden;}
#cssmenu .nav-case .menu .list .line{height:240px;}
#cssmenu .nav-case .menu .item{padding-top:10px!important;}

#cssmenu .nav-product .hotline{position: relative;padding-left: 80px;margin:30px 0 0 40px;}
#cssmenu .nav-product .hotline i{width:64px;height:64px;display: block;position: absolute;left:0;top:0;background-size:100%; background: url(../images/index-hotline.png) center no-repeat;background-size: cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/r/cms/www/web2018/img/index-hotline.png', sizingMethod='scale');}
#cssmenu .nav-product .hotline span{ display: block;line-height:32px;}
#cssmenu .nav-product .hotline span {color: #8A8E99;}
#cssmenu .nav-product .hotline span b{font-size: 16px;font-weight: normal;display: block;color:#181931;}

.nav-fixed #cssmenu>ul>li.btn-free-div{display: block;}

.main-warp{width: 100%; max-width: 1200px; margin: 0 auto;}
.section{padding:60px 0;}
.section h2{font-size: 32px; text-align: center;color: #181931;font-weight: 700; padding-bottom: 48px;width: 80%;margin: 0 auto;}
.section h3{font-size: 20px; text-align: center;color: #181931;font-weight: 700; padding:20px; border-bottom: 1px dotted #dddddd; margin-bottom: 30px;}
.section h2 i{display: block;width:90%;margin:0 auto;font-size: 16px;line-height:20px;font-weight: normal; font-style: normal;color: #8A8E99;padding-top:10px;}
.section h2 i.msg_left{text-align: left;}
.section h2 a{color: #3986ee;font-size: 16px;}
.section h2 a:hover{text-decoration: underline;}
.section .txt{line-height: 28px;font-size: 14px;}
.section .img{width:70%; margin:0 auto; display: block;}
.section-bg-black{background: #f5f5f5;padding-top:60px; margin-bottom: 20px;}
.section-bg-blue{background: #46d7fb;padding-top:60px; margin-bottom: 20px;}
.section-bg-blue h2{color: #FFFFFF;}
.btn-section-more{border:1px solid #3986ee;display: inline-block;margin:15px 0;height:30px;line-height: 30px;color: #3986ee;padding:0 20px;border-radius:30px;}
.btn-section-more:hover{background-color: #3986ee;color: #ffffff;}
a.btn-h5-login{width: 100%; background: #3986ee;height: 40px;line-height: 40px;color: #ffffff;font-size:16px;display: none; text-align: center; margin-top: 55px;}

/*奖项*/
.index-honour{background-color:#1c1e39;padding:40px 0;}
.index-honour .item{text-align: center;}
.index-honour .item img{width:25%;}
.index-honour .item span{display: block;padding: 0 20px;color:#898b9f;font-size:12px;margin-top:5px;}

.index-free{background:url(../images/reg-banner-newbg.jpg) center center repeat;background-attachment: fixed;font-size:18px; text-align: center;padding:30px 0;}
.index-free p{color: #fff;font-size: 28px; margin: 20px auto 20px auto}
.index-free a{display: block;font-size: 16px; margin:10px auto;color: #FFFFFF; border:1px solid #fff;height: 40px;line-height: 40px;width:180px;border-radius:40px;}
.index-free a:hover{background: linear-gradient(90deg, #0DCCFF 0%, #4760FF 100%);color: #fff;border:1px solid #4760FF;}

.footer{background: #1c1e39;padding-top:0px;padding-bottom:40px;}
.footer-main{padding-bottom:40px;}
.footer-main div{padding-right:3%;}
.footer-main div:nth-child(9),.footer-main div:nth-child(6),.footer-main div:nth-child(7){padding-right:0px;}
.footer a{color: #898b9f;}
.footer a:hover{color:#fff;text-decoration:underline;}
.footer .hotline{position: relative;}
.footer .hotline i{width:64px;height:64px;display: block;position: absolute;left:0;top:0;background-size:100%; background: url(../images/index-hotline.png) center no-repeat;background-size: cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/r/cms/www/web2018/img/index-hotline.png', sizingMethod='scale');}
.footer .hotline ul{ display: block;}
.footer .hotline ul li{color: #fff; margin-bottom: 10px;font-size:16px;}
.footer .hotline ul li b{font-size: 24px;font-weight: normal;display: block;color:#fff;line-height:36px;margin-bottom:20px;}
.footer .hotline i{background:none;}
.footer .middle-line{width:7%;padding-right:0px;}
.footer .middle-line span{display: block;width:1px;height:225px; border-left:1px #37395a solid}
.footer .links{}
.footer .links i{color: #fff;font-style: normal;display: block;padding-bottom: 15px;font-size:16px;}
.footer .links li{position: relative;}
.footer .links li a{color: #898b9f;font-size: 14px;line-height:32px;}
.footer .links li a:hover{color:#fff;text-decoration:underline;}
.main-warpcoy .copyright{color: #898b9f;font-size: 12px; padding-top:15px; margin-top: 20px;border-top:1px solid #37395A;}
.footer .copyright{color: #898b9f;font-size: 12px; padding-top:15px;border-top:1px solid #37395A;}
.footer .copyright .lang{ text-align: right;}
.footer .qr-code{border-radius:5px;position:absolute;left:0;margin-top:3px;background:url(../images/footer-qrcode.png) no-repeat;width:100px;height:100px;background-size: 100%;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/r/cms/www/web2018/img/footer-qrcode.png', sizingMethod='scale');}

/*产品*/
.product-banner{height: 537px; background-position:top center;background-repeat: no-repeat;color: #ffffff;}
.product-banner .info {padding-top:180px;width:60%;}
.product-banner .info h1{font-size:48px; font-weight: normal;color:#000000;}
.product-banner .info p{font-size: 14px; padding: 10px 0 30px 0; display: block;max-width: 600px;color: #000000;}
.product-banner .info a.btn-free{width:140px;height:40px; line-height: 40px; text-align: center;color: #ffffff;border:1px solid #3986ee;background-color: #3986ee;font-size: 16px;display: block;border-radius:40px;}
.product-banner .info a.btn-free:hover{background:none;color:#3986ee;}
.product-banner .product-btn-group{display: flex;}
.product-banner .product-btn-group a{margin-right:20px;}
.product-banner .info-black {padding-top:180px;width:60%;}
.product-banner .info-black h2{font-size:48px; font-weight: normal;color: #fff;}
.product-banner .info-black p{font-size: 14px; padding: 20px 0 50px 0; display: block;color:#fff;max-width: 600px;}
.product-banner .info-black a.btn-speek,.product-banner .info-black a.btn-free,.product-banner .info-black a.btn-free-link,.cloudDesc-btn-group a.btn-speek,.service-activity-des .tex-button a,.cloudDesc-btn-group a.btn-free{width:140px;height:40px; line-height:40px; text-align: center;color: #ffffff;border:1px solid #3986ee;font-size: 16px;display: block;background:#3986ee;border-radius:40px;}
.product-banner .info-black a.btn-speek:hover,.product-banner .info-black a.btn-free:hover,.product-banner .info-black a.btn-free-link:hover,.cloudDesc-btn-group a.btn-speek:hover,.service-activity-des .tex-button a:hover,.cloudDesc-btn-group a.btn-free:hover{background:none;color:#3986ee;border-color: #3986ee;}

.product-advantage{height: 160px;}
.product-advantage .list{height: 160px;border-right:1px solid #dddddd; text-align: center;}
.product-advantage .list img{width: 60px; margin-top:40px;}
.product-advantage .list span{text-align:center;font-size: 16px;display: block;box-sizing:border-box;padding: 0 5px;}
.product-advantage .border-0{border:0}

.product-advantage-desc{}/*带描述*/
.product-advantage-desc .list{border-right:1px solid #dddddd; text-align: center;}
.product-advantage-desc .list img{width: 60px; margin-top:20px;margin-bottom:20px;}
.product-advantage-desc .list h4{font-size: 20px;padding:10px 0;font-weight:700;color:#181931;}
.product-advantage-desc .list p{min-height:82px;font-size: 15px;display: block;box-sizing:border-box;padding: 5px 20px;color: #181931;word-break: break-all;line-height: 24px;font-weight:400;}
.product-advantage-desc .list p i{color: #181931;}
.product-advantage-desc .list p.center{text-align: left;}
.product-advantage-desc .list .text-center{text-align: center;}
.product-advantage-desc .border-0{border:0}
.product-advantage-desc .large-icon{border:0}
.product-advantage-desc .large-icon img{width:100px;}

.product-text-info p{display: block; margin:30px 20px; line-height: 25px; font-size: 14px;color: #7B7B86;}

/*Banner*/
.pc-show{display: block;}
.case-row ul li{width:50%;float: left;}

/*2021-pyf*/
.pc-hide{display:none;}
.padding-0{padding:0px;}
.padding-bottom-0{padding-bottom:0px;}
.padding-bottom-20{padding-bottom:20px!important;}
.height60{height:60px;}

/* 产品服务20210630--》 */
/* 中国电子云邮箱 */
.product-localized-banner {
  background:#000 url(../images/banner-product-localized.jpg) center center no-repeat;
}
.product-localized-box{box-shadow: 0px 16px 16px 0px rgba(55, 69, 103, 0.02);border-radius: 8px;margin:0 12px;min-height:250px;color:#fff;padding:60px 25px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.product-localized-box h4{font-weight:700;line-height:27px;font-size:20px;font-weight: bold;text-align: center;margin-bottom:30px;}
.product-localized-box p{font-weight:400;font-size:14px;}
.product-localized-box1{background:url(../images/product-localized-pic4.png) no-repeat, linear-gradient(135deg, #0BBAFB, #236EFF);background-position: 145px 255px, center center;background-size: 38% auto, 100% 100%;}
.product-localized-box2{background:url(../images/product-localized-pic5.png) no-repeat, linear-gradient(135deg, #84F5DE, #56E8F2, #4CC5F8);background-position: 145px 255px, center center;background-size: 38% auto, 100% 100%;}
.product-localized-box3{background:url(../images/product-localized-pic6.png) no-repeat, linear-gradient(135deg, #7CD6FF, #24A9FF);background-position: 145px 255px, center center;background-size: 38% auto, 100% 100%;}
.product-localized-box4{background:url(../images/product-localized-pic7.png) no-repeat, linear-gradient(135deg, #F7CB6B, #FBA980);background-position: 145px 255px, center center;background-size: 38% auto, 100% 100%;}

.product-cloud-box1{background:url(../images/product-cloud-box1.png) no-repeat, linear-gradient(135deg, #0BBAFB, #236EFF);background-position: 145px 255px, center center;background-size: 38% auto, 100% 100%;}
.product-cloud-box2{background:url(../images/product-cloud-box2.png) no-repeat, linear-gradient(135deg, #84F5DE, #56E8F2, #4CC5F8);background-position: 145px 255px, center center;background-size: 38% auto, 100% 100%;}
.product-cloud-box3{background:url(../images/product-cloud-box3.png) no-repeat, linear-gradient(135deg, #7CD6FF, #24A9FF);background-position: 145px 255px, center center;background-size: 38% auto, 100% 100%;}
.product-cloud-box4{background:url(../images/product-cloud-box4.png) no-repeat, linear-gradient(135deg, #F7CB6B, #FBA980);background-position: 145px 255px, center center;background-size: 34% auto, 100% 100%;}

.product-localized-box:hover{background-position: 145px 245px, center center;background-size: 40% auto, 100% 100%;box-shadow: 0px 16px 16px 0px rgba(55, 69, 103, 0.08);border-radius: 8px; transform: translate(0, -5px);-webkit-transform: translate(0, -5px);-moz-transform: translate(0, -5px);-o-transform: translate(0, -5px);-ms-transform: translate(0, -5px);}
.localized-bg-black{background:url(../images/localized-bg-black.png) repeat center center fixed;background-size:1920px 1000px;}
.localized-bg-black1{background:url(../images/localized-bg-black1.png) repeat center center fixed;background-size:1920px 601px;}
.localized-sever-des .list{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.localized-sever-des .list:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);
-ms-transform: scale(1.1);}

/* 资质 */
.box-scale-img,.box{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}

/* 核心功能 */
.localized-btn-blue{margin: 5px 0 0 0;height: 40px;line-height: 40px;padding: 0 35px;font-size: 16px;display: inline-block;border-radius: 30px;color: #3986EE;background-color: #3986EE;color: #ffffff;border: 1px solid #3986EE;}
.localized-btn-blue:hover{color: #3986EE;border: 1px solid #3986EE;background: #fff;}
.localized-bg-white{background:#fff;}
.localized-bg-black{background-color: #fff9f4; text-align: center;}
.localized-bg-black h3{color: #3986ee;display: inline-block;border-bottom:2px solid #3986ee;padding-bottom: 10px;font-weight:700;}
.localized-bg-black ul li{display: block;padding:30px 80px 30px 100px;background:#ffffff;margin:10px 20px;text-align: left;border-radius: 8px;position: relative;min-height:85px;overflow: hidden;box-shadow: 0px 16px 16px 0px rgba(55, 69, 103, 0.02);}
.localized-bg-black ul li:hover,.localized-bg-black ul li.cur{background: linear-gradient(90deg, #0BBAFB 0%, #236EFF 100%);-webkit-transition-property:background;-webkit-transition-duration:1s;-webkit-transition-timing-function: ease;}
.localized-bg-black ul li:hover,.localized-bg-black ul li.cur b,.localized-bg-black ul li.cur p{color:#fff;}
.localized-bg-black ul li i{display:inline-block;width: 40px;height: 40px;background-size: 80px 800px;background-image: url(../images/product-localized-icon.png);background-repeat: no-repeat;position: absolute;left:40px;-webkit-transition-property:background-position;-webkit-transition-duration:0.5s;-webkit-transition-timing-function: ease;}
.localized-bg-black ul li:hover i{-webkit-transition-property:background-position;-webkit-transition-duration:0.5s;-webkit-transition-timing-function: ease;}
.localized-bg-black ul li span{width:120px;height:120px;display:block;background-size: 240px 2400px;background-image: url(../images/product-localized-icon.png);opacity:0;right: 10px;top:100px;position: absolute;}
.localized-bg-black ul li:hover span{opacity:0.2;top:50px;-webkit-transition-property:top,opacity;-webkit-transition-duration:0.5s;-webkit-transition-timing-function: ease;color: #ffffff;}
.localized-bg-black ul li b{font-size:18px;display: block;margin-bottom: 4px;font-weight:bold;}
.localized-bg-black ul li p{color:#7b7b86;}
.localized-bg-black ul li:hover b,.localized-bg-black ul li:hover p{color:#fff;}
.localized-bg-black ul li.item1 i{background-position:0 0;}
.localized-bg-black ul li.item1:hover i{background-position:-40px 0;}
.localized-bg-black ul li.item1 span{background-position:-120px 0;}
.localized-bg-black ul li.item2 i{background-position:0 -40px;}
.localized-bg-black ul li.item2:hover i{background-position:-40px -40px;}
.localized-bg-black ul li.item2 span{background-position:-120px -120px;}
.localized-bg-black ul li.item3 i{background-position:0 -80px;}
.localized-bg-black ul li.item3:hover i{background-position:-40px -80px;}
.localized-bg-black ul li.item3 span{background-position:-120px -240px;}
.localized-bg-black ul li.item4 i{background-position:0 -124px;}
.localized-bg-black ul li.item4:hover i{background-position:-40px -124px;}
.localized-bg-black ul li.item4 span{background-position:-120px -370px;}
.localized-bg-black ul li.item5 i{background-position:0 -170px;}
.localized-bg-black ul li.item5:hover i{background-position:-40px -170px;}
.localized-bg-black ul li.item5 span{background-position:-120px -500px;}
.localized-bg-black ul li.item6 i{background-position:0 -210px;}
.localized-bg-black ul li.item6:hover i{background-position:-40px -210px;}
.localized-bg-black ul li.item6 span{background-position:-120px -625px;}
.localized-bg-black ul li.item7 i{background-position:0 -250px;}
.localized-bg-black ul li.item7:hover i{background-position:-40px -250px;}
.localized-bg-black ul li.item7 span{background-position:-120px -750px;}
.localized-bg-black ul li.item8 i{background-position:0 -295px;}
.localized-bg-black ul li.item8:hover i{background-position:-40px -295px;}
.localized-bg-black ul li.item8 span{background-position:-120px -885px;}
.localized-bg-black ul li.item9 i{background-position:0 -340px;}
.localized-bg-black ul li.item9:hover i{background-position:-40px -340px;}
.localized-bg-black ul li.item9 span{background-position:-120px -1020px;}
.localized-bg-black ul li.item10 i{background-position:0 -385px;}
.localized-bg-black ul li.item10:hover i{background-position:-40px -385px;}
.localized-bg-black ul li.item10 span{background-position:-120px -1155px;}
.localized-bg-black ul li.cur i{background-position:-40px 0;}
.localized-bg-black ul li.cur span{background-position:-120px 0;top:50px;opacity: 0.2;}
.localized-bg-black ul li.toggle{padding:5px;min-height:auto;text-align: center;color:#fff;background:#3986EE;border-radius: 5px;cursor: pointer;}
.ico-toggle-top{position:relative;top:-2px;}

/* 水波特效 */
.section-wavesIE img{width:100%;}
.section-waves{overflow: hidden;}
.waves {
    position:relative;
    width: 100%;
    height:15vh;
    margin-bottom:-7px; /*Fix for safari gap*/
    min-height:130px;
    max-height:150px;
    background:#fff;
}
.parallax > use {
    animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
}
.parallax > use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
}
.parallax > use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
}
.parallax > use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
}
@keyframes move-forever {
    0% {
     transform: translate3d(-90px,0,0);
    }
    100% { 
      transform: translate3d(85px,0,0);
    }
}

/* 云邮 */
.product-cloud-banner {
  background:#000 url(../images/banner-product-cloud.jpg) center center no-repeat;
}
.cloudMailbox-bg-black{background:#fff url(../images/cloudmailbox-desc-bg.jpg) center center repeat fixed;background-size: 1920px 770px;}
.cloudMailbox-bg-black1{background:#f9faff url(../images/cloudmailbox-desc-bg1.jpg) center center no-repeat;background-size: 1920px 591px;} 
.cloudMailbox-bg-black2{background:#fff url(../images/cloudmailbox-desc-bg2.jpg) center center repeat fixed;background-size: 1920px 2513px;}
.cloudMailbox-realestate-bg-0{background:#000 url(../images/cloudmailbox-realestate-bg-0.jpg) center center no-repeat;}
.cloudMailbox-realestate-bg-1{background:#000 url(../images/cloudmailbox-realestate-bg-1.jpg) center center no-repeat;}
.cloudMailbox-realestate-bg-2{background:#000 url(../images/cloudmailbox-realestate-bg-2.jpg) center center no-repeat;}
.cloudMailbox-realestate-bg-3{background:#000 url(../images/cloudmailbox-realestate-bg-3.jpg) center center no-repeat;}
.cloudMailbox-realestate-bg-4{background:#000 url(../images/cloudmailbox-realestate-bg-4.jpg) center center no-repeat;}
.cloudMailbox-realestate-bg-5{background:#000 url(../images/cloudmailbox-realestate-bg-5.jpg) center center no-repeat;}
.cloudMailbox-realestate-bg-6{background:#000 url(../images/cloudmailbox-realestate-bg-6.jpg) center center no-repeat;}
.cloudMailbox-realestate-bg-7{background:#000 url(../images/cloudmailbox-realestate-bg-7.jpg) center center no-repeat;}
.product-cloudMailbox-desc{font-size:16px;}
.product-cloud-desc{color:#fff;}
.product-cloud-desc .shandx{background:rgba(0,24,75,0.8) url(../images/cloudmailbox-realestate-bg.png) center center repeat fixed;min-height:622px;position: relative;}
.product-cloud-desc .shandx ul{padding-right:80px;margin-top:120px;}
.product-cloud-desc .shandx ul li{font-size:18px;text-align: right;cursor: pointer;position: relative;width: auto;height:30px;padding-top:25px;}
.product-cloud-desc .shandx ul li a{color:#fff;position: relative;}
.product-cloud-desc .shandx ul li.cur{font-weight: 500;font-size: 21px;width: auto;height: 30px;}
.product-cloud-desc .shandx ul li.cur a{color:#fff;padding-bottom:6px;}
.product-cloud-desc .shandx ul li a:after{position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	height: 40px;
	width: 0px;
	border-bottom: solid 3px #3986ee;
	transition: all 0.3s ease-in-out;
	opacity: 1;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;}
.product-cloud-desc .shandx ul li.cur a:after {width: 100%;}

.product-cloudMailbox-desc .list{margin:0 15px;min-height: 470px;background: #FFFFFF;box-shadow: 0px 20px 20px 0px rgba(55, 69, 103, 0.1);border-radius: 8px;}
.product-cloudMailbox-desc .list:hover{box-shadow: 0px 20px 20px 0px rgba(55, 69, 103, 0.2);}
.product-cloudMailbox-desc .list:hover .txtButton1 a{background: linear-gradient(135deg, #43EA80, #45D79E);color:#fff;}
.product-cloudMailbox-desc .list:hover .txtButton2 a{background: linear-gradient(135deg, #0BBAFB, #4285EC);color:#fff;}
.product-cloudMailbox-desc .list:hover .txtButton3 a{background: linear-gradient(135deg, #F7CB6B, #FBA980);color:#fff;}
.product-cloudMailbox-desc .list h4{font-size:24px;margin-bottom:10px;}
.product-cloudMailbox-desc .list .txt{font-size:16px;padding:28px 40px;}
.product-cloudMailbox-desc .list .txt b{font-size:40px;font-family: arial;}
.product-cloudMailbox-desc .list .txt dl{overflow: hidden;padding:3px 0;}
.product-cloudMailbox-desc .list .txt dl dt{width:80px;float:left;}
.product-cloudMailbox-desc .list .txt dl dt span{display:inline-block;width:100%;}
.product-cloudMailbox-desc .list .txt dl dd{padding-left:80px;}
.product-cloudMailbox-desc .list .txt .txtBottom{margin:20px 0;}
.product-cloudMailbox-desc .list .txt .txtButton a{width: 140px;height: 40px;line-height:40px;border-radius: 20px;display: block;margin: 0 auto;text-align: center;}
.product-cloudMailbox-desc .list .header{box-shadow: 0px 16px 16px 0px rgba(55, 69, 103, 0.02);border-radius: 8px 10px 0px 0px;padding:30px 40px;color:#fff;}
.txtButton1 a{border: 1px solid #45D79E;color:#45D79E;}
.txtButton2 a{background: linear-gradient(90deg, #0BBAFB 0%, #4285EC 100%);color:#fff;}
.txtButton3 a{border: 1px solid #FBA980;color:#FBA980;}
.txtButtonColor1{background: linear-gradient(135deg, #43EA80, #45D79E);}
.txtButtonColor2{background: linear-gradient(135deg, #0BBAFB, #4285EC);}
.txtButtonColor3{background: linear-gradient(135deg, #F7CB6B, #FBA980);}
.product-cloudMailbox-desc1 .list{min-height:165px;border-radius: 8px;padding:25px 40px 30px 40px;margin:0px 15px 30px 15px;}
.product-cloudMailbox-desc1 .list:hover h4,.product-cloudMailbox-desc1 .list:hover p{color:#fff;}
.product-cloudMailbox-desc1 .list h4{font-size:18px;font-weight:700;padding:8px 0 10px 35px;}
.product-cloudMailbox-desc1 .list p{font-size:16px;color:#818181;line-height:24px;margin:10px 0 20px 0;height:48px;overflow: hidden;}
.product-cloudMailbox-desc1 .list:hover .btn-more-hide{display: block;}
.btn-morer{width: 140px;height: 40px;text-align:center;line-height: 40px;background: #fff;border-radius: 20px;display: block;font-size:16px;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.btn-more-hide{display:none;}

.product-cloudMailbox-desc1 div:nth-child(1) .list h4{background:url(../images/mail-pic17.png) left center no-repeat;background-size: 26px 26px;}
.product-cloudMailbox-desc1 div:nth-child(2) .list h4{background:url(../images/mail-pic18.png) left center no-repeat;background-size: 26px 26px;}
.product-cloudMailbox-desc1 div:nth-child(3) .list h4{background:url(../images/mail-pic19.png) left center no-repeat;background-size: 26px 26px;}
.product-cloudMailbox-desc1 div:nth-child(4) .list h4{background:url(../images/mail-pic20.png) left center no-repeat;background-size: 26px 26px;}
.product-cloudMailbox-desc1 div:nth-child(1) .list{background:#ECF1F9 url(../images/cloud_recommend_ico.png) right 50px no-repeat;}
.product-cloudMailbox-desc1 div:nth-child(2) .list{background:#ECF1F9 url(../images/cloud_recommend_ico1.png) right 50px no-repeat;}
.product-cloudMailbox-desc1 div:nth-child(3) .list{background:#ECF1F9 url(../images/cloud_recommend_ico2.png) right 50px no-repeat;}
.product-cloudMailbox-desc1 div:nth-child(4) .list{background:#ECF1F9 url(../images/cloud_recommend_ico3.png) right 50px no-repeat;}
.product-cloudMailbox-desc1 div:nth-child(1) .list:hover{background:url(../images/cloud_recommend_ico_on.png) right 50px no-repeat, linear-gradient(90deg, #015EEA 0%, #00C0FA 100%);color:#fff;}
.product-cloudMailbox-desc1 div:nth-child(2) .list:hover{background:url(../images/cloud_recommend_ico1_on.png) right 50px no-repeat, linear-gradient(90deg, #015EEA 0%, #00C0FA 100%);}
.product-cloudMailbox-desc1 div:nth-child(3) .list:hover{background:url(../images/cloud_recommend_ico2_on.png) right 50px no-repeat, linear-gradient(90deg, #015EEA 0%, #00C0FA 100%);}
.product-cloudMailbox-desc1 div:nth-child(4) .list:hover{background:url(../images/cloud_recommend_ico3_on.png) right 50px no-repeat, linear-gradient(90deg, #015EEA 0%, #00C0FA 100%);}
.product-cloudMailbox-desc1 div:nth-child(1) .list:hover h4{background:url(../images/mail-pic17w.png) left center no-repeat;background-size: 26px 26px;}
.product-cloudMailbox-desc1 div:nth-child(2) .list:hover h4{background:url(../images/mail-pic18w.png) left center no-repeat;background-size: 26px 26px;}
.product-cloudMailbox-desc1 div:nth-child(3) .list:hover h4{background:url(../images/mail-pic19w.png) left center no-repeat;background-size: 26px 26px;}
.product-cloudMailbox-desc1 div:nth-child(4) .list:hover h4{background:url(../images/mail-pic20w.png) left center no-repeat;background-size: 26px 26px;}
#cloudDesc{margin:148px 26% 60px 110px;}
#cloudDesc h3{font-size:20px;margin-bottom:10px;}
#cloudDesc h4{font-size:18px;margin:8px 0;font-weight:400;}
#cloudDesc p{font-size:16px;line-height:24px;color:#C6C8CF;}
#cloudDesc .item{padding:5px 0;}
.cloudDesc-btn-group{margin-top:20px;display: flex;}
.cloudDesc-btn-group a{margin-right:20px;}
.h2-absolute{position: absolute;width: 100%;top:60px;z-index: 2;text-align: center;color: #fff;font-size: 26px;font-weight: 700;}
.service-help-desc{font-size:16px;}
.service-help-desc .list{margin:6px 15px;}
/* 产品服务20210630--》 */


.PosHeaderNav{background:#00184B;height:60px;line-height: 60px;}
.BannerNav{height:60px;line-height: 60px;}
.PosHeaderNav a{display: block;font-size:16px;color:#fff;margin:0 7%;display:inline-block;height:58px;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.PosHeaderNav1 a{margin:0 5%!important;}
.PosHeaderNav2 a{margin:0 4.2%!important;}
.PosHeaderNav a:hover,.PosHeaderNav a.Act{border-bottom:2px solid #3986EE;}
.PosFixed {position: fixed;top: 0px;z-index: 9999;width: 100%;}

/* 我们的客户--》 */
.pc-customer p{padding:15px 20px;}
.pc-customer p:hover{background: #f9faff;}
/* 我们的客户--》 */


@media (max-width: 768px){
	body{background:#ffffff;}
	.m-hide,.pc-show{display:none;}
	.table-warp{margin-bottom:20px;}
	.table td{font-size: 12px;}
	.table td img.icon{width:16px;height:16px;}
	.table td b{font-size: 14px;}
	.pc-hide{display:block;}
	.nav-warp{height: 56px;}
	.nav{height: 56px;}
	/* 移动滑动导航 */
    .nav{background:#fff;border-bottom:1px solid #eee;}
	a.btn-h5-login{display: block;}
	
	#cssmenu > ul > li{margin-left:0;}
	#cssmenu ul ul h2{font-size:14px!important;}
	#cssmenu>ul>li.btn-free-div{position:static;margin:0 10px;width: auto;}
	#cssmenu>ul>li.btn-free-div a{border-left:0;border-right: 0;height: 40px;line-height: 40px;background: #0078D7;color: #ffffff;}
	#cssmenu ul .has-sub ul{height: auto;padding:0px;}
	#cssmenu ul .has-sub ul h2{padding-top:20px;padding-left:30px;padding-right:30px;}
	#cssmenu .nav-product .menu .list .line{height:auto;border-right:none;}
	#cssmenu .nav-product{width:100%;margin-left: 0;max-height: 300px;overflow: auto;}
	#cssmenu .nav-product .menu{height:auto;}
	#cssmenu .nav-product .menu h3{padding-bottom:5px;font-size:16px;}
	#cssmenu .nav-product .menu .list a.w50{display:none;}
	#cssmenu .nav-product .menu .list a.ad{width:auto;}
	#cssmenu .nav-product .menu .list a{height: auto;font-size:14px;}
	#cssmenu .nav-product .menu .list a.product-space{margin-top:0;}
	#cssmenu .nav-product .menu .list{margin-top:0px;padding:20px 0;border-bottom:1px solid #E5EAF1;}
	#cssmenu .nav-service{padding:15px 0!important;}
	#cssmenu .nav-service .menu .list{border-bottom:none;padding:0px;}
	#cssmenu .nav-case{padding:15px 0!important;}
	#cssmenu .nav-case .menu .list{border-bottom:none;padding:0px;}
	#cssmenu .nav-product .menu .list .item p.des{height:auto;}
	#cssmenu .nav-product .menu .list .item{padding-top:5px;}
	#cssmenu .nav-product .menu-button>.open{max-height: 400px;}
	#cssmenu .cssmenu-box{max-height:400px;overflow: auto;box-shadow: 0px 0px 1px rgba(0,0,0,0.5);}
	
	#cssmenu>ul>li.btn-free-div a{border-radius: 0;border-left:0;border-right: 0;height: 40px;line-height: 40px;background: #0078D7;color: #ffffff;margin-bottom: 10px;margin-top: 10px;border-radius: 40px;}
	#cssmenu>ul>li.btn-free-div .login-icon{display: none;}
	#cssmenu .nav-product .hotline{display: none;}
	
	.section{padding:40px 0 20px 0;}
	.section h2{font-size: 22px; text-align: center;padding-bottom:20px;width: 90%;}
	.section h2 i{display: block;font-size: 12px}
	.section h3{font-size:18px;}

	.index-free p{font-size: 16px;display:block;padding:0 20px;}
	.index-free a{font-size: 14px;}
	
	.index-free{padding:25px 0;height: auto;}
	.index-free p{font-size:15px; margin:0 10%;}
	.index-free a{margin:15px auto 5px auto;font-size:16px;height: 30px;line-height: 30px; width:120px;}
	
	.footer .hotline{width:65%;}
	.footer .hotline i{width:48px;height:48px;margin-left: 15px;}
	.footer .hotline ul{margin-left:75px;}
	.footer .hotline ul li{margin-bottom: 5px;}
	.footer .hotline ul li b{line-height: 20px;}
	.footer .middle-line{width: 8.33333333%}
	.footer .middle-line span{ border-left:1px #464964 dotted;height: 90px;}
	.footer .copyright{font-size:10px;text-indent:20px;padding-bottom: 5px;}
	.footer .qr-code{width:60px;height:60px;top:-55px;left:115%;}

	/* 20210630格式化移动端底部 */
    .footer{padding-top:0px;}
    .footer-main{padding-bottom:20px;}
    .footer .hotline{border-right:1px solid #37395A;}
    .footer .hotline ul li b{margin-top:10px;font-size:18px;}
    .footer .hotline ul li{font-size:14px;}
    .footer .hotline i{background-size:100%; background: url(../images/index-hotline1.png) center no-repeat;background-size: cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/r/cms/www/web2018/img/index-hotline1.png', sizingMethod='scale');}
	
	/*产品*/
	.product-banner{height:320px; background-size:400%;position: relative;margin-top: 57px;}
	.product-banner .info{width: 100%; padding-top:110px;}
	.product-banner .info h1{font-size:32px; margin-left:20px;}
	.product-banner .info p{width:100%;font-size: 12px;padding:10px 15px;text-align:justify; display: block; margin: 0 auto; position:absolute;bottom: 0; background-color: rgba(0,120,215,0.3);box-sizing:border-box;}
	.product-banner .info a.btn-free,.product-banner .info a.btn-speek{margin:10px 0 0 20px;height:30px;line-height:30px; width:90px;padding: 0 15px;font-size: 14px;}
	.product-banner .info-black{width: 100%; padding-top:110px;}
	.product-banner .info-black h1{font-size:32px; margin-left:20px;}
	.product-banner .info-black p{width:100%;font-size: 12px;padding:10px 15px;text-align:justify; display: block; margin: 0 auto; position:absolute;bottom: 0; background-color: rgba(0,0,0,0.5);box-sizing:border-box;color: #ffffff;}
	.product-banner .info-black a.btn-speek,.product-banner .info-black a.btn-free,.product-banner .info-black a.btn-free-link{margin:10px 0 0 20px;height:30px;line-height:30px; width:90px;padding: 0 15px;font-size: 14px;}
	
	.product-advantage,.product-advantage .list{height: 100px;}
	.product-advantage .list img{width:32px; margin-top:10px;}
	.product-advantage .list span{font-size: 12px;}
	
	.product-advantage-desc .list{ padding-bottom:20px;border:0;}
	.product-advantage-desc .list img{width:40px; margin-top:10px;}
	.product-advantage-desc .list h4{font-size: 16px;font-weight: normal;}
	.product-advantage-desc .list p{font-size: 12px;padding: 0 15px;}
	.product-advantage-desc .list .text-center{text-align:left;}
	.product-advantage-desc .large-icon {padding: 0px 15px;}
	.product-advantage-desc .large-icon img{max-width:128px;width:80%;}
	.product-advantage-desc .large-icon p{font-size: 14px; text-align: left;padding: 0;margin: 10px 0;}
	.product-advantage-desc .large-icon h4{font-size:16px; text-align: left;border-left:4px solid #0078D7;padding:0 0 0 10px;margin:10px 0;line-height:20px;font-weight:bold;}
	.product-advantage-desc .large-icon h4.center{border-left: none;text-align: center;min-height:40px;}
	.index-honour .item{margin: 10px 0;}
	/*试用*/
	.try_box_buy{top:5px;margin-top: 0;}
	.whenInput h1{font-size:18px;position: relative;padding-bottom: 30px;}
	.whenInput h1 span{display: block;font-size: 24px;position: absolute;top: 40px;width: 100%;}
	.try_contBox{padding-left: 0;height: auto;}
	.try_contTitle{display: none;}
	.try_inputIcon{display: none;}
	.try_contInput{margin:5px 0;height:36px;line-height:36px;border: 1px solid #cccccc;width: 100%;}
	.try_contBox .error_msg{margin: -30px 20px 0 25px;float:right;}
	.try_inputDis{margin:10px 0 0 0;}
	.try_inputDis a{margin:0 auto;float: none;}
	.try_cont{padding-bottom: 0;}

	/*2021-pyf*/
	
	/* 产品服务20210630--》 */
	/* 中国电子云邮箱 */
	.product-localized-box{padding:25px;min-height:auto;margin:0px 20px 10px 20px;background-position: right 15px, center center;background-size: 15% auto, 100% 100%;}
	.product-localized-box h4{font-size:18px;margin-bottom:0px;}
	.product-localized-box:hover{background-position: right 15px, center center;background-size: 15% auto, 100% 100%;box-shadow: 0px 16px 16px 0px rgba(55, 69, 103, 0.08);border-radius: 8px; transform: translate(0, 0px);-webkit-transform: translate(0, 0px);-moz-transform: translate(0, 0px);-o-transform: translate(0, 0px);-ms-transform: translate(0, 0px);}
	.product-localized-box h4{margin-bottom:10px;text-align: left;}
	.localized-bg-black ul li{padding:20px 30px 20px 90px;min-height:auto;}
	.localized-bg-black h3{margin-bottom:10px;}
	.localized-bg-black ul li p{line-height:20px;}
	.localized-bg-black ul li b{font-size:14px;}
	.localized-sever-des{padding:0 10px;}
	.localized-sever-des .large-icon{padding:0 5px;}
	.localized-sever-des .large-icon h4{padding:0px;font-size:16px;}
	.product-banner .info a.btn-speek,.product-banner .info a.btn-free{border:1px solid #fff;background: none;}
	/* 水波特效 */
	.waves {
	    height:75px;
	    min-height:75px;
	}
	/* 云邮 */
	.product-cloudMailbox-desc{font-size:14px;}
	.product-cloudMailbox-desc .list{margin:5px 20px;min-height:auto;}
	.product-cloudMailbox-desc1 .list{margin: 0px 20px 10px 20px;padding:15px 20px;min-height:auto;}
	.product-cloudMailbox-desc1 .list p{font-size:14px;margin:0 0 10px 0;line-height:20px;height:auto;}
	.product-cloudMailbox-desc .list .txt{font-size:14px;}
	.product-cloudMailbox-desc1 .list h4{font-size:16px;}
	#cloudDesc{margin:120px 20px 20px 20px;}
	.h2-absolute{top:40px;font-size:22px;}
	#cloudDesc h3{font-size:16px;}
	#cloudDesc h4{font-size:14px;}
	.btn-more-hide{display: block;}
	.product-cloud-desc .cloudDesc-btn-group a{height:30px;width:120px;line-height:30px;background:none;border: 1px solid #fff;font-size:14px;}
	.cloudMailbox-bg-black2{background:none;}
	.btn-morer{border:1px solid #3986ee;color:#3986ee;width:120px;height:30px;line-height: 30px;font-size:14px;}
	.product-cloud-desc .shandx ul{padding-right:0px;margin-top:110px;padding-left:10px;}
	.product-cloud-desc .shandx ul li{font-size:14px;text-align: left;}
	#cloudDesc p{font-size:12px;line-height:18px;}
	.product-cloud-desc .shandx ul li.cur {font-size: 14px;}
	.product-cloudMailbox-desc .list .header{padding:15px 20px;}
	.product-cloudMailbox-desc .list .txt{padding:20px;line-height:inherit;}
	.product-cloudMailbox-desc .list h4{font-size:18px;margin-bottom:0px;}
	.product-cloudMailbox-desc .list .txt b{font-size:32px;}
	.product-cloudMailbox-desc .list .txt .txtBottom{margin:10px 0 20px 0;}
	.product-cloudMailbox-desc .list .txt .txtButton a{width:120px;height:30px;line-height:30px;}

	.service-help-desc{font-size:14px;}
	.service-help-desc .list{margin:6px 20px;}
	.height60{height:30px;}
	/* 产品服务20210630--> */
	
	/* 我们的客户--》 */
	.m-customer p{padding:15px 5px;}
	.m-customer p:nth-child(2n-1){background: #f9faff;}
	.m-customer p img{width:100%;}
	/* 我们的客户--》 */	
	
} 












