body{background-color:#fefefe; font-family:"Microsoft YaHei";}
a{
	-moz-transition: background-color 0.3s ease-in-out;
	-webkit-transition: background-color 0.3s ease-in-out;
	-ms-transition: background-color 0.3s ease-in-out;
	transition: background-color 0.3s ease-in-out;
}
button{outline:none !important;}

.warp{max-width:1200px; margin:0 auto}
.flex{display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between;}
.txt-fit{word-wrap: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.ap-img{background-color:#fff; background-size:cover; background-position:center center; background-repeat:no-repeat}
.ap-img-all{background-size:contain}

@-ms-viewport {width: device-width;}


.am-topbar{border:none; background:none; position:absolute; z-index:999; padding:2.3rem 5.4rem 0 5.4rem; width:100%}
.am-topbar-brand img{height:54px;}
.am-topbar .lng{color: white; font-size: 12px; position: absolute; right: 6.6rem; top: 10px;}
.am-topbar .lng a{color: white;}
.am-topbar .lng a:hover{color: #f60;}
.am-topbar .am-nav{margin:15px 0 0 0}
.am-topbar .am-nav>li{margin-left:10px}
.am-topbar .am-nav>li>a{color:#fff; line-height:normal; padding:0.4rem 1rem}
.am-topbar .am-nav>li.on>a{background-color:#f60; border-radius:5}
.am-topbar .am-nav>li>a:after{border:none}
.am-topbar .am-nav>li>a:hover:after{border:none}
.am-topbar .am-nav a:hover{background:#f60}
.am-topbar .am-nav>li ul{background-color: #f60; padding: 10px 0; margin: 10px 0 0 0; border-radius: 5px; position: relative;}
.am-topbar .am-nav>li ul:before{content: ''; display: block; width: 10px; height: 10px; background-color: #f60; transform:rotate(45deg); position: absolute; top: -5px; left: calc(50% - 5px);}
.am-topbar .am-nav>li ul li{list-style: none; text-align: center;}
.am-topbar .am-nav>li ul li a{color: #fff; display: block;}
.am-topbar .am-nav>li ul li a:hover{background-color: #CF5605;}
@media screen and (max-width: 1024px) {
	.am-topbar{padding:2.3rem 3rem 0 3rem;}
	.am-topbar-brand img{height:40px;}
	.am-topbar .lng{right: 4.2rem;}
}
@media screen and (max-width: 760px) {
	.am-topbar .am-nav{font-size:1.2rem}
}
@media screen and (min-width: 641px) {
	.am-topbar .am-nav>li ul{display: none;}
	.am-topbar .am-nav>li:hover ul{display: block;}
}
@media screen and (max-width: 640px) {
	.am-topbar .am-nav>li ul{background-color:rgba(255,255,255,1); box-shadow: 0 0 4px rgba(0, 0, 0, .5);}
  .am-topbar .am-nav>li ul:before{display: none;}
	.am-topbar .am-nav>li ul li a{line-height: 4rem; color: #f60;}
	.am-topbar .am-nav>li ul li a:hover{color: #fff;}
	.am-topbar .am-nav>li.on>a{color:#fff}

	.am-topbar{padding:1rem 2rem 0 2rem;}
	.am-topbar .am-nav{font-size:1.6rem}
	.am-topbar .am-nav>li{margin-left:0}
	.am-topbar .am-nav>li>a{background-color:rgba(255,255,255,1); line-height: 4rem; box-shadow: 0 0 4px rgba(0, 0, 0, .5); color: #f60;}
	.am-topbar .am-nav>li>a:hover{color: #fff;}
	.am-topbar .lng{right: 8rem; top: 2.4rem;}
}


.bn-slider{height:100%;}
.bn-slider .am-viewport{height:100%}
.bn-slider .am-slides{height:100%}
.bn-slider .am-slides>li{height:100%; background-size:cover; background-position:center center; text-align:center; position:relative; box-shadow:0 10rem 10rem rgba(0,0,0,.5) inset;}
.bn-slider .am-slides>li .con{-moz-transform:translateY(-40%); -webkit-transform:translateY(-40%); -ms-transform:translateY(-40%); transform:translateY(-40%); position:relative; top:40%; color:#fff}
.bn-slider .am-slides>li h1{font-size:7.2rem; margin:0; text-shadow:0 0 2rem rgba(0,0,0,.4);}
.bn-slider .am-slides>li h5{font-size:3.6rem; font-weight:normal; letter-spacing:1.5rem; margin:0; font-family:"Microsoft YaHei Light"}
.bn-slider .am-slides>li:nth-child(2) h1{font-size:6rem}
@media screen and (max-width: 1200px) {
	.bn-slider .am-slides>li h1{font-size:6rem}
	.bn-slider .am-slides>li:nth-child(2) h1{font-size:5rem}
	.bn-slider .am-slides>li h5{font-size:3rem; letter-spacing:1.3rem;}
}
@media screen and (max-width: 1024px) {
	.bn-slider .am-slides>li h1{font-size:5rem}
	.bn-slider .am-slides>li h5{font-size:2.2rem;}
}
@media screen and (max-width: 800px) {
	.bn-slider .am-slides>li .con{-moz-transform:translateY(-20%); -webkit-transform:translateY(-20%); -ms-transform:translateY(-20%); transform:translateY(-20%); top:20%;}
}
@media screen and (max-width: 640px) {
	.bn-slider .am-slides>li h1{font-size:3rem}
	.bn-slider .am-slides>li:nth-child(2) h1{font-size:3rem}
	.bn-slider .am-slides>li h5{font-size:1rem; letter-spacing:1rem;}
}


.box1{position:fixed; bottom:30px; z-index:99; width:100%; color:#fff}
.box1 .avg{overflow:hidden; padding:0; margin:0}
.box1 .avg>li{width:33.33%; list-style:none; float:left}
.box1 .avg>li:nth-child(1){background-color:rgba(247,126,83,.8)}
.box1 .avg>li:nth-child(2){background-color:rgba(247,114,83,.8)}
.box1 .avg>li:nth-child(3){background-color:rgba(247,98,83,.8)}
.box1 .con{width:80%; margin:0 auto; padding:20px 0; min-height:175px}
.box1 .avg>li:nth-child(2) .con{width: 100%;}
.box1 .con h3{overflow: hidden;}
.box1 .con h3 span:nth-child(1){float: left; margin-left: 5%; width: 40%;}
.box1 .con h3 span:nth-child(2){float: left; width: 55%;}
@media screen and (max-width: 1060px) {
	.box1 .avg>li{width:50%}
	.box1 .avg>li:first-child{width:100%}
}
@media screen and (max-width: 800px) {
	.box1 .avg>li{width:100%}
}
@media screen and (max-width: 640px) {
	.box1 .con{width:90%; padding:10px 0; min-height:0}
	.box1 .avg>li:nth-child(1) h3{margin-bottom:0}
}
.box1-1{position:fixed; bottom:0; z-index:99; width:100%; color: rgba(255,255,255,.8); text-align: center; font-size: 12px; line-height: 30px;}
.box1-1 a{color: rgba(255,255,255,.8);}
.box1-1 a:hover{color: #f60;}
@media screen and (max-width: 640px) {
	.box1 .con h3{font-size: 14px}
	.box1-1 span{display: none;}
}


.list1{font-size:1.4rem; margin:0; padding:0}
.list1 li{list-style:none}
.list1 a{color:#fff}
.list1 a:hover{border-bottom:dotted 1px #fff}
.list1 .t{padding:10px 0}
.list1 .d, .list1 .m a{color:rgba(255,255,255,.5)}
@media screen and (max-width: 640px) {
	.list1 .t{padding-top:0}
	.list1 .m a{display:none}
}

.list2{text-align:center; font-size:1.4rem}
.list2 p{margin:0; padding:10px 0 0 0}
.list2 a{color:#fff}
.list2 li:nth-child(3){border-left: solid 1px rgba(255,255,255,.5);}
@media screen and (max-width: 640px) {
	.list2 img{width:30%}
}

.list3 li{text-align:center;}
.list3 li a{display:inline-block; border:solid 1px #fff; color:#fff; width:80%; padding:5px; border-radius:50%}
.list3 li a span{font-size:1.4rem; line-height:normal}
@media screen and (max-width: 1350px) {
	.list3 li a span{font-size:1.2rem}
}
@media screen and (max-width: 800px) {
	.list3 li a span{font-size:1.4rem}
}
@media screen and (max-width: 420px) {
	.list3 li a span{font-size:1.2rem}
}

.banner{text-align: center; background-size: cover; padding-bottom: 18.75%; min-height: 120px;}

/*banner下的导航*/
.page-menu{background:white; box-shadow:0 3px 10px rgba(0, 0, 0, .08); z-index: 99; position: relative;}
.page-menu ul{max-width:1200px; margin:0 auto; justify-content:start; padding: 0;}
.page-menu li{list-style:none; overflow: hidden;}
.page-menu a{color: #414141; display:inline-block; padding: 0 30px; font-size: 18px; height: 70px; line-height: 70px; position: relative;}
.page-menu a:hover, .page-menu .on a{color: #f60; font-weight: 700;}
.page-menu a::after{display: block; content: ''; width: 14px; height: 14px; position: absolute; bottom: -20px; left: calc(50% - 7px); border: solid 7px #f60; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; transition: all .3s;}
.page-menu a:hover::after, .page-menu .on a::after{bottom: 0;}
@media screen and (max-width: 768px) {
  .page-menu ul{justify-content: space-evenly;}
	.page-menu a{font-size: 14px; height: 50px; line-height: 50px; padding: 0;}
}

/*小标题*/
.page-sub3{position: relative; margin: 60px 0; padding: 25px 0 0 0;}
.page-sub3 .zh{text-align: center;  position: relative; z-index: 2;}
.page-sub3 .zh span{display: inline-block; font-size: 36px; font-weight: bold; position: relative; padding-bottom: 14px;}
.page-sub3 .zh span::after{display: block; content: ''; width: 38px; height: 6px; border-radius: 3px; background: #f60; position: absolute; bottom: 0; left: calc(50% - 19px);}
.page-sub3 .en{position: absolute; width: 100%; text-align: center; line-height: 1; top: 0; left: 0;}
.page-sub3 .en span{display: inline-block; font-size: 84px; font-weight: bold; text-transform: uppercase; background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0)); background-clip: text; -webkit-background-clip: text; color: transparent; -webkit-text-fill-color: transparent;}
.page-sub3-w .zh span{color: #fff;}
.page-sub3-w .zh span::after{background: #fff}
.page-sub3-w .en span{background-image: linear-gradient(rgba(255,255,255,.2), rgba(255,255,255,0));}
.page-sub3-l .zh span::after{left:0}
.page-sub3-al .zh{text-align: left;}
.page-sub3-al .en{text-align: left;}
.page-sub3-na .zh span::after{display: none;}
@media screen and (max-width: 768px) {
  .page-sub3{margin: 40px 0; padding: 25px 0 0 0;}
  .page-sub3 .zh span{font-size: 28px}
  .page-sub3 .en span{font-size: 54px; letter-spacing:-5px}
}
@media screen and (max-width: 425px) {
  .page-sub3 .zh span{font-size: 25px}
  .page-sub3 .en span{font-size: 45px;}
}

/*
 关于
*/

/*公司简介*/
.about-row1{background: #f3f3f3 url(../img/2023/about3.jpg) no-repeat; background-size: 100% 989px; background-position: 0 bottom; overflow: hidden;}
.about-box1{background: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05); padding: 70px 40px; margin-bottom: 100px;}
.about-box1 .a-box1{width: 54%; background: url(/assets/img/2023/about1.jpg) no-repeat 0 bottom; background-size: 100% 156px; padding-bottom: 200px;}
.about-box1 .h1{font-size: 36px; color: #f60; font-weight: 700; margin-bottom: 30px;}
.about-box1 .txt1{line-height: 2; text-align: justify; text-indent: 2em;}
.about-box1 .a-box2{width: 42%; position: relative; background-color: #f60;}
.about-box1 .a-box2 video{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
@media screen and (max-width: 1024px) {
  .about-box1 .a-box1{width: 48%;}
  .about-box1 .a-box2{width: 48%;}
}
@media screen and (max-width: 768px) {
  .about-row1{background-position-x: center; background-size: auto;}
  .about-box1{padding-top: 50px;}
  .about-box1 .h1{font-size: 26px}
  .about-box1 .a-box1{width: 100%;}
  .about-box1 .a-box2{width: 100%; padding-bottom: 56.5%; margin-top: 30px; background-color: #fff;}
}
@media screen and (max-width: 425px) {
  .about-box1{padding: 30px 10px 40px 10px}
}

/*发展历程*/
/*和年绑定的框架*/
.swiper-history{overflow: hidden;}
.swiper-history .swiper-slide{color: white;}
.swiper-history .swiper-slide .box{height: 230px; padding-bottom: 70px; align-items: center; justify-content: center; flex-wrap: nowrap;}
.swiper-history .swiper-slide .y{font-size: 60px; font-weight: bold; position: relative; padding: 0 60px;}
.swiper-history .swiper-slide .y::after{display: block; content: ''; width: 34px; height: 6px; background-color: white; left: 0; top: calc(50% - 3px); position: absolute;}
.swiper-history .swiper-slide .t{font-size: 18px; max-width: 492px;}
/*年*/
.swiper-history-thumbs{overflow: hidden; color: white; padding-bottom: 70px; position: relative;}
.swiper-history-thumbs::after{display: block; content: ''; position: absolute; left: 0; top: 29px; background: white; height: 1px; width: 100%;}
.swiper-history-thumbs .swiper-slide{width: 237px; background: url(/assets/img/2023/history1.png) no-repeat 0 17px; text-align: center; font-size: 18px; padding: 50px 0 0 0; cursor: pointer; position: relative;}
.swiper-history-thumbs .swiper-slide-thumb-active{font-size: 24px; font-weight: 700;}
.swiper-history-thumbs .swiper-slide-thumb-active::after{display: inline-block; content: ''; background: url(/assets/img/2023/history2.png); width: 39px; height: 51px; position: absolute; top: 0; left: calc(50% - 19px);}
@media screen and (max-width: 768px) {
  .swiper-history .swiper-slide .y{font-size:30px; padding:0 30px}
  .swiper-history .swiper-slide .y::after{width:20px; height:3px}
}

/*企业文化*/
.about-row2 .c-box{background:url(/assets/img/2023/culture1.jpg) no-repeat center center; background-size:cover; overflow:hidden;}
.swiper-culture{overflow: hidden;}
.swiper-culture .swiper-slide{width:25%; color:#fff; border-left:solid 1px rgba(255, 255, 255, .2); position:relative; overflow:hidden;}
.swiper-culture .swiper-slide .box{align-items:center; align-content:center; justify-content:center; text-align:center; height:448px; position:relative; z-index:2}
.swiper-culture .swiper-slide .box div{width:100%}
.swiper-culture .swiper-slide .box .zh{font-size:24px; font-weight:700; padding-top:20px}
.swiper-culture .swiper-slide .box .en{font-size:14px; align-items:center; justify-content:center}
.swiper-culture .swiper-slide .box .en span{display:inline-block; padding:0 12px}
.swiper-culture .swiper-slide .box .en:after, .swiper-culture .swiper-slide .box .en:before{display:block; content:''; width:50px; height:1px; background:#fff; opacity:.6}
.swiper-culture .swiper-slide .box .ds{font-size:18px; padding-top:20px}
.swiper-culture .swiper-slide:after{display:block; content:''; width:100%; height:100%; position:absolute; left:0; bottom:-100%; background:#f60; opacity:.9; transition:all .3s;}
.swiper-culture .swiper-slide:hover:after{bottom:0}
@media screen and (max-width: 450px) {
  .swiper-culture .swiper-slide{border:none;}
}

/*公司荣誉*/
/*年*/
.swiper-honors-y{overflow:hidden; position:relative; padding:0 8%}
.swiper-honors-y:after{display:block; content:''; height:1px; width:100%; background:#eaeaea; position:absolute; left:0; bottom:18px}
.swiper-honors-y .swiper-slide{position:relative; text-align:center; padding-bottom:50px; z-index:2; cursor:pointer; transition:all .3s;}
.swiper-honors-y .swiper-slide span{display:inline-block; box-sizing:content-box; border:solid 10px transparent; width:66px; height:46px; line-height:66px; border-radius:50%; padding-top:20px; transition:all .3s;}
.swiper-honors-y .swiper-slide-thumb-active span{font-size:20px; background:#f60; border-color:#FCE7D7; color:#fff; height:66px; padding-top:0}
.swiper-honors-y .swiper-slide:after{display:block; content:''; width:1px; height:15px; background:#eaeaea; position:absolute; left:50%; bottom:28px}
.swiper-honors-y .swiper-slide:before{display:block; content:''; width:9px; height:9px; background:#eaeaea; border-radius:5px; position:absolute; bottom:14px; left:calc(50% - 4px);}
.swiper-honors-y .swiper-slide-thumb-active:after{background:#f60}
.swiper-honors-y .swiper-slide-thumb-active:before{background:#f60}
.swiper-honors-y .swiper-button-next, .swiper-honors-y .swiper-button-prev{width:36px; height:36px; background:#fff url(/assets/img/2023/arr1.png); display:block; top:auto; bottom:0; opacity:1;}
.swiper-honors-y .swiper-button-next:after, .swiper-honors-y .swiper-button-prev:after{display:none;}
.swiper-honors-y .swiper-button-prev{background-position:0 -36px; left:0}
.swiper-honors-y .swiper-button-next{background-position:-36px -36px; right:0}
.swiper-honors-y .swiper-button-prev:hover{background-position:0 -72px;}
.swiper-honors-y .swiper-button-next:hover{background-position:-36px -72px;}
/*和年绑定的框架*/
.swiper-honors{overflow:hidden; margin-top:70px}
/*框架里的每个滚动swiper*/
.swiper-honors-v{overflow:hidden;}
.swiper-honors-v .swiper-slide{background:#f3f3f3; padding:12px; width:25%; text-align:center; transition:background .3s; position:relative; cursor: pointer;}
.swiper-honors-v .swiper-slide a{color: #666;}
.swiper-honors-v .swiper-slide:hover{background:#f60}
.swiper-honors-v .swiper-slide:hover .zh{color:#fff}
.swiper-honors-v .swiper-slide:hover .img:after{opacity:1}
.swiper-honors-v .swiper-slide:hover .img img{opacity:.5}
.swiper-honors-v .swiper-slide .img{position:relative; padding-bottom:72%}
.swiper-honors-v .swiper-slide .img img{object-fit:contain; position:absolute; left:0; top:0; width:100%; height:100%; transition:opacity .3s}
.swiper-honors-v .swiper-slide .img:after{display:block; content:''; background:url(/assets/img/2023/h1.png); width:28px; height:28px; position:absolute; left:calc(50% - 14px); top:calc(50% - 14px); opacity:0; transition:opacity .3s}
.swiper-honors-v .swiper-slide .zh{padding:15px 0 5px 0}

/*创始团队*/
.about-row4{background:#f3f3f3; margin-top:80px; padding:70px 0}
.about-row4 .warp{position:relative;}
.about-row4 .page-sub3{position:absolute; left:0; top:0; z-index:9; margin-top:20px}
.swiper-team{overflow:hidden;}
.swiper-team .swiper-slide{background: #f3f3f3;}
.swiper-team .swiper-slide .txt{width:40%; min-width:480px; min-height:500px; padding-top:280px}
.swiper-team .swiper-slide .card{border-top:solid 1px rgba(0, 0, 0, .05); padding-top:20px}
.swiper-team .swiper-slide .card .s1{font-weight:700; font-size:20px}
.swiper-team .swiper-slide .card .s2{display:inline-block; padding-left:10px; opacity:.5; font-size:14px}
.swiper-team .swiper-slide .ds{opacity:.8; padding-top:10px; line-height:2}
.swiper-team .swiper-slide .img{width:50%; position:relative;}
.swiper-team .swiper-slide .img img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
@media screen and (max-width: 1024px) {
	.swiper-team .swiper-slide .img{width:calc(100% - 510px);}
}
@media screen and (max-width: 768px) {
	.about-row4{margin-top:0; padding:30px 0}
	.about-row4 .warp{max-width:500px; margin:0 auto;}
	.about-row4 .page-sub3-l{width:100%}
	.about-row4 .page-sub3-l .zh span::after{left: calc(50% - 19px)}
	.swiper-team .swiper-slide .txt{width:100%; min-width:initial;}
	.swiper-team .swiper-slide .img{width:100%; padding-bottom:100%}
}
@media screen and (max-width: 500px) {
	.about-row4 .warp{margin:0 10px;}
}
/*创始团队 头像缩略图*/
.swiper-team-thumbs{position:absolute; left:0; top:160px; overflow:hidden; width:40%; min-width:480px; z-index:2;}
.swiper-team-thumbs .swiper-slide .img{cursor:pointer; position: relative; padding-bottom: 100%;}
.swiper-team-thumbs .swiper-slide .img img{object-fit:cover; width:100%; height:100%; border-radius:50%; border:solid 5px transparent; position: absolute;}
.swiper-team-thumbs .swiper-slide .img img:hover, .swiper-team-thumbs .swiper-slide-thumb-active .img img{border-color:#f60}
@media screen and (max-width: 768px) {
	.swiper-team-thumbs{width:100%; min-width:initial;}
}

/*合作伙伴*/
.about-row5{background:#f3f3f3; overflow:hidden;}
.about-row5 .p-box{padding:100px 0 150px 0}
.pul-ls{justify-content:center; padding:20px 0}
.pul-ls li{position:relative; list-style:none; margin:0 49px;}
.pul-ls li:after{display:block; content:''; width:150px; height:150px; background:#fff; position:absolute; left:calc(50% - 75px); top:calc(50% - 75px); transform:rotate(45deg); box-shadow:0 0 5px 0 rgba(0, 0, 0, .03);}
.pul-ls li a{display:block; position:relative; width:130px; height:60px; overflow:hidden; z-index:2;}
.pul-ls li img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:scale-down;}
.pul-ls-2{padding:10px 0; display:none;}
.pul-ls-2 li{list-style:none; width:23%; margin:10px 0 0 0; box-shadow:0 0 5px 0 rgba(0, 0, 0, .03);}
.pul-ls-2 a{background:#fff; height:80px; justify-content:center; align-items:center;}
.pul-ls-2 a img{width:80%; height:70%; object-fit:scale-down;}
@media screen and (max-width: 1145px) {
	.pul-ls{padding:15px 0}
	.pul-ls li{margin:0 37px}
	.pul-ls li:after{width:100px; height:100px; left:calc(50% - 50px); top:calc(50% - 50px);}
	.pul-ls li a{width:80px; height:35px;}
}
@media screen and (max-width: 780px) {
	.pul-ls{display:none;}
	.pul-ls-2{display:flex;}
	.about-row5 .p-box{padding:10px 10px 40px 10px}
}
@media screen and (max-width: 425px) {
	.pul-ls-2 li{width:31%}
}

/*
 join
*/
.join-box1{text-align: center; padding: 50px 10px;}
.join-box1 .txt1{color: #999;}
.join-box2{background: #F8F4E9; padding: 50px 0;}

.list6{margin:0 -2rem;}
.list6 li{padding:0 3rem;}
.list6 li .con{background:#fff; overflow:hidden; padding:1.5rem; border-bottom:solid 1px #E8ECF2; border-right:solid 1px #E8ECF2}
.list6 li img{float:left}
.list6 li h3{padding:0 0 0 25%; font-size:2rem; font-weight:normal; margin:0}
.list6 li p{padding:1rem 0 0 25%; font-size:1.4rem; line-height:1.6rem; margin:0; color:#999}
@media screen and (max-width: 1024px) {
	.list6{margin:0}
	.list6 li{padding:0 1rem;}
}

/* 招聘信息表 */
.join-th{background:#FCF0E6; margin-top:2rem; line-height:4.4rem; text-align:center; color:#f60; font-weight:bold; max-width:1180px}
.join-tb{font-size:1.4rem; max-width:1180px; margin-bottom:5rem}
.join-tb ul{margin:0; padding:0; cursor:pointer; position:relative}
.join-tb li{list-style:none; line-height:4.4rem; text-align:center}
.join-tb ul:nth-of-type(even){background:#f5f5f5}
.join-tb ul .am-icon{position:absolute; top:1.2rem; right:2rem; color:#999}
.join-tb ul.active{background:#f60; color:#fff}
.join-tb ul.active .am-icon{color:#fff}
.join-tr{background:#FCF0E6; padding:1.5rem 0 3rem 0; display:none}
.join-tr .am-g{padding:1.5rem 0 0 0}
.join-tr .am-u-lg-3{text-align:center; font-weight:bold}
@media screen and (max-width: 640px) {
	.join-tr .am-u-lg-3{text-align:left}
}

/* 底部滚动图片 */
.join-box2>.ab-slider{padding:0}
.ab-slider{padding:5rem 0; max-width:1300px}
.ab-slider .page-h1{padding:0 0 1rem 0}
.ab-slider ul{padding:0; width:92%; margin:0 auto}
.ab-slider li{list-style:none; margin:0 10px; position:relative; background:#F00}
.ab-slider li .txt{position:absolute; bottom:0; width:100%; background:rgba(255,102,0,.5); color:#fff; padding:0 0 0 1rem; line-height:3.6rem}
.ab-slider .owl-controls{position:absolute; left:0; top:40%; width:100%;}
.ab-slider .owl-prev, .ab-slider .owl-next{position:absolute; top:0; height:50px; line-height:50px; padding:0 10px !important; border-radius:3px !important}
.ab-slider .owl-prev:before, .ab-slider .owl-next:before {
  display: inline-block;
  font: normal normal normal 1.6rem/1 "FontAwesome", sans-serif;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  content: "\f053";
}
.ab-slider .owl-next:before {content: "\f054";}
.ab-slider .owl-prev{left:-40px;}
.ab-slider .owl-next{right:-40px;}
@media screen and (max-width: 1000px) {
	.ab-slider ul{width:100%}
	.ab-slider .owl-controls{overflow:hidden}
}


/*
 news
*/

.list-news{margin:0 0.5rem}
.list-news li{padding:0 1.5rem; margin-top:5rem;}
.list-news .sub{overflow:hidden; margin-top:1.5rem}
.list-news .sub .d{float:left; width:17%; background:#f60; color:#fff; text-align:center; font-size:1.4rem; padding:5px 0; border-radius:3px}
.list-news .sub .d span{display:inline-block; width:80%; margin:0 auto; border-top:solid 1px rgba(255,255,255,.3)}
.list-news .sub a{float:right; width:80%; line-height:55px; color:#333}
.list-news .sub a:hover{color:#f60}
.list-news li:hover .ap-img{border:solid 5px #f60}
.list-news .txt1{font-size:1.4rem; margin:1.5rem 0; color:#777; line-height:25px; height:75px; overflow:hidden}
.list-news .more{font-size:1.4rem; background:#E8E6DE; border-radius:3px; padding:3px 10px; color:#333}
.list-news .more:hover{color:#fff; background:#f60}
@media screen and (max-width: 640px) {
	.list-news li{float:none !important}
}

.pagenav{font-family:Arial; padding:30px 0 60px 0; line-height:normal; text-align:center;}
.pagenav span,.pagenav a{display:inline-block; margin:8px 3px; padding:8px 14px; color:#666; background:#fff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px}
.pagenav span, .pagenav a.on{color:#fff; background:#f60}
.pagenav a:hover{color:#fff; text-decoration:none; background:#414141}
.pagenav .txt{font-weight:normal; background:#fff; color:#666}
.pagenav .un{color:#ccc}

.rss{padding:10rem 0; text-align:center}
.rss h1{color:#fff}
.rss .am-input-group{max-width:600px; margin:0 auto; padding:3rem 1rem 0 1rem}
.rss .am-form-field{background:transparent; color:#fff; border-radius:4px!important}
.rss button.am-btn{margin-left:30px !important; padding:0 3rem; background:#f60; border:solid 1px #f60; color:#fff; border-radius:4px!important}
.rss h2{color:#fff; margin-top:0; font-weight:normal}
.rss a.am-btn{padding:1rem 3rem}
@media screen and (max-width: 640px) {
	.rss{padding:5rem 0}
	.rss .am-input-group{padding:0 1rem 0 1rem}
	.rss button.am-btn{margin-left:10px !important;}
	.rss h1{font-size:1.8rem}
	.rss h2{font-size:1.2rem}
}

.am-article{padding:5rem 0}
.am-article-hd{text-align:center}
.am-article-bd{line-height:2.8rem; min-height:38rem}
.am-article-fd{padding:40px 0 0 0; text-align: center;}


/*
 contact
*/

.box3{background:#F8F4E9; padding:5rem 0}
.box3 .page-h1{text-align: center;}
.box3 .txt1{background:#fff; margin:3rem 2rem 0 2rem; text-align:center; padding:2.5rem 0; font-size:2.4rem; color:#666; border:solid 1px #EEEEEE;}
.box3 .map{background:#fff; margin:3rem 2rem 0 2rem; border:solid 10px #fff}
.box3 .map img{max-width: 100%;}

.list7{margin:0 0.5rem; padding:1rem 0 0 0}
.list7 li{padding:0 1.5rem;}
.list7 .con{background:#fff; border:solid 1px #EEEEEE; padding:2rem 2.2rem; color:#999}
.list7 h2{color:#555}

.fancybox-close{background-color:#D62D29; width:70px; height:70px; right:-70px;}

.am-checkbox-inline{margin-left:0 !important}

/*
 研发中心
*/
.yfzx-row1{overflow: hidden;}
.yfzx-row2{background-color: #f7f7f7;}
.yfzx-row3{margin-bottom: 50px;}
.swiper-yfzx{overflow: hidden;}
.swiper-yfzx .swiper-slide{overflow: hidden;}
.swiper-yfzx .swiper-slide img{max-width: 100%; }
.swiper-yfzx .swiper-pagination{position: initial; margin-bottom: 50px; position: relative;}
.swiper-yfzx .swiper-pagination::after{display: block; content: ''; height: 1px; width: 100%; background-color: #ddd; position: absolute; left: 0; bottom: 1px;}
.swiper-yfzx .swiper-pagination-bullet{width: initial; height: initial; background: none; border-radius: 0; border-bottom: solid 3px transparent; line-height: 3; margin: 0 25px !important; opacity: 1; z-index: 2; position: relative;}
.swiper-yfzx .swiper-pagination-bullet-active{border-color: #f60; color: #f60;}
@media screen and (max-width: 768px) {
  .yfzx-row3{margin-bottom: 30px;}
  
  .swiper-yfzx .swiper-pagination{margin-bottom: 30px;}
	.swiper-yfzx .swiper-pagination-bullet{margin: 0 10px!important; font-size: 14px}
}

.yfzx-row1 .s-con{text-align: center; padding: 50px 0;}
.yfzx-row1 .s-con img{max-width: 100%;}

/*
 生产基地
*/
.scjd-row1{background:#f7f7f7 url('../img/2023/pb1.jpg') no-repeat center 0; min-height: 866px;}
.scjd-row1 img{max-width: 100%;}
.scjd-row1 .s-box{min-height: 358px;}
.scjd-row1 .s-box .sub{width: 28.6%;}
.scjd-row1 .s-box .sub .page-sub3 .zh{color: white;}
.scjd-row1 .s-box .sub .page-sub3 .zh span::after{left:auto; right: 0; background: #fff;}
.scjd-row1 .s-box .sub .page-sub3 .en{display: none;}
.scjd-row1 .s-box .txt{width: 71.4%; align-items: center; padding: 35px 20px 20px 5%; text-align: justify; background: #fff;}
.scjd-row1 .s-box .txt p{text-indent: 2em;}
@media screen and (max-width: 1200px) {
	.scjd-row1{min-height: initial;}
}
@media screen and (max-width: 1024px) {
	.scjd-row1 .s-box .sub{width: 100%;}
  .scjd-row1 .s-box .txt{width: 100%;}
  .scjd-row1 .s-box .sub .page-sub3 .zh{color: initial;}
  .scjd-row1 .s-box .sub .page-sub3 .zh span::after{background: #f60; right: auto; left: calc(50% - 19px);}
  .scjd-row1 .s-box .sub .page-sub3 .en{display: block;}
}
@media screen and (max-width: 768px) {
	.scjd-row1 .s-box .txt{font-size: 14px}
}

.swiper-scjd{overflow: hidden;}

/* 生产车间 质检车间 */
.scjd-row2{background: #f7f7f7; overflow: hidden; padding: 20px 0;}
.swiper-base{overflow: hidden;}
.swiper-base .swiper-slide{background: #fff; width: 25%; padding: 10px;}
.swiper-base .img{position: relative; padding-bottom: 80%;}
.swiper-base .img img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover}
.swiper-base .txt{text-align: center; padding: 15px 0 5px 0;}
.swiper-base .swiper-pagination{position: initial; padding: 30px 0 50px 0;}
.swiper-base .swiper-pagination-bullet-active{background: #f60; width: 20px; border-radius: 5px;}
@media screen and (max-width: 500px) {
  .swiper-base .swiper-pagination{padding-bottom: 0;}
	.swiper-base .swiper-pagination span{display: none;}
}

.page-sub{margin:5rem 1rem 0 1rem; padding:0; overflow:hidden}
.page-sub li{float:left; width:25%; padding:0 1px; list-style:none; text-align:center; line-height:5rem}
.page-sub li a{display:inline-block; background:#ececec; width:100%; color:#333}
.page-sub li a:hover, .page-sub li.on a{background:#f60; color:#fff}
.page-sub1 li{width:20%;}
@media screen and (max-width: 960px) {
	.page-sub li{font-size: 14px}
}
@media screen and (max-width: 640px) {
	.page-sub li{width:50%; border-top:solid 1px #fff}
}

.page-sub2{margin:0; padding:0; text-align:center;}
.page-sub2 li{list-style:none; display:inline-block; margin:0 1.5rem; padding-bottom:1rem}
.page-sub2 a{display:inline-block; line-height:3.5rem; padding:0 1.5rem; border:solid 1px #dfdfdf; border-radius:20px; color:#333}
.page-sub2 a:hover, .page-sub2 li.on a{color:#fff; background:#f60; border-color:#f60}

.txtbox4{padding:3rem 1rem}
.txtbox4 .txt1{color:#666; min-height:40rem}
.txtbox4 .txt1 img{max-width:100%}
.txtbox4 h1, .txtbox4 h3{color:#333}


/*
 产品
*/
.pro-row1{padding: 50px 0; background:#f7f7f7;}
.pro-row1 .warp{align-items: flex-start;}

.pro-sort{background:#fff; box-shadow: 0 0 7px 0 rgba(0,0,0,.1); padding: 25px 15px; width: 100%; margin: 0 0 30px 0; justify-content: space-evenly;}
.pro-sort li{list-style:none;}
.pro-sort li a{display:inline-block; color: #333; line-height: 50px; padding: 0 12px; position: relative; border-radius: 3px;}
.pro-sort li a:hover, .pro-sort li.on a{color:#fff; background:#f60;}
/* .pro-sort li a:hover::after, .pro-sort li.on a::after{display: block; content: ''; background:url(/assets/img/2023/arr1.png) no-repeat -48px -9px; position: absolute; right: 12px; top: calc(50% - 8px); width: 12px; height: 16px;} */

.pro-box{width: 100%;}
.pro-box-2{width: 100%;}
.list-pro{padding: 0; margin: 0; width: 100%;}
.list-pro li{list-style:none; width: 31%; margin-bottom: 20px; text-align: center;}
.list-pro a{color: #333; background-color: #fff; box-shadow: 0 0 20px 0 rgba(0,0,0,.06); display: inline-block; padding: 30px 20px; width: 100%; border-bottom: solid 3px transparent;}
.list-pro a:hover{border-color: #f60; color: #f60;}
.list-pro a:hover img{transform: scale(1.1);}
.list-pro .img{position: relative; padding-bottom: 60%; overflow: hidden;}
.list-pro .img img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .3s;}
.list-pro .txt{padding-top: 10px;}
.list-pro li div:nth-of-type(3){padding-top: 0;}
.nocur a{cursor: default;}

.pro-box-3 li{width: 48%; margin-bottom: 30px;}
.pro-box-3 .list-pro .img{padding-bottom: 100%;}
.pro-box-3 .list-pro .img img{object-fit: contain;}

.pro-row1 .pagenav{padding: 0; width: 100%;}

@media screen and (max-width: 768px) {
	.pro-row1{padding: 30px 0;}
  .pro-box{width: 100%;}
  .pro-sort li a{line-height: 40px;}
  .list-pro a{padding: 20px 10px; font-size: 14px}
}
@media screen and (max-width: 530px) {
	.list-pro li{width: 48%;}
}

/*
 服务
*/
/* CRO业务 CDMO/CMO业务 */
.ser-row1{overflow: hidden; background: #f7f7f7; background-repeat: no-repeat; background-position-y: top;}
.ser-row1>.warp{margin-bottom: 0;}
.ser-row1 .sub{justify-content: flex-start; align-items: center; background-color: #f7f7f7; padding: 60px 0 40px 0; width: 400px;}
.ser-row1 .sub .ico{margin-right: 14px;}
.ser-row1 .page-sub3{margin: 0; padding-top: 35px;}
.ser-row1 .page-sub3 .zh span{padding-bottom: 0;}
.ser-row1 .box{line-height: 2;}
.ser-row1 .box ul{margin: 0; padding-left: 1.4em;}
.ser-row1 .box ul li{list-style-type: circle; color: #f60; font-size: 18px;}
.ser-row1 .box ul li span{color: #333;}
.ser-row1 .box .ul{margin-left: 30px;}
.ser-row1 .box .ul>li{max-width: 30%;}
.ser-row1 .box .ul ul{margin-top: 10px;}
.ser-row1 .box .ul ul li{list-style-type: square; font-size: 14px; margin-top: 5px;}
.ser-row1 .box .ul ul li span{color: #666;}
.ser-row1 .box .ul2 li{direction: rtl; text-align: right;}
.ser-row1 .box .left{background-color: #fff; width: calc((100% - 1200px) / 2);}
.ser-row1 .box .cont{width: 1200px; background-color: white; padding: 50px 0 60px 0;}
.ser-row1 .box .right{width: calc((100% - 1200px) / 2);}
.ser-row1 .box .cont .b1{width: 38%;}
.ser-row1 .box .cont .b2{width: 54.5%;}
.ser-row1 .box .cont .b1 img{max-width: 100%;}
.ser-row1 .box .cont .b1 p{color: #666;}

.ser-row2>.warp{justify-content: flex-end;}
.ser-row2 .sub{padding-left: 48px;}
.ser-row2 .box .left{background-color: transparent;}
.ser-row2 .box .right{background-color: #fff;}
.ser-row2 .box .cont{flex-direction: row-reverse;}

.ser-row3 .box .cont{align-items: center;}

@media screen and (max-width: 1200px) {
  .ser-row1 .sub{padding-left: 10px}
  .ser-row2 .sub{padding-left: 40px; padding-right: 10px;}
  .ser-row1 .box .cont{padding-left: 10px; padding-right: 10px;}
}
@media screen and (max-width: 768px) {
  .ser-row1 .page-sub3{padding-top: 20px;}
  .ser-row1 .sub{padding-top: 30px; padding-bottom: 20px}
  .ser-row1 .box .cont .b1{width: 100%; font-size: 14px}
  .ser-row1 .box .cont .b2{width: 100%; margin-top: 30px;}
  .ser-row1 .box ul li{font-size: 16px}
  .ser-row1 .box .ul{margin-left: 0;}
  .ser-row1 .box .ul ul li{font-size: 12px; margin-top: 0;}
  .ser-row1 .box .cont .b1 img{max-width: auto; width: 100%;}
  .ser-row1 .box .ul2 li{text-align: left; direction: ltr;}
}
@media screen and (max-width: 400px) {
	.ser-row2 .sub{padding-left: 10px;}
}

.ser-row-sub{background-color: #f7f7f7; overflow: hidden;}
.ser-row-sub .txt{text-align: center; padding-bottom: 30px;}
@media screen and (max-width: 768px) {
	.ser-row-sub{padding: 0 10px;}
  .ser-row-sub .txt{text-align: left; font-size: 14px; text-align: justify;}
}


/* 制剂产品转让 */
.pro-box-b{background-color: #fff; box-shadow: 0 0 20px 0 rgba(0,0,0,.06); padding: 20px;}
.list-pro-t{margin: 0; padding: 0;}
.list-pro-t li{list-style: none; padding: 17px 0;}
.list-pro-t li.th{font-weight: 700;}
.list-pro-t li.td{border-top: solid 1px #eee;}
.list-pro-t li div:nth-of-type(1){width: 20%; padding-left: 10px}
.list-pro-t li div:nth-of-type(2){width: 40%;}
.list-pro-t li div:nth-of-type(3){width: 40%}
.list-pro-t li.td:hover{background-color: #FCF4E3;}
.list-pro-t a{color: #555;}
.list-pro-t a:hover{color: #f60;}
.list-pro-t li.td div:nth-of-type(1), .list-pro-t li.td div:nth-of-type(3){opacity: .6}
@media screen and (max-width: 768px) {
  .list-pro-t li.td{font-size: 14px}
  .list-pro-t li div:nth-of-type(2){width: 80%;}
  .list-pro-t li div:nth-of-type(3){display: none;}
}

/*
 footer
*/

footer{background:#E7E5DB; font-size:1.4rem; line-height:2.4rem}
footer .warp{padding:50px 10px}
footer .logo{align-items: center;}
footer a{color:#888}
footer a:hover{color:#f60}
footer .f-link:nth-of-type(1), footer .f-link:nth-of-type(4){border-left:solid 1px #CFCDC4; padding-left: 5%;}
footer .f-link .sub{font-size:18px; padding-bottom:14px; color:#333; font-weight: 700;}
footer .f-ct{color:#888; max-width: 380px;}

footer .f1{padding:70px 0 0 10px; width:20%}
footer .f1 img{max-width:100%}
footer .f2{border-left:solid 1px #CFCDC4; width:50%}
footer ul{margin:0; padding:0;}
footer ul li{list-style:none}
footer .f2 ul{margin-left:15%; color:#888}
footer .f2 .sub{font-size:1.8rem; padding-bottom:1rem; color:#333}
footer .f3{border-left:solid 1px #CFCDC4; width:30%}
footer .f3 li{float:left; text-align:center; margin:10px 0 0 15px; color:#666}
footer .f3 img{max-width:140px; display:block}


footer .copy{border-top:solid 1px #DBD8D0; padding:2rem 0; color:#999; text-align:center}
@media screen and (max-width: 990px) {
	footer .warp{display:none}
}
<!--0.00021505355834961-->