@charset "UTF-8";


/* 上导航 */
.two-topnav {width: 100%;height: 1rem;}
.two-topnav>div:first-child {width: 5rem;
    height: .68rem;
    background-image: url(../img/anmiab-logo.png);background-size: contain}
.two-topnav{padding: 0 .2rem;display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;}   
/* 上导航 */

.two-cout {display: flex;flex-direction: column;align-items: center;}
.two-banner{width: 100%;background-position: center;background-size: cover;height: 2.1rem;}
.banner-news {background-image: url(../img/banner-news.jpg)}
.two-title {letter-spacing: .2rem;font-size: .5rem;font-weight: 350;transform: scaleX(.1rem);margin: .8rem 0;}
.two-topnav .cd-nav-trigger .cd-icon,.two-topnav .cd-nav-trigger .cd-icon::after ,.two-topnav .cd-nav-trigger .cd-icon::before {background-color: #333;}
.two-topnav .cd-primary-nav a {color: #fff;font-size: .36rem;padding: .2rem 0;display: flex;align-items: center;justify-content: center;}
.two-topnav  .cd-primary-nav a img {margin-left: .3rem;}
.two-topnav .cd-nav-trigger {position: absolute;}
.overhid {overflow: hidden}


/* 新闻中心 */
.news{display: flex;flex-direction: column;align-items: center;}
.news>div {display: flex;align-items: center;font-size: .5rem;font-weight: 400;margin: 1rem 0;}
.news>div>a{position: relative;width: 30px;height: 30px;margin-left: 20px;}
.news>div>a>img{position: absolute}


.news ul {display: flex;width:100%;padding-bottom: .6rem;flex-direction: column;align-items: center;}
.news ul li {margin-bottom: 1rem;}
.news ul li a {width: 6.6rem;background-color: #fff;border-radius: .2rem;box-shadow: .05rem .05rem .48rem rgba(78,138,236,.2);padding: .3rem;box-sizing: border-box;display: flex;flex-direction: column}
.news ul li a>h2{font-size: .32rem;font-weight: 400;margin-bottom: .3rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.news ul li a>div:first-child {width: 112px;height: 26px;border-radius: 13px;background: linear-gradient(to right,#6b4dba,#5b97f2);text-align: center;line-height: 26px;color: #fff;margin-top: -.6rem;margin-bottom: .4rem;}
.news ul li a p {text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;color: #999;}
.news ul li a>div:last-child {margin-top: 10px;color: #999;display: flex;justify-content: space-between;}
.news ul li a>div:last-child>span {display: flex;align-items: center;}
.news ul li a>div:last-child>span>img {width: .4rem;margin-right: .2rem;}
/* 新闻中心 */

/* 文章详情 */
.page-cout>h1 {font-size: .36rem;width: 6.4rem;margin-top: .4rem;margin-bottom: .2rem;}
.page-nubmer, .page-nubmer>span{display: flex;align-items: center;}
.page-nubmer {margin-bottom: .2rem;}
.page-nubmer>span>img {margin-right: .1rem;}
.page-nubmer>span {margin-right: .3rem;}
.page-nubmer>span:nth-child(1) img {width: .3rem}
.page-nubmer>span:nth-child(2) img {width: .4rem;}
.page-cout {display: flex;flex-direction: column;align-items: center;}
.page-p p {padding: .3rem 0;border-top: 1px dashed #666;border-bottom: 1px dashed #999;width: 6.4rem;font-size: .3rem;line-height: 2em;}
.page-bottom {margin-top: .3rem;}
.page-bottom a {background-color: #f3f3f3;height: 1.5rem;width: 6.4rem;display: flex;align-items: center;padding: 0 .2rem;box-sizing: border-box;margin-bottom: .3rem;}
.page-bottom a div {width: 1.2rem;height: 1.2rem;background-color: #e4e4e4;line-height: 1.2rem;text-align: center;font-size: .3rem;margin-right: .2rem;}
.page-bottom a span {text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-size: .26rem;}
/* 文章详情 */


/* 项目案例 */
.case {margin-top: .6rem;}
.case ul li>a {width: 6rem;}
.case ul li>a>div {width: 6rem;height: 3rem;border-radius: .1rem;margin-bottom: .4rem;}
.case ul li>a>h3 {font-size: .36rem;}
.case ul li>a>p {font-size: .24rem;margin-top: 1em;}
.two-cout>span:nth-child(2) {margin-top: -.6rem;margin-bottom: .1rem;}
.case li {margin-bottom: .6rem;}
/* 项目案例 */


/* 联系我们 */
.contact>img {width: .7rem;margin: .3rem;}
.contact {width: 86%;display: flex;flex-direction: column;align-items: center;}
.contact>div {display: flex;align-items: center;}
.contact>div>img {width: .6rem;margin-right: .2rem;}
.contact>div:nth-child(1),.contact>div:nth-child(2) {width: 6rem;height: .8rem;border-radius: .4rem;background-color: #f3f3f3;margin-bottom: .3rem;padding-left: .1rem;box-sizing: border-box;font-size: .3rem;}
.contact .xian {width: 100%;height: 1px;background-color: #ccc;border-radius: 50%;}
.contact>p {font-size: .3rem;margin: .3rem 0;width: 90%;}
.contact-map {width: 100%;height: 4rem;background-position: center;background-size: cover;}
/* 联系我们 */



/* 在招职聘 */
.recruit-all {width: 90%;margin: 0 auto;}
.recruit-all>li {width: 100%;margin-bottom: .4rem;}
.recruit-k {width: 100%;}
.recruit-k .clik>h1 {font-size: .34rem;font-weight:400;}
.recruit-k .clik {width: 100%;height: 1.4rem;background-color: #f8f8f8;display: flex;padding: 0 .5rem;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;flex-direction: column;}
.recruit-k .cout>div>div:first-child {width: 100%}
.recruit-k .cout h3 {font-size: .34rem;margin: .2rem 0;}
.recruit-k .cout p {line-height: 2em;font-size: .26rem;}
.recruit-k .cout{width: 100%;display: none;width: 100%;padding: .5rem;box-sizing: border-box;background-color: #f8f8f8;border-top: 1px solid #ccc;}
.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>div {display: flex;transform: translateX(.3rem);}
.recruit-k .clik>div>div {width: .3rem;height: 2px;background-color: #666;}
.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}
/* 在招职聘 */


/* 关于世誉 */
.jianjie {background-color: rgba(243,243,243,.8);padding: .6rem 0;}
.jianjie div {border-left: .2rem solid #5b97f2;font-size: .34rem;margin-bottom: .5rem;padding-left: .3rem;}
.jianjie>p {width: 86%;margin: 0 auto;text-indent: 2em;font-size: .28rem;line-height: 1.6em;margin-top: .2rem;}

.nengli {background-image: url(../img/about-nlbg.jpg);background-size: cover;width: 100%;height: 2.6rem;}
.nengli>div {width: 100%;height: 100%;background-color: rgba(0,0,0,.5);display: flex;flex-direction: column;align-items: center;justify-content: center;}
.nengli ul {display: flex;width: 7rem;}
.nengli li {display: flex;flex-direction: column;align-items: center;width: 25%;}
.nengli li>div {padding: .2rem;background-color: rgba(0,0,0,.3);}
.nengli li>div>div {width: 1rem;height: 1rem;background-position: center;}
.nengli li>div>span {color: #fff;font-size: .26rem;}

.liucheng-all{display: flex;flex-direction: column;align-items: center;position: relative;margin-top: .4rem;}
.liucheng-top {position: relative;height: 6.6rem;width: 6.6rem;}
.liucheng-top>li {width: 2rem;height: 2rem;background-color: #f3f3f3;position: absolute;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: .1rem;}
.liucheng-top>li>div {background-position: center;width: 1rem;height: 1rem;}

.dian img {position: absolute;}
.dian img:nth-child(1) {top: .9rem;left: 2.5rem;}
.dian img:nth-child(2) {top: .9rem;right: 2.5rem;}
.dian img:nth-child(3) {top: 2.1rem;right: 1.3rem;transform: rotate(90deg);}
.dian img:nth-child(4) {top: 4.4rem;right: 1.3rem;transform: rotate(90deg);}
.dian img:nth-child(5) {top:5.6rem;right: 2.5rem;transform: rotate(180deg);}
.dian img:nth-child(6) {top:5.6rem;left: 2.5rem;transform: rotate(180deg)} 
.dian img:nth-child(7) {top: 4.4rem;left: 1.3rem;transform: rotate(-90deg);}
.dian>div {width: 2.4rem;height: .6rem;border-radius: .4rem;background: linear-gradient(to right, #8042dc, #319cff);position: absolute;top: 3rem;transform: translateX(-50%);color: #fff;text-align: center;line-height: .6rem;font-size: .3rem;}

.liucheng-top>li:nth-child(1)>div {background-image: url(../img/about-lc0.png);}
.liucheng-top>li:nth-child(2)>div {background-image: url(../img/about-lc1.png);}
.liucheng-top>li:nth-child(3)>div {background-image: url(../img/about-lc2.png);}
.liucheng-top>li:nth-child(4)>div {background-image: url(../img/about-lc3.png);}
.liucheng-top>li:nth-child(5)>div {background-image: url(../img/about-lc4.png);}
.liucheng-top>li:nth-child(6)>div {background-image: url(../img/about-lc5.png);}
.liucheng-top>li:nth-child(7)>div {background-image: url(../img/about-lc6.png);}
.liucheng-top>li:nth-child(8)>div {background-image: url(../img/about-lc7.png);}

.liucheng-top .on {background: linear-gradient(to right, #8042dc, #319cff);}
.liucheng-top .on>span {color: #fff;}

.liucheng-top>li:nth-child(1) {top: 0;left: 0;}
.liucheng-top>li:nth-child(2) {top: 0;left: 50%;transform: translateX(-50%);}
.liucheng-top>li:nth-child(3) {top: 0;right: 0;}
.liucheng-top>li:nth-child(4) {top: 50%;transform: translateY(-50%);right: 0}
.liucheng-top>li:nth-child(5) {bottom: 0;;right: 0}
.liucheng-top>li:nth-child(6) {bottom: 0;left: 50%;transform: translateX(-50%);}
.liucheng-top>li:nth-child(7) {left: 0;bottom: 0;}
.liucheng-top>li:nth-child(8) {left: 0;top: 50%;transform: translateY(-50%);}

.liucheng-text>div {width: 6.6rem;margin: 1rem 0;display: none;}
.liucheng-text>div span {font-size: .4rem;color: #5573ef;font-weight: bold;}
.liucheng-text>div p {font-size: .28rem;margin-top: .2rem;}


.fengcai {background-color: #f3f3f3;position: relative;display: flex;flex-direction: column;align-items: center;width: 7.5rem;overflow: hidden;}
.fengcai .swiper-slide {transition: 300ms;
	transform: scale(0.8);display: flex;flex-direction: column;align-items: center;}

.fengcai .swiper-slide>div{width:5rem;height: 3rem;background-color: #fff;box-shadow: 2px 2px 10px rgba(0,0,0,.08);border-radius: .2rem;padding: .2rem;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;}
.fengcai .button-all {position: absolute;outline: none;}
.fengcai .swiper-slide-active,.swiper-slide-duplicate-active{
	transform: scale(1)!important;
  }
#swiper3 {width: 15rem;padding: .4rem 0;transform: translateX(-50%);left: 50%;}

.fengcai {padding: 30px 0;position: relative;}
.fengcai h1 {font-size: 24px;font-weight:400;}
.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;transition-duration: 1s;}
.fengcai .swiper-pagination-bullet-active {width: 24px;border-radius: 4px;}


.fengcai .prev3 {left: 50%;transform: translateX(-500px);top: 400px;}
.fengcai .next3 {right: 50%;transform: translateX(500px);top: 400px;}


.zhuiqiu {width: 100%;height: 4rem;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.zhuiqiu>span {font-size: .4rem;}
.zhuiqiu>p {font-size: .3rem;font-weight: 300;display: flex;flex-direction: column;align-items: center;letter-spacing: .1rem;}
.zhuiqiu>div {width: 1rem;height: 2px;background-color: #319cff;margin: .2rem 0;}
/* 关于世誉 */ 



/* 世誉服务 */
.service-all>div:first-child {clip-path: polygon(0 0, 100% 0, 100% 86%, 50% 100%, 0 86%);background-image: url(../img/service-banner.jpg);width: 100%;height: 5rem;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: .8rem;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;}
.service-all .two-title {margin: 0;margin-bottom: 1rem;}
.service-all .two-title>span {color: #fff;font-size: .5rem;font-weight: bold;text-shadow: .1rem .1rem .3rem rgba(0,0,0,.5);}
.service-all ul img {width: .8rem;margin-top: -.5rem;}
.service-all ul {display: flex;align-items: center;width: 7rem;justify-content: space-between;}



.service-all ul>li>div {width: .3rem;height: .06rem;border-radius: .03rem;}
.service-all ul>li span {margin: .1rem 0;}
.service-all ul>li:nth-child(1)>div {background: linear-gradient(to right,#5aaee5,#5ae6da);}
.service-all ul>li:nth-child(2)>div {background: linear-gradient(to right,#26b6b1,#1bcb90);}
.service-all ul>li:nth-child(3)>div {background: linear-gradient(to right,#9087f9,#83c0fe);}
.service-all ul>li:nth-child(4)>div {background: linear-gradient(to right,#ff8283,#ffb67d);}
.service-all ul>li:nth-child(5)>div {background: linear-gradient(to right,#fa6165,#ff8ead);}



.service-all ul>li {background-color: #fff;border-radius: .1rem;width: 1.3rem;display: flex;flex-direction: column;align-items: center;}

.service-all>div {width: 100%;display: flex;flex-direction: column;align-items: center;}
.service-kuai {width: 90%;display: flex;align-items: center;justify-content: space-between;margin: 40px 0;}
.service-kuai>div {width: 3.6rem}
.service-all p {font-size: .24rem;line-height: 1.6em;color: #6b6b6b;text-indent: 2em;margin-top: .3rem;width: 100%;}
.service-title {display: flex;align-items: center;}

.service-cout>div:nth-child(1) h1 {font-size: .28rem;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: 5rem;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: .28rem;}

.service-title>img {width: .5rem;margin-right: .1rem}

.service-cout>div:nth-child(1)>img {width: 3rem;}
.service-cout>div:nth-child(2)>div>img {width: 3rem;} 
.service-cout>div:nth-child(3)>img {width: 3rem;} 
.service-cout>div:nth-child(4)>div>img {width: 3rem;} 
.service-cout>div:nth-child(5)>img {width: 3rem;} 

.service-cout>div:nth-child(3) h1 {font-size: .28rem;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: 5rem;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: .28rem;}

.service-cout>div:nth-child(5) h1 {font-size: .28rem;background-image:-webkit-linear-gradient(right,#ff9955,#ff9955,#ee2125); 
    -webkit-background-clip:text; 
	-webkit-text-fill-color:transparent;}
/* 世誉服务 */