@font-face {
  font-family: "sfpro";
  src: url("./fonts/sfpro.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "pf";
  src: url("./fonts/PingFang-Regular.woff") format("woff"); /* Modern Browsers */
  font-weight: normal;
}
@font-face {
  font-family: "pf";
  src: url("./fonts/PingFang-Bold.woff") format("woff"); /* Modern Browsers */
  font-weight: bold;
}
.p_content {padding:0px; margin:0;  margin-bottom:10px;}
.p_title {padding:10px; }
.p_content > span {padding:10px; display:block; background:#eee;}
.p_content {overflow:hidden;
transition:all 0.2s ease;
-webkit-transition:all 0.2s ease;
}
.p_content.rdy {height:0;}
a {outline:none;}
div {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
}
#flogo2 {margin-right:30px; width:160px; height:auto;}
.benefit .role .cn {text-align:center;}
.benefit .cn , .product-desc .cn, .product-desc .en, .process-desc .des, p {text-align:justify; text-justify:inter-character; font-size:16px;}
.conw {padding-top:35px; padding-left:48px; font-weight:bold;}
#bcologo_over {position:absolute; left:0; top:0; overflow:hidden;  transform:translateY(0);
animation: blco 5s ease infinite;
-webkit-animation: blco 5s ease infinite;
}
#bcologo img {width:197px; position:relative;  transform:translateY(0);
animation: blco_rev 5s ease infinite;
-webkit-animation: blco_rev 5s ease infinite;
}

@keyframes blco {
	0%, 50% {height:0; transform:translateY(0); opacity:0}	
	55% {height:5px; opacity:0.8;}
	65% {height:30px;}
	73% {height:2px; opacity:.2}
	76% {height:2px; transform:translateY(50px);}	
	95% {height:25px; opacity:0.6;}
	100% {height:50px;transform:translateY(120px); opacity:.2;}
}

@keyframes blco_rev {
	0%, 50% {transform:translateY(0);}	
	76% { transform:translateY(-50px);}	
	100% {transform:translateY(-120px);}
}

.csym {position:absolute; left:50%; top:60px; color:#82141b; font-size:16px; margin-left:43px; }
#bcologo {position:absolute; left:6px; top:30px; height:5px;}
div, span, a, li, th, td, form, input, textarea, select, table, h1, h2, h3, h4, h5 {font-family:"pf","sfpro",san-serif; color:#222;}
h1, h2, h3, h4, h5, h1 span, h2 span, h3 span, h4 span, h5 span {color:#2a1010;}
.counter_v.ani { opacity:1;
animation:counter 5s 1 ease-out;
-webkit-animation:counter 5s 1 ease-out;
}
@keyframes counter {
	0% {opacity:0; transform:scale(0.5);}
	88% {opacity:1; transform:scale(1); background:rgba(228,193,100,1);}
	95% {opacity:1; transform:scale(1);}
	98% {opacity:1; transform:scale(1.07) translateY(-5px);  }
	100% {opacity:1; transform:scale(1) translateY(0px); background:rgba(138,21,29,1);}
}
@-webkit-keyframes counter {
	0% {opacity:0; -webkit-transform:scale(0.5);}
	88% {opacity:1; -webkit-transform:scale(1);}
	95% {opacity:1; -webkit-transform:scale(1);}
	98% {opacity:1; -webkit-transform:scale(1.07) -webkit-translateY(-5px);}	
	100% {opacity:1; -webkit-transform:scale(1) -webkit-translateY(0px);}
}

.faq ol li {margin-bottom:25px; position:relative;}
.dline {height:1px;  border-bottom:1px dashed #ccc; width:calc(100% + 18px); position:relative; left:-18px;}
.counter_lbl {line-height:22px; color:#8a151d; padding-top:3px; font-size:16px; font-weight:bold;}
.counter_o {font-size:0; text-align:center; max-width:1200px; width:90%; margin:0 auto; border:1px solid #fbd9db;}
.counter_r {width:25%; font-size:18px; display:inline-block; vertical-align:top; height:150px; text-align:center; border-right:1px solid #fbd9db; position:relative;}
.en1 .counter_r {height:180px;}
.counter_r:last-child {border:0;}
.counter_r > div {display:inline-block; width:200px; text-align:center; padding-top:14px;}
.counter_v {font-size:32px; opacity:0; width:80px; height:80px; line-height:80px; margin:0 auto; background:#82141b; color:#fff;  margin-bottom:5px; font-weight:bold; 
border-radius:50%;
-webkit-border-radius:50%;
}
.qqbar {height:25px; width:25px; line-height:25px; background:#DC7435; color:#fff; font-size:12px;  text-align:center; position:absolute; right:0; top:0; cursor:pointer;
border-radius:3px;
-webkit-border-radius:3px;
}
.faq ol {padding-left:17px;}
.p_title {font-size:16px; padding:2px;    padding-right:50px;}
.faq h3 {padding-top:20px; font-size:26px;}
.faq_r img {width:200px; height:auto; margin-bottom:10px;}
.faq_c {font-size:0; border-bottom:1px solid #eee; padding-bottom:30px; margin-bottom:10px; }
.faq_r {font-size:22px; font-weight:bold; display:inline-block; width:33.3%; vertical-align:top; text-align:center; box-sizing:border-box; cursor:pointer; 
/* color:#f2c52b; */
color:#dcb019;
transition:all 0.2s ease; 
-webkit-transition:all 0.2s ease; 
}
.faq .p_content {position:relative; left:-18px; width:calc(100% + 18px);}
.faq p {margin-top:0;}
h3 {font-size:21px;}
.p_title {margin:0px 0 10px; cursor:pointer; font-weight:300; }

.faq_r:hover {color:#2a1010;}
.faq_r.current {}
#whyusol li {font-size:16px; padding-left:20px; margin-bottom:10px;}
.mission img {width:32px; height:auto; vertical-align:middle; margin-right:7px;}
.vision img {width:32px; height:auto; vertical-align:middle; margin-right:7px;}
.map1 {width:100%; margin:0 auto; display:block; max-width:1200px; height:auto;}
#ga_1 {display:none;}
#footer_qr {text-align:center;}
#footer_qr img {margin:20px; width:150px; height:auto;}
div.lg-toolbar {display:none;}
div.lg-actions .lg-icon {font-size:0;}
div.lg-actions .lg-prev {background:transparent url('/images/banner_a_left.png') no-repeat center center / 60px auto; width:60px; height:60px;}
div.lg-actions .lg-next {background:transparent url('/images/banner_a_right.png') no-repeat center center / 60px auto; width:60px; height:60px;}
#logo {position:absolute; left:195px; top:0; transform:scale(0.83); -webkit-transform:scale(0.83);}
#banner .ba_r, #banner .ba_l { opacity:0;
	transition:all 0.8s ease-out;
	-webkit-transition:all 0.8s ease-out;
}
.mivi_o {text-align:center; font-size:0; }
.mivi {width:50%; padding:10px 0px; box-sizing:border-box; vertical-align:top; display:inline-block; text-align:left; font-size:16px; box-sizing:border-box;}
.mivi:first-child {padding-right:30px;}
#cologo {margin-left:15px;}
#cologo > img {width:180px; height:auto; padding-top:40px}
.ready #banner .ba_r { opacity:1;
transform:translateX(30px) translateY(-50%);
-webkit-transform:translateX(30px) translateY(-50%);
}
.ready #banner .ba_l {opacity:1;
transform:translateX(-30px) translateY(-50%);
-webkit-transform:translateX(-30px) translateY(-50%);
}
.about strong {font-size:21px;}
#blogo {position:absolute; top:0; left:0; overflow:hidden; height:5px; width:136px;top:-4px; left:-5px;
filter: blur(2px);
-webkit-filter: blur(2px);
animation: lb 5s infinite ease 6s;
-webkit-animation: lb 5s infinite ease 6s;
}
#blogo img {position:absolute;  width:130px; left:0;
animation: lb2 5s infinite ease 6s;
-webkit-animation: lb2 5s infinite ease 6s;
}
@keyframes lb {
	0% {transform:translateY(0);  height:5px; }	
	4% {transform:translateY(30px); }	
	20% {transform:translateY(150px);}	
	5% {height:10px;}
	20% {height:40px;}
	25% {height: 8px;}
	30%, 100% {transform:translateY(210px) ;height:5px;;}	
}
@keyframes lb2 {
	0% {transform:translateY(0);}	
	4% {transform:translateY(-30px);}
	20% {transform:translateY(-150px);}	
	30%, 100% {transform:translateY(-210px) ; }	
	15% {opacity:0.9;}
	30% {opacity:0;}
}

.c_i {height:50px; line-height:50px; display:block; text-align:left; line-height:18px; vertical-align:middle; padding-top:5px;}
.c_i a {color:#555;}
.c_i.xhs {background:url('/images/xhs.png') no-repeat 0 0 / 32px auto; padding-left:40px;}
.c_i.weibo {background:url('/images/weibo.png') no-repeat 0 0 / 32px auto; padding-left:40px;}
.c_i.qq {background:url('/images/qq.png') no-repeat 0 0 / 32px auto; padding-left:40px;}
.c_i.facebook {background:url('/images/fb.png') no-repeat 0 0 / 32px auto; padding-left:40px;}
.c_i.instagram {background:url('/images/insta.png') no-repeat 0 0 / 32px auto; padding-left:40px;}
.c_i.website {background:url('/images/website.png') no-repeat 0 0 / 32px auto; padding-left:40px;}
.c_i.tiktok {background:url('/images/tiktok.png') no-repeat 0 0 / 32px auto; padding-left:40px;}
.c_i.email {background:url('/images/email.png') no-repeat 0 0 / 32px auto; padding-left:40px;}
.c_i.wechat {background:url('/images/wechat.png') no-repeat 0 0 / 32px auto; padding-left:40px;}
.c_i.mobile {background:url('/images/mobile.png') no-repeat 0 0 / 32px auto; padding-left:40px; }
.c_i.address {background:url('/images/address.png') no-repeat 0 0 / 32px auto; padding-left:40px;}
.c_i.kuai-shou {
	background: url('/images/kuai-shou.png') no-repeat 0 0 / 32px auto;
	padding-left: 40px;
}
#gw {position:absolute; left:325px; top:108px; width:22px; height:auto;}
.en1 #gw {width:62px; left:325px; top:135px;}
.contact_right {text-align:left;}
.contact-qr {border-right:1px solid #eee;}
button.glide__arrow--right {right:-58px; border:0; box-shadow:none; -webkit-box-shadow:none; opacity:0.8; trasition:0.15s ease; -webkit-trasition:0.15s ease;}
button.glide__arrow--left {left:-58px;border:0; box-shadow:none; -webkit-box-shadow:none; opacity:0.8; trasition:0.15s ease; -webkit-trasition:0.15s ease;}
button.glide__arrow--left:hover, button.glide__arrow--right:hover {opacity:1;}
.tc {position:absolute; right:20px; top:3px; font-size:13px;}
.tc_1 {font-weight:bold;}
.tc_1 img {width:13px; height:auto; margin-right:5px;}
.bc {text-align:center; padding-top:20px;}
.bc_1, .bc_1 a, .bc_1 a:focus, .bc_1 a:visited {color:#f2c52b !important;}
.bc_1 img {width:13px; height:auto; margin-right:5px;}
.qr {text-align:center; width:50%;}
.qr img {width:120px; height:auto; border:1px solid #eee; padding:10px;margin-bottom:10px; margin-right:10px;}
.oks .product-navbar {position:fixed; top:0; }
.role > div {font-weight:bold;}
.content-product-list { padding-left:40px; width:25%; display:inline-block; box-sizing:border-box; vertical-align:top;}
.content-product-list li { display:block; list-style-type:disk; margin:5px 0; vertical-align:top;
:5px;}
.en1 .content-product-list {width:33%;}
.content-product-list li div {display:block; font-size:16px; background:url('/images/disk.png') no-repeat 5px 0 / 16px auto; padding-left:28px;}
#fbg {background:url('/images/fbg.jpg') repeat-x 0 0 / auto 100%; height:138px; width:100%;}
#badges {background:#fbf6ed;border-top:5px solid rgba(0,0,0,0.05)}
#wa {position:fixed; right:5px; bottom:15px;}
#wa img {width:60px; height:auto;}
.action {text-align:center; padding:20px 0;}
.btn {display:inline-block; background:#f2c52b; color:#2a1010; height:50px; line-height:50px; padding:0 20px; font-weight:bold; font-size:21px;
border-radius:2px;
-webkit-border-radius:2px;
}
.en1 .btn {font-size:16px;}
.btn:hover {background:#2a1010; color:#fff;}
.bc_r img {width:70px; height:auto;}
.bc_r {display:inline-block; width:16%; text-align:center; padding-top:10px;}
.bc_w {font-size:18px; color:#2a1010; padding:10px 0; text-align:center; }
#badges_c {width:100%; max-width:1100px; margin:0 auto; padding:26px 0; font-size:0; text-align:center; overflow:hidden;}
.bc_r img  {opacity:0; 
transform:scale(1) translateY(0px);
-webkit-transform:scale(1) translateY(0px);
}
.ready .bc_w, .ready .bc_r img {opacity:0;}
#badges_c.show .bc_r_1 .bc_w {
	animation: jumpout2 0.5s 1 ease-out 0.3s forwards;
	-webkit-animation: jumpout2 0.5s 1 ease-out 0.3s forwards;
}
#badges_c.show .bc_r_2 .bc_w {
	animation: jumpout2 0.5s 1 ease-out 0.4s forwards;
	-webkit-animation: jumpout2 0.5s 1 ease-out 0.4s forwards;
}
#badges_c.show .bc_r_3 .bc_w {
	animation: jumpout2 0.5s 1 ease-out 0.5s forwards;
	-webkit-animation: jumpout2 0.5s 1 ease-out 0.5s forwards;
}
#badges_c.show .bc_r_4 .bc_w {
	animation: jumpout2 0.5s 1 ease-out 0.6s forwards;
	-webkit-animation: jumpout2 0.5s 1 ease-out 0.6s forwards;
}
#badges_c.show .bc_r_5 .bc_w {
	animation: jumpout2 0.5s 1 ease-out 0.7s forwards;
	-webkit-animation: jumpout2 0.5s 1 ease-out 0.7s forwards;
}
#badges_c.show .bc_r_6 .bc_w {
	animation: jumpout2 0.5s 1 ease-out 0.8s forwards;
	-webkit-animation: jumpout2 0.5s 1 ease-out 0.8s forwards;
}
#badges_c.show .bc_r_1 img { 
	animation: jumpout 0.5s 1 ease-out 0.2s forwards;
	-webkit-animation: jumpout 0.5s 1 ease-out 0.2s forwards;
}
#badges_c.show .bc_r_2 img { 
	animation: jumpout 0.5s 1 ease-out 0.3s forwards;
	-webkit-animation: jumpout 0.5s 1 ease-out 0.3s forwards;
}
#badges_c.show .bc_r_3 img {
	animation: jumpout 0.5s 1 ease-out 0.4s forwards;
	-webkit-animation: jumpout 0.5s 1 ease-out 0.4s forwards;
}
#badges_c.show .bc_r_4 img { 
	animation: jumpout 0.5s 1 ease-out 0.5s forwards;
	-webkit-animation: jumpout 0.5s 1 ease-out 0.5s forwards;
}
#badges_c.show .bc_r_5 img { 
	animation: jumpout 0.5s 1 ease-out  0.6s forwards;
	-webkit-animation: jumpout 0.5s 1 ease-out 0.6s forwards;
}
#badges_c.show .bc_r_6 img { 
	animation: jumpout 0.5s 1 ease-out  0.6s forwards;
	-webkit-animation: jumpout 0.5s 1 ease-out 0.7s forwards;
}
@keyframes jumpout {
	0% {transform:scale(0) translateY(100px);opacity:0;}	
	70% {transform:scale(1.12) translateY(0px);}	
	80% {transform:scale(0.9) translateY(0px);}	
	100% {transform:scale(1) translateY(0px);opacity:1;}	
}
@-webkit-keyframes jumpout {
	0% {-webkit-transform:scale(0) translateY(100px);opacity:0;}	
	70% {-webkit-transform:scale(1.12) translateY(0px);}	
	80% {-webkit-transform:scale(0.9) translateY(0px); }	
	100% {-webkit-transform:scale(1) translateY(0px); opacity:1;}	
}
@keyframes jumpout2 {
	0% {transform:scale(0) translateY(-100px);opacity:0;}	
	70% {transform:scale(1.12) translateY(0px);}	
	80% {transform:scale(0.9) translateY(0px);}	
	100% {transform:scale(1) translateY(0px);opacity:1;}	
}
@-webkit-keyframes jumpout2 {
	0% {-webkit-transform:scale(0) translateY(-100px);opacity:0;}	
	70% {-webkit-transform:scale(1.12) translateY(0px);}	
	80% {-webkit-transform:scale(0.9) translateY(0px);}	
	100% {-webkit-transform:scale(1) translateY(0px);opacity:1;}	
}
@keyframes jumpout3 {
	0% {transform:scale(5) translateY(-100px);opacity:0;}	
	70% {transform:scale(0.8) translateY(0px);}	
	80% {transform:scale(1.12) translateY(0px);}	
	100% {transform:scale(1) translateY(0px);opacity:1;}	
}
@-webkit-keyframes jumpout3 {
	0% {-webkit-transform:scale(5) translateY(-100px);opacity:0;}	
	70% {-webkit-transform:scale(0.8) translateY(0px);}	
	80% {-webkit-transform:scale(1.12) translateY(0px);}	
	100% {-webkit-transform:scale(1) translateY(0px);opacity:1;}	
}
/*
.bc {
animation: blink 1s linear infinite;
-webkit-animation: blink 1s linear infinite;	
}
@keyframes blink {
	0%, 100% {opacity:1;}
	50% {opacity:0.3;}
}
@-webkit-keyframes blink {
	0%, 100% {opacity:1;}
	50% {opacity:0.3;}
}
*/
#qlink {text-align:center; width:100%; max-width:1200px; margin:0 auto; padding-top:50px; border-bottom:1px solid rgba(255,255,255,0.1); padding-bottom:50px;}
#qlink a {display:inline-block; color:#f2c52b; padding:10px 20px; font-size:18px; border-bottom:2px solid rgba(0,0,0,0);}
#qlink a:hover, #qlink a.current {border-bottom:2px solid #f2c52b;}
#copyright {text-align:center; padding:50px 20px; color:#fbf6ed; text-transform:uppercase;}
.en1 #coptyright {line-height:25px;}
.right {text-align:left; padding-top:10px;}
div {box-sizing:border-box;}
#youfu {position:absolute; right:111px; top:37px; width:44px; height:auto;}
#header {background:url('/images/topbg.png') repeat-x; background-size:auto 100%; position:relative; height:180px;}
#header_re { background:url('/images/topbg3.jpg') no-repeat center bottom / auto; position:absolute; left:0; top:0; width:100%; height:100%;}
#banner {height:500px;  box-sizing:content-box; background:url('/images/banner_bg.jpg') repeat-x left bottom / auto auto; overflow:hidden;}
#company_logo {text-align:center; padding:20px 0;}
#company_logo img {width:90%; max-width:250px; height:auto;}
.glide__track img {width:100%; height:100%;}
#banner_c {height:100%;
box-shadow:0 50px 50px -40px rgba(0,0,0,0.4);
-webkit-box-shadow:0 50px 50px -40px rgba(0,0,0,0.4);
}
#fdl {position:fixed; right:0; bottom:50%; z-index:99; text-align:center;}
#fdl div { background:rgba(0,0,0,0.8); padding:2px 4px ; font-size:12px; display:inline-block; margin-top:3px; color:#fff; 
border-radius:2px;
-webkit-border-radius:2px;
}
.mivi_o {border-bottom:1px solid rgba(0,0,0,0.1); margin-bottom:25px; padding-top:20px;}
#fdl img {width:70px; height:auto;}
#header_c {width:100%; max-width:1200px; margin:0 auto; position:relative; height:100%;}
#nav_c {text-align:center;  width:100%; max-width:1200px; margin:0 auto;  position:relative; font-size:0;}
#nav {  width:100%; background:#f2c52b url('/images/nav.png') repeat-x 0 0 / auto 100%; z-index:5; position:relative; border-bottom:5px solid #2a1010;
box-shadow:0 5px 15px 0 rgba(0,0,0,0.2), 0 1px 3px 0 rgba(0,0,0,0.2);
-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,0.2), 0 1px 3px 0 rgba(0,0,0,0.2);
}
#map {width:100%; height:600px;}
#sha {background:rgba(0,0,0,0.3); width:70%; height:10px; margin:0 auto; max-width:500px; margin-top:10px; opacity:0.5; display:none;
transition: all 0.7s ease-out;
-webkit-transition: all 0.7s ease-out;
border-radius:50%;
-webkit-border-radius:50%;
}
#nav_c a {color:#2a1010; text-decoration:none; display:inline-block; padding:0 30px; height:60px; line-height:60px; font-size:21px; font-weight:bold;
transition:all 0.15s ease;
-webkit-transition:all 0.15s ease;
}
.content_c {width:100%; max-width:1200px; margin:0 auto 40px;}
.glide__slides {margin:0;}
#banner_c {width:100%; margin:0 auto; max-width:1200px;}
#banner:hover #sha {max-width:500px; opacity:1;}
a {text-decoration:none; outline:none;}
a:hover {text-decoration:none; outline:none;}
.home-product-bg {background:url('/images/p_bg.png') repeat-x center bottom / auto 100%; height:200px; width:100%; position:absolute; left:0; bottom:0; opacity:0.8;}

.home-product-img {
transition:all 0.7s ease-out;
-webkit-transition:all 0.7s ease-out;	
}
.p_arrow {position:absolute; right:-10px; bottom:20px; width:20px; height:auto; opacity:0;
transition:all 0.3s ease-out;
-webkit-transition:all 0.3s ease-out;	
}
.home-product-item:hover .p_arrow {right:20px; opacity:1}
.home-product-item {overflow:hidden;}
.home-product-item:hover .home-product-img {
transform:scale(1.1);	
-webkit-transform:scale(1.1);	
}
.cimg {margin:20px 0; width:100%; max-width:1200px; height:auto;
border-radius:10px;
-webkit-border-radius:10px;
}
div.home-product-desc-cn {font-size:25px; color:#fff;} 
.home-product-desc {
	position: absolute;
	bottom: 15px;
	left: 0;
	width: 100%;
}
#home_i {width:25px; height:auto; position:absolute; left:10px; top:20px;}
#flogo {width:80px; height:auto; display:inline-block;}
.home-product {text-align:center;}
.home-product-item {position:relative; vertical-align:top; border-bottom:8px solid #f2c52b;}
.home-product-item-1 {border-color:#c68437;}
.home-product-item-2 {border-color:#d1ac2d;}
.home-product-item-3 {border-color:#ecd496;}
.home-product-img img {width:100%; height:auto;}
h2 {font-size:30px; text-align:center; position:relative; margin-top:0; margin-bottom:50px; border-bottom:1px solid rgba(0,0,0,0.13); color:#2a1010;}
h2 span {position:relative; bottom:-30px ;display:inline-block; background:#fff; padding:10px 20px; }
#nav_c a:hover, #nav_c a.current {background:#2a1010; color:#f2c52b;}
#footer { position:relative;
	min-height: 300px;
	background: #2a1010;
}
.page-content {
	padding: 0 20px;
	position: relative;
}

body {
	padding:0;
	margin:0;
}

.navigation .navigation-item {
	display: inline-block;
	text-align: center;
	padding: 15px 20px;
}
.navigation .navigation-item:hover {
	background-color: #51282a;
}
.navigation .navigation-item a {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
.navigation .navigation-item a:hover, .navigation .navigation-item a:active {
	color: #fff;
	text-decoration: none;
}

.page-content-p {font-size:0;}
.product-navbar-list .navbar-link {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	padding: 10px;
	display: block;
}
.product-navbar-category:hover, .product-navbar-item:hover {
	background-color: #2a1010; 
}
.product-navbar-item:hover div {color:#fff;}
.product-navbar-category .navbar-link {background:#2a1010; }
.product-navbar-category .navbar-link div {color:#f2c52b;}
.product-navbar-category {
	border-bottom: 1px solid #000;
}
.product-navbar-item {
	padding-left: 28px;
}
.nav-cn { color:#2a1010;
	font-size: 20px;
}
.nav-en { color:#2a1010;
	font-size: 12px;
}
.page-header div {
	color: #83121b;
	font-weight: bold;
	padding: 5px;
	font-size: 24px;
}
.page-header div:nth-child(2) {
	padding-top: 0px;
	border-bottom: 1px dashed #7c7c7c;
	padding-bottom: 25px;
}

.ready .benefit .left img {opacity:0;}
.ready .benefit .show img { 
animation: jumpout3 0.5s 1 ease-out 0.2s forwards;	
-webkit-animation: jumpout3 0.5s 1 ease-out 0.2s forwards;	
}
.ready .benefit .bene_1 img {animation-delay: 0.1s; -webkit-animation-delay: 0.1s;}
.ready .benefit .bene_2 img {animation-delay: 0.2s; -webkit-animation-delay: 0.2s;}
.ready .benefit .bene_3 img {animation-delay: 0.3s; -webkit-animation-delay: 0.3s;}
.ready .benefit .bene_4 img {animation-delay: 0.4s; -webkit-animation-delay: 0.4s;}
.ready .benefit .bene_5 img {animation-delay: 0.5s; -webkit-animation-delay: 0.5s;}

.contact_c {font-size:0;}
.contact_left {width:60%; display:inline-block; font-size:16px; vertical-align:top;}
.contact_right {width:40%; display:inline-block; font-size:16px; vertical-align:top;}
.contact-qr, .social-media {
	font-size: 14px;
	width: 50%;
	display: inline-block;
	vertical-align: top;
}

.social-media > div {
	font-size: 20px;
	text-align: left;
	padding: 5px;
}
.social-media .fa {
	width: 24px !important;
}
.special-fa {
	width: 24px;
	vertical-align: bottom;
	padding-right: 10px;
}
.address span,  .address img {
	vertical-align: middle;
}
.address span {
	font-size: 16px;
	padding: 10px;
}
.my, .th {
	font-size: 0px;
}
.country-flag {
	width: 15%;
	display: inline-block;
	vertical-align: middle;
}
.country-address {
	font-size: 14px;
	display: inline-block;
	width: 70%;
	vertical-align: middle;
	padding: 5px;
}
.product-navbar, .product-list {
	display: inline-block;
	font-size: 14px;
	vertical-align: top;
	box-sizing: border-box;
}
.product-navbar {
	background: #f2c52b;
	width: 25%;
	padding: 0px;
}

.section-header {
	background: none; border-bottom:1px solid rgba(0,0,0,0.1);
	padding: 10px 15px 10px 25px;
	margin-bottom: 15px; border-radius:4px; -webkit-border-radius:4px;
}
.section-header .cn, .section-header .en {
	font-size: 23px;
/*	color: #f2c52b; */
	color:#2a1010;
	font-weight: bold;
}
.tag {
	color: #fff;
	padding: 4px 10px;
	background-color: #83121b;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	font-size: 13px;
	font-weight: normal;
	display: inline-block;
	vertical-align: middle;
}
.product-item {
	font-size: 0px;
}
.product-img {
	width: 25%; text-align:center;
	display: inline-block;
	vertical-align: top;
}
.product-desc { 
	width: 75%;
	display: inline-block;
	font-size: 16px;
	vertical-align: top;
}
.product-name {
	font-size: 20px;
	color: #83121b;
	padding: 10px 0px;
}
.product-name span { color:#2a1010;
	font-weight: bold;
	font-size: 24px;
	padding-right: 20px;
}
.en1 .product-name span {font-size:24px;}
.section-1, .section-2, .section-3 {
	margin-bottom: 50px;
}
.product-item {
	margin-bottom: 10px;
}

.pregnant, .child, .female, .old, .man {
	font-size: 0px;
	padding: 0px 10px;
	margin-bottom: 30px;
}
.pregnant .left, .child .left, .female .left, .old .left, .man .left {
	font-size: 16px;
	display: inline-block;
	width: 25%;
	text-align: center;
	vertical-align: top;
}
.pregnant .right, .child .right, .female .right, .old .right, .man .right {
	font-size: 16px;
	width: 70%;
	display: inline-block;
	text-align: left;
	vertical-align: top;
}
.right .cn, .right .en {
	padding: 5px;
}
.role .cn {
	padding-top: 5px;
}

.page-header div {
	color: #2a1010;
	font-weight: bold;
	padding: 5px;
	font-size: 30px;
}
.page-header div:nth-child(2) {
	padding-top: 0px;
	border-bottom: 1px dashed #7c7c7c;
	padding-bottom: 25px;
}


.home-product .page-content {
	font-size: 0;
}
.home-product-item {
	width: 33%;
	font-size: 14px;
	text-align: center;
	display: inline-block;
	cursor: pointer;
}
.home-product-desc-cn, .home-product-desc-en {
	font-weight: bold;
	padding: 5px;
	font-size: 20px;
}
.home-product-desc-en {
	font-size: 16px;
	font-weight: normal;
}

.app-logo img { margin:10px;
	width: 120px;
	height: auto;
}
.process_r {
position:relative;
}
.process-desc {text-align:left; padding-left:300px;min-height:130px;}
.process-image { position:absolute; left:0; top:0; width:300px;
	text-align: center;
}
.process-desc .cn {font-size:21px; font-weight:bold;}
.en1 .process-desc {padding-top:10px;}
.cn, .en {
	font-size: 21px;
}
.product-desc .cn, .product-desc .en {font-size:16px;}

.en1 .cn, .en1 .en {
	font-size: 18px;
}

.process-1 { 
}
.process-2 { 
}
.process-3 { 
}
.process-4 { 
}
.process-5 {
}
.process-6 {
}
.process-7 { 
}
.process-8 { 
}
.page-content-process {}
.arrow_r {width:45px; height:auto; transform:rotate(90deg); -webkit-transform:rotate(90deg); padding:20px 0; position:relative; left:150px; margin-left:-23px;
animation: blink 0.8s ease infinite;
-webkit-animation: blink 0.8s ease infinite;
}
.process-1.playing img {
animation: blink 0.4s ease infinite;	
-webkit-animation: blink 0.4s ease infinite;	
}


.fa {
	color: #83121b;
	font-size: 48px;
}
#arrow-8 {
	display: none;
}
#show_menu {display:none;background:url('/images/menu.png') no-repeat center center / 40px auto; width:60px; height:60px; position:absolute; right:10px; top:10px; }
.glide__arrow img {width:100px; height:auto;}

 
.en1 .page-content p {line-height:24px; }
.en1 .en, .en1 .cn {font-size:16px; line-height:22px;}
.en1 .section-header .cn {background:#83121b; color:#fff; padding:10px; display:block; font-size:23px;
border-radius:4px;
-webkit-border-radius:4px;
}
.en1 .section-header {padding:0; border:0;}
.en1 div.home-product-desc-cn {font-size:18px;}
.lang {
	color:#ff969d;
	position: absolute;
	right: 20px;
	bottom: 0px;
	
	border: 1px solid #2a1010;
	background:#2a1010;
	font-size: 14px;
	padding: 0 8px;
	height:25px; line-height:25px;
	border-radius:  8px 8px 0 0;
	-webkit-border-radius:  8px 8px 0 0;
}
.lang:hover {color:#fff}
#lang_cn {font-size:14px;}
.en1 #nav_c a {font-size:18px;}
.process_r .en {font-weight:bold;}
@keyframes showmenu {
	0% {opacity:0; transform:translateY(0px);}	
	100% {opacity:1; transform:translateY(20px);}	
}
@-webkit-keyframes showmenu {
	0% {opacity:0; -webkit-transform:translateY(0px);}	
	100% {opacity:1; -webkit-transform:translateY(20px);}	
}

 @media only screen and (max-width:1201px) {
	#banner {height:calc(100vw / 12 * 5);}
 }


 @media only screen and (max-width:768px) {
	 .counter_r {width:50%;}
 	 .counter_r:nth-child(2), .counter_r:nth-child(4) {border-right:0; }
	 .counter_r:nth-child(1), .counter_r:nth-child(2) {border-bottom:1px solid #fbd9db;}
	 #header_re {background-position:30% center;}
	 .faq_r {width:100%; margin-bottom:40px;}
	 .process-desc {padding:0;}
	 .content-product-list {padding-left:10px; width:100%;}
	 .en1 .content-product-list { width:100%;}
	 #gw {top:120px; width:18px; left:auto; right:20px;}
	 .en1 #gw {width:52px; left:auto; right:20px;}
	 .product-list {display:block; width:100%; padding:0; text-align:center;}
	 .product-img {display:block; width:100%; text-align:center;}
	 .product-navbar {display:none;}
	 .process-desc {text-align:center;}
	 
.bc_r {width:50%;}
#qlink {font-size:0;}
#qlink a {width:50%; box-sizing:border-box;}
.process-image {position:static; width:100%; text-align:center;}
.process_r { margin:0; margin-bottom:20px; width:100%;}
.arrow_r { margin:0;margin-bottom:20px; position:relative; top:auto; right:auto; margin-left:-20px; width:40px; left:50%; transform:rotate(90deg); -webkit-transform:rotate(90deg); }
.qr {width:100%;}
 .contact_left {width:100%; margin-bottom:20px; }
	 .contact_right {width:100%;}
	 .contact_left table, .contact_left td, .contact_left tr, .contact_left tbody {display:block;width:100;}
	 .c_i {margin-left:20px;}

	  #youfu {width:34px; top:60px;}
	  #gw {display:none;}
}

 @media only screen and (max-width:560px) {
 .p_title { padding-right:0px;}
 .qqbar {width:calc(100% + 18px); position:relative; left:-18px; top:0; margin-bottom:10px; height:35px; line-height:35px; }
 .product-desc { width:100%;}
	 #qlink a.current {background:#f2c52b; color:#222;}
	 .process-desc .des  {text-align:left;}
	 .conw {padding-top:35px; padding-left:18px;}
	
	 .counter_r {border-bottom:1px solid #fbd9db; height:110px;}
	 .mivi {width:100%;}
	 #logo {right:40px; left:auto;}
	 #youfu {display:none;}
	 #fdl {bottom:25%;}
	 #blogo img {  width:108.3px;}
	 .home-product-item {width:100%;}
	#header {border-bottom:5px solid #f2c52b;}
	 .benefit .left {width:100%;}
	 .benefit .right {width:100%;}
	 .tc {display:none;}
	
	 .app-logo img {margin:20px; width:100px;}
	 #show_menu {display:block;}
	 #show_menu.showing {background-color:rgba(0,0,0,0.2); opacity:0.5;}
	 #youfu {right:30%;}
	 #nav {position:absolute; right:0; top:80px; display:none;}
	 #nav.showing {display:block; opacity:1; transform:translateY(20px); -webkit-transform:translateY(20px);
		animation:showmenu 0.2s 1 ease-out;
		-webkit-animation:showmenu 0.2s 1 ease-out; 
		}
	 #nav_c a {display:block;}

.app-logo {
	text-align: center;
}

#qlink a {width:100%;}
#banner {margin-bottom:15px;}
.glide__arrows {display:none;}

#cologo > img {width:110px;}
#header {height:110px;}
#show_menu {background:url('/images/menu.png') no-repeat center center / 30px auto; width:50px; height:50px; }
#cologo > img {padding-top:21px;}
#bcologo img {width:122px;}
#bcologo {top:13px; left:7px;}
.app-logo img {width:70px; margin:0;}
#logo {left:130px; right:auto; top:5px;}
#nav {top:38px;}
#blogo img {width:78px;}
#banner {height:calc(100vw / 10 * 5);}
.lang {padding:0 8px; height:22px; font-size:12px;}
.counter_v {height:40px; line-height:40px; width:40px; font-size:18px;}
.counter_r > div {width:auto;}
.en1 .counter_r {height:140px;}
.counter_lbl {padding:0 10px;}
.csym {top:28px; margin-left:24px;}
#bcologo_over {position:absolute; left:0; top:0; overflow:hidden;  transform:translateY(0);
animation: blco_mob 5s ease infinite;
-webkit-animation: blco_mob 5s ease infinite;
}
#bcologo img {
animation: blco_mob_rev 5s ease infinite;
-webkit-animation: blco_mob_rev 5s ease infinite;
}
 }
 
 

@keyframes blco_mob {
	0%, 50% {height:0; transform:translateY(0); opacity:0}	
	55% {height:5px; opacity:0.8;}
	65% {height:30px;}
	73% {height:2px; opacity:.2}
	76% {height:2px; transform:translateY(30px);}	
	95% {height:25px; opacity:0.6;}
	100% {height:50px;transform:translateY(80px); opacity:.2;}
}

@keyframes blco_mob_rev {
	0%, 50% {transform:translateY(0);}	
	76% { transform:translateY(-30px);}	
	100% {transform:translateY(-80px);}
}