/* CSS Document */

/* 二三级页首 */

.couthead {width: 100%; height: 100px;display: flex;align-items: center;}

.couthead>div {width: 1250px;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;}

/* 二三级页首导航 */

.navBar {

	width:700px;

	height:50px;

	line-height:50px;

	color:#fff

}

.nav {

	position:relative;



	margin:0 auto;

	font-family:"Microsoft YaHei",SimSun,SimHei;

	font-size:14px;

}

.nav a {

	color: #333333;;width: 100px;display: flex;align-items: center;justify-content: center;font-size: 18px;transition-duration: .3s;

}

.nav h3 {

	font-size:100%;

	font-weight:normal;

}

.nav .m {

	float:left;

	position:relative;

	z-index:1;

}

.nav .s {

	float:left;

	width:3px;

	text-align:center;

	color:#D4D4D4;

	font-size:12px;

}

.nav h3 a {

	display:block;

	width:115px;

	text-align:center;

	font-weight:bold;

}

.nav .sub {

	display:none;

	position:absolute;

	left:-3px;

	top:50px;

	z-index:1;

	width:117px;

	border:1px solid #E6E4E3;

	border-top:0;

	background:#fff;

}

.nav .sub li {

	text-align:center;

	padding:0 8px;

	margin-bottom:-1px;

}

.nav .sub li a {

	display:block;

	border-bottom:1px solid #E6E4E3;

	padding:8px 0;

	height:28px;

	line-height:28px;

	color:#000;

	font-size:12px;

	font-weight:bold;

}

.nav .sub li a:hover {

	color:#FE7700;

}

.nav .block {

	height:4px;

	width:32px;

	background:#5b97f2;

	position:absolute;

	left:0;

	top:42px;border-radius: 2px;;transform: translateX(36px);

	overflow:hidden;

}



.nav .on a {color: #5b97f2;}

/* 二三级页首导航 */



/* 二级页面banner */

.two-banner {width: 100%;height: 300px;background-size: cover;background-position: center;}



.news-banner {background-image: url(../image/news-banner.jpg)}

.case-banner {background-image: url(../image/case-banner.jpg)}

.about-banner {background-image: url(../image/about-banner.jpg)}

.contact-banner {background-image: url(../image/contact-banner.jpg)}

.recruit-banner {background-image: url(../image/recruit-banner.jpg)}
.service-banner {background-image: url(../image/service-banner.jpg)}

/* 二级页面banner */



/* 面包屑导航 */

.s-nav {width: 100%;background-color: #f3f3f3;}

.s-nav>div {width: 1150px;display: flex;align-items: center;margin: 0 auto;}

.s-nav>div>ul {display: flex;align-items: center;}

.s-nav>div>ul>li:nth-child(2n) {width: 12px;height: 12px;background-image: url(../image/right-more.png);background-size: contain;background-position: center;margin: 0 10px;}

.s-nav>div>ul>li:nth-child(2n+1) {line-height: 50px;}

.s-nav>div>div {width: 20px;height: 20px;background-size: contain;background-image: url(../image/s-nav-ico.png);margin-right: 10px;}

/* 面包屑导航 */





/* 二级标题 */

.two-title {width: 100%;display: flex;justify-content: center;margin: 70px 0;}

.two-title span {font-size: 28px;font-weight: 100;}

/* 二级标题 */





/* ~~~~~~新闻中心~~~~~~ */

.two-news .top-big {display: flex;align-items: flex-end;justify-content: space-between;}

.two-news .top-big>div:first-child {background-position: center;background-size: cover;width: 542px;height: 276px;}

.two-news>div {width: 1150px;margin: 0 auto;}

.two-news .top-big>div:last-child {width: 580px;height: 250px;;display: flex;flex-direction: column;justify-content: space-between;}

.two-news .top-big>div:last-child>a{width: 100%;height: 40px;background-color: #f3f3f3;display: flex;align-items: center;justify-content: center;transition-duration: .5s;}

.two-news .top-big>div:last-child>a:hover {background-color: #ddd;}

.two-news .top-big h1 {font-size: 24px;font-weight: 300;transition-duration: .5s;}

.two-news .top-big p {margin-top: 30px;margin-bottom: 10px;color: #666;text-indent: 2em;line-height: 2em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.two-news .top-big span {display: flex;align-items: center;}

.two-news .top-big span>img {margin-right: 10px;}

.two-news .top-big h1:hover {color: #4e8aec;}

.two-news .news-left {display: flex;align-items: center;transition-duration: .3s;}

.two-news .news-left>div:first-child {width: 190px;height: 116px;background-position: center;background-size: cover;}

.two-news .news-left>div:last-child {width: 740px; margin-left: 20px;display: flex;flex-direction: column;justify-content: space-between;height: 90px;}

.two-news {width: 1150px;margin: 0 auto;}

.two-news a {display: flex;align-items: center;}

.two-news ul {margin: 50px 0;}

.two-news ul a {padding: 30px 0;border-top: 1px dashed #999;display: flex;align-items: center;justify-content: space-between;transition-duration: .3s;}

.two-news .news-right {width: 72px;height: 72px;border-radius: 10px;background-color: #f3f3f3;display: flex;flex-direction: column;align-items: center;justify-content: center;transition-duration: .3s;}

.two-news .news-right h1 {font-size: 22px;transition-duration: .3s;}

.two-news .news-right div {width: 80%;border-top: 1px dashed #999;margin: 6px;transition-duration: .3s;}

.two-news .news-right span {font-size: 12px;transition-duration: .3s;}

.two-news .news-left>div:last-child h1 {font-size: 18px;font-weight: 400;margin-bottom: 10px;transition-duration: .3s;}

.two-news .news-left>div:last-child>div:last-child {display: flex;align-items: center;}

.two-news .news-left>div:last-child>div:last-child span {display: flex;align-items: center;margin-right: 20px;color: #666;}

.two-news .news-left>div:last-child>div:last-child span img {margin-right: 10px;}

.two-news .news-left>div:last-child p {color: #666;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}



.two-news ul a:hover {background-color: #f8f8f8;}

.two-news ul a:hover .news-left {transform: translateX(20px);}

.two-news ul a:hover .news-right {background-color: #5b97f2;transform: translateX(-20px);}

.two-news ul a:hover .news-left>div:last-child h1 {color: #4e8aec;}

.two-news ul a:hover .news-right h1 {color: #fff;}

.two-news ul a:hover .news-right span {color: #fff;}

.two-news ul a:hover .news-right div {border-color: #fff;}

/* ~~~~~~新闻中心~~~~~~ */







/* ~~~~~~三级文章页~~~~~~ */

.three-page {width: 1150px;margin: 0 auto;margin-top: 70px;}

.three-page {display: flex;flex-direction: column;align-items: center;}

.three-page .title {display: flex;flex-direction: column;align-items: center;}

.three-page .title h1 {font-size: 22px;font-weight: bold;margin-bottom: 10px;}

.three-page .title>div {display: flex;align-items: center;}

.three-page .title>div>span {display: flex;align-items: center;}

.three-page .title>div>span>img {margin-right: 10px;}

.three-page .title>div>span:first-child {margin-right: 40px;}

.three-page .page-cout {border: 1px dashed #999;border-left: none;border-right: none;padding: 30px 0;width: 100%;margin-top: 20px;}



.three-page .page-cout p {line-height: 2em;text-indent: 2em;font-size: 16px;}

.three-page .befor-after {margin: 50px 0;}

.three-page .befor-after a {width: 528px;background-color: #f8f8f8;padding: 12px;display: flex;align-items: center;}

.three-page .befor-after a>div:first-child {width: 70px;height: 70px;background-color: #e4e4e4;margin-right: 20px;display: flex;align-items: center;justify-content: center;border-radius: 6px;transition-duration: .5s;}

.three-page .befor-after a>div:last-child h1 {font-size: 16px;font-weight: 600;margin-bottom: 10px;transition-duration: .5s;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.three-page .befor-after a>div:last-child p {color: #666;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} 

.three-page .befor-after {display: flex;align-items: center;justify-content: space-between;width: 100%;}

.three-page .befor-after a:hover>div:first-child{background-color: #5b97f2;color: #fff;}

.three-page .befor-after a:hover>div:last-child h1 {color: #5b97f2;}

.three-page>a {width: 160px;height: 32px;border-radius: 16px;background-color: #f3f3f3;line-height: 32px;text-align: center;transform: translateY(-16px);transition-duration: .3s;}

.three-page>a:hover {background-color: #5b97f2;color: #fff;}

/* ~~~~~~三级文章页~~~~~~ */





/* ~~~~~~项目案例~~~~~~ */

.two-case {width: 1150px;margin: 0 auto;}

.case-ul>li {margin-bottom: 40px;width: 33.33333333%}

.case-ul {display: flex;align-items: center;width: 100%;flex-wrap: wrap;}

.case-ul>li>a>div {width: 356px;height: 198px;position: relative;overflow: hidden;}

.case-ul>li>a>div>div {width: 100%;height: 40px;background-color: rgba(0,0,0,.5);padding: 20px;box-sizing: border-box;position: absolute;bottom: 0;transition-duration: .5s;transition-timing-function: cubic-bezier(0.26, 0.8, 0.54, 0.85);}



.line {position: relative;height: 100%;}

.line:before, .line:after {position:absolute;content:"";display:block;background-color: #fff;width: 0;height: 1px;}

.line:before {top: 0;left: 0;}

.line:after {bottom: 0;right: 0;}





.line>div {height: 100%;width: 100%;display: flex;align-items: center;justify-content: space-between;justify-content: center;color: #fff;font-weight: 100;letter-spacing: 4px;display: flex;flex-direction: column;align-items: center;}

.line>div:before, .line>div:after {position:absolute;content:"";display:block;background-color: #fff;height: 0;;width: 1px;}

.line>div:before {left: 0;bottom: 0;}

.line>div:after {right: 0;top: 0;}

.case-ul>li>a:hover .line>div:before {height: 100%;transition-delay: 1.35s;;transition-duration: .25s}

.case-ul>li>a:hover .line>div:after {height: 100%;transition-delay: .85s;;transition-duration: .25s}

.case-ul>li>a:hover .line:before {width: 100%;transition-delay: .6s;;transition-duration: .25s}

.case-ul>li>a:hover .line:after {width: 100%;transition-delay: 1.1s;;transition-duration: .25s}

.case-ul>li>a:hover>div>div {height: 100%;}

.line>div>div {display: none;flex-direction: column;align-items: center;font-size: 12px;color: #fff;transform: translateY(60px);z-index: 111;}



.case-ul>li>a:hover .line>div>div {display: flex;transition-duration: .6s;}

.case-ul>li>a:hover .line>div>div {opacity: 1;transition-duration: .6s;}

/* ~~~~~~项目案例~~~~~~ */







/* ~~~~~~在招职聘~~~~~~ */

.recruit-all {width: 1150px;margin: 0 auto;}

.recruit-all>li {width: 100%;margin-bottom: 30px;}

.recruit-k {width: 100%;}

.recruit-k .clik>h1 {font-size: 20px;font-weight:400;}

.recruit-k .clik {width: 100%;height: 80px;background-color: #f8f8f8;display: flex;padding: 0 30px;box-sizing: border-box;justify-content: space-between;align-items: center;cursor: pointer;transition-duration: .3s;}

.recruit-k .clik:hover {background-color: #eee;}

.recruit-k .cout>div {display: flex;justify-content: space-between;}

.recruit-k .cout>div>div:first-child {width: 700px;}

.recruit-k .cout>div>div:last-child {width: 300px;padding: 20px;box-sizing: border-box;border: 1px dashed #5b97f2;}

.recruit-k .cout h3 {font-size: 16px;margin-bottom: 10px;}

.recruit-k .cout p {line-height: 2em;}

.recruit-k .cout{width: 100%;display: none;width: 100%;padding: 30px;box-sizing: border-box;background-color: #f8f8f8;border-top: 1px solid #ccc;}

.recruit-k .clik>div {display: flex;}

.recruit-k .clik>div>div {width: 16px;height: 2px;background-color: #666;}

.recruit-k .clik .ico-left {transform: rotate(45deg) translateX(4px);transition-duration: .5s}

.recruit-k .clik .ico-right {transform: rotate(-45deg) translateX(-4px);transition-duration: .5s}



.recruit-k .clik .left-h {transform: rotate(-45deg) translateX(4px);transition-duration: .5s;}

.recruit-k .clik .right-h {transform: rotate(45deg) translateX(-4px);transition-duration: .5s}

/* ~~~~~~在招职聘~~~~~~ */





/* ~~~~~~联系我们~~~~~~ */

.contact-all {display: flex;flex-direction: column;align-items: center;width: 1200px;margin: 0 auto;}

.contact-all>div:nth-child(1) {display: flex}

.contact-all>div:nth-child(1)>div {margin: 0 20px;display: flex;align-items: center;background-color: #f8f8f8;border-radius: 30px;width: 400px;}

.contact-all>div:nth-child(1)>div span {font-size: 16px;margin-left: 20px;}

.contact-all>div:nth-child(2) {width: 100%;border-top: 1px solid #ccc;display: flex;flex-direction: column;align-items: center;margin: 40px 0;padding-top: 30px;}

.contact-all>div:nth-child(2) span {font-size: 16px;}

.contact-all .map {width: 100%;height: 500px;}

/* ~~~~~~联系我们~~~~~~ */



/* ~~~~~~世誉服务~~~~~ */

/*.service-all>div:first-child {clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);background-image: url(../image/service-banner.jpg);width: 100%;height: 400px;background-position: center;background-size: cover;}*/

/*.service-all>div:first-child>div {width: 100%;height: 100%;background-color: rgba(0,0,0,.5);padding-top: 50px;box-sizing: border-box;}*/

.service-all .two-title {margin: 0;margin-bottom: 40px;}

.service-all .two-title>span {color: #fff;}

.service-five-btn li {display: flex;flex-direction: column;align-items: center;cursor: pointer;margin:0 40px}

.service-five-btn li>div {width: 160px;height: 160px;display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;transition-duration: .5s}

.service-five-btn li>div>div:nth-child(1) {display: flex;align-items: center;justify-content: center;border-radius: 50%;transition-duration: .3s;width: 118px;height:118px;opacity: 1;}

.service-five-btn li span {color: #333;font-weight: 400;font-size: 16px;transform: translateY(-20px);}

.service-five-btn li>div>div:nth-child(2){width: 118px;height:118px;border-radius: 50%;display: flex;align-items: center;justify-content: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.service-five-btn li:nth-child(1)>div>div:nth-child(2) {background-color: #778ade;box-shadow: 0 0 20px rgba(119,138,222,1)}
.service-five-btn li:nth-child(2)>div>div:nth-child(2) {background-color: #c090e2;box-shadow: 0 0 20px rgba(192,144,226,1)}
.service-five-btn li:nth-child(3)>div>div:nth-child(2) {background-color: #5bbbde;box-shadow: 0 0 20px rgba(91,187,222,1)}
.service-five-btn li:nth-child(4)>div>div:nth-child(2) {background-color: #5ed3c3;box-shadow: 0 0 20px rgba(94,211,195,1)}
.service-five-btn li:nth-child(5)>div>div:nth-child(2) {background-color: #d16265;box-shadow: 0 0 20px rgba(209,98,101,1)}


.service-five-btn {display: flex;margin: 0 auto;width: 1100px;justify-content: center;padding:20px;width:100%;background-color:#f3f3f3;box-sizing: border-box;}



.doing-ico {width: 100px;height: 100px;overflow: hidden;position: relative;}

.doing-ico>div {display: flex;align-items: center;position: absolute;top: 0;left: 0;transition-duration: .5s;}

.doing-ico>div>div {width: 100px;height: 100px;background-position: center;background-repeat: no-repeat;overflow: hidden}

.service-five-btn>li:nth-child(1) .doing-ico>div>div {background-image: url(../image/doing-ico1-x.png)}

.service-five-btn>li:nth-child(2) .doing-ico>div>div {background-image: url(../image/doing-ico2-x.png);}

.service-five-btn>li:nth-child(3) .doing-ico>div>div {background-image: url(../image/doing-ico3-x.png);}

.service-five-btn>li:nth-child(4) .doing-ico>div>div {background-image: url(../image/doing-ico4-x.png);}

.service-five-btn>li:nth-child(5) .doing-ico>div>div {background-image: url(../image/doing-ico5-x.png);}



.service-five-btn>li>arrow {width: 20px;height: 20px;transform: rotate(180deg) translateY(30px);background-position-y: 20px;background-size:contain}

.service-five-btn>li:nth-child(1)>arrow {background-image: url(../image/service-jiantou1.png)}
.service-five-btn>li:nth-child(2)>arrow {background-image: url(../image/service-jiantou2.png)}
.service-five-btn>li:nth-child(3)>arrow {background-image: url(../image/service-jiantou3.png)}
.service-five-btn>li:nth-child(4)>arrow {background-image: url(../image/service-jiantou4.png)}
.service-five-btn>li:nth-child(5)>arrow {background-image: url(../image/service-jiantou5.png)}

.service-five-btn>li:hover>div {transform: translateY(-20px);}

.service-five-btn>li:hover .doing-ico>div {transform: translateX(-100px);}

.service-five-btn>li:hover arrow {animation: arrowg .8s linear .2s infinite normal;}

.service-five-btn>li:nth-child(1):hover>div>div:nth-child(1) {animation: fangda1 2s cubic-bezier(0.01, 0.81, 0.23, 0.99) .8s infinite normal;}
.service-five-btn>li:nth-child(2):hover>div>div:nth-child(1) {animation: fangda2 2s cubic-bezier(0.01, 0.81, 0.23, 0.99) .8s infinite normal;}
.service-five-btn>li:nth-child(3):hover>div>div:nth-child(1) {animation: fangda3 2s cubic-bezier(0.01, 0.81, 0.23, 0.99) .8s infinite normal;}
.service-five-btn>li:nth-child(4):hover>div>div:nth-child(1) {animation: fangda4 2s cubic-bezier(0.01, 0.81, 0.23, 0.99) .8s infinite normal;}
.service-five-btn>li:nth-child(5):hover>div>div:nth-child(1) {animation: fangda5 2s cubic-bezier(0.01, 0.81, 0.23, 0.99) .8s infinite normal;}



@keyframes arrowg {

	0% {background-position-y: 20px;opacity: 0;}

	50% {background-position-y: 0px;opacity: 1}

	100% {background-position-y: -20px;opacity: 0}

}

@keyframes fangda1 {
	0% {width: 118px;height: 118px;background-color: rgba(119,138,222,1);}
	70% {width: 150px;height: 150px;background-color: rgba(119,138,222,0);}
	100% {width: 150px;height: 150px;background-color: rgba(119,138,222,0);}
}
@keyframes fangda2 {
	0% {width: 118px;height: 118px;background-color: rgba(192,144,226,1);}
	70% {width: 150px;height: 150px;background-color: rgba(192,144,226,0);}
	100% {width: 150px;height: 150px;background-color: rgba(192,144,226,0);}
}
@keyframes fangda3 {
	0% {width: 118px;height: 118px;background-color: rgba(91,187,222,1);}
	70% {width: 150px;height: 150px;background-color: rgba(91,187,222,0);}
	100% {width: 150px;height: 150px;background-color: rgba(91,187,222,0);}
}
@keyframes fangda4 {
	0% {width: 118px;height: 118px;background-color: rgba(94,211,195,1);}
	70% {width: 150px;height: 150px;background-color: rgba(94,211,195,0);}
	100% {width: 150px;height: 150px;background-color: rgba(94,211,195,0);}
}
@keyframes fangda5 {
	0% {width: 118px;height: 118px;background-color: rgba(209,98,101,1);}
	70% {width: 150px;height: 150px;background-color: rgba(209,98,101,0);}
	100% {width: 150px;height: 150px;background-color: rgba(209,98,101,0);}
}



.service-all>div {width: 100%;display: flex;flex-direction: column;align-items: center;}

.service-kuai {width: 1100px;display: flex;align-items: center;justify-content: space-between;margin: 40px 0;}

.service-kuai>div {width: 620px}

.service-all p {font-size: 14px;line-height: 2em;color: #6b6b6b;text-indent: 2em;margin-top: 20px;}

.service-title {display: flex;align-items: center;}

.service-title>img {width: 40px;margin-right: 20px;}

.service-cout>div:nth-child(1) h1 {font-size: 20px;background-image:-webkit-linear-gradient(right,#3356f0,#3356f0,#c779fd); 

    -webkit-background-clip:text; 

	-webkit-text-fill-color:transparent;}

	

.service-cout>div:nth-child(2) {width: 100%;height: 460px;background:linear-gradient(to right,#c779fd,#3356f0);transform: skewY(4deg);display: flex;flex-direction: column;align-items: center;justify-content: center;}

.service-cout>div:nth-child(2)>div {transform: skewY(-4deg);}

.service-cout>div:nth-child(2)>div p {color: #fff;}

.service-cout>div:nth-child(2)>div span {color: #fff;}

.service-cout>div:nth-child(2)>div h1 {color: #fff;font-size: 20px;}



.service-cout>div:nth-child(3) h1 {font-size: 20px;background-image:-webkit-linear-gradient(right,#05a9e4,#05a9e4,#01dabc); 

    -webkit-background-clip:text; 

	-webkit-text-fill-color:transparent;}



.service-cout>div:nth-child(4) {width: 100%;height: 460px;background:linear-gradient(to right,#0cabe8,#02debe);transform: skewY(-4deg);display: flex;flex-direction: column;align-items: center;justify-content: center;}

.service-cout>div:nth-child(4)>div {transform: skewY(4deg)}

.service-cout>div:nth-child(4)>div p {color: #fff;}

.service-cout>div:nth-child(4)>div span {color: #fff;}

.service-cout>div:nth-child(4)>div h1 {color: #fff;font-size: 20px;}



.service-cout>div:nth-child(5) h1 {font-size: 20px;background-image:-webkit-linear-gradient(right,#ff9955,#ff9955,#ee2125); 

    -webkit-background-clip:text; 

	-webkit-text-fill-color:transparent;}

/* ~~~~~~世誉服务~~~~~ */



/* ~~~~~~关于世誉~~~~~ */

.about-all .jianjie {width: 1200px;background-color: #f8f8f8;padding: 40px 0;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;margin: 0 auto;}

.about-all .jianjie>div:first-child {display: flex;align-items: center;align-self: flex-start;margin-bottom: 20px;}

.about-all .jianjie>div:first-child>h1 {font-size: 22px;font-weight: 400;margin-left: 20px;}

.about-all .jianjie>div:last-child {width: 1100px;margin: 0 auto;}

.about-all .jianjie>div:first-child>div {width: 14px;height: 22px;background-color: #5b97f2;}

.about-all .jianjie>div:last-child p {line-height: 2em; font-size:16px;text-indent: 2em;margin-bottom: 10px;}





.about-all .nengli {width: 100%;height: 158px;background-image: url(../image/about-nengli-bg.jpg);display: flex;align-items: center;}

.about-all .nengli ul {width: 1100px;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;}

.about-all .nengli ul li {width: 198px;height: 110px;background-color: rgba(0,0,0,.4);display: flex;flex-direction: column;align-items: center;justify-content: center;}

.about-all .nengli ul li>div {width: 50px;height: 50px;background-position: center;}

.about-all .nengli ul li span {color: #fff;}



.liucheng-top ul li>div:first-child {width: 30px;height: 30px;background-color: #6291ef;border-radius: 50%;color: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;transition-duration: .3s;}

.liucheng-top ul li {display: flex;flex-direction: column;align-items: center;width: 100px;cursor: pointer;}

.liucheng-top ul li>div:last-child {width: 50px;height: 50px;background-position: center;transition-duration:.3s}

.liucheng-top {width: 1040px;margin: 0 auto;background-image: url(../image/liucheng-bg.png);height: 340px;background-size: 93.8%;background-position: top;}

.liucheng-top ul {display: flex;justify-content: space-between;}



.liucheng-top ul li:nth-child(1), .liucheng-top ul li:nth-child(8) {transform: translateY(194px)}

.liucheng-top ul li:nth-child(8)>div:first-child {background-color: #976adc;}

.liucheng-top ul li:nth-child(2) {transform: translate(6px,158px);}

.liucheng-top ul li:nth-child(2)>div:first-child {background-color: #6391ef;}

.liucheng-top ul li:nth-child(7) {transform: translate(-6px,158px);}

.liucheng-top ul li:nth-child(7)>div:first-child {background-color: #916fdf;}

.liucheng-top ul li:nth-child(5)>div:first-child {background-color: #7f7ce5;} 

.liucheng-top ul li:nth-child(4)>div:first-child {background-color: #7584e9;}

.liucheng-top ul li:nth-child(3) {transform: translate(4px,70px);}

.liucheng-top ul li:nth-child(3)>div:first-child {background-color: #6a8cec;}

.liucheng-top ul li:nth-child(6) {transform: translate(-4px,70px);}

.liucheng-top ul li:nth-child(6)>div:first-child {background-color: #8975e1;}



.liucheng-top ul li:hover div {transform:translateY(-6px)}

.liucheng-top ul li:hover span {transform:translateY(-6px)}

.liucheng-top ul li span {margin-top: 26px;transition-duration:.3s}

.liucheng-text {width: 414px;height: 126px;background-color: #f3f3f3;padding: 30px;box-sizing: border-box;margin-top: -100px;}

.liucheng-all {width: 100%;display: flex;flex-direction: column;align-items: center;margin: 50px 0;}



.liucheng-text p {display: none;}

.liucheng-tex>p:first-child {display: block;}

.liucheng-all>div:last-child {width: 194px;height: 36px;border-radius: 18px;background: linear-gradient(to right, #5c96f1, #976bdc);text-align: center;line-height: 36px;transform: translateY(-18px);color: #fff;font-size: 18px;}



/* .liucheng-top ul li:hover>div:first-child {animation: fanzhuan1 2s linear .2s infinite normal;}



@keyframes fanzhuan1 {

	0% {transform: rotateY(0deg);}

	100% {transform: rotateY(360deg);}

} */



.fengcai {background-color: #f3f3f3;position: relative;display: flex;flex-direction: column;align-items: center;}

.fengcai .swiper-slide {transition: 300ms;

	transform: scale(0.8);}



.fengcai .swiper-slide>div{width: 420px;height: 324px;background-color: #fff;box-shadow: 2px 2px 10px rgba(0,0,0,.08);border-radius: 20px;}

.fengcai .button-all {position: absolute;outline: none;background-image: none!important;

    width: 44px!important;

    height: 44px;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: #7385e9;

    border-radius: 50%;

    margin-top: 32px!important;}

.fengcai .swiper-slide-active{

	transform: scale(1)!important;

  }

#swiper3 {width: 1200px;padding: 20px 0}



.fengcai {padding: 30px 0;position: relative;}

.fengcai h1 {font-size: 24px;font-weight: 200;}

.fengcai .swiper-slide>div {padding: 20px;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;}

.fengcai .swiper-slide>div>div {width: 100%;height: 90%;background-size: cover;background-position: center;border-radius: 10px;}

.fengcai .swiper-slide>div>span {font-size: 16px;margin-top: 10px;}

.fengcai .swiper-pagination {bottom: 10px;}

.fengcai .swiper-pagination-bullet {margin: 0 10px;}

.fengcai .swiper-pagination-bullet-active {width: 24px;border-radius: 4px;transition-duration: 1s;}

.fengcai .prev3 {left: 50%;transform: translateX(-500px);top: 370px;}

.fengcai .next3 {right: 50%;transform: translateX(500px);top: 370px;}

.about-bottom {display: flex;align-items: center;width: 900px;justify-content: space-between;margin: 40px auto;}

.about-bottom span {font-size: 34px;font-weight: 200;margin-bottom: 50px;display: block;}

.about-bottom p {font-weight: 200;font-size: 16px;}

.about-honoy {display:flex;flex-direction:column;align-items:flex-start;width:1100px;margin: 80px auto}
.about-honoy .titil {font-size:24px;color:#5c96f1;font-weight:bold}
.about-honoy p {font-size:16px;line-height:2em;text-indent:2em;margin:40px 0}

/* ~~~~~~关于世誉	~~~~~ */