.wrap {

	overflow: hidden;

}

.con {

	width:94%;

	max-width: 1200px;

	margin: 0 auto;

}

.font80 {

	font-size: 80px;

}

.font60 {

	font-size:60px;

}

.font50 {

	font-size: 50px;

}

.font48 {

	font-size: 48px;

}

.font44 {

	font-size: 44px;

}

.font42 {

	font-size: 42px;

}

.font36 {

	font-size: 36px;

}

.font32 {

	font-size: 32px;

}

.font30 {

	font-size: 30px;

}

.font28 {

	font-size: 28px;

}

.font27 {

	font-size: 27px;

}

.font26 {

	font-size: 26px;

}

.font24 {

	font-size: 24px;

}

.font22 {

	font-size: 22px;

}

.font20 {

	font-size: 20px;

}

.font18 {

	font-size: 18px;

}

.font16 {

	font-size: 16px;

}

.font14 {

	font-size: 14px;

}

@media only screen and (max-width:1920px) {

 html, body {

font-size: 0.833vw;

}

 .font80 {

font-size: 80px;

}

 .font60 {

font-size: 60px;

}

 .font50 {

font-size: 50px;

}

 .font48 {

font-size: 48px;

}

 .font44 {

font-size: 44px;

}

 .font42 {

font-size: 42px;

}

 .font36 {

font-size: 36px;

}

 .font32 {

font-size: 30px;

}

 .font30 {

font-size: 30px;

}

 .font28 {

font-size: 28px;

}

 .font27 {

font-size: 27px;

}

 .font26 {

font-size: 26px;

}

 .font24 {

font-size: 24px;

}

 .font22 {

font-size: 22px;

}

 .font20 {

font-size: 20px;

}

 .font18 {

font-size: 18px;

}

 .font16 {

font-size: 16px;

}

 .font14 {

font-size: 14px;

}

 .font12 {

font-size: 12px;

}

}

 @media only screen and (max-width:828px) {

 html, body {

font-size: 16px;

}

 .con {

width:auto;

margin: 0 1em;

}

}

@media only screen and (max-width:420px) {

 html, body {

font-size: 14px;

}

}

@media only screen and (max-width:370px) {

 html, body {

font-size: 12px;

}

}

 @media only screen and (max-width:828px) {

 .font48 {

font-size: 24px;

}

.font36 {

font-size: 20px;

}

.font24 {

font-size: 18px;

}

.font22 {

font-size: 18px;

}

.font20 {

font-size: 14px;

}

.font18 {

font-size: 14px;

}

.font16 {

font-size: 14px;

}

.font14 {

font-size: 12px;

}

}

.headBox {

	padding: 4.8em 0 5.2em;

	background: url(../images/TCloud/bg_1.webp) center center no-repeat;

	background-size:cover;

	margin-top:0px;

}

.headBox .tit {

	font-weight: bold;

}

.headBox .txt {

	margin-top: 1em;

}

.btnWhite {

	cursor: pointer;

	display: inline-block;

	cursor: pointer;

	color: #ff5831;

	line-height: 2.5;

	padding: 0.1em 1.7em 0 1.8em;

	margin-right: 0.5em;

	background-color: #fff;

	font-weight: bold;

	transition: all 0.5s;

	-webkit-transition:all 0.5s;

	-moz-border-radius:0.2em;

	-webkit-border-radius:0.2em;

	border-radius:0.2em;

	border: 1px solid #fff;

	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);

	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);

}

.btnWhite:hover {

	border: 1px solid #ff5831;

	color: #ff5831;

}

.btnBlue {

	display: inline-block;

	cursor: pointer;

	color: #fff;

	line-height: 2.5;

	padding: 0.1em 1.7em 0 1.7em;

	margin-right: 0.5em;

	background-color: #ea3636;

	font-weight: bold;

	transition: all 0.5s;

	-webkit-transition:all 0.5s;

	-moz-border-radius:0.2em;

	-webkit-border-radius:0.2em;

	border-radius:0.2em;

	border: 1px solid #ea3636;

}

.btnBlue:hover {

	background-color: #0eb6df;

	color: #fff;

}

.btnOrg {

	display: inline-block;

	cursor: pointer;

	color: #fff;

	line-height: 2.5;

	padding: 0.1em 1.7em 0 1.7em;

	margin-right: 0.5em;

	background-color: #ff5831;

	font-weight: bold;

	transition: all 0.5s;

	-webkit-transition:all 0.5s;

	-moz-border-radius:0.3em;

	-webkit-border-radius:0.3em;

	border-radius:0.3em;

	border: 1px solid #ff5831;

}

.btnOrg:hover {

	background-color: #ee4017;

	color: #fff;

}

.valBox {

	padding: 4.5em 0;

}

.valBox .tit {

	font-weight: bold;

	text-align:center

}

.valBox .list ul {

	margin-top: 1.6em;

	display: flex;

	flex-wrap: wrap;

	justify-content: flex-start;

	align-items: flex-start;

}

.valBox .list li {

	margin-top: 1.75%;

	margin-right: 1.75%;

	width: 18.6%;

	background-color: #fafafa;

	-moz-border-radius:1em;

	-webkit-border-radius:1em;

	border-radius:1em;

	overflow: hidden;

	transition: all 0.5s;

	-webkit-transition:all 0.5s;

}

.valBox .list li:nth-child(5n) {

margin-right: 0;

}

.valBox .list .lib {

	position: relative;

	z-index: 0;

}

.valBox .list li:hover {

	transform: translate(0, -1em);

	-ms-transform: translate(0, -1em); /* IE 9 */

	-webkit-transform: translate(0, -1em); /* Safari and Chrome */

}

.valBox .list .lib::after {

position: absolute;

z-index: 1;

left: 0;

top:0;

display: block;

width: 100%;

height: 100%;

content: "";

display: block;

background-color: rgba(0, 0, 0, 0.2);

transition: all 0.5s;

-webkit-transition:all 0.5s;

}

.valBox .list li:hover .lib::after {

background: linear-gradient(to bottom, rgba(251, 67, 67, 0), rgba(251, 67, 67, 1));

}

.valBox .list .pic {

	position: relative;

	z-index: 0;

	padding-top:144.2%;

}

.valBox .list .pic img {

	position: absolute;

	left: 0;

	top:0;

	display: block;

	width: 100%;

	height: 100%;

}

.valBox .list .txtb {

	position: absolute;

	z-index: 2;

	top: 100%;

	left: 1em;

	right: 1.2em;

	color: #fff;

	text-align: left;

	margin-top: -2.5em;

	transition: all 0.5s;

	-webkit-transition:all 0.5s;

}

.valBox .list li:hover .txtb {

	margin-top: -13em;

}

.valBox .list .name {

	font-weight: bold;

	margin-top: 0.5em;

}

.valBox .list .intro {

	margin-top: 1.1em;

	font-size: 0.65em;

	line-height: 1.25em;

}

.valBox .list .intro p {

	margin-top: 0.7em;

}

@media only screen and (max-width:828px) {

 .valBox .list li {

margin-right:0;

width:48%;

margin-right: 2%;

}

 .valBox .list li:nth-child(5n) {

margin-right: 0;

}

 .valBox .list li:nth-child(2n) {

margin-right: 0;

}

}

.tsBox {

	padding: 4.6em 0 2em;

}

.ts_1 {

	padding: 4.6em 0 3.7em;

	background-color: #f7f7f7;

}

.ts_2 {

	padding: 2em 0;

}

.ts_3 {

	padding: 3.7em 0;

	background-color: #f7f7f7;

}

.ts_4 {

	padding: 2em 0;

}

.ts_5 {

	padding: 3.7em 0;

	background-color: #f7f7f7;

}

.tsBox .tit {

	font-weight: bold;

	line-height: 1.8;

	margin-bottom: 2.4em;

	text-align:center

}

.tsBox .tit span {

	color: rgb(224, 62, 45);

}

.tsBox .tsCon {

	display: flex;

	justify-content: space-between;

	align-items: center;

	text-align: left;

}

.ts_2 .tsCon {

	flex-direction: row-reverse;

}

.ts_4 .tsCon {

	flex-direction: row-reverse;

}

.ts_6 .tsCon {

	flex-direction: row-reverse;

}

.tsBox .picb {

	width: 48.3%;

}

.tsBox .picb img {

	display: block;

	width: 100%;

	height: auto;

}

.tsBox .txtb {

	width: 45.4%;

}

.tsBox .txtb .name {

	font-weight: bold;

}

.tsBox .txtb .name p {

	margin-top: 0.5em;

}

.tsBox .txtb .intro {

	margin-top: 0.6em;

	color: #95a5a6;

}

.tsBox .txtb .intro p {

	margin-top: 0.6em;

}

.tsBox .txtb .intro_2 {

	padding-top: 0.5em;

	min-height: 15em;

}

.tsBox .txtb .intro_2 dl {

	margin-top: 1.4em;

}

.tsBox .txtb .intro_2 dt {

	font-weight: bold;

}

.tsBox .txtb .intro_2 dd {

	margin-top: 0.2em;

	font-size: 0.75em;

}

.tsBox .txtb .btnW {

	margin-top: 1.2em;

}

.tsBox .txtb .btnW .btnOrg {

	margin-right: 1.2em;

}

.tsBox .txtb .intro_3 {

	font-size: 0.75em;

	margin-top: 2.5em;

	padding-top: 2.5em;

	border-top:1px dashed #ced4d9;

	line-height: 1.9;

}

.tsBox .txtb .intro_3 .txtI {

	font-style: italic;

}

.tsBox .txtb .intro_3 .txtI span {

	font-weight: bold;

	font-size: 1.5em;

}

.tsBox .txtb .intro_3 .nameI {

	text-align: right;

}

 @media only screen and (max-width:828px) {

 .tsBox .tit {

margin-left:13%;

margin-right: 13%;

}

 .tsBox .tsCon {

display: block;

}

 .tsBox .picb {

width: 100%;

}

 .tsBox .txtb {

margin-top:1em;

width: 100%;

}

}

.moduleBox {

	padding: 4em 0 4em;

	background-color: #f6f6f6;

}

.moduleBox .tit {

	font-weight: bold;

	line-height: 1.8;

	text-align:center

}

.moduleBox .tit_2 {

	margin-top: 0.5em;

	text-align:center

}

.moduleBox .pic {

	margin-top: 2.8em;

}

.moduleBox .pic img {

	display: block;

	margin: 0 auto 0;

	max-width: 100%;

}

.servBox {

	padding: 4em 0 4em;

}

.servBox .tit {

	font-weight: bold;

	line-height: 1.8;

	text-align:center

}

.servBox .tit_2 {

	margin-top: 0.5em;

	text-align:center

}

.servBox .pic {

	margin-top: 2.8em;

}

.servBox .pic img {

	display: block;

	margin: 0 auto 0;

	max-width: 100%;

}

.servBox2 {

	background-color: #3d3d3d;

	color: #fff;

	text-align: left;

}

.servBox2 ul {

	border-left:1px solid #7d7d7d;

	display: flex;

	justify-content: space-between;

	align-items: stretch;

}

.servBox2 ul li {

	position: relative;

	z-index: 0;

	width: 21.66%;

	cursor: pointer;

	overflow: hidden;

	transition: all 0.3s;

	-webkit-transition:all 0.3s;

	border-right:1px solid #7d7d7d;

}

.servBox2 ul li.on {

	width: 35%;

	background-color: #ff4444;

}

.servBox2 ul .lib {

	padding: 1.9em 1.5em 1em;

}

.servBox2 ul .lists {

	line-height: 2.5em;

	height: 12.5em;

	display: flex;

	display: none;

	flex-wrap: wrap;

	justify-content: flex-start;

	align-items: flex-start;

}

.servBox2 ul .lists .item {

	color: #fff;

	width: 34%;

}

.servBox2 ul li.on .lists {

	display: flex;

}

.servBox2 ul .picD {

	display: none;

	margin-right: -1.5em;

}

.servBox2 ul li.on .picD {

	display: block;

}

.servBox2 ul .picD img {

	width: 10.6em;

	display: block;

	margin: 0 0 0 auto;

}

.servBox2 ul .intro {

	position: absolute;

	bottom: 1.5em;

	left: 1.5em;

	right: 1.5em;

	display: flex;

	justify-content: flex-start;

	align-items: center;

}

.servBox2 ul .picS {

	display: block;

	margin-right: 1em;

}

.servBox2 ul li.on .picS {

	display: none;

}

.servBox2 ul .picS img {

	width: 3.75em;

	display: block;

	margin: 0 0 0 auto;

}

.demaBox {

	padding: 7em 0 0;

	background-color: #f6f6f6;

}

.demaBox .tit {

	font-weight: bold;

	line-height: 1.8;

	text-align:center

}

.demaBox .pic {

	margin-top: 2.8em;

}

.demaBox .pic img {

	display: block;

	margin: 0 auto 0;

	max-width: 100%;

}

@media only screen and (max-width:828px) {

 .demaBox {

padding: 4em 0 0;

}

}

.methodBox {

	padding: 7em 0 4em;

}

.methodBox .tit {

	font-weight: bold;

	line-height: 1.8;

	text-align:center

}

.methodBox .pic {

	margin-top: 2.8em;

}

.methodBox .pic img {

	display: block;

	margin: 0 auto 0;

	max-width: 100%;

}

@media only screen and (max-width:828px) {

 .methodBox {

padding: 4em 0;

}

}

.procBox {

	padding: 4em 0 4em;

}

.procBox .tit {

	font-weight: bold;

	line-height: 1.8;

	text-align:center

}

.procBox .pic {

	margin-top: 2.8em;

}

.procBox .pic img {

	display: block;

	margin: 0 auto 0;

	max-width: 100%;

}

.freeExBoxW {

	padding: 3em 0 9em;

}

.freeExBox {

	position: relative;

	z-index: 0;

	background: #fef2ef url(../images/TCloud/bg_2.jpg) center center no-repeat;

	background-size:contain;

	overflow: hidden;

	max-width: 800px;

	width: 90%;

	margin: 0 auto;

	-moz-border-radius:1.5em;

	-webkit-border-radius:1.5em;

	border-radius:1.5em;

}

.freeExBox .boxP {

	padding: 7.2em 2em;

}

.freeExBox .t_2 {

	margin-top: 0.3em;

	font-weight: bold;

}

.freeExBox .t_3 {

	font-weight: bold;

	margin-top: 0.8em;

	color: #818181;

}

.freeExBox .t_3 span {

	display: inline-block;

	margin: 0 0.5em;

}

.freeExBox .btnRed {

	margin-top: 1em;

}

.freeExBox .pic_1 {

	position: absolute;

	left: 9.4%;

	top:0;

	margin-top: -19%;

	width: 32%;

	padding-top: 32%;

	background: url(../images/TCloud/set.png) center center no-repeat;

	background-size:contain;

	animation:myfirst 6s;

	-moz-animation:myfirst 6s; /* Firefox */

	-webkit-animation:myfirst 6s; /* Safari and Chrome */

	-o-animation:myfirst 6s; /* Opera */

	animation-timing-function:linear;

	-webkit-animation-timing-function:linear; /* Safari and Chrome */

	animation-iteration-count:infinite;

	-webkit-animation-iteration-count:infinite; /*Safari and Chrome*/

}

.freeExBox .pic_2 {

	position: absolute;

	right: 9.4%;

	bottom: 0;

	margin-bottom: -19%;

	width: 32%;

	padding-top: 32%;

	background: url(../images/TCloud/set.png) center center no-repeat;

	background-size:contain;

	animation:myfirst 6s;

	-moz-animation:myfirst 6s; /* Firefox */

	-webkit-animation:myfirst 6s; /* Safari and Chrome */

	-o-animation:myfirst 6s; /* Opera */

	animation-timing-function:linear;

	-webkit-animation-timing-function:linear; /* Safari and Chrome */

	animation-iteration-count:infinite;

	-webkit-animation-iteration-count:infinite; /*Safari and Chrome*/

}

 @keyframes myfirst {

 0% {

transform: rotate(0);

-ms-transform: rotate(0); /* IE 9 */

-webkit-transform: rotate(0); /* Safari and Chrome */

}

 100% {

transform: rotate(360deg);

-ms-transform: rotate(360deg); /* IE 9 */

-webkit-transform: rotate(360deg); /* Safari and Chrome */

}

}

 @-moz-keyframes myfirst /* Firefox */ {

 0% {

transform: rotate(0);

 -ms-transform: rotate(0); /* IE 9 */

 -webkit-transform: rotate(0); /* Safari and Chrome */

}

 100% {

transform: rotate(360deg);

 -ms-transform: rotate(360deg); /* IE 9 */

 -webkit-transform: rotate(360deg); /* Safari and Chrome */

}

}

 @media only screen and (max-width:828px) {

 .freeExBoxW {

padding: 4em 0;

}

}

/*banner*/



#i_banner {

	position: relative;

	z-index: 0;

	background-color: #000;

	padding-top:120px;

}

#i_banner .swiper-container {

	margin: 0 auto;

}

#i_banner .swiper-slide {

	position: relative;

	z-index: 0;

}

#i_banner .pic {

	position: relative;

	z-index: 0;

	padding-top: 495px;

}

#i_banner .pic img {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	object-fit: cover;

}

#i_banner .txtb {

	position: absolute;

	left: 0;

	top: 6.7vw;

	bottom: 6.7vw;

	right: 0;

	right: 0;

	display: flex;

	justify-content: center;

	align-items: center;

}

#i_banner .txtb .txt {

	width: 70%;

	margin: 0 auto 0 0;

	text-align: left;

	color: rgba(255, 255, 255, 0.9);

}

#i_banner .txtb .txt .name {

	font-weight: bold;

	line-height: 1.2;

	color: #fff;

	filter:alpha(opacity=0);

	-moz-opacity:0;

	opacity:0;

	transition: all 1s;

	-webkit-transition:all 1s;

	transform: translate(40px, 0);

	-ms-transform: translate(40px, 0);

	-webkit-transform: translate(40px, 0);

}

#i_banner .txtb .txt .intro {

	margin-top: 0.7em;

	line-height: 1.6;

	max-height: 4.8em;

	overflow: hidden;

	color:#fff;

	filter:alpha(opacity=0);

	-moz-opacity:0;

	opacity:0;

	transition: all 1s;

	-webkit-transition:all 1s;

	transform: translate(40px, 0);

	-ms-transform: translate(40px, 0);

	-webkit-transform: translate(40px, 0);

	transition-delay: 0.3s;

	-webkit-transition-delay: 0.3s;

}

#i_banner .txtb .txt .btnW {

	margin-top: 3em;

	filter:alpha(opacity=0);

	-moz-opacity:0;

	opacity:0;

	transition: all 1s;

	-webkit-transition:all 1s;

	transform: translate(40px, 0);

	-ms-transform: translate(40px, 0);

	-webkit-transform: translate(40px, 0);

	transition-delay: 0.6s;

	-webkit-transition-delay: 0.6s;

}

#i_banner .txtb .txtWhite .name {

	color: #fff;

}

#i_banner .txtb .txtWhite .intro {

	color: #fff;

}

#i_banner .swiper-slide-active .txtb .name {

	filter:alpha(opacity=100);

	-moz-opacity:1.0;

	opacity:1.0;

	transform: translate(0, 0);

	-ms-transform: translate(0, 0);

	-webkit-transform: translate(0, 0);

}

#i_banner .swiper-slide-active .txtb .intro {

	filter:alpha(opacity=100);

	-moz-opacity:1.0;

	opacity:1.0;

	transform: translate(0, 0);

	-ms-transform: translate(0, 0);

	-webkit-transform: translate(0, 0);

}

#i_banner .swiper-slide-active .txtb .btnW {

	filter:alpha(opacity=100);

	-moz-opacity:1.0;

	opacity:1.0;

	transform: translate(0, 0);

	-ms-transform: translate(0, 0);

	-webkit-transform: translate(0, 0);

}

#i_banner .swiper-pagination {

	left: 9.3%;

	right: 9.3%;

	width: auto;

	bottom: 1em;

	display: flex;

	justify-content:center;

	align-items: center;

}

#i_banner .swiper-pagination-bullet {

	margin: 0 0.35em;

	background-color: #cacaca;

	filter:alpha(opacity=100);

	-moz-opacity:1.0;

	opacity:1.0;

	width: 0.75em;

	height: 0.75em;

	-moz-border-radius:1em;

	-webkit-border-radius:1em;

	border-radius:1em;

}

#i_banner .swiper-pagination-bullet-active {

	background-color: #ea3636;

	width: 2.5em;

	filter:alpha(opacity=100);

	-moz-opacity:1.0;

	opacity:1.0;

	-moz-border-radius:1em;

	-webkit-border-radius:1em;

	border-radius:1em;

}

#i_banner .btnPrev {

	cursor: pointer;

	position: absolute;

	z-index: 10;

	left: 10%;

	top: 50%;

	margin-top: -1.25em;

	width: 2.5em;

	height: 2.5em;

	background: rgba(0, 0, 0, 0.2) url(../images/accounting/arrow_1.png) center center no-repeat;

	background-size:1.1em auto;

	-moz-border-radius:50%;

	-webkit-border-radius:50%;

	border-radius:50%;

	transform: rotate(180deg);

	-ms-transform: rotate(180deg); /* IE 9 */

	-webkit-transform: rotate(180deg); /* Safari and Chrome */

	transition: all 0.5s;

	-webkit-transition:all 0.5s;

}

#i_banner .btnNext {

	cursor: pointer;

	position: absolute;

	z-index: 10;

	right: 10%;

	top: 50%;

	margin-top: -1.25em;

	width: 2.5em;

	height: 2.5em;

	background: rgba(0, 0, 0, 0.2) url(../images/accounting/arrow_1.png) center center no-repeat;

	background-size:1.1em auto;

	-moz-border-radius:50%;

	-webkit-border-radius:50%;

	border-radius:50%;

	transition: all 0.5s;

	-webkit-transition:all 0.5s;

}

#i_banner .btnPrev:hover,  #i_banner .btnNext:hover {

	background-color: rgba(0, 0, 0, 0.5);

}

#i_banner .swiper-button-disabled,  #i_banner .swiper-button-disabled:hover {

	display: none;

}

 @media only screen and (max-width:828px) {

 #i_banner {

position: relative;

z-index: 0;

background-color: #000;

padding-top:110px;

}

 #i_banner .con {

width: auto;

margin: 0;

width: 100%;

}

 #i_banner .pic {

position: relative;

z-index: 0;

padding-top: 35%;

}

 #i_banner .txtb .txt {

width: auto;

margin: 0 1.5em;

}

 #i_banner .txtb .txt .name {

font-size: 5.8vw;

}

 #i_banner .txtb .txt .intro {

font-size: 2.8vw;

height:;

}

 #i_banner .swiper-pagination {

bottom: 0.4em;

}

 #i_banner .swiper-pagination-bullet {

margin: 0 0.2em;

 width: 0.5em;

height: 0.5em;

}

 #i_banner .txtb .txt .btnW {

margin-top: 0.5em;

}

 #i_banner .btnPrev {

display: none;

}

 #i_banner .btnNext {

display: none;

}

}