/*maintitle*/
.maintitle{
    font-size: 18px;
    line-height: 35px;
    color: #666;
	}
.maintitle p{
	font-size: 40px;
    color: #333333;
    line-height: 65px; font-weight:bold
	}
.maintitle p span{
	font-size:40px; color:#1a5dc2; font-weight:bold; line-height:55px
	}
.maintitle .dec{
    width: 40px;
    height: 4px;
    margin: 15px auto 0 0;
    background: #1a5dc2;
    border-radius: 20px;
	}	
	
	
	
/*maintitlea*/
.maintitlea{
    font-size: 18px;
    line-height: 35px;
    color: #fff;
	text-align:center
	}
.maintitlea p{
	font-size: 40px;
    color: #fff;
    line-height: 65px; font-weight:bold
	}
.maintitlea p span{
	font-size:40px; color:#fff; font-weight:bold; line-height:55px
	}
.maintitlea .dec{
    width: 40px;
    height: 4px;
    margin: 15px auto 0;
    background: #fff;
    border-radius: 20px;
	}		
	
	
/*首页简介*/
.in_about{
	background: url(../images/bg_gsjj.jpg) center bottom no-repeat #f6f6f6;
    padding-top: 60px;
    padding-bottom: 80px;
	}
.in_about .cont{
	 width:88%; margin:0 auto; max-width:1400px; min-width:1200px;padding: 0 20px;
	}
.in_about .cont .leftcont{ float:left; width:45%}
.in_about .cont .rightpic{ float:right; width:30%; height:580px; }

.in_about .cont .kehu_right{width: 50%;}
@keyframes rotate_anim {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

._basis25 .index-partners {
	color: #fff;
}

._basis25 .index-partners .wal {
	position: relative;
}

._basis25 .index-partners .content {
	font-size: 16px;
	line-height: 36px;
	position: relative;
	padding: 65px 0 30px 0;
	max-width: 50%;
}

._basis25 .index-partners .content:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 30px;
	width: 30px;
	height: 2px;
	background: #fff;
}

._basis25 .index-partners .content p {
	padding-bottom: 10px;
}

._basis25 .index-partners .container2 {
	width: 659px;
	height: 667px;
	position: relative;
	z-index: 10;
	top: auto;
	bottom: auto;
	margin-top: 32px;
}

._basis25 .index-partners .container2 .box {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 11;
	width: 75px;
	height: 75px;
	margin-left: -76px;
	margin-top: -67px;
	background: url("http://static.rgbcms.com/static/block/img/13/6763/img1841.png") center no-repeat;
	background-size: 100%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

._basis25 .index-partners .container2:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-size: 100%;
}

._basis25 .index-partners .container2 .yuan-1 {
	position: absolute;
	left: -80px;
	top: -80px;
	right: 0;
	bottom: 0;
	background: url("//cdn.myxypt.com/81911898/22/06/f73c751059b083cbc03f51a1b668cbf661dc2beb.png") center no-repeat;
	background-size: 60%;
	animation: rotate_anim 10s infinite linear;
	-webkit-animation: rotate_anim 10s infinite linear;
}

._basis25 .index-partners .container2 .yuan-2 {
	position: absolute;
	left: -80px;
	top: -80px;
	right: 0;
	bottom: 0;
	background: url("//cdn.myxypt.com/81911898/22/06/bd9ec53eba55feb900925bc3a74313cd1f4bbd8c.png") center no-repeat;
	background-size: 60%;
	animation: rotate_anim 26s infinite linear;
	-webkit-animation: rotate_anim 26s infinite linear;
}

._basis25 .index-partners .container2 .yuan-3 {
	position: absolute;
	left: -80px;
	top: -80px;
	right: 0;
	bottom: 0;
	background: url("//cdn.myxypt.com/81911898/22/06/2e3c0c45c8411966d11b1788681781668df454c4.png") center no-repeat;
	background-size: 60%;
	animation: rotate_anim_2 10s infinite linear;
	-webkit-animation: rotate_anim_2 10s infinite linear;
}

._basis25 .index-partners .btn {
	width: 68%;
	/*height: 450px;*/
	position: absolute;
	padding: 0;
	z-index: 10;
	left: 44%;
	right: auto;
	top: 46%;
	bottom: auto;
	margin-left: -225px;
	margin-top: -225px;
}

._basis25 .index-partners .btn:active{
	box-shadow: unset;
}
._basis25 .index-partners .btn li {
	width: 50%;
	height: 225px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

._basis25 .index-partners .btn li:before {
	content: "";
	display: block;
	position: absolute;
	width: 70%;
	height: 70%;
	background: #024ab7;
	transition: all 0.5s;
}

._basis25 .index-partners .btn li .name {
	font-size: 18px;
	line-height: 36px;
	color: #fff;
	position: absolute;
	z-index: 10;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	margin-top: 0;
}

._basis25 .index-partners .btn li:nth-child(1):before {
	border-top-left-radius: 208px;
	-webkit-border-top-left-radius: 208px;
	right: 2px;
	bottom: 2px;
}

._basis25 .index-partners .btn li:nth-child(1) .name {
	right: 53px;
	top: 133px;
}

._basis25 .index-partners .btn li:nth-child(1) .name div:nth-child(2) {
	position: relative;
	left: -10px;
}

._basis25 .index-partners .btn li:nth-child(2):before {
	border-top-right-radius: 208px;
	-webkit-border-top-right-radius: 208px;
	left: 2px;
	bottom: 2px;
}

._basis25 .index-partners .btn li:nth-child(2) .name {
	left: 37px;
	top: 150px;
}

._basis25 .index-partners .btn li:nth-child(2) .name div:nth-child(2) {
	position: relative;
	left: 1em;
}

._basis25 .index-partners .btn li:nth-child(3):before {
	border-bottom-left-radius: 208px;
	-webkit-border-bottom-left-radius: 208px;
	right: 2px;
	top: 2px;
}


._basis25 .index-partners .btn li:nth-child(3) .name {
	right: 28px;
	top: 48px;
}

._basis25 .index-partners .btn li:nth-child(3) .name div:nth-child(1) {
	position: relative;
	left: -1em;
}

._basis25 .index-partners .btn li:nth-child(4):before {
	border-bottom-right-radius: 208px;
	-webkit-border-bottom-right-radius: 208px;
	left: 2px;
	top: 2px;
}

._basis25 .index-partners .btn li:nth-child(4) .name {
	left: 40px;
	top: 50px;
	text-align: right;
}

._basis25 .index-partners .btn li.on:before {
	background: #e6a128;
	width: 175px;
	height: 175px;
}

._basis25 .index-partners .btn li.on .name {
	font-size: 25px;
	line-height: 42px;
}

._basis25 .index-partners .list li {
	position: absolute;
	z-index: 9;
	left: 50%;
	right: auto;
	top: 50%;
	bottom: auto;
	margin-left: 0;
	margin-top: 0;
	opacity: 0;
}

._basis25 .index-partners .list li a {
	display: block;
	width: 90px;
	height: 90px;
	padding: 5px;
	background: #fff;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-left: -55px;
	margin-top: -55px;
}

._basis25 .index-partners .list.show li {
	opacity: 1;
}

._basis25 .index-partners .list.show li:nth-child(1) {
	margin-top: -40%;
    margin-left: -5%;
}

._basis25 .index-partners .list.show li:nth-child(2) {
	    margin-left: 27%;
    margin-top: -20%;
}

._basis25 .index-partners .list.show li:nth-child(3) {
	margin-left: 19%;
    margin-top: 20%;
}

._basis25 .index-partners .list.show li:nth-child(4) {
	margin-left: -35%;
	margin-top: 17%;
}

._basis25 .index-partners .list.show li:nth-child(5) {
	margin-left: -37%;
	margin-top: -18%;
}

._basis25 .index-partners .list-1.show li:nth-child(1) {
	margin-top: -305px;
}

._basis25 .index-partners .list-1.show li:nth-child(2) {
	margin-left: 300px;
	margin-top: 55px;
}

._basis25 .index-partners .list-1.show li:nth-child(3) {
	margin-left: -63px;
	margin-top: 295px;
}

._basis25 .index-partners .list-1.show li:nth-child(4) {
	margin-left: -300px;
	margin-top: 65px;
}

._basis25 .index-partners .list-3.show li:nth-child(1) {
	margin-top: -285px;
	margin-left: 115px;
}

._basis25 .index-partners .list-3.show li:nth-child(2) {
	margin-left: 145px;
	margin-top: 270px;
}

._basis25 .index-partners .list-3.show li:nth-child(3) {
	margin-left: -288px;
	margin-top: -103px;
}

._basis25 .btn ul {
	display: flex;
	flex-wrap: wrap;
}

._basis25 .index-partners .list li a img {
	max-width: 100%;
	vertical-align: middle;
	line-height: 10px;
	top: 50%;
	transform: translate(-50%, -50%);
	position: relative;
	left: 50%
}

.in_about .cont .txt{ height:370px; display:block; overflow:hidden; margin-top:12px; height:auto;}
.in_about .cont .txt *{
	font-size: 16px;
    color: #333;
    line-height: 34px;
    text-align: justify;
	}	
	
.in_about .cont .conta{    margin-top: 20px;}
.in_about .cont .conta a{
    padding: 12px 12px 5px;
    border: 2px solid #bbb;
    font-size: 20px;
    color: #888888;
    line-height: 40px;
    margin: 0 16px;
    display: inline-block;
    border-radius: 15px;
    text-align: center;
	}
.in_about .cont .conta a img{transition: all linear .5s;}
.in_about .cont .conta a:hover img{transform: rotateY(360deg);}

.in_about .cont .conta ul{ width:100%;}
.in_about .cont .conta ul li{ float:left; width:23.9%; border-right:1px solid #cccccc;text-align:center}
.in_about .cont .conta ul li:first-child{border-left:1px solid #cccccc}
.in_about .cont .conta ul li .counter,.about-num li .count-unit{ display:inline-block; font-size:60px; line-height:80px; font-family:Arial, Helvetica, sans-serif; color:#024ab7}
.in_about .cont .conta ul li p{ font-size:20px; line-height:30px; text-align:center}




.mr_frbox2{HEIGHT: 420px; width:1200px;  margin:0 auto; position:relative; top:30px;}

.mr_frbox2 .leftprole{ position:absolute; left:-50px !important; top:152px;CURSOR: pointer}
.mr_frbox2 .rightprore{ position:absolute; right: -50px !important; top:152px;CURSOR: pointer}

.imgboxcpe{ width:1200px; height:420px; margin:0px auto 0; overflow:hidden}
.imgboxcpe ul li{ margin:0 24px 0 0; display: inline; float:left; overflow:hidden;}
.imgboxcpe ul li a{ display:block; width:282px; height:413px;line-height:40px; text-align:center; font-size:16px; color:#333;}
.imgboxcpe ul li a .imgali{ width:280px; height:373px; text-align:center; overflow:hidden; background:#ffffff; border:1px solid #cccccc}
.imgboxcpe ul li a .imgali span{ height:100%; display:inline-block; vertical-align:middle}
.imgboxcpe ul li a .imgali img{/*width:280px;*/ width:100%; height:373px; vertical-align: middle;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s; }
.imgboxcpe ul li a:hover .imgali img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}

	
	

/*客户案例*/
.maintitle1{
	display:block;
	text-align:center;
    font-size: 20px;
    line-height: 35px;
    color: #666;
	}
.maintitle1 p{
    font-size:40px;
    color: #1a5dc2;
    line-height: 55px;
    font-weight: bold;
	}

.maintitle1 .dec{
    width: 40px;
    height: 4px;
    margin: 15px auto 0;
    background: #1a5dc2;
    border-radius: 20px;
	}	
	

.in_case{ width:1200px; margin:30px auto 50px}
.mr_frbox2a{HEIGHT:270px; width:1200px;  margin:0 auto; position:relative;}

.imgboxcpea{ width:1200px; height:270px; margin:0px auto 0; overflow:hidden}
.imgboxcpea ul li{ margin:0 24px 0 0; display: inline; float:left; overflow:hidden;}
.imgboxcpea ul li a{
	display: block;
    width: 282px;
    height: 260px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #333;
    background: #dfdfdf;
	}
.imgboxcpea ul li a .imgali{ width:280px; height:210px; text-align:center; overflow:hidden; background:#ffffff; border:1px solid #cccccc;}
.imgboxcpea ul li a .imgali span{ height:100%; display:inline-block; vertical-align:middle}
.imgboxcpea ul li a .imgali img{/*width:280px;*/ width:100%; height:210px; vertical-align: middle;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s; }
.imgboxcpea ul li a:hover .imgali img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}


/* padding */
.pt-5{ padding-top: 5px;}
.pl-5{ padding-left: 5px;}
.pr-5{ padding-right: 5px;}
.pb-5{ padding-bottom: 5px;}
.p5{ padding: 5px;}
.pt-10{ padding-top: 10px;}
.pl-10{ padding-left: 10px;}
.pr-10{ padding-right: 10px;}
.pb-10{ padding-bottom: 10px;}
.p10{ padding: 10px;}
.pt-15{ padding-top: 15px;}
.pl-15{ padding-left: 15px;}
.pr-15{ padding-right: 15px;}
.pb-15{ padding-bottom: 15px;}
.p15{ padding: 15px;}
.pt-20{ padding-top: 20px;}
.pl-20{ padding-left: 20px;}
.pr-20{ padding-right: 20px;}
.pb-20{ padding-bottom: 20px;}
.p20{ padding: 20px;}
.pt-25{ padding-top: 25px;}
.pl-25{ padding-left: 25px;}
.pr-25{ padding-right: 25px;}
.pb-25{ padding-bottom: 25px;}
.p25{ padding: 25px;}
.pt-30{ padding-top: 30px;}
.pl-30{ padding-left: 30px;}
.pr-30{ padding-right: 30px;}
.pb-30{ padding-bottom: 30px;}
.p30{ padding: 30px;}
.pt-40{ padding-top: 40px;}
.pl-40{ padding-left: 40px;}
.pr-40{ padding-right: 40px;}
.pb-40{ padding-bottom: 40px;}
.p40{ padding: 40px;}
.pt-50{ padding-top: 50px;}
.pl-50{ padding-left: 50px;}
.pr-50{ padding-right: 50px;}
.pb-50{ padding-bottom: 50px;}
.p50{ padding: 50px;}
.pt-60{ padding-top: 60px;}
.pl-60{ padding-left: 60px;}
.pr-60{ padding-right: 60px;}
.pb-60{ padding-bottom: 60px;}
.p60{ padding: 60px;}
.pt-70{ padding-top: 70px;}
.pl-70{ padding-left: 70px;}
.pr-70{ padding-right: 70px;}
.pb-70{ padding-bottom: 70px;}
.p70{ padding: 70px;}

/* margin */
.mt-5{ margin-top: 5px;}
.ml-5{ margin-left: 5px;}
.mr-5{ margin-right: 5px;}
.mb-5{ margin-bottom: 5px;}
.m5{ margin: 5px;}
.mt-10{ margin-top: 10px;}
.ml-10{ margin-left: 10px;}
.mr-10{ margin-right: 10px;}
.mb-10{ margin-bottom: 10px;}
.m10{ margin: 10px;}
.mt-15{ margin-top: 15px;}
.ml-15{ margin-left: 15px;}
.mr-15{ margin-right: 15px;}
.mb-15{ margin-bottom: 15px;}
.m15{ margin: 15px;}
.mt-20{ margin-top: 20px;}
.ml-20{ margin-left: 20px;}
.mr-20{ margin-right: 20px;}
.mb-20{ margin-bottom: 20px;}
.m20{ margin: 20px;}
.mt-25{ margin-top: 25px;}
.ml-25{ margin-left: 25px;}
.mr-25{ margin-right: 25px;}
.mb-25{ margin-bottom: 25px;}
.m25{ margin: 25px;}
.mt-30{ margin-top: 30px;}
.ml-30{ margin-left: 30px;}
.mr-30{ margin-right: 30px;}
.mb-30{ margin-bottom: 30px;}
.m30{ margin: 30px;}
.mt-40{ margin-top: 40px;}
.ml-40{ margin-left: 40px;}
.mr-40{ margin-right: 40px;}
.mb-40{ margin-bottom: 40px;}
.m40{ margin: 40px;}
.mt-50{ margin-top: 50px;}
.ml-50{ margin-left: 50px;}
.mr-50{ margin-right: 50px;}
.mb-50{ margin-bottom: 50px;}
.m50{ margin: 50px; }
.mt-60{ margin-top: 60px;}
.ml-60{ margin-left: 60px;}
.mr-60{ margin-right: 60px;}
.mb-60{ margin-bottom: 60px;}
.m60{ margin: 60px; }
.mt-70{ margin-top: 70px;}
.ml-70{ margin-left: 70px;}
.mr-70{ margin-right: 70px;}
.mb-70{ margin-bottom: 70px;}
.m70{ margin: 70px; }
.mlr{  margin-left: auto; margin-right: auto;}
 

.hidden{ overflow: hidden;}
.color-blue{ color: var(--blue);}
.color-red{color: var(--red);}
.color-black{color: var(--black);}
.color-white{ color: white;}
.color-white4{  color: rgba(255,255,255,0.4);}
.color-white6{  color: rgba(255,255,255,0.6);}
.color-000{ color: #000;}
.color-666{ color: #666; }
.color-888{ color: #888;}
.color-555{ color: #555;}
.color-999{ color: #999;}
.color-aaa{ color: #aaa;}

.font12 {font-size: 12px; }
.font14 {font-size: 14px;}
.font16 {font-size: 16px;}
.font18 {font-size: 18px;}
.font20 {font-size: 20px;}
.font22 {font-size: 22px;}
.font24 {font-size: 24px;}
.font26 {font-size: 26px;}
.font28 {font-size: 28px;}
.font30 {font-size: 30px;}
.font32 {font-size: 32px;}
.font34 {font-size: 34px;}
.font36 {font-size: 36px;}
.font38 {font-size: 38px;}
.font40 {font-size: 40px;}
.font42 {font-size: 42px;}
.font44 {font-size: 44px;}
.font46 {font-size: 46px;}
.font48 {font-size: 48px;}
.font50 {font-size: 50px;}
.font52 {font-size: 52px;}
.font54 {font-size: 54px;}
.font56 {font-size: 56px;}
.font58 {font-size: 58px;}
.font60 {font-size: 60px;}
.font62 {font-size: 62px;}
.font64 {font-size: 64px;}
.font66 {font-size: 66px;}
.font68 {font-size: 68px;}
.font70 {font-size: 70px;}
.font72 {font-size: 72px;}
.font74 {font-size: 74px;}
.font76 {font-size: 76px;}
.font78 {font-size: 78px;}
.font80 {font-size: 80px;}
.font82 {font-size: 82px;}
.font84 {font-size: 84px;}
.font86 {font-size: 86px;}
.font88 {font-size: 88px;}
.font90 {font-size: 90px;}
.font92 {font-size: 92px;}
.font94 {font-size: 94px;}
.font96 {font-size: 96px;}
.font98 {font-size: 98px;}
.font100 {font-size: 100px;}



.flh{ line-height: 1.5; }
/* fonts */
.Floor001330 { margin:0 auto; background:#fff; padding:5px 0 50px}


.Floor001330 .auto {margin:0 auto;position:relative;}
.Floor001330 h2 {display:none;}

.Floor001330 .main {min-height:285px;padding-top:60px;}
.Floor001330 .idxProleft{ width: 23%; box-shadow: 0 0 10px rgba(2,112,212,.1);}

.Floor001330 .title{ background: url(../images/bg1.jpg) no-repeat center center; background-size: cover; width: 18.2%;
    margin-bottom: 10px;}

.Floor001330 dl {width:20%; float:left; box-shadow: 0 0 10px rgba(2,112,212,.1);}
.Floor001330 dd {height:65px;position:relative;cursor:pointer;}
.Floor001330 dd span{height:55px;line-height:55px;position:relative;padding-left:25px;font-size:18px;background:url(../images/app-li.png) no-repeat 7px center #fff;display:block;text-transform:uppercase;color:#333}
.Floor001330 dd:after {content:"";display:block;width:100%;height:16px;background:url(../images/yqline.png) no-repeat center 0;}
.Floor001330 dd:last-child {}

/*.Floor001330 dd span {display:block;text-transform:uppercase;font-size:20px;color:#333}*/
.Floor001330 dd span.span1 {}
.Floor001330 dd span.span2 {font-size:16px;color:#DDDDDD}
.Floor001330 dd.on span {background:url(../images/app-li1.png) no-repeat 7px center #024ab7; color:#fff;}

/* .Floor001330 dd.on i{background-image:url(../images/floor002397-icon1.png);} */
/*.Floor001330 .idxProRight{ width: 75%; box-shadow: 0 0 10px rgba(2,112,212,.1); }*/
.Floor001330 ul {float:right;display:table;width:78%;min-height:270px; margin-top:-170px; }
.Floor001330 li {display:none;overflow:hidden;vertical-align:middle;position:relative;}

.Floor001330 li .inpro{ display:block; width:18%; height:321px; margin-right:12px; float:left}
.Floor001330 li .inpro:last-child{margin-right:0}
.Floor001330 li .inpro em{ display:block; width:100%; height:267px; overflow:hidden}
.Floor001330 li .inpro em img{ display:block; width:100%; height:100%;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;}
.Floor001330 li .inpro:hover em img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.Floor001330 li .inpro p{ display:block; width:100%; height:53px; background:#fff; line-height:53px; padding:0 10px; overflow:hidden; font-size:16px; text-align:center}
.Floor001330 li .inpro:hover p{color:#0270b7}

.Floor001330 .protjin{ margin-bottom:29px;box-shadow: 0 0 10px rgba(2,112,212,.1);background-color: #fff;}
.Floor001330 .protjin img{ width:100%;}
.Floor001330 .protjin .incps{ display:block; width:31%; height:378px; overflow:hidden; margin:0 !important}
.Floor001330 .protjin .incps img{ display:block; width:100%; height:100%;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;}
.Floor001330 .protjin .incps:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.Floor001330 .protjin .incpboxny{ /*width:100%; height:auto; position:absolute; margin-top: -340px;
    left: 20px; color:#fff;*/
	 position: absolute;
    right: 50px;
    bottom: 185px;
    z-index: 999;
    background: rgba(255, 255, 255, .9);
    max-width: 400px;
    padding: 25px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.Floor001330 .protjin .incpboxny h1{margin-bottom:10px;}
.Floor001330 .protjin .incpboxny h1 p{ font-size:18px; line-height:40px;display:inline-block;  float:left}
.Floor001330 .protjin .incpboxny h1 a{ display:inline-block; width:450px; height:40px; line-height:40px; overflow:hidden;font-size:18px; font-weight:bold; color:#fff;font-size: 1.5625vw;
    color: #f38608;
    font-weight: bold;
    margin-bottom: 5px;}
.Floor001330 .protjin .incpboxny h2{font-size:18px !important; line-height:30px; display:block !important; font-weight:500;}
.Floor001330 .protjin .incpboxny h2 a{ color:#333;}
.Floor001330 .protjin .incpboxny .xmzy{ width:95%; margin-bottom:30px;}
.Floor001330 .idxProRight .protjin .incpboxny .xmzy div.fl{ width:673px; height:180px; overflow:hidden}
.Floor001330 .protjin .incpboxny .xmzy div.fl,.Floor001330 .protjin .incpboxny .xmzy div.fl *{ line-height:30px; font-size:16px; }
.Floor001330 .protjin .incpboxny .cpteltj{ position: relative;
    background: #024ab7;
    width: 140px;
    line-height: 40px;
    margin-bottom: 15px;}

.Floor001330 .protjin .incpboxny .cpteltj a {
    display: flex;
    align-items: center;
}

.Floor001330 .protjin .incpboxny .cpteltj a span {
    width: calc(100% - 40px);
    color: #fff;
    font-size: 12px;
    text-align: center;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}

.Floor001330 .protjin .incpboxny .cpteltj a i {
    width: 40px;
    height: 40px;
    background: url(../images/app-san.png) no-repeat center;
    border-left: 1px solid #fff;
    display: block;
}

.Floor001330 .protjin .incpboxny .cpteltj a:hover span {
    font-size: 14px;
}


/*优势*/
.in_ys1{background:url(../images/bg1.jpg) center top no-repeat; height:385px; padding-top:40px; text-align: center;}
.in_ys1 .title{ font-size:40px; color:#fff; font-weight:bold; line-height:60px;}
.in_ys1 .cont{ width:1300px; margin:35px auto}
.in_ys1 .cont ul li{
    float: left;
    width: 128px;
    display: block;
    font-size: 18px;
    color: #fff;
    background: url(../images/dec1.png) center top no-repeat;
    margin: 0 28px;
	}
.in_ys1 .cont ul li img{
	padding-top: 40px;
    padding-bottom: 50px;
	}
.in_ys1 a{
	padding: 10px 40px;
    border: 2px solid #fff;
    font-size: 20px;
    color: #fff;
    line-height: 30px;
    border-radius: 50px;
	}
.in_ys1 a span{ font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:24px; line-height:45px;}

.flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.nei2{
    overflow: hidden;
    background: #f6f6f6;
}
.hunj { position: relative; }
.hunj .youdnjh { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
.hunj .youdnjh { opacity: 0; visibility: hidden; transition: all .5s ease; }
.hunj .youdnjh.on { position: static; opacity: 1; visibility: visible; }
.youdnjhle{
    width: 50%;
    box-sizing: border-box;
    padding: 5% 5% 15% 10%;
}
.youdnjhrt{
    width: 50%;
}
.youdnjhrt img{
    width: 100%;
    height: auto;
}
.youdnjhlejj{
    /*background: url(../images/xx1.png) left center no-repeat;*/
    box-sizing: border-box;
    /*padding-left: 20px;*/
}
.youdnjhlejj_a{
    font-size: 2.2rem;
	font-weight: 600;
	font-stretch: normal;
	line-height: 55px;
	letter-spacing: 0px;
	color: #333333;
}
.youdnjhlejj_a span{
    color: #024ab7;
}
.youdnjhlejj_b{
    font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 35px;
	letter-spacing: 2px;
	color: #666666;
}
.youdnjhlekk_a{
    font-size: 1.8rem;
	font-weight: 600;
	font-stretch: normal;
	line-height: 50px;
	letter-spacing: 0px;
	color: #333333;
    margin-top: 8%;
}
.youdnjhlekk_b{
    font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 45px;
	letter-spacing: 0px;
	color: #9f9f9f;
}
.youdnjhlekk_c{
    width: 72px;
	height: 3px;
	background:#024ab7;
    margin: 2% 0;
}
.youdnjhlekk_d{
    background: url(../images/hg.png) left 10px no-repeat;
    box-sizing: border-box;
    padding-left: 25px;
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 45px;
	letter-spacing: 0px;
	color: #666666;
    margin-top: 5%;
	height: 200px;
}
}
.hudnjhss{
    position: absolute;
    bottom: -3px;
    left: 0px;
    width: 100%;
    background: url(../images/hh.png) center center no-repeat;
    box-sizing: border-box;
    padding: 3% 2% 3% 2%;
    background-size: 100% 100%;
    z-index: 999;
}
.hudnjhss li{
    width: 24%;
    text-align: center;
    border-right: #e3e3e3 1px solid;
}
.hudnjhss li:nth-child(4){
    border-right: none;
}
.hudnjh_img{
    width: 40%;
    margin: 0 auto;
    height: 43px;
}
.hudnjh_img img{
    max-width: 100%;
    height: auto;
}
.hudnjh_a{
    font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #333333;
    margin-top: 2%;
}
.hudnjh_b{
    font-size: 13px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 20px;
	letter-spacing: 0px;
	color: #c8c8c8;
}

.hudnjhss  li:hover .hudnjh_a, .hudnjhss  li.on .hudnjh_a{
    position: relative;
    color: #333333;
    cursor: pointer;
    font-weight: 600;
}

.hudnjhss  li:hover a, .hudnjhss  li.on a {
    color: #333333;
}

.hudnjhss  li:hover .hudnjh_img img, .hudnjhss  li.on .hudnjh_img img{
    filter: invert(54%) sepia(45%) saturate(3449%) hue-rotate(5deg) brightness(100%) contrast(102%);
}
.max_wd1600 {
    max-width: 1400px;
	min-width:1200px;
    margin: 0 auto;
   padding: 0 2% 1%;
   position: relative;
}

/*首页产品*/

.main_title{
	text-align:center;
    font-size: 20px;
    line-height: 35px;
    color: #fff;
	}
.main_title p{
    font-size: 40px;
    color: #fff;
    line-height: 55px;
    font-weight: bold;
	}
.main_title .dec{
    width: 40px;
    height: 4px;
    margin: 15px auto 0;
    background: #fff;
    border-radius: 20px;
	}

.in_news{
	background: url(../images/bg_cp.jpg) center top no-repeat;
    padding-top: 60px;
    padding-bottom: 69px;}



.in_news .news_top {text-align: center; margin-top:30px }
.in_news .news_top li{
	display: inline-block;
    height: 60px;
    padding: 0 48px;
    background: #fff;
    margin-right: 10px;
	}
.in_news .news_top li:nth-child(6){ margin-right:0}
.in_news .news_top li a{color:#555;font-size: 20px; line-height:60px}
.in_news .news_top li:hover,.in_news .news_top li.on{background:#fab614;}
.in_news .news_top li:hover a,.in_news .news_top li.on a{color: #fff; line-height:60px;}

.in_news .news_box{ height:auto; margin:40px auto 0;width:88%;max-width:1400px; min-width:1200px}
.in_news .news_box ul{display: none;}
.in_news .news_box ul.on{display: block;}

.in_news .news_box li {
	float: left;
    margin-right:22px;
    margin-bottom:22px;
	width:23%;
	}
.in_news .news_box li:nth-child(4n){
	margin-right: 0;
} 


.in_news .news_box li .topimg{
	width:100%;
    height:auto;
    overflow: hidden; background:#fff;
	display: table-cell;vertical-align: middle;text-align: center;
	}
.in_news .news_box li .topimg img{
	transform: scale(1);
	transition: all 1s ease-out;
	width:100%;
	height:auto;
	}
.in_news .news_box li:hover .topimg img{
	transform: scale(1.2);
	}

.in_news .news_box li p{
	width: 100%;
    margin: 0 auto;
    background: #f1f1f1;
    line-height: 52px;
    font-size: 18px;
    color: #444444;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
	}	
.in_news .news_box li p a{
	line-height:52px;
	font-size:18px;
	color:#444;
	}
.in_news .news_box li:hover p{ background:#1a5dc2}
.in_news .news_box li:hover p a{
	line-height:52px;
	font-size:18px;
	color:#fff;
	}	

.in_news .news_topa {text-align: center; margin-top:20px }
.in_news .news_topa li{
	display: inline-block;
    height: 50px;
    line-height: 50px;
    padding: 0 70px;
    margin: 0 15px;
    color: #fff;
    font-size:20px;
    background: #fab614; font-weight:bold;border-radius: 30px;
	}
.in_news .news_topa li span{color:#ffffff;font-size: 18px; line-height:50px; font-weight:500}
.in_news .news_topa li a{color:#ffffff;font-size: 18px; line-height:50px; font-weight:500}

.nei5{
    box-sizing: border-box;
    padding: 1% 0;
    overflow: hidden;
    margin-top: 2%;
}

changhh{
    margin-top: 3%;
    text-align: center;
	margin:0 auto;
}
.changhh_a{
    font-size: 1.8rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #024ab7;
    text-transform: uppercase;
}
.changhh_b{
    font-size: 1.5rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #333333;
}
.xffinjh{
    margin: 1.5% auto 0;
    width: 30%;
    margin-bottom: 2%;
}
.xffinjh li{
    width: 32%;
    text-align: center;
    line-height: 43px;
	background-color: #e5e5e5;
    font-size: 17px;
}
.xffinjh li a{
    color: #000;
}
.hudsnjhle{
    width: 68%;
}
.hudsnjher{
    width: 30%;
}
.hudsnjhle li{
    width: 48%;
}
.hudsnjhle li:hover .hudsnjhlene_a{
    color: #024ab7;
    font-weight: 600;
}

.hudsnjhlene{
    box-sizing: border-box;
    padding: 4% 2%;
}
.hudsnjhlene_a{
    font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 45px;
	letter-spacing: 0px;
	color: #333333;
    text-align: left;
}
.hudsnjhlene_b{
    font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #888888;
    text-align: left;
}
.hudsnjhlene_m{
    text-align: left;
    font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #888888;
    margin-top: 8%;
}
.hudsnjhle_img img{
    width: 100%;
    height: auto;
}
.hdisnjh{
    font-size: 17px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 45px;
	letter-spacing: 0px;
	color: #333333;
    background: url(../images/tt.png) left center no-repeat;
    box-sizing: border-box;
    padding-left: 20px;
    text-align: left;
}
.sjisnjhj{
    font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: 0px;
	color: #999999;
    text-align: left;
}
.dosdkj{
    font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: 0px;
	color: #999999;
    text-align: left;
}
.picMarquee-top .bd  .picList li{
    border-bottom: #edf0ef 2px solid;
    box-sizing: border-box;
    padding: 1% 0;
    height: 60px!important;
	overflow: hidden;
}
.picMarquee-top .bd  .picList li:hover .hdisnjh{
   /*color: #024ab7;*/
   font-weight: 600;
}


.hhjuiyu { position: relative; }
.hhjuiyu .hudsnjh { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
.hhjuiyu .hudsnjh { opacity: 0; visibility: hidden; transition: all .5s ease; }
.hhjuiyu .hudsnjh.on { position: static; opacity: 1; visibility: visible; }



.xffinjh li:hover, .xffinjh li.on {
    background: #024ab7;
    position: relative;
    color: #fff;
    cursor: pointer;
}

.xffinjh li:hover a, .xffinjh li.on a {
    color: #fff;
}


.changhhf  li:hover, .changhhf  li.on {
    background: #024ab7;
    position: relative;
    color: #fff;
    cursor: pointer;
}

.changhhf  li:hover a, .changhhf  li.on a {
    color: #fff;
}
.hhutyle{
    width: 30%;
    background: url(../images/ggh.png) right center no-repeat;
}
.hhutyle_a{
    font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;
}
.hhutyle_b{
    font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 33px;
	letter-spacing: 0px;
	color: #ffffff;
    margin-top: 3%;
}
.gehg{
    margin-top: 3%;
}
.hhutygf{
    width:48%;
}
.erinjf{
    width: 10%;
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 27px;
	letter-spacing: 0px;
	color: #7c7c7c;
    text-align: center;
}
.erinjf img{
    max-width:100%; height:auto !important;width:auto !important;
}
.hhung{
    border-top: #323232 1px solid;
    margin: 2% 0;
}
.bdinjh{
    text-align: center;
    font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #7c7c7c;
}
.bdinjh a{
    color: #7c7c7c;
}
.f_link{
    color: #000;
}
.f_link a{
    color: #000;
}
.hdisnqg  img{
    width: 100%;
    height: auto;
}

.hungssdfdf{
    padding: 1% 0;
}

/*优势*/
.kd {
    width: 91%;
    max-width: 1300px;
    margin: 0 auto;
}


.in-adv{
	background: url(../images/advbg.jpg) center bottom no-repeat;
    padding: 65px 0 0;
    height: 1040px;
    display: block;
    overflow: hidden;
	}
.adtit{ text-align:center;}
.adtit p{ font-size:1.125rem; color:#323131; margin-top:8px;}

.adv-p6{ margin-top:110px;}
.adv-p6 li{text-align:center;  }
.adv-p6 li p{ font-size:1.875rem; color:#1a5dc2; font-weight:bold;margin-bottom:28px;}
.adv-p6 li p em{
	font-family: arial;
    font-size: 2.5rem;
    position: relative;
    top: 5px;
    font-style: normal;
	}
.adv-p6 li span{ font-size:1.125rem; line-height:1.5em;}
.adv-p6 li.y3{ margin-left:29%;}
.adv-p6 li.y4{ margin-right:30%;}
.adv-p6 li.y2{ margin-left:6.5%; margin-top:52px}
.adv-p6 li.y5{ margin-right:8.5%; margin-top:52px}
.adv-p6 li.y1{ margin-left:-2%; margin-top:106px; text-align:right}
.adv-p6 li.y6{ margin-right:1%; margin-top:106px; text-align:left}


.gx-1 .fl{ margin-top:82px; color:#fff}


.gx-1 .fl b{
    display: block;
    font-size: 27px;
    line-height: 45px;
    margin-top: 26px;
}
.gx-1 .fl p{
    display: block;
    line-height: 35px;
    font-size: 17px;
}
.gx-1 .fl p:after {
    content: '';
    display: block;
    width: 380px;
    height: 1px;
    background: #93bae8;
    margin-top: 10px;
    margin-bottom: 10px;
}
.gx-1 .fl ul {
    height: 26px;
    line-height: 26px;
    font-size: 16px;
    color: #fff;
    overflow: hidden;
    padding-left: 0;
}
.gx-1 .fl ul li{
    float: left;
    display: block;
    background: url(../images/ico_ad.png) no-repeat left center;
    padding-left: 34px;
    margin-right: 32px;
    font-size: 17px;
}

.gx-1 .fr{
    margin: 116px 0 0 0;
    background: url(../images/tel_white.png) no-repeat left top;
    color: #fff;
    float: right;
	}


.gx-1 .fr span {
    display: block;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 2px;
    text-indent: 84px;
}
.gx-1 .fr b {
    display: block;
    font-size: 32px;
    line-height: 45px;
    font-weight: normal;
    font-family: Impact;
    text-indent: 84px;
}
.gx-1 .fr a {
    margin-top: 10px;
    display: block;
    width: 270px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    font-size: 16px;
    color: #333;
    font-weight: bold;
}


.gx-1 .ada{
	display: inline-block;
    background: #fff;
    color: #444444;
    padding: 6px 30px;
    border-radius: 20px;
    margin: 10px 0 0 57px;
    font-size: 18px;
	}

.ells {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/*企业实力*/
.in-shi{
    padding: 45px 0 0;
    background: #efefef;
    z-index: 2;
    height: 719px;
    width: 100%;
    display: block;
    overflow: hidden;
	}
.shitit{ text-align:center; margin-bottom:64px}
.shitit h3{ font-size:2.25rem; color:#2d2d2d; font-weight:bold;}
.shitit p{ color:#565656; font-size:1.125rem;}
.shiul li{ float:left; width:22.3%; overflow:hidden; display:block; margin-right:1.4%; position:relative; z-index:2; cursor:pointer}
.shiul li img{ width:100%; transition:all 0.7s;}
.shiul li:hover img{ transform:scale(1.05);}
.shiul li:nth-child(4){ width:28.61% !important; margin-right:0}


.s2{
    padding: 27px 0 35px;
    background: #2b4885;
    position: relative;
    z-index: 1;
    top: -323px;
	}
.s2 .spic{
	display: block;
    overflow: hidden;
    width: 34.1%;
    cursor: pointer;
    margin-right: 1.5%;
	}
.s2 .spic img{ width:100%; transition:all 0.7s; transform:scale(1)}
.s2 .spic:hover img{ transform:scale(1.05);}
.s2 .scon{ width:31%; box-sizing:border-box; padding:70px 3% 0;}
.s2 .scon h3{
	font-size: 30px;
    line-height: 45px;
    color: #fff;
	}
.s2 .scon span{
	font-size: 13px;
    color: #678ad3;
    text-transform: uppercase;
	}
.s2 .scon p{ margin:24px 0; color:#fff; line-height:2em; font-size:1rem;}
.s2 .scon hr{ width:77px; height:1px; background:#fff; border:none; margin:0 0}
.slink{ position:absolute; bottom:0; right:0}
.slink a{ color:#fff;}
.slink a img{ position:relative; top:5px; margin-left:10px}



/*新闻资讯*/
.in_xwzx{ width:100%; height:auto; margin:0 auto;  padding-top:50px; }
.in_xwzx .contb{height:auto; margin:0 auto;margin-top: 35px;  width:88%; max-width:1400px;min-width:1200px;}
.in_xwzx .contb ul li{ float:left; margin-right:1%; width:386px; height:480px; display:block; background:#ffffff; width:32.5%;}
.in_xwzx .contb ul li .topimg{

    height: 290px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
	}
.in_xwzx .contb ul li .topimg img{max-width:100%;max-height: 100%;transform: scale(1);transition: all 1s ease-out;letter-spacing:0}
.in_xwzx .contb ul li:hover .topimg img{transform: scale(1.2);}
.in_xwzx .contb ul li .txt{
	padding: 15px;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    text-align: justify;
    letter-spacing: -0.11px;
	}
.in_xwzx .contb ul li .txt p{
	}
.in_xwzx .contb ul li .txt p a{
	font-size: 18px;
    color: #666666;
    line-height: 48px;
	} 
.in_xwzx .contb ul li .date{
    border-top: 1px solid #e5e5e5;
    padding: 0 20px;
    height: 60px;
    line-height: 60px;
	}
.in_xwzx .contb ul li .date dl dt{ float:left;font-size: 14px;color: #b7b7b7; line-height:60px}
.in_xwzx .contb ul li .date dl dt a{font-size: 14px;color: #b7b7b7; line-height:60px}


.in_xwzx .contb ul li:hover .date{ background:#1a5dc2}
.in_xwzx .contb ul li:hover .date dl dt{ float:left;font-size: 14px;color: #ffffff; line-height:60px}
.in_xwzx .contb ul li:hover .date dl dt a{font-size: 14px;color: #ffffff; line-height:60px}




.inbox2{ margin:0 auto;padding:30px 0 30px}
.inbox2 .center li{ width:24.25%; height:auto; margin-right:1.5%; margin-bottom:1.5%}
.inbox2 .center li.tjying{ width:48.5% !important}
.inbox2 .center li:nth-child(3n){margin:0 !important; float:right !important}
.inbox2 .center li:nth-child(5n){margin:0 !important; float:right !important}
.inbox2 .center li a{ width:100%; height:auto; display:block;overflow:hidden; position:relative}
.inbox2 .center li a img.picyy{ width:100%;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;}
.inbox2 .center li a:hover img.picyy{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.inbox2 .center li a p{ display:none}
.inbox2 .center li a:hover p{ width:140px; height:50px; display:block; line-height:50px; font-size:18px; color:#fff; overflow:hidden;position:absolute; top:50%; left:50%; z-index:9; margin-top:-25px; margin-left:-70px; background:#b1000e; text-align:center}



.in_product{background:#f0f0f0; padding:60px 0 0 0}



.in_product .content{ display:block; width:88%; clear:both; max-width:1400px;min-width:1200px; margin:0 auto; position: relative; z-index:9999;padding-bottom: 80px;padding-top:10px;}
.in_product .content ul li{ width:23.5%; height:auto; margin:0 1.95% 0 0; float:left; overflow:hidden}
.in_product .content ul li a,.in_product .content ul li div{ display:block; width:100%; height:auto; position:relative}
.in_product .content ul li a img,.in_product .content ul li div img{ display:block; width:100%}
.in_product .content ul li a h1,.in_product .content ul li div h1{ line-height:50px; font-size:25px; color:#fff; position:absolute; left:7%; top:20px; width:86%; display:block; height:50px; z-index:10;}
.in_product .content ul li a p,.in_product .content ul li div p{ display: block; width:88%; height:100%; background:url(../images/inpbg.png) repeat; position:absolute; z-index:1; left:0%; top:100%; color:#fff; font-size:16px; line-height:32px; padding:23% 7% 0;transition: all .3s ease-out;}
.in_product .content ul li:hover a p,.in_product .content ul li:hover div p{ top:0}

.in_product .content ul li:nth-child(4n){ margin-right:0}


.titincp{  margin-bottom:20px}
.titincp h1{font-size:45px; line-height:65px; text-align:center}
.titincp p{line-height: 40px;font-size:20px; text-align:center}
.center{ width:88%; margin:0 auto; max-width:1400px; min-width:1200px}



.s_youshi{ background: url(../images/ysbg.jpg) center no-repeat; background-size: cover; padding-top: 37.5%; position: relative; color: #fff; overflow: hidden;}
.s_youshi .container{ position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); transition: all 0.5s ease;}
.sys_left{ width: 37%;}
.sys_left h3{ font-size: 3.6rem;}
.sys_left h4{ font-size: 4.2rem; margin: 4rem 0; letter-spacing: 2px;}
.sys_left .swiper2{ padding: 3rem 0;}
.sys_left .swiper2 .swiper-slide.swiper-slide-active h5{ opacity: 1; transform: translateY(0);transition-delay: 0.2s;}
.sys_left .swiper2 .swiper-slide.swiper-slide-active p{ opacity: 1; transform: translateY(0); transition-delay: 0.4s;}
.sys_left .swiper2 .swiper-slide.swiper-slide-active .a_more{ opacity: 1; transform: translateY(0); transition-delay: 0.6s;}
.sys_left .swiper2 h5{ font-size: 3rem; opacity: 0; transform: translateY(3rem); transition: all 0.5s ease-out;}
.sys_left .swiper2 p{ font-size: 1.6rem; line-height: 3rem; text-align: justify; opacity: 0.6; margin-bottom: 3.5rem; margin-top: 2rem; opacity: 0; transform: translateY(3rem); transition: all 0.5s ease-out;}
.sys_left .swiper2 .a_more{ opacity: 0; transform: translateY(3rem); transition: all 0.5s ease-out;}
.sys_right{ position: absolute; right: 0; top: 0; height: 100%; z-index: 2;}
.sys_right img{ height: 100%; display: block;}
.sys_right ul{ padding-top: 110%; width: 100%; position: absolute; top: 0%; left: -10%; border: 1px solid rgba(255,255,255,0.85); border-radius: 50%; z-index: -1;}
.sys_right ul:after{ content: ''; width: 90%; height: 96%; position: absolute; border-radius: 50%; border: 1px solid rgba(255,255,255,0.7); left: 7%; top: -5%;}
.sys_right ul li{ position: absolute; width: 1px; height: 1px; cursor: pointer;}
.sys_right ul li:after{ content: ''; width: 1rem; height: 1rem; border-radius: 50%; background: #fff; position: absolute; top: 50%; left: 50%;  transform: translate(-50%,-50%); z-index: 2;}
.sys_right ul li span{ white-space: nowrap; position: absolute; right: 3rem; top: 50%; transform: translateY(-50%); font-size: 1.8rem; opacity: 0.65; display: inline-block; transition: all 0.3s ease;}
.sys_right ul li:nth-child(1){ left: 5%; top: 27.5%;}
.sys_right ul li:nth-child(2){ left: 2.9%; top: 32.5%;}
.sys_right ul li:nth-child(3){ left: 1.4%; top: 37%;}
.sys_right ul li:nth-child(4){ left: 0.4%; top: 42%;}
.sys_right ul li:nth-child(5){ left: -0.1%; top: 47%;}
.sys_right ul li:nth-child(6){ left: -0.15%; top: 52%;}
.sys_right ul li:nth-child(7){ left: 0.35%; top: 57%;}
.sys_right ul li:nth-child(8){ left: 1.4%; top: 62%;}
.sys_right ul li:nth-child(9){ left: 2.8%; top: 67%;}
.sys_right ul li.on span{ opacity: 1; letter-spacing: 1px; transform: translateX(-1rem) translateY(-50%); text-shadow: 0px 2px 4px rgba(0,0,0,0.3);}

.sys_right ul.cur:after{animation: sys_xian 1s ease;}

.sys_right ul li svg{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); opacity: 0; transition: all 0.3s ease;}
.sys_right ul li svg .jdt2{ transform: rotate(-90deg); transform-origin:20px; }

.sys_right ul li.on svg{ opacity: 1;}
.sys_right ul li.on svg .jdt2{ animation: jtd2 infinite 5s linear; }
@keyframes jtd2{
    0%{ stroke-dasharray:0 120; stroke-dashoffset: 0;}
    100%{ stroke-dasharray:120 0; stroke-dashoffset: 0;}
}
@keyframes sys_xian{
    0%{ opacity: 0; transform: translateX(5%);}
    100%{ opacity: 1; transform: translateX(0);}
}
.s_taocan{ padding: 4% 0; padding-bottom: 1%; background: #f0f5f8;}
.s_taocan h2{ font-size: 3.6rem; color: #3c59a7; position: relative;}
.s_taocan .dw{ margin: 0 3%}
.s_taocan .swiper3{ padding: 3rem 0; padding-bottom: 5%;}
.s_taocan .caption{ position: relative;}
.s_taocan .caption>div{ position: relative; padding-top: 97.9%; overflow: hidden; border-radius: 2rem;}
.s_taocan .caption>div:after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #fff; opacity: 0.88; z-index: 2;}
.s_taocan .caption>div:before{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #3554aa; z-index: 3; opacity: 0; transition: all 0.3s ease;}
.stc_text{ position: absolute; left: 0; top: 0; width: 100%; padding: 0 10%; padding-top: 5%; text-align: justify; z-index: 4; perspective: 400px; transform-style: preserve-3d;}
.stc_img{ color: #3c59a7; transition: all 0.3s ease; padding-left: 1rem;}
.stc_img i{ font-size: 6.4rem;}
/* .stc_img{ width: 10rem; position: relative;} */
/* .stc_img img{ display: block; width: 100%; transition: all 0.3s ease;}
.stc_img img:last-child{ position: absolute; left: 0; top: 0; opacity: 0; z-index: 2;} */
.stc_text h3{ font-size: 2.4rem; color: #000; transition: all 0.3s ease;}
.stc_text p{ line-height: 3rem; margin: 3rem 0; font-size: 1.6rem; color: #444; transition: all 0.3s ease; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;}
.stc_text .a_more{ opacity: 0; transition: all 0.3s ease; transform: rotateX(115deg); transform-origin: center bottom;}
.sts_45{ position: absolute; right: 15%; bottom: 3%; z-index: 5; opacity: 0; width: 10.6rem;}
.s_taocan .caption:hover>div:before{ opacity: 0.85;}
.s_taocan .caption:hover .stc_text h3, .s_taocan .caption:hover .stc_text p{ color: #fff;}
.s_taocan .caption:hover .stc_img{ color: #fff;}
/* .s_taocan .caption:hover .stc_img img{ opacity: 0;}
.s_taocan .caption:hover .stc_img img:last-child{ opacity: 1;} */
.s_taocan .caption:hover .stc_text .a_more{ transform: rotateX(0); opacity: 1;}
.s_taocan .caption:hover .sts_45{ animation: rb_in 1s ease; animation-fill-mode: forwards;}
.s_taocan h2 .jn_fan{ margin-bottom: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}

.s_xiang{ padding: 4% 0;}
.s_xiang h2{ padding: 0 3%; margin-bottom: 3rem;}
.s_xiang h2 strong{ font-size: 3.6rem; color: #3c59a7; display: block;}
.s_xiang h2 span{ font-size: 1.8rem; color: #444; display: block; margin-top: 1rem;}