@charset "utf-8";
/* CSS Document */


/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (orientation : landscape) {
	.landing-navigation-tablet-top-adjustment{
		height:30px;
		display:block;
	}
	
	.landing-navigation-tablet-bottom-adjustment{
		margin-bottom:-20px;
	}
	
	.landing-navigation{
		width:900px!important;
	}
	
	.landing-page .decoration{
		margin-top:20px;
		margin-bottom:20px;
		margin-left:50px!important;
		margin-right:50px!important;
	}
	
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (orientation : portrait) {
	
	.landing-navigation-tablet-top-adjustment{
		height:57px;
		display:block;
	}
	
	.landing-navigation-tablet-bottom-adjustment{
		margin-bottom:17px;
	}
	
}

@media only screen 
and (min-device-width : 798px)
and (min-device-height: 801px){
	.landing-navigation-tablet-top-adjustment{
		display:none;
	}
	.landing-navigation-tablet-bottom-adjustment{
		margin-top:-80px;
	}
}

@media (min-width:760px) { 

	.navigation{
		width:300px!important;
		right:0px;
	}

	.landing-page .decoration{
		margin-top:50px;
		margin-bottom:50px;
		margin-left:150px;
		margin-right:150px;
	}
	
	.landing-logo{
		margin-top:50px;
	}

	.landing-navigation{
		margin-bottom:10px;
		width:450px;
		margin-left:auto;
		margin-right:auto;
	}

	.landing-navigation a em{
		padding-top:20px;
		font-size:16px;
		font-weight:500;
	}
	
	.landing-navigation	a{
		float:left;
		margin-left:25px;
		margin-right:25px;
		margin-bottom:50px;
	}

	.nav-icon{
		width:40px;
		heigh:40px;
		position:absolute;
		z-index:99999;
		margin-left:30px;
		margin-top:30px;
	}
	
	.nav-image{
		border-radius:80px;
		width:100px;
		height:100px;
	}
	
	.nav-overlay{
		width:100px;
		height:100px;
		border-radius:60px;
		position:absolute;
		z-index:99998;
		background-color:rgba(0,0,0,0.7);
	}
	
	.bottom-deco{
		bottom:0px;	
	}
}

.twitter-icon{
	background-image:url(../images/misc/twitter.png);
	background-size:32px 32px;
	height:32px;
	width:32px;
	float:left;
	margin-left:10px;
	margin-right:10px;
}

.facebook-icon{
	background-image:url(../images/misc/facebook.png);
	background-size:32px 32px;
	height:32px;
	width:32px;
	float:left;
	margin-left:10px;
	margin-right:10px;
}

.google-icon{
	background-image:url(../images/misc/googleplus.png);
	background-size:32px 32px;
	height:32px;
	width:32px;
	float:left;
	margin-left:10px;
	margin-right:10px;
}


.socials{
	width:160px;
	margin-left:auto;
	margin-right:auto;	
}


.homepage-logo{ display:inline-block; font-size:0; line-height:0; height:100%;}
.homepage-logo b{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:0; height:100%;}
.homepage-logo img{
	display:inline-block; *display:inline; *zoom:1; vertical-align:middle; height:78%;
}
.go-menu{
	background-image:url(../img/head_right_on.png);
	background-size:0.28rem 0.2rem;
	background-position:center;
	background-repeat:no-repeat;
	position:absolute;
	right:5%;
	top:50%;
	margin-top:-0.17rem;
	width:0.34rem;
	height:0.34rem;
	text-align:center;
}

.go-back{
	display:none;
	color:#3d3e42;
	background-image:url(../img/head_right_over.png);
	background-size:0.25rem 0.25rem;
	background-position: center;
	background-repeat:no-repeat;
	position:absolute;
	right:5%;
	top:50%;
	margin-top:-0.17rem;
	width:0.34rem;
	height:0.34rem;
	text-align:center;
}

.navigation{
	display:none;
	background-color:#fff;
	z-index:999999;
	position:absolute;
	width:100%;
	right:0;
	top:0;
	padding:0.8rem 0 0 0;
	z-index:-1;
}

.navigation-wrapper{
	
}

.navigation-item{
	
	line-height:0.6rem;
	border-top:solid 1px #e4e4e4;
	position:relative;
}

.navigation-item a{
	display:block;
	width:100%; height:0.6rem;
	font-size:0.16rem;
	font-family:'Dosis', sans-serif;
	color:#A5A6A6;
	text-transform:uppercase;
	padding-left:20%;
}

.navigation-item a:hover{ background:#B5B5B6; color:#F7F8F8;}


.navigation-item .color0{ color:#000;}

.corner-deco{
	
}

.active-menu{
	background-image:url(../images/misc/nav_selected.png);
	background-size:14px 14px;	
	width:14px; 
	height:14px;
	position:absolute;
	margin-top:-35px;
	right:15px;
}

.inactive-menu{
	background-image:url(../images/misc/nav_unselected.png);
	background-size:14px 14px;	
	width:14px; 
	height:14px;
	position:absolute;
	margin-top:-35px;
	right:15px;
	opacity:0.5;
}


.dropdown-menu{
	background-image:url(../img/bottom2.png);
	background-size:0.15rem 0.08rem;
	width:0.15rem; 
	height:0.08rem;
	position:absolute;
	top:0;
	margin-top:0.26rem;
	left:40%;
	opacity:0.5;
	-o-transition:all 0.5s; 
	-webkit-transition:all 0.5s; 
	-moz-transition:all 0.5s; 
	-ms-transition:all 0.5s; 
	transition:all 0.5s;
}

.dropup-menu{
	background-image:url(../img/bottom2.png);
	transform:rotate(180deg);
}

.submenu{
	display:none;
}

.active-submenu{
	display:block;
}

.submenu a{
	display:block;
	border-top:solid 1px rgba(0,0,0,0.1);
	font-size:0.14rem;
	padding-left:40%;
}

.submenu em{
	background-image:url(../img/bottom2.png);
	background-repeat:no-repeat;
	background-size:7px 7px;
	width:7px;
	height:7px;
	position:absolute;
	right:18px;
	top:25px;
	opacity:0.5;
}



/*About Faces / Quotes */

.quote-item em{
	text-align:center;
	display:block;
	color:#cc9d4f;
	margin-bottom:10px;
}

.quote-item h4{
	text-align:center;
	margin-bottom:0px;
}

.quote-item strong{
	text-align:center;
	font-style:normal;
	font-weight:400;
	display:block;
	width:250px;
	margin-left:auto;
	margin-right:auto;
}

.quote-item img{
	border-radius:100px;
	width:100px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}

/*Thumbnails Columns*/

.thumb-clear{
	height:20px;
	display:block;
	width:100%;
}

.thumb-left{
	display:block;
	padding-bottom:10px;
}

.thumb-left a{
	display:block;
	text-align:right;
}

.thumb-left img{
	margin-top:5px;
	width:110px;
	height:110px;
	border-radius:100px;
	float:left;
	margin-right:20px;
}

.thumb-left strong{
	color:#1a1a1a;
	display:inline-block;
	padding-bottom:5px;
	font-size:14px;
}

.thumb-left em{
	font-style:normal;
}

.thumb-right{
	display:block;
	padding-bottom:10px;
}

.thumb-right img{
	margin-top:5px;
	width:110px;
	height:110px;
	border-radius:100px;
	float:right;
	margin-left:20px;
}

.thumb-right strong{
	color:#1a1a1a;
	display:inline-block;
	padding-bottom:5px;
	font-size:14px;
}

.thumb-right em{
	font-style:normal;
}

.customer-slider div a img{
	width:40px;
	margin-left:auto;
	margin-right:auto;
}

/*Social Boxes*/

.facebook-box{
	background-image:url(../images/misc/social/facebook.png);
	background-size:26px 23px;
	background-repeat:no-repeat;
	background-position:10px 10px;
	background-color:#3b5998;
	height:40px;
	line-height:40px;
	color:#FFFFFF;
	padding-left:60px;
	margin-bottom:20px;
}

.social-box em{
	position:absolute;
	height:40px;
	width:1px;
	background-color:#FFFFFF;
	margin-left:-15px;
}

.social-box:hover{
	opacity:0.9;
}

.twitter-box{
	background-image:url(../images/misc/social/twitter.png);
	background-size:20px 17px;
	background-repeat:no-repeat;
	background-position:12px 13px;
	background-color:#4099ff;
	height:40px;
	line-height:40px;
	color:#FFFFFF;
	padding-left:60px;
	margin-bottom:20px;
}

.google-box{
	background-image:url(../images/misc/social/google.png);
	background-size:20px 17px;
	background-repeat:no-repeat;
	background-position:12px 13px;
	background-color:#d34836;
	height:40px;
	line-height:40px;
	color:#FFFFFF;
	padding-left:60px;
	margin-bottom:20px;
}

/*Wide Portfolio*/

.wide-active{
	margin-top:20px;
	display:none;
}

.wide-item-wrapper{
	background-color:#FFFFFF;
	padding-bottom:1px;
	margin-top:3px;
}

.wide-folio{
	margin-top:-17px;
	margin-bottom:20px;
}

.wide-item{
	margin-bottom:3px;
}

.wide-item .responsive-image{
	margin-bottom:0px;
}

.wide-image{
	max-height:100px;
	overflow:hidden;
}

.wide-item-titles{
	position:relative;
	z-index:99999;
	top:30px;
	margin-bottom:-45px;
	pointer-events:none;
}

.wide-item-titles h4{
	font-family:'Open Sans', sans-serif;
	font-weight:200;
	font-size:16px;
	text-transform:uppercase;
	color:#FFFFFF;
	position:relative;
	z-index:999999;
	text-align:center;
	margin-bottom:5px;
}

.wide-item-titles p{
	margin-bottom:0px;
	color:rgba(255,255,255,0.5);
	text-align:center;
	position:relative;
	z-index:999999;
}

.wide-item-content{
	display:none;
	margin-top:20px;
	margin-left:20px;
	margin-right:20px;
}

@media (min-width:760px) { 
	.wide-image{
		max-height:150px;
	}
	
	.wide-item-titles{
		top:55px;
		margin-bottom:-45px;
	}
}

.contact-call{
	padding-top:5px;
	color:#666;
	padding-left:30px;
	background-image:url(../images/misc/contact_phone.png);
	background-position:0px 5px;
	background-repeat:no-repeat;
	background-size:18px 18px;
	height:30px;
	display:block;
}

.contact-text{
	color:#666;
	padding-left:30px;
	background-image:url(../images/misc/contact_message.png);
	background-position:0px 2px;
	background-repeat:no-repeat;
	background-size:18px 18px;
	height:20px;
	display:block;
	margin-bottom:2px;
}

.contact-mail{
	color:#666;
	padding-left:30px;
	background-image:url(../images/misc/contact_mail.png);
	background-position:3px 3px;
	background-repeat:no-repeat;
	background-size:14px 14px;
	height:20px;
	display:block;
	margin-top:5px;
	margin-bottom:2px;
}

.contact-facebook{
	color:#666;
	padding-left:30px;
	background-image:url(../images/misc/contact_facebook.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	background-size:20px 20px;
	height:20px;
	display:block;
	margin-top:5px;
	margin-bottom:2px;
}

.contact-twitter{
	color:#666;
	padding-left:30px;
	background-image:url(../images/misc/contact_twitter.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	background-size:20px 20px;
	height:20px;
	display:block;
	margin-top:5px;
	margin-bottom:2px;
}

/*---------------------body---------------------*/
html{ height:100%;}
body{min-height:100%; position:relative; }

/*--------------page----------------*/
.cp_page{ height:13rem; overflow:hidden; width:90%; margin:0 auto; padding:3rem 0;}
.cp_page_left{ vertical-align:top; width:35%; height:100%; font-size:0; line-height:0;}
.cp_page_left a{ display:block;  height:100%; font-size:0; line-height:0;}
.cp_page_left b, .cp_page_left span, .cp_page_left strong, .cp_page_left i{ vertical-align:middle; display:inline-block; *display:inline; *zoom:1;}
.cp_page_left b{ width:0; height:100%;}
.cp_page_left span{}
.cp_page_left strong{ width:2rem; height:1px; background:#838383; -o-transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s; filter:alpha(opacity=0); opacity:0; -o-transform:translate(1rem,0); -webkit-transform:translate(1rem,0); -moz-transform:translate(1rem,0); -ms-transform:translate(1rem,0); transform:translate(1rem,0);}
.cp_page_left i{font-size:1.4rem; font-family:"Microsoft YaHei UI", "微软雅黑"; color:#838383; line-height:3rem; -o-transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s; transform:translate(-1rem,0);}

/*.cp_page_left a:hover strong{ filter:alpha(opacity=100);  opacity:1;-o-transform:translate(-10px,0); -webkit-transform:translate(-10px,0); -moz-transform:translate(-10px,0); -ms-transform:translate(-10px,0); transform:translate(-10px,0);}
.cp_page_left a:hover i{-o-transform:translate(0,0); -webkit-transform:translate(0,0); -moz-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);}
*/
.cp_page_center{ width:30%; text-align:center; vertical-align:top; font-size:0.16rem; font-family:"Microsoft YaHei UI", "微软雅黑"; color:#838383; line-height:7rem;}

.cp_page_right{ vertical-align:top; width:35%; height:100%; font-size:0; line-height:0; text-align:right;}
.cp_page_right a{ display:block; height:100%; font-size:0; line-height:0;}
.cp_page_right b, .cp_page_right span, .cp_page_right strong, .cp_page_right i{ vertical-align:middle; display:inline-block; *display:inline; *zoom:1;}
.cp_page_right b{ width:0; height:100%;}
.cp_page_right span{}
.cp_page_right strong{ width:2rem; height:0.1rem; background:#838383; -o-transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s; filter:alpha(opacity=0); opacity:0; -o-transform:translate(-1rem,0); -webkit-transform:translate(-1rem,0); -moz-transform:translate(-1rem,0); -ms-transform:translate(-1rem,0); transform:translate(-1rem,0);}
.cp_page_right i{font-size: 1.4rem; font-family:"Microsoft YaHei UI", "微软雅黑"; color:#838383; line-height:3rem; -o-transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s; transform:translate(1rem,0); }
.cp_page_right a:visited i, .cp_page_left a:visited i{ color:#838383;}
.cp_page_right a:active i, .cp_page_left a:active i{ color:#838383;}
.cp_page_right a:link i, .cp_page_left a:link i{ color:#838383;}
.cp_page_right a:hover i, .cp_page_left a:hover i{ color:#838383;}
/*.cp_page_right a:hover strong{filter:alpha(opacity=100);  opacity:1; -o-transform:translate(0.1rem,0); -webkit-transform:translate(0.1rem,0); -moz-transform:translate(0.1rem,0); -ms-transform:translate(0.1rem,0); transform:translate(0.1rem,0);}
.cp_page_right a:hover i{-o-transform:translate(0,0); -webkit-transform:translate(0,0); -moz-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);}*/

/*--------------page over----------------*/

/*--------------page2----------------*/

.cp_page2{ width:80%; margin:0 auto; height:5rem; font-size:1.2rem; text-align:center; border-bottom:0.1rem solid #7A7A7A;}

.cp_page2 a{ width:2rem; vertical-align:top; margin:0 1rem; font-size:1.4rem; font-family:Helvetica, Tahoma, Arial, STXihei, "Microsoft YaHei", SimSun, Heiti; line-height:5rem; position:relative;}
.cp_page2 a b{ position:absolute; width:5px; height:5px; border-radius:100%; background:#4D4D4D; z-index:2; left:50%; margin-left:-2.5px; bottom:-2px;}

/* header */
.m_header_bg{ padding:10px 10px 10px 10px; position:absolute; left:0; top:0; width:100%; z-index:10;}
.m_header{ height:6rem;}
.m_header_left{ float:left; max-width:50%; height:100%;}
.m_header_left b{ vertical-align:middle; width:0; height:100%;}
.m_header_left a{ vertical-align:middle;}
.m_header_left a img{ max-width:60%;}

.m_header_right{ float:right; height:100%;}

.sh_b{ width:0; height:100%; vertical-align:middle;}
.sh_span{ vertical-align:middle;}

.nav_button{ display:none;}
/*footer*/
.m_footer_bg{ background:#F2F2F2;}
.m_footer{ text-align:center; font-size:1.2rem; font-family:"Microsoft YaHei", "Microsoft YaHei UI", "微软雅黑", Arial, SimSun, "宋体", sans-serif; color:#C2C2C2; line-height:2.4rem; padding:2rem 1rem;}
.m_footer a{color:#C2C2C2;}
/* m main */

.mi_main{ position:relative; }
.mc_main{ padding:8rem 0 0 0; min-height:100%;}

/*m index banner*/

.mi_banner{ height:100vh; text-align:center; position:relative;}
.mi_banner b{ width:0; height:100%; vertical-align:middle;}
.mi_banner img{ vertical-align:middle; max-width:35%;}
.m_index_md1{ position:absolute; width:3rem; height:1.5rem; left:50%; margin-left:-1.5rem; bottom:15%;}
.m_index_md1 img{ width:100%; height:100%; max-width:100%;}

/*m index productlis*/
.mi_productlist{}
.mi_productlist ul{ display:block;}
.mi_productlist ul li{ display:block;}
.mi_productlist ul li a{}
.mi_productlist ul li a img{ width:100%; display:block;}
.mi_productlist ul li a .mipl_text{ padding:1.5rem 5% 1.5rem 5% ;}
.mi_productlist ul li a p{ font-size:1.6rem; font-family:Helvetica, Tahoma, Arial, STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif; line-height:2.8rem; color:#4C4C4C;}
.mi_productlist ul li a span{ font-size:1.6rem; font-family:Helvetica, Tahoma, Arial, STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif; line-height:2rem; color:#4C4C4C;}

/*m_productlist*/

.mc_productlist{ padding:8rem 5% 0 5%;}
.mc_pl_title{}
.mc_pl_title ul{ text-align:center; width:100%;}
.mc_pl_title li{ vertical-align:top; padding:2rem 1rem;}
.mc_pl_title a{ display:block; height:100%; font-size:1.4rem; font-family:Helvetica, Tahoma, Arial, STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif; color:#5F5F5F; line-height:3.2rem; }
.mc_pl_title a.mc_pl_titleNow{ border-bottom:0.1rem solid #999;}

.mc_pl_box{ padding-bottom:5rem;}
.mc_pl_box ul{ display:block;}
.mc_pl_box ul li{ display:block; margin-bottom:2rem; overflow:hidden;}
.mc_pl_box ul li a{ position:relative; display:block; width:100%;}
.mc_pl_img{ text-align:center;}
.mc_pl_img img{width:100%;}
.mc_pl_fl1{ position:absolute; left:0; bottom:0; width:100%; height:6rem; background:#000000;filter:alpha(opacity=50);  opacity:0.5; }
.mc_pl_fl2{ position:absolute; left:0; bottom:0; width:100%; height:6rem; /*z-index:2;*/ padding:1rem 0 0 1rem;}
.mc_pl_fl2 p{ font-size:1.6rem; font-family:Helvetica, Tahoma, Arial, STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif; color:#fff; line-height:2rem;}
.mc_pl_fl2 span{font-size:1.6rem; font-family:Helvetica, Tahoma, Arial, STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif; color:#fff; line-height:2rem;}


/*m about*/

.m_about_main{}

.mab_banner{ position:relative;}
.mab_banner img{ width:100%;}

.m_about_md2 { position:absolute; width:3.4rem; height:1.5rem; left:50%; margin-left:-1.7rem; bottom:15rem;}
.m_about_md2 img{ width:100%; height:100%;}

.mab_content{ font-size:1.4rem; font-family:Helvetica, Tahoma, Arial, STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif; color:#727272; line-height:2.4rem; text-align:justify; table-layout:fixed; word-break: break-all; overflow:hidden; padding:0 5% 0 5%;}
.mab_content em{ line-height:1; font-size:0;}

.mab_team{ padding:5rem 0 5rem 0;}

.m_about_team_img{ position:relative; text-align:center;}

.m_about_team_img img{}

.m_about_team_img p{ font-size:1.6rem; font-family:Helvetica, Tahoma, Arial, STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif; color:#424242; position:absolute; right:2rem; top:10px; width:1.6rem; line-height:1.6rem;}

.m_about_team_img span{ font-size:1.4rem; font-family:Helvetica, Tahoma, Arial, STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif; color:#424242; position:absolute; right:0; top:100px; line-height:1.6rem; width:100px; height:1.6rem; transform:rotate(90deg); transform-origin:100% 0; text-align:left; }
/*m awards*/

.m_awards{ background:url(../img/awards/m_awards_bg.jpg) no-repeat center; background-attachment:fixed; padding:15rem 5% 10rem 5%; min-height:100vh;}

.m_awards ul{ display:block; padding:0 0 15rem 0; border-left:1px solid #A3A3A3;}
.m_awards ul li{ height:15rem;  border-bottom:1px solid #A3A3A3; padding:0 0 2rem 0; position:relative;}
.m_awards_li_float{ position:absolute; left:-0.5rem; bottom:-0.5rem; width:1rem; height:1rem; overflow:hidden;}
.m_awards_li_float img{ width:100%; height:100%;}

.m_awards ul li b{ width:0; height:100%; vertical-align:bottom;}

.m_awards .m_awards_liImg{ vertical-align:bottom; max-width:40%; text-align:center; line-height:4rem; padding:0 0 0 2rem;}
.m_awards_liImg_box{border:1px solid #959595; width:9rem; height:9rem; padding:1rem;}
.m_awards .m_awards_liImg .m_awards_liImg_box img{ max-width:100%; max-height:100%;}

.m_awards .m_awards_liText{ max-width:60%; padding:0 0 0 1rem;  vertical-align:bottom;}
.m_awards .m_awards_liText h6{ font-size:1.2rem; font-family:Helvetica, Tahoma, Arial, STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif; color:#FFFFFF; line-height:2.4rem;}
.m_awards .m_awards_liText .m_awards_liText_box{font-size:1.2rem; font-family:Helvetica, Tahoma, Arial, STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif; color:#FFFFFF; line-height:2.4rem;}

.m_awards_slh{ font-size:2rem; color:#FFFFFF; padding:0rem 0 0 12rem; position:relative; top:5rem;}
/*m contact*/
.m_contact{ position:relative; min-height:100vh; }
.m_contact_bg{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; }
.m_contact_bg img{ height:100%;}
.m_contact_float{position:absolute; left:0; top:0; width:100%; height:100%; z-index:3; background:#878787; filter:alpha(opacity=80);  opacity:0.8;}

.m_contact_text{ position:relative; z-index:5; min-height:100vh;}
.m_contact_text{ font-size:1.6rem; font-family:Helvetica, Tahoma, Arial, STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif; color:#000; line-height:3.2rem; text-align:center; padding:20rem 1rem 0 1rem; table-layout:fixed; word-break: break-all; overflow:hidden;}
.m_contact_text h3{ font-size:2.4rem; line-height:4rem;}


/*m joinus*/
.m_joinus{}

.m_joinus_top{ min-height:100vh; background:url(../img/joinus/m_joinus_bg.jpg) no-repeat center; background-size:cover; padding:12rem 5% 0 5%; position:relative;}

.m_joinus_top1{ font-size:1.4rem; font-family:Helvetica, Tahoma, Arial, STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif; color:#fff; line-height:2.8rem; table-layout:fixed; word-break: break-all; overflow:hidden; padding:0 0 5rem 0;}
.m_joinus_top2{ width:90%;}
.m_joinus_top2_title{ border-bottom:1px solid #FFFFFF;font-family:Helvetica, Tahoma, Arial, STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif; color:#fff; table-layout:fixed; word-break: break-all; overflow:hidden; padding-bottom:1rem; margin-bottom:0.5rem;}
.m_joinus_top2_title h6{font-size:1.6rem; line-height:2.0rem;}
.m_joinus_top2_title p{font-size:1.4rem; line-height:2.0rem; }

.m_joinus_top2_text{font-size:1.4rem;  font-family:Helvetica, Tahoma, Arial, STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif; color:#fff; line-height:2.8rem; table-layout:fixed; word-break: break-all; overflow:hidden;}

.m_join_md3{ position:absolute; width:3rem; height:1.5rem; left:50%; bottom:10rem; margin-left:-1.5rem}
.m_join_md3 img{ width:100%; height:100%;}

.m_joinus_bottom{ padding:5rem 5% 5rem 5%; background:#D9D9D9;}
.m_joinus_bottom ul{}
.m_joinus_bottom li{ padding:3rem 0 0 0;}
.m_joinus_bottom_title{font-family:Helvetica, Tahoma, Arial, STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif; color:#4C4C4C; line-height:2.8rem; padding-bottom:1rem; border-bottom:1px solid #4C4C4C;}
.m_joinus_bottom_title h3{ font-size:1.6rem;}
.m_joinus_bottom_title p{ font-size:1.4rem; line-height:2.4rem;}

.m_joinus_bottom li h6{ font-size:1.6rem; font-family:Helvetica, Tahoma, Arial, STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif; color:#4C4C4C; line-height:2.8rem; margin:1rem 0;}

.m_joinus_bottom_text{font-size:1.4rem; font-family:Helvetica, Tahoma, Arial, STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif; color:#4C4C4C; line-height:2.8rem; table-layout:fixed; word-break: break-all; overflow:hidden;}



/*nav2*/
.m_main{ padding-top:80px;}