﻿@charset "utf-8"; 
/* CSS Document */
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {	margin:0;padding:0;	border:0;font:inherit;vertical-align:baseline;word-wrap:break-word}
table {border-collapse:collapse;border-spacing:0}
button, input, select, textarea {outline:0;-webkit-box-sizing:border-box}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
li, ol, ul {list-style:none}
blockquote, q {quotes:none}
blockquote:after, blockquote:before, q:after, q:before {content:'';	content:none}
b, strong {font-weight:700}
img {max-width:100%;vertical-align:top;border:0;-ms-interpolation-mode:bicubic;-webkit-touch-callout:none}
:focus {outline:0}
a {	color:#333;text-decoration:none;}
a.active {color:#06c}

/*html {font-size:62.5%}
@media only screen and (min-width:481px) {
	html {font-size:94%!important}
}

@media only screen and (min-width:561px) {
	html {font-size:109%!important}
}

@media only screen and (min-width:641px) {
	html {font-size:125%!important}
	body {max-width:640px}
}*/
body {background:#fff;max-width:750px; font-family:'STHeiti','Microsoft YaHei',Helvetica,Arial,sans-serif;min-width:320px;margin:0 auto;position:relative
}
input {outline:0;-webkit-box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-appearance:none
}
input:focus, textarea:focus {outline:0;border:1px solid #f60}

.w50{ width: 50%; }
/* 定义浮动 */ 
.fl {
	float: left!important;
	display: inline
}

.fr {
	float: right!important;
	display: inline
}

/*清除浮动*/
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;/*IE/7/6*/}
#container{margin:0 auto;overflow:hidden; padding-bottom:.93rem;transition: all 0.3s; font-size: .28rem; position: relative;}
body{ background: #F3F3F3; }
.mainbox{  }
.mainboxbg{ position:fixed; height:100%; width:100%; background-color:#000; top:0; display:none; z-index:9;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
/*nav*/
.nav{width:40%; height:100%;position: fixed;right:-40%; padding-top:8%; display:none; top:0; z-index:10; background:url(../img/navbg.png) #BB0B13 left repeat-y;}
.nav li{text-align:center; margin:0 .1rem;  }
.nav li a{display:block;width:100%; font-size:.28rem;color:#fff;padding:5% 0;border-bottom:1px solid #3d830a;}
.nav li a:hover{ color:#fff;}
/*header*/
#header{ text-align:center;color:#fff; background-color:#BB0B13; font-weight:normal; vertical-align:middle; text-align:center;position:relative; text-align:left; height: 1.1rem; overflow: hidden;}
#header #logo{display:inline; float:left;overflow:hidden; padding-left: 0.2rem;vertical-align:middle; /*padding-top: .13rem;*/ width: 6rem;}
#header #logo img{/*width: 3.39rem;height: .62rem;*/    width: 80%;}
#header .submenu{ display:inline; float: right;width:1.1rem;height:1.1rem;line-height:1.1rem; text-align: center;font-size:0.5rem; color: #fff;}
#header .title{ display: inline; float: left; white-space: nowrap; overflow: hidden;height:1.1rem;line-height:1.1rem; width: 5.5rem;  font-size: .34rem; text-align: center; color: #fff;}
#header .back_btn{ width: .9rem; color: #fff;  font-size: .4rem; text-align: center;line-height:1.1rem; display: inline; float: left; }

/* banner */
.slideBox{ position:relative;min-width:320px;overflow:hidden;/* 设置焦点图最大宽度 */}
.slideBox .hd{ position:absolute; height:0.06rem; line-height:normal; bottom:0.16rem; z-index:5; text-align:center; width:100%; left:0;}
.slideBox .hd ul{height:0.06rem;}
.slideBox .hd li{ display:inline-block; width:0.06rem; background-color:#fff; height:0.06rem; -webkit-border-radius:0.03rem; -moz-border-radius:0.03rem; border-radius:0.03rem; text-indent:-9999px; overflow:hidden; margin:0 0.04rem; line-height: normal; vertical-align: top;}
.slideBox .hd li.on{ background-color:#ffd222; width:0.1rem;}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{ vertical-align:top; width:100%; height:auto;/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */	
.cpboxn{background-size:100% auto;}
/*企业简介*/
.us-box{ overflow: hidden; padding:.2rem; background: #fff;}
.us-tu{ width:2.97rem; height:2.82rem; margin-right:.2rem; display: inline; float:left;}
.us-tu img{width:2.97rem; height:2.82rem;}
.us-cc{ width:3.9rem; height:2.82rem; float:left;}
.us-tit{background:url(../img/ustitbg.png) bottom no-repeat;font-size:.3rem; font-weight: bold; color: #BB0B13; margin-top:.11rem;}
.us-tit h3{ padding: .1rem .1rem 0 .1rem; display: inline; float: left; height: .63rem; background: #fff;}
.us-tit h3 span{font-size:.22rem; font-weight:normal; display: block;}
.us-tit .pic_icon{ width: .6rem; height: .73rem; display: inline; float: left;background:url(../img/about.png) no-repeat; background-size: 100%;}
.us-wz{ margin-top:.15rem; color:#727272;overflow:hidden; font-size: .28rem; height: 1.82rem;}
/*产品中心*/
.brand_title{padding: .1rem 0; height: .73rem; margin-top: 10px; font-size: .42rem; color: #BB0B13;text-align: center; background: url(../img/lien.png) center .24rem no-repeat; font-weight: normal; line-height: .3rem; overflow: hidden;background-size:100% auto;}
.brand_title span{ display: block;  color: #666; font-size: .26rem; margin-top: .15rem;text-transform: uppercase;}
.brand_list{overflow: hidden;text-align: center; padding: .1rem .2rem .1rem .17rem; display: flex;flex-wrap: wrap; flex-direction:row; justify-content: center;}
.brand_list li{width: 50%; height:.5rem;line-height: .5rem; box-sizing: border-box; overflow: hidden; margin-top: 10px;}
.brand_list li a{ display: block; height: .5rem;background: #919191; border-radius:.25rem;color: #fff; font-size:.26rem; margin-left:3px; padding:0 .1rem; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.brand_list li a:hover,.brand_list li.cur a{ background: #BB0B13;text-decoration: none;}
/*产品列表*/
.cplist{padding: .1rem .1rem 0 0rem; overflow: hidden; }
.cplist li{ width: 50%; display: inline; float: left;text-align: center;margin-top: .1rem;}
.cplist li a{ display: block;height: 3.56rem;margin-left:.1rem; background: #fff;overflow: hidden;}
.cplist li a .cp_pic{margin: .2rem; height: 2.67rem; display:table; margin: 0 auto; overflow: hidden; margin-top: .14rem; }
.cplist li a .cp_pic span{ display:table-cell; vertical-align:middle; height:100%; width:100%;}
.cplist li a .cp_pic img{max-width:3.22rem; max-height: 2.67rem;vertical-align:middle}
.cplist li a p{ font-weight: normal; font-size: .28rem; border:1px solid #f4f4f4;border-left: 0; border-right: 0; color: #333; margin: 0 .2rem;overflow: hidden; 
	height:1rem;align-items:center;height: .52rem; line-height: .52rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.itembox{margin: 0 .2rem;}
.boxitemb{ background: #fff; padding: .2rem 0;margin-top: .1rem; }
.caselistindex{padding: .1rem .1rem 0 0rem; overflow: hidden; }
.caselistindex li{ width: 50%; display: inline; float: left;text-align: center;margin-top: .1rem;}
.caselistindex li a{ display: block;margin-left:.1rem; overflow: hidden;}
.caselistindex li a .cp_pic{height: 2.64rem; display:table; width: 100%; overflow: hidden;}
.caselistindex li a .cp_pic span{ display:table-cell; vertical-align:middle; height:100%; width:100%;}
.caselistindex li a .cp_pic img{width:3.6rem; height: 2.64rem;vertical-align:middle}
.caselistindex li a p{ font-weight: normal;margin: 0; margin-top: .06rem; font-size: .28rem; background: #f4f4f4; border-left: 0; border-right: 0; color: #333;overflow: hidden; 
	height:1rem;align-items:center;height: .52rem; padding: 0 .2rem; line-height: .52rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.tt_title{ height: 36px; border-bottom: 1px solid #eee; line-height:36px; position: relative;}
.tt_title h3{ display: inline; float: left; position: relative; height: 37px; line-height: 37px; font-size: 12px; font-size: 16px; color: #333; position: relative; font-weight: normal;}
.tt_title h3 span.linel{ position: absolute; left: 0; height: 2px; width: 65px; left: 0; bottom: 0px;overflow: hidden; background: #464646; margin: 0; }
.tt_title span{ font-size: 12px;margin-left: 5px; color: #555; }
/*newslist*/
.newslist{ padding:.2rem; }
.newslist li a{ background: url(../img/sj.gif) 3px center no-repeat; padding-left: .2rem;  display: block; height: .6rem; font-size: .28rem; line-height:.6rem;border-bottom: 1px dotted #dedede; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}

/*aboutinofo*/
.nyimgbox{ overflow:hidden; }
.content .itembox{ background: #fff;margin: 0;}
.content .itembox ul{ padding-left: .2rem;margin-left: .2rem; }
.content .itembox ul li{list-style: disc; color: #666;}
.content .itembox .tt_title{ margin-bottom: 10px; }
.content .itembox .tt_title span.linel{ background: #fd0000; }

.imore,.back{display:block;width:36%;margin:2% auto;overflow:hidden;border-radius:0.3rem;background:#BB0B13;text-align:center;color:#fff; font-size:0.22rem; line-height:0.4rem; clear:both}

/*家庭影院*/
.ldlsit{margin: 0 .2rem; padding-top: .2rem;}
.ldlsit li{ padding: .2rem; overflow: hidden; position: relative;margin-bottom: .2rem; background: #fff;}
.ldlsit .ldinfo{ color: #555; padding-top: .2rem;}
.ldlsit .ldinfo h3,.ttn{ font-size: .42rem; color: #333; }
.ldlsit .ldinfo h3 span,.ttn span{ color: #ff0000 }
.xian{ display: block; height: 1px; font-size: 1px; line-height: normal; overflow: hidden; width: 25px; overflow: hidden; background: #333; margin-top: .2rem;margin-bottom: .1rem;}
.ldlsit  .lddesc{ font-size: .28rem; }
/*联系我们*/
.kflist{ overflow: hidden; }
.kflist li{text-align: left; }
.kflist li .item{ padding:.2rem .6rem; border-bottom: dotted 1px #eee; }
.kflist li h3{ font-weight: normal; font-size: .32rem;margin-bottom: 5px; }
.kflist li p{ font-size: 12px;margin: 0; color: #666; line-height: 20px; }
.kflist li.first .item{ border-left: 0; }

.caselist{ overflow: hidden; padding: .2rem; padding-top: 0; }
.caselist li{ margin-top: .2rem; background: #fff;padding: .2rem; text-align: center;}
.caselist li img{ width: 100%; }
.caselist li h3{margin-top: .16rem; font-size: .36rem;}
.caselist li p{margin-top: .1rem; font-size: .26rem;}

/*产品详情*/
.nyheaderp{ position: absolute;width: 100%; padding: 0 15px; box-sizing: border-box; left: 0; top: 10px; z-index: 9; height: 47px;color: #fff;}
.nyheaderp a,.nyheaderp .submenu{ height: 42px; width: 42px;line-height: 42px; display: inline;background: rgba(0,0,0,0.6); border-radius:22px;text-align: center;}
.nyheaderp a{ float: left; color: #fff;}
.nyheaderp .submenu{ float: right; }
.nycpbox{ position: relative; overflow: hidden; background: #fff; }

.nycpbox li{ width: 7.5rem;height: 6.22rem; display: flex; align-items: center; width: 100%!important;}
.nycpbox li img{max-width: 7.5rem; max-height: 6.22rem;text-align: center;margin: 0 auto; position: relative;overflow: hidden;}

.nycpboxicon{ position: absolute;left: 0;width: 100%;text-align: center; bottom: 5px; height: 20px; z-index: 12; line-height: normal;overflow: hidden; font-size: 1px;}
.nycpboxicon span{ margin: 0 2px; }
.nycpboxicon span.swiper-pagination-bullet-active{ background: #ff9911; }

/*在线咨询*/
.telboxi{ margin-top: .2rem;   }
.telboxi a{color: #fff;font-size: .36rem; padding: .15rem 0;text-align: center;background: #BB0B13; display: block; border-radius: .35rem}
.tabmenu{ overflow: hidden;border-top:8px solid #fff; }
.tabmenu li{ display: inline; float: left;width: 33.33%; height: .7rem;line-height: .7rem; text-align: center}
.tabmenu li span{ display: block; height: .7rem; background: #333; margin-left: 3px; color: #fff;}
.tabmenu li.active span{ background: #E40000 }
.tabmenu li:nth-child(1) span{margin-left: 0;}
.hua_kh_con{display: none;}

/*footer*/
#footer{padding:.15rem 0;text-align:center; color:#848484; font-size:.24rem; }
#footer a{ margin:0 5px;}
#footer p{margin: 0;}
.foc{overflow:hidden;z-index:8; bottom:0; background:rgba(51,51,51,0.8);position:fixed; width:100%;min-width:320px; max-width:750px; margin:0 auto;  height:.86rem;}
.foc li{width:25%;text-align:center; color:#fff; text-align:center; float:left; overflow:hidden; cursor:pointer;}
.foc li a{ display:block; position:relative;color:#fff; overflow:hidden;}
.foc li a span{ display:block; height:.48rem; line-height:.48rem; font-size:.44rem; padding-top: 4px; overflow: hidden;}
.foc li p{font-size:.22rem;margin: 0; line-height: normal; vertical-align: top;}
.foc li a:hover{text-decoration:none;}
.foc li.last{ background:none;}
.foc li a span.btfl{ font-size: .42rem; }
.foc li a span.bthome{ font-size: .42rem } 

/*content*/
.content{ margin-top: .1rem;margin-bottom: 0; padding: .2rem ;overflow: hidden;text-align: left; font-size: .28rem!important; line-height: 160%; background: #fff;}
.content table{ width:100%!important}
.content table td{ padding:5px 10px;}
.content h1{font-size: .32rem;font-weight: normal;text-align: center;color: #000;border-bottom:1px solid #eee;margin-bottom: 10px;padding: 0.2rem;}
.content img,.contentct img{max-width:100%; text-align: center;}



.page{ text-align:center; padding:10px 0; padding-top:15px;font-size: .14rem}
.page a{padding:5px 20px; margin:0 5px;border-radius:4px; display:inline-block; border:1px solid #e2e2e2; background-color:#fff; font-size: .2rem}


.loginbox input,select{ width:100%; border-radius:4px; border:1px solid #f2f2f2; padding:5px 0px; text-indent:5px; color:#333; margin-top:10px;}
.loginbox input.login{ background-color:#4C9418; color:#fff; padding:0; height:36px; line-height:36px; border-radius:20px; cursor:pointer; border:0 none;margin-top:15px; text-indent:0;}
.loginbox2 input{border:1px solid #dedede;}
.loginbox a.regest,.loginbox input.regest{ display:block;padding:0;border:0 none; font-size:12px; background-color:#8cc21b; color:#fff; text-align:center; height:36px; line-height:36px;margin-top:10px; border-radius:20px; cursor:pointer}
.text_qs2{ width: 100%;height: 150px;  border-radius:4px; border:1px solid #f2f2f2; padding:5px 0px; box-sizing: border-box;margin-top:10px; font-size:14px; padding:10px;}
/*分页样式*/
.pglist {
	padding: 25px 0;
	float: left;
	width: 100%;
	line-height: 34px;
	text-align: center;
}
.pglist a {
	color: #fff;
	padding: 0 12px;
	margin: 0 5px;
font-/weight: bold;
	background: #ea7724;
}
.pglist * {
	display: inline-block;
	_zoom: 1;
	_display: inline;
	vertical-align: middle;
	line-height: 32px;
	height: 32px;
	padding-bottom: 1px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
}
.pglist .hover {
	display: inline-block;
	color: #fff;
	background: #23201d;
}
.pglist a:hover {
	display: inline-block;
	color: #fff;
	background: #23201d;
}
.pglist a.current {
	display: inline-block;
	color: #fff;
	background: #23201d;
}
/*屏蔽uc广告*/
#uc_recommend_ad {
	display: none !important;
}
iframe[src*="ucweb.com"] {
	display: none !important;
}
/*end*/ 
/* pages*/
.fanye {margin: 15px 0;width: 100%;line-height: 34px;text-align: center;color: #fff;}
.fanye a {color: #fff;padding: 0 11px;margin: 0 5px;font-weight: bold;background:#939393;margin-top:10px;}
.fanye a.fcur {background:#BB0B13;box-shadow: 0px 0px 9px #999;}
.fanye * {display: inline-block;_display: inline;vertical-align: middle;line-height: 28px;/*height: 28px;*/padding-bottom: 1px;}
.fanye a:hover {display: inline-block;color: #fff;background: #BB0B13;box-shadow: 0px 0px 9px #999;}


.xw-dong {
	width: 100%;
	padding-top:14px;
	min-height: 330px;
	overflow: hidden;
	padding-left: 5px
}
.xw-dong ul{ list-style:none; width:96%; margin-left:2%;}
.dong-he {
	width: 530px;
	padding-left: 10px
}
.dong-nei {
	height: 160px;
}
.dong-nei dt {
	width: 210px;
	height: 146px;
	float: left
}
.dong-nei dt a {
	width: 210px;
	height: 146px;
	border: #CCC 1px solid
}
.dong-nei dt a img {
	width: 210px;
	height: 146px;
}
.dong-nei dd {
	float: right;
	width: 300px;
	height: 146px;
	overflow: hidden
}
.dong-nei dd h4 {
	color: #191919;
	font-weight: normal;
	width: 310px;
}
.dong-nei dd h4 a {
	color: #191919;
	font-size: 15px;
	width: 300px;
	text-align: left;
	font-family: "微软雅黑";
}
.dong-nei dd p {
	font-size: 13px;
	color: #333333;
	width: 300px;
	height: 100px;
	line-height: 26px;
	font-family: "微软雅黑";
	margin: 0;
	margin-top: 10px
}
.dong-nei dd .chk1 {
	font-size: 12px;
	color: #da0416;
	width: 350px;
}
.dongxin {
	width: 520px;
	float: left;
	padding-top: 20px
}
.hh {
	margin-left: 20px
}
.dongxin li {
	width: 44%;
	line-height: 30px;
	padding-left: 4%;
	background: url(/skin/images/new-b.png) left center no-repeat;
	text-align:left;
	float:left;
}
.dongxin li a {
	line-height: 30px;
	font-size: 13px;
	color: #333333;
	font-size: "宋体";
	height: 30px;
	overflow: hidden
}
/* 在线留言 */
.bookx {
	width: 90%;
	/*margin: 3% auto;*/
	padding: 3%;
}
.bookx li {
	width: 100%;
	margin-bottom: 5%;
	margin-top:15px;
}

.bookx_input {
	display: block;
	height:35px;
	line-height:35px;
	-webkit-appearance: none;
	border-radius: 0;
	width:100%;
	padding:5px;
}
.bookx_textarea {
	width: 100%;
	height:100px;
	padding:5px;
}
.bookx li .pin_width {
	width: 100%;
}
.bookx li .login_btn {
	width: 100%;
	color: #fff;
	border: 0;
	text-align: center;
	font-size:14px;
	background:#F00;
	box-shadow: none;
	line-height:40px;
}
.bookx input, .bookx textarea {
	
	border: 1px solid #dcdcdc;
	background: #fff;
	color: #333;
font-size:14px;
line-height:25px;
}

.brand-type {
	display: block;
	text-align: center;
	margin-bottom: 3.6%;
}
.brand-type li {
	display: inline-block;
	width: 47%;
	height: 35px;
	margin: 0 1%;
	text-align: center;
	line-height: 35px;
	border-radius: 2px;
	font-size: 14px;
	color: #8d8d8d;
	background-color: #BB0B13;
	cursor: pointer;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	margin-top:10px;
}
.brand-type li a {
	color: #fff;
	display: block;
}