﻿.container {
	width:100%;
	margin:0 auto
}
.container .banner {
	width:100%;
	height:530px
}
.container .banner .swiper-container {
	width:100%;
	height:100%
}
.container .banner .swiper-container .swiper-slide {
	background-image:url("/static/picture/xt2/banner.png");
	background-repeat:no-repeat;
	background-size:100% 100%;
	position:relative
}
.container .banner .swiper-container .swiper-slide .bannerBox {
	width:1200px;
	margin:0 auto;
	color:#fff;
	padding-top:146px
}
.container .banner .swiper-container .swiper-slide .bannerBox h3 {
	font-size:55px
}
.container .banner .swiper-container .swiper-slide .bannerBox p {
	margin-top:23px;
	margin-bottom:43px;
	font-size:22px;
	letter-spacing:3px;
	opacity:0.9
}
.container .banner .swiper-container .swiper-slide .bannerBox .goInfo a {
	display:inline-block;
	line-height:40px;
	text-align:center;
	width:120px;
	height:40px;
	margin-right:20px;
	color:#fff;
	font-size:14px;
	background-color:#16c4dd
}
.container .banner .swiper-container .swiper-slide .bannerBox .goInfo a:hover {
	background-color:#e9d283;
	color:#554f41
}
.container .banner .swiper-container .swiper-pagination-bullet {
	width:30px;
	height:4px;
	background-color:rgba(0, 0, 0, 0.6);
	border-radius:2px
}
.container .banner .swiper-container .swiper-pagination-bullet-active {
	background-color:#fff
}
.container .mode {
	padding-top:54px;
	text-align:center;
	padding-bottom:77px
}
.container .mode h3 {
	text-align:center;
	margin-bottom:36px;
	font-size:30px
}
.container .mode h3 span:last-of-type {
	color:#000000;
	margin-left:20px;
	font-weight:300;
}
.container .mode p {
	display:block;
	margin:0 auto;
	width:1100px;
	font-size:16px;
	line-height:26px
}
.container .mode ul {
	display:flex;
	justify-content:space-around;
	width:1200px;
	margin:0 auto;
	margin-top:51px
}
.container .mode ul li {
	display:flex;
	flex-direction:column;
	align-items:center
}
.container .mode ul li img {
	width:153px;
	height:176px;
	margin-bottom:20px
}
.container .mode ul li span {
	font-size:16px
}
.container .mode ul li:hover {
	transform:scale(1.1);
	transition:0.3s linear
}
.container .mode button {
	cursor:pointer;
	margin-top:73px;
	display:inline-block;
	width:141px;
	height:41px;
	border-radius:4px;
	border:solid 1px #4481FE;
	font-size:16px;
	color:#4481FE;
	background-color:#FFF;
}
.container .realize {
	padding-top:86px;
	background-color:#F5F5F5;
	padding-bottom:92px
}
.container .realize h3 {
	text-align:center;
	margin-bottom:25px;
	font-size:30px
}
.container .realize p {
	color:#666;
	font-size:16px;
	text-align:center;
	margin-bottom:57px
}
.container .realize ul {
	display:flex;
	justify-content:space-around;
	width:1200px;
	margin:0 auto
}
.container .realize ul li {
	width:337px;
	height:61px;
	background-color:#ffffff;
	border:solid 1px #e5e5e5;
	padding:16px 10px 0 31px
}
.container .realize ul li p {
	margin:0;
	margin-bottom:10px;
	font-size:16px;
	color:#333;
	text-align:left
}
.container .realize ul li span {
	font-size:14px;
	color:#818181
}
.container .realize ul li:hover {
	transition:0.3s linear;
	box-shadow:2px 3px 1px 2px #D0CFD0
}
.container .func {
	padding-top:87px;
	padding-bottom:70px;
	background-image:url(/static/picture/xt2/bgc.png);
	background-size:100% 100%;
	text-align:center
}
.container .func h3 {
	text-align:center;
	margin-bottom:25px;
	font-size:30px;
	color:#fff
}
.container .func>p {
	color:#fff;
	font-size:16px;
	text-align:center;
	margin-bottom:57px
}
.container .func .funcInfo {
	height:50px;
	width:1000px;
	margin:0 auto;
	display:flex;
	justify-content:space-around;
	border-bottom:3px solid #eeeeee
}
.container .func .funcInfo span {
	display:block;
	height:47px;
	color:#fff
}
.container .func .funcInfo .active {
	color:#c261ff;
	border-bottom:3px solid #c261ff
}
.container .func .box {
	width:1000px;
	margin:0 auto;
	overflow:hidden;
	margin-top:32px
}
.container .func .box .ulCon {
	width:500%;
	position:relative
}
.container .func .box .ulCon .kindList {
	display:flex;
	position:relative;
	align-content:center;
	float:left;
	width:20%;
	flex-direction:column
}
.container .func .box .ulCon .kindList p {
	font-size:16px;
	margin-bottom:67px;
	text-align:left;
	color:#fff;
	width:100%;
	display:inline-block
}
.container .func .box .ulCon .kindList .kindImg {
	display:flex;
	width:100%;
	justify-content:space-around
}
.container .func .box .ulCon .kindList .kindImg .imgInfo {
	display:flex;
	flex-direction:column;
	align-items:center
}
.container .func .box .ulCon .kindList .kindImg .imgInfo div {
	width:62px;
	height:49px;
	background-size:100% 100%;
	margin-bottom:27px
}
.container .func .box .ulCon .kindList .kindImg .imgInfo span {
	color:#fff
}
.container .func .box .ulCon .kindList .kindImg .imgInfo:hover {
	transform:scale(1.1);
	transition:0.3s linear
}
.container .func .box .ulCon .kindList .kindImg .imgInfo:hover span {
	color:#d88dff
}
.container .func .box .ulCon .kindList:nth-of-type(1) .imgInfo:nth-of-type(1) div {
background-image:url(/static/picture/xt2/func1.png)
}
.container .func .box .ulCon .kindList:nth-of-type(1) .imgInfo:nth-of-type(2) div {
background-image:url(/static/picture/xt2/func2.png)
}
.container .func .box .ulCon .kindList:nth-of-type(1) .imgInfo:nth-of-type(3) div {
background-image:url(/static/picture/xt2/func3.png)
}
.container .func .box .ulCon .kindList:nth-of-type(1) .imgInfo:nth-of-type(4) div {
background-image:url(/static/picture/xt2/func4.png)
}
.container .func .box .ulCon .kindList:nth-of-type(1) .imgInfo:nth-of-type(5) div {
background-image:url(/static/picture/xt2/func5.png)
}
.container .func .box .ulCon .kindList:nth-of-type(2) .imgInfo:nth-of-type(1) div {
background-image:url(/static/picture/xt2/func6.png)
}
.container .func .box .ulCon .kindList:nth-of-type(2) .imgInfo:nth-of-type(2) div {
background-image:url(/static/picture/xt2/func7.png)
}
.container .func .box .ulCon .kindList:nth-of-type(2) .imgInfo:nth-of-type(3) div {
background-image:url(/static/picture/xt2/func8.png)
}
.container .func .box .ulCon .kindList:nth-of-type(2) .imgInfo:nth-of-type(4) div {
background-image:url(/static/picture/xt2/func9.png)
}
.container .func .box .ulCon .kindList:nth-of-type(2) .imgInfo:nth-of-type(5) div {
background-image:url(/static/picture/xt2/func10.png)
}
.container .func .box .ulCon .kindList:nth-of-type(2) .imgInfo:nth-of-type(6) div {
background-image:url(/static/picture/xt2/func11.png)
}
.container .func .box .ulCon .kindList:nth-of-type(3) .imgInfo:nth-of-type(1) div {
background-image:url(/static/picture/xt2/func12.png)
}
.container .func .box .ulCon .kindList:nth-of-type(3) .imgInfo:nth-of-type(2) div {
background-image:url(/static/picture/xt2/func13.png)
}
.container .func .box .ulCon .kindList:nth-of-type(3) .imgInfo:nth-of-type(3) div {
background-image:url(/static/picture/xt2/func14.png)
}
.container .func .box .ulCon .kindList:nth-of-type(3) .imgInfo:nth-of-type(4) div {
background-image:url(/static/picture/xt2/func15.png)
}
.container .func .box .ulCon .kindList:nth-of-type(3) .imgInfo:nth-of-type(5) div {
background-image:url(/static/picture/xt2/func16.png)
}
.container .func .box .ulCon .kindList:nth-of-type(3) .imgInfo:nth-of-type(6) div {
background-image:url(/static/picture/xt2/func17.png)
}
.container .func .box .ulCon .kindList:nth-of-type(4) .imgInfo:nth-of-type(1) div {
background-image:url(/static/picture/xt2/func18.png)
}
.container .func .box .ulCon .kindList:nth-of-type(4) .imgInfo:nth-of-type(2) div {
background-image:url(/static/picture/xt2/func19.png)
}
.container .func .box .ulCon .kindList:nth-of-type(4) .imgInfo:nth-of-type(3) div {
background-image:url(/static/picture/xt2/func20.png)
}
.container .func .box .ulCon .kindList:nth-of-type(4) .imgInfo:nth-of-type(4) div {
background-image:url(/static/picture/xt2/func21.png)
}
.container .func .box .ulCon .kindList:nth-of-type(4) .imgInfo:nth-of-type(5) div {
background-image:url(/static/picture/xt2/func22.png)
}
.container .func .box .ulCon .kindList:nth-of-type(4) .imgInfo:nth-of-type(6) div {
background-image:url(/static/picture/xt2/func23.png)
}
.container .func .box .ulCon .kindList:nth-of-type(5) .imgInfo:nth-of-type(1) div {
background-image:url(/static/picture/xt2/func1.png)
}
.container .func .box .ulCon .kindList:nth-of-type(5) .imgInfo:nth-of-type(2) div {
background-image:url(/static/picture/xt2/func2.png)
}
.container .func .box .ulCon .kindList:nth-of-type(5) .imgInfo:nth-of-type(3) div {
background-image:url(/static/picture/xt2/func3.png)
}
.container .func .box .ulCon .kindList:nth-of-type(5) .imgInfo:nth-of-type(4) div {
background-image:url(/static/picture/xt2/func4.png)
}
.container .func .box .ulCon .kindList:nth-of-type(5) .imgInfo:nth-of-type(5) div {
background-image:url(/static/picture/xt2/func5.png)
}
.container .func ul {
	width:1000px;
	margin:0 auto;
	display:flex;
	justify-content:space-around
}
.container .func ul li {
	display:flex;
	flex-direction:column;
	align-items:center
}
.container .func ul li div {
	width:62px;
	height:49px;
	background-size:100% 100%
}
.container .func ul li span {
	display:inline-block;
	color:#fff;
	margin-top:27px
}
.container .func ul li:hover {
	transform:scale(1.1);
	transition:0.3s linear
}
.container .func ul li:hover span {
	color:#d88dff
}
.container .func ul li:nth-of-type(1) div {
background-image:url(/static/picture/xt2/func1.png)
}
.container .func ul li:nth-of-type(1):hover div {
background-image:url(/static/picture/xt2/func6.png)
}
.container .func ul li:nth-of-type(2) div {
background-image:url(/static/picture/xt2/func2.png)
}
.container .func ul li:nth-of-type(2):hover div {
background-image:url(/static/picture/xt2/func7.png)
}
.container .func ul li:nth-of-type(3) div {
background-image:url(/static/picture/xt2/func3.png)
}
.container .func ul li:nth-of-type(3):hover div {
background-image:url(/static/picture/xt2/func8.png)
}
.container .func ul li:nth-of-type(4) div {
background-image:url(/static/picture/xt2/func4.png)
}
.container .func ul li:nth-of-type(4):hover div {
background-image:url(/static/picture/xt2/func9.png)
}
.container .func ul li:nth-of-type(5) div {
background-image:url(/static/picture/xt2/func5.png)
}
.container .func ul li:nth-of-type(5):hover div {
background-image:url(/static/picture/xt2/func10.png)
}
.container .func ul:last-of-type {
	width:1200px
}
.container .func ul:last-of-type li img {
	width:198px;
	height:78px;
	border-radius:5px
}
.container .func a {
	display:inline-block;
	width:141px;
	height:41px;
	line-height:40px;
	border-radius:4px;
	border:solid 1px #CD8DFF;
	color:#CD8DFF;
	margin-top:78px;
	font-size:16px
}
.container .func H4 {
	text-align:center;
	color:#CD8DFF;
	margin-top:16px;
	font-size:14px
}
.container .service {
	padding-top:61px;
	padding-bottom:91px
}
.container .service h3 {
	font-size:30px;
	color:#333;
	text-align:center;
	margin-bottom:53px
}
.container .service img {
	display:block;
	width:1200px;
	margin:0 auto
}
.container .profit {
	padding-top:60px;
	width:100%;
	height:666\px;
	background-image:url(/static/picture/xt2/profit.png);
	background-size:cover;
	background-position:50% 50%
}
.container .profit h3 {
	font-size:30px;
	text-align:center;
	color:#fff
}
.container .apply {
	padding-top:84px;
	text-align:center;
	padding-bottom:81px
}
.container .apply h3 {
	text-align:center;
	font-size:30px;
	margin-bottom:125px
}
.container .apply ul {
	width:1200px;
	display:flex;
	justify-content:space-around;
	margin:0 auto
}
.container .apply ul li {
	width:240px;
	height:420px;
	background-size:100% 100%;
	padding:0 35px 0 32px
}
.container .apply ul li h4 {
	margin-top:31px;
	text-align:center;
	font-size:20px;
	margin-bottom:225px
}
.container .apply ul li span {
	line-height:18px;
	font-size:14px;
	color:#666
}
.container .apply ul li:hover {
	transition:0.2s ease;
	transform:scale(1.1)
}
.container .apply ul li:hover h4 {
	color:#fff
}
.container .apply ul li:nth-of-type(1) {
background-image:url(/static/picture/xt2/apply1.png)
}
.container .apply ul li:nth-of-type(1):hover {
background-image:url(/static/picture/xt2/apply6.png)
}
.container .apply ul li:nth-of-type(2) {
background-image:url(/static/picture/xt2/apply2.png)
}
.container .apply ul li:nth-of-type(2):hover {
background-image:url(/static/picture/xt2/apply7.png)
}
.container .apply ul li:nth-of-type(3) {
background-image:url(/static/picture/xt2/apply3.png)
}
.container .apply ul li:nth-of-type(3):hover {
background-image:url(/static/picture/xt2/apply8.png)
}
.container .apply ul li:nth-of-type(4) {
background-image:url(/static/picture/xt2/apply4.png)
}
.container .apply ul li:nth-of-type(4):hover {
background-image:url(/static/picture/xt2/apply9.png)
}
.container .apply ul li:nth-of-type(5) {
background-image:url(/static/picture/xt2/apply5.png)
}
.container .apply ul li:nth-of-type(5):hover {
background-image:url(/static/picture/xt2/apply10.png)
}
.container .apply button {
	display:inline-block;
	width:140px;
	height:40px;
	background-image:linear-gradient(90deg, rgba(156, 53, 234, 0.64) 0%, rgba(115, 68, 254, 0.64) 100%), linear-gradient(#5097ff, #5097ff);
	background-blend-mode:normal, normal;
	border-radius:2px;
	color:#fff;
	font-size:16px;
	margin-top:83px
}
.container .skill {
	padding-top:81px;
	background-color:#F8F6F6;
	padding-bottom:134px
}
.container .skill h3 {
	text-align:center;
	font-size:30px;
	margin-bottom:25px
}
.container .skill p {
	text-align:center;
	color:#666;
	font-size:16px;
	margin-bottom:105px
}
.container .skill ul {
	width:960px;
	margin:0 auto;
	display:flex;
	justify-content:space-around
}
.container .skill ul li {
	display:flex;
	flex-direction:column;
	align-items:center
}
.container .skill ul li div {
	width:162px;
	height:176px;
	text-align:center
}
.container .skill ul li div img {
	display:inline-block;
	height:100% !important
}
.container .skill ul li span {
	font-size:18px;
	color:#666
}
.container .skill ul li:hover {
	transition:0.2s linear;
	transform:scale(1.1)
}

.newsInfo{width:100%;padding:60px 0; height:450px;}
@media -sass-debug-info{
line{font-family:\00003134}
}
.newsInfo .newsInfo_box{width:1200px;margin:0 auto}
@media -sass-debug-info{
line{font-family:\00003137}
}
.newsInfo .newsInfo_box h3{font-size:30px;text-align:center;font-weight:400;color:#333;margin-bottom:38px}
@media -sass-debug-info{
line{font-family:\00003144}
}
.newsInfo .newsInfo_box .newsInfo_img{max-width:100%;width:446px;height:340px}
@media -sass-debug-info{
line{font-family:\00003148}
}
.newsInfo .newsInfo_box .newsInfo_img img{max-width:100%;width:100%}
@media -sass-debug-info{
line{font-family:\00003153}
}
.newsInfo .newsInfo_box .newsInfo_lists{width:59%;margin-left:38px}
@media -sass-debug-info{
line{font-family:\00003156}
}
.newsInfo .newsInfo_box .newsInfo_lists li{margin-bottom:8px; height:62px;}
@media -sass-debug-info{
line{font-family:\00003158}
}
.newsInfo .newsInfo_box .newsInfo_lists li .lists_time{font-size:14px;color:#4382ff;text-align:center;padding:10px 14px;border:1px solid #4382ff; height:36px; line-height:18px;}
@media -sass-debug-info{
line{font-family:\00003165}
}
.newsInfo .newsInfo_box .newsInfo_lists li .lists_text{width:87%;margin-left:18px}
@media -sass-debug-info{
line{font-family:\00003168}
}
.newsInfo .newsInfo_box .newsInfo_lists li .lists_text p{font-size:14px;color:#333;margin-bottom:4px;font-weight:500;}
@media -sass-debug-info{
line{font-family:\00003173}
}
.newsInfo .newsInfo_box .newsInfo_lists li .lists_text p.brief{font-size:12px;color:#636262;margin-bottom:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;line-height:18px;height:36px}
@media -sass-debug-info{
line{font-family:\00003187}
}
.newsInfo .newsInfo_box .newsInfo_lists li:last-child{margin-bottom:0}
@media -sass-debug-info{
line{font-family:\00003194}
}
