.bannerone {
	display: block;
	width: 100%;
	height: 700px;
	background:url(../images/banner_20250526_one.jpg) no-repeat center center;
	background-size: cover;
}

.bannertwo {
	display: block;
	width: 100%;
	height: 700px;
	background:url(../images/banner_20250526_two.jpg) no-repeat center center;
	background-size: cover;
}
.bannerthree {
	display: block;
	width: 100%;
	height: 700px;
	background:url(../images/banner_20250526_three.jpg) no-repeat center center;
	background-size: cover;
}
.bannerfour {
	display: block;
	width: 100%;
	height: 700px;
	background:url(../images/banner_20250526_four.jpg) no-repeat center center;
	background-size: cover;
}
.bannerfive {
	display: block;
	width: 100%;
	height: 700px;
	background:url(../images/banner_20250526_five.jpg) no-repeat center center;
	background-size: cover;
}
#banner{position:relative;width:100%;height:700px;margin:0 auto;z-index:1;overflow:hidden;}
#bannerlist{width: 100%;position:absolute;top:0px;left: 0px;}
#bannerlist li{position:absolute;width: 100%;top:0px;left:0px;display:none;}
#bannerlist li.current{display:block;}
#bannerbtndw{position:absolute;top:154px;right:50px;}
#bannerbtn li{width:12px;height:12px;background:#999;cursor:pointer;margin-bottom:30px;}
#bannerbtn li.current{width:12px;height:12px;background:#00a3df;cursor:pointer;}

.usbanner {
	width: 100%;
	height: 400px;
	background:url(../images/aboutUs.jpg) no-repeat center center;
	background-size: cover;
}
.contactbanner {
	width: 100%;
	height: 400px;
	background:url(../images/newbanner.jpg) no-repeat center center;
	background-size: cover;
}
.productbanner {
	width: 100%;
	height: 400px;
	background:url(../images/productBanner.png) no-repeat center center;
	background-size: cover;
}
.newBanner {
	width: 100%;
	height: 400px;
	background:url(../images/newListBanner.jpg) no-repeat center center;
	background-size: cover;
}
.newListBanner {
	width: 100%;
	height: 400px;
	background:url(../images/newListBanner.jpg) no-repeat center center;
	background-size: cover;
}
.biotechnologyBanner {
	width: 100%;
	height: 400px;
	background:url(../images/biotechnology.jpg) no-repeat center center;
	background-size: cover;
}
.us-bot {
	width: 100%;
	height: 42px;
	background:url(../images/usBgThree.png) no-repeat center right;
}
.copy-pc {
	margin-left: 80px;
	margin-top: 45px;
	margin-bottom: 45px;
	font-family: 'PingFang Regular';
	line-height: 24px;
	letter-spacing: 3px;
	color: #999999;
}
.copy-deail-pc {
	margin-left: 15px;
	margin-right: 15px;
}
.index-us-Qrcode {
	margin-left: 70px;
}
.index-us-care {
	margin-left: 60px;
}
.index-us-care-title {
	margin-top: 22px;
	font-family: 'PingFang Medium';
	line-height: 24px;
	letter-spacing: 1.5px;
	font-size: 16px;
	color: #444;
}
.index-us-contact-title {
	margin-top: 22px;
	font-family: 'PingFang Medium';
	line-height: 24px;
	letter-spacing: 1.5px;
	font-size: 16px;
	color: #444;
}
.index-us-care {
	width: 225px;
}
.index-us-care-ul {
	margin-top: 30px;
}
.index-us-care-li {
	margin-right: 20px;
	width: 30px;
	height: 30px;
}
.index-us-care-qq {
	display: block;
	width: 30px;
	height: 30px;
	background:url(../images/QQ.png) no-repeat center center;
}
.index-us-care-weChat {
	display: block;
	width: 30px;
	height: 30px;
	background:url(../images/weChat.png) no-repeat center center;
}
.index-us-care-sina {
	display: block;
	width: 30px;
	height: 30px;
	background:url(../images/sina.png) no-repeat center center;
}
.index-us-contact-detail {
	margin-top: 11px;
}
.index-us-contact-left {
	width: 246px;
}
.index-us-contact-add {
	font-family: 'PingFang Medium';
	line-height: 24px;
	letter-spacing: 1.6px;
	font-size: 14px;
	color: #999;
}
.new-top {
	margin-top: -44px;
}
.index-new-title {
	margin-left: 80px;
	margin-right: 80px;
	margin-bottom: 13px;
	margin-top: 0px;
	padding: 0px;
	height: 30px;
}
.index-new-name {
	font-family: 'PingFang Medium';
	line-height: 30px;
	letter-spacing: 1.5px;
	font-size: 16px;
	color: #444;
	font-weight: normal;  
}
.new-name {
	font-family: 'PingFang Medium';
	line-height: 30px;
	letter-spacing: 1.5px;
	font-size: 16px;
	color: #444;
}
.index-new-more {
	display: block;
	width: 100px;
	height: 30px;
	line-height: 30px;
	font-family: 'PingFang Medium';
	font-size: 12px;
	letter-spacing: 1.5px;
	color: #444;
	text-indent: 30px;
	background:url(../images/more.png) no-repeat center right;
}
.index-new-more:focus, .index-new-more:hover {
	text-decoration: none;
	color: #444;
}
.index-new-article {
	margin-left: 72.5px;
	margin-right: 72.5px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0px;
}
.new-article {
	margin-left: 72.5px;
	margin-right: 72.5px;
	margin-top: 0px;
	margin-bottom: 80px;
	padding: 0px;
}
.index-new-article-img {
	width: 270px;
	height: 200px;
	overflow: hidden;
}
.new-article-img {
	width: 270px;
	height: 200px;
	overflow: hidden;
}
.index-new-article-li {
	width: 270px;
	height: 300px;
	margin-left: 7.5px;
	margin-right: 7.5px;
	margin-bottom: 12px;
	background-color: #fff;
	/*
	-moz-box-shadow:0px 0px 4px 1px rgba(153, 153, 153, 0.5); 
    -webkit-box-shadow:0px 0px 4px 1px rgba(153, 153, 153, 0.5); 
    box-shadow:0px 0px 4px 1px rgba(153, 153, 153, 0.5); 
    */
}
.new-article-li {
	width: 270px;
	margin-bottom: 10px;
	margin-left: 7.5px;
	margin-right: 7.5px;
	background-color: #fff;
	/*
	-moz-box-shadow:0px 0px 4px 1px rgba(153, 153, 153, 0.5); 
    -webkit-box-shadow:0px 0px 4px 1px rgba(153, 153, 153, 0.5); 
    box-shadow:0px 0px 4px 1px rgba(153, 153, 153, 0.5);
    */ 
}

.index-new-article-li:hover {
	
	-moz-box-shadow:0 2px 15px rgba(0,0,0,.03),0 24px 25px rgba(0,0,0,.04); 
    -webkit-box-shadow:0 2px 15px rgba(0,0,0,.03),0 24px 25px rgba(0,0,0,.04); 
    box-shadow:0 2px 15px rgba(0,0,0,.03),0 24px 25px rgba(0,0,0,.04);
}
.new-article-li:hover {
	/*
	 -moz-box-shadow:0 2px 15px rgba(0,0,0,.03),0 24px 25px rgba(0,0,0,.04); 
    -webkit-box-shadow:0 2px 15px rgba(0,0,0,.03),0 24px 25px rgba(0,0,0,.04); 
    box-shadow:0 2px 15px rgba(0,0,0,.03),0 24px 25px rgba(0,0,0,.04);
    */
}
.index-new-article-li a:hover, .index-new-article-li a:focus {
	text-decoration: none;
}
.new-article-li a:hover, .index-new-article-li a:focus {
	text-decoration: none;
}
.index-new-article-title {
	margin-top: 7px;
	margin-left: 10px;
	margin-bottom: 37px;
	font-family: 'PingFang Regular';
	line-height: 24px;
	letter-spacing: 3px;
	font-size: 16px;
	color: #444;
	font-weight: normal;
}
.new-article-title {
	margin-top: 7px;
	margin-left: 10px;
	margin-bottom: 37px;
	font-family: 'PingFang Regular';
	line-height: 24px;
	letter-spacing: 3px;
	font-size: 16px;
	color: #444;
	font-weight: normal;
}
.index-new-article-date {
	display: block;
	margin-left: 10px;
	margin-bottom: 8px;
	font-family: 'PingFang Regular';
	line-height: 24px;
	letter-spacing: 3px;
	font-size: 14px;
	color: #999;
}
.new-article-date {
	display: block;
	margin-left: 10px;
	margin-bottom: 8px;
	font-family: 'PingFang Regular';
	line-height: 24px;
	letter-spacing: 3px;
	font-size: 14px;
	color: #999;
}
.index-product-title {
	margin-left: 80px;
	margin-right: 80px;
	margin-bottom: 13px;
	margin-top: 0px;
	padding: 0px;
	height: 30px;
}
.product-title {
	margin-left: 80px;
	margin-right: 80px;
	margin-bottom: 13px;
	margin-top: 0px;
	padding: 0px;
	height: 30px;
}
.index-product-name {
	font-family: 'PingFang Medium';
	line-height: 30px;
	letter-spacing: 1.5px;
	font-size: 16px;
	color: #444;
	font-weight: normal;
}
.product-top {
	margin-top: 74px;
}
.product-name {
	font-family: 'PingFang Medium';
	line-height: 30px;
	letter-spacing: 1.5px;
	font-size: 16px;
	color: #444;
	font-weight: normal;
}
.index-product-more {
	display: block;
	width: 100px;
	height: 30px;
	line-height: 30px;
	font-family: 'PingFang Medium';
	font-size: 12px;
	letter-spacing: 1.5px;
	color: #444;
	text-indent: 30px;
	background:url(../images/more.png) no-repeat center right;
}
.index-product-more:focus, .index-product-more:hover {
	text-decoration: none;
	color: #444;
}
.index-product-article-li {
	width: 270px;
	height: 300px;
	margin-left: 7.5px;
	margin-right: 7.5px;
	background-color: #fff;
	/*
	-moz-box-shadow:0px 0px 4px 1px rgba(153, 153, 153, 0.5); 
    -webkit-box-shadow:0px 0px 4px 1px rgba(153, 153, 153, 0.5); 
    box-shadow:0px 0px 4px 1px rgba(153, 153, 153, 0.5); 
    */

}
.product-article-li {
	width: 270px;
	height: 300px;
	margin-left: 7.5px;
	margin-right: 7.5px;
	background-color: #fff;
	/*
	-moz-box-shadow:0px 0px 4px 1px rgba(153, 153, 153, 0.5); 
    -webkit-box-shadow:0px 0px 4px 1px rgba(153, 153, 153, 0.5); 
    box-shadow:0px 0px 4px 1px rgba(153, 153, 153, 0.5); 
    */

}
.index-product-article-li:hover {
	margin-top: -2px;
	-moz-box-shadow:0 2px 15px rgba(0,0,0,.03),0 24px 25px rgba(0,0,0,.04); 
    -webkit-box-shadow:0 2px 15px rgba(0,0,0,.03),0 24px 25px rgba(0,0,0,.04); 
    box-shadow:0 2px 15px rgba(0,0,0,.03),0 24px 25px rgba(0,0,0,.04);
}
.product-article-li:hover {
	margin-top: -2px;
	-moz-box-shadow:0 2px 15px rgba(0,0,0,.03),0 24px 25px rgba(0,0,0,.04); 
    -webkit-box-shadow:0 2px 15px rgba(0,0,0,.03),0 24px 25px rgba(0,0,0,.04); 
    box-shadow:0 2px 15px rgba(0,0,0,.03),0 24px 25px rgba(0,0,0,.04);
}
.index-product-article-li a:hover, .index-product-article-li:focus {
	text-decoration: none;
}
.product-article-li a:hover, .index-product-article-li:focus {
	text-decoration: none;
}
.index-product-article {
	margin-left: 72.5px;
	margin-right: 72.5px;
	margin-top: 0px;
	margin-bottom: 74px;
	padding: 0px;
}
.product-article {
	margin-left: 72.5px;
	margin-right: 72.5px;
	margin-top: 0px;
	margin-bottom: 74px;
	padding: 0px;
}
.index-product-article-title {
	width: 230px;
	height: 43px;
	margin-left: auto;
	margin-right: auto;
	font-family: 'PingFang Medium';
	line-height: 38px;
	letter-spacing: 3px;
	font-size: 18px;
	color: #444;
	border-bottom: 1px solid #bbb;
	font-weight: normal;
}
.product-article-title {
	width: 230px;
	height: 43px;
	margin-left: auto;
	margin-right: auto;
	font-family: 'PingFang Medium';
	line-height: 38px;
	letter-spacing: 3px;
	font-size: 18px;
	color: #444;
	border-bottom: 1px solid #bbb;
}
.index-product-article-desc {
	width: 230px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
	font-family: 'PingFang Regular';
	height: 24px;
	line-height: 24px;
	letter-spacing: 4px;
	font-size: 16px;
	color: #999;
	overflow: hidden;
}
.index-product-article-endesc {
	letter-spacing: 1.4px;
	font-size: 14px;
}
.product-article-desc {
	width: 230px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
	font-family: 'PingFang Regular';
	line-height: 24px;
	letter-spacing: 4px;
	font-size: 16px;
	color: #999;
}

.index-biotechnology-title {
	margin-top: 136px;
	text-align: center;
	font-family: 'PingFang Regular';
	line-height: 24px;
	letter-spacing: 5px;
	font-size: 30px;
	color: #fff;
	font-weight: normal;
}
.index-biotechnology-title-en {
	letter-spacing: 2.5px;
}
.banner-biotechnology-title {
	padding-top: 186px;
	text-align: center;
	font-family: 'PingFang Regular';
	line-height: 24px;
	letter-spacing: 5px;
	font-size: 30px;
	color: #fff;
}
.banner-biotechnology-title-en {
	letter-spacing: 2.5px;
}
.index-biotechnology {
	width: 100%;
	height: 382px;
	margin-bottom: 74px;
	background:url(../images/biotechnology.jpg) no-repeat center center;
	background-size: cover;
}
.index-biotechnology-desc {
	text-align: center;
	margin-top: 45px;
	font-family: 'PingFang Medium';
	line-height: 24px;
	letter-spacing: 3px;
	font-size: 14px;
	color: #fff;
}
.banner-biotechnology-desc {
	text-align: center;
	margin-top: 45px;
	font-family: 'PingFang Medium';
	line-height: 24px;
	letter-spacing: 3px;
	font-size: 14px;
	color: #fff;
}
.index-biotechnology-more {
	margin-left: auto;
	margin-right: auto;
	margin-top: 37px;
	display: block;
	width: 160px;
	height: 30px;
	border:1px solid #fff;
	text-align: center;
	border-radius: 2px;
	font-family: 'PingFang Regular';
	line-height: 28px;
	letter-spacing: 4px;
	font-size: 16px;
	color: #fff;
}
.index-biotechnology-more-en {
	width: 160px;
	line-height: 28px;
}
.index-biotechnology-more:focus,.index-biotechnology-more:hover {
	text-decoration: none;
	color: #fff;
}
.index-advantage {
	width: 100%;
	height: 346px;
}
.index-advantage-ul {
	margin-top: 50px;
	margin-left: 72.5px;
	margin-right: 72.5px;
}
.index-advantage-li {
	width: 270px;
	margin-left: 7.5px;
	margin-right: 7.5px;
	cursor: default;
}
.index-advantage-title {
	margin-top: 38px;
	margin-bottom: 14px;
	text-align: center;
	font-family: 'PingFang Medium';
	line-height: 24px;
	letter-spacing: 1.5px;
	font-size: 20px;
	color: #444;
}
.index-advantage-title-en {
        margin-bottom: 44px; 
}
.index-advantage-desc {
	text-align: center;
	font-family: 'PingFang Medium';
	line-height: 24px;
	letter-spacing: 1px;
	font-size: 14px;
	color: #999;
}
.index-advantage-img {
	width: 80px;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 46px;
}
.index-advantage-imgone {
	background:url(../images/private.png) no-repeat center center;
}
.index-advantage-li:hover .index-advantage-imgone {
	background:url(../images/private_hover.png) no-repeat center center;
}
.index-advantage-imgtwo {
	background:url(../images/hair.png) no-repeat center center;
}
.index-advantage-li:hover .index-advantage-imgtwo {
	background:url(../images/hair_hover.png) no-repeat center center;
}
.index-advantage-imgthree {
	background:url(../images/skin.png) no-repeat center center;
}
.index-advantage-li:hover .index-advantage-imgthree {
	background:url(../images/skin_hover.png) no-repeat center center;
}
.lang-change {
	margin-top: 50px;
}
.lang-a {
	font-family: 'PingFang Medium';
	line-height: 24px;
	font-size: 16px;
	color: #444;
}
.lang-break {
	margin-left: 4px;
	margin-right: 8px;
	font-family: 'PingFang Medium';
	line-height: 24px;
	font-size: 16px;
	color: #444;
}
.lang-en {
	letter-spacing: 1.4px;
}
.lang-ch {
	letter-spacing: 1.5px;
}
.lang-a:hover, .lang-a:focus {
	text-decoration: none;
	color: #444;
}
.us-title {
	margin-top: 46px;
	margin-bottom: 22px;
	text-align: center;
	font-family: 'PingFang Medium';
	line-height: 36px;
	font-size: 24px;
	letter-spacing: 2.5px;
	color: #00a3df;
	font-weight: normal;
}
.us-title-first {
	margin-top: 62px;
	color:#999999;
}
.us-title-two {
	margin-top: 62px;
	color:#999999;
}
.us-title-three {
	margin-top: 71px;
	color:#999999;
}
.us-title-four {
	margin-top: 65px;
	color:#999999;
}
.us-desc {
	margin:0px auto;
	width: 720px;
	font-family: 'PingFang Regular';
	line-height: 30px;
	font-size: 18px;
	color: #999;
}
.us-desc-en {
	width: 920px;
}
.us-desc-two {
	color: #787778;
}
.us-desc-three {
	color: #787778;
}
.us-desc-four {
	color: #999999;
}
.us-who {
	height: 310px;
	background:url(../images/usBgOne.png) no-repeat center right;
}
.us-who-en {
	height: 340px;
	background:url(../images/usBgOne.png) no-repeat center right;
	background-size: contain;
}
.us-team {
	height: 253px;
	background-color: #fff;
}
.us-team-en {
	height: 283px;
}
.us-product {
	height: 266px;
	background:url(../images/usBgTwo.png) no-repeat center right;
}
.us-run {
	height: 264px;
	background-color: #fff;
}
.us-run-en {
	height: 295px;
}
.new-con {
	background:url(../images/new-bg.jpg) no-repeat  center 82px;
	margin-bottom: 66px;
}
.new-detail {
	text-align: center;
	font-family: 'PingFang Regular';
	line-height: 60px;
	font-size: 18px;
	letter-spacing: 3.8px;
	color: #999;
}
.new-title {
	margin-top: 42px;
	text-align: center;
	font-family: 'PingFang Medium';
	line-height: 60px;
	font-size: 30px;
	letter-spacing: 5.3px;
	color: #00a3df;	
}
.biotechnology-title {
	font-family: 'PingFang Medium';
	line-height: 36px;
	font-size: 24px;
	letter-spacing: 5.3px;
	color: #00a3df;	
	font-weight: normal;
}
.biotechnology-title-en {
	letter-spacing: 2.5px;
}
.biotechnology-desc {
	font-family: 'PingFang Regular';
	line-height: 30px;
	font-size: 18px;
	color: #999;
}
.biotechnology-desc-en {
	line-height: 26px;
}
.biotechnology-team {
	margin-right: 20px;
	height: 475px;
	background-color: #fff;
	overflow: hidden;
}
.biotechnology-team-img {
	width: 416px;
	height: 229px;
	background:url(../images/team.jpg) no-repeat center center;
	background-size: cover;
}
.biotechnology-team-desc {
	width: 416px;
	height: 246px;
}
.biotechnology-team-team {
	margin-top: 34px;
	margin-left: 26px;
	margin-bottom: 6px;
}
.biotechnology-team-detail {
	width: 375px;
	margin-left: 26px;
}
.biotechnology-workshop {
	background-color: #fff;
	height: 475px;
	overflow: hidden;
}
.bobo {
	background:url(../images/usBgThree.png) no-repeat bottom right;
	background-color: #f7f7f7;
}
.biotechnology-top {
	margin-top: 60px;
	margin-bottom: 20px;
}
.biotechnology-workshop-desc {
	width: 416px;
}
.biotechnology-workshop-mar {
	margin-left: 20px;
	margin-top: 48px;
}
.biotechnology-workshop-enmar {
	margin-left: 20px;
	margin-top: 18px;
}
.biotechnology-workshop-pmar {
	margin-bottom: 20px;
}
.biotechnology-workshop-enpmar {
	margin-bottom: 5px;
}

.biotechnology-workshop-img {
	width: 416px;
	height: 229px;
	background:url(../images/asepticWorkshop.jpg) no-repeat center center;
	background-size: cover;
}
.biotechnology-workshop-title {
	margin-top: 76px;
	margin-right: 10px;
	margin-bottom: 22px;
}
.biotechnology-workshop-detail {
	width: 380px;
	padding-left: 36px;
	background:url(../images/shadow.jpg) no-repeat left 6px;
	margin-right: 20px;
	color: #787778;
}
.biotechnology-procreate {
	height: 414px;
	overflow: hidden;
}
.biotechnology-tcont {
	width: 856px;
	margin-left: auto;
	margin-right: auto;
}
.biotechnology-cont {
	width: 856px;
	height: 414px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}
.biotechnology-procreate-img {
	width: 856px;
	height: 229px;
	background:url(../images/reproductiveCenter.jpg) no-repeat center center;
	background-size: cover;
}
.biotechnology-procreate-desc {
	height: 334px;
}
.biotechnology-procreate-title {
	margin-top: 37px;
	margin-left: 26px;
	margin-bottom: 7px;
}
.biotechnology-procreate-detail {
	margin-left: 26px;
	width: 775px;
	color: #787778;
}
.certificate-title {
	width: 286px;
	margin-top: 84px;
	margin-bottom: 70px;
	margin-left: auto;
	margin-right: auto;
}
.encertificate-title {
	width: 500px;
	margin-top: 84px;
	margin-bottom: 70px;
	margin-left: auto;
	margin-right: auto;
}
/* .certificate-img {
	text-align: center;
	margin-bottom: 25px;
} */
.certificate-img {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	/* max-width: 1200px;
	margin: 0 auto; */
}
.certificate-img img{
	/* flex: 1 1 calc(33.33% - 20px);
	min-width: 300px;
	height: 200px; */
	width: calc(33.33% - 20px);
	height: auto;
	object-fit: cover;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
	border-radius: 8px ;
}

.contact-top {
	width: 100%;
	height: 256px;
	background:url(../images/contact-title.jpg) no-repeat center right;
}
.contact-top-title {
	margin-top: 70px;
	margin-bottom: 20px;
	text-align: center;
	font-family: 'PingFang Medium';
	line-height: 36px;
	font-size: 30px;
	letter-spacing: 3px;
	color: #00a7e1;	
	font-weight: normal;
}
.contact-top-detail {
	text-align: center;
	font-family: 'PingFang Regular';
	line-height: 30px;
	font-size: 18px;
	color: #444444;
	letter-spacing: 1.1px;
}
.contact-center {
	width: 100%;
	height: 389px;
	background:url(../images/contact-detail.jpg) no-repeat center right;
	background-color: #17a6e0;
}
.contact-bottom {
	width: 100%;
	height: 140px;
	background:url(../images/contact-bottom.jpg) no-repeat center right;
}
.contact-center-left {
	margin-left: 63px;
}
.contact-center-weChat {
	margin-top: 80px;
	margin-bottom: 12px;
}
.contact-center-more {
	text-align: center;
	font-family: 'PingFang Medium';
	line-height: 16px;
	font-size: 14px;
	letter-spacing: 2.5px;
	color: #fff;
}
.contact-center-ctitle {
	font-family: 'PingFang Medium';
	line-height: 24px;
	font-size: 16px;
	letter-spacing: 1.5px;
	color: #fff;
	font-weight: normal;
}
.contact-center-ccon {
	font-family: 'PingFang Regular';
	line-height: 24px;
	font-size: 18px;
	letter-spacing: 3px;
	color: #fff;	
}
.contact-center-rtitle {
	font-family: 'PingFang Medium';
	line-height: 24px;
	font-size: 16px;
	letter-spacing: 1.5px;
	color: #fff;
	font-weight: normal;
}
.contact-center-rcon {
	font-family: 'PingFang Regular';
	line-height: 24px;
	font-size: 18px;
	letter-spacing: 2px;
	color: #fff;	
}
.contact-center-rcons {
	letter-spacing: 4.5px;
}
.contact-center-center {
	width: 280px;
	margin-top: 80px;
	margin-left: 80px;
}
.contact-center-center-en {
	width: 290px;
	margin-top: 80px;
	margin-left: 60px;
}
.contact-center-cb {
	margin-bottom: 38px;
}
.contact-center-cb-en {
	margin-bottom: 60px;
}
.contact-center-right {
	margin-top: 78px;
	margin-left: 56px;
}
.contact-center-right-en {
	margin-top: 78px;
	margin-left: 0px;
}
.contact-center-rb {
	margin-bottom: 38px;
}
.contact-center-rb h3{
	color: #000;
}
.contact-center-rb p{
	color: #000;
}
.product-detail-nav {
	margin-top: -10px;
	line-height: 35px;
	height: 35px;
	background:url(../images/nav-bg.png) no-repeat center center;
}
.product-detail-banner {
	width: 100%;
	height: 587px;
	background:url(../images/pro05.jpg) no-repeat center center;
}
.product-detail-top {
	margin-left: 88px;
	background:url(../images/zhuangshi.png) no-repeat 101px center;
	font-family: 'PingFang Medium';
	line-height: 35px;
	font-size: 16px;
	letter-spacing: 1.5px;
	color: #fff;
}
.product-detail-small {
	margin-left: 74px;
	font-family: 'PingFang Regular';
}
.product-detail-wenzi {
	height: 285px;
}
.product-detail-wimg {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
}
.tnew-title {
	height: 82px;
}
.tnew-title-font {
	padding-left: 145px;
	padding-top: 5px;
	font-family: 'PingFang Regular';
	height: 76px;
	line-height: 76px;
	font-size: 24px;
	letter-spacing: 1.5px;
	color: #434343;
}
.tnew-zhuangshi {
	margin-top: 76px;
	margin-bottom: 42px;
	width: 711px;
	height: 50px;
	padding-left: 28px;
	margin-left: auto;
	margin-right: auto;
	font-family: 'PingFang Regular';
	line-height: 50px;
	font-size: 18px;
	color: #434343;
	background:url(../images/title.jpg) no-repeat center left;
}
.tnew-info {
	width: 711px;
	margin-bottom: 72px;
	margin-left: auto;
	margin-right: auto;
	letter-spacing: 0.15em;
	font-family: 'PingFang Regular';
	line-height: 36px;
	font-size: 18px;
	color: #434343;
}
.product-detail-title {
	margin-top: 16px;
	margin-bottom: 22px;
	height: 50px;
	padding-left: 28px;
	margin-left: auto;
	margin-right: auto;
	font-family: 'PingFang Regular';
	line-height: 50px;
	font-size: 18px;
	color: #434343;
	background:url(../images/title.jpg) no-repeat center left;
}
.product-detail-p {
	margin-bottom: 12px;
	margin-left: auto;
	margin-right: auto;
	letter-spacing: 0.08em;
	font-family: 'PingFang Regular';
	line-height: 36px;
	font-size: 18px;
	color: #434343;
}
.product-detail-ntop {
	margin-top: 20px;
}
.product-detail-bottom {
	margin-bottom: 65px;
}
.product-detail-sp {
	color: #00a7e1;
}

@media (max-width: 1200px) { 
	.index-advantage-ul {
		margin-left: 57.5px;
		margin-right: 57.5px;
	}
	.index-product-article {
		margin-left: 57.5px;
		margin-right: 57.5px;
	}
	.index-product-title {
		margin-left: 65px;
		margin-right: 65px;
	}
	.index-new-article {
		margin-left: 57.5px;
		margin-right: 57.5px;
	}
	.index-new-title {
		margin-left: 65px;
		margin-right: 65px;
	}
	.product-article {
		margin-left: 57.5px;
		margin-right: 57.5px;
	}
	.product-title {
		margin-left: 65px;
	}
	.new-article {
		margin-left: 57.5px;
		margin-right: 57.5px;
	}
	.product-detail img {
		width: 100%;
	}
	

}
@media (min-width: 415px) and (max-width: 768px) {
	.new-article {
		margin-left: 0px;
		margin-right: 0px;
	}
	.new-article-li {
		width: 231px;
	}
	.new-article-img {
		width: 231px;
	}
	.navbar-brand {
		padding-left: 15px;
	}
	.navbar-brand img{
		height: 59px;
	}
	.navbar-nav>li>a {
		padding-top: 45px;
		padding-bottom: 43px;
		margin-left: 2px;
		margin-right: 2px;
		padding-left: 4px;
		padding-right: 0px;
	}
	.lang-change {
		margin-top: 45px;
	}
	.navbar-nav {
		margin-left: 20px;
	}
	.product-detail img {
		width: 100%;
	}
	.index-advantage-ul {
		margin-left: 0px;
		margin-right: 0px;
	}
	.index-advantage-li {
		width: 231px;
	}
	.index-product-article-li {
		width: 231px;
	}
        .index-product-article-img {
                overflow: hidden;
        }
	.index-product-article {
		margin-left: 0px;
		margin-right: 0px;
	}
	.index-product-article-title {
		width: 190px;
	}
	.index-product-article-desc {
		width: 190px;
	}
	.index-product-title {
		margin-left: 7.5px;
		margin-right: 7.5px;
	}
	.index-new-article {
		margin-left: 0px;
		margin-right: 0px;
	}
	.index-new-article-li {
		width: 231px;
		height: 251px;
	}
	.new-article-li {
		width: 231px;
		height: 251px;
	}
	li.index-new-article-li.pull-left {
		width: 231px;
		overflow: hidden;
	}
	.index-new-title {
		margin-left: 7.5px;
		margin-right: 7.5px;
	}
	.index-new-article-img {
		width: 231px;
	}
	.certificate-img img{
		width: 100%;
	}
	.biotechnology-cont {
		width: 100%;
	}
	.biotechnology-procreate-img {
		width: 100%;
	}
	.biotechnology-procreate-detail {
		width: auto;
		margin-right: 26px;
	}
	.biotechnology-team {
		margin-right: 0px;
		margin-bottom: 20px;
		height: 434px;
		width: 100%;
		float: none;
	}
	.biotechnology-workshop {
		width: 100%;
		height: 450px;
		float: none;
	}
	.biotechnology-tcont {
		width: 100%;
	}
	.biotechnology-team-img {
		width: auto;
	}
	.biotechnology-team-desc {
		width: auto;
	}
	.biotechnology-team-detail {
		width: auto;
	}
	.biotechnology-workshop-img {
		width: auto;
	}
	.biotechnology-workshop-desc {
		width: auto;
	}
	.biotechnology-workshop-detail {
		width: auto;
	}
	.contact-center-right {
		margin-left: 80px;
		margin-top: 0px;
	}	
	.contact-center-right-en {
		margin-left: 60px;
		margin-top: 0px;
	}
	.contact-center-cb {
		margin-bottom: 10px;
	}
	.contact-center-cb-en {
		margin-bottom: 10px;
	}
	.contact-center-rb {
		margin-bottom: 10px;
	}
	.contact-center-center {
		margin-top: 78px;
	}
	.contact-center-center-en {
		margin-top: 64px;
	}
	.biotechnology-workshop-enmar {
		margin-top: 40px;
	}
	.biotechnology-procreate-desc-en {
		height: 200px;
	}
	.biotechnology-procreate-en {
		height: 460px;
	}
	.biotechnology-cont-en {
		height: 460px;
	}
	.index-new-article-img {
		width: 231px;
		height: 171px;
	}
	.new-article-img {
		width: 231px;
		height: 171px;
	}
	.index-new-article-title {
		margin-bottom: 17px;
	}
	.new-article-title {
		margin-bottom: 17px;
	}
}
@media (max-width: 414px) { 
	.navbar-brand {
		padding-left: 50%;
		margin-left: -110px;
		padding-bottom: 14px;
		padding-top: 14px;
	}
	.navbar-toggle {
		margin-top: 16px;
	}
	.index-advantage {
		height: auto;
	}
	.index-advantage-ul {
		margin-left: auto;
		margin-right: auto;
	}
	.index-advantage-li {
		margin-left: auto;
		margin-right: auto;
		float: none !important;
	}
	.index-product-title {
		margin-left: auto;
		margin-right: auto;
	}
	.product-title {
		margin-left: auto;
		margin-right: auto;
	}
	.index-product-article {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 22px;
	}
	.product-article {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 22px;
	}
	.index-product-article-li {
		margin-left: auto;
		margin-right: auto;
		float: none !important;
		margin-bottom: 15px;
	}
	.product-article-li {
		margin-left: auto;
		margin-right: auto;
		float: none !important;
		margin-bottom: 15px;
	}
	.index-new-title {
		margin-left: auto;
		margin-right: auto;
	}
	.index-new-article {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
	}
	.new-article {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
	}
	.index-new-article-li {
		margin-left: auto;
		margin-right: auto;
		float: none !important;
		margin-bottom: 15px;
		height: auto;
	}
	.new-article-li {
		margin-left: auto;
		margin-right: auto;
		float: none !important;
		margin-bottom: 15px;
	}
	.foot {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.copy-pc {
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		text-align: center;
	}
	.index-us-care {
		margin-left: auto;
		margin-right: auto;
		width: 150px;
		text-align: center;
		float: none !important;
	}
	.index-us-left {
		float: none !important;
	}
	.index-us-Qrcode {
		width: 149px;
		margin-right: auto;
		margin-left: auto;
		float: none !important;
	}
	.us-desc {
		width: auto;
	}
	.usbanner {
		height: 200px;
		margin-top: 74px;
		background-size: cover;
	}
	.newBanner {
		height: 200px;
		margin-top: 74px;
	}
	.newListBanner {
		height: 200px;
		margin-top: 74px;
	}
	.productbanner {
		height: 200px;
		margin-top: 74px;
		background:url(../images/productBanner.png) no-repeat center center;
		background-size: cover;
	}
	.product-top {
		margin-top: 20px;
	}
	.contactbanner {
		height: 200px;
		margin-top: 74px;
	}
	.us-who {
		height: 360px;	
		background: none;
	}
	.us-team {
		height: 240px;
	}
	.us-product {
		height: 195px;
		background: none;
	}
	.us-run {
		height: 240px;
	}
	.bobo {
		background: none;
	}
	.contact-top {
		background: none;
	}
	.contact-top {
		height: 221px;
	}
	.contact-center {
		height: auto;
		background: none;
		background-color: #17a6e0;
	}
	.contact-center-left {
		margin-left: auto;
		float: none !important;
		text-align: center;
	}
	.contact-center-center {
		border-top: 1px solid #fff;
		padding-top: 15px;
		float: none !important;
		margin-left: auto;
		margin-top: 20px;
		width: auto;
	}
	.contact-center-center-en {
		border-top: 1px solid #fff;
		padding-top: 15px;
		float: none !important;
		margin-left: auto;
		margin-top: 20px;
		width: auto;
	}
	.contact-center-right {
		border-bottom: 1px solid #fff;
		padding-bottom: 15px;
		height: 65px;
		float: none !important;
		margin-left: auto;
		margin-top: 20px;
		width: auto;
		margin-bottom: 20px;
	}
	.contact-center-right-en {
		border-bottom: 1px solid #fff;
		padding-bottom: 15px;
		height: 96px;
		float: none !important;
		margin-left: auto;
		margin-top: 20px;
		width: auto;
		margin-bottom: 20px;
	}
	.contact-center-ctitle {
		margin-left: 10px;
		width: 100px;
		float: left;
	}
	.contact-center-rtitle {
		margin-left: 10px;
		width: 95px;
		float: left;
	}
	.contact-center-rtitle-en {
		height: 96px;
	}
	.contact-center-rcon-en {
		width: 240px;
	}
	.contact-center-ccon {
		float: left;
		font-size: 16px;
		letter-spacing: 1.5px;
	}
	.contact-center-rcon {
		float: left;
		font-size: 14px;
		letter-spacing: 1.5px;
	}
	.contact-center-cb {
		margin-bottom: 0px;
		clear: both;
	}
	.contact-center-cb-en {
		margin-bottom: 0px;
		clear: both;
	}
    .contact-center-rb {
    	margin-bottom: 0px;
    	clear: both;
    }
	.contact-center-weChat {
		margin-top: 20px;
	}
	.contact-bottom {
		display: none;
		background: none;
	}
	.contact-top-title {
		margin-top: 35px;
	}
	.us-title {
		margin-top: 23px;
		margin-bottom: 10px;
	}
	.product-detail {
		margin-top: 20px;
	}
	.product-detail img {
		width: 100%;
	}
	.certificate-img img {
		width: 100%;
	}
	.biotechnology-team {
		margin-right: 0px;
		margin-bottom: 20px;
		position: relative;
		height: auto;
		float: none;
	}
	.biotechnology-team-img {
		width: 100%;
		height: 200px;
		background: cover;
	}
	.biotechnology-team-desc {
		width: 100%;
		height: 245px;
	}
	.biotechnology-title {
		margin-top: 24px;
		margin-bottom: 11px;
		margin-left: 15px;
		margin-right: 15px;
	}
	.biotechnology-workshop-title {
		float: left !important;
	}
	.biotechnology-workshop-detail {
		float: left !important;
		background: none;
		padding-left: 0px;
	}
	.biotechnology-desc {
		width: auto;
		margin-left: 15px;
		margin-right: 15px;
	}
	.biotechnology-workshop {
		position: relative;
		height: auto;
		float: none;
	}
	.biotechnology-workshop-img {
		width: 100%;
		height: 200px;
		background-size: cover;
	}
	.biotechnology-workshop-desc {
		width: 100%;
		height: 220px;
	}
	.biotechnology-procreate {
		position: relative;
		height: auto;
	}
	.biotechnology-procreate-img {
		width: 100%;
		height: 200px;
	}
	.biotechnology-procreate-desc {
		width: 100%;
		height: 245px;
	}
	.biotechnologyBanner {
		margin-top: 97px;
		height: 200px;
	}
	.certificate-title {
		margin-bottom: 30px;
		margin-top: 34px;
	}
	.encertificate-title {
		margin-bottom: 30px;
		margin-top: 34px;
	}
	.certificate-img {
		margin-bottom: 47px;
	}
	.index-advantage-img {
		margin-top: 23px;
	}
	.index-advantage-title {
		margin-top: 19px;
	}
	.index-advantage {
		margin-bottom: 30px;
	}
	.index-biotechnology {
		height: 200px;
		margin-bottom: 37px;
	}
	.index-biotechnology-title {
		margin-top: 40px;
	}
	.index-biotechnology-desc {
		margin-top: 12px;
	}
	.banner-biotechnology-title {
		padding-top: 70px;
	}
	.banner-biotechnology-desc {
		margin-top: 22px;
	}
	.index-biotechnology-more {
		margin-top: 22px;
	}
	.index-new-article-date {
		padding-bottom: 8px;
		margin-bottom: 0px;
	}
	.new-article-date {
		padding-bottom: 8px;
		margin-bottom: 0px;
	}
	.index-us-care-li {
		margin-left: 10px;
		margin-right: 10px;
	}
	.index-us-right {
		padding-top: 10px;
		clear: both;
		float: none !important;
		text-align: center;
	}
	.index-us-contact-detail div {
		width: auto;
		float: none !important;
	}
	#banner {
		height: 200px;
		margin-top: 74px;
	}
	.bannerone {
		height: 200px;
	}
	.bannertwo {
		height: 200px;
	}
	.bannerthree {
		height: 200px;
	}
	#bannerbtndw {
		top: 74px;
		right: 25px;
	}
	.navbar {
		position: fixed;
		top: 0px;
		left: 0px;
		right: 0px;
		z-index: 9999;
	}
	.lang-change {
		position: relative;
		float: right;
		margin-top: 8px;
		margin-right: 10px;
	}
	.lang-a {
		font-size: 12px;
		display: block;
	}
	.lang-en {
		letter-spacing: 1px;
	}
	.lang-ch {
		letter-spacing: 1px;
	}
	.navbar-brand img {
		width: 200px;
		display: block;
		margin-right: auto;
		margin-left: auto;
	}
	.nav>li {
		width: 270px;
	}
	.navbar-collapse {
		width: 270px;
		height: 500px;
		background-color: #444;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;	
		border-bottom: none;
		padding-left: 10px;
		margin-left: 0px;
		margin-right: 0px;
	}
	.navbar-header {
		background-color: #fff;
	}
	.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
		background-color: #00a7e1;
		border-bottom: none;
		color: #fff;
	}
	.navbar-default .navbar-nav>li>a {
		color: #fff;
	}
	.navbar-default {
		background-color: transparent;
	}
    .navbar-default .navbar-nav>li.active4>a
     {
        border-bottom: none;
     }
     .navbar-default .navbar-nav>li.active3>a
     {
        border-bottom: none;
     }
     .navbar-default .navbar-nav>li.active>a
     {
        border-bottom: none;
     }
     .product-detail-bottom {
		margin-bottom: 20px;
	 }
	 .product-detail-banner {
		width: 100%;
		height: 200px;
		background:url(../images/pro05.jpg) no-repeat center center;
		background-size: cover;
	  }
	  .product-detail-ntop {
	  	margin-top: 0px; 
	  }
	  .us-bot {
	  	display: none;
	  }
	  .biotechnology-tcont {
	  	width: 100%;
	  }
	  .biotechnology-top {
		margin-top: 35px;
		margin-bottom: 20px;
	  }
	  .biotechnology-workshop-mar {
	  	margin-top: 24px;
	  	margin-left: 0px;
	  }
	  .biotechnology-cont {
	  	width: 100%;
	  	height: auto;
	  }
	  .index-biotechnology-title-en {
	  	margin-top: 20px;
	  	font-size: 16px;
		letter-spacing: 1.5px;
	  }
	  .biotechnology-title-en {
	  	font-size: 18px;
	  }
	  .biotechnology-procreate-desc-en {
	  	height: 280px;
	  }
	  .encertificate-title {
	  	width: 100%;
	  }
	  .encertificate-title img {
	  	width: 100%;
	  	height: 100%;
	  }
	  .us-who-en {
	  	height: 540px;
	  }
	  .us-team-en {
		height: 294px;
	  }
	  .us-product-en {
	  	height: 265px;
	  }
	  .us-run-en {
	  	height: 325px;
	  }
	  .banner-biotechnology-title-en {
	  	padding-top: 40px;
	  	margin-top: 20px;
	  	font-size: 16px;
		letter-spacing: 1.5px;
	  }
	  .biotechnology-workshop-desc-en {
	  	height: 244px;	
	  }
	  .new-article-title {
	  	margin-bottom: 10px;
	  }
	  .index-new-article-title {
	  	margin-bottom: 10px;
	  }
	  .product-detail-nav {
	  	margin-top: 68px;
	  }
	  .product-detail-top {
	  	margin-left: 0px;
	  	background: none;
	  }
	  .new-con {
	  	background: url(../images/new-bg.jpg) no-repeat center 62px;
	  }
	  .tnew-title {
	  	height: 62px;
	  	overflow: hidden;
	  }
	  .tnew-title-font {
		padding-left: 10px;
		padding-top: 5px;
		font-family: 'PingFang Regular';
		height: 56px;
		line-height: 56px;
		font-size: 16px;
		letter-spacing: 1.5px;
		color: #434343;
	  }
	  .new-con img {
	  	width: 100%;
	  	height: 100%;
	  }
}
.foot-container{
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-template-rows: auto auto;
	gap: 30px;
	max-width:830px;
	margin: 0 auto;
	padding-top: 50px;
  }
  .footer-bottom{
	max-width:830px;
	margin: 0 auto;
	padding:50px 0;
  }
  .footer-bottom a{
	font-size: 10px;
	color: #fff;
  }
  .lianxiwomen{
	grid-row: 1;
	grid-column: 1;
	justify-self: start;
	align-self: start;
	/* border: 1px dashed #ccc;
	padding: 10px; */
  }
  .lianxiwomen p{
	color: #FFF;
  }
  .footer-links{
	grid-column: 2;
	grid-row: 1;
	justify-self: start;
	align-self: start;

	display: grid;
	grid-template-columns: repeat(5,1fr);
	gap: 10px;
	width: 100%;
  }
  .footer-info{
	grid-column: 1;
	grid-row: 2;
	justify-self: start;
	align-self: start;
  }
  .footer-form{
	grid-column: 2;
	grid-row: 2;
	justify-self: start;
	align-self: start;
  }
  .lianxiwomen a{
	font-size: 24px;
	color: white;
	font-weight: 400;
  }
  .footer-links-column{
	display: flex;
	flex-direction: column;
  }
  .footer-links-column h3{
	color: #fff;
	font-size: 16px;
	margin-bottom: 16px;
	font-weight: 400;
  }
  .footer-links-column a{
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	margin-bottom: 12px;
	font-weight: 300;
	line-height: 1.6;
	transition: color 0.3s;
  }
  .footer-kefu{
	width: 150px;
	height: 30px;
	padding: 5px 5px;
	margin-bottom: 40px;
	border-radius: 15px;
	color: rgb(115, 105, 174);
	background-color: #fff;
	border: #fff;																																											
  }
  .footer-info p{
	color: #fff;
	font-size: 14px;
	margin: 5px;
  }
  .footer-form{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 30px;
	width: 100%;
  }
  .form-group{
	display: flex;
	flex-direction: column;
  }
  .form-group label{
	color: white;
	text-decoration: underline;
	text-underline-offset: 2px;
	font-size: 18px;
	font-weight: 400;
	padding-bottom: 5px;
  }
  .form-group input{
	background: transparent;
	border:none;
	
	border-bottom: 1px solid white;
	color: white;
	padding: 5px 0;
	width: 100%;
	outline: none;
  }
  .form-group input::placeholder{
	color: #bbb;
  }
  .submit-btn{
	grid-column: 3;
	padding: 5px;
	color: rgb(115, 105, 174);
	font-size: 16px;
	background-color: #fff;
	border: #fff;
	border-radius: 15px;
  }
  .product-detail-img{
	width: 100%;
	height: auto;
  }

.carousel {
	position: relative;
	width: 100%;
	height: 78vh;
	background-repeat: no-repeat;
	background-size: cover;
}

.carousel-item {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	opacity: 0;
	transition: opacity 1s linear;
	background-repeat: no-repeat;
}

.carousel-item.active {
	opacity: 1;
}

.carousel-text {
	position: absolute;
	left: 50%;
	top: 30%;
	transform: translateX(-50%);
	width: 80%;
	padding: 20px;
	background-color: rgba(0, 0, 0, 0.6);
	color: #fff;
	text-align: center;
	font-size: 2.5rem;
	line-height: 1.5;
	border-radius: 10px;
}

.carousel-nav {
	position: absolute;
	left: 50%;
	bottom: 10%;
	transform: translateX(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 99;
}

.carousel-nav button {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: none;
	margin: 0 10px;
	background-color: #fff;
	cursor: pointer;
	transition: all 0.3s ease;
}

.carousel-nav button.active {
	width: 20px;
	background-color: #ffcc33;

}
.navbar-brand img {
	width: auto;
	height: 69px;
	
}
.index-product-article-image{
	width: 270px;
	height: 200px;
}
