
.about_tis {padding-top:65px;text-align:center;}
.about_tis h2 {color:#1454ca;font-size:36px;}
.about_tis p {margin-top:15px;color:#666;font-family:Arial;font-size:16px;}
.about_tis p span {position:relative;top:3px;display:inline-block;width:60px;height:11px;vertical-align:top;}
.about_tis p span:first-child {margin-right:10px;}
.about_tis p span:first-child:before {position:absolute;top:5px;left:0;display:block;width:50px;height:1px;content:"";background-color:#ababab;}
.about_tis p span:first-child:after {position:absolute;top:0;right:0;display:block;width:11px;height:11px;content:"";box-sizing:border-box;border-radius:50%;border:2px solid #454545;}
.about_tis p span:last-child {margin-left:10px;}
.about_tis p span:last-child:before {position:absolute;top:5px;right:0;display:block;width:50px;height:1px;content:"";background-color:#ababab;}
.about_tis p span:last-child:after {position:absolute;top:0;left:0;display:block;width:11px;height:11px;content:"";box-sizing:border-box;border-radius:50%;border:2px solid #454545;}

#about_name {padding-top:80px;padding-bottom:50px;}
#about_name h1 {color:#222;font-size:26px;}
#about_name h2 {margin-top:10px;color:#ddd;font-size:26px;font-family:Arial;text-transform:uppercase;}
#about {background:url(../image/aboutus_bg.jpg) no-repeat center top;}
#about .intro {display:flex;justify-content:space-between;padding-top:45px;padding-bottom:70px;}
#about .intro .text {width:46%;}
#about .intro .tis {color:#222;font-size:24px;}
#about .intro .tis strong {display:inline-block;color:#1454ca;vertical-align:top;}
#about .intro .tis strong:after {display:block;margin-top:20px;width:100%;height:4px;content:"";background-color:#2c58df;}
#about .intro .tis span {position:relative;display:inline-block;width:40px;vertical-align:top;}
#about .intro .tis span:after {position:absolute;top:15px;left:50%;display:block;width:7px;height:7px;content:"";border-radius:50%;background-color:#222;transform:translateX(-50%);}
#about .intro .tis p {display:inline-block;vertical-align:top;}
#about .intro .editorc {margin-top:20px;color:#555;line-height:2;}
#about .intro .imgs {position:relative;width:48.8%;font-size:0px;box-sizing:border-box;}
#about .intro .imgs div {position:absolute;bottom:0;left:0;padding:20px 20px 20px 0;width:100%;box-sizing:border-box;}
#about .intro .imgs div:after {position:absolute;top:0;right:0;z-index:1;display:block;width:calc(100% - 60px);height:100%;content:"";background-color:#2c58df;}
#about .intro .imgs div img {position:relative;z-index:2;width:100%;}

#about .ys {padding-top:60px;padding-bottom:50px;border-radius:20px;box-shadow:0 5px 8px rgba(0,0,0,0.15);background-color:#fff;}
#about .ys li {display:inline-block;width:20%;text-align:center;vertical-align:top;box-sizing:border-box;}
#about .ys li .icon {height:90px;font-size:0px;border-right:1px solid #e5e5e5;}
#about .ys li .icon span {max-height:100%;}
#about .ys li .icon img {max-height:100%;transform-style:preserve-3d;}
#about .ys li .bts {padding:40px 0 25px 0;color:#222;font-family:Arial;font-size:52px;font-weight:bold;}
#about .ys li .bts .xz {position:relative;top:3px;margin-left:8px;font-size:22px;font-weight:normal;vertical-align:top;}
#about .ys li .wzs {color:#999;}
#about .ys li:last-child .icon {border-right:none;}
#about .ys li:hover .icon img {-webkit-animation:irotateY 0.6s linear;animation:irotateY 0.6s linear;}

#fzlc .editorc {padding-top:30px;padding-bottom:80px;}

#honor {background:url(../image/honor_bg.jpg) no-repeat center center;}
#honor .about_tis h2 {color:#fff;}
#honor .about_tis p {color:#fff;opacity:0.65;}
#honor .about_tis p span:first-child:before {background-color:#fff;}
#honor .about_tis p span:first-child:after {border-color:#fff;}
#honor .about_tis p span:last-child:before {background-color:#fff;}
#honor .about_tis p span:last-child:after {border-color:#fff;}

#honor .swiper-container {margin-top:35px;width:100%;font-size:0px;}
#honor .swiper-wrapper {width:100%;height:auto;}
#honor .swiper-slide {overflow:hidden;transition:none;}
#honor .swiper-slide img {width:100%;transition:all ease-out 500ms;}
#honor .swiper-slide:hover img {transform:scale(1.06);}
#honor .swiper-pagination {position:static;left:0px;bottom:0;padding-top:30px;padding-bottom:65px;width:100%;height:14px;font-size:0px;}
#honor .swiper-pagination span {margin:0px;width:14px;height:14px;font-size:0px;box-sizing:border-box;border-radius:50%;background:#e0e4ed;opacity:0.5;overflow:hidden;}
#honor .swiper-pagination span.swiper-pagination-bullet {margin:0px 6px;}
#honor .swiper-pagination span.swiper-pagination-bullet-active {opacity:1;background:#3e89ff;}

#photos {padding-bottom:80px;}
#photos .list a {position:relative;display:inline-block;margin:2.8% 2.8% 0 0;width:31.46666%;font-size:0px;vertical-align:top;overflow:hidden;}
#photos .list a:nth-child(3n) {margin-right:0;}
#photos .list a img {width:100%;transition:all ease-out 500ms;}
#photos .list a p {position:absolute;bottom:0;left:0;z-index:2;padding:0 20px;width:100%;height:50px;line-height:50px;color:#fff;font-size:16px;text-align:center;box-sizing:border-box;background-color:rgba(0,0,0,0.7);}
#photos .list a:hover {box-shadow:0 0 15px rgba(0,0,0,0.2);}
#photos .list a:hover img {transform:scale(1.06);}
#photos .list a:hover p {background-color:rgba(20,84,202,0.7);}

#ygfc {padding-bottom:70px;background-color:#f8f8f8;}
#ygfc .nrs {position:relative;}
#ygfc .swiper-container {margin-top:10px;padding:20px 0;width:100%;font-size:0px;}
#ygfc .swiper-wrapper {width:100%;height:auto;}
#ygfc .swiper-slide {position:relative;width:750px;height:400px;border:5px solid #fff;transform:scale(0.7);transition:transform 1s;overflow:hidden;}
#ygfc .swiper-slide:after {position:absolute;top:0;left:0;z-index:2;display:block;width:100%;height:100%;opacity:1;content:"";background-color:rgba(0,0,0,0.5);}
#ygfc .swiper-slide p {position:absolute;bottom:0;left:0;z-index:2;padding:0 20px;width:100%;height:50px;line-height:50px;color:#fff;font-size:16px;text-align:center;opacity:0;transition:opacity 1s;box-sizing:border-box;background-color:rgba(0,0,0,0.7);}
#ygfc .swiper-slide img {width:100%;transition:none;}
#ygfc .swiper-slide-active {transform:scale(1);box-shadow:0 0 20px rgba(0,0,0,0.3);}
#ygfc .swiper-slide-active:after {opacity:0;}
#ygfc .swiper-slide-active p {opacity:1;}
#ygfc .swiper-button {position:absolute;top:50%;z-index:10;display:block;width:40px;height:40px;line-height:40px;color:#666;font-size:26px;text-align:center;transform:translateY(-50%);cursor:pointer;}
#ygfc .swiper-button:hover {color:#2673ee;}
#ygfc .swiper-prev {left:26%;}
#ygfc .swiper-next {right:26%;}

/*===================================================================================*/



/*===================================================================================*/

#contact {margin:0px auto;padding-top:4%;padding-bottom:4%;width:1200px;}
#contact_map {margin:0 auto 60px auto;width:1500px;height:550px;font-size:0px;overflow:hidden;}