@charset "utf-8";
/* CSS Document */
/*
 ios 系统自带字体
    ios默认中文字体是STHeiti(苹果黑体)
    ios默认英文字体是Helvetica
    ios默认数字字体是HelveticaNeue
    无微软雅黑字体
android 系统自带字体
    Android默认中文字体是Droidsansfallback(华文中宋)
    Android默认英文和数字字体是Droid Sans
    无微软雅黑字体
winphone 系统
    默认中文字体是Dengxian(方正等线体)
    默认英文和数字字体是Segoe
结论
    各个手机系统有自己的默认字体，且都不支持微软雅黑
    如无特殊需求，手机端无需定义中文字体，使用系统默认
    英文字体和数字字体可使用 Helvetica ，三种系统都支持

*/
* {
	margin: 0;
	padding: 0;
}
html {
	font-size: 16px;
}
body {
	font-family: "Helvetica";
	margin: 0;
	padding: 0;
	font-size: 100%;
	background: #f3f3f3;
	overflow-x: hidden;
	color: #333;
	min-width: 375px;
    position: relative;
    z-index: 0;
}
div, img, ul, ol, li, dl, dt, dd, p {
	margin: 0;
	padding: 0;
	border: 0;
}
ul, li, ol, dl, dt {
	list-style-type: none;
}
img {
	max-width: 100%;
	width: 100%;
	display: block;
}
img a {
	border: none;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-size: 1.25rem;
	font-weight: 600;
}
a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #c00;
	text-decoration: none;
}
a:active {
	color: #c00;
	text-decoration: none;
}
input {
	outline: none;
	border: none;
}
.mb60 {
	width: 100%;
	margin-bottom: 60px;
}
.mb75 {
	width: 100%;
	margin-bottom: 75px;
}
.clear {
	clear: both;
}
em{font-style:normal}
input, button, select, textarea { outline: none; -webkit-appearance: none; border-radius: 0; }

/* 顶部导航栏 */
/* .tob { height: 3.4375rem; width: 100%; font-size: 1rem; line-height: 3.4375rem; background: #fff;}
.tob ul li { float: left;}
.tob ul li a { width: 100%; height: 100%; display: block; overflow: hidden;}
.tob .tob_img { margin: 1.2188rem auto; width: 1.5rem; height: 1rem; }
.tob ul li a img { width: 1.5rem; height: 1rem; }
.tob ul li:nth-child(1) { width: 80%; height: 3.4375rem; padding: 0 3%; box-sizing: border-box; font-weight: 600;}
.tob ul li:nth-child(2) { width: 20%; height: 3.4375rem; text-align: center;} */

.header { width: 100%; height: 3.4375rem; position:relative; padding: 1rem; background:#fff; box-sizing:border-box; left: 0; top: 0; position: fixed; z-index: 100; box-shadow: 0rem 2px 4px rgba(68, 68, 68, 0.16);}
.header_title { font-size: 1rem; font-weight: 600; line-height: 1.4375rem; float: left;}

.focus { overflow: hidden; margin-top: 3.4375rem;}

/* 图标导航栏 */
.icon { width: 100%; height:auto; padding:2rem 1rem; background: #fff; box-sizing: border-box; position: relative; overflow: hidden;}
.icon { width: 100%; height:auto;position: relative;}
.icon ul li{ width: 25%; height: auto; float: left; position: relative;}
.icon ul li a { display: block; width: 70%; margin:0 15%;position: relative; overflow: hidden;}
.icon ul li a img { width: 90%; max-width: 6.5rem;margin: 0 auto; text-align: center;  height: auto;}
.icon ul li a span { display: block; text-align: center; margin-top: 0.5rem; font-size: 0.75rem; line-height: 1.5rem; font-weight: 500; color: #333;}


/* 关于我们 */
.compan { width: 100%; height: auto; margin-top: 0.6875rem; padding: 0 1rem; background: #fff; box-sizing: border-box; position: relative; overflow: hidden;}
.compan h2 { width: 100%; height: auto; font-size: 0.9375rem; margin-top: 0.5rem; line-height: 4.375rem; font-weight: 600; text-align: center; color: #333; float: left; background-image: url(../../images/wap_images/guanyu.png); background-size:100% 100%}
.compan p { height:auto; font-size: 0.875rem; line-height: 1.5625rem; text-align: center; text-indent: -0.5rem; color: #666; float: left;}
.compan .compan_but { width: 30%; height: 2.25rem; margin: 1.625rem 50%; background: #007aff; float: left; transform: translate(-50%);}
.compan .compan_but a { width: 100%; height: auto; display: block;}
.compan .compan_but p {width: 100%; font-size: 0.75rem;  line-height: 2.25rem; color: #fff; background: url( ../../images/wap_images/icon-06.png) 80% 0.8425rem  no-repeat; background-size: 0.3438rem 0.625rem; }


/* 最新产品 */
.protuct { width: 100%; height: auto; padding: 1rem; margin-top: 0.6875rem; box-sizing: border-box; background: #fff; position: relative; overflow: hidden;}
.protuct_title { width: 100%; height: auto; border-bottom: 0.0313rem solid #e5e5e5; position: relative; overflow: hidden;} 
.protuct_title h2 { font-size: 1rem; line-height: 2.2813rem; float: left; font-weight: 600; border-bottom: 0.0625rem solid #007aff; color: #007aff;}
.protuct_title a { width: 17%; height: auto; display: block; float: right;}
.protuct_title span { width: 100%; font-size: 0.75rem; line-height: 2.2813rem; color: #999; display: block; float: right; background: url( ../../images/wap_images/icon-07.png) 3.2813rem no-repeat; background-size: 0.3438rem 0.625rem;}
.protuct ul { width: 100%; height:auto; margin: 0.625rem auto 1rem; overflow: hidden; position: relative; box-sizing: border-box;}
.protuct ul li { width:48%; margin-left: 4%; margin-top: 0.9375rem; height: auto; border:0.0625rem solid #eee; box-sizing: border-box; float: left; position: relative; position: relative; overflow: hidden;}
.protuct ul li:nth-of-type(odd) { margin-left: 0;}
.protuct ul li a { width: 100%; height: auto; display: block;}
.protuct ul li a img { width:100%; height: 7.6875rem; overflow: hidden;}
.protuct ul li a span { display: block; width: 100%; height: 2.25rem; font-size: 0.875rem; line-height:2.25rem; text-align: center; color: #333; background: #f3f3f3;}


/* 新闻资讯 */
.news { width: 100%; height: auto; padding: 1rem; margin-top: 0.6875rem; box-sizing: border-box; background: #fff; position: relative; overflow: hidden;}
.news_title { width: 100%; height: auto; border-bottom: 0.0313rem solid #e5e5e5; position: relative; overflow: hidden;} 
.news_title h2 { font-size: 1rem; line-height: 2.2813rem; float: left; font-weight: 600; border-bottom: 0.0625rem solid #007aff; color: #007aff;}
.news_title a { width: 17%; height: auto; display: block; float: right;}
.news_title span { width: 100%; font-size: 0.75rem; line-height: 2.2813rem; color: #999; display: block; float: right; background: url( ../../images/wap_images/icon-07.png) 3.2813rem no-repeat; background-size: 0.3438rem 0.625rem;}
.news_box { width: 100%; height: auto; margin-top: 1.5625rem; position: relative; overflow: hidden;}
.news_box a { width: 100%; height: auto; display: block;}
.news_box a img { width: 31%; height: auto; display: block; float: left;}
.news_box ul { width: 100%; height: auto; margin-top: 1.0625rem; float: left; position: relative; overflow: hidden;}
.news_box ul li { width: 100%; height: auto; font-size: 0.8125rem; line-height: 2.625rem; text-indent: 0.75rem; border-top: 0.0313rem solid #eeeeee; background: url( ../../images/wap_images/icon-08.png)0 no-repeat; background-size: 0.4063rem 0.4063rem;position: relative; overflow: hidden;}
.news_box ul li a { width: 100%; height: auto; display: block; float: left; font-style:normal;}
.news_box ul li a em { font-size: 0.75rem; line-height: 1.1875rem; color: #999; margin: 0.75rem auto; float: right;}
.news_text { width: 65%; height: auto; margin-left: 0.75rem; float: left; position: relative; overflow: hidden;}
.news_text h3 { font-size: 0.875rem; line-height: 1.1875rem; color: #333; margin-bottom: 1.5125rem;}
.news_text span {float: left; font-size: 0.75rem; line-height: 1.1875rem; color: #999;}
.news_text em { font-size: 0.75rem; line-height: 1.1875rem; float: right; color: #999; }


/* 底部信息 */
.bottom { width: 100%; height: auto; padding: 0.5625rem; margin-bottom: 4.05rem; box-sizing: border-box; background: #f3f3f3; position: relative; overflow: hidden;}
.bottom p { font-size: 0.75rem; line-height: 0.9375rem; margin-top: 0.6rem; text-align: center; color: #999; font-style:normal;}


/* 底部导航 */
.nav { width: 100%; height: auto; background: #fff; padding: 0.6563rem 1rem; border-top:0.0625rem solid #ddd; box-sizing: border-box; left: 0; bottom: 0; position: fixed; z-index: 10; overflow: hidden; min-width: 23.4375rem; box-shadow: 0rem -2px 4px rgba(68, 68, 68, 0.16);}
.nav ul { width: 100%; height: auto;}
.nav ul li { width: 20%; height: auto; float: left;}
.nav ul li a { width: 100%; height: auto; display: block; }
.nav ul li:nth-child(1) a span { width: 33%; height: auto; min-height: 1.375rem; margin: 0 auto; display: block; background: url( ../../images/wap_images/icon-09.png) center center no-repeat;  background-size: 100% 100%;}
.nav ul li:nth-child(2) a span { width: 33%; height: auto; min-height: 1.375rem; margin: 0 auto; display: block; background: url( ../../images/wap_images/icon-10.png) center center no-repeat;  background-size: 100% 100%;}
.nav ul li:nth-child(3) a span { width: 33%; height: auto; min-height: 1.375rem; margin: 0 auto; display: block; background: url( ../../images/wap_images/icon-16.png) center center no-repeat;  background-size: 100% 100%;}
.nav ul li:nth-child(4) a span { width: 33%; height: auto; min-height: 1.375rem; margin: 0 auto; display: block; background: url( ../../images/wap_images/icon-12.png) center center no-repeat;  background-size: 100% 100%;}
.nav ul li:nth-child(5) a span { width: 33%; height: auto; min-height: 1.375rem; margin: 0 auto; display: block; background: url( ../../images/wap_images/icon-13.png) center center no-repeat;  background-size: 100% 100%;}
.nav ul li a em { font-size: 0.6875rem; line-height: 0.75rem; margin-top: 0.125rem; display: block; text-align: center; color: #999;}
.nav ul li a.active em { color:#007aff;}


/* 公司简介 */
.bacg { width: 100%; height: auto; margin-top: 3.4375rem; position: relative; overflow: hidden;}
.company_te { width: 100%; height: auto; min-height: 37.5rem; padding: 0 1rem; background: #fff; overflow: hidden; box-sizing: border-box;}
.company_te h3 { font-size: 0.9375rem; line-height: 3.4375rem; text-align: center; font-weight: 600; border-bottom: 0.0313rem solid #E5E5E5; }
.company_text { width: 100%; height: auto; margin-top: 1.25rem;}
.company_text p { width: 100%; height: auto;}


/* 产品列表 */
.protuct1_box { width: 100%; height: auto; min-height: 20.5rem; padding: 0 1rem; background: #fff; overflow: hidden; box-sizing: border-box;}
.protuct1_box h3 { font-size: 0.9375rem; line-height: 3.4375rem; text-align: center; font-weight: 600; border-bottom: 0.0313rem solid #E5E5E5; }
.protuct1_option { width: 100%; height: auto; display: block; background: #fff; position: relative; overflow: hidden;}
.protuct1_option li { width: 22%; height: auto; margin-top: 1rem; margin-left: 0.69rem; font-size: 0.8125rem; line-height: 2rem; float: left; color: #666666; border: 0.0313rem solid #E5E5E5; text-align: center; display: block; position: relative; overflow: hidden; }
.protuct1_option li:nth-child(1) { margin-left: 0; background: #007aff; border: 0rem ; color: #fff;}
.protuct1_option li:nth-child(5) { margin-left: 0;}
.protuct1_box .protuct1_text .protuct { padding: 0;}

.page{ width: 100%; height: 2.75rem; margin-top: 1rem; font-size: 0.875rem; background: white; text-align: center; }
.page span { width: 1.375rem; height: 1.375rem; line-height: 1.375rem; margin-left: 0.5rem; display: block; border: 0.0625rem solid #dbdbdb; display:inline-block; background: #007aff; color: #fff; font-style:normal;}
.page a { width: 1.375rem; height: 1.375rem; line-height: 1.375rem; margin-left: 0.5rem; display: block; border: 0.0625rem solid #dbdbdb;  display:inline-block; font-style:normal;}
.page .a1 { width: 3.375rem; height: 1.375rem; line-height: 1.375rem; margin-left: 0.5rem; display: block; border: 0.0625rem solid #dbdbdb; display:inline-block; font-style:normal;} 


/* 产品详情页 */
.product2_box { width: 100%; height: auto; min-height: 37.5rem; padding: 0 1rem; background: #fff; overflow: hidden; box-sizing: border-box;}
.product2_text { width: 100%; height: auto; margin-top: 1.25rem;}
.product2_text p { width: 100%; height: auto;}


/* 新闻列表页 */
.news1_box { width: 100%; height: auto; min-height: 37.5rem; padding: 0 1rem; background: #fff; overflow: hidden; box-sizing: border-box;}
.news1_box h3 { font-size: 0.9375rem; line-height: 3.4375rem; text-align: center; font-weight: 600; border-bottom: 0.0313rem solid #E5E5E5; font-style:normal;}
.news1_box ul li:last-child a { border-bottom: none;}
.news1_box .news_box { margin-top: 0.75rem;}
.news1_box .news_box .news_text { margin-bottom: 0.875rem;}
.news1_box .news_box .news_text h3 { font-size: 0.875rem; line-height: 1.1875rem; color: #333; margin-bottom: 1.5125rem; border-bottom: none; text-align: left; font-style:normal;}
.news1_box .news_box a { border-bottom: 0.0313rem solid #e5e5e5; float: left; font-style:normal;}
.news1_box .num { width: 63%; text-align: center; margin:2.8rem auto 0px; display: block;}
.news1_box .num li {width: 10%; margin-left: 5%; border: 0.0313rem solid #e5e5e5; text-align: center; font-size: 0.875rem; line-height: 1.4rem; float: left;}
.news1_box .num li:last-child { width: 22%;}
.news1_box .num li:nth-child(2) { background: #007aff; color: #fff;}
.news1_box .num li:first-child { width: 22%; margin-left: 0rem;}


/* 新闻资讯内容页 */
.news2_box { width: 100%; height: auto; min-height: 37.5rem; padding: 0 16px; background: #fff; overflow: hidden; box-sizing: border-box; font-style:normal;}
.news2_title {width: 100%; height: auto; font-size: 0.75rem; line-height: 1.8rem; text-align: center; color: #999; border-bottom: 0.0313rem solid #E5E5E5; overflow: hidden; font-style:normal;}
.news2_title em { height: auto; display: block; float: left; margin-left: 6%; overflow: hidden; font-style:normal;}
.news2_title em:first-child { margin-left: 6%;}
.news2_box h3 { font-size: 0.9375rem; line-height: 2rem; margin-top: 0.8rem; text-align: center; font-weight: 600; }
.news2_text { width: 100%; height: auto; margin-top: 1.25rem;}
.news2_text p { width: 100%; height: auto; font-style:normal;}


/* 留言反馈页面 */
.message_box { width: 100%; height: auto; min-height: 37.5rem; padding: 0 1rem; background: #fff; overflow: hidden; box-sizing: border-box;}
.message_box h3 { font-size: 0.9375rem; line-height: 3.4375rem; margin-top: 0.6rem; text-align: center; font-weight: 600; }
.message_box em {width: 100%; height: auto; font-size: 0.8125rem; color: #333; margin-bottom: 1.125rem; position: relative; overflow: hidden; float: left;}
.message_box p { width: 100%; height: auto; font-size: 0.75rem; margin-top: 0.9375rem; color: #666; position: relative; overflow: hidden; float: left;}
.message_box input { width: 100%; height: auto; padding: 0.75rem; margin-top: 0.4375rem; font-size: 0.8125rem; line-height: 1rem; border: 0.0313rem solid #ececec; border-radius: 0.375rem; box-sizing: border-box; }
input::-webkit-input-placeholder { color: #c4c4c4;}
textarea::-webkit-input-placeholder { color: #c4c4c4;}
.message_box textarea { width: 100%; height: auto; min-height: 9.0625rem; padding: 0.75rem; margin-top: 0.4375rem; font-size: 0.8125rem; line-height: 1rem; border: 0.0313rem solid #ececec; border-radius: 0.375rem; box-sizing: border-box; }
.message_box .message_but {width: 30%; height: auto; font-size: 0.8125rem; margin: 1.5625rem auto; line-height: 2.25rem; padding: 0rem; display: block; background: #007aff; color: #fff;}


/* 产品列表页banner */
.sub_banner { width: 23.4375rem; height: 10.9375rem; margin-top:3.4375rem;}



@media (min-width: 375px) and (max-width: 749px){
    html,body { font-size: 16px;}
}

@media (min-width: 750px) and (max-width: 1025px){
    html,body { font-size: 32px;}
}

