@charset "utf-8";
@font-face { 
  font-family: DINCond-Medium;
  src: url('../font/DINCond-Medium.otf');
} 
@font-face { 
  font-family: DINCond-Light;
  src: url('../font/DINCond-Light.otf');
}
#header .headerBox{	background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
#header .logo{background-image:url(../img/head-logo1.png);}
#header .menu ul li a span.cn,
#header .menu ul li a span.en{color: #000;}
#header .menu ul li a:hover{background: rgba(0,0,0,0);}
#header .menu ul li a:hover span.cn,
#header .menu ul li a:hover span.en{ color: #000;}
#header .tel span{color: #000;}
#header .menu ul li.nav3 {background: #000}
#header .menu ul li.nav3 a span.cn{top: -5px; color: #fff;}
#header .menu ul li.nav3 a span.en{opacity: 1; margin-top:2px ; color: #fff;}


#main{
	position: relative;
	width: 100%;
	padding: 0 0;
	margin: 80px auto 0;
	padding-bottom: 0;
	background: #fff url(../img/future-of-saas-bg.jpg) no-repeat center top;
	background-size: 100%;
	min-height: 500px;
}
.module-01{
	padding: 5% 8.3333% 0%;
}
.module-01 .title{
	text-align: center;
}
.module-01 .title p{
	font-size: .2rem;
	font-weight: normal;
	margin-bottom: .1rem;
	color: #2C54FA;
	line-height: 1.5em;
}
.module-01 .title h1{
	color: #2c54fa;
	font-weight: normal;
	font-size: .5rem;
	margin-bottom: .2rem;
}
.module-01 .con{
	width: 1200px;
	margin: 2rem auto 0;
	padding: .1rem .6rem .5rem;
	background: #fff;
}
.module-01 .con .h2{
	position: relative;
	top: -.2rem;
	text-align: center;
	font-size: .38rem;
	font-weight: bold;
	color: #007AFF;
}
.itemleft{float: left;display: inline-block;}
.itemright{float: right;display: inline-block;}

.faqitemservice{overflow: hidden;}
.faqitem-img{float: left;width: 400px;}
.faqitem-img img{display: block;width: 100%;margin: 0 auto;}
.faqitem-txt{float: right;width: 500px;}
.faqitem-txtinfo{overflow: hidden;margin-top: 110px;position: relative;}
.faqitem-txtinfo::before{width: 1px;height: 100%;background-color: rgb(219,219,219);content: '';position: absolute;left: 50%;top: 0;}
.faqitem-txtinfo::after{content: '';position: absolute;left: 0;top: 50%;height: 1px;width: 100%;background-color: rgb(219,219,219);}
.faqitem-txtli{float: left;width: 50%;line-height: 100px;position: relative;}
.faqitem-txtli span{position: absolute;font-size: 58px;font-style: italic;color: #E8E6E6;height: 66px;line-height: 66px;top: 17px;left: 37px;}
.faqitem-txtli p{position: relative;z-index: 1;color: #000;font-weight: bold;font-size: 18px;}
.faqitem-txtli:nth-child(1) span,.faqitem-txtli:nth-child(3) span{left: 20px;}
.faqitem-txtli:nth-child(1),.faqitem-txtli:nth-child(3) {padding-left: 70px;}
.faqitem-txtli:nth-child(2),.faqitem-txtli:nth-child(4) {padding-left: 75px;}

.faqsale{position: relative;overflow: hidden; padding: 100px 0 130px;}
.faqsale .banBgcolor{position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    left: 0;
    max-height: 100vmin; z-index: 1;
    background: rgb(27,28,30);
    opacity: .8; background-color: rgb(47, 68, 200);}
	.banBgimg, .banBgcolor {
	    position: absolute;
	    top: 0;
	    height: 100%;
	    width: 100%;
	    overflow: hidden;
	    left: 0;
	    max-height: 100vmin;
	}
	.banBgimg img {
	    width: 100%;
	    height: 100%;
	    object-fit: cover;
	    object-position: 50% 50%;
	}
.faqsalebox{overflow: hidden;width: 980px;margin: 0 auto;color: #fff;text-align: center;position: relative;z-index: 1;}
.faqsalebox h5{font-size: 32px;margin-bottom: 40px;font-weight: normal;letter-spacing: 1px;}
.faqsalebox p{letter-spacing: 1px;font-size: 16px;line-height: 1.8em;margin-bottom: 66px;}
.faqsalelist{overflow: hidden;}
.faqsaleli{float: left;width: 25%;position: relative;border-left: 2px solid #fff;}
.faqsaleli:first-child{border: none;}
.faqsaleli img{margin: 10px auto 20px;}
.faqsaleli span{display: block;font-size: 14px;width: 100%;margin-bottom: 10px;}

.faqpartnerbox{overflow: hidden;margin: 0 auto;width: 1100px;text-align: center;color: #000;}
.faqpartnerbox h2{font-size: 40px;margin-top: 100px;display: block;margin-bottom: 30px;}
.faqpartnerbox p{display: block;font-size: 18px;min-height: 70px;margin-bottom: 20px;}
.faqpartnerList{overflow: hidden; text-align: center; padding: 0 30px;}
.faqpartnerList img{display: inline-block; width: 170px;margin: 16.6px 20px;}

.uniitemWrap{position: relative;overflow: hidden;}
.uniitemWrap .itemtxt h6,.uniitemWrap .itemtxt p{color: #fff;}
.uniitemWrap .itemtxt{width: 520px;}
.uniitemWrap .itemtxt p{font-size: 16px;line-height: 1.8em;}
.uniitemWrap .itemright .itemimg img{margin-top: 144px;}
.uniitemline .itemimg img{margin-top: 90px;}
.uniitemline .itemtxt{width: 527px;}
.uniitemline .itemtxt p{color: rgb(63,67,73);font-size: 15px;line-height: 1.8em;}
.faqitemgrp .banBgcolor {
    background-color: #2f44c8;
    opacity: 1;
}
.faqitemgrp .banBgcolor{background-color: #2f44c8;opacity: 1;}
.faqitemgrp .itemimg {width: 440px;}
.faqitemgrp .itemimg img{width: 100%;}
.faqitemgrp .itemright .itemimg img {margin-top: 80px;}
.faqitemgrp .itemtxt{width: 510px;margin-top: 130px;}
.faqitemgrp .itemtxt h6{font-size: 40px;font-weight: normal;margin-bottom: 40px;}
.faqitemgrp .itemtxt p{font-size: 18px;width: 90%;}
.faqitemgrp .viewitem{min-height: auto;margin: 0 auto;
    width: 980px;
    position: relative;
	overflow: hidden;
    z-index: 1;height: auto;
    padding: 70px 0;padding-bottom: 130px;}

.faqvalue{overflow: hidden;padding:50px 0 70px;}
.faqvaluebox{padding: 20px 0 0; width: 980px; margin: 0 auto; min-height: 630px;}
.faqvaluebox .itemtxt{margin-top: 30px;}
.faqval1,.faqval2{overflow: hidden;width: 100%;}
.faqval2{margin-top: 90px;}
.faqval1 .itemtxt{width: auto;}
.faqvaluebox .itemtxt h6{font-size: 24px;line-height: 40px;}
.faqvaluebox .itemtxt li{color: #2F2E2E;line-height: 2em;}
.faqvaluebox .itemtxt ul{margin-top: 28px;}
.faqval2 .itemtxt{width: 485px;}
.faqtime{background-color: #2f44c8;padding: 70px 0 100px;}
.faqtime p{color: #fff;}
.faqtime .TecbanBtn a{box-shadow: none;color: #2f44c8;background: #fff;border-radius: 3px;font-size: 16px;}
.faqtime .TecbanBtn a:hover{background: #2f44c8;color: #fff;}
/*ç”µå•†å‡ºæµ·è¥é”€æ–¹æ¡ˆ*/
.faq4banBox a:hover{background: rgba(233, 113, 62, 0.9); color: #fff;}
.faqsale4 .banBgcolor{background: rgba(233, 113, 62, 0.9);}
.faqitemgrp4 .banBgcolor,.faqtime4,.faqtime4 .TecbanBtn a:hover{background-color: #e9713e;}
.faqpartner4 h2{margin-bottom: 60px;}
.faqpartner4{padding-bottom: 100px;}
.faqtime4 .TecbanBtn a,.faq4banBox a{color: #e9713e;}
/*å“ç‰Œå‡ºæµ·é›¶å”®æ–¹æ¡ˆ*/
.faq2banBox{background-color: #fff9f1;}
.faq2banBox .banTitle{margin-top: 70px;}
.faq2banBtn a{box-shadow: none;background: #fff;color: rgb(253, 107, 36);height: 36px;line-height: 36px;}
.faq2banBtn a:hover{background-color: #fff;color: rgb(253, 107, 36);}
.faq2banBtn a.itemben-leftbtn,.faq2banBtn a.itemben-leftbtn:hover{background: none;color: #fff;border-color: #fff;}
.faq2wrap{padding: 70px 0;overflow: hidden;background-color: #fff9f1;}
.faq2item{width: 980px;margin: 0 auto;}
.faq2item::after{content: '';display: table;clear: both;visibility: hidden;line-height: 0;}
.faq2item h2{font-weight: bold;font-size: 30px;padding: 30px 0 100px;display: block;text-align: center;}
.faq2box{overflow: hidden;}
.faq2outLeft{float: left;width: 260px;}
.faq2outLeft li{display: block;width: 100%;overflow: hidden;margin-bottom: 50px;}
.faq2outLeft li img,.faq2serviceli img{float: left;width: 30px;height: auto;margin-top: 15px;}
.faq2outLeft li div,.faq2serviceli div{float: left;margin-left: 20px;}
.faq2outLeft li h3,.faq2serviceli h6 {font-size: 18px;font-weight: bold;line-height: 30px;display: block;}
.faq2outLeft li p,.faq2serviceli span{color: #666;line-height: 30px;font-size: 14px;}
.faq2outRight{float: right;width: 600px;}
.faq2outRight img{display: block;width: 100%;margin: 0 auto;}
.faq2qaqwrap{padding: 70px 0 100px;overflow: hidden;position: relative;}
.faq2qaqbg,.brandbg,.faq2servicebg{position: absolute;left: 0;top: 80px;background-image: url(../images/faq-2-6.png);background-repeat: repeat;width: 39%;height: 85px;background-size: 20px 20px;z-index: -1;}
.faqtime{background-color: #2f44c8;padding: 70px 0 100px; text-align: center;}
.faqtime p{color: #fff;display: block; font-size: 29px;}
.faqtime .TecbanBtn a{width: 142px;
    height: 45px;
    line-height: 45px;
    border-radius: 8px;
    text-align: center;
    display: inline-block;
    transition: all .5s;
    letter-spacing: 1px;
	color: #2f44c8;background: #fff; border: 1px solid #2f44c8; border-radius: 5px;font-size: 16px;}
.faqtime .TecbanBtn a:hover{background: #2f44c8;color: #fff; border: 1px solid rgba(255,255,255,0.5);}
.itembtn{margin-top: 40px;}

@media screen and (max-width: 768px) {
	#header .menu ul li a span.cn,
	#header .menu ul li a span.en{color: #fff;}
	#header .menu ul li.nav2 a span.cn{top: 0px; color: #FCE442;}
	#main{
		margin-top: 50px;
		padding: 20px;
	}
}