/*---BannerCss---*/
.banner{overflow:hidden; position:relative; width:100%; height:300px; padding:0; margin:0;}
.banner .tempWrap{width:1440px; height:300px; margin:0 auto; background-color:#07A0D9;}
.bBody{overflow:hidden; zoom:1;}
.bBody li{float:left; display:block; width:100%; height:300px;}
.bBody li a{display:block; width:1200px; height:300px; margin:0 auto; text-indent:-99999px; overflow:hidden;}

.banner .hd{position:relative; margin:0 auto; width:1002px;}
.banner .hd ul{overflow:hidden; zoom:1; float:left; position:absolute; right:-10px; top:-25px;} 
.banner .hd ul li{float:left; margin-right:5px; width:12px; height:12px; font:0px/0px Arial; background:#FFF; border-radius:5px; cursor:pointer;} 
.banner .hd ul li.on{background:#F20;}


/*---ContenCss---*/
.conten{width:1200px; margin:0 auto;}
/*---IndexTitleCss---*/
.conten h2{}
.conten h2 p,.conten h2 a{display:inline-block; float:left;}
.conten h2 p{padding: 20px;height:68px;font:bold 16px/68px "Microsoft yahei";color:#00252E;width: 100%;text-align: center;}
.conten h2 a{padding:0 20px 0 15px; height:68px; overflow:hidden; font:12px/68px "宋体";  background:url(../images/iconBg/TitleABg.png) no-repeat left center #FFF; color:#00A2CA;}
.conten h2 a:hover{color:#F20;}
.conten h2 span{}

/*---productsCss---*/
.proUl{display:block; width:1200px; height:320px; margin-bottom:20px;}
.proUl li:first-child{margin-left:0;}
.proUl li{float:left; margin:0 0 0 24px; width:280px; height:320px; border:1px solid #DDE4E6; }
.proImg{margin-top:20px; height:90px; text-align:center;}
.proUl li h3{height:68px; font:bold 1.6em/68px "Microsoft yahei"; text-align:center;}
.proUl li p{margin:0 20px 12px 20px; height:78px; font:.8em/26px "宋体"; color:#666; overflow:hidden;}
.buyNow{display:block; margin:0 auto; width:260px; height:46px; line-height:46px; text-align:center; font-size:14px;}
.cloudBox:hover{border-color:#00A2CA;}
.cloudBox h3{color:#00A2CA;}
.cloudBox .buyNow{color:#00A2CA; border-top:1px dashed #00A2CA;}
.cloudBox .buyNow:hover{border:1px dashed #00A2CA; border-radius:4px; background-color:#F4FDFF;}
.vhostBox:hover{border-color:#F60;}
.vhostBox h3{color:#F60;}
.vhostBox .buyNow{color:#F60; border-top:1px dashed #F60;}
.vhostBox .buyNow:hover{border:1px dashed #F60; border-radius:4px; background-color:#FFF9EE;}
.hostingBox:hover{border-color:#19D6AC;}
.hostingBox h3{color:#19D6AC;}
.hostingBox .buyNow{color:#19D6AC; border-top:1px dashed #19D6AC;}
.hostingBox .buyNow:hover{border:1px dashed #19D6AC; border-radius:4px; background-color:#E9FFFA;}
.domainBox:hover{border-color:#22A049;}
.domainBox h3{color:#22A049;}
.domainBox .buyNow{color:#22A049; border-top:1px dashed #22A049;}
.domainBox .buyNow:hover{border:1px dashed #22A049; border-radius:4px; background-color:#EAFFF1;}

.serDiv{width:1200px; height:318px; margin-bottom:20px;}
.leftBox{margin-right:40px;}
.rightBox{width:760px;}
.rightBox p{margin-left:20px; height:98px; font:.8em/26px "宋体"; color:#666; overflow:hidden;}
.rightBox ul{height:220px; position:relative;}
.rightBox ul li{float:left; display:inline; padding:10px; margin:10px 0 10px 20px; width:211px; height:68px; border:1px solid #DDE4E6; font:12px/26px "宋体"; cursor:col-resize;}
.rightBox ul li img{float:left; width:70px; height:70px;}
.rightBox ul li div{float:left; width:140px; height:68px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.rightBox ul li strong{color:#00252E; font-size:14px;}
.rightBox ul li:hover,.rightBox ul li.on{width:464px!important;}
.rightBox ul li:hover div,.rightBox ul li.on div{width:386px;}
.move{position:absolute; top:0; right:0;}

.newsDiv{}
.listBox{
    width: 100%;
}
.listBox dt{}
.listBox dt h4{border-bottom:1px solid #FFF;color:#00252E;font-size: 24px;padding-bottom: 20px;}
.listBox dd{text-indent:.5em;font-size: 14px;}

.hotBox{overflow:hidden; position:relative; width:800px; height:246px;} 
.hotBox .tempWrap{width:680px; height:211px!important; margin:auto 60px;}
.s-main{overflow:hidden; zoom:1;}
.s-main li{float:left; _display:inline; width:680px; height:176px; margin:25px 0 10px 0;} 
.s-main li img{float:left; margin-right:25px;}
.s-main li p{float:left; display:block; width:454px; max-height:100px; font:12px/26px "宋体"; overflow:hidden;}
.s-main li a{display:block; width:454px; font:12px/26px "宋体"; color:#00A2CA;}
.s-main li a:hover{color:#F60;}
.hotBox .hd{position:relative; height:35px;}
.hotBox .hd h4{display:block; padding:1px; width:126px; height:30px; font:14px/30px "Microsoft Yahei"; border:1px solid #DDE4E6; background-color:#F8F8F8; text-align:center; color:#F20; margin-left:60px;}
.hotBox .hd .prev,.hotBox .hd .next{position:absolute; top:110px; display:block; width:60px; height:41px; cursor:pointer;}
.hotBox .hd .prev{left:0; background:url(../images/iconBg/prevIcon.jpg) no-repeat left top;}
.hotBox .hd .next{right:0; background:url(../images/iconBg/nextIcon.jpg) no-repeat left top;} 
.hotBox .hd .prev:hover,.hotBox .hd .next:hover{background-position:left bottom;}
.hotBox .hd ul{width:90px; margin-top:12px;} 
.hotBox .hd ul li{position:relative; _display:inline; float:left;  width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer; border-radius: 10px; behavior: url(../PIE.htc);} 
.hotBox .hd ul li.on{background:#f00;}

/*---cloudPageCss---*/
.cloudtable{border-collapse:collapse;}
.cloudTable td{vertical-align:top;}
.CTMenu{
    overflow: hidden;
}
.clouds,.cloudModel,.vhostBody,.serverBody,.domainPro,.aboutBody{margin:35px 0 50px 0;}
.clouds,.vhostBody,.domainPro,.aboutBody{width:898px;}
.cloudTable{width: 100%;transition: all 2s;}
.cloudsList{width: 100%;text-align:right;margin-bottom: 30px;transition: all 2s;}
.cloudsList h3,.cloud_title h3,.cProArea h3{
    float: left;
    width: 100%;
    text-align: left;
    text-indent: 1em;
    line-height: 50px;
    color: #000;
}
.cloudsList li a{margin: 5px 0 5px 10px;padding: 0 20px;cursor:pointer;float: left;text-align: center;border: 1px solid #dcdcdc;border-radius: 4px;line-height: 40px;}
.cloudsList li.on a,.cloudsList li:hover a{background: #007bfc;border: 1px solid #007bfc;color: #fff;}
.cloudsArea{padding: 0;width: 100%;transition: all 2s;}
.cloudsArea ul{
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);
    margin-bottom: 20px;
    padding: 20px 0;
    border-radius: 4px;
    border: 1px solid #efefef;
    width: 100%;
    transition: height 2s;
}
.cloudsArea li{padding-top:10px;overflow: visible;}
.cloud_title{padding:15px 0 15px 78px;}
.cloud_title li.proTi{border:none;padding:0;margin-left:-78px!important;background:none;display: none;}
.cloud_title li{display:inline-block;padding: 0 10px;margin:5px;background-color: #ffffff;border-radius:4px;border:1px solid #DDD;}
.cloud_title li a{font-size: 14px;font-weight:bold;}
.cloud_title li.on {background: #007bfc;border-color:#FFF;}
.cloud_title li.on a{color:#FFF;}

.cProArea li .proLocal{margin:5px 0; width:600px;/* height:26px;*/}
.cProArea .cProText{padding-top:5px; height:22px; font:12px/22px "Microsoft yahei"; text-indent:6.5em; clear:0;}
.cProArea li .proLocal > span{display:inline-block;margin:5px 10px 0 0;width:86px;height:26px;line-height:26px;font-size:.8em;text-align:center;}

/*---Name Style---*/
.cProArea li .proName,.cloud_title li.proTi{margin:5px 0;padding-right:10px;width:68px;height:26px;text-align:right;font-size:.8em;}
/*---OnSelect Css Style*/
.cProArea li .proLocal span,.osMenu a{background-color: #ffffff;border:1px solid #E5E5E5;border-radius:4px;}
/*---Select Css Style---*/
.cProArea li .proLocal span.on,.osMenu a.on{background-color: #007bfc;border: 1px solid #007bfc;color: #ffffff;}
/*---Bar Css Style---*/
.cBar{position:relative; padding-top:26px!important;}
.proBar{position:absolute;left:70px;top:33px;width: 700px;height:26px;background:url(../images/cBarGrayBg.gif) repeat-x left center;border-radius:4px;border-right:1px solid #E5E5E5;}
.proBar a{display:block; position:absolute; left:120px; bottom:-2px; width:13px; height:34px; background:url(../images/CloudsA.gif) no-repeat left bottom;}
.proBar span{display:block;position:absolute;top: 0;padding-left: 20px;width:60px;font:12px/26px Arial;color:#00252E;line-height: 20px;}
.proBar p{position:absolute;display:inline-block;padding-right:5px;font:12px/18px Arial;}
.proBar p.valueMin{left:220px;top: 30px;}
.proBar p.valueMax{right:0;border:none;top: 30px;}
/*---osBar Css Style---*/
.osMenu a{display:inline-block; height:20px; line-height:20px; padding:0px 8px; margin:8px 8px 8px 0; color:#333; font-size:12px;}
.osConfi{height:26px; border-radius:4px;}
.osConfi p{display:inline-block;float:left;margin-right:8px;padding:0 8px;line-height:24px;font-size:12px;background-color: #ffffff;border: 1px solid #E5E5E5;border-radius:4px;}
.osMenu a:hover,.osMenu a.on,.osConfi p.on{background-color: #007bfc;border: 1px solid #007bfc;color: #fff;}
.proLocal select{margin:4px 15px 0 0;height:26px;background-color: #ffffff;border: 1px solid #e1e1e1;color:#00252E;}

.cloudsBuy{padding-left:165px; padding-bottom:50px; border-top:1px solid #C7DAE1; clear:both;}
.cloudsBuy .price{margin:20px 0; height:56px; line-height:56px; color:#F60; font-size:12px;}
.cloudsBuy .price span,.cloudsBuy .price p,.cloudsBuy .price label,.cloudsBuy .price input{display:block; float:left;}
.cloudsBuy .price > span{width:60px; text-align:right;}
.cloudsBuy .price label{margin-right:15px;}
.cloudsBuy .price input{margin:20px 5px; width:16px; height:16px;}
.cloudsBuy .price label span{margin:0 5px; font-family:Arial; font-size:20px;}
.cloudsBuy .buyBut{margin:0 auto;width:156px;clear:both;}
.cloudsBuy .buyBut input{width:156px;font:.8em/32px "Microsoft yahei";color: #fff;cursor:pointer;border: 0;border-radius:4px;background: #007bfc;line-height: 50px;}
.cloudsBuy .buyBut input:hover{background-color:#F60; color:#FFF; border:none;}
.cmArea{
    transition: height 2s;
}
.cloudModel{width:274px;border:1px solid #EEE;box-shadow: 0px 0px 11px 0px rgba(216, 216, 216, 0.96);background: #fff;}
.cloudModel h3,.cloudHelp h3{line-height: 50px;color:#00252E;background-color:#F9F9F9;text-indent: 1em;border-bottom:1px solid #EEE;font-size: 20px;}
.cmArea li{margin:0 auto;height: 50px;width: 100%;font:.8em/36px "Microsoft yahei";text-indent:2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height: 50px;}
.cmArea li strong{float:left;display:block;width:68px;text-indent:0;text-align:right;font-weight: normal;color: #000;}
.cmArea li > span{float:left;display:block;padding:0 8px;text-indent:0;color: #FF5722;font-size: 20px;}
.vpsbuy,.vrPro input{line-height:56px;background:none;text-align: center;padding: 20px 0;}
.vpsbuy input,.serverDetail,.vrPro input{width:156px;background-color: #007bfc;border:none;border-radius:4px;color:#FFF;cursor:pointer;font-size: 18px;line-height: 50px;}
.vpsbuy input:hover,.serverDetail:hover{background-color:#15B1D8;}

.cloudHelp h3{border-top:1px solid #E5E5E5;}
.cloudHelp p{margin:10px 15px; line-height:26px; font-size:.8em;}

/*---vhostPageCssStyle---*/
.vrPro p{display:block; padding-left:20px; width:166px; font:12px/36px "Microsoft yahei",Arial; color:#00252E; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.vrPro input{margin:10px 45px;}
.vhostMenu{margin: 35px 0;display: flex;align-items: center;justify-content: center;}
.vhostMenu li{margin:0 5px;padding: 0 10px;text-align: center;line-height: 46px;border: 1px solid #888;border-radius: 5px;cursor: pointer;user-select: none;font-weight: bold;font-size: 16px;}
.vhostMenu li h3{font:1em/50px "Microsoft yahei";color: #000000;}
.vhostMenu li:hover,.vhostMenu li.on{background: #007bfc;color: #ffffff;border-color: #007bfc;}
.vhostMenu li:hover h3,.vhostMenu li.on h3 {
    font: 1em/50px "Microsoft yahei";
    color: #fff;
}
.cdnBody .vhostArea{margin-right: -1px;border:1px solid #E5E5E5;width: 20%;float: left;border-radius: 4px;overflow: hidden;margin-bottom: 40px;box-sizing: border-box;}
.cdnBody .vhostArea h3{text-align: center;border-bottom: 1px solid #e8e8e8;}
.cdnBody .vhostArea h3 p{display:inline-block;padding:0 10px;color: #000;font-size: 20px;font-weight: bold;line-height: 80px;}
.cdnBody .vhostArea h4{margin:25px 0; font:bold 1.3em/32px "Microsoft yahei";}
.cdnBody .vhostArea h4 span{margin-right:150px;}
.cdnBody .vhostProImg{
    text-align: center;
    padding: 20px 0;
}
.cdnBody .vhostProImg img{
    width: 120px;
}
.vhostProImg,.vhostProCont,.vhostPrice{}


.cdnBody .vhostProCont{width: 100%;/* height:156px; */font-size:14px;font-family:Arial, "Microsoft yahei";padding: 0 10px;box-sizing: border-box;}
.cdnBody .vhostProCont p{display:block;/* margin-bottom:12px; *//* height:120px; */clear:both;overflow:hidden;border-bottom: 1px solid #e6e6e6;}
.cdnBody .vhostProCont span{display:inline-block; width:102px; font-size:14px; color:#333;}

.cdnBody .vhostPrice{float: right;text-align: center;width: 100%;}
.cdnBody .vhostPrice p{font:12px/26px Arial;min-height:52px;margin:0 10px;text-align:center;}
.cdnBody .vhostPrice p span{font-size:18px;font-weight: bold;color: #f00;}
.cdnBody .vhostPrice input{background: #007bfc;border: 1px solid #007bfc;cursor:pointer;color:#FFF;text-align: center;padding: 8px;width: 100%;}
.cdnBody .vhostPrice input:hover{color: #d1d1d1;}

/*---ServerPageCssStyle---*/
table.cmArea th{font:normal .8em/32px "Microsoft yahei"; color:#00252E;}
table.cmArea img{margin:5px; width:126px; height:126px;}
.serverDetail{margin:15px 0;}
.serverBody{padding: 0;}

.serBox{border: 0;}
.serverPro{border: 0;border-collapse: separate;border-spacing: 0px 10px;}
.serverPro .serlist{
    border: 0;
    border-collapse: separate;
    border-spacing: 0px 10px;
    width: 100%;
}
.serverPro th{font-size: 12px;height: 34px;line-height: 34px;font-weight: bold;color: #00252E;border: 0;}
.serverPro td{font-size: 14px;line-height:30px;border-right: 0;border-bottom: 0;color: #555;margin:0px;padding:0px;font-weight: bold;}
.serverPro td p{height:30px; overflow:hidden; }
.serverPro th span{font-weight:normal; font-size:1em; color:#333;}
.serverPro .serverTr{
    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    border-radius: 8px;
    height: 130px;
    padding: 4px;
    box-sizing: border-box;
    font-size: 18px;
}
.cloudbtnlist ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.cloudbtnlist li {
    width: 24%;
    max-width: 170px;
    text-align: center;
    line-height: 46px;
    border: 1px solid #888;
    border-radius: 5px;
    cursor: pointer;
    user-select: none;
    font-weight: bold;
    color: #6f6f6f;
    font-size: 16px;
}
.cloudbtnlist li + li {
    margin-left: 30px;
}
.cloudbtnlist li.on {
    background: #007bfc;
    color: #ffffff;
    border-color: #007bfc;
}
.serverPro .serverTr li{
    float: left;
    width: 16.666%;
    text-align: center;
    white-space: nowrap;
    padding: 10px;
    box-sizing: border-box;
}
.serverPro .serverTr li .f-16{
    font-size: 14px;
    color: #808080;
}
.serverPro .serverTr li .f-18{
    font-size: 17px;
    font-weight: bold;
}
.serverPro .serverTr span.rd{
    font-weight: bold;
    font-size: 20px;
    color: #ea0909;
}
.serverPro td input.buy{cursor:pointer;width: 140px;line-height: 48px;color: #fff;background: #007bfc;}
.AdvBox{width:1160px; height:185px; overflow: hidden;}
.serverBody h3{margin-bottom:20px; height:36px; background:url(../images/iconBg/titleBg.jpg) repeat-x left bottom; color:#00252E;}
.serverBody h3 span{border-bottom:1px solid #00A2CA; height:35px; display:inline-block; padding:0 15px; font:16px/35px "Microsoft yahei";}
.AdvBox li{display:inline-block; float:left; margin-left:20px; padding:0 20px; width:176px; height:106px; overflow:hidden; font:18px/106px "Microsoft Yahei"; color:#FFF; text-align:center;}
.AdvBox li:first-child{margin:0;}

/*---domainPageCssStyle---*/
.domainCase{padding-top:40px; width:100%; height:100%; background:url(../images/bannerImg/domainBg.jpg) no-repeat top center;}
.domainSearch{width:980px; min-height:276px; margin:0 auto;}
.searchBox{height:68px; margin:30px auto; border:1px solid #00A2CA; text-align:center;}
.domainSearch .domainText{float:left; width:814px; height:65px; height:62px; line-height:62px; text-indent:1em; font-size:24px; font-family:Arial; outline:none; border:none; font-family:"Microsoft Yahei"; background:none; color:#F20;}
.domainSearch .domainBtn{float:right; width:158px; height:68px; font-size:1.5em; font-family:"Microsoft Yahei"; color:#FFF; letter-spacing:15px; background:#00A2CA; border:none; cursor:pointer;}
.domainSearch .domainBtn:hover{background:#F60;}
.domainName{height:146px; margin:0 auto; border:1px solid #E1E1E1; background-color:#F1F1F1; }
.domainName label{cursor:pointer;display:block; float:left; margin:10px 10px 0px 10px; width:80px; height:34px; line-height:34px; font-size:.8em; color:#00252E; border:none!important; text-decoration:none!important;}
.domainName input{margin:0 8px;}
.domainName span{color:#F20;}
.domainPro{width:890px;}
.domainPro h3{border-bottom:1px solid #C7DAE1; background-color:#F1FBFC; height:35px; font: .8em/35px "Microsoft yahei"; color: #00252E; text-indent:2em;}
.domainPro > div{padding:20px;}
.domainPro li{float:left; display:inline; width:380px; height:36px; padding:0 5px; margin:8px 16px; background:#F9F9F9; border:1px dotted #E0E0E0;}
.domainPro li > span,.domainPro li p{display:block; float:left; height:36px; line-height:36px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.domainPro li > span{width:70px; color:#00252E; font-weight:bold;}
.domainPro li p{width:225px; color:#F40; text-align:right;}
.domainPro li p span{font-size:12px;}
.domainPro li a{float:right; display:block; margin:5px 0; width:80px; height:26px; line-height:26px; background-color:#00A2CA; font-size:12px; color:#FFF; text-align:center;}
.domainPro li a:hover{}

/*---aboutCssStyle---*/
.cmArea a:hover,.cmArea li.on a{color:#F20;}
.aboutBody{padding:10px 25px; width:848px;}
.aboutBody h2{margin:0;}
.aboutBody div{font:.8em/26px "Microsoft yahei"; padding:15px;}

.aboutArea{}
.aboutArea li{margin:5px auto;font:1em/38px "Microsoft yahei";text-indent:2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.aboutArea li:first-child{border-top:none!important;margin-top:0!important;}
.aboutArea li:hover{}
/*.aboutArea li.on{background-color:#F0F0F0; border-top:1px solid #DDD; border-bottom:1px solid #DDD;}*/
.aboutArea li.on{background: #007bff;}
.aboutArea li.on a,.aboutArea li.on a:hover{ color:#FFF;}

.aboutArea li a{display:block;line-height: 56px;border:1px solid #FFF;}
.aboutArea li:hover a{color:#F20;}

.section__title {
    color: #142149;
    text-align: center;
    font-weight: bold;
    font-size: 40px;
    margin-bottom: 28px;
    border-top: 1px solid #edeef2;
    padding: 60px;
}
.section__desc {
    text-align: center;
    font-size: 22px;
    color: #525666;
    margin: 0 auto;
    margin-bottom: 80px;
    max-width: 730px;
}
.row:first-child{
    margin-top: 60px;
    border-top: 1px solid #edeef2;
    padding-top: 50px;
}
.row,.post-rows {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.row--lg>* {
    padding: 0 24px;
}
.features [class^=col] {
    display: flex;
}
a.feature--bordered, .feature--shadow {
    transition: transform .3s ease;
}
.feature--shadow {
    position: relative;
}
.feature {
    flex-direction: column;
    text-align: center;
    width: 100%;
}
.col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    width: 30%;
    margin: 0 1.666%;
    box-sizing: border-box;
    box-shadow: 0px 0px 11px 0px rgba(216, 216, 216, 0.96);
    padding-bottom: 40px;
}
.qx__icon {
    position: relative;
    z-index: 2;
    margin: auto;
    margin-top: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.feature--boxed .feature__body {
    padding: 16px;
}
.feature__body {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
}
.section__content {
margin-bottom: 50px;  
overflow: visible;
}
.col-lg-4:hover {
    z-index: 2;
    transform: translate3d(0, -8px, 0);
}
.col-lg-4 {
    transition: transform .3s ease;
}
.col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.lg-reverse {
    flex-flow: row-reverse;
    margin: 150px 0;
}
.col-lg-6 .section__title{
    border-top: 0;
}
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 0px 20px 4px #4c4c4c2e;
    width: 24.25%;
    margin-right: 1%;
    min-height: 460px;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
    overflow: visible;
    margin-top: -200px;
    margin-bottom: 50px;
}
.swiper-slide:hover,.pro-item:hover {
    z-index: 2;
    transform: translate3d(0, -8px, 0);
}
.swiper-slide,.pro-item {
    transition: transform .3s ease;
}
.serve__icon {
    margin-top: -16px;
}
.banner__content{
    width: 100%;
    height: 600px;
    text-align: center;
    background: linear-gradient(90deg, #021049, #1e38a2);
    color: #fff;
}
.banner__content h1{
    font-weight: bold;
    font-size: 40px;
    padding: 80px 0 30px;
}
.banner__content p{
    max-width: 750px;
    margin: 0 auto;
    color: #c0c0c0;
    font-size: 24px;
}
.feature__body{color:#333}
.feature__body:hover{color:#000}
.section--resources{
    width: 100%;
    overflow: hidden;
}
.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}
.section--resources .section__content .tiles {border-top: none;}
.section--resources .tile {
    display: flex;
    flex-direction: column;
    padding: 16px;
    background: #fff;
    border: 1px solid #e6e7eb;
    margin-top: 24px;
    border-radius: 4px;
    position: relative;
    width: 100%;
    justify-items: center;
    justify-content: center;
    align-items: center;
    transition: .3s;
    box-sizing: border-box;
}
.tile .tile__title {
    color: #142149;
    max-width: 100%;
    margin-top: 12px;
    margin-bottom: 0;
    text-align: center;
    display: flex;
    align-items: center;
}
.tab-box .tab-header {
    display: inline-block;
    height: 3.625rem;
    box-shadow: rgba(61, 101, 199, 0.1) 0px 0.5625rem 2rem -0.125rem;
    background: rgb(255, 255, 255);
    border-radius: 0.25rem;
    padding: 0.25rem;
}
.tab-box .tab-header .one.active {
    font-weight: bold;
    background: rgb(237, 243, 250);
}
.tab-box .tab-header .one {
    display: block;
    float: left;
    width: 11.0625rem;
    height: 3.625rem;
    line-height: 3.625rem;
    text-align: center;
    font-size: 1.25rem;
    color: rgb(25, 26, 77);
    border-radius: 0.125rem;
}
.tab-box {
    text-align: center;
}
.pro-item.big {
    height: 300px;
}
.pro-item {
    float: left;
    display: block;
    width: 46%;
    margin: 2%;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 14px;
    padding: 10px 40px;
    line-height: 20px;
}
.tab-box .tab-body {
    margin-top: 3.75rem;
    overflow: hidden;
}
.pro-item.small {
    height: 250px;
}
.pro-item .title{
    color: #191a4d;
    line-height: 60px;
}
.pro-item .desc{
    text-align: left;
}
.advantage-item{
    width: 32%;
    float: left;
    text-align: center;
    height: 480px;
}
.advantage-content{
    width: 100%;
    overflow: hidden;
    margin-bottom: 40px;
}
.advantage-item .advantage-item-title{
    font-size: 20px;
    line-height: 40px;
}
.advantage-item .desc-strong{
    font-weight: bold;
    font-size: 24px;
    color: #3364ed;
    line-height: 50px;
}