.h { display: none }
/*yp_pc_header*/ .yp_pc_header { width: 100%; height: 100px; background: #50b1a6; float: left; position: fixed; top: 0px; z-index: 999; }
.hea_logo { width: 100%; margin-top: 22px; float: left; }
.hea_dl { width: 164px; float: right; position: relative; z-index: 9; }
.dl_01 { width: 164px; height: 30px; float: left; font-size: 15px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; background: #2e9287; line-height: 30px; }

.dl_02 { width: 164px; height: 43px; float: left; font-size: 15px; text-align: center; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; background: #037fc9; line-height: 43px; color: #FFF; }
.dl_02 span { width: 100%; height: 43px; float: left; cursor: pointer; }
.dl_02 span img { margin-top: 20px; margin-left: 5px; display: inline; }

.logo_1 { width: 222px; float: left; }
.nav1 { width: 70%; float: right; }

@media screen and (max-width:1280px) {
    .yp_pc_header { width: 1280px; padding: 0; }
}
/*hea_nav*/ .hea_nav { width: 100%; float: right; height: 70px; margin-top: -5px }
.nav_menu { width: 73%; line-height: 70px; text-transform: uppercase; float: left; }
.nav_menu-item { display: inline-block; padding: 0px 15px; text-align: center; height: 74px; float: left; line-height: 65px; font-size: 16px; color: #FFF; z-index: 9999; position: relative; }
.nav_menu-item:after { content: ''; height: 1px; background-color: #fff; display: block; width: 0; border-bottom: 1px solid #ffffff; position: absolute; bottom: 0; left: 0; transition: width 400ms ease-in-out; z-index: 1; }
.nav_menu-item span { color: #FFF; cursor: pointer; }
.nav_menu-item a { color: #FFF; }
.nav_menu-item.on:after { background-color: #fff; width: 100%; }
.nav_menu-item.on,.nav_menu-item:hover { color: #fff;opacity:.7 }
.nav_menu-item:hover a, .nav_menu-item.on a { color: #fff; }
.nav_menu .nav_sy { background-color: #fff; color: #009ada; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.nav_menu .nav_sy a { color: #009ada; }
.nav_menu .nav_sy span a { color: #009ada; }
.nav_submenu { text-transform: none; background: #FFF; width: 100%; }
.nav_submenu-item { font-size: 16px; border-bottom: 1px solid #f0f0f0; line-height: 70px; text-align: center; width: 100%; }
.nav_submenu-item a { color: #333333; }
.nav_xl { float: right; width: 221px; height: 102%; margin-right: -10px; }
.nav_xl span { float: left; color: #FFF; position: relative; line-height: 61px; padding: 0px 21px; height: 114%;font-size:22px }
.nav_xl span:first-of-type:after { content: none }
.nav_xl span:after { content: ''; height: 1px; background-color: #fff; display: block; width: 0; border-bottom: 1px solid #ffffff; position: absolute; bottom: 0; left: 0; transition: width 400ms ease-in-out; z-index: 1; }
.nav_xl span.on:after { background-color: #fff; width: 100%; }
.xl_01 { background: url(images/sao.png) no-repeat center; height: 50px; padding: 0px 15px; float: left; margin-top: -7px }
.xl_01_ { background: #fff url(images/sao1.png) no-repeat center; height: 50px; padding: 0px 15px; float: left; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.xl_03 { background: url(images/wechat.png) no-repeat center; height: 50px; padding: 0px 15px; float: left; margin-top: -7px }
.xl_03_ { background: #fff url(images/wechat1.png) no-repeat center; height: 50px; padding: 0px 15px; float: left; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.xl_04 { background: url(images/shop.png) no-repeat center; height: 50px; padding: 0px 15px; float: left; margin-top: -7px }
.xl_04_ { position: relative; background: #fff url(images/shop1.png) no-repeat center; height: 50px; padding: 0px 15px; float: left; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.xl_05 { background: url(images/search.png) no-repeat center; height: 50px; padding: 0px 15px; float: left; margin-top: -7px }
.xl_05_ { background: #FFF url(images/search1.png) no-repeat center; height: 50px; padding: 0px 15px; float: left; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.xl_ss { width: 100vw; height: 260px; float: left; background: #FFF; display: none; z-index: 99; position: fixed; top: 100px; left: 0; }
.xl_ss div { width: 776px; height: 66px; margin: 0px auto; border: 1px solid #ccc; margin-top: 66px; border-radius: 8px; }
.xl_ss div .ss_in01 { width: 680px; height: 66px; line-height: 66px; background: none; padding: 0px 10px; font-size: 20px; float: left; border: none; outline: none }
.xl_ss div .ss_in02 { background: url(images/search2.png) no-repeat center; width: 76px; height: 66px; float: left; cursor: pointer; border: none; outline: none }
.xl_gm { height: 260px; background: #FFF; display: none; position: fixed; top: 100px; left: 0; right: 0; }
.xl_gm div { width: 1200px; height: auto; margin: 0px auto; display: flex; justify-content: center; align-items: center; }
.xl_gm div a { float: left; display: inline; font-size: 20px; color: #333333; margin: 40px; }
.xl_gm div a img { display: block; width: 100%; margin: 0 auto; height: 150px; object-fit: contain }
.xl_gm div a:hover img { -webkit-animation: tada 1s .2s ease both; -moz-animation: tada 1s .2s ease both; }

@-webkit-keyframes tada {
    0% { -webkit-transform: scale(1) }
    10%,20% { -webkit-transform: scale(0.9) rotate(-3deg) }
    30%,50%,70%,90% { -webkit-transform: scale(1) rotate(3deg) }
    40%,60%,80% { -webkit-transform: scale(1) rotate(-3deg) }
    100% { -webkit-transform: scale(1) rotate(0) }
}

@-moz-keyframes tada {
    0% { -moz-transform: scale(1) }
    10%,20% { -moz-transform: scale(0.9) rotate(-3deg) }
    30%,50%,70%,90% { -moz-transform: scale(1) rotate(3deg) }
    40%,60%,80% { -moz-transform: scale(1) rotate(-3deg) }
    100% { -moz-transform: scale(1) rotate(0) }
}

.xl_gm div .gm_cx { background: #009bdc; color: #FFF; width: 156px; height: 42px; text-align: center; line-height: 42px; font-size: 15px; margin-top: 40px; border-radius: 5px; }
.xl_gm div p { width: 1px; background: #cccccc; height: 140px; margin-left: 65px; float: left; }
.xl_wx { width: 100%; height: 260px; float: left; background: #FFF; display: none; position: fixed; top: 100px; left: 0;}
.xl_wx .hg { float: left; width: 170px; margin-top: 20px; }
.xl_wx .pk { float: left; margin-left: 40px }
.xl_wx .pk h1, .xl_wx .pk p { display: block; margin-top: 40px }
.xl_wx .pk h1 { font-size: 24px; color: #50b1a6; margin-top: 40px }
.xl_wx .pk p { font-size: 16px; color: #666; margin-top: 10px }
.xl_wx .hg:nth-of-type(1) { margin-left: 256px }
.xl_wx .hg span { display: block; font-size: 14px; color: #666; text-align: center; line-height: 22px }
.xl_wx .hg img { display: block; float: left; width: 160px; margin: 10px auto; height: 140px; object-fit: contain }
.xl_wx div p { font-size: 20px; color: #333; line-height: 38px; margin-top: 38px; float: right; }
.xl_fxc { width: 100%; height: 260px; float: left; background: #FFF; display: none; position: fixed; top: 100px; left: 0; }
.xl_fxc div { width: 1280px; margin: 0px auto; margin-top: 30px; }
.xl_fxc div dl { display: block; margin: 0 auto; width: 50%; /*margin-top: 40px*/ }
.xl_fxc div dl dt { float: left; }
.xl_fxc div dl dt img { display: block; float: left; }
.xl_fxc div dl dd { width: 270px; float: left; margin-left: 120px; margin-top: 30px }
.xl_fxc div dl dd h3 { font-size: 20px; width: 270px; float: left; height: 58px; line-height: 58px; }
.xl_fxc div dl dd h3 a { color: #333333; }
.xl_fxc div dl dd .fxc01 { width: 160px; height: 40px; line-height: 40px; text-align: center; float: left; color: #FFF; background: #50b1a6; border-radius: 5px; font-size: 16px; }
.xl_fxc div dl dd .fxc02 { width: 160px; height: 40px; line-height: 40px; text-align: center; float: left; color: #FFF; background: #0757b0; border-radius: 5px; font-size: 16px; }
.qt_main { width: 100%; height: 266px; padding: 30px 0; background: #FFF; float: left; position: absolute; left: 0; top: 100px; }
.cpjz { position: absolute; left: 0; right: 0; top: 100px; background-color: #fff; /*display: none;*/ }
.fold { width: 1200px; height: auto; background: #FFF; float: left; position: absolute; left: 50%; margin-left: -600px; }
.jz_main { width: 1220px; margin: 34px auto 0; padding: 0px 30px; display: none; max-height: calc(100vh - 100px); overflow-y: auto; }
.cpjz .qzxl { width: 290px; height: auto; float: left; border-right: 1px solid #e9e9e9; padding-right: 10px; }
.qzxl_ { width: 1280px; margin: 0px auto; }
.qzxl_ div h3 { width: 320px; height: 266px; float: left; text-align: center; border-right: 1px solid #e9e9e9; margin: 0px; }
.qzxl_ div h3 img { margin-top: 70px; }
.qzxl_ div h3 p { font-size: 16px; color: #333333; width: 100%; float: left; text-align: center; line-height: 30px; }
.qzxl h3 { width: 100%; height: auto; float: left; text-align: center; margin-top: 20px; }
.qzxl div { width: 100%; float: left; }
.qzxl div a img { display: block; float: left; width: 290px; }
.qzxl div a { width: 290px; float: left; }
.qzxl_ div a { width: 290px; float: left; padding: 25px 0; border-right: 1px solid #e9e9e9; }
.qzxl div a span { width: 100%; text-align: center; float: left; color: #009bdc; position: relative; margin-top: -22px; font-size: 16px; }
.qzxl_ div a img { display: block; float: left; width: 290px; padding: 0px 0px; }
.qzxl_ div a span { width: 100%; text-align: center; float: left; color: #009bdc; position: relative; margin-top: -22px; font-size: 16px; }
.cpjz .ypqt { width: 535px; height: auto; float: left; border-right: 1px solid #e9e9e9; }
.ypqt_ { width: 1220px; margin: 0px auto; padding: 0 30px; }
.ypqt h3 { width: 100%; height: 68px; float: left; margin-top: 20px; }
.cpjz .ypqt ul { width: 100%; float: left; }
.cpjz .ypqt ul li { width: 175px; float: left; font-size: 16px; text-align: center; margin-left: 0px; display: inline; margin-top: 10px; margin-bottom: 10px; }
.cpjz .ypqt ul li img { margin-bottom: 6px; }
.cpjz .ypqt ul li a span { color: #009bdc; width: 100%; float: left; line-height: 24px; margin: 0px; height: 24px; position: relative; }
.ypqt_ ul { width: 100%; float: left; }
.ypqt_ ul li { width: 175px; padding-top: 40px; float: left; height: 226px; border-right: 1px solid #e9e9e9; font-size: 16px; text-align: center; }
.ypqt_ ul li img { margin: 0px auto; margin-bottom: 6px; }
.ypqt_ ul li a span { color: #009bdc; width: 100%; float: left; line-height: 24px; margin: 0px; position: relative; }
.ypqt_ ul h3 { width: 143px; height: 266px; float: left; text-align: center; border-right: 1px solid #e9e9e9; padding-right: 20px; }
.ypqt_ ul h3 img { margin-top: 70px; }
.ypqt_ ul h3 p { font-size: 16px; color: #333333; width: 100%; float: left; text-align: center; line-height: 30px; }
.cpjz .zypf { width: 380px; height: auto; float: left; }
.zypf_ { width: 1220px; margin: 0px auto; padding: 0px 30px; }
.zypf h3 { width: 100%; height: 68px; float: left; margin-top: 20px; font-size: 20px; line-height: 68px; text-align: center; color: #c61b9a }
.cpjz .zypf ul { width: 100%; float: left; }
.cpjz .zypf ul li { width: 190px; float: left; font-size: 16px; text-align: center; margin-top: 10px; margin-bottom: 10px; display: inline; }
.cpjz .zypf ul li img { margin-bottom: 6px; }
.cpjz .zypf ul li a span { color: #009bdc; width: 100%; float: left; line-height: 24px; margin: 0px; position: relative; }
.zypf_ h3 { width: 260px; height: 266px; line-height: 266px; float: left; text-align: center; border-right: 1px solid #e9e9e9; margin: 0px; }
.zypf_ h3 img { margin-top: 100px; }
.zypf_ ul { width: 100%; float: left; }
.zypf_ ul li { float: left; height: 266px; border-right: 1px solid #e9e9e9; font-size: 16px; text-align: center; width: 18.4%; }
.zypf_ ul li p { width: 100%; float: left; text-align: center; color: #333333; }
.zypf_ ul li p sup { vertical-align: super; margin: 0; }
.zypf_ ul li img { margin: 0px auto; margin-bottom: 6px; }
.zypf_ ul li a span { color: #009bdc; width: 100%; float: left; line-height: 24px; margin: 0px; position: relative; }
.fold li { padding: 20px 0 30px; float: left; width: 20%; transition: all 0.3s; }
.fold li p { line-height: 1; font-size: 16px; margin: 0 auto; color: #333; margin-top: 20px; /* line-height: 26px;*/ text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 66%; }
.fold li:hover { -webkit-transform: translate(0,-3px); transform: translate(0,-3px); }
.fold .img { width: 80%; margin: 0 auto; text-align: center; height: 160px; line-height: 160px; overflow: hidden; }
.fold .img img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.win-box { position: fixed; z-index: 999999; background-color: rgba(60, 61, 61, 0.83); left: 0; top: 0; bottom: 0; width: 100%; height: 100vh; display: none; }
.search-alert {  z-index: 99; background-color: #fff; left: 0; top: 0; width: 100%; height: 50%; display: none; }
.search-alert .close { display: block; width: 18px; height: 18px; position: absolute; top: 38px; right: 2.6%; cursor: pointer; transition: transform 0.3s ease 0s; }
.search-alert .close:hover { transform: rotate(90deg); }
.search-alert .cent-form { position: absolute; width: 94.8%; left: 2.6%; top: 20%; height: 124px; margin-top: -63px; border-bottom: 1px solid #515151; }
.search-alert .cent-form .tex { border: none; font-size: 66px; height: 124px; outline: none; line-height: 124px; text-align: center; width: 100%; box-sizing: border-box; color: #555; background: none; padding-left: 88px; padding-right: 80px;no-repeat 35px 60px; }
.search-alert .cent-form .sub-butn { border: none; height: 100px; margin-top: 24px; font-size: 24px; line-height: 100px; color: #555; text-align: right; background: none; position: absolute; right: 0; top: 0; width: 80px; text-align: center; }
.swiper-wrapper { transition-delay: .3s; }
.swiper-container.i-m-ban { width: 100%; height: calc(100vh - 100px); margin: 100px auto 0px auto; }
.swiper-container.i-m-ban .swiper-slide { width: 100%; text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-container.i-m-ban .swiper-slide:nth-child(2) { background: #3183ff; color: #fff; }
.swiper-container.i-m-ban .swiper-slide .banner-title { margin-top: -12%; transform: translateY(-50%); opacity: 0; transition: all .4s; }
.swiper-container.i-m-ban .swiper-slide .banner-title h1 { font-size: 120px; margin-bottom: 70px; }
.swiper-container.i-m-ban .swiper-slide .banner-title p { font-size: 30px; color: #fff; }
.swiper-container.i-m-ban .swiper-slide h1 { display: block; font-style: normal; color: #fff; }
.swiper-container.i-m-ban .swiper-slide-active .banner-title { transform: translateY(25); opacity: 1; }
.swiper-container.i-m-ban .swiper-button-next { right: 30px }
.swiper-container.i-m-ban .swiper-button-prev { left: 30px }
.iab { width: 100%; height: auto; padding-bottom: 170px; overflow: hidden; }
.iab .warp { width: 1200px; margin: 0 auto; padding-top: 150px; height: auto; }
.iab .warp .box { width: 390px; float: left; padding-top: 40px; }
.iab .warp .box h2 { display: block; line-height: 70px; font-size: 66px; color: #222; padding-top: 55px; position: relative; margin-bottom: 10px; }
.iab .warp .box h2:before { display: block; width: 125px; height: 3px; background-color: #222; display: block; content: ''; position: absolute; top: 0; left: 0; }
.iab .warp .box h3 { display: block; font-size: 50px; color: #222; line-height: 60px; margin-bottom: 30px; }
.iab .warp .box .cent { font-size: 16px; line-height: 30px; color: #1d2830; margin-bottom: 40px;height:120px }
.iab .warp .box .cent p { font-size: 16px; line-height: 30px; color: #1d2830; }
.iab .warp .box .btns { display: block; width: 175px; height: 50px; line-height: 50px; color: #fff; font-size: 18px; padding: 0 26px; border-radius: 3px; background: #54b1a6; border: 1px solid #54b1a6; background-position-x: 73%; transition: all 0.5s; -webkit-transition: all 0.5s; margin-bottom: 100px; }
.iab .box .btns:hover { background: #fff; box-shadow: 0 1px 18px 0px #54b1a685; color: #54b1a6; }
.iab .box .details { width: 299px; height: 299px; overflow: hidden; float: left; margin-top: 45px; border-radius: 4px; }
.iab .box .details img { transition: all 0.5s; -webkit-transition: all 0.5s }
.iab .box .details:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); }
.iab .warp .pic { float: right; width: 622px; height: 622px; }
.iab .warp .pic .video-pc { width: 100%; height: auto; position: relative; margin-bottom: 50px; overflow: hidden; border-radius: 4px; }
.iab .warp .pic .video-pc img { display: block; width: 100%; transition: all 0.5s; -webkit-transition: all 0.5s }
.iab .warp .pic .video-pc:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); }
.iab .warp .pic .video-pc .btns { display: block; width: 76px; height: 76px; z-index: 5; position: absolute; left: 50%; top: -30%; margin: -38px 0 0 -38px; cursor: pointer; transition: all 0.5s; -webkit-transition: all 0.5s; }
.iab .warp .pic .video-pc:hover .btns { top: 50% }
.iab .warp .pic .video-pc .btns:hover {}
.iab .warp .pic .video-ph { display: none; }
.iab .warp .bot { width: 67.5%; height: auto; overflow: hidden; padding-top: 54px; }
.iab .warp .bot h1 { display: block; margin-bottom: 30px; }
.iab .warp .bot-container { display: none; }
.iab .warp .bot ul { padding: 1%; overflow: hidden }
.iab .warp .bot ul li { float: left; width: 32%; margin-right: 2%; border-radius: 4px; overflow: hidden; transition: all 0.5s; -webkit-transition: all 0.5s; box-shadow: 0 1px 12px 0px #33333363; }
.iab .warp .bot ul li img { width: 100%; transition: all 0.5s; -webkit-transition: all 0.5s }
.iab .warp .bot ul li:hover { box-shadow: none; }
.iab .warp .bot ul li:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); }
.iab .warp .bot ul li:last-child { margin-right: 0px; }
.iab .bot li p { font-size: 64px; color: #1d2830; text-align: center; line-height: 70px; margin-bottom: 5px; }
.iab .bot li .intro { display: block; text-align: center; font-size: 14px; line-height: 20px; }
.prop-zhez { width: 100%; height: 100%; position: fixed; top: 0; left: 0;  z-index: 100; display: none }
.prop-video-box { width: 950px; margin: 0 auto; height: 60%; position: fixed; top: 15%; left: 50%; z-index: 101; margin-left: -475px }
.prop-video-box .close { display: block; width: 35px; height: 35px;  position: absolute; right: -50px; top: 0px; }
.prop-video-box .video { display: block; width: 100%; height: 100% }
.prop-video-box .main { display: block; width: 100%; height: 100% }
.sociology { background-color: #f4f6f6; overflow: hidden; }
.pc-title { padding: 70px 0 60px; text-align: center; }
.pc-title h1, .pc-title h1.pc-title p { display: block; color: #333; }
.pc-title h1 { font-size: 48px; margin-bottom: 30px; }
.pc-title p { font-size: 24px; }

.m-sociology { display: none; }
.four-flo { height: 700px; background: #f7f8fa background-size: 100%; }
.pub-sum { display: block; font-size: 40px; color: #3c3c3c; text-align: center; }
.four-flo .advantage { margin-top: 90px; overflow: hidden; }
.four-flo .advantage li { float: left; width: 30%; }
.four-flo .advantage li span, .four-flo .advantage li p { display: block; text-align: center; }
.four-flo .advantage li span { font-size: 96px; color: #50b1a6; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#038e7f), to(#4eb0a5)); -webkit-background-clip: text; font-weight: 600; margin-bottom: 22px; }
.four-flo .advantage li p { font-size: 18px; color: #555; }
.four-flo .advantage li:nth-of-type(2) { margin-left: 5%; }
.four-flo .advantage li:nth-of-type(3) { float: right; }
.six-flo { height: 778px; background-size: cover; }
.six-flo .pub-title { text-align: center; color: #fff; margin-bottom: 130px; padding-top: 100px; }

.bg-layer-1, .bg-layer-2 { position: absolute; left: 30px; right: 30px; background-color: #fff; height: 30px; transition: all 0.5s; animation-delay: 1.5s; background-color: rgba(255,255,255,0.4); }
.bg-layer-2 { bottom: -30px; left: 60px; right: 60px; transition: all 0.5s; animation-delay: 2s; }
.bg-layer-1 { bottom: -15px; }
.slide-content .photo img { position: absolute; z-index: 10; border-radius: 100%; top: -60px; margin-left: -60px; left: 50%; width: 120px; height: 120px; }
.slide-content .text { margin-top: 22px; font-size: 16px; color: #333; overflow: hidden; }
.slide-content .text .img-box { float: left; overflow: hidden; left: 3%; width: 40%; }
.slide-content .text .img-box a img { width: 100%; height: 100%; object-fit: cover; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.slide-content .text .img-box a { position: relative; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; overflow: hidden }
.slide-content .text:hover .img-box a img { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); }
.slide-content .text .img-box a { display: block; width: 100%; height: 244px; line-height: 244px; font-size: 0; border-radius: 4px; }
.slide-content .text .img-box a::after { content: ""; display: block; width: 100%; height: 0; background-color: #50b1a6; opacity: 0; z-index: 9999; position: absolute; bottom: 0; transition: all 0.3s ease 0s; }
.slide-content .text:hover .img-box a::after { opacity: 1; height: 6px; }
.slide-content .text .img-box em, .slide-content .text .img-box span { display: block; font-size: 18px; font-style: normal; }
.slide-content .text .img-box em { color: #009F95; margin-top: 30px; margin-bottom: 15px; }
.slide-content .text .img-box span { color: #999; }
.slide-content .text p { float: right; width: 52%; margin: 8% 0; margin-right: 3%; font-size: 16px; color: #333; line-height: 30px; text-align: left; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }

.slide-content .author { font-weight: bold; display: block; transition: color 0.3s; font-size: 18px; color: #ae2624; margin-top: 68px; }
.slide-content .position { display: inline-block; line-height: 1; vertical-align: middle; font-size: 18px; color: #999; }

.bai .bai-img { float: left; width: 40%; height: auto; overflow: hidden; box-shadow: 0 1px 12px 0px #33333363; border-radius: 4px; }
.bai .bai-img img { width: 100%; height: 100%; object-fit: scale-down; }
.bai .right-l { float: right; width: 50%; }
.bai .pc-title { margin-bottom: 70px; }
.bai .right-l span { display: block; width: 109px; height: 104px;  position: relative; }
.bai .right-l span:after { position: absolute; width: 103px; height: 2px; content: ''; background-color: #00ada8; left: 0; top: 110%; }
.bai .right-l h1 { display: block; font-size: 30px; color: #00ada8; margin-top: 50px; line-height: 46px; }
.bai .right-l a { display: block; width: 180px; height: 44px; line-height: 44px; border-radius: 24px; border: solid 1px #00ada8; text-align: center; color: #fff; font-size: 18px; margin-top: 37px; position: relative; z-index: 1; background-color: #00ada8; }

.right-m .news-list { float: left; border-left: 1px solid #eaeaea; height: 100%; width: 33%; padding-bottom: 80px; }
.right-m .news-list a { display: block; width: 100%; padding: 28.7% 4% 0; }
.right-m .news-list img { width: 100%; }
.right-m .news-list .day { font-size: 80px; color: #666; line-height: 60px; opacity: 0.2; padding-bottom: 17%; transition: all .5s ease-in-out; }
.right-m .news-list .day i { font-style: normal; }
.right-m .news-list .day em { font-size: 18px; }
.right-m .news-list .data { font-size: 14px; color: #333333; line-height: 33px; margin-bottom: 7px; }
.right-m .news-list h2 { white-space: nowrap; text-overflow: ellipsis; font-size: 16px; color: #333; line-height: 25px; height: 50px; overflow: hidden; margin-bottom: 6%; transition: color 0.5s; transition: all .3s ease-in-out; }
.right-m .news-list .latest { font-size: 12px; color: #999999; line-height: 19px; margin-bottom: 4%; }
.right-m .news-list .pic { float: none; display: block; width:245px; height: 155px; margin-bottom: 7%; overflow: hidden; border-radius: 4px; }
.right-m .news-list:hover h2 { padding-left: 10px; color: #50b1a6 }

.right-m .news-list img { width: 100%; height: 100%; object-fit: cover; transition: all 0.4s; }
.right-m .news-list .font { display: block; font-size: 13px; color: #888888; line-height: 26px; height: 80px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.right-m .news-list .more { width: 52px; height: 11px; margin-top: 19%; position: relative; left: 0; transition: left 0.5s; }
.right-m .pic { overflow: hidden; }
.right-m .news-list.on .bg { position: absolute; top: 0; right: 0; width: 100%;  background-size: 100% 100%; height: 100%; }
.tab .box ul { overflow: hidden; margin: 60px auto; }
.tab .box ul li { float: left; margin-right: 45px; cursor: pointer; }
.tab .box ul li.active { color: #54b1a6; }
.right-m .news-list:hover .pic img { transform: scale(1.08,1.08); }
.right-m .news-list:hover .more { left: 30px; }
.right-m .news-list:hover .day { color: #00ada8; }
.eight-flo { background-color: #50B1A6; }

.cd-nav { display: none; }
.banner { height: 600px; position: relative; margin-top: 100px; }
.banner a { display: block; height: 100%; }
.banner a img { width: 100%; height: 100%; object-fit: cover; }
.banner span { position: absolute; top: 40%; color: #fff; z-index: 99; left: 50%; text-align: center; transform: translateX(-50%); font-size: 48px; }
.banner:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.27); }
.que .pc-title h1 { font-size: 36px; }
.que .pc-title p { font-size: 16px; color: #666;}
.mobile-wr { display: none; }
.pc-job { width: 1200px; overflow: hidden; margin: 0 auto; }
.pc-job .pub-title { padding-top: 100px; text-align: center; }
.job-warp { width: 1032px; margin: 0px auto 100px; }
.job-warp ul li { height: auto; width: 100%; border-bottom: 1px solid #e9ebed }
.job-warp li .title { height: 52px; line-height: 52px; padding: 0 40px; color: #4b4b4b; background-color: #ffffff; font-size: 14px; cursor: pointer; transition: all 0.5s; -webki t-transition: all 0.5s;overflow:hidden }
.que-wrap.job-warp li .title { padding: 0; }
.job-warp li .title em { font-style: normal; width: 25%; float: left; }
.que-wrap.job-warp li .title em { float: initial; }
.que-wrap.job-warp li .warp { padding: 0 0 20px; }
.que-wrap.job-warp li .title em { width: 50%; }
.job-warp li .title em i { font-style: normal; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.job-warp li .title em i.has:after { content: ''; display: block; position: absolute; top: -11px; right: -36px; z-index: 1; width: 30px; height: 31px; -webkit-animation: Hot 0.3s ease alternate infinite; animation: Hot 0.3s ease alternate infinite; }
.que-wrap.job-warp li .title em i { font-size: 20px; color: #333; }
.job-warp li .title em:nth-of-type(2) { text-align: center; }
.job-warp li .title em:nth-of-type(3) { text-align: left; }
.job-warp li.on .title { background-color: #50B1A6; color: #fff; }
.que-wrap.job-warp li.on .title { background-color: transparent; color: #333; }
.job-warp li .title span { float: right; padding-right: 30px; background: url(../images/bottom.png) right center no-repeat; }
.job-warp li.on .title span { background: url(../images/top.png) right center no-repeat }
.job-warp li .warp { padding: 10px 40px 20px; background-color: #fff; display: none }
.job-warp .warp .tbl { width: 80%; margin-bottom: 25px; padding: 10px 20% 20px 0; border-bottom: 1px solid #af2823; overflow: hidden; }
.job-warp .warp .tbl p { width: 25%; float: left; font-size: 14px; color: #222; line-height: 26px; }
.job-warp .warp .tbl p span { color: #565656; padding-left: 15px; }
.job-warp .warp .cont h2 { font-size: 14px; color: #222; line-height: 30px; margin-bottom: 15px; }
.job-warp .warp .cont .cent, .job-warp .warp .cont .cent p { font-size: 14px; line-height: 28px; color: #565656 }
.job-warp .warp .btns { display: block; font-size: 14px; line-height: 20px; color: #333; cursor: pointer; transition: all 0.5s; -webkit-transition: all 0.5s; text-transform: uppercase; margin: 39px auto 20px; }
.job-warp .warp .btns:hover { color: #222; }
.job-title { width: 1032px; margin: 0 auto; height: 50px; line-height: 50px; background-color: #f6f6f6; padding: 0 40px; }
.job-title span { float: left; overflow: hidden; width: 25%; text-align: left; font-size: 16px; color: #666; }
.job-title span:nth-of-type(2) { text-align: left; }
.job-title span:nth-of-type(3) { text-align: left; }
.job-title span:nth-of-type(4) { text-align: right; }
.about { background-color: #f5f5f5; height: 60px; }
.about a { float: left; width: 32.333333%; text-align: center; font-size: 18px; color: #666; line-height: 60px; background-color: #f5f5f5; transition: all 0.5s; -webkit-transition: all 0.5s; }
.about a em { display: block; position: relative; width: -webkit-max-content; width: -moz-max-content; width: max-content; text-align: center; font-size: 18px; color: #666; line-height: 60px; font-style: normal; margin: 0 auto }
.about a em:after { content: '';height: 2px; background-color: #fff; display: block; width: 0; border-bottom: 1px solid #ffffff; position: absolute; bottom: 0; left:50%; transition: width 400ms ease-in-out; z-index: 1;margin-left:-45px }
.about a:nth-of-type(2) { border-right: solid 1px #ccc; border-left: solid 1px #ccc }
.about a.on em,.about a:hover em{ color:#50b1a6}
.about a:hover em:after, .about a.on em:after { background-color: #50b1a6;width:90px;  }
.survey { margin-top: 130px; }
.about-title { text-align: center; }
.about-title span { position: relative; font-size: 30px; color: #333; text-align: center; }
.about-title span:after { position: absolute; content: ''; bottom: -20px; width: 40px; height: 2px; background-color: #50B1A6; left: 50%; margin-left: -20px; }
.four-flo .sunm { margin-top: 80px; font-size: 16px; color: #666; text-align: left; line-height: 32px; letter-spacing: 1px; }
.about-fir { background: none; height: auto; padding-bottom: 170px; }
.about-fir .advantage li span { background-image: none }
.cate-nav.fixed { position: fixed; left: 0; right: 0; top: 0; z-index:99999; }

 .video iframe { width:100%;height:100%}
.product-title.fixed { position: fixed; left: 0; right: 0; top: 0; z-index: 10; }
.product-title.fixed { height: 40px; }
.product-title.fixed a { line-height: 40px; }
.cd-search { display: none; }
.history { background-color: #f9f9f9; padding: 77px 0 165px; }
.about-idea-ajax { padding-top: 46px; }
.idea-ajax { width: 100%; background: #fff; height: 350px; }

.w800 { width: 800px; margin: 110px auto 90px; }
.w800 > h1, .w800 ul li span, .w800 ul li p { display: block; }
.w800 > h1 { display: block; font-size: 20px; color: #333; border-bottom: solid 1px #50B1A6; width:84px; padding-bottom: 8px; }
.w800 ul li span, .w800 ul li p { font-size: 16px; color: #666; }
.w800 ul li { margin-top: 52px; }
.w800 ul li span { margin: 0px 0 10px; }
.w800 ul li p { line-height: 32px; }
.cen-banner { background: no-repeat center; background-attachment: fixed; background-size: cover; }
.culture .link-module { margin: 180px auto 160px; }
.honor .job-title { width: 100%; background-color: transparent; border-bottom: solid 1px #e0e0e0; padding: 0; }
.honor .job-warp { width: 100%; }
.honor .job-title span { width: 23%; text-align: left; }
.honor .job-title span:last-of-type { float: right; width: 5%; }
.honor .pc-job { margin-top: 50px; }
.honor > h1 { display: block; font-size: 20px; color: #333; border-bottom: solid 1px #54B1A6; width: 100px; padding-bottom: 6px; margin-top: 100px; }
.honor .job-warp li .title { padding: 0; }
.honor .job-warp li .title em:nth-of-type(2) { text-align: left; }
.honor .job-warp li .title em { width: 23%; color: #555; }
.honor .job-warp li .title span { width: 5%; background: url(../images/bottom.png) center no-repeat; height: 20px; margin-top: 18px; }
.honor .job-warp li.on .title span { background: url(../images/top.png)center no-repeat; }
.honor .job-warp li.on .title { background-color: transparent; }
.job-warp li.on .title { color: #333; }
.honor .job-warp .cent img { width: 486px; height: 353px; margin: 100px auto; display: block; }
.news-mian > ul { margin: 38px 0 10px; overflow: hidden; }
.news-mian > ul li { float: left; margin-right: 70px; height: 37px; margin-left: 7px; }
.news-mian > ul li a { display: block; position: relative; font-size: 24px; height: 37px; color: #999; transition: all .5s; }
.news-mian > ul li a:after { content: ''; height: 1px; background-color: #fff; display: block; width: 0; border-bottom: 1px solid #ffffff; position: absolute; bottom: 0; left: 0; transition: width 400ms ease-in-out; z-index: 1; }
.news-mian ul li a:hover, .news-mian ul li a.on { color: #50b1a6 }
.news-mian ul li a:hover:after, .news-mian ul li a.on:after { background-color: #50b1a6; width: 100%; }
.news-con { overflow: hidden; margin-top: 30px }
.news-con .lf-con { width: 71%; float: left; padding: 1%; }
.news-con .rt-con { width: 26%; float: right; margin-top: 1% }
.news-con .lf-con .news-list { height: 225px; border: solid 1px #e0e0e0; border-radius: 4px; transition: all .5s ease; margin-bottom: 30px; background-color: #fff; }
.news-con .lf-con .news-list:hover { -webkit-transform: translate(0, -10px); transform: translate(0, -10px); -moz-box-shadow: 0px 1px 10px rgba(137, 137, 137, 0.3); -webkit-box-shadow: 0px 1px 10px rgba(137, 137, 137, 0.3); box-shadow: 0px 1px 10px rgba(137, 137, 137, 0.3); cursor: pointer; }
.news-con .lf-con .news-list .imgBox { float: left; width: 270px; height: 180px; margin: 20px; overflow: hidden; transition: all .5s ease; }
.news-con .lf-con .news-list .imgBox img { width: 100%; height: 100%; object-fit: cover; transition: all .5s ease; }
.news-con .lf-con .news-list .txtBox { float: right; width: 61%; margin: 20px 20px 20px 0; }
.news-con .lf-con .news-list .txtBox .tlt { margin-bottom: 20px; overflow: hidden; }
.news-con .lf-con .news-list .txtBox .tlt h1 { float: left; font-size: 18px; color: #333; width: 70%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; transition: all .5s ease; }
.news-con .lf-con .news-list .txtBox .tlt span { float: right; font-size: 14px; line-height: 25px; color: #999; }
.news-con .lf-con .news-list .txtBox p { display: block; font-size: 14px; height:84px;line-height: 28px; color: #999; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 30px; }
.news-con .lf-con .news-list .txtBox a { display: block; text-decoration: underline; font-size: 14px; color: #50b1a6; }
.news-con .lf-con .news-list:hover .txtBox .tlt h1 { color: #50b1a6; padding-left: 5px; }
.news-con .lf-con .news-list:hover .imgBox img { -webkit-transform: scale(1.05); transform: scale(1.05); }
.news-con .rt-con .rt-title { display: block; margin-bottom: 18px; font-size: 18px; color: #50B1A6; border-left: solid 4px #50B1A6; padding-left: 10px; }
.news-con .rt-con .n-list { width: 100%; background-color: white; margin-bottom: 30px; border-radius: 4px; -moz-box-shadow: 0px 1px 10px rgba(137, 137, 137, 0.3); -webkit-box-shadow: 0px 1px 10px rgba(137, 137, 137, 0.3); box-shadow: 0px 1px 10px rgba(137, 137, 137, 0.3); transition: all .2s ease; }
.news-con .rt-con .n-list a { display: block; width: 100%; height: 210px; overflow: hidden; position: relative; font-size: 0 }
.news-con .rt-con .n-list a img { width: 100%; height: 100%; object-fit: cover; transition: all ease-out .2s; }
.news-con .rt-con .n-list a .item_img_mask { width: 100%; height: 100%; position: absolute; left: -10px; top: -10px; border: #ffffff 10px solid; z-index: 99; transition: all ease-in .2s; }
.news-con .rt-con .n-list a:hover .item_img_mask { width: calc(100% - 20px); height: calc(100% - 20px); left: 0px; top: 0px; opacity: 1 }
/*.news-con .rt-con .n-list:hover a { height: calc(100% - 20px);  }*/
.news-con .rt-con .n-list span { display: block; margin: 15px; padding-bottom: 25px; font-size: 16px; color: #333; transition: all .5s ease; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
/*.news-con .rt-con .n-list:hover { -webkit-transform: translate(0, -10px); transform: translate(0, -10px); cursor: pointer; }*/
.news-con .rt-con .n-list:hover span { color: #50B1A6; }
.news-item .imgBox { float: inherit; display: block; width: 100%; height: 430px; }
.news-con .lf-con .news-list.no-bg { background-color: transparent; border: none; margin-bottom: 0; }
.news-con .rt-con.n-rt-con { width: 26%; }
.news-con .lf-con.n-lf-con { width: 71%; }
.news-con .rt-con .n-list.tag-img a { width: 100%; height: 180px; }
.news-con .lf-con .news-list.no-bg .txtBox { width: 63%; }
.news-con .lf-con .news-list.no-bg .imgBox { margin: 20px 0; }
.news-con .lf-con .news-list.no-bg:hover { box-shadow: none; }
.news-item { padding: 30px; background-color: #fff; margin-bottom: 30px; transition: all .5s ease; }
.news-con .lf-con .news-item .tlt { margin-bottom: 20px; overflow: hidden; }
.news-con .lf-con .news-item .tlt h1 { float: left; font-size: 18px; color: #333; width: 70%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; transition: all .5s ease; }
.news-con .lf-con .news-item .tlt span { float: right; font-size: 14px; line-height: 25px; color: #999; }
.news-con .lf-con .news-item p { display: block; font-size: 14px; line-height: 28px; color: #999; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 10px; }
.news-con .lf-con .news-item a { display: block; text-decoration: underline; font-size: 14px; color: #50b1a6; }
.news-con .lf-con .news-item:hover .tlt h1 { color: #50b1a6; padding-left: 5px; }
.news-con .lf-con .news-item:hover .imgBox img { -webkit-transform: scale(1.05); transform: scale(1.05); }
.news-con .lf-con .news-item .imgBox img { width: 100%; height: 100%; object-fit: cover; transition: all .5s ease; }
.news-con .lf-con .news-item .imgBox { float: inherit; display: block; width: 100%; height: 430px; overflow: hidden; transition: all .5s ease; border-radius: 4px; margin-bottom: 30px; }
.news-con .lf-con .news-item:hover { -webkit-transform: translate(0, -10px); transform: translate(0, -10px); cursor: pointer; }
.n-pc-job { width: 1200px; overflow: hidden; margin: 0 auto; padding-top: 50px; }
.n-pc-job .pub-title { padding-top: 100px; text-align: center; }
.p-job-warp { width: 1032px; margin: 0px auto 100px; }
.p-job-warp ul li { height: auto; width: 100%; border-bottom: 1px solid #e9ebed }
.p-job-warp li .title { height: 52px; line-height: 52px; padding: 0 40px; color: #4b4b4b; background-color: #ffffff; font-size: 14px; cursor: pointer; transition: all 0.5s; -webki t-transition: all 0.5s; }
.p-job-warp li .title em { font-style: normal; float: left; width: 25%; }
.p-job-warp li .title em i { font-style: normal; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.p-job-warp li .title em i.has:after { content: ''; display: block; position: absolute; top: -11px; right: -36px; z-index: 1; width: 30px; height: 31px; background: url(../images/hot.png) no-repeat center; -webkit-animation: Hot 0.3s ease alternate infinite; animation: Hot 0.3s ease alternate infinite; }
.p-job-warp li .title em:nth-of-type(2) { text-align: center; }
.p-job-warp li .title em:nth-of-type(3) { text-align: left; }
.p-job-warp li.on .title { background-color: #50B1A6; color: #fff; }
.p-job-warp li .title span { float: right; padding-right: 30px; background: url(../images/bottom.png) right center no-repeat; }
.p-job-warp li.on .title span { background: url(../images/back.png) right center no-repeat }
.p-job-warp li .warp { padding: 10px 40px 20px; background-color: #fff; display: none }
.p-job-warp .warp .tbl { width: 80%; margin-bottom: 25px; padding: 10px 20% 20px 0; border-bottom: 1px solid #af2823; overflow: hidden; }
.p-job-warp .warp .tbl p { width: 25%; float: left; font-size: 14px; color: #222; line-height: 26px; }
.p-job-warp .warp .tbl p span { color: #565656; padding-left: 15px; }
.p-job-warp .warp .cont h2 { font-size: 14px; color: #222; line-height: 30px; margin-bottom: 15px; }
.p-job-warp .warp .cont .cent, .job-warp .warp .cont .cent p { font-size: 14px; line-height: 28px; color: #565656 }
.p-job-warp .warp .btns { display: block; font-size: 14px; line-height: 20px; color: #333; cursor: pointer; transition: all 0.5s; -webkit-transition: all 0.5s; text-transform: uppercase; margin: 39px auto 20px; }
.p-job-warp .warp .btns:hover { color: #222; }
.job-title { width: 952px; margin: 0 auto; height: 50px; line-height: 50px; background-color: #f6f6f6; padding: 0 40px; }
.job-title span { float: left; overflow: hidden; width: 25%; text-align: left; font-size: 16px; color: #333; }
.job-title span:nth-of-type(2) { text-align: left; }
.job-title span:nth-of-type(3) { text-align: left; }
.job-title span:nth-of-type(4) { text-align: right; }
.recruit ul { margin-bottom: 30px; }
.banner { position: relative; }
.banner .banner-title { transform: translateY(-45vh); opacity: 1; transition: all .4s; text-align: center; position: absolute; z-index: 99; top: 50%; left: 0; width: 100%; transform: translate(0,-50%); }
.banner .banner-title h1 { font-size: 48px; margin-bottom: 70px; color: #fff; }
.banner .banner-title p { font-size: 24px; color: #fff; }
.top-banner { position: relative; height: 600px; margin-top: 100px; }
.top-banner img { width: 100%; height: 100%; object-fit: cover; }
.top-banner .top-txt { position: absolute; width: 30%; left: 50%; top: 50%; transform: translate(76px,-50%); }
.top-banner .top-txt h1, .top-banner .top-txt p { color: #fff; }
.top-banner .top-txt h1 { font-size: 30px; margin-bottom: 30px; line-height: 40px; }
.top-banner .top-txt p { font-size: 16px; line-height: 32px; }
.tips ul li { display: block; width: 100%; height: 600px; position: relative; }
.tips ul li img { width: 100%; height: 100%; object-fit: cover; }
.lf-tex, .rt-tex { position: absolute; width: 30%; top: 50%; transform: translate(76px,-50%); transition: all .2s ease-in-out }
.lf-tex { right: 50%; }
.rt-tex { left: 50%; }
.lf-tex h1, .rt-tex h1 { display: block; font-size: 48px; color: #50B1A6; margin-bottom: 30px; line-height: 60px; }
.lf-tex span, .rt-tex span { display: block; font-size: 18px; color: #333; line-height: 36px; }
.skill-title h1 { color: #50B1A6; }
.pc { display: block; }
.mo { display: none; }
.white-banner.top-banner .top-txt { left: 50%; transform: translate(-600px,-50%); }
.white-banner.top-banner .top-txt h1 { font-size:48px; line-height: 120px;font-weight:inherit;color:#fff }
.white-banner.top-banner .top-txt p { font-size: 24px;line-height:48px }
.bai-b { margin: 146px auto; overflow: hidden; }
.bai-b .fr { width: 48%; }
.bai-b .fr img { float: right }
.bai-b .fl { width: 46%; }
.bai-b .fl h1, .bai-b .fl p { display: block; }
.bai-b .fl h1 { font-size: 36px; color: #50B1A6; }
.bai-b .fl img { width: 90px; height: 90px; object-fit: cover; margin: 30px 0; }
.bai-b .fl p { font-size: 16px; color: #666; line-height: 32px; }
.gy { height: 720px; background-color: #f5f5f5; }
.gy { }
.gy-title { padding: 80px 0; text-align: center; }
.gy-title h1, .gy-title p { display: block; }
.gy-title h1 { font-size: 36px; color: #50B1A6; margin-bottom: 25px; }
.gy-title p { font-size: 16px; color: #333; }
.gy-swiper { height: 365px; }
.gy-swiper .fl, .gy-swiper .fr { width: 50%; height: 365px; overflow: hidden }
/*.gy-swiper .fl{width: 48%;}*/ .gy-swiper .fl { background-color: #fff; position: relative }
.gy-swiper .fl:after { content: ""; display: block; width: 100%; height: 0; background-color: #50b1a6; opacity: 0; z-index: 9999; position: absolute; bottom: 0; transition: all 0.3s ease 0s; }
.gy-swiper:hover .fl:after { opacity: 1; height: 6px; }
.gy-box { float: left; margin-left: 60px; }
.gy-swiper .fr img { width: 100%; height: 100%; object-fit: cover; transition: all .3s ease-in; -webkit-transition: all .3s ease-in-out }
.gy-swiper:hover .fr img { transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); }
.gy-swiper .fl h2, .gy-swiper .fl span, .gy-swiper .fl p { margin: 0 36PX 0 110px; }
.gy-swiper .fl h2 { font-size: 30px; color: #333; margin-top: 68px; margin-bottom: 10px; }
.gy-swiper .fl span { display: block; font-size: 18px; color: #333; margin-top: 10px; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.gy-swiper .fl span:after { position: absolute; left: -109px; top: 9px; content: ''; width: 60px; height: 2px; background-color: #333; }
.gy-swiper .fl p { font-size: 16px; color: #666; line-height: 28px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; margin-top: 36px; }
.gy-swiper .swiper-button-next, .gy-swiper .swiper-container-rtl .swiper-button-prev { right: inherit; left: 60px; bottom: 0; top: inherit; }
.gy-swiper .swiper-button-next, .gy-swiper .swiper-button-prev { width: 60px; height: 60px; background-size: cover }
.gy-swiper .swiper-button-prev, .gy-swiper .swiper-container-rtl .swiper-button-next { left: 0px; right: auto; top: inherit; bottom: 0; }
.gy-main ul li:nth-of-type(3) { height: 278px; width: 300px; margin-bottom: 20px; }
.gy-main ul li:nth-of-type(4) { height: 278px; width: 300px; }
.gy-main ul li:nth-of-type(3) a:nth-of-type(1) { padding: 0; }
.gy-main ul li:nth-of-type(3) a:nth-of-type(1) { width: 100%; height: 100%; }
.gy-main ul li:nth-of-type(4) a { height: 100%; }
.party-swiper { height: 630px; margin-bottom: 180px !important }
.party-swiper .swiper-scrollbar-drag { background: #50B1A6; }
.party-swiper .swiper-scrollbar { background-color: #f2f2f2; }
.party-swiper .main-sociology ul li a { overflow: hidden; }
.party-swiper .main-sociology ul li a img { transition: all .3s ease-in; }
.party-swiper .main-sociology ul li a:hover img { transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05) }
.follow { height: 487px; background-color: #f2f1f6; overflow: hidden; }
.follow-main { height: 100%;background-position-y: 166px; }
.follow-main .fl { width: 180px; height: 180px; margin-left: 210px; }
.follow-main .fl img { width: 100%; height: 100%; object-fit: cover; }
.follow-main .fr { width: 46%; margin-right: 190px; }
.follow-main .fr, .follow-main .fl { margin-top: 80px; }
.follow-main .fl span { font-size: 16px; color: #666; display: block; margin-top: 18px; text-align: center; }
.follow-main .fr h1, .follow-main .fr p { display: block; }
.follow-main .fr h1 { font-size: 30px;line-height:40px; margin: 20px 0 30px; color: #50B1A6; }
.follow-main .fr p { font-size: 16px; color: #333; line-height: 32px; }
.product-title { overflow: hidden; background-color: #f5f5f5; transition: all 0.5s; -webkit-transition: all 0.5s; }
.product-title ul li { float: left; height: 60px; line-height: 60px; width: 24.9%; text-align: center; border-left: solid 1px #e0e0e0; }
.product-title ul li a { display: block; width: 100%; height: 60px; line-height: 60px; font-size: 18px; color: #666; position: relative; transition: all 0.5s; -webkit-transition: all 0.5s; }
.product-title ul li a span, .product-title ul li a span { position: relative; width: 26%; color: #666; height: 60px; line-height: 60px; display: block; margin: 0 auto; transition: all 0.5s; -webkit-transition: all 0.5s; }
.product-title ul li a span:after { content: ''; height: 2px; background-color: #50b1a6; display: block; width: 0; position: absolute; bottom: 0; left: 0; transition: width 400ms ease-in-out; z-index: 1; }
.product-title ul li a:hover span:after, .product-title ul li a.on span:after { background-color: #50b1a6; width: 100%; }
.product-title ul li a:hover span, .product-title ul li a.on span { color: #50b1a6 }
.product-title ul li:last-of-type a span { width: 100%; line-height: 42px; height: 42px; color: #fff; }
/*.product-title ul li:last-of-type a:hover span { line-height:38px}*/
.product-title ul li:last-of-type a span:after { content: none }
/*.product-title ul li:last-of-type a:hover span { border-bottom:solid 1px #fff}*/
.product-title.fixed { position: fixed; left: 0; right: 0; top: 0; z-index: 10; }
.product-title.fixed { height: 60px; }
.product-title.fixed a { line-height: 60px; }
.product-title ul li:nth-of-type(4) a { position: relative; }
.product-title ul li:nth-of-type(4) a:after { content: none; height: 42px; line-height: 42px; z-index: 1; }
.product-title ul li:nth-of-type(4) a { width: 138px; height: 42px; line-height: 42px; border-radius: 27px; background-color: #f08c38; margin: 10px auto 0; color: #fff; }
.product-title ul li:nth-of-type(1) { border-left: 0; }
.info { overflow: hidden; }
.info h1 { display: block; margin-top: 70px; font-size: 14px; color: #333; margin-bottom: 20px; }
.info ul li { float: left; width: 33.333333%; }
.info ul li span { display: block; font-size: 14px; color: #666; margin-bottom: 20px; }
.info ul li:nth-of-type(2) span { margin-left: 30px; }
/*.infoImg { margin-top: 125px; }*/
.infoImg img { width: 100%; }

.product-link { display: none; }
.choice { height: 1054px; background: url(../Images/select/3.jpg) no-repeat center; background-color: #efeef1; position: relative; background-size: cover; }
.choice-title { padding-top: 78px; text-align: center; }
.choice-title h1, .choice-title p { display: block; }
.choice-title h1 { font-size: 36px; color: #333; margin-bottom: 30px; }
.choice-title p { font-size: 16px; color: #666; }
.choice ul { position: absolute; width: 58%; left:40%; margin-right: -60px; overflow: hidden; height: 291px; transform: translate(0,120%); }
.choice ul li { float: left; /*margin-right: 127px;*/ margin-left: 20px; margin-top: 20px; width:28%}
.choice ul li a, .choice ul li span { display: block; }
.choice ul li:nth-of-type(3) { margin-right: 0; }
.choice ul li a { margin-bottom: 20px; width: 100%; height: 226px; overflow: hidden; transition: all .25s ease-in; }
.choice ul li a img { width: 100%; height: 100%; object-fit: contain; }
.choice ul li span { text-align: center; }
.choice ul li:hover a { -webkit-transform: translate(0, -10px); transform: translate(0, -10px); }
.skin ul { overflow: hidden; margin-bottom: 170px; }
.skin ul li { float: left; margin: 0 150px; }
.skin ul li a { display: block; width: 300px; height: 300px; overflow: hidden; margin-bottom: 40px; -webkit-box-shadow: 0px 1px 16px rgba(137, 137, 137, 0.3); border-radius: 50%; margin-top: 55px; transition: all .25s ease-in; box-shadow: 0px 1px 16px rgba(137, 137, 137, 0.3); }
.skin ul li a img { width: 100%; height: 100%; object-fit: cover; }
.skin ul li span { font-size: 24px; color: #333; }
.skin ul li a:hover { -webkit-transform: translate(0, -10px); transform: translate(0, -10px); }

.pro-use { overflow: hidden; }
.voide .pic { width: 100%;  marker-mid: url(../Images/about/567.png); margin: 80px auto; max-width:800px; }
.voide .pic .video-pc { width: 100%; height: auto; position: relative; margin-bottom: 50px; overflow: hidden; border-radius: 4px; }
.voide .pic .video-pc img { display: block; width: 100%; transition: all 0.5s; -webkit-transition: all 0.5s }
.voide .pic .video-pc:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); }
.voide .pic .video-pc .btns { display: block; width: 76px; height: 76px; background: url(images/iab-btns.png) center no-repeat; z-index: 5; position: absolute; left: 50%; top: -30%; margin: -38px 0 0 -38px; cursor: pointer; transition: all 0.5s; -webkit-transition: all 0.5s; }
.voide .pic .video-pc .btns:hover { background: url(../img/iab-btns1.png) center no-repeat; }
.voide .pic .video-pc:hover .btns { top: 50%; }
.voide .pic .video-ph { display: none; }
.voide .bot { width: 66%; height: auto; overflow: hidden; padding-top: 60px; }
.voide .bot h1 { display: block; margin-bottom: 30px; }
.voide .bot-container { display: none; }
.voide .bot ul { padding: 1%; overflow: hidden }
.voide .bot ul li { float: left; width: 32%; margin-right: 2%; border-radius: 4px; overflow: hidden; transition: all 0.5s; -webkit-transition: all 0.5s; box-shadow: 0 1px 12px 0px #33333363; }
.voide .bot ul li img { width: 100%; transition: all 0.5s; -webkit-transition: all 0.5s }
.voide .bot ul li:hover { box-shadow: none; }
.voide .bot ul li:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); }
.voide .bot ul li:last-child { margin-right: 0px; }
.voide .pic .video-pc .btns:hover { background: url(../Images/use/iab-btns1.png) center no-repeat; }

.f-banner { height:600px; }
.f-banner .banner-title { left: 50%;
    width: 1200px;
    text-align: left;
    transform: translate(-50%,-50%);}

.founder { overflow: hidden; margin: 0 auto; }
.founder .pic { width: 100%; height:400px; marker-mid: url(../Images/about/567.png); }
.founder .pic .video-pc { width: 100%; height: auto; position: relative;  overflow: hidden; border-radius: 0px; }
.founder .pic .video-pc img { display: block; width: 100%; transition: all 0.5s; -webkit-transition: all 0.5s }
.founder .pic .video-pc:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); }
.founder .pic .video-pc .btns { display: block; width: 76px; height: 76px; background: url(images/iab-btns.png) center no-repeat; z-index: 5; position: absolute; left: 50%; top: -30%; margin: -38px 0 0 -38px; cursor: pointer; transition: all 0.5s; -webkit-transition: all 0.5s; }
.founder .pic .video-pc .btns:hover { background: url(../img/iab-btns1.png) center no-repeat; }
.founder .pic .video-pc:hover .btns { top: 50%; }
.founder .pic .video-ph { display: none; }
.founder .bot { width: 66%; height: auto; overflow: hidden; padding-top: 60px; }
.founder .bot h1 { display: block; margin-bottom: 30px; }
.founder .bot-container { display: none; }
.founder .bot ul { padding: 1%; overflow: hidden }
.founder .bot ul li { float: left; width: 32%; margin-right: 2%; border-radius: 0px; overflow: hidden; transition: all 0.5s; -webkit-transition: all 0.5s; box-shadow: 0 1px 12px 0px #33333363; }
.founder .bot ul li img { width: 100%; transition: all 0.5s; -webkit-transition: all 0.5s }
.founder .bot ul li:hover { box-shadow: none; }
.founder .bot ul li:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); }
.founder .bot ul li:last-child { margin-right: 0px; }
.founder .pic .video-pc .btns:hover { background: url(../Images/use/iab-btns1.png) center no-repeat; }
.founder > h1 { display: block; font-size: 20px; color: #333; border-bottom: solid 1px #50B1A6; width:100px; padding-bottom: 8px; }
.founder .fr { width: 28%; margin-top: 130px; }
.founder .fr span { display: block; font-size: 16px; color: #666; line-height: 32px; margin-bottom: 10px; }
.founder .fr span:nth-of-type(3) { margin-bottom: 20px; }
.founder .fr h1 { font-size: 16px; color: #666; line-height: 32px; margin-top: 60px; margin-left: 60px; }


.founder-info { height: 750px; background: url(../Images/founder/134.jpg) no-repeat center; overflow: hidden; }
.founder-info .fr { width: 100%; height: 449px; border: solid 10px #fff; border-radius: 0px; margin-top: 150px; overflow: hidden; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out }
.founder-info .fr img { width: 100%; height: 100%; object-fit: cover; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out }
.founder-info:hover .fr img { transform: scale(1.05); -webkit-transform: scale(1.05); }
/*.founder-info:hover .fr { border-color:#50b1a6}*/
.founder-info .fl { width: 46%; margin-top: 150px }
.founder-info .fl h1 { display: block; font-size: 36px; color: #fff; margin: 20px 0 60px; }
.founder-info .fl p { font-size: 16px; color: #fff; line-height: 32px; }

.sociology.founder-sociology { background-color: #fff; }
.founder-sociology .main-sociology ul li:nth-of-type(3) a:nth-of-type(1) { width: 100%; padding: 0; height: 278px; margin-bottom: 20px; }
.founder-sociology .main-sociology ul li:nth-of-type(4) a { height: 278px; background: url(../Images/founder/8.png) no-repeat center; width: 100%; display: block; background-position-y: 40%; transition: all .3s ease-in; }
.founder-sociology .main-sociology ul li:nth-of-type(4) { height: 278px; width: 300px; background-color: #f5f5f5; }
.founder-sociology .main-sociology ul li:nth-of-type(4) a span { display: block; font-size: 20px; color: #666; text-align: center; margin-top: 185px }
.founder-sociology .main-sociology ul li:nth-of-type(4):hover a { background: url(../Images/founder/88.png) no-repeat center; background-position-y: 40%; }
.founder-sociology .choice-title { padding-top: 0; }
.founder-sociology .choice-title h1 { margin: 175px auto 73px; }

.prize { height: 800px; background-color: #f9f9f9; overflow: hidden; }
.prize .fl { width: 560px; }
.prize .fr { width: 48%; margin-top: 20px; }
.prize .fr { display: block; font-size: 16px; color: #666; line-height: 36px; }
.prize .choice-title { margin-bottom: 110px; }
#banner { width: 100%; height: 400px; overflow: hidden; position: relative; }
#banner .swiper-container { width: 100%; height: 400px; position: absolute; }
#banner .swiper-slide .detail { height: 44px; background: rgba(0,0,0,.7); position: absolute; width: 100%; bottom: 0; color: #fff; opacity: 0; transition: opacity .3s .3s; }
#banner .swiper-slide-active .detail { opacity: 1; }
#banner .swiper-slide .detail h3 { width: 60%; margin: 0 15px; line-height: 44px; }

/**/ #banner .swiper-slide img { height: 100%; width: 100%; object-fit: cover; }

#banner .swiper-pagination { bottom: 15px; right: 10px; z-index: 999; }
#banner .swiper-pagination-bullet { width: 10px; height: 10px; background: #50B1A6; margin: 0 5px; }
.style .choice-title { margin-bottom: 80px; }
.style-swiper { overflow: hidden; margin-bottom: 110px !important; height: 500px; }
.style-swiper .swiper-slide ul li { width: 32.333333%; float: left; }
.style-swiper .swiper-slide ul li:nth-of-type(2) { margin: 0 1.5%; }
.style-swiper .swiper-slide ul li .w-top, .style-swiper .swiper-slide ul li .w-bottom { width: 100%; }
.style-swiper .swiper-slide ul li .w-top img, .style-swiper .swiper-slide ul li .w-bottom img { border-radius: 0px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out }
.style-swiper .swiper-slide ul li .w-top img { width: 100%; height: 293px; object-fit: cover; overflow: hidden }
.style-swiper .swiper-slide ul li img:hover { transform: scale(1.05); -webkit-transform: scale(1.05); }
.style-swiper .swiper-slide ul li:nth-of-type(2n-1) .w-top { margin-bottom: 17px; }
.style-swiper .swiper-slide ul li:nth-of-type(2n) .w-top { margin-top: 17px; }
.style-swiper .swiper-slide ul li .w-bottom img { width: 182px; height: 139px; object-fit: cover; overflow: hidden }
.style-swiper .swiper-slide ul li .w-bottom img:nth-of-type(1) { margin-right: 17px; }
.style-swiper .swiper-scrollbar-drag { background-color: #50B1A6; }


.pc-slide { width: 96%; margin: 0 auto; }

.view .swiper-container { width: 100%; height: auto; margin-bottom: 15px; }

.view .arrow-left { background: url(images/index_tab_l.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -25px; width: 28px; height: 51px; z-index: 10; }

.view .arrow-right { background: url(images/index_tab_r.png) no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -25px; width: 28px; height: 51px; z-index: 10; }

.preview { width: 100%; margin-top: 10px; position: relative; }

.preview .swiper-container { width: 100%; height: 152px; }

.preview .swiper-slide { width: 270px; height: 150px; margin-right: 20px; cursor: pointer; }
.view .swiper-slide { height: 680px; }
.view .swiper-slide > span { display: block; font-size: 24px; color: #333; margin-bottom: 20px; }
.view .swiper-slide .video { width: 100%; height: 568px; }
.view .swiper-slide .video embed { width: 100%; height: 100% }
.view .swiper-slide a { display: block; height: 100%; width: 100%; overflow: hidden; }
.view .swiper-slide a img { width: 100%; height: 100%; object-fit: cover; }
.preview .slide6 { width: 270px; }

.preview .arrow-left { background: url(../Images/story/left.png) no-repeat left top; position: absolute; left: 0; top: 50%; margin-top: -30px; width: 23px; height: 60px; z-index: 10; }

.preview .arrow-right { background: url(../Images/story/right.png) no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -30px; width: 23px; height: 60px; z-index: 10; }

.preview img { padding: 1px; width: 100%; height: 100%; object-fit: cover; }

.preview .active-nav img { width: 100%; height: 100%; object-fit: cover; padding: 0; border: 1px solid #50B1A6; }
.baiVideo { background-color: #fff; padding: 40px 0; margin-bottom: 160px; margin-top: 40px }



.banner-top { margin-top: 100px; background: url(../Images/news/news.png)no-repeat center; height: 160px; background-size: cover }
.banner-top h1 { display: block; font-size: 30px; padding-top: 75px; color: #50b1a6; margin-bottom: 16px }
.banner-top div span, .banner-top div a { float: left; font-size: 14px; color: #999; text-overflow: ellipsis; max-width: 800px; white-space: nowrap; overflow: hidden; }
.banner-top div a.on { color: #50b1a6 }

.news-info .lf-con { margin-bottom: 100px }
.news-info .lf-con > h1, .news-info .lf-con > span { display: block }
.news-info .lf-con > h1 { color: #333; font-size: 24px; margin: 60px 0 30px }
.news-info .lf-con > span { color: #666; font-size: 14px; margin-bottom: 30px }
.news-info .lf-con .cent { font-size: 14px; line-height: 28px; letter-spacing: 1px; color: #333 }
.news-info .lf-con .bot { float: right; }
.share-platform .share-platform-r { width: 160px !important }
.news-info .rt-con { margin-top: 60px; border: solid 1px #e0e0e0 }
.news-info .rt-con .rt-title { margin: 20px 16px }
.news-info .rt-con ul li a { display: block; font-size: 14px; color: #333; line-height: 28px; margin: 0 16px 10px; transition: all .2s ease-in-out; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.news-info .rt-con ul li a:hover { color: #50b1a6; }
.search-box { width: 330px; height: 38px; line-height: 38px; border: solid 1px #ccc; border-radius: 0px; margin-top: 150px; overflow: hidden; }
.search-box input, .search-box em, .search-box i { font-style: normal; float: left; }
.search-box em { width: 16px; height: 16px; background: url(images/search2.png)no-repeat center; margin: 12px; }
.search-box input { width: 73%; height: 38px; line-height: 38px; outline: none; border: none; background-color: transparent; font-size: 16px; }
.search-box i { width: 18px; height: 18px; background: url(images/clear.png)no-repeat center; margin: 10px 15px; }
.result span { font-size: 14px; color: #666; }
.result { margin: 55px 0 10px; }



.index-banner .swiper-button-next, .index-banner .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") }
.index-banner .swiper-button-prev, .index-banner .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") }
.index-banner .swiper-pagination-bullet-active { background-color: #fff }
.index-banner .swiper-pagination-bullet { width: 12px; height: 12px }
.bai-title h1 { color: #50b1a6 }

#swiper7 .swiper-slide-active p { color: #50b1a6; background: url(../Images/about/r-1.png) no-repeat top center; }

.jz_p1 { width: 1020px; margin-left: 80px; display: block; overflow: hidden; margin-bottom: 34px }
.jz_p1 h2 { width: 135px; height: 135px; line-height: 135px; border-right: 1px solid #e0e0e0; float: left; margin-top: 12px }
.jz_p1 h2 a { color: #50b1a6; font-size: 24px }
.jz_p1 h2 img { margin-top: 27px; float: left; }
.jz_hu { width: 880px; float: left }
.jz_hu_1 { width: 20%; height: 135px; position: relative; float: left; margin-right: 18px }
.jz_hu_1 dt { width:100%; float: left }
.jz_hu_1 dt a { display:block;width:100%}
.jz_hu_1 dt:hover a img{ margin-top:6px}
.jz_hu_1:hover dd a{color:#50b1a6; }
.jz_hu_1 dt img { width:100px; height: 100px; object-fit: contain; margin:12px auto 0;display:block; transition: all 0.6s ease 0s;}
.jz_hu_1 dd { float: left; position: absolute; left: inherit; bottom: -14px; font-size: 14px; line-height: 28px;text-align:center;width:176px }
.jz_hu_1 dd a { color: #333; font-size: 16px }
.jz_p2 { width: 1020px; float: left; margin: 16px 0 0 80px; }
.jz_p2 h2 { width: 135px; height: 112px; border-right: 1px solid #cccccc; float: left; margin-top: 12px }
.jz_p2 h2 img { margin-top: 25px; float: left; }
.jz_p2 ul { width: 880px; float: right }
.jz_p2 ul li { width: 108px; float: left; margin-left: 38px; text-align: center; }
.jz_p2 ul li img { width: 108px; height: 123px; margin-bottom: 5px; }
.jz_p2 ul li a span { color: #009bdc; width: 100%; float: left; text-align: center; line-height: 19px; font-size: 14px; }
.jz_p2 ul li a span.q1 { text-align: left; margin-left: 22px; width: 86px; }
.jz_p3 { width: 1220px; float: left; margin: 16px 0 0 80px }
.jz_p3 h2 { width: 135px; height: 112px; border-right: 1px solid #cccccc; float: left; margin-top: 12px }
.jz_p3 h2 img { margin-top: 44px; float: left; }
.jz_p3 ul { width: 880px; float: left }
.jz_p3 ul li { width: 132px; float: left; margin: 0 0 0 20px; text-align: center; }
.jz_p3 ul li img { width: 132px; height: 116px; margin-bottom: 5px; }
.jz_p3 ul li a span { color: #009bdc; width: 100%; float: left; text-align: center; line-height: 19px; font-size: 14px; }

.search1 { float: right; }
.search.twc-search { float: right; width: 20px; background: no-repeat center; height: 20px; margin-top: 5px; background-image: url(images/search1.png); }
.search-alert { position: fixed; z-index: 100; background-color: rgba(34, 34, 34, 0.3); left: 0; top: 0; width: 100%; height: 100vh; display: none; z-index: 999999; }
.search-alert .close { display: block; width: 18px; height: 18px; background: url(images/ico_37.png) no-repeat center; position: absolute; top: 38px; right: 2.6%; cursor: pointer; transition: transform 0.3s ease 0s; }
.search-alert .close:hover { transform: rotate(90deg); }
.search-alert .cent-form { position: absolute; width: 94.8%; left: 2.6%; top: 50%; height: 124px; margin-top: -63px; border-bottom: 1px solid #515151; }
.search-alert .cent-form .tex { border: none; font-size: 66px; height: 124px; line-height: 124px; text-align: center; width: 100%; box-sizing: border-box; color: #555; background: none; padding-left: 88px; outline: none; padding-right: 80px; background: url(images/search.png) no-repeat 35px 60px; }
.search-alert .cent-form .sub-butn { border: none; height: 100px; margin-top: 24px; font-size: 24px; line-height: 100px; color: #555; text-align: right; background: none; position: absolute; right: 0; top: 0; width: 80px; text-align: center; }
/*.win-box iframe .txp_tipbar { display:none !important}*/
.win-box iframe { width: 800px; height: 600px; position: absolute; top: 50%; margin-top: -300px; left: 50%; margin-left: -400px; }
.video>div {position:absolute !important;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%) ;-o-transform:translate(-50%,-50%) }
#video>div {position:absolute !important;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%) ;-o-transform:translate(-50%,-50%) }
#video object { position:absolute !important;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%) ;-o-transform:translate(-50%,-50%)}
.video object { position:absolute !important;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%) ;-o-transform:translate(-50%,-50%) }
.she-join .p-job-warp li .title em:nth-of-type(2) { text-align:left}
.she-join .job-title span:nth-of-type(4) {width: 98px;text-align:center;float: right; }