@charset "utf-8";
* {
	border: 0;
	outline: 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	-webkit-user-drag: none;
	margin: 0;
	padding: 0;}
body {
	font-size: 14px;
	color: #666;
	font-family: "Montserrat light","Source Han Sans", PingFangSC-Light, "Helvetica Neue", Helvetica, "Microsoft YaHei","微软雅黑", Arial, Raleway, sans-serif;}
article, aside, footer, header, hgroup, nav, section, audio, canvas, video, img {
	display: block;}
img {
	border: 0}
ul, ol {
	list-style: none}
a {
	text-decoration: none;
	color: #333;}
a:visited {
	/*color: #333;*/}
input, textarea, select {
	font-size: 14px;}
em,i{font-style: normal;}
/* 按钮样式 */
.sub, .btn, .pay_btn {
	display: block;
	width: 100%;
	line-height: 34px;
	border-radius: 5px;
	color: #FFF;
	font-size: 16px;
	text-align: center;
	box-sizing: border-box;
	-webkit-appearance: none;}
.sub, .pay_btn {
	border: solid 1px #cf2323;
	background: -webkit-linear-gradient(top, #c12121, #cf2323);
	color:#FFF;}
.sub[class="sub hover"], .pay_btn[class="sub hover"] {
	background: -webkit-linear-gradient(top, #cf2323, #c12121);}
.btn {
	color: #555;
	border: solid 1px #CCC;
	background: -webkit-linear-gradient(top, #FCFCFC, #F0F0F0);}
.btn[class="btn hover"] {
	background: -webkit-linear-gradient(top, #F0F0F0, #FCFCFC);}
.shop_price {
	color: #cf2323;}
/* 主体 */
.main {
	width: 100%;
	max-width: 720px;
	min-width: 320px;
	margin: 0 auto;
	position: relative;}
.page {
	position: relative;
	width: 100%;
	background-color: #FFF;
	padding-bottom:127px;}
.main .index {
	background: #e7e7e7;}
.main .category_index {
	background: #FFF;}
.main .user_login {
	background: #FFF;}
.main .promotion_bg {
	background: #FFF;}
/*留白*/
.blank {
	height: 10px;
	line-height: 10px;
	clear: both;}
.blank15 {
	height: 15px;
	line-height: 15px;
	clear: both;}
.blank20 {
	height: 20px;
	line-height: 20px;
	clear: both;}
.blank55 {
	height: 55px;
	line-height: 55px;
	clear: both;}
.active { 
	position: relative;
	width: 100%;
	background-color: #FFF;}
/* 100%高度要素 */
html {
	height: 100%;}
body {
	min-height: 100%;
	display: -webkit-box;
	-webkit-box-align: stretch;}
.main {
	min-height: 100%;
	display: -webkit-box;
	-webkit-box-align: stretch;}
.noScroll {
	overflow: hidden;}
/* 头部 */
header {
	width: 100%;
	display: -moz-box;
	display: -webkit-box;
	font-size: 16px;
	background: #fff;
	background-size: 100% auto;}
header a#logo {
	background: url(images/mobile_logo.png) no-repeat 10px center;
	background-size: auto 60%;}
header a#list {
	background: url(images/mobile_icon_1.png) no-repeat center;
	background-size: 50% auto;}
.headLeft{
	height: 50px;
	-webkit-box-flex:1;}
.headLeft a,.headRight a{
	width:100%;
	height:100%;
	display: inline-block;}
.headRight{
	height:50px;
	width:50px;
	display:block;}
/* 幻灯 */
.banner_box {
	position: relative;
	z-index: 1;}
.slide-box {
	position: relative;
	overflow: hidden; /*min-height:100px;*/
	z-index: 1;}
.slide-box .hd {
	position: absolute;
	right: 0px;
	bottom: 15px;
	z-index: 2;
	width: 100%;
	text-align: center;
	display: -webkit-box;
	-webkit-box-pack: center;}
.slide-box .hd ul {
	display: -webkit-box;}
.slide-box .hd li {
	width: 10px;
	height: 10px;
	border-radius: 10px;
	margin: 0 4px;
	overflow: hidden;
	text-indent: -9999px;
	background-color: #FFF;}
.slide-box .hd li.on {
	background-color: #0982e2;}
.slide-box .bd {
	position: relative;
	z-index: 1;}
.slide-box .bd li {
	position: relative;
	text-align: center;
	display: none;}
.slide-box .bd li img {
	vertical-align: top;
	width: 100%;}
.first_classify{
	width:100%;
	padding:20px 0 10px;
	background:#fff;
	display:-webkit-box;}
.first_classify dl{
	width:33.3%;
	-webkit-box-flex:1;}
.first_classify dl dt{
	width:60px;
	height:60px;
	margin:0 auto;}
.first_classify dl dt img{
	width:100%;}
.first_classify dl dd{
	text-align:center;
	height:40px;
	line-height:40px;
	color:#050505;}
.first_goods{
	width:100%;
	display:block;
	overflow:hidden;
	background:#fff;}
.first_goods_name,.first_news_name,.first_brand_name{
	width:100%;
	padding-top:15px;}
.first_goods_name span,.first_news_name span,.first_brand_name span{
	width:100%;
	height:40px;
	line-height:40px;
	display:block;
	text-align:center;
	font-size:18px;
	color:#333;}
.first_goods_name em,.first_news_name em,.first_brand_name em{
	width:50px;
	height:2px;
	margin:0 auto;
	display:block;
	background:#1c83d5;}
.first_goods_deta{
	width:99%;
	margin:0 auto;
	padding-top:30px;
	overflow:hidden;}
.first_goods_deta dl{
	width:47%;
	margin:0 1.5%;
	padding-bottom:10px;
	float:left;}
.first_goods_deta dl dt{
	width:100%;}
.first_goods_deta dl dt img{
	width:100%;}
.first_goods_deta dl dd{
	width:100%;
	height:45px;
	line-height:45px;
	color:#333333;
	text-align:center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.first_goods_more{
	width:100%;
	padding:5px 0 25px;}
.first_goods_more a{
	width:41%;
	height:35px;
	line-height:35px;
	margin:0 auto;
	display:block;
	text-align:center;
	color:#666;
	border:solid 1px #dddddd;}
.first_news{
	width:100%;
	background:#fff;}
.first_news_classify{
	width:100%;
	padding-top:15px;}
.first_news_classify ul{
	width:100%;
	text-align:center;}
.first_news_classify ul li{
	height:28px;
	line-height:28px;
	padding:0 15px;
	margin:0 2px;
	display:inline-block;
	border:solid 1px #dedede;}
.first_news_classify ul li a{
	color:#666;}
.first_news_classify ul li.on{
	background:#1c83d5;
	border:solid 1px #1c83d5;}
.first_news_classify ul li.on a{
	color:#fff;}
.first_news_sort{
	width:100%;
	padding:8px 0;
	display:none;}
.first_news_sort dl{
	width:95%;
	margin:0 auto;
	padding:20px 0;
	border-bottom:solid 1px #e0e0e0;}
.first_news_sort dl a{
	display:-webkit-box;}
.first_news_sort dl dt{
	width:70px;
	height:50px;
	text-align:center;
	background:#e9ecee;
	padding:10px 0;
	display:block;}
.first_news_sort dl dt span{
	width:27px;
	height:30px;
	line-height:30px;
	font-size:22px;
	display:block;
	margin:0 auto;
	overflow:hidden;
	text-indent:-60px;}
.first_news_sort dl dt font{
	width:60px;
	height:20px;
	line-height:20px;
	display:block;
	margin:0 auto;
	overflow:hidden;}
.first_news_sort dl dd{
	-webkit-box-flex:1;
	padding-left:8px;}
.first_news_sort dl dd span{
	width:100%;
	height:25px;
	line-height:25px;
	display:block;
	font-size:16px;
	color:#333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.first_news_sort dl dd font{
	width:100%;
	height:40px;
	line-height:20px;
	font-size:12px;
	color:#888;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.first_news_sort dl.first_news_end{
	border-bottom:none;}
.first_news_more{
	width:100%;
	padding-bottom:25px;}
.first_news_more a{
	width:41%;
	height:35px;
	line-height:35px;
	margin:0 auto;
	display:block;
	text-align:center;
	color:#666;
	border:solid 1px #dddddd;}
.first_video{
	width:100%;
	display:block;}
.first_video iframe{
	width:100%;
	height:100%;}
.first_brand{
	width:100%;
	margin:0 auto;
	background:#fff;}
.first_brand_sort{
	width:98%;
	padding:20px 0;
	margin:0 auto;
	overflow:hidden;}
.first_brand_sort ul li{
	width:31.3%;
	height:50px;
	float:left;
	margin:5px 1%;
	border:solid 1px #e8e8e8;
	box-sizing:border-box;}
.first_brand_sort ul li img{
	width:100%;
	height:48px;}
.first_copyright{
	width:100%;
	height:75px;
	text-align:center;
	z-index: 999;
	position: fixed;
	left: 0px;
	bottom: 52px;
	background:#f4f4f4;
	padding-top:15px;
	box-sizing:border-box;}
.first_copyright p{
	width:90%;
	line-height:25px;
	margin:0 auto;
	color:#333;
	overflow:hidden;}
/* 底部 */
footer{
	width: 100%;
	height: 50px;
	background-color:#1c83d5;
	z-index: 999;
	position: fixed;
	left: 0px;
	bottom: 0px;
	border-top:solid 2px #fff;}
footer ul{
	width: 100%;
	height: 100%;
	display: -webkit-box;
	-webkit-box-flex: 1;}
footer ul li{
	width:25%;
	-webkit-box-flex: 1;
	height: 100%;
	overflow: hidden;
	text-align: center;
	font-size: 12px;}
footer ul li a{
	display: block;
	height: 100%;
	color: #FFF;
	padding-top: 3px;}
footer ul li:hover{
	background:#1677c4;}
footer ul li span{
	display: block;
	width: 25px;
	height: 28px;
	margin: 0 auto;
	background-size: 80% auto;
	background-position: center;
	background-repeat: no-repeat;}
footer ul li:nth-child(1) span{
	background-image: url(images/mobile_icon_5.png);}
footer ul li:nth-child(2) span{
	background-image: url(images/mobile_icon_6.png);}
footer ul li:nth-child(3) span{
	background-image: url(images/mobile_icon_7.png);}
footer ul li:nth-child(4) span{
	background-image: url(images/mobile_icon_8.png);}
/*  产品列表  */
.first_picture{
	width:100%;
	position:relative;}
.first_picture font{
	width:100%;
	display:block;}
.first_picture font img{
	width:100%;}
.first_picture span{
	width:100%;
	height:40px;
	line-height:40px;
	position:absolute;
	top:35px;
	font-size:18px;
	color:#fff;
	display:block;
	text-align:center;}
.first_picture em{
	width:18px;
	height:18px;
	margin-left:-9px;
	position:absolute;
	top:75px;
	left:50%;
	display:block;
	background:url(images/mobile_icon_9.png) no-repeat center;
	background-size:auto 100%;}
.goods_list{
	width:100%;}
.goods_classify{
	width:100%;
	border-top:solid 2px #fff;}
.goods_classify dl dt{
	width:100%;
	height:45px;
	background:#ebebeb;
	display:-webkit-box;}
.goods_classify dl dt span{
	height:45px;
	line-height:45px;
	-webkit-box-flex:1;
	display:block;
	margin-left:2.5%;
	color:#333;}
.goods_classify dl dt font{
	width:15px;
	height:45px;
	display:block;
	margin-right:2.5%;
	background:url(images/mobile_icon_10.png) no-repeat center;
	background-size:100% auto;}
.goods_classify dl dd{
	width:100%;
	padding:12px 0 15px;
	background:#fff;
	display:none;
	position:absolute;
	box-shadow:0px 2px 5px #aaaaaa;}
.goods_classify dl dd span{
	width:95%;
	height:40px;
	line-height:40px;
	margin:0 auto;
	display:block;
	color:#333;}
.goods_deta{
	width:100%;
	margin:0 auto;
	padding:10px 1%;
	background:#fff;
	box-sizing:border-box;
	overflow:hidden;}
.goods_deta dl{
	width:50%;
	padding:5px 1.5%;
	float:left;
	box-sizing:border-box;}
.goods_deta dl dt{
	width:100%;
	height:150px;}
.goods_deta dl dt img{
	margin:0 auto;
	height:100%;}
.goods_deta dl dd{
	width:100%;
	text-align:center;
	height:45px;
	line-height:45px;
	color:#333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.page_table{
	width:100%;
	padding:15px 0 35px;
	text-align:center;
	background:#fff;}
.page_table span{
	height:28px;
	line-height:28px;
	padding:0 10px;
	border:solid 1px #dddddd;
	display: inline-block;}
.page_table span a{
	color:#777;}
.page_table ul{
	display: inline-block;}
.page_table ul li{
	height:28px;
	line-height:28px;
	padding:0 10px;
	border:solid 1px #dddddd;
	display:inline-block;}
.page_table ul li.on{
	background:#0061b0;
	border:solid 1px #0061b0;}
.page_table ul li.on a{
	color:#fff;}
/*  产品详细  */
.goods_deta_top{
	width:100%;
	background:#fff;}
.goods_deta_title{
	width:95%;
	margin:0 auto;
	padding-top:5px;
	overflow:hidden;}
.goods_deta_title span{
	width:100%;
	height:55px;
	line-height:55px;
	display:block;
	font-size:18px;
	color:#333;}
.goods_deta_title p{
	line-height:18px;
	color:#666;}
.goods_deta_title font{
	width:100%;
	height:45px;
	line-height:45px;
	margin:22px 0;
	display:block;
	background:#1c83d5;
	overflow:hidden;
	text-align:center;}
.goods_deta_title font em{
	width:25px;
	height:25px;
	padding:10px 0;
	display: inline-block;
	overflow:hidden;}
.goods_deta_title font em img{
	width:100%;}
.goods_deta_title font i{
	height:45px;
	line-height:45px;
	display: inline-block;
	color:#fff;
	padding-left:5px;
	overflow:hidden;}
.goods_deta_bottom{
	width:100%;
	background:#fff;}
.goods_deta_class{
	width:100%;
	height:39px;
	border-bottom:solid 1px #cccaca;}
.goods_deta_class ul li{
	height:38px;
	line-height:38px;
	padding:0 20px;
	display: inline-block;
	border-top: solid 2px #1c83d5;
	border-right:solid 1px #cccaca;
	background:#fff;}
.goods_deta_content{
	width:95%;
	margin:0 auto;}
.goods_deta_content p{
	padding-top:15px;
	line-height:18px;
	color:#444;}
.goods_deta_content i{
	display:block;
	line-height:18px;
	color:#444;}
.goods_deta_content em{
	width:100%;
	display:block;
	padding-bottom:15px;}
.goods_deta_content img{
	width:100%;}
/*  遮罩  */
#mask{
	display: none;
	position:fixed;
	left: 0px;
	top: 0px;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.2);}
.mask_deta{
	width:61%;
	height: 100%;
	margin-left:39%;
	background:#fff;
	position:relative;}
.mask_close{
	width:20px;
	height:20px;
	position:absolute;
	top:10px;
	left:-25px;}
.mask_close a{
	width:20px;
	height:20px;
	display:block;
	background:url(images/mobile_icon_12.png) no-repeat center;
	background-size:auto 100%;}
.mask_top_nav{
	width:100%;
	display:-webkit-box;}
.mask_top_nav span{
	height:40px;
	line-height:40px;
	width:50%;
	display:block;
	text-align:center;}
.mask_top_nav span a{
	font-weight:bold;
	color:#000;}
.mask_list{
	width:100%;}
.mask_list dl{
	width:100%;
	display:block;
	border-top:solid 1px #ececeb;}
.mask_list dl dt{
	width:100%;
	height:50px;
	display:block;}
.mask_list dl dt span{
	width:8px;
	height:50px;
	float:left;
	margin:0 10px 0 20px;
	background:url(images/mobile_icon_13.png) no-repeat center;
	background-size:100% auto;}
.mask_list dl dt a{
	height:50px;
	line-height:50px;
	float:left;
	color:#666;}
.mask_list dl dd{
	width:100%;
	display: none;}
.mask_list dl dd span{
	width:100%;
	height:30px;
	line-height:30px;
	display:block;
	padding-left:40px;
	box-sizing:border-box;}
.mask_list dl dd span a{
	color:#888;}
.mask_list dl.hover dd{
	display:block;}
/*  公司简介  */
.company{
	width:100%;}
.company_top{
	width:100%;
	background:#fff;
	padding-bottom:25px;}
.company_synopsis{
	width:95%;
	margin:0 auto;
	padding:15px 0 20px;
	border-bottom:solid 1px #d6d6d6;}
.company_synopsis span,.company_point span{
	width:100%;
	height:40px;
	line-height:40px;
	font-size:18px;
	color:#333;
	font-weight:bold;
	display:block;}
.company_synopsis p,.company_point p{
	line-height:22px;}
.company_point{
	width:95%;
	margin:0 auto;
	padding-top:15px;}
.company_point em{
	width:100%;
	display:block;
	padding-top:20px;}
.company_point em img{
	width:100%;}
.company_spot{
	width:95%;
	margin:0 auto;}
.company_spot dl{
	width:100%;
	padding-top:30px;}
.company_spot dl dt{
	height:25px;
	line-height:25px;
	font-size:18px;
	color:#050505;
	padding-bottom:10px;}
.company_spot dl dt span{
	width:25px;
	height:25px;
	color:#fff;
	display:inline-block;
	background:#167cce;
	margin-right:8px;
	text-align:center;}
.company_spot dl dd{
	width:100%;
	line-height:22px;
	color:#666;}
/*  联系我们  */
.contact_us{
	width:100%;
	background:#fff;}
contact_deta{
	width:100%;}
.contact_deta_name{
	width:95%;
	padding-top:6px;
	margin:0 auto;
	text-align:center;}
.contact_deta_name span{
	width:100%;
	height:45px;
	line-height:45px;
	display:block;
	font-size:18px;
	color:#333;
	font-weight:bold;}
.contact_deta_name em{
	width:50px;
	height:1px;
	display:block;
	margin:0 auto;
	background:#cbcbcb;}
.contact_deta_name p{
	line-height:23px;
	color:#888;
	padding:13px 0 20px;}
.contact_deta_sort{
	width:96%;
	margin:0 auto;
	display:-webkit-box;
	-webkit-box-align:center;}
.contact_deta_sort dl{
	width:47%;
	display:block;
	margin:0 1.5% 10px;
	padding:20px 0;
	box-sizing:border-box;}
.contact_deta_sort dl.contact_deta_one{
	background:#eaf1f5;}
.contact_deta_sort dl.contact_deta_two{
	background:#f6f2eb;}
.contact_deta_sort dl.contact_deta_three{
	background:#efedf7;}
.contact_deta_sort dl.contact_deta_four{
	background:#f2edee;}
.contact_deta_sort dl dt{
	width:50px;
	height:50px;
	margin:0 auto;}
.contact_deta_sort dl dt img{
	width:100%;}
.contact_deta_sort dl dd{
	width:100%;
	text-align:center;
	padding-top:5px;}
.contact_deta_sort dl dd span{
	width:100%;
	height:35px;
	line-height:35px;
	display:block;
	font-size:12px;
	color:#333;}
.contact_deta_sort dl dd i{
	width:98%;
	height:40px;
	line-height:20px;
	color:#333;
	display:block;
	font-size:12px;
	margin:0 auto;
	word-wrap:break-word;}
.contact_map{
	width:100%;
	padding-bottom:10px;}
/*  视频展示  */
.video_list{
	width:100%;
	background:#fff;}
.video_list_deta{
	width:98%;
	margin:0 auto;
	padding-top:15px;
	overflow:hidden;}
.video_list_deta dl{
	width:47%;
	float:left;
	margin:0 1.5%;}
.video_list_deta dl dt{
	width:100%;}
.video_list_deta dl dt img{
	width:100%;}
.video_list_deta dd{
	width:100%;
	padding:3px 0 22px;}
.video_list_deta dd span{
	width:100%;
	height:30px;
	line-height:30px;
	display:block;
	color:#333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.video_list_deta dd em{
	width:100%;
	height:25px;
	display:block;}
.video_list_deta dd em a{
	height:23px;
	line-height:23px;
	border:solid 1px #e6e5e5;
	display: inline-block;
	padding:0 10px;
	font-size:12px;
	color:#333;}
/*  视频详细  */
.video_deta{
	width:100%;
	background:#fff;}
.video_deta_top{
	width:100%;
	padding-top:3px;
	border-top:solid 1px #cbcbcb;}
.video_deta_top span{
	width:100%;
	text-align:center;
	height:58px;
	line-height:58px;
	display:block;
	font-size:16px;
	color:#050505;}
.video_deta_top font{
	width:100%;
	height:35px;
	line-height:35px;
	background:#f2f2f2;
	display:block;
	text-align:center;}
.video_deta_top font em{
	padding:0 10px;
	font-size:12px;
	display:inline-block;}
.video_deta_bottom{
	width:95%;
	margin:0 auto;
	padding-top:25px;}
.video_deta_bottom embed{
	width:100%;
	height:auto;}
.video_background{
	width:100%;
	height:100%;
	position:fixed;
	top:50px;
	background:#fff;
	z-index:-1;}
/*  新闻列表  */
.news_trends{
	width:100%;
	background:#fff;}
.news_list{
	width:100%;}
.news_list dl{
	width:95%;
	margin:0 auto;
	padding:16px 0;
	border-bottom:solid 1px #e0e0e0;}
.news_list dl a{
	display:-webkit-box;}
.news_list dl dt{
	width:80px;
	height:80px;
	background:#e9ecee;
	display:block;}
.news_list dl dt span{
	width:28px;
	height:32px;
	line-height:32px;
	font-size:20px;
	padding-top:12px;
	font-weight:bold;
	text-align:center;
	display:block;
	color:#666666;
	margin:0 auto;
	overflow:hidden;
	text-indent:-100px;}
.news_list dl dt font{
	width:70px;
	height:22px;
	line-height:22px;
	text-align:center;
	display:block;
	color:#666666;
	margin:0 auto;
	overflow:hidden;}
.news_list dl dd{
	-webkit-box-flex:1;
	padding-left:10px;}
.news_list dl dd span{
	width:100%;
	height:25px;
	line-height:25px;
	color:#333;
	display:block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.news_list dl dd font{
	width:100%;
	line-height:22px;
	color:#888;
	font-size:12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.news_list dl.news_list_end{
	border-bottom: none;}
/*  新闻详细  */
.news_deta{
	width:95%;
	padding:15px 0 35px;
	margin:0 auto;}
.news_deta em{
	width:100%;}
.news_deta em img{
	width:100%;}
.news_deta font.blank15{
	display:block;}
.news_deta p{
	line-height:20px;
	color:#666;}