@charset "utf-8";
/* CSS Document */
    html{
    font-size:62.5%; /* 10÷16=62.5% */
    }
@font-face {
  font-family: "XIYUANSJ_1";
  src: url('font/fontawesome-webfont.eot');
  src: url('font/fontawesome-webfont.eot?#iefix') format('eot'), url('font/fontawesome-webfont.woff') format('woff'), url('font/fontawesome-webfont.ttf') format('truetype'), url('font/fontawesome-webfont.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
}
body {position:relative; font-family: '微软雅黑';-webkit-text-size-adjust: none; width:100%; background: #FFF;}
body,div,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,h7,form,img,p,pre,textarea,blockquote,fieldset {margin:0;padding:0}
ul,ol,li{list-style-type:none}
img {border:none;-ms-interpolation-mode:bicubic;}
em {font-style:normal}
h1,h2,h3,h4,h5,h6,h7 {font-style:normal;font-size:100%; font-weight: normal;}

a,a:visited {text-decoration:none;color:#666; }

input{
	border-radius: 0;
	outline:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] { -webkit-appearance: none; } textarea { -webkit-appearance: none;}
select {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border:none;  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  /*background: url("../images/arrow.png") no-repeat scroll right center transparent;*//*在选择框的最右侧中间显示小箭头图片*/
  padding-right: 14px;/*为下拉小箭头留出一点位置，避免被文字覆盖*/
}
select::-ms-expand { display: none; }/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
.qc{clear:both;display:block;height:0;overflow:hidden;font-size:0;}
body{max-width:640px;
	min-width:320px;
	margin:0 auto;}
i{font-style:normal}
/*-----------------------------公共部分-----------------------------*/

.s_mby_index_top{height: 60px;width: 100%; }
.s_mby_index_top .h1{ float: left; margin-top: 15px;padding-left: 3%;}
.s_mby_index_top .h1 img{height: 30px; width: auto;}
.s_mby_index_top .h2{ float: right;font-size: 0;margin-top: 17px;height: 24PX; padding-right: 3%;}
.s_mby_index_top .h2 img{height: 24px; width: auto;}

/*合作案例*/
.s_hzal{padding: 3% 2%; background: #f7f7f7;}
.s_hzal_title{
	font-size: 0;
	padding-bottom: 3%;
	padding-left: 2%;
}
.s_hzal_title a{
	display: block;
	
}
.s_hzal_title img{
	width: auto;
	height: 20px;
}
.s_hzal_nr ul{
	padding: 0 1%;
}
.s_hzal_nr ul li{
	width: 30%;
	float: left;
	margin-right: 5%;
}
.s_hzal_nr ul li a{
	display: block;
}
.s_hzal_nr ul li img{
	width: 100%;
}
/*产品分类*/

.s_cpfl{
	padding: 3% 0 2%;
}
.s_cpfl_1{
	font-size: 0;
	padding: 0 2% 0;
}
.s_cpfl_1 img{width: 100%;}
.s_cpfl_1 a{
	display: block;

}
.s_cpfl_2{
	padding: 3% 0;
}
.s_cpfl_2 li{
	width: 18%;
	background: #f3f3f3;
	font-size: .6rem;
	line-height: .9rem;
	text-align: center;
	float: left;
	margin: 0 1% 0 1%;
}
.s_cpfl_2 .active{
	color: #fff;
	background: #f76f08;
}
.s_cpfl_3{
	display: none;
	padding: 3% 1% 0;
}
.s_cpfl_3 li{
	position: relative;
	float: left;
	font-size: 0;
	margin: 0 1% 2%;
	width: 48%;
	border: 1px solid #d5d5d5;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.s_cpfl_3 li a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	z-index: 3;
}
.s_cpfl_3 li img{
	width: 100%;
	height: auto;
}
.s_cpfl_3 li .h1{
	font-size: .6rem;
	text-align: center;
	color: #fff;
	line-height: 1.3rem;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1.3rem;
	background: #000;
	opacity: 0.5;
}

/*关于我们*/
.s_cpfdel_1{padding-bottom: 2%;}
.s_cpfdel_1 img{ height: 23px; width: auto;}
.s_mbse_about{padding:0 3% 2%;}
.s_mbse_about_1{ font-size:.585rem; line-height: 1rem; color: #666;padding-bottom: 2%;}
.s_mbse_about_2{font-size: .575rem;padding-top:.1rem;line-height: 1.1rem;color: #f76f08;border: 1px solid #f76f08;text-align: center;width:38%;margin: 4% auto;cursor: pointer;}
.s_mbse_about_2 a{color: #f76f08;}
/*新闻资讯*/
.s_mbse_news{padding: 0 0 4%;}
.s_mbse_newsxx{padding: 0 2%;}
.s_mbse_newsxx_1{padding:2% 0 0;}
.s_mbse_newsxx_1_pic{float: left; width: 100px;height: 70px;overflow: hidden;}
.s_mbse_newsxx_1_nr{margin-left: 110px; padding-top:1px;}
.s_mbse_newsxx_1_nr .h1{font-size: 14px;padding-top: 1px; color: #000;line-height:24px;height:24px;overflow: hidden;}
.s_mbse_newsxx_1_nr .h2{margin-top: 1px; font-size: 12px;color: #333;line-height:20px;height:40px;overflow: hidden;}


/*底部*/
.s_index_footer{color: #333;padding:0 2% 70px;}
.s_index_footer_2{text-align: center;font-size: .525rem; line-height: .8rem;padding: 3% 0 0;}
.s_index_footer a{ color: #333;}

/*底部导航*/
.s_mbse_footer_nav{
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	background: #202020;
	border-top: 1px solid #2a2a2a;
}
.s_mbse_footer_nav_1 li{
	position: relative;
	float: left;
	width: 25%;
	text-align: center;
	font-size: 0;
	padding: 5px 0 3px;
}
.s_mbse_footer_nav_1 li a{
	display: block;
}
.s_mbse_footer_nav_1 li img{
	width:16px;
	height:16px;
}
.s_mbse_footer_nav_1 li .h1{
	font-size:12px;
	color: #fff;
	line-height:14px;
}
.s_mbse_footer_nav_1 li span{
	float: right;
	display: block;
	width: 1px;
	height: 21px;
	margin-top: 6px;
	background: #fff;
}
/*侧导航*/
.b_s_top2{
	width: 100%;
	height:100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	background: rgba(0,0,0,0.8);
}
.b_s_top3{
	position: fixed;
	top: 0;
	right: 0;
	z-index: 7;
	background: #8a8a8a;
	width: 130px;
	height: 100%;
	padding-top: 50px;
}
.b_s_top3 ul li{
	padding-left: 20px;
	font-size: 16px;
	line-height: 35px;
	color: #fff;
}
.b_s_top3 ul li a{
	display: block;
	color: #fff;
}
.z_top{position: relative; background: #f76f08; width: 100%; height: 55px;}
.z_top p{position: relative; z-index: 5; float: left;padding-left: 2%;}
.z_top p img{height: 23px; width: auto; margin-top:16px;}
.z_top .h1{position: relative; z-index: 5; float: right;padding-right: 2%;}
.z_top .h1 img{height: 23px; width: auto;margin-top:16px}
.z_top_ds{position: absolute; top: 0; left: 0;line-height: 55px; color: #fff; width: 100%; height: 55px; text-align: center; font-size: 20px; font-weight:bold;}


/*--新闻--*/
.z_xwzx_de{padding: 0 2% 6%; min-height: 300px;}
.z_xwzx_de ul li{border-bottom: 1px dashed #bababa;padding: 2% 0;}
.z_xwzx_de ul li .h1{background: url(../images/z_7.jpg) 0 center no-repeat; padding-left: 18px; background-size:12px auto; font-size:15px; line-height:27px; color: #363636;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.z_xwzx_de ul li .h2{background: url(../images/z_8.jpg) 0 center no-repeat;padding-left:18px; background-size:12px auto; font-size: .525rem; color: #999999; line-height: .8rem;}
.z_xwzx_de ul li .h3{ font-size: .575rem; line-height: .9rem; height: 1.8rem; overflow: hidden;}
.z_xwzx_de ul li a{ display: block;}

/*--产品展示--*/
.z_cpzs{padding:4% 1% 2%;}
.z_cpzs ul li{ width: 31.3%; font-size: .625rem; line-height: 1.3rem; margin:0 1% 2%; float: left; text-align: center; background: #ececec;border-radius:5px; color: #333333;}
.z_cpzs ul li.z_cpzs_1{ background: #f76f08; color: #fff;}
.z_cpzs ul li.z_cpzs_1 a{ display: block; color: #fff;}
.z_cpzs_2{padding: 4% 2% 6%; min-height: 300px;}
.z_cpzs_2 ul li{ float: left; padding: 2% 2% 1%; width: 50%;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;}
.z_cpzs_2 ul li p{width: 100%; height: auto; font-size:0 ;}
.z_cpzs_2 ul li p img{width: 100%; height: auto;border-radius:5px;}
.z_cpzs_2 ul li .h1{ color:#333333;line-height: 1.4rem; font-size: .625rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.z_cpzs_2 ul li .h1 i{ float:right; font-size: .5rem;text-transform:uppercase;}
.z_cpzs_2 ul li a{ display: block;	}
/*新闻详细*/
.z_spxx_1{padding-top:6%;}
.z_spxx_1 .h1{text-align: center; font-weight:bold ; font-size: .7rem; line-height: 1.1rem;padding: 0 2%;}
.z_spxx_d{ width: 96%;margin:1% 0 4% 2%; padding: 5px 0; }
.z_spxx_1 .h2{font-size: .5rem; text-align: center;  line-height: 24px;  color: #999999;}
.z_spxx_1 .h2 i{padding: 0 10px;}
.z_spxx_1 .h2 a{ color: #999;}
.z_spxx_2{ float: left; width:29%;}
.z_spxx_2 i{ margin-right: 5px;}
.z_spxx_2 i img{width: 20px;}
.z_spxx_3{padding:5% 2%; font-size:0;}
.z_spxx_3 img{width: 100%; height: auto;}
.z_spxx_4{color: #333333;min-height: 300px; font-size: .6rem; line-height: 1rem;padding:0 0 3%; margin: 0 2%; text-align: justify;}
.z_spxx_4 table{ width:100%;}
.z_spxx_4 img{max-width: 100%; height: auto;}
.z_spxx_5{padding:2% 2% 5%;}
.z_spxx_5 .h5{margin-bottom: 2%;}
.z_spxx_5 .h5 span{text-align: center; font-size: .525rem; border-radius:50px; float: left; width: 20%; display: block; line-height: 1.2rem;color: #666666; background: #dddddd;}
.z_spxx_5 .h5 i{display: block; color: #666666; width: 77%;font-size: .575rem;float: left; line-height: 1.2rem;  height: 1.2rem; overflow: hidden; margin-left: 2%;}
.z_cpzs_dej{height: auto;padding: 0 2% 2%;}
.z_cpzs_dej img{ width: 100%; height: auto;}

/*--联系我们--*/
.z_lxwm{padding: 0.9rem 2% 6%; background: url(../images/z_10.jpg) center no-repeat; background-size:100% auto;}
.z_lxwm p{width: 100%; font-size: 0; padding: 10% 0 6%;}
.z_lxwm p img{ width: 100%; height: auto;}
.z_lxwm .h1{ width: 30%; margin: 0 auto;}
.z_lxwm .h1 img{ width: 100%; height: auto;box-shadow: 3px 3px 1px #f5f4f3;}
.z_lxwm .h2{text-align: center;line-height: 1rem;margin-bottom: 4%; font-size: .525rem; color: #999999;}
.z_lxwm_1{padding:4% 0; border-top: 1px solid #e9e9e9; text-align: center; font-size: .575rem; line-height: 1rem; color: #333333;}

.z_fdm_gywmdh{padding:3% 2%;min-height: 400px; font-size:.6rem; line-height: 1rem; color: #666;}
.z_fdm_gywmdh img{max-width: 100%; height: auto !important;}

/*--招聘岗位--*/
.z_zxns_2{min-height: 400px;
	margin-bottom:40px;}
.z_zxns_2 ul li .z_zxns_3{
	background:url(../phone_images/s_25.jpg) 0 center no-repeat #ededed;
	background-size:16px auto;
	width: 100%;
	line-height: 2rem;
}

.z_zxns_2 ul li{
	margin-bottom: 2%;
}
.z_zxns_2 ul li.z_zxns_d{border-bottom:none;}

.z_zxns_2 ul li .z_zxns_3 span{
	padding:0 7%; font-weight: bold;
	text-align: left;
	font-size: .65rem;
	float: left;
	color: #666666;
}
.z_zxns_2 ul li .z_zxns_3 i{ float: right; margin-right: 2%;height:2rem; display: block; line-height:2rem;}
.z_zxns_2 ul li .z_zxns_3 i img{width: 14px; height: auto; vertical-align: middle;}

.z_zxns_2 ul li .z_zxns_4{
	border-top:1px solid #ededed;
	padding: 2% 7% 0;
	min-height: 200px;
	
}
.z_zxns_2 ul li .z_zxns_4 .z_zxns_7{
	margin-bottom:3%;
}
.z_zxns_2 ul li .z_zxns_4 .z_zxns_7 .h1{
	font-weight: bold;
	font-size: .655rem;
	line-height: 1.3rem;
}
.z_zxns_2 ul li .z_zxns_4 .z_zxns_7 .z_zxns_5{
	font-size: .625rem;
	line-height: 1.2rem;
	color: #666666;
}

.z_zxns_2 ul li .z_zxns_4 .z_zxns_6{
padding:0 0 5% 2%;
}
.z_zxns_2 ul li .z_zxns_4 .z_zxns_6 .h2{float: left;width:30%;  background: #f76f08;    text-align: center;
    color: #fff;
    letter-spacing: 5px;
    font-size: .625rem; line-height: 1.4rem;}
.z_zxns_2 ul li .z_zxns_4 .z_zxns_6 a{
	display: block;
	color: #fff;
}








/*--我要应聘--*/
.z_bd{
	padding: 5% 3% 3%;
}
.z_bd ul li{
	margin-bottom: 3%;
	overflow: hidden;
}
.z_bd ul li span{
	float: left;
	width: 3.4rem;
	text-align:right;
	padding-left: 3%;
	font-size:0.6rem;
	line-height: 35px;
}
.z_bd ul li .h1{
	float: left;
	width: 71%;
	border-bottom: 1px solid #d2d2d2;
	
}
.z_bd ul li .h1 input{
	width: 100%;
	line-height:35px;
	font-size: 14px;
	font-family:"微软雅黑" ;
	border: none;
	color: #666;
}
.z_bd ul li .h1 select{
	    width: 95%;
    -webkit-appearance: none;
    color: #a9a9a9;
    border: none;
    font-size: 14px;
    background: none;
        color: #666;
  /* padding: 10px 5% 4px 0;*/
/* background:url(../phone_images/z_7.jpg) no-repeat scroll right center transparent;*/
    float: left;
     font-family:"微软雅黑" ;
     line-height: 23px;
     height: 23px;
     margin-top: 6px;
}
.z_bd ul li .h3{
	
}
.z_bd ul li .h3 input{
	width: 100%;
	height: 35px;
	text-align: center;
	line-height: 35px;
	font-size: 15px;
	color: #fff;
	border: none;
	background: #f76f08;
	font-family: "微软雅黑";
	letter-spacing: 5px;
}

/*--联系我们--*/
.z_lxwm{padding: 0.9rem 2% 6%; background: url(../images/z_10.jpg) center no-repeat; background-size:100% auto;}
.z_lxwm p{width: 100%; font-size: 0; padding: 10% 0 6%;}
.z_lxwm p img{ width: 100%; height: auto;}
.z_lxwm h1{ width: 30%; margin: 0 auto;}
.z_lxwm h1 img{ width: 100%; height: auto;box-shadow: 3px 3px 1px #f5f4f3;}
.z_lxwm h2{text-align: center;line-height: 1rem;margin-bottom: 4%; font-size: .525rem; color: #999999;}
.z_lxwm_1{padding:4% 0; border-top: 1px solid #e9e9e9; text-align: center; font-size: .575rem; line-height: 1rem; color: #333333;}

.z_fdm_gywmdh{padding:3% 2%;min-height: 400px; font-size:.6rem; line-height: 1rem; color: #666;}
.z_fdm_gywmdh img{max-width: 100%;}