/**/
html,body{
	-webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}
#siderbar{
	width: 70%;
	height: 100%;
	background: #0066ff;
	position: absolute;
	top: 0;
	overflow: hidden;
	/* opacity: 0; */
	transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	-webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
body.open #siderbar {
    /* opacity: 1; */
}
html.effect body {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#siderbar ul li{
    display: block;
    min-height: 0.8rem;
    border-top: 1px solid rgba(255,255,255,0.2);
    width: 100%;
}
#siderbar ul li:nth-child(1) {
    border-top: none;
}
#siderbar ul li a {
    display: block;
    color: #fff;
    margin: 0 0.6rem;
    height: 0.8rem;
    line-height: 0.8rem;
	font-size: 0.28rem;
}
#siderbar ul li a span,
#siderbar ul li a img{
	display:inline-block;
	vertical-align:middle;
}
.menu_more{
	width:0.2rem;
	float: right;
    margin-top: 0.38rem;
}
.active .menu_more{
	-moz-transform:scaleY(-1);
	-webkit-transform:scaleY(-1);
	-o-transform:scaleY(-1);
	transform:scaleY(-1);
	/*兼容IE*/
	filter:FlipV;
}
.subnav{
	background:#fff;
	overflow:hidden;
	transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
#siderbar ul.subnav li a{
	color:#999999;
}
#siderbar ul.subnav li a{
	border-bottom: 1px solid rgba(0,0,0,0.08);
}
.subnav .menu_more{
	width:0.1rem;
	float: right;
    margin-top: 0.3rem;
	padding-right:0.05rem;
}

/**/
.mheader{
    width: 100%;
    background: #fff;
}
.mheader{
	z-index:3;
	height: 60px;
    position: relative;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, .06);
}
.btn {
	float:left;
    padding: 17px 15px;
    background: rgba(0,0,0,0);
    position: relative;
}
.mheader_left{
	width: 25px;
    height: 25px;
    position: relative;
    transform: translateZ(0px) rotate(0deg);
    transition: transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99);
}
.lcitem {
    position: absolute;
    left: 0;
    top: 0;
    transform: translateZ(0px) rotate(0deg);
    transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
    -webkit-transform: translateZ(0px) rotate(0deg);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
    width: 25px;
    height: 25px;
}
.lcitem .rect {
	left: 0;
    top: 12px;
    width: 25px;
    height: 1px;
    background: #0066ff;
    position: absolute;
    transition: transform 0.2s ease 0.2s;
    -webkit-transition: -webkit-transform 0.2s ease 0.2s;
}
.lcitem .rect.top {
    transform: translate3d(0px, -5px, 0px);
    -webkit-transform: translate3d(0px, -6px, 0px);
}
.lcitem .rect.bottom {
    transform: translate3d(0px, 5px, 0px);
    -webkit-transform: translate3d(0px, 6px, 0px);
}

#logo {
    padding:8px 0;
    width: 190px;
    height: 44px;
    display: block;
    margin: 0 auto;
    text-align: center;
}
#logo img {
    height:40px;
}

#logo img {
	float: none;
    max-width: 100%;
    display: inline-block;
}
body{overflow-x: hidden;}
body.open .lcitem {
    transform: translateZ(0px) rotate(45deg);
    transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;
    -webkit-transform: translateZ(0px) rotate(45deg);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;
}
body.open .lcitem .rect {
    transition: transform 0.2s ease 0s;
    transform: translate3d(0px, 0px, 0px);
    -webkit-transition: -webkit-transform 0.2s ease 0s;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
body.open .lcitem.bottom {
    transform: translateZ(0px) rotate(-45deg);
    -webkit-transform: translateZ(0px) rotate(-45deg);
}


#mWrapper{
    position: relative;
    z-index: 10;
    height: 100%;
	background:#fff;
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.open #mWrapper {
    overflow-x: hidden;
}
.open #mWrapper {
    transform: translate3d(70%,0,0);
    -webkit-transform: translate3d(70%,0,0);
}
#pcWrapper{
	display:none;
}
#bgmask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
    z-index: -1;
}
body.open #bgmask {
    z-index: 999;
    background: rgba(0,0,0,0);
}
.mobile_content{
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100% - 60px);
    height: -webkit-calc(100% - 60px);
}
body.open .mobile_content {
    overflow: hidden;
}

/**/

.mdata_list{
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;
}
.mdata_list ul li{
	width:33.3%;
	float:left;
	color:#b0b0b0;
	font-size:0.24rem;
	text-align:center;
	margin: 0.5rem auto;
	box-sizing:border-box;
	border-right:1px solid #eee;
}
.mdata_num{
	width:100%;
	line-height:0.5rem;
}
.mdata_num span{
	color:#999;
	font-size:0.48rem;
}
.mdata_line{
	top:50%;
	left:0;
	width:100%;
	height:1px;
	background:#eee;
	position:absolute;
}
.swiper-slide img{
	width:100%;
}
.mdata_pro{
	width:100%;
}
.m_pro{
	width: 100%;
	display: flex;
	position:relative;
}
.m_pro1{
	background:#4381ff;
}
.m_pro1 .pro_pic{
	width:70%;
	margin:0.5rem auto 0.4rem;
	margin-left:0.9rem;
}
.pro_pic_img{
	width:100%;
}
.pn1{
	font-size:0.32rem;
}
.pn1 .r_icon,
.pn2 .r_icon,
a .r_icon{
    top: -8px;
    font-size: 12px;
    position: relative;
}
.pn2{
	font-size:0.24rem;
}
.pn3{
	font-size:0.24rem;
}
.m_pro2 .pro_name,
.m_pro1 .pro_name{
	top:0.8rem;
	right:0.8rem;
	color:#fff;
	text-align:right;
	position:absolute;
}
.m_pro2{
    background: #2f73fe;
}
.m_pro2 .pro_pic{
	width:0.75rem;
	margin:0.4rem 0 0.1rem 1.6rem;
}
.pro3_50{
	width:50%;
	float:left;
	position:relative;
}
.pro_v2{
	background:#448fff;
}
.pro_v2 .pro_pic{
	width:1.21rem;
	margin: 0.75rem auto 0;
	margin-right:0.7rem;
}
.pro_v2 .pro_name{
	top:0.8rem;
	left:0.6rem;
	color: #fff;
    text-align: left;
    position: absolute;
}

.pro_v1{
	background:#4381ff;
}
.pro_v1 .pro_pic{
	width:2.63rem;
	margin:0.5rem 0 0rem 0.2rem;
}
.pro_v1 .pro_name{
	top:0.8rem;
	right:0.3rem;
	color: #fff;
    text-align: left;
    position: absolute;
}
/**/
.m_scene{
	text-align:center;
}
.m_scene .index_en_name{
	color:#474747;
	font-size:0.36rem;
	line-height: 0.8rem;
    margin-top: 0.6rem;
}
.m_scene .index_ch_name{
	color:#b0b0b0;
	font-size:0.24rem;
}
.scene_title{
	font-size:0.28rem;
	color:#474747;
	line-height:0.8rem;
}
.scene_desc{
	width:90%;
	font-size:0.24rem;
	line-height: 0.45rem;
	margin: 0 auto 1rem;
}
.scene_slider {
    width: 100%;
    overflow: hidden;
    margin: 0 auto 0.3rem;
}
/**/
.mnews_container{
	background:#f9f9f9;
}
.mnews_list{
	width:100%;
	margin:0.3rem auto 0.6rem;;
}
.mnews_list li{
	float:left;
	width:100%;
	margin-bottom:0.2rem;
	position:relative;
}
.news_href{
	top:0;
	left:0;
	z-index:1;
	width:100%;
	height:100%;
	position:absolute;
}
.mnews{
	margin:0.3rem;
	text-align:left;
	position:relative;
	margin-bottom:0;
}
.mnews_pic{
	width:100%;
}
.mnews_date{
	left:0;
	bottom:0;
	width:30%;
	color:#b5b5b5;
	font-size:0.4rem;
	text-align:center;
	line-height:0.8rem;
	position:absolute;
	background:#fff;
}
.mnews_txt{
	margin:0 0.3rem;
	text-align:left;
	padding:0.3rem 0;
	position:relative;
	background:#fff;
}
.mnews_txt p{
	margin:0 0.2rem;
}
.mnews_title{
	height:0.8rem;
	color:#454545;
	font-size:0.24rem;
	line-height:0.8rem;
	margin-bottom: 0.3rem;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-bottom:1px solid #eee;
}
p.mnews_desc{
	color:#abaaaa;
	margin-top:0.2rem;
	font-size:0.24rem;
	line-height:0.4rem;
}

/**/
.mpars_list{
	margin:0.6rem 0.3rem;
}
.mpars_list li{
	width:50%;
	float:left;
	margin-bottom: 0.1rem;
}
.mpars_pic{
	width:100%;
	box-sizing:border-box;
	border:1px solid #eee;
}
.mpars_list li:nth-child(odd) .mpars_pic{
	border-right:1px solid rgba(0,0,0,0);
}
.mpars_txt{
	line-height:0.6rem;
	font-size:0.24rem;
	color:#939393;
}


.mfooter{
	width:100%;
	height:1.2rem;
	color:#fff;
	font-size:0.18rem;
	line-height:1.2rem;
	text-align:center;
	background: #134289;
	overflow:hidden;
	display: flex;
	align-items: center;
}
.mfooter p{
	padding:0 0.4rem;
	text-align:left;
	line-height:0.4rem;
}


/*去掉底部轮播图 点点点*/
#bannerNav{
	display:none;
}


/*aboutUs*/
.m_addr{
	width:100%;
	text-align:center;
}
.mad1{
	color:#333;
	margin-top:0.8rem;
	line-height:0.8rem;
	font-size:0.36rem;
}
.mad2{
	color:#939393;
	font-size:0.24rem;
	margin-bottom:0.4rem;
}
.mad_txt{
	color:#666;
	margin:0 0.4rem;
	font-size:0.24rem;
	line-height:0.45rem;
	text-align:justify;
	padding-bottom:0.5rem;
	border-bottom:1px solid #eee;
}
.m_address{
	padding:0 0.4rem;
}
.addr_title{
	width:100%;
	color:#666;
	margin-top:0.3rem;
	line-height:0.8rem;
	font-size:0.24rem;
}

.addr_input{
	margin:0.2rem auto 0;
}
.addr_input_title{
	color:#747474;
	font-size:0.22rem;
	line-height:0.8rem;
	padding-left:0.1rem;
}
.addr_enter{
	width:100%;
}
.addr_enter input{
	height:0.6rem;
	width:96%;
	line-height:0.6rem;
	padding: 0 0.1rem;
	border:1px solid #eee;
	background:#fff;
}
.addr_enter2 textarea{
	width:96%;
	height:1rem;
	resize:none;
	outline:none;
	padding-top:0.2rem;
	padding-left:0.1rem;
	line-height:0.2rem;
	min-height:1.2rem;
	font-size:0.22rem;
	border:1px solid #eee;
}
.addr_sub button{
	width:100%;
	height:0.8rem;
	color: #fff;
	outline:none;
	font-size:0.28rem;
	line-height:0.8rem;
	border:none;
	cursor:pointer;
	margin:0.3rem 0;
	background:#0066ff;
}
.addr_map{
	width:100%;
	margin-top:0.3rem;
}
.addr_adr{
	width:100%;
	margin:0.3rem auto 0;
}
.adr_wechat{
	float:left;
	width:1.8rem;
}
.adr_wechat img{
	width:100%;
}
.adr_location{
	float:left;
	width:4.5rem;
	font-size:0.24rem;
	color:#666666;
	margin-left:0.4rem;
	line-height: 0.6rem;
}
.adr_location2{
	color:#666666;
	font-size:0.24rem;
	padding:0.3rem 0.2rem;
	line-height: 0.4rem;
}


/*agents*/
.agents_title{
	width:100%;
	text-align:center;
	margin:0.9rem auto 0.5rem;
}
.agt1{
	margin-top: 0.8rem;
	font-size:0.36rem;
	color:#333333;
}
.agt2{
	font-size:0.24rem;
	color:#939393;
}
.agents_map{
	margin:0 0.4rem;
	padding-top:0.4rem;
	border-top:1px solid #eee;
}
.agents_map img{
	width:100%;
	margin:0 auto;
}
.we_need{
	width:100%;
	font-size:0.32rem;
	color:#333333;
	text-align:center;
	font-weight:600;
	margin:0.9rem auto 0.7rem;
}

.we_need_you{
	margin:0 1.2rem;
	border-bottom:1px solid #eee;
}

.we_need_you ul li{
	width:100%;
	float:left;
	margin-bottom:30px;
	text-align:center;
}
.wny_img{
	float:left;
	width:1rem;
}
.wny_img img{
	width:100%;
	margin:0.3rem auto;
}
.wny_txt{
	width:3.4rem;
	float:right;
	color:#666666;
	font-size:0.24rem;
	line-height:0.4rem;
	margin:0.3rem auto;
	min-height:1.2rem;
	text-align:justify;
}

.we_support{
	width:100%;
}
.we_support_list{
	margin:0 1.2rem;
}
.we_support_list ul {
	width:100%;
}
.we_support_list ul li{
	width:100%;
	float:left;
	border-bottom:1px dashed #eee;
	padding:0.2rem 0;
}
.we_support_list ul li:last-child{
	border-bottom:0;
}
.we_support_list .wny_txt{
	text-align:left;
}
.wspt1{
	line-height:0.4rem;
	font-size:0.24rem;
	color:#666666;
	text-align:left;
}
.wspt1 span{
	padding-right:0.1rem
}
.wspt2{
	text-align:left;
}


/**/
.load_more{
	margin:0.3rem 0.3rem 0.6rem;
	height:0.9rem;
	font-size:0.28rem;
	color:#898989;
	line-height:0.9rem;
	text-align:center;
	background: #fff;
	box-sizing:border-box;
	border-radius:0.45rem;
	border:1px solid #eee;
}
.mnews_detail{
	width:100%;
	background: #f9f9f9;
}
.mnews_detail_title{
	font-size:0.32rem;
	color:#545454;
	line-height:0.5rem;
	text-align:center;
	margin: 0.6rem 0.8rem 0 0.8rem;
}
.mnews_detail_date{
	color:#939393;
	font-size:0.28rem;
	line-height:0.6rem;
	text-align:center;
	margin: 0.6rem 0.8rem 0 0.8rem;
}
.mnews_detail_desc{
	color:#abaaaa;
	margin:0.4rem;
	font-size:0.24rem;
	line-height:0.5rem;
}
.mnews_detail_desc img{
	width:100%!important;
	height:auto!important;
	margin-bottom:0.1rem;
}


/*lab*/
.mintro_desc {
    height: auto;
    overflow: hidden;
    display: flex;
	text-align:justify;
    align-items: center;
    justify-content: center;
    background-image: url(../imgs/intro_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.mdesc_txt{
	padding:0.6rem 0.3rem;
    font-size: 0.24rem;
    text-align: center;
    line-height: 0.4rem;
}


.mcontent .patent{
	height:auto;
}
.mcontent .patent_title.index_en_name{
	font-size:0.36rem;
	line-height: 0.6rem;
    margin-top: 0.6rem;
}
.mcontent .patent_list{
	width:100%;
	flex:1;
	flex-flow: column;
	align-items:center;
	justify-content: center;
}
.patent_certificate{
	flex:1;
}

.patent_certificate img{
	width: 70%;
    margin: 0 auto;
}
.certificate_name{
	line-height:1rem;
	font-size:0.24rem;
}
.mcontent .zheda_lab{
	height:3.6rem;
	margin-top:0.8rem;
	display: flex;
    align-items: center;
    justify-content: center;
	background-image: url(../imgs/skinrunLabSchoolBg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.mcontent .zheda_lab img{
	width:88%;
}


/*service*/
.service_container{
	width:100%;
}
.service_title{
	color:#000;
	font-size:0.36rem;
	width:100%;
	text-align:center;
	margin:0.8rem auto;
}
.SkinLink_img img{
	width:6.6rem;
	margin:0 auto;
}
.SkinLink_txt{
	width:6.6rem;
	color:#8a8a8a;
	font-size:0.24rem;
	line-height:0.5rem;
	text-align:center;
	margin:0.8rem auto 1rem;
}

.technology_container{
	width:100%;
	background:#f9f9f9;
}
.technology_list{
	width:100%;
	color:#4381ff;
}
.technology_list ul{
	width:100%;
}

.technology_list li{
	float:left;
	width: 6.3rem;
	margin: 0 0.6rem 0.5rem;
	box-shadow:0 0 0.3rem rgba(0,0,0,0.2);
}
.tech_img,.tech_img img{
	width:100%;
	position:relative;
}
.tech_desc_il{
	display:flex;
	align-items: center;
    justify-content: center;
}
.tech_desc{
	width:100%;
	height:2.6rem;
	overflow: hidden;
}
.tech_desc_title{
	font-size:0.32rem;
	text-align:center;
	margin:0.4rem auto;
}
.tech_desc_il span{
	position:relative;
}

.tech_desc_il span{
	border-right: 1px solid #ccc;
	padding-right:0.1rem;
	margin-right:0.1rem;
}
.tech_desc_il span:last-child{
	border-right: 0;
}

.tech_desc_il span img {
    width: 0.6rem;
}
.hover_icon{
	top:0;
	left:0;
	opacity:0;
	position:absolute;
}
.technology_list li:hover .tech_hover{
	opacity:1;
}

.tech_hover{
	top:0;
	left:0;
	opacity:0;
	width:100%;
	height:100%;
	position:absolute;
	background:rgba(67,129,255,0.4);
	transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;
}

.insert_container{
	width:100%;
	position:relative;
	background:url("../imgs/support_bg.png") no-repeat;
	background-size:cover;
}
.support_bg{
	top:0;
	left:0;
	width:100%;
	position:absolute;
}
.insert_list{
	width:7rem;
	margin-bottom:1rem;
}
.insert_list ul{
	margin-left:4%;
}
.insert_list ul li{
	float:left;
	width:26%;
	margin: 0 3%
}
.insert_way{
	width:100%;
}
.insert_way img{
	width:100%;
	margin:0 auto;
}
.insert_name{
	width:100%;
	font-size:0.24rem;
	line-height:0.6rem;
	text-align:center;
}
.coob_container{
	width:100%;
}
.coob_list{
	width:6rem;
	color:#8a8a8a;
	margin:0 auto 0.8rem;
}
.coob_list ul{
	width:100%;
	
}
.coob_list ul li{
	width:100%;
	float:left;
	padding:15px 0;
	margin-bottom:0.2rem;
	box-sizing:border-box;
	border:1px solid #eee;
}

.coob_ob{
	width:100%;
	padding:0.4rem 0 0;
}
.coob_ob img{
	display:inherit;
	margin:0 auto;
}
img.ob_hover{
	display:none;
}
.coob_bo{
	font-size:0.24rem;
	text-align:center;
	padding:0.3rem 0 0.5rem;
	
}
.bor_ob{
	box-sizing:border-box;
	border-right:1px solid #eee;
}


/**/
.mfooter_container{
	width:100%;
	color:#fff;
	background:#16468f;
}
.mfooter_img{
	margin:0.5rem 0.35rem 0 0.35rem ;
}
.mfooter_logo{
	width:100%;
}
.mfooter_logo p{
	height:0.8rem;
	line-height:0.8rem;
}
.mfooter_logo p img{
	height:0.8rem;
}
.mfooter_logo p:last-child{
	text-align:left;
	margin-top:-0.4rem;
}
.mfooter_logo p span{
	font-size:0.3rem;
	padding-left:0.88rem;
	
}
.mfooter_wechat{
	position:relative;
	text-align:left;
}
.mfooter_wechat p{
	width:0.5rem;
	height:0.5rem;
	display:inline-block;
}
.mfooter_wechat p img{
	width:0.5rem;
	box-sizing:border-box;
	border-radius:0.25rem;
	border:1px solid #fff;
}

.mhover_wechat{
	left:0.23rem;
	display:none;
	position:absolute;
}
.mfooter_txt{
	padding:0.4rem;
	padding-bottom:0.5rem;
}
.mfooter_txt p{
	font-size:0.28rem;
	line-height:0.6rem;
}
.mhover_wechat img{
	width:1.6rem;
	border-radius:0;
	margin:0;
	padding:0;
}
.mhover_wechat span{
  left:0.8rem;
  top:-0.1rem;
  width:0;
  height:0;
  position:absolute;
  border-left:0.1rem solid transparent;
  border-right:0.1rem solid transparent;
  border-bottom:0.18rem solid #fff;
}


/**/
.mcontent .rotate_circle{
	top:0;
	bottom:0;
	left:auto;
	right:0;
	width:5rem;
	height:5rem;
}
.rotate_circle img {
    width: 100%;
}

.mcontent .word_poster{
	left:0.3rem;
	width:3.5rem;
	z-index:555;
}