﻿#founder {display:flex;margin-top:100px;}
#founder .imgs {width:68%;font-size:0;}
#founder .imgs img {width:100%;}
#founder .text {padding-left:5px;width:32%;color:#333;text-align:center;box-sizing:border-box;}
#founder .text > h2 {color:#dab96b;font-size:72px;line-height:1;}
#founder .text > h3 {margin-top:20px;margin-bottom:10px;color:#555;font-size:48px;line-height:1;}
#founder .text > h4 {font-size:0;}
#founder .editorc {margin-top:12px;font-size:18px;line-height:1.7;}

#culture {display:flex;margin-top:50px;}
#culture li {margin-right:2%;padding:80px 20px 40px 20px;width:32%;text-align:center;vertical-align:top;box-sizing:border-box;background-color:#f7f7f7;transition:all ease-in-out 400ms;}
#culture li:nth-child(3n) {margin-right:0;}
#culture li div {height:103px;font-size:0;}
#culture li div span {max-height:100%;}
#culture li div img {max-height:100%;}
#culture li h3 {display:inline-block;margin-top:30px;padding:0 15px;min-width:140px;height:36px;line-height:36px;color:#fff;font-size:20px;vertical-align:top;border-radius:18px;box-sizing:border-box;background-color:#dab96b;}
#culture li p {margin-top:12px;color:#333;font-size:18px;line-height:1.5;}
#culture li:hover {box-shadow:0 0 10px 3px #ccc;}

#shgx {display:flex;margin-top:50px;}
#shgx li {position:relative;padding:90px;width:33.33333%;text-align:center;box-sizing:border-box;overflow:hidden;}
#shgx li .icon {height:103px;font-size:0;}
#shgx li .icon span {max-height:100%;}
#shgx li .icon img {max-height:100%;}
#shgx li h3 {margin-top:30px;color:#dab96b;font-size:30px;}
#shgx li p {margin-top:12px;color:#dab96b;font-size:20px;}
#shgx li .intro {position:absolute;top:0;left:0;z-index:2;padding:20px;width:100%;height:100%;color:#fff;font-size:20px;opacity:0;visibility:hidden;border-radius:15px;box-sizing:border-box;background-color:#dab96b;transition:all ease-in-out 400ms;}
#shgx li .intro div {line-height:1.8;-webkit-line-clamp:8;}
#shgx li:hover .intro {opacity:1;visibility:visible;}

#jyyj .list1 {margin-top:35px;}
#jyyj .list1 li {display:inline-block;margin-right:2.25%;width:23.3125%;font-size:0;text-align:center;vertical-align:top;}
#jyyj .list1 li:nth-child(4n) {margin-right:0;}
#jyyj .list1 li img {width:100%;border-radius:10px;}
#jyyj .list2 {margin-top:90px;text-align:center;}
#jyyj .list2 li {display:inline-block;width:25%;vertical-align:top;}
#jyyj .list2 li div {color:#333;font-size:80px;font-weight:bold;line-height:1;}
#jyyj .list2 li div span {position:relative;display:inline-block;color:#111;vertical-align:top;}
#jyyj .list2 li div .jh {margin-left:5px;font-size:40px;}
#jyyj .list2 li div .wz {margin-left:5px;top:10px;font-size:22px;}
#jyyj .list2 li p {margin-top:15px;font-size:16px;}
#jyyj .list2 li p:after {display:block;margin:10px auto 0 auto;width:140px;height:4px;background-color:#dab96b;content:"";}

#fzlc {padding-bottom:100px;background-color:#f1f1f1;}
#fzlc .swiper {margin-top:40px;background:url(../images/fzlc_line.jpg) no-repeat center bottom 4px;}
#fzlc .swiper .swiper-container {width:1200px;}
#fzlc .swiper .swiper-slide {text-align:center;}
#fzlc .swiper .swiper-slide div {position:relative;height:65px;color:#999;font-size:18px;font-weight:bold;}
#fzlc .swiper .swiper-slide div:after {position:absolute;bottom:0;left:50%;display:block;margin-left:-5px;width:10px;height:10px;border-radius:50%;background-color:#666;content:"";}
#fzlc .swiper .swiper-slide div span { position:absolute;bottom:30px;left:0;width:100%;text-align:center;cursor:pointer;}
#fzlc .swiper .swiper-slide-active div {color:#333;font-size:30px;}
#fzlc .swiper-button {position:absolute;top:50%;margin-top:-20px;color:#999;font-size:40px;cursor:pointer;}
#fzlc .swiper-prev {left:0;}
#fzlc .swiper-next {right:0;}
#fzlc .wrap {position:relative;margin-top:40px;padding-left:50px;padding-right:50px;}
#fzlc .cont {margin:0 auto;width:80%;}

.axis1 {margin-top:40px;font-size:0;}
.axis1 img {max-width:100%;}
.axis2 {padding-bottom:90px;background-color:#f1f1f1;}
.axis2 .imgs {margin-top:40px;font-size:0;}
.axis2 .imgs img {max-width:100%;}

#szh {padding:40px 50px 100px 50px;}
#szh .swiper-slide {position:relative;padding:50px;border-radius:15px;box-sizing:border-box;overflow:hidden;}
#szh .swiper-slide img {width:100%;border-radius:15px;cursor:pointer;}
#szh .swiper-slide .text {position:absolute;top:0;left:0;z-index:2;padding:20px;width:100%;height:100%;color:#fff;text-align:center;visibility:hidden;box-sizing:border-box;background:rgba(0, 0, 0, 0.7);}
#szh .swiper-slide .text h3 {font-size:24px;font-weight:normal;line-height:1;}
#szh .swiper-slide .text h3:after {display:block;margin:15px auto 0 auto;width:100px;height:2px;background-color:#fff;content:"";}
#szh .swiper-slide .text p {margin-top:30px;font-size:18px;line-height:2;}
#szh .swiper-slide-active {padding:0;}
#szh .swiper-slide-active .text {visibility:visible;}
#szh .swiper-slide-prev, #szh .swiper-slide-next {padding:30px;}

#honor {display:flex;flex-flow:row wrap;padding-top:80px;}
#honor li {margin-top:2%;padding:40px 90px;width:49%;text-align:center;border-radius:10px;box-sizing:border-box;border:1px solid #f2efea;transition:ease-in-out 400ms;}
#honor li:nth-child(even) {margin-left:2%;}
#honor li div {height:164px;font-size:0;}
#honor li div span {max-height:100%;}
#honor li div img {max-height:100%;}
#honor li p {margin-top:45px;color:#333;font-size:20px;line-height:1.8;}
#honor li:hover{box-shadow:0 0 10px 3px #f2efea;}

#gys {display:flex;flex-flow:row wrap;padding-top:80px;}
#gys li {margin-top:2%;width:49%;border-radius:10px;box-sizing:border-box;box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 10%);background-color:#fff;overflow:hidden;}
#gys li:nth-child(even) {margin-left:2%;}
#gys li img {width:100%;}
#gys li p {padding:50px 35px;color:#333;font-size:30px;font-weight:bold;}
#gys a {margin-top:2%;width:49%;border-radius:10px;box-sizing:border-box;box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 10%);background-color:#fff;overflow:hidden;}
#gys a:nth-child(even) {margin-left:2%;}
#gys a img {width:100%;}
#gys a p {padding:50px 35px;color:#333;font-size:30px;font-weight:bold;}

#news {margin-top:90px;}
#news li {position:relative;display:inline-block;padding-left:38px;width:49%;height:60px;line-height:60px;color:#555;font-size:24px;vertical-align:top;box-sizing:border-box;}
#news li:before {position:absolute;top:50%;left:10px;display:block;margin-top:-4px;width:8px;height:8px;background-color:#dab96b;content:"";}
#news li a {color:#555;}
#news li:nth-child(even) {margin-left:2%;}
#news li:hover {color:#dab96b;}
#news li a:hover {color:#dab96b;}
#news_info h1 {padding:90px 0 0 0;color:#222;font-size:28px;line-height:1.4;text-align:center;}
#news_back {margin-top:100px;text-align:center;}
#news_back a {display:inline-block;width:120px;height:36px;line-height:36px;color:#fff;font-size:14px;text-align:center;vertical-align:top;background-color:#dab96b;}

#contact {display:flex;flex-flow:row wrap;padding-top:50px;}
#contact li {margin-top:4%;padding:60px;width:49%;min-height:350px;color:#555;border-radius:15px;box-sizing:border-box;background-color:#f6f6f6;}
#contact li:nth-child(even) {margin-left:2%;}
#contact li h2 {font-size:28px;line-height:1;}
#contact li h2:after {display:block;margin-top:20px;margin-bottom:15px;width:50px;height:3px;background-color:#dab96b;content:"";}
#contact li p {font-size:24px;line-height:1.6;}

#jobs {position:relative;z-index:1;background-color:#f5f5f5;}
#jobs .marwd {margin-left:auto;margin-right:auto;width:1100px;box-sizing:border-box;}
#jobs > div {padding-top:10px;padding-bottom:60px;background-color:#fff;}
#jobs .list .info {position:relative;padding:25px 100px 25px 0;box-sizing:border-box;border-bottom:1px solid #ddd;}
#jobs .list .info p {margin-bottom:3px;color:#222;font-size:18px;}
#jobs .list .info span {color:#999;font-size:14px;}
#jobs .list .info i {position:absolute;top:50%;right:0;display:block;width:44px;height:44px;transform:translateY(-50%);cursor:pointer;}
#jobs .list .info i:before {position:absolute;top:21px;left:14px;width:16px;height:2px;content:'';background:#4f4d4d;}
#jobs .list .info i:after {position:absolute;top:21px;left:14px;width:16px;height:2px;content:'';background:#4f4d4d;opacity:1;transition:all cubic-bezier(0.38, 0.04, 0.35, 0.96) 600ms;transform:rotate(90deg);}
#jobs .list .text {display:none;padding:40px 0;background-color:#ececec;}
#jobs .list .text .editorc {color:#555;}
#jobs .active .info {border-bottom-color:#fff;}
#jobs .active .info:after {position:absolute;bottom:-1px;right:0;content:"";border:22px solid transparent;border-bottom:22px solid #ececec;}
#jobs .active .info i:after {opacity:0;transform:rotate(0deg);}