.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;}

}



/*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: #0da5ca;

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: rgb(102,102,102);

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: #0da5ca; 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: 50%;}

#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;}

}



.btnWhite { cursor: pointer; display: inline-block; cursor: pointer; color: #0da5ca; 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 #0da5ca; color: #0da5ca;}



.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: #0da5ca;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 #0da5ca; }

.btnBlue:hover {	background-color: #0eb6df;color: #fff;}



.tjBox { background-color: #fbfbfb; padding: 4.2em 0 1.7em;}

.tjBox .tit { font-weight: bold; text-align:center}

.tjBox .list { margin-top: 3.2em; background-color: #fefefe;}

.tjBox .list ul { display: flex;  text-align: left;

flex-wrap: wrap; justify-content: flex-start; align-items: stretch;}

.tjBox .list li { width: 50%;display: flex;flex-direction: column; }

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

	.tjBox .tit { margin-left:13% ; margin-right: 13%;}

	 .tjBox .list li { width: 100%;}

}

.tjBox .list .lib {

	border-bottom:1px solid #e8e8e8 ;

	border-right:1px solid #e8e8e8 ;

	flex: 1; padding: 6% 0;

 display: flex; justify-content: space-between; align-items: center;

 transition: all 0.5s;

 -webkit-transition:all 0.5s;}



.tjBox .list .lib:hover{background: #fff;

    -webkit-box-shadow: 0px 0px 26px 0px rgba(180, 180, 180, 0.39);

    box-shadow: 0px 0px 26px 0px rgba(180, 180, 180, 0.39);

	color: rgb(13, 165, 202);

}

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

	border-bottom:1px solid #e8e8e8 ;

	border-right:0 ;}

.tjBox .list li:nth-child(3) .lib {

	border-bottom:0 ;

	border-right:1px solid #e8e8e8 ;}

.tjBox .list li:nth-child(4) .lib {

	border-bottom:0 ;

	border-right:0 ;}

.tjBox .list .picb { width: 20%; margin-left: 5%;}

.tjBox .list .picb img { display: block; width: 100%; height: auto;}

.tjBox .list .txtb { flex: 1; margin: 0 6.7% 0 2.6%;}

.tjBox .list .txtb .name { font-weight: bold;}

.tjBox .list .txtb .intro { margin-top: 0.8em;}



.xtBox { padding: 3.2em 0 0;}

.xtBox .pic img {display: block; width: 100%; height: auto;}

.xtBox .btnBlue { margin-top: 2em; padding: 0 3.6em;}



.tsBox { padding: 7.2em 0 2em; }

.ts_1 { background:#fafafa url(../images/accounting/bg_1.jpg) center 0 no-repeat;

background-size:cover ;}

.ts_2 { background: url(../images/accounting/bg_2.jpg) center 0 no-repeat;

background-size:100% auto ;padding: 3em 0 2em;}

.ts_3 { background:#fafafa url(../images/accounting/bg_3.jpg) center 0 no-repeat;

background-size:100% auto ;padding: 3em 0 2em;}

.ts_4 { background: url(../images/accounting/bg_4.jpg) center 0 no-repeat;

background-size:100% auto ;padding: 3em 0 2em;}

.ts_5 { background:#fafafa url(../images/accounting/bg_5.jpg) center 0 no-repeat;

background-size:100% auto ;padding: 3em 0 2em;}

.tsBox .tit { font-weight: bold; margin-bottom: 2em; text-align:center}

.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;}

.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 .intro { margin-top: 0.8em; min-height: 8.5em;}

.tsBox .txtb .intro p { margin-top: 0.8em;}

.tsBox .txtb .btnW { margin-top: 1em;}



@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%; }

}



.servBox { padding: 4.5em 0;}

.servBox .tit { font-weight: bold; text-align:center}

.servBox .list ul { display: flex; flex-wrap: wrap;

 justify-content: flex-start; align-items: flex-start;}

.servBox .list li{margin-top: 4%; margin-right: 5.5%; width: 29.66%;

 background-color: #fafafa;

-webkit-box-shadow: 0px 2px 20px 0px rgba(7, 55, 67, 0.09);

    box-shadow: 0px 2px 20px 0px rgba(7, 55, 67, 0.09);

	overflow: hidden; height: 17em;    }

.servBox .list li:nth-child(3n) { margin-right: 0;}

.servBox .list .lib { padding: 1em 1em 1em;

transition: all 0.5s;

-webkit-transition:all 0.5s;}

.servBox .list li:hover .lib {

	transform: translate(0,-4em);

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

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

}

.servBox .list .pic img {display: block; width: 100%; height: auto;

transition: all 0.5s;

-webkit-transition:all 0.5s;}

.servBox .list li:hover .pic img {

	filter:alpha(opacity=0);-moz-opacity:0; opacity:0;

}

.servBox .list .name { margin-top: 0.5em; color: rgb(13, 165, 202);}

.servBox .list .intro { margin-top: 0.5em;line-height: 1.7; color: rgb(104,104,104);}

.servBox .list .btnBlue { margin-top: 1.7em; padding: 0.1em 2.8em 0;}

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

	.servBox .list li{margin-right:0; width:100%;

	}

	.servBox .list li:nth-child(3n) { margin-right: 0;}

	.servBox .list li:nth-child(2n) { margin-right: 0;}

}