.header{ position: fixed; top: 0; left: 0; width: 100%; z-index: 999999; height: 100px; display: flex; justify-content: space-between; align-items: center;}
.header .logo{ margin-left: 40px; width: 190px;}
.a_txt{ display: none;}
.header .nav>ul>li{ float: left; margin: 0 25px; position: relative;}
.header .nav>ul>li>a{ display: list-item;  font-size: 18px; color: #ffffff; line-height: 50px;}
.header .nav>ul>li.on>a{ color: #59D0ED; position: relative;}
.header .nav>ul>li.on>a::before{ content: ''; width: 100%; height: 2px; background: #59D0ED; position: absolute; bottom: 0px; left: 0;}
.header .nav>ul>li:hover::before{ content: ''; width: 100%; height: 2px; background: #59D0ED; position: absolute; bottom: 0px; left: 0;}
.header .nav>ul>li:hover a{ color: #59D0ED;}
.header .nav ul>li>ul.menu-dropdown{ position: absolute; top: 60px; left: -50%; margin-left: 0%; background: #ffffff; width: 200%; z-index: 999999; opacity: 0; visibility: hidden; transform-origin:top center; transform:scale(0.1);transition:all 0.5s linear;}
.header .nav ul>li>ul.menu-dropdown>li{ width: 100%; text-align: center;}
.header .nav ul>li>ul.menu-dropdown>li>a:before{ content: ''; width: 0;}
.header .nav ul>li>ul.menu-dropdown>li>a{ font-size: 14px; color: #3a3a3a; line-height: 40px; display: block; margin: 0!important;}
.header .nav ul>li>ul.menu-dropdown>li>a:hover{ color: #ffffff; background: #59D0ED;}
.header .nav ul>li:hover ul.menu-dropdown{ visibility: visible; opacity: 1; transform: scale(1); z-index: 10;}
.headerBack{ background: #ffffff; box-shadow: 0px 2px 4px 0px rgba(164,166,166,0.5);}
.headerBack .nav>ul>li>a{ display: list-item;  font-size: 18px; color: #3a3a3a; line-height: 50px;}

.sela{margin-right: 40px;}
.sela-login{ font-size: 18px; color: #ffffff; line-height: 40px; border-radius: 20px; padding: 0 20px; border: 1px solid #ffffff;}
.headerBack .sela-login{ font-size: 18px; color: #3a3a3a; line-height: 40px; border-radius: 20px; padding: 0 20px; border: 1px solid #3a3a3a;}
.sela-login:hover{ background: #59D0ED; color: #ffffff; border: 1px solid #59D0ED; cursor: pointer;}

.swiper-pagination-bullet{width: 15px!important; height: 15px!important; margin: 0 12px!important; background: rgba(0, 0, 0, 0.5)!important; border-radius: 20px!important; opacity: 1!important;}
.swiper-pagination-bullet-active{ background: rgba(37, 109, 206, 1)!important;}

.section{ padding: 120px 0 100px 0;}
.title-common{ font-size: 60px; color: #334465; line-height: 70px; text-align: center; font-weight: bold;}
.border-common{ background-image: url('../images/border.png'); background-position: center 0; background-repeat: no-repeat; background-size: contain; width: 80px; height: 5px; margin: 25px auto;}
.sub-common{ font-size: 24px; color: #646464; line-height: 35px; text-align: center;}
.submit-botton{ font-size: 18px; color:#ffffff; line-height: 54px; font-weight: bold; border-radius: 27px; background-color: #4E8EE4; background-image: url('../images/arrow_right.png'); background-repeat: no-repeat; background-position: right 8px center; background-size: 40px 40px; padding:0 8px 0 27px; width: 165px;}
.submit-botton:hover{cursor: pointer; background-color: #68D4EF;}
.submit-botton a{ color: #ffffff;}

.about-title{ font-size: 24px; color: #68D4EF; line-height: 30px;}
.about-company{ font-size: 42px; color: #334465; line-height: 45px; font-weight: bold; margin-top: 15px;}
.about-border{ background-image: url('../images/border.png'); background-position: center 0; background-repeat: no-repeat; background-size: contain; width: 80px; height: 5px; margin: 40px 0;}
.about-profile{ font-size: 16px; color: #646464; line-height: 40px;}
.button-top{ margin-top: 90px;}

.vision-screening{ background-image: url('../images/home_case_pic.png'); background-position: center 0; background-repeat: no-repeat; background-size: cover; padding: 300px 0 300px 0; position: relative; z-index: 12;}
.vision-screening-box{ margin: 65px 0;}
.vision-screening-item{ margin: 15px 0;}
.vision-screening-item-box:hover{ box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.06); cursor: pointer;}
.vision-screening-item-box{ background: #ffffff; border-radius: 20px;padding: 30px 20px;}
.vision-screening-item-box-img {text-align: center;}
.vision-screening-item-box-img img{ width: 100px; height: 100px; margin: 0 auto;}
.vision-screening-item-box-title{ font-size: 20px; color: #232632; line-height: 25px; text-align: center; margin: 20px 0; font-weight: bold;}
.vision-screening-item-box-desc{ font-size: 16px; color: #646464; line-height: 25px; text-align: center; min-height: 50px;}
.vision-button-top{ margin: 0 auto;}

.apply{ background-image: url('../images/home_form_pic.png'); background-position: center top; background-repeat: no-repeat; background-size: cover; margin-top: -550px; padding: 600px 0 380px 0; position: relative; z-index: 11;}
.apply-button{ text-align: left;}
.apply-title{ font-size: 42px; color: #334465; line-height: 45px; margin: 34px 0;}
.apply-form-input{ margin-bottom: 26px; width: 90%;}
.apply-form-input-text{ font-size: 18px; color: #646464; line-height: 40px; background: #ffffff; border-radius: 27px; padding: 7px 28px; outline: none; border: none; width: 100%;} 
.apply-form-btn{ display: flex; justify-content: flex-end;}

.footer-section{ padding: 170px 0 20px 0;}
.footer{ background-image: url('../images/footer_back.png'); background-position: center 0; background-repeat: no-repeat; background-size: cover; margin-top: -130px; position: relative; z-index: 13;}
.footer-logo{ width: 186px;}
.footer-copyright{ font-size: 14px; color: #939393; line-height: 25px; margin-top: 30px;}
.icp a{ font-size: 14px; color: #939393; line-height: 25px;}
.footer-menu{ display: flex; justify-content: space-around; align-items: flex-start;}
.footer-menu-nav{ margin-right: 30px;}
.footer-menu-nav .nav-title a{ font-size: 18px; color: #ffffff; line-height: 50px; position: relative; font-weight: bold;}
/* .footer-menu-nav .nav-title a::before{ content: ''; width: 10px; height: 1px; background: rgba(255, 255, 255, 0.149); position: absolute; top: 50%; left: -16px; } */
.footer-menu-nav ul li a{ font-size: 16px; color: #909090; line-height: 45px;}
.footer-menu-nav ul li a:hover,.footer-menu-nav .nav-title a:hover{ color: #4E8EE4;}
.footer-phone a{ font-size: 26px; color: #ffffff; font-weight: 300; background-image: url('../images/mobile_icon.png'); background-position: left center; background-repeat: no-repeat; background-size: contain; padding-left: 45px; line-height: 35px;}
.footer-address{ background-image: url('../images/address.png'); background-position: left top 8px; background-repeat: no-repeat; background-size: 20px 20px; padding-left: 25px; margin-top: 30px;}
.footer-address a{font-size: 14px; color: rgba(255, 255, 255,0.5); line-height: 20px; }
.footer-mobile a{ font-size: 14px; color: rgba(255, 255, 255,0.5); line-height: 20px;  background-image: url('../images/phone.png'); background-position: left center; background-repeat: no-repeat; background-size: 20px 20px; padding-left: 25px; }
.footer-wechat a{ font-size: 14px; color: rgba(255, 255, 255,0.5); line-height: 20px;  background-image: url('../images/wechat.png'); background-position: left center; background-repeat: no-repeat; background-size: 20px 20px; padding-left: 25px; }
.code-img{ width: 176px; margin:0 auto; margin-bottom: 16px;}
.code-scan{ font-size: 14px; color: #b5b5b5; line-height: 20px; text-align: center;}
.qr-code{ text-align: center; width: 180px; float: right;}
.footer-address{ margin-top: 20px;}
.footer-right{ display: flex; justify-content: flex-end; align-items: flex-start;}
.company-info{ flex-basis: 350px; margin-right: 10%;}
.footer-mobile,.footer-wechat{ margin-top: 10px;}
.copyright-icp{ display: flex; justify-content: space-between; align-items: center; margin-top: 108px; border-top: 1px solid rgba(255, 255, 255, 0.149);}

.contact-n{ padding: 220px 0 120px 0;}
.mapDiv{ height: 900px; z-index: 8;}
.contact-n-box{ margin-top: 120px;}
.contact-n-item{ position: relative;}
.contact-n-item::before{ content: ''; width: 1px; height: 200px; background: #000000; opacity: 0.1; position: absolute; top: 50%; right: 0; margin-top: -100px;}
.contact-n-item:first-child::after{ content: ''; width: 1px; height: 200px; background: #000000; opacity: 0.1; position: absolute; top: 50%; left: 0; margin-top: -100px;}
.contact-n-item-icon{ text-align: center;}
.contact-n-item-icon img{ width: 75px; height: 70px; margin: 0 auto;}
.contact-n-item-title{ font-size: 18px; color: #4E4E4E; line-height: 20px; font-weight: bold; text-align: center; margin-top: 15px;}
.contact-n-item-content{ font-size: 18px; color: #4E4E4E; line-height: 25px; min-height: 75px; text-align: center; margin-top: 20px; width: 75%; margin: 15px auto 0;}

.contact-apply{ margin-top: -400px;}

.menu-nav{ background: #f4f4f4; height: 100px;}
.menu-nav-bar{ display: flex; justify-content: space-between; align-items: center;}
.menu-nav-bar .nav-title{ font-size: 30px; color: #334465; line-height: 100px; font-weight: bold;}
.menu-nav-bar .nav-right ul li{ float: left; margin-left: 30px;}
.menu-nav-bar .nav-right ul li a{ font-size: 18px; color: #6C6C6C; line-height: 50px;}
.menu-nav-bar .nav-right ul li.active a{ color: #59D0ED; border-bottom: 1px solid #59D0ED; padding-bottom: 10px;}
.menu-nav-bar .nav-right ul li:hover a{ color: #59D0ED; border-bottom: 1px solid #59D0ED; padding-bottom: 10px;}

.profile{ text-align: center;}
.profile .profile-slog{ font-size: 30px; color: #353535; line-height: 40px; margin: 90px 0 70px 0; font-weight: 400;}
.profile .profile-desc,.profile .profile-desc p{ font-size: 18px; color: #646464; line-height: 40px; margin-bottom: 20px; text-align: left;}
.profile .profile-logo{ width: 425px; margin: 90px auto 0;}

.culture-hornor{ background-image: url('../images/about_hornor_back.png'); background-position: center 0; background-repeat: no-repeat; background-size: cover; padding: 130px 0 200px 0;}
.hornors-box{ margin-top: 50px;}
.hornors-item-title{ text-align: center; margin-top: 10px; position: relative;}
.hornors-item-title a{ font-size: 18px; color: #555555; line-height: 40px; margin-top: 10px; text-align: center;}
.hornors-item:hover a{ color: #46DEFF;}
.hornors-item:hover .hornors-item-title::before{ content: ''; width: 60%; height: 1px; background: #46DEFF; position: absolute; bottom: 0; left: 20%;}
.hornors-item:hover{ cursor: pointer;}
.shu .swiper-pagination-bullet{ background: rgba(0, 0, 0, 0.149)!important; margin: 0 3px!important;}
.shu .swiper-pagination-bullet-active{ background: #46DEFF!important; width: 34px!important; height: 14px!important; border-radius: 7px!important;}
.shu .hornors-box{ padding-bottom: 50px;}
.shu{ position:relative;}
.shu-shadow-left img,.shu-shadow-right img{ width: 129px;}
.shu-shadow-left{ position:absolute; left: 0; top: 0; z-index: 888;}
.shu-shadow-right{ position:absolute; right:0; top:0; z-index: 888;}

.case-section{ padding: 234px 0 10px 0;}
.oragin{ background-image: url('../images/case_back.png'); background-position: center 0; background-repeat: no-repeat; background-size: cover; padding: 130px 0 200px 0;}
.oragin .product-all .hd ul{ display: flex; justify-content: center; align-items: center;}
.oragin .product-all .hd ul .oragin-item{ font-size: 24px; color: #ffffff; line-height: 54px; padding: 0 60px; background: #8DC5F1; border-radius: 27px; text-align: center; margin: 0 20px;}
.oragin .product-all .hd ul .oragin-item a{ font-size: 24px; color: #ffffff; line-height: 54px;}
.oragin .product-all .hd ul .oragin-item:hover{ background-image: linear-gradient(90deg, #0060C3, #6B96E9); cursor: pointer;}
.oragin .product-all .hd ul .oragin-item-active{ background-image: linear-gradient(90deg, #0060C3, #6B96E9);}
.oragin .product-all .bd{ margin: 65px 0!important;}
.oragin .product-all .bd .bd-ul-li{ display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;} 
.oragin .product-all .bd .bd-ul-li .orragin-bd-item{ width: calc((100% - 80px) / 5) ; margin-right: 20px; margin-bottom: 20px;}
.oragin .product-all .bd .bd-ul-li .orragin-bd-item:nth-child(5n){ margin-right: 0;}
.oragin .product-all .bd .bd-ul-li .orragin-bd-item .li-img{ }
.button-oragin{ margin: 60px auto;}
.screening-banner{ padding-top: 100px!important;}

.system-section{ padding: 120px 0;}
.system-box{ margin: 100px 0;}
.system-box img{ max-width: 300px;}

.process{ background-image: url('../images/process_back.png'); background-position: center 0; background-repeat: no-repeat; background-size: cover;}
.process-box{ margin-top: 90px;}
.align-left{ text-align: left;}
.align-margin-left{ margin: 25px 0;}
.study-top{ margin-top: 120px;}
.study-item{ margin-bottom: 90px;}
.study-item-left{ width: 51px; margin-right: 15px;}
.study-item-left img{ width:51px; height: 58px;}
.study-item-right-title{ font-size: 30px; color: #334465; line-height: 40px; font-weight: bold;}
.study-item-right-sub{ font-size: 18px; color: #606060; line-height: 30px; margin-top: 10px; width: 90%;}
.study-bottom{ margin-bottom: 40px;}
.study-pic{ margin-bottom: 50px;}

.device-img{ width: 90%; float: right;}

.data{ background-image: url('../images/view_back.png'); background-position: center 0; background-repeat: no-repeat; background-size: cover;}
.data-box { margin-top: 60px; text-align: center;}
.data-box img{ width: 90%; margin: 0 auto;}

.advantage-box {
	margin-top: 90px;
}
.advantage-box .swiper-slide{ 
	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;

	transition: 300ms;

	transform: scale(0.8)!important;
}
.advantage-box .swiper-slide-active,.advantage-box .swiper-slide-duplicate-active{
	transform: scale(1)!important;
	/* width: 1200px!important; */
}
.advantage-box .swiper-slide-active img{ width: 80%;}
.advantage-box .swiper-button-prev{
	background-image: url('../images/swiper_prev.png');
	background-position: center 0;
	background-repeat: no-repeat;
	background-size: cover;
	width: 60px;
	height: 60px;
}

.analysis{ background-image: url('../images/slblys_back.png'); background-position: center 0; background-repeat: no-repeat; background-size: cover;}
.analysis-box,.personal-box{ margin-top: 70px;}
.analysis-item{ margin-bottom: 30px;}
.personal-box img{ width: 90%;}

.result{ background-image: url('../images/scjgts_back.png'); background-position: center 0; background-repeat: no-repeat; background-size: cover;}
.result-section{ padding: 240px 0;}
.color-white{ color: #ffffff;}
.result-border{ width: 80px; height: 5px; background: #ffffff; border-radius: 3px; margin: 25px 0;}
.result-sub{ margin-bottom: 15px; font-size: 20px;}

.file-box,.wechat-box{ margin-top: 70px;}
.file-item{ margin-bottom: 30px;} 
.file-item img{ box-shadow: 0px 0px 20px 0px rgba(35,24,21,0.05);}

.ended{ background-image: url('../images/xssl_static.png'); background-position: center 0; background-repeat: no-repeat; background-size: cover;}
.ended-section{ padding: 120px 0 700px 0;}

.opration{ background-image: url('../images/vip_yunying.png'); background-position: center 0; background-repeat: no-repeat; background-size: cover;}
.operation-box{ margin-top: 70px;}
.operation-li{ width: 90%; margin: 0 auto; text-align: center; background: #ffffff; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.05); border-radius: 20px; padding: 45px 0;}
.operation-li .operation-item-icon img{ width:140px; height:100px;}
.operation-li .operation-title{ font-size: 20px; color: #232632; line-height: 30px; font-weight: bold; margin-top: 25px;}

.school{ background-image: url('../images/vip_banner.png'); background-position: center 0; background-repeat: no-repeat; background-size: cover;} 
.school-section{ padding: 165px 0 300px 0;}
.school-title{ font-size: 56px; color: #ffffff; line-height: 65px; font-weight: bold; margin-bottom: 60px;}
.school-botton{ color: #ffffff;}

.comparative{ background-image: url('../images/slsc_back_db.png'); background-position: center 0; background-repeat: no-repeat; background-size: cover;}
.white-border{ background: #ffffff; border-radius: 10px;}
.comparative-box{ margin:70px 0;}

.yhvideo{ background-image: url('../images/slsc_back_db_s.png'); background-position: center 0; background-repeat: no-repeat; background-size: cover;}
#myVideo{ width: 100%; height: 805px; border-radius: 20px; overflow: hidden;}

.yhcase{ background-image: url('../images/slsc_back_db_c.png'); background-position: center 0; background-repeat: no-repeat; background-size: cover;}


.about-case{ background-image: url('../images/about_case.png'); background-position: center 0; background-repeat: no-repeat; background-size: cover;}
.about-case-section{ padding: 120px 0 300px 0;}
.about-case-box{ background: #ffffff; border-radius: 20px; border: 4px solid #6B96E9; padding: 30px 15px;}
.about-case-title{ font-size: 18px; color: #3a3a3a; line-height: 30px; text-align: center;}
.about-swiper{ 
		text-align: center;
      /* Center slide text vertically */
      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;
}
.about-case .swiper-button-next:after{
	content: '';
	width: 42px;
	height: 42px;
	background-image: url('../images/page_next.png');
	background-position: center 0;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	right: 0px;
}
.about-case .swiper-button-prev:after{
	content: '';
	width: 42px;
	height: 42px;
	background-image: url('../images/page_prev.png');
	background-position: center 0;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0px;
}
.about-case-swiper{ margin: 50px auto; width: 100%; overflow: hidden;}
.about-case-swiper-container{
	position: relative;
}
.about-case-swiper-container .swiper-wrapper{
	margin: 0 auto;
	/* width: calc(100% - 124px); */
	overflow: hidden;
}


.policy-box{
	margin-top: 100px;
}
.monthly-process{
	background-image: url('../images/monthly_process_back.png');
}
@media (min-width: 1200px) {
	.lg-twenty-five{
		width: 20%!important;
	}
}
.core-item{
	margin-bottom: 70px;
}
.warn-section{
	background-image: url('../images/monthly_warn_back.png');
}
.warn-box{
	margin-top: 70px;
}
.policy{
	margin-top: 100px;
}