.mask{display: none; position: fixed; z-index: 11; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.75); -webkit-transform: translateZ(0);}
.header{position: fixed; z-index: 100; top: 0; left: 0; width: 100%; background: #fff; border-bottom: 1px solid #dbdbdb; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transform: translateZ(0);}  
.header .container{padding-top: 34px; -webkit-transition: all .6s ease; transition: all .6s ease;}
.header ul{list-style: none; padding:0;}
.header .logo{position: absolute; left: 50%; top: 50%; margin-top: -26px; margin-left: -82px; width: 165px; height: 52px; background: url(../images/logo190822.png) no-repeat center center; background-size: auto 100%; -webkit-transition: all .6s ease; transition: all .6s ease;}
.navbar-default .navbar-toggle .icon-bar{background-color: #2d2d2d; -webkit-transition: all .3s; transition: all .3s;}
.navbar-toggle{margin-right: -10px; border: 0; background: none;}
.navbar-toggle.on .icon-bar:nth-of-type(2){-webkit-transform: matrix(1,0,0,1,0,6) rotate(45deg); transform: matrix(1,0,0,1,0,6) rotate(45deg);}
.navbar-toggle.on .icon-bar:nth-of-type(4){-webkit-transform: matrix(1,0,0,1,0,-6) rotate(-45deg); transform: matrix(1,0,0,1,0,-6) rotate(-45deg);}
.navbar-toggle.on .icon-bar:nth-of-type(3){width: 0;}
.navbar-default{background: none; border: 0; margin-bottom: 0; -webkit-border-radius: 0; border-radius: 0;}
.navbar-default .navbar-nav{float: none !important; margin-left: -45px;}
.navbar-default .navbar-nav>li{margin-top: 10px; -webkit-transition: all .3s ease; transition: all .3s ease;}
.navbar-default .navbar-nav>li>a{position: relative; padding-top: 0; padding-bottom: 0; font-weight: bold; font-size: 16px; line-height: 50px; color: #4c4c4c; overflow: hidden; -webkit-transition: all .3s; transition: all .3s;}
.navbar-default .navbar-nav>li>a::after{position: absolute; display: block; content: ""; left: 0; bottom: 0; margin-left: 0; width: 0; height: .04rem; background: #fbbd1e; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: all .3s; transition: all .3s;}
.navbar-default .navbar-nav>li.on a::after{left: 50%; margin-left: -.3rem; width: .6rem;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background: none;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color: #333;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background: none; color: #fbbd1e;}
@media (min-width: 1200px){.navbar-default .navbar-nav>li>a:hover{color: #bfa481;}}
.navbar-right{position: absolute; right:0; margin: 0; bottom: 0;}
.dropmenu{display: none;}
.dropmenu a{display: block; padding: 10px 15px; font-size: 14px; color: #666;}
.topbar{position: absolute; right: 123px; bottom: 15px; height: 30px; -webkit-transition: all .3s ease; transition: all .3s ease;}
.topbar .weui-cell{width: 30px; padding: 0; border-bottom: 1px solid #fff; -webkit-transition: width .3s; transition: width .3s;}
.topbar .ipt{width: 0; height: 30px; overflow: hidden; -webkit-transition: all .3s; transition: all .3s;}
.topbar .submit{width: 0; height: 30px; overflow: hidden; -webkit-transition: all .3s; transition: all .3s;}
.topbar-search-icon{position: relative; display: block; width: 30px; height: 30px; cursor: pointer; background: url(../images/search1.png) no-repeat center center; background-size: 20px;}
.topbar-search-icon::before, .topbar-search-icon::after{position: absolute; display: none; content: ""; top: 50%; left: 50%; margin-top: -1px; margin-left: -8px; width: 16px; height: 2px; background: #000;}
.topbar-search-icon::before{-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.topbar-search-icon::after{-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.topbar-search-icon.click{background: none}
.topbar-search-icon.click::before, .topbar-search-icon.click::after{display: block}
.topbar .search-input{width: 100%; padding: 5px 10px; color: #333; font-size: 16px; line-height: 20px;}
.topbar .search-submit{width: 30px; height: 30px; background: url(../images/arrow.png) no-repeat center center; background-size: 15px; -webkit-transition: all .3s; transition: all .3s;}
.main{padding-top: 94px; -webkit-transition: all .6s ease; transition: all .6s ease;}
.main.fixed{padding-top: 60px;}
.main.fixed .header .container{padding-top: 4px;}
.main.fixed .header .logo{margin-top: -20px; margin-left: -63px; width: 127px; height: 40px;}
.main.fixed .navbar-default .navbar-nav>li{margin-top: 24px;}
.main.fixed .navbar-default .navbar-nav>li>a{line-height: 36px;}
.main.fixed .topbar{bottom: 10px;}
@media (min-width: 1200px){.topbar .search-submit:hover{background-position: center right;}}
.topbar .weui-cell.on{width: 260px; border-bottom-color: #000;}  
.topbar .weui-cell.on .ipt{width: 200px;}
.topbar .weui-cell.on .submit{width: 30px;}
.noscroll{height: 100vh; overflow: hidden;}
@media (max-width: 1199px){
.navbar-toggle{position: absolute; z-index: 12; right: 15px; top: 50%; float: none; display: block; margin-top: -16px;}
.navbar-default .navbar-collapse{display: none; position: absolute; top: 0; height: 100vh; overflow-y: auto; left:0; right: 0; background: #fff; margin: 0; border: 0;}
.navbar-default .navbar-nav{position: relative; margin: 0; padding-top: 60px;}
.navbar-default .navbar-nav>li{float: none; margin-bottom: 10px;}
.header .logo, .main.fixed .header .logo{z-index: 10; left: 0; top: 0; margin-top: 0; margin-left: 0; width: 100%; height: 100%; background-color: #fff; background-size: 127px 40px; border-bottom: 1px solid #e7e7e7;}
.header{border-bottom: 0;}
.header .container{position: static; height: 60px;}
.navbar-default .navbar-nav>li{margin-top: 0 !important;}
.topbar{position: relative; bottom: 0;left: 0;} 
.topbar-search-icon{border-bottom: 1px solid #000;} 
.topbar .weui-cell{margin: 15px; width: 260px;}
.topbar .weui-cell .ipt{width: 200px; border-bottom: 1px solid #000; border-right: 0;}
.topbar .weui-cell .submit{width: 30px;}
.topbar .weui-cell .search-submit{border-bottom: 1px solid #000;}
.dropmenu{display: block;}
.main{padding-top: 60px;} 
.main.fixed{padding-top: 50px;} 
.main.fixed .header .container{height: 50px;}
.main.fixed .navbar-toggle{top: 0; margin-top: 9px;}
}
.logo:hover{
color: #c9b38f;
}
@media (min-width: 768px){
/*.container{width: 85.7%;}*/
.hide-lg{display: none !important;}
.big_font{font-size: 100px;}
.our_mission .contan{width: 95%;}
.process .row,.order_control .row,.order_rule .row{display: flex; align-items: center;}
div.table-responsive{width: 85%;margin:auto;}
}
@media(min-width: 992px){
.container{width: 85.7%;}

}
@media(max-width: 768px){
  .hide-xs{display: none;}
  .learen_more .title{padding-top: 0px !important;}
  .learen_more .title p{margin-top: 10px !important;}
   .learen_more .title h3,h3.f36{font-size: 26px;}
  .smal_mark{top: 70px; left: 0; right: 0; height: 80%;background-color: rgba(0,0,0,0.65);z-index: 2;display: none;}
  .process_two{padding-top: 0 !important;}
  .product .check .inline .unstyle li{padding: 0 5px;}
}

.nobefore:before, .noafter:after {
    display: none !important;
}
.pr{
	position: relative;
}
.pb{
	position: absolute;
}
.pd_0{
	padding: 0
}
.pt_50{
	padding-top: 50px;
}
.pb_50{
	padding-bottom: 50px;
}
.pr_15{
	padding-right: 15px;
}
.pl_15{
	padding-left: 15px;
}
.mt_10{
	margin-top: 10px;
}
.mb_10{
	margin-bottom: 10px;
}
.mt_20{
	margin-top: 20px;
}
.mb_20{
	margin-bottom: 20px;
}
.mt_50{
	margin-top: 50px;
}
.mb_50{
	margin-bottom:50px;
}
.mb_60{
  margin-bottom:60px;
}
.mt_43{
	margin-top: 43px;
}
html, body, input, p, a, span, ul, li, dl, dt, dd, ol, select, td, th, input, textarea, button, div {
    font-family: Arial,"Microsoft YaHei","Helvetica Neue","PingFang SC","Source Han Sans CN","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
}
input, textarea, button, select, radio{margin: 0; padding: 0; outline: 0; border: 0;}
input, textarea, button{-webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: 0;}
a.fill{display: block; width: 100%; height: 100%;}
.auto{margin-left: auto; margin-right: auto;}

.navbar-static-top .search{margin-top: 30px;}
.navbar-static-top .search a{padding: 0;} 
.navbar-static-top .search-submit{position: relative; top: 9px; margin-left: -5px; width: 30px; height: 30px; border: 1px solid #000; background: url(../images/search1.png) no-repeat center center; background-size: 15px;} 
.navbar-static-top .navbar-form .input-group-btn{
    width: 36px;
    text-align: center;
    background: #fff;
    border: 1px solid #fff;
  }
.navbar-static-top .navbar-form .search-input{
    border:1px solid #000;
    font-size: 15px;
    padding: 5px 10px;
    height: 30px;
}
.navbar-static-top .navbar-form .search-input:focus{outline:none;}
.upper{
	text-transform: uppercase;
	letter-spacing: 1px;
}
.dropdown a.col_4c{
	color: #4c4c4c;
}
.img-responsive{
	margin: auto;
	max-width: 100%;
}
.bg_white{
	background-color: #fff;
}
.bg_f5{
	background-color: #f5f5f5;
}
.bg_fa{
	background-color: #fafafa;
}
.bg_000{
	background-color: #000;
}
.col_000{
	color: #000;
}
.col_fff{
	color: #fff;
}
.col_4c{
	color: #4c4c4c;
}
.hidden{
	overflow: hidden;
}
.f12{
	font-size: 14px;
}
.f36{
	font-size: 36px;
}
.f16{
	font-size: 16px;
}
.f18{
	font-size: 18px;
}
.f43{
	font-size: 43px;
}
.fl{float: left;}
.fr{float: right;}
.unstyle{list-style: none;}
.process .box{display: inline-block; text-align: left; width: 60%;}

/*.process_two .swiper-pagination{
    top: 10px;
}*/
.process_two .process_two_container .swiper-pagination{
    bottom: 30px;
}
.process_two .swiper-pagination .swiper-pagination-bullet{
	width: 30px;
	height: 10px;
	border-radius: 5px;
	background-color: #dfdfdf;
}
.process_two .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: #ff0000;
}
.foot .container{
	border-bottom: 1px solid #dfdfdf;
	padding-bottom: .6rem;
}
.foot .container ul{
	list-style: none;
	padding: 0;
	color: #999999;
}
.foot .container ul li{
	line-height: 30px;
}
.foot .container ul li a{-webkit-transition: all .3s; transition: all .3s;}
@media (min-width: 1200px){
.foot .container ul li a:hover{color: #bfa481 !important;}
}
.foot .select{
	width: 66%;
	background-color: #fafafa;
}
.foot .share_icon{
    line-height: 10;
}
.foot .row h3{
	color: #4c4c4c;
	font-size: 20px;
	font-family: Arial;

}

.navbar .navbar-form{
   margin-top: 0;
   margin-bottom: 0;
   display: none;
}
.process_three .col-sm-6 .hov:hover{
    transform: scale(1.05);
}
.trans-12 {
    transition: all 0.8s;
    -webkit-transition: all 1.2s;
    -moz-transition: 0.3s;
}
.inline{
	display: inline-block;
}
.product .check .unstyle li{padding: 0 15px;}
.product_one_page a,.product_two_page a,.order_page a{
	display: inline-block;
	color: #000;
}
.order_page .check a:after{
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid #4d4d4d;
  top: 12px;
  left: 2px;
}
.order_page .check .outline{
  border-bottom:none;
}
.order_page .check .outline h5{
  border-bottom: 1px solid #000;
  padding-bottom: 3px;
}
.order_page .check .outline a:after{
  background-color: #4d4d4d;
}
.f17{
	font-size: 17px;
}
.product_one_page .check,.product_two_page .check{
   padding-top: 20px;
   padding-bottom: 10px;
}
.outline{
	border-bottom: 1px solid #000;
}
.learen_more .title,.advanced .title{
 padding-top: .9rem;
  width: 100%;
  z-index:2;
  font-size: 16px;
}
.advanced_hepa .title h3{
  margin-bottom: 30px;
}
.learen_more .title p{
   margin-top: 30px;
}
.learen_more .title p a.col_red{
	color: #d12c28;
}
.learen_more .title p a.col_fff{
	color: #fff;
}
.col_4c{
	color: #4c4c4c;
}
.col_red{
	color: #d12c28;
}
a:hover{
	text-decoration: none;
}
.angle{
	position: relative;
	top: -2px;
	margin-left: 5px;
    height: 8px;
    display: inline-block;
    width: 8px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 0;
	border-bottom-width: 0;
	border-style: solid;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}
.angle_red{
    border-top: 1px solid #d12c28;
    border-right: 1px solid #d12c28;
}
.angle_fff{
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}
.angle_000{
    border-top: 1px solid #000;
    border-right: 1px solid #000;
}
.angle_94835d{
    border-top: 1px solid #94835d;
    border-right: 1px solid #94835d;
}
.col_94835d{
	color: #94835d !important;
}
.col_b6a88e{
	color: #b6a88e;
}
.advanced.bgcolor{
	background-color: #f7f7f7;
}

@media (min-width: 768px){
	.intelligent .title{width: 42%;}
	.advanced_hepa .title.inline{width: 40%;}
/* 	.operates .box{width: 46%;} */
}
.intelligent .title{
	margin-top: .6rem;
	margin-bottom: .3rem;
}
.operates{
	background-color: #f1f1f1;
	margin-bottom: .8rem;
}
.operates .row{
  margin-bottom: .9rem;
  margin-top: .9rem;
  margin-left: auto;
  margin-right: auto;
  width: 86%;
}
.operates .box{
	/*width: 46%;*/
	display: inline-block;
	font-size: 16px;
}
.order_control{
  margin-bottom: .5rem;
  margin-top: .5rem;
}
.order_control .box{
	width: 86%;
	display: inline-block;
}

.order_rule .box{
	width: 78%;
	display: inline-block;
}
.table.noborder tr td{
	 height: .66rem;
	border-top: none;
	line-height: .66rem;
	width: 50%;
	font-size: 16px;
}
.table.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f1f1f1;
}
.table.table-striped>tbody>tr:nth-of-type(even) {
    background-color: #e4e4e4;
}
.order_rule{
	background-color: #eeeeee;
}
.order_rule dl dt{
	font-weight: normal;
}
.order_rule dl dd{
	padding-left: 15px;
}
.order_rule dl dd::before{
	content: "";
	width: 4px;
    height: 4px;
    background-color: #4d4d4d;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 2px;
}
.product_two_page .video .poster{
	display: none;
}
.product_two_page .poster .mark{
	background-color: #000;
    opacity: .4;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.product_two_page  .player{
  display: none;
  top: 50%;
  left: 50%;
  z-index: 2;
  margin-left:-34px;
  margin-top: -34px;
}
.product_two_page .poster h4{
	left: 0;
    right: 0;
    top: 56%;
    margin-top: 30px;
    color: #fff;
    font-weight: normal;
    text-align: center;
    z-index: 2;
}
.parm_one{
	padding-bottom: 30px;
}
.parm_two{
	padding-top: 30px;
}
.email_us{
	margin-top: 1rem;
}
.email_us p{
  font-size: 24px;
}
.email_us h3{
	font-size: .43rem;
}
.contact_us{
   padding-top: .8rem;
   padding-bottom: .94rem;
   background-color: #f4f4f4;
}
.details_message .star{
	color: #f40000;
}
.isform .tips{
  display: none;
  position: absolute;
  z-index: 100;
  top: 60%;
  left: 50%;
  margin-top: -25px;
  margin-left: -135px;
  padding: 10px;
  width: 250px;
  line-height: 30px;
  text-align: center;
  font-size: 15px;
  color: #fff;
  border-radius: 3px;
  background: rgba(0,0,0,.7)
}
.details_message .form-group label{
   text-align: left;
   color: #4c4c4c;
}
.details_message .form-group .text{
	color: #8e8e8e;
}
.details_message .f43{
  font-size: .43rem;
}
.details_message .f22{
  margin-top: 1.1rem;
  margin-bottom: .55rem;
  font-size: 22px;
  font-weight: bold;
  color: #4c4c4c;
}
.details_message .f22.title1{
 margin-top: .8rem;
 margin-bottom: .3rem;
}
.details_message .form-group{
   margin-bottom: 13px;
}
.details_message .form-control{
  border-radius: 0;
  background-color: #f2f2f2;
}
.details_message textarea{
  overflow: hidden;
}
.details_message .btn{
  color: #323232;
  font-size: 14px;
  background-color: #f4f4f4;
  border:2px solid #323232;
  border-radius: 0;
  margin-right: 10px;
}
.details_message .radio-inline{
	font-size: 16px;
	color: #4c4c4c;
}

/*单选*/
div.radio-inline {
    position: relative;
    line-height: 30px;
}
        
.radio-inline input[type="radio"] {
    width: 15px;
    height: 15px;
    opacity: 0;
}
.radio-inline label {
    position: absolute;
    left: 0px;
    top: 15px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #999;
}
        
/*设置选中的input的样式*/
/* + 是兄弟选择器,获取选中后的label元素*/
.radio-inline input:checked+label { 
    background-color: #fff;
    border: 2px solid #f43636;
}

/*单选*/
.our_mission{
	margin-top: 50px;
	margin-bottom: 120px;
}
.our_mission .left_top{
	margin-bottom: 50px;
}
.our_mission .left_top h3{
   font-size: 22px;
   /*margin-top: 66px;*/
   margin-bottom: 30px;
}
.our_mission .right_bottom h3{
   font-size: 22px;
   margin-top: 66px;
   margin-bottom: 30px;
}
.our_mission .left_top p,.our_mission .right_bottom p{
	font-size: 12px;
}

.our_mission .right_top{
	padding-top: 50px;
	background-color: #f4f4f4;
}
.our_mission .right_top img{
     margin-bottom: -20%;
}
/*招聘*/
@media (min-width: 768px){
   .careers_top{
   	width: 50%;
   }
   .support_team .contain{
	width: 80%;
}
   .terms_conditions .contain{
   	width: 44%;
	margin: 0 auto;
	display: block;
   }
   .cookies .animat-with{
   	width: 44%;
	margin: 0 auto;
	display: block;
   }
}
.careers{
  margin-top: .8rem;	
  margin-bottom: 1rem;
}
.careers h3{
   margin-bottom: .5rem;
}
.careers_middle{
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.careers_middle .col-sm-4{
	margin-bottom: 20px;
}
.careers a{position: relative; display: block; overflow: hidden;}
.careers .careers_des{
  opacity: 1;
   color: #fff;
   font-size: 24px;
   top: 50%;
   width: 100%;
   margin-top: -17px;
   z-index: 2;
   -webkit-transform: translateY(0);
   transform: translateY(0);
   transition: all 1s ease;
}
.careers .mark{
	left: 0;
	top: 0;
	right: 0;
	height: 100%;
	background-color: #000;
	opacity: 0.5;
	transition: all 1.5s ease;
}
@media (min-width: 1200px){
	.careers a:hover .mark{
		opacity: 0;
	}
	.careers a:hover .careers_des{
		opacity: 0;
	   -webkit-transform: translateY(100%);
	   transform: translateY(100%);		
	}
}
.careers_top h2{
   font-size: .7rem;
   margin-top: .5rem;
   margin-bottom: 1rem;
}
.careers .email_address{
   font-size: .46rem;

}
.terms_conditions{
	margin-top: .4rem;
	margin-bottom: .8rem;
}
.support_team{
	margin-top: 1rem;
	margin-bottom: 1.1rem;
}
.support_team .contain h3{
	font-size: 34px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.cookies{
	padding-top: .4rem;
    margin-bottom: 20px;
}
.bg-black{background-color: #393939; color: #fff;}
.bg-white{background-color: #fff; color: #4c4c4c;}
.cookies h5{
	font-size: 22px;
}
.cookies h3{
	font-size: 34px;
	margin-bottom: 30px;
	margin-top: 30px;
}
.cookies .p_mb{
   margin-bottom: .8rem;
}
.auto{
  margin: auto;
}
.pub_foot_sec{
  border-radius: 0;
  border: solid 1px #999;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  padding-right: 14px;
  background: url("/images/sanjiao.png") no-repeat scroll 96% center transparent;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

.subnav .weui-cell {
    padding: 13px 0;
}
.weui-cell {
    padding: 10px 15px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
@media (min-width: 1200px){
    .hidden-lg {
    display: none!important;
   }
   .aboutus .subnav ul li {
    margin: 0 3%;
}
.subnav ul li {
    margin: 0 5.7%;
}
}
@media (min-width: 1400px)
{
  .aboutus .subnav ul li {
    margin: 0 5%;
}
}
@media (min-width: 992px)
{
  .aboutus .subnav ul li {
    margin: 0 2%;
}
}
@media (min-width: 768px)
{
  .aboutus .subnav ul li {
    margin: 0 2%;
}
.subnav ul li {
    display: inline-block;
    margin: 0 4%;
}
}



@media (max-width: 1199px) and (min-width: 992px)
{
  .hidden-md {
    display: none!important;
}
}
@media (max-width: 991px) and (min-width: 768px)
{
  .hidden-sm {
    display: none!important;
}
}
.subnav .weui-cell__bd {
    font-size: 18px;
    line-height: 24px;
    color: #333;
}
.weui-cell__bd {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.weui-cell_primary {
    min-width: 1px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
.subnav .weui-cell__ft {
    position: relative;
    width: 20px;
    height: 24px;
}
.weui-cell__ft {
    text-align: right;
    color: #999999;
}
.subnav ul {
    display: none;
    margin: 0;
    padding: 0;
    text-align: center;
    border-top: 1px solid #dbdbdb;
}

@media (min-width: 768px){
 .subnav ul {display: block;border-top: 0;} 
}

@media (min-width: 1200px){
  .order_page .row.check{width: 70% !important;margin: 0 auto;}
}
@media (min-width: 1400px){
  .order_page .row.check{width: 60% !important;}
}
@media (min-width: 1600px){
  .order_page .row.check{width: 50% !important;}
}

.order_page .check a{
  position: relative;
  padding-left: 22px;
}


html{font-size: 100px;}
@media (max-width: 1366px){html{font-size: 94px;}}
@media (max-width: 1199px){html{font-size: 88px;}}
@media (max-width: 991px){html{font-size: 76px;}}
@media (max-width: 639px){html{font-size: 60px;}}
/*.process_two{background: #f5f5f5;}*/
.process_two .loop-text h3{font-size: .36rem;}
.process_two .loop-text p{font-size: 14px;}
.process_two .swiper-slide img{max-width: 100%;}

.process_two .loop-text{margin-bottom: 16px;color: #4c4c4c;}

.learen_more .title{margin-bottom: 20px;}
.advanced .title{margin-bottom: 20px; margin: 0 auto;}
.advanced .imgbox{margin-top: 2.5%;}
@media (min-width: 640px){.advanced .title{width: 80%;}}
@media (min-width: 1200px){.advanced .title{width: 62.5%;}}

.trans-3{-webkit-transition: all .3s; transition: all .3s;}
.imgtext-title{margin-bottom: 6%;}
.imgtext-title h3{margin-top: 4%; margin-bottom: 2.7%; font-size: .46rem; text-transform: uppercase;}
.imgtext-title p{font-size: 16px;}
.seemore a{position: relative; display: inline-block; padding: 3px 0;}
.seemore a i{position: absolute; left: -20%; bottom: 0; width: 0; height: 1px; -webkit-transition: all .4s; transition: all .4s;}
@media (min-width: 1200px){
.seemore a:hover .angle{margin-left: 15px;}
.seemore a:hover i{left: 0; width:100%;}
}
.imgbox a{display: block; width: 100%; height: 100%;}
.imgbox img{max-width: 100%;}

@media (min-width: 640px){.imgbox{margin: 0 auto; width: 66%;}} 
@media (min-width: 992px){.imgbox{width: 50%;}} 
 
.idx-process .imgtext-title{margin-top: .55rem; margin-bottom: 0;}
.idx-process .imgtext-title h3{margin-bottom: .2rem; margin-top: 20px;}
.idx-process .imgbox{margin-top: 1rem;}
.idx-process .swiper-pagination-bullet{opacity: 1; background: #dfdfdf; width: .42rem; height: .09rem; -webkit-border-radius: .09rem; border-radius: .09rem;}
.idx-process .swiper-pagination-bullet-active{background: #ff0000;}
.barPc, .barMobile{max-width: 100%; margin: 0 auto;}
.barMobile{display: none;}
@media (max-width: 639px){
.barPc{display: none;}
.barMobile{display: block;}
.imgtext-title{margin-top: .9rem; margin-bottom: .9rem;}
.operates .box{margin-bottom: 20px; text-align: center;}
}

.idx-banner{height: 100vh;}
.idx-banner .bgpic{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: no-repeat 50% 45%; background-size: 58%;}
.idx-banner .imgbox{position: absolute; bottom: 0; width: 80%; left: 10%;}
@media(min-width: 640px){
.idx-banner .bgpic{background-size: 48%;}
.idx-banner .imgbox{width: 66%; left: 17%;}
}
@media(min-width: 992px){
.idx-banner .bgpic{background-size: 32%;}
.idx-banner .imgbox{width: 50%; left: 25%;}
}
@media (max-width: 1199px){
.idx-banner{height: auto;}
.idx-banner .bgpic{position: absolute;}
.idx-banner .imgbox{position: static; margin: 0 auto;}
}

.wenhao{position: absolute; z-index: 1; display: none; width: 250px;background:  #fff;padding: 15px;left: 0;top: 130%;color: #666; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05); box-shadow: 0 3px 5px rgba(0,0,0,.05);}
.wenhao::before{position: absolute; top: -8px; left: 7px; display: block; content: ""; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff;}
@media (max-width: 639px){
.wenhao{left: auto; right: 0;}
.wenhao::before{left: auto; right: 7px;}
}

/* iampro */
.iampro-hd{padding: 30px 0 24px; background: #f0f0f0; text-align: center;}
.iampro-hd a{position: relative; display: inline-block; margin: 0 3.4vw; font-size: 16px; color: #4c4c4c;}
.iampro-hd a, .iampro-hd a:link, .iampro-hd a:visited, .iampro-hd a:hover, .iampro-hd a:active{outline: 0; border: 0; text-decoration: none}
.iampro-hd p{margin-top: .18rem; margin-bottom: 0;}
.iampro-hd a i{position: absolute; left: -20%; bottom: 0; width: 0; height: 1px; background: #000;}
.iampro-hd a.on i{left: 0; width: 100%;}
.iampro-item{margin-bottom: .28rem;}
.advanced .imgtext-title{margin-bottom: 11.5%;}
.advanced .imgtext-title h3{margin-bottom: 5px;}
.advanced .imgtext-title p.18{font-size: .24rem;}
.advanced .title{font-size: 16px;}

.advanced_hepa .title h3, .operates .box h3{font-size: .62rem;}
.operates .box h3{margin-bottom: 30px;}
@media (min-width: 768px){.advanced .title p.col_4c{margin-left: 8%; margin-right: 8%;}}
@media (min-width: 1200px){
.operates .row{display: flex; align-items: center;}
.operates .box p.col_4c{width: 90%; text-align: justify;}
.operates .col-xs-12:nth-of-type(1){width: 60%;}
.operates .col-xs-12:nth-of-type(2){text-align: right;}
.operates .col-xs-12:nth-of-type(2) img{display: inline; max-width: 84%;}
}
@media (max-width: 1199px){
.operates .col-xs-12{width: 100%;}
.operates .box{margin-bottom: 20px;}
.operates .col-xs-12:nth-of-type(2) img{margin-top: 2.5%; max-width: 75%;}
}
@media (max-width: 767px){
.advanced_hepa .title h3, .operates .box h3{font-size: 30px;}
.operates .row{margin-left: -15px; margin-right: -15px; width: auto;}
}