@import "base.css";
@import "../fonts/iconfont.css";

.iconfont{font-size: inherit;line-height: 100%;}
.flex,.flexC{display: flex;display: -webkit-flex;}
.flexC{flex-direction: column;}
.flex>.sub,.flexC>.sub{flex: 1;overflow: hidden;}
.btn-primary{background: #2a75ed;color: #fff;}
.btn{display: inline-block;padding: 0 16px;font-size: 14px;line-height: 40px;vertical-align: top;}
.btn-primary.btn-plain{line-height: 38px;color: #2a75ed;border: 1px solid;background: transparent;}
.wrap{width: 1200px;margin-left: auto;margin-right: auto;}


/*公共样式*/
img[mode="aspectFill"]{object-fit: cover;object-position: top;}
img[mode="aspectFit"]{object-fit: contain;}
/*斑马块背景*/
.ZebraBg{background: #f4f7fb;}
/*标题*/
.moduleTitle{padding: 30px 0 30px;}
.moduleTitleText{font-size: 36px;}
.titleLine{display: inline-block;width: 40px;height: 4px;background: #2a75ed;vertical-align: top;}
 
/*header*/
header{height: 60px;}
.headerFixedBox{height: 60px;position: fixed;top: 0;left: 0;right: 0;background: #fff;border-bottom: 1px solid #e9e9e9;box-sizing: border-box;z-index: 11; } 
.headerBox{}
.headerLogo{display: inline-block;float: left;padding: 12px 0;}
.headerLogoImg{width: 72px;height: 36px;}
/*nav*/
.menuBox{float: left;line-height: 36px;font-size: 15px;}
.menuList{float: left;position: relative;padding: 12px 0;}
.menuList:not(:last-child){margin-right: 10px;}
.menuListCont{display: block;padding: 0 16px;}
.menuList.active .menuListCont,.menuListCont:hover{color:#2a75ed;}
.subMenuBox{position: absolute;top: 59px;left: 0;padding: 15px 0;background: #fff;cursor: pointer;border: 1px solid #e9e9e9;border-top: none;display: none;}
.subMenuListA{display: block;padding: 0 15px;}
.subMenuListA:hover{background: #f2f2f2;}
.proSubMenu{position: fixed;top: 60px;left: 0;right: 0;background: #fff;borde: none;display: none;z-index: 20;}
.proSubMenuItem{float: left;width: 25%;position: relative;}
.proSubMenuItemA{display: flex;padding: 10px;font-size: 18px;}
.proSubMenuItemA:hover{background: #f7f7f7;}
.proTitle{font-size: 14px;color: #666;margin-left: 16px;line-height: initial;margin-bottom: 5px;}
/*.proSubMenuItem:not(:last-child):before{content: '';display: block;width: 1px;height: 25px;background: #e9e9e9;position: absolute;top: 50%;right: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);}*/
.proSubMenuItemImg{/* width:50px;height: 50px; */margin-right: 10px;}
.proSubMenuItemText{display: flex;flex-direction: column;line-height: initial;justify-content: center;}
.proSubMenuItemTitle{font-size: 14px;color: #333;}
.proSubMenuItemBrief{font-size: 12px;color: #999;}
/*Login*/
.loginBox{float: right;margin-left: 30px;font-size: 14px;padding: 12px 0;}
.loginBtnItem{float: left;padding: 0 20px;line-height: 34px;border: 1px solid;color: #2a75ed;vertical-align: top;border-radius: 2px;margin-right: 10px;}
.loginBtnItem:last-child{background: #2a75ed;color: #fff;line-height: 36px;border: none;margin-right: 0;}

/*banner*/
.bannerBox{background-size: cover;width: 100%;/* height: 500px; */padding-bottom:27%;background-position: center; display: flex;display: -webkit-flex;align-items: center;background-position: center;}
.bannerTextBox{color: #fff;}
.bannerTitText{font-size: 40px;font-weight: 700;}
.bannerDescText{font-size: 24px;margin-top: 10px;}
.bannerTextBtn{display: inline-block;background: #2a75ed;padding: 0 22px;line-height: 40px;border-radius: 2px;vertical-align: top;margin-top: 40px;font-size: 14px;}
.bannerTextBtnIco{line-height: 100%;font-size: 18px;vertical-align: text-bottom;}

/*产品*/
.productList{margin-top: 80px;margin-bottom: 80px;}
.productListImg{width: 492px;height: 329px;}
.productTitle{font-size: 36px;font-weight: bold;}
.productTitleTips{font-size: 18px;margin-top: 10px;}
.productDesc{font-size: 14px;color: #666;line-height: 26px;letter-spacing: 2px;margin-top: 30px;}
/*.productList .titleLine{margin: 40px 0;}*/
.productBtnBox{font-size: 0;margin-top: 30px;}
.productBtnItem{font-size: 14px;}
.productBtnItem:not(:last-child){margin-right: 30px;}

/*用户人数*/
.userNumBoxTit{font-size: 36px;font-weight: bold;}
.userNumItemBox{color: #666;justify-content: space-between;margin-top: 20px;}
.userNum{font-size: 42px;line-height: 1.4;}
.userNumListName{font-size: 20px;}

/*News*/
.newListBox{width: 22%;float: left;border: 1px solid #e9e9e9;box-sizing: border-box;margin-bottom: 60px;position: relative;background: #fff;box-shadow: 0 4px 20px rgba(127, 154, 197, 0.2);transition: all .3s ease;}
.newListBox:before, .newListBox:after{content:"";width:45%;position:absolute;bottom:12px;top:80%;z-index:-1;-webkit-box-shadow: 0 15px 20px #7f9ac5;-moz-box-shadow: 0 15px 20px #7f9ac5;box-shadow: 0 15px 20px #7f9ac5;opacity: 0.4;}
.newListBox:before{left:15px;-webkit-transform: rotate(-6deg);-moz-transform: rotate(-6deg);transform: rotate(-6deg);}
.newListBox:after{-webkit-transform: rotate(6deg);-moz-transform: rotate(6deg);transform: rotate(6deg);right: 15px;}
.newListBox:not(:nth-child(100n)){margin-right: 2%;height:300px;}
.newListCont{display: block;padding:  20px;}
.newsDateBox{padding: 20px 0 8px ;line-height: 1.2;border-bottom: 1px solid #e9e9e9;}
.newsDate{font-size: 36px;}
.newsYear{font-size: 18px;}
.newsImg{width: 100%;height: 115px;}
.newListTitle{font-size: 18px;margin-top: 15px;font-weight: normal;height: 84px;}
.newListDesc,.newListMore{font-size: 14px;color: #999;transition: all .3s ease;}
.newListMore .iconfont{font-size: 16px;margin-left: 4px;}
.newListBox:hover{box-shadow: none;color: #fff;background: #2a75ed;border-color: #2a75ed;}
.newListBox:hover:before,.newListBox:hover:after{display: none;}
.newListBox:hover .newListDesc,.newListBox:hover .newListMore{color: #e4e4e4;}
 
/*partner*/
.partnerBox{font-size: 0;}
.partnerItem{display: inline-block;font-size: 16px;width: 13.66%;padding:30px 20px 20px 20px;background: #fff;position: relative;overflow: hidden;}
.partnerItem:nth-child(2n){background: #f2f2f2;}
.partnerImgBox{width: 60%;padding-bottom: 60%;position: relative;margin-left: 20%;}
.partnerImg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.partnerName{color: #081E42;line-height: 30px;font-size: 14px;text-align: center;height: 30px;overflow: hidden;}
.partnerItem:hover .partnerCodePop{transform: translate(0);}
.partnerCodePop{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #2a75ed;padding: 20px;transform: translateY(-101%);transition: transform .3s ease;}
.partnerCodeImg{width: 100%;height: 100%;box-shadow: 0 0 1px 1px #2a75ed;}

/*platform*/
.platformBox{background: url("../../images/platformBoxBg.png") center;background-size: cover;padding: 60px 0;}
.platformImgBox{margin-right: 30px}
.platformImg{width: 420px;height: 225px;} 
.platformTextBox{color: #fff;padding: 40px 0;}
.platformTitText{font-size: 36px;font-weight: normal;}
.platformDescText{font-size: 18px;}
.platformTextBtn{border: 1px solid;}


/*footer*/
footer{background-color: #001C49;}
footer .youdian{color:#fff;border-bottom: 1px solid #999;padding:30px 0;font-size:16px;}
.footerItemBox{justify-content: space-between;}
.footerTitle{font-size: 18px;line-height: 25px;margin: 30px 0 16px;color: #fff;}
.footerSection{line-height: 20px;margin: 0 0 12px;color: #999;font-size: 14px;cursor: pointer;}
.footerSection .phone{font-size: 16px;}
.footerCodeItem{width: 160px;}
.footerLogo{width: 72px;height: 36px;}
.footerItem:nth-child(n+2){padding-left: 20px;}
.footerCodeImg{width: 120px;height: 120px;}
.copyright{padding: 20px 0;text-align: center;font-size: 13px;color: #666;border-top: 1px solid #999;}
.footicon{width: 30px;}
.icon_box{position: relative;}
.icon_box:hover .ma_box{display: block;}
.footerSection .ma_box{display: none;position: absolute;left: 0;background: #fff;bottom: 38px;width: 160px;text-align: center;color: #353535;border: 1px solid #eee;line-height: 20px;padding: 20px;box-sizing: border-box;border-radius: 4px 4px 4px 0;}
.ma_img{width: 120px;height: 120px;}
/*关于我们*/
.serviceListBox{justify-content: space-around;}
.serviceList{width: 400px;}
.serviceListIco{width: 140px;height: 140px;}
.serviceListName{font-size: 28px;font-weight: normal;}
.serviceListDesc{font-size: 14px;color: #999;}

/*资费说明*/
.costInfoBox{background:#fff url("../../images/costInfoBg.png") top no-repeat;background-size: 100%;}
.costInfoBox .moduleTitleText{color: #2a75ed;}
.costInfoBox .moduleTitleTips{color: #666;font-size: 20px;}
.costInfoItemBox{position: relative;z-index: 0;}
.costInfoItem{width: 32%;padding: 20px 10px 30px;float: left;border: 1px solid #e9e9e9;box-sizing: border-box;position: relative;background: #fff;box-shadow: 0 4px 20px rgba(127, 154, 197, 0.2);}
.costInfoItem:before, .costInfoItem:after{content:"";width:45%;position:absolute;bottom:12px;top:80%;z-index:-1;-webkit-box-shadow: 0 15px 20px #7f9ac5;-moz-box-shadow: 0 15px 20px #7f9ac5;box-shadow: 0 15px 20px #7f9ac5;opacity: 0.4;}
.costInfoItem:before{left:15px;-webkit-transform: rotate(-6deg);-moz-transform: rotate(-6deg);transform: rotate(-6deg);}
.costInfoItem:after{-webkit-transform: rotate(6deg);-moz-transform: rotate(6deg);transform: rotate(6deg);right: 15px;}
.costInfoItem:not(:nth-child(3n)){margin-right: 2%;}
.costInfoItemTit{font-size: 36px;font-weight: 600;}
.costItemTitTag{display: inline-block;width: 32px;height: 32px;text-align: center;line-height: 32px;background: #ffb931;color: #fff;border-radius: 4px;font-size: 24px;font-weight: normal;position: relative;vertical-align: 4px;}
.costItemTitTag:before{content: '';display: block;border-bottom: 6px solid #ffb931;border-left: 6px solid transparent;border-right: 6px solid transparent;position: absolute;left: -5px;bottom: 0;}
.costInfoDesc{font-size: 18px;color: #999;}
.costInfoCont{padding: 10px 10px 20px;}
.costContItem{margin-bottom: 10px;}
.costInfoTit{font-size: 18px;font-weight: 600;color: #666;}
.costInfoTitDot{display: inline-block;width: 6px;height: 6px;background: #2a75ed;border-radius: 50%;margin-right: 5px;vertical-align: middle;}
.costInfoItemCont{font-size: 14px;color: #999;}
.costInfoPriceBox{border-top: 1px solid #e9e9e9;padding-top: 20px;}
.costInfoPrice{font-size: 20px;color: #666;}
.costInfoPriceNum{font-size: 40px;color: #2a75ed;}

.costInfoBtn{margin-top: 10px;padding: 0 24px;}
.costInfoItem:hover .costInfoBtn{border-color:#2a75ed ;background: #2a75ed;color: #fff;box-shadow: 0 3px 20px rgba(42, 117, 237, 0.65);}

/* 免费注册 */
.new_reg .tit{font-family:PingFangSC-Medium;font-size:30px;text-align:center;color:#fff;letter-spacing:0;line-height:46px;font-weight:bold;margin:0 0 40px}
.new_reg .btn {width:240px;display:block;padding:unset;margin:0 auto;height:48px;line-height: 48px;}
.new_reg{padding:4.7% 0;background-size:100% 100%;background-repeat:no-repeat}
.new_reg .input_box{width: 1200px; margin: 0 auto;}
.new_reg .input_box input{width:270px;
height:46px;
background:#fff;
border-radius:2px;
border:1px solid #eee;margin-right:20px;padding: 0 15px;}
/*招聘*/
.wrap .join_li{padding-top: 40px;}
.join_img{float: left;}
.join_info{margin-left: 220px;}
.join_text{margin-bottom: 40px;}
.join_info h3 {font-size: 18px;margin-bottom: 24px;font-weight: 500;}
.join_info p {font-size: 16px;color: #666;}  

/*战略合作*/ 
.cooperative_box{padding-bottom: 80px;text-align: center;}
.cooperative_item{border: 1px solid #f5f5f5;background: #fff;box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.03);border-radius: 9px;padding: 10px 20px;display: inline-block;margin: 16px 20px;}
.cooperative_item img{height: 50px;}
.copybt{margin-top: 10px;line-height: 20px;}
.copybt a{margin:0 10px;} 
.copys{margin-right: 20px;line-height: 20px;display: inline-block;}
.mrctent{margin: 0 15px;}
.increment{width: 700px;margin: 0 auto;text-align: center;}
.increment img{width: 660px;}
.copyright a:hover{color:#fff;}

/*全快好*/
.saasBest{ padding:60px 0;}
.saasBest img{width: 80px;margin-right: 20px;}
.saasBest span{ font-size: 36px;margin: 20px 0 15px;font-weight: bold;margin-right:5px ;}
.saasBest ul{ width: 100%;display: flex;flex-direction: row;justify-content: space-between;}
.saasBest p{color: #333;}
.saasBest li{display: flex;flex-direction: row;align-items: center;}

.menuList .subMenuBox{display: block;padding:0;height:0;transition:height 0.5s;-webkit-transition:height 0.5s;overflow:hidden;border:none}
.menuList:hover .subMenuBox{height:500px;border:1px solid #e9e9e9;border-top:none;}
.menuList:hover .subMenuBox.aboutus{height:115px;border:1px solid #e9e9e9;border-top:none;}

@media (max-width:750px){
	.headerLogoImg{margin-left:15px;} 
	.footerItemBox{flex-wrap:wrap}
	.footerItemBox>li{width:100%;margin:0 25px;border-bottom:1px solid #ffffff29;padding:20px 0}
	.footerItemBox>li:last-child{border-bottom:none}
	.footerItemBox>li.callme>div,.footerItemBox>li.callme>ul{float:left}
	.footerItemBox>li.callme>div{width:30%}
	.footerItemBox>li.callme>ul{width:67%;margin-left:9px}
	.footerItemBox>li.callme .ma_img{width:100%;height:auto}
	.footerItemBox>li.callme .footerSection{margin:0 0 5px}
	.footerSection{margin:0;font-size:12px}
	.footerTitle{margin:0 0 16px}
	.footerItemBox>li .footerSection{float:left}
	.proSubMenuItem{padding-right:10px}
	.proSubMenuItemA{padding:unset}
	.proSubMenuItemA .proSubMenuItemTitle{color:#2a75ed;padding:10px 0 10px 0;width:67px}
	.proSubMenuItemA:after{content:'|';color:#2a75ed;margin-top:11%;font-size:12px}
	.proSubMenuItemA .proSubMenuItemBrief,.proSubMenuItemA .proSubMenuItemImg{display:none}
	.proSubMenuItem{width:unset}
	.proTitle{margin-left:unset;color:#333}
	.wrap li:last-child .proSubMenuItemA:after{content:''}
	.new_reg .tit{font-family:PingFangSC-Medium;font-size:24px;color:#333;letter-spacing:0;line-height:46px;font-weight:700;text-align:center;color:#fff}
	.new_reg{padding:4.7% 0 12%;background-size:100% 100%;background-repeat:no-repeat}
	.new_reg .input_box{width:100%;margin:0 auto}
	.new_reg .input_box{flex-wrap:wrap}
	.new_reg .input_box input{width:250px;height:44px;margin:0 auto 20px}
	.new_reg .btn{width:280px;margin-top:10px;height:44px;line-height:44px}
	.ma_box{color:#fff}

	
}