@charset "UTF-8";
/**
 *
 * @authors Your Name (you@example.org)
 * @date    2016-10-25 09:44:57
 * @version $Id$
 */
iframe{ position:fixed; }
*, :before, :after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, figure, form, fieldset, legend, input, textarea, button, p, blockquote, th, td, pre, xmp { 		  	margin: 0; 
	padding: 0; 
}
ul, ol, menu{ 
	list-style: none; 
}
b, i{ 
	font-style: normal; 
	font-weight: normal; 
}
fieldset, img{ 
	border: 0; 
	vertical-align: middle; 
}
img {
    display: block;
    max-width: 100%;
    height: auto;
}
input, textarea, button { 
	outline: 0 none; 
	line-height: inherit; 
	font-family: inherit; 
    -webkit-appearance: none;
}
textarea { 
	resize: none; 
}
button::-moz-focus-inner, input::-moz-focus-inner {
	padding: 0;
	border: 0;
}
h1, h2, h3, h4, h5, h6 { 
	font-weight: normal; 
}
em{ 
	font-weight: normal; 
	font-style: normal; 
}
table { 
	border-collapse: collapse; 
	border-spacing: 0; 
}
a { 
	cursor: pointer; 
	text-decoration: none; 
	color: #3d3d3d;
	display: block;
}
a:hover { 
	text-decoration: none; 
}
html{
  overflow-x: hidden;
}
body { 
	font-size: 0.2rem; 
	line-height: 0.24rem; 
	background: #f8f8f8; 
	font-family: Arial; 
  overflow-x: hidden;
}

.clearfix:after { content: "\200B"; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
.fl { float: left; }
.fr { float: right; }
.wrapper{padding:0 .25rem;}
.fixed{position: fixed;bottom:0;left:0;z-index: 10;}
.main{background: #fff;min-height: 9rem;}
.in-sub-nav .on{color:#d91b04;}
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?bvkskr');
  src:  url('../fonts/icomoon.eot?bvkskr#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?bvkskr') format('truetype'),
    url('../fonts/icomoon.woff?bvkskr') format('woff'),
    url('../fonts/icomoon.svg?bvkskr#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-user:before {
  content: "\e901";
}
.icon-home:before {
  content: "\e900";
}
.icon-phone:before {
  content: "\e942";
}
.icon-envelop:before {
  content: "\e945";
}
.icon-location2:before {
  content: "\e948";
}
.icon-printer:before {
  content: "\e954";
}
.icon-bubbles:before {
  content: "\e96c";
}
.icon-search:before {
  content: "\e986";
}
.icon-menu3:before {
  content: "\e9bf";
}
.icon-share2:before {
  content: "\ea82";
}
.icon-google-plus:before {
  content: "\ea8b";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-youtube:before {
  content: "\ea9d";
}
.icon-skype:before {
  content: "\eac5";
}
.icon-linkedin2:before {
  content: "\eaca";
}
/* header */
.header{padding:0.17rem 0.15rem 0 0.15rem;position: relative;}
.logo img{width: 1.61rem;height: 0.55rem;margin-top: -0.1rem;}
.search{width: 3.5rem;height: .5rem;line-height: .4rem;border:3px solid #eaeaea;position:relative;margin-left:.25rem;border-radius: .2rem;}
#s-field{width: 3rem;height: .4rem;padding:0 .1rem;border:none;background: none;}
#s-button{width: .3rem;height: .4rem;background:none;border:none;cursor:pointer;position:absolute;right:.2rem;top:0; z-index:9;}
.icon-search{width:.18rem;position:absolute;right:.2rem;top:.05rem;z-index:2;text-align:center;line-height:.3rem;color:#333;font-size:.2rem;}
.icon-menu3{width: .43rem;height: .22rem;font-size: .3rem;margin-top: 0.1rem;}
#nav{display:none;position:absolute;left:0;top:0.82rem;width:100%;z-index:99;}
#nav>ul{background:#fff;}
#nav ul li{border-bottom:solid 1px #272727;}
#nav ul li a{display:block;padding:0.1rem 0;position:relative;text-align: left;padding-left: 2.6rem;/* text-align: center; */color:#272727;}
#nav ul li a i{display:inline-block;width: .16rem;height: .16rem;background: #33a8d2;color:#fff;text-align:center;line-height: .16rem;margin-right: .1rem;}
#nav ul li a .in-nav{width: 1rem;text-align:left;}
/* footer */
.footer{width: 100%;height: 1.75rem;}
.icon-skype,.icon-facebook,.icon-linkedin2,.icon-twitter,.icon-google-plus,.icon-youtube{font-size: .24rem;color:#151515;margin-right: .11rem;}
.in-footer-top{width: 100%;height: .85rem;background: rgba(105, 105, 105, 0.9);padding:0.1rem 0 .1rem 0;}
.in-footer-top ul{width: 2.2rem;margin:0 auto;}
.in-footer-top p{font-size: .14rem;color:#d6d5d5;line-height: .18rem;    width: 6rem;
    margin: 0 auto;text-align: center;margin-top: .05rem;}
.in-footer-top p a{display:inline-block;color:#d6d5d5;}
.in-footer-bottom{width: 100%;background: #161616;height: .9rem;font-size: .24rem}
.in-footer-bottom ul{width: 100%;padding:0 .3rem;}
.in-footer-bottom li{width: 25%;text-align: center;padding-top: .18rem;}
.in-footer-bottom li a{color:#d6d5d5;}
/* main-banner */
#slide-box,#gallery-show{position:relative;width:100%;margin-top: 0.15rem;}
#slide-box .in-banner,.in-gallery-show{width:100%;overflow:hidden;}
#slide-box .hd,#gallery-show .hd,#pro-ban .hd{position:absolute;height:0.12rem;left:0; right:0; z-index:1; text-align:center;}
#slide-box .hd li,#gallery-show .hd li,#pro-ban .hd li{display:inline-block; width:0.12rem; height:0.12rem;border-radius:0.06rem;background:#363636;  overflow:hidden; margin:0 0.08rem; text-indent:-9999px;}
#slide-box .hd li.on,#gallery-show .hd .on,#pro-ban .hd .on{background:#d01a04;}
#slide-box .bd li,#gallery-show .bd li,#pro-ban .bd li{position:relative;text-align:center;}
#slide-box .bd li img{vertical-align:top; width:100%;height:auto;}
.hd ul{margin-top: .05rem;}
/* contain */
.product{width: 100%;background:;}
.in-product{padding-top:0.4rem;background: url('../img/bg.jpg') 0 0 repeat;}
.product-title,.company-title,.news-title,.gallery-title{font-size: .3rem;font-weight:bold;text-align: center;color:#3c3c3c;margin-bottom: 0.2rem;line-height: .3rem;}
.in-product ul li{width: 2.83rem;height: 3.18rem;background: #fff;padding:.3rem .2rem .2rem .2rem;    margin: 0 .1rem 0.1rem 0;}
.in-product ul li:first-child{margin-right: 0.1rem;}
.in-product ul li img{width: 2.43rem;height: 1.83rem;}
.in-product ul li P,.in-pro-con ul li p,.recommend ul li p{text-align: center;margin:0.16rem 0 0.14rem 0;font-weight: bold;color:#3d3d3d;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.in-product ul li .btn,.in-pro-con ul li .btn,.recommend ul li .btn{width: 2rem;height: 0.3rem;background: #d91b04;text-align: center;line-height: 0.32rem;border-radius: .2rem;color:#fff;margin:0 auto;}
.about img{width: 100%;height:auto;}
.company-title,.news-title,.gallery-title{margin:.23rem 0 .2rem 0;}
.company-pic{width: 100%;height: 2.06rem;padding:0.08rem;border:1px solid #d4d4d4;}
.company-pic img{width: 5.71rem;height: 1.89rem;}
.company-con,.news-con{margin-top:.13rem;text-align:justify;}
.news-pic img{width: 5.86rem;height: 1.43rem;}
.news-con i{color:#898989;}
.news ul{margin-top:.15rem;}
.news ul li{margin-bottom: .05rem;}
.news ul li p{width: 4.4rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.gallery{margin-bottom: .4rem;}
#gallery-show .bd img{width: 5.86rem;height: 2.18rem;}

/* product */
.sub-nav{width: 100%;height: .42rem;background: #e8e8e8;margin-top: 0.15rem;}
.in-sub-nav i{font-size: .2rem;color:#363636;margin-right: .1rem;}
.in-sub-nav{color:#363636;line-height: .42rem;}
.in-sub-nav a{display: inline-block;}
.pro-con,.pro-con1{background: #fff;}
.pro-con .in-pro-con,.pro-con1 .in-pro-con{padding-top: .3rem;}
.pro-con .in-pro-con ul,.pro-con1 .in-pro-con ul,.recommend ul{margin-right: -.3rem;}
.pro-con .in-pro-con ul li,.pro-con1 .in-pro-con ul li,.recommend ul li{width: 2.71rem;height: 3rem;border:3px solid #d91b04;margin:0 .3rem .5rem 0;padding:.12rem .11rem;}
.pro-con .in-pro-con ul li img,.pro-con1 .in-pro-con ul li img,.recommend ul li img{width: 2.48rem;height: 1.86rem;}
.pro-con .in-pro-con ul li p,.pro-con1 .in-pro-con ul li p,.recommend ul li p{margin:0.14rem 0 0.1rem 0;}
.pro-con .in-pro-con ul li .btn,.pro-con1 .in-pro-con ul li .btn,.recommend ul li .btn{width: 1.9rem;height: .3rem;line-height: .3rem;}
/* product-list */
.pro-con1 .in-pro-con ul li,.recommend ul li{border:0;}
/* product-details */
.pro-con2{background: #fff;}
.pro-banner{padding:.16rem .15rem 0 .15rem;}
#pro-ban{position: relative;margin-bottom: .4rem;}
.in-pro-banner{width: 100%;height: 4.08rem;border:1px solid #d5d5d5;padding:.08rem;}
.in-pro-banner ul li img{width: 5.39rem;height: 3.91rem;margin-bottom: .08rem;}
.in-share .txt{width: 4.9rem;height: .75rem;margin-bottom: .25rem;}
.in-share .txt .ttl{display: block;height: .45rem;font-size: .24rem;font-weight: bold;border-bottom:1px solid #dbdbdb;line-height: .45rem; }
.in-share .txt .ttl i{margin-top: .08rem;}
.in-share .txt .tips{display: block;height: .45rem;color:#858585;line-height: .45rem;}
.in-share .btn a{display: inline-block;width: 2.63rem;height: .48rem;background: #d5180f;color:#fff;font-size: .2rem;text-align: center;line-height: .48rem;border-radius: .05rem;margin-right: .5rem;}
.in-share .btn a i{margin-right: .14rem;}
.discription,.inquiry,.recommend{margin:.4rem 0;}
.discription .in-dis-ttl,.in-inq-ttl,.in-rec-ttl{margin-bottom: 0.2rem; display: block;width: 100%;border-bottom: 1px solid #dbdbdb;height: .38rem;}
.discription .in-dis-ttl i,.in-inq-ttl i,.in-rec-ttl i{display: block;height: .38rem;line-height: .38rem;width:3.5rem;background: #0f1923;color:#fff;font-size: .22rem;font-weight: bold;text-align:center;}
.discription .in-dis-ttl i,.in-inq-ttl i{width: 2rem;}
.in-discription .range{margin:.15rem 0 .25rem 0;}
.range-ttl,.feature-ttl{font-weight: bold;}
.range-con,.feature-con{color:#484848;}
.pro-table{overflow-x:scroll;padding: .2rem .14rem .4rem .14rem;font-size: .16rem;}
table{width: 100%;border: 2px solid #555;}
table th,table td{border:1px solid #555;padding: .1rem .2rem;text-align:center;}
table td{color:#484848;}
table .bold{font-weight: bold;}
.in-inq-tips{margin:.1rem 0 .2rem .04rem; color:#444;font-size: .16rem;}
.in-inquiry form,.in-sub-contact form{padding:0 .25rem 0 .04rem;}
.in-inquiry form input,.in-inquiry form textarea,.in-sub-contact form input,.in-sub-contact form textarea{width: 100%;height: .4rem;border:1px solid #d8d8d8;background: #f6f6f6;margin:.09rem 0 .23rem 0;padding:0 .1rem;line-height:.4rem; }
.in-inquiry form textarea,.in-sub-contact form textarea{height: 1.25rem;}
.in-inquiry form .send,.in-sub-contact form .send{width: 2rem;height: .4rem;background: #d91b04;color:#fff;border-radius:0.05rem;font-size: .2rem;margin-bottom: 0;}
.in-recommend ul{margin-top: .2rem;}

/* about */
.in-about{padding:.35rem .25rem;}
.in-about .in-about-ttl{text-align: center;font-size: .24rem;font-weight: bold;}
.in-about .in-about-subttl{text-align: center;color:#a5a5a5;margin-top: .1rem;}
.in-about-con{border-top:1px solid #717171;margin-top: .14rem;padding-top:.12rem;color:#393939;}
.in-about-con img{width: 100%;height: auto;margin:.25rem 0;}

/* gallery */
.gallery-list{background: #fff;}
.gallery-list ul{padding:.3rem 0;}
.gallery-list ul li{width: 2.76rem;height: 2.78rem;border:1px solid #d0d0d0;padding:.1rem;margin:0 .25rem .3rem 0;}
.gallery-list ul li img{width: 2.58rem;height: 1.93rem;}
.gallery-list ul li p{margin-top: .18rem;}

/* CONTACT */
.in-sub-contact{padding:.3rem .4rem .4rem .4rem;}
.contact-ttl{font-size: .24rem;font-weight: bold;margin-bottom: .3rem;}
.in-sub-contact form input,.in-sub-contact form textarea{width: 5.6rem;}
.in-sub-contact ul{margin-top: .25rem;}
.in-sub-contact ul li{margin-bottom: .2rem;color:#393939;}
.in-sub-contact ul li a{display: inline-block;color:#d91b04;}
.in-sub-contact ul li span{margin-right: .1rem;}

/* faq */
.in-faq ul{padding:.35rem 0;}
.in-faq ul li{width: 5.84rem;height: 2.2rem;padding:.25rem 1rem 0 .4rem;border:1px solid #d2d2d2;margin-bottom: .3rem;}
.in-faq ul li .faq-ttl{font-size: .22rem;color:#343434;}
.in-faq ul li .faq-con{font-size: .2rem;color:#868686;margin: .15rem 0;
overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;}
.in-faq ul li i{display: block;width: 1.2rem;height: .3rem;/* margin-top:.1rem; */background: #d91b04;color:#fff;border-radius: .15rem;line-height: .32rem;text-align: center;}

/* news */
.in-news-detail{padding:.17rem .25rem .4rem .25rem;}
.news-pic{padding:.12rem .2rem;background: #f8f8f8;}
.news-pic .news-pic-l .fl,.news-pic .news-pic-r .fl{margin-right: .05rem;}
.news-pic .news-pic-l .fl li img,.news-pic .news-pic-r .fr li img{width: 1.33rem;height: .66rem;margin-bottom: .03rem;}
.news-pic .news-pic-l .fr li img,.news-pic .news-pic-r .fl li img{width: 1.3rem;height: .99rem;margin-bottom: .06rem;}
.news-txt{margin:.14rem 0 .25rem 0;color:#3c3c3c;font-size: .18rem;}
.news-txt-ttl{font-size: .22rem;}
.news-txt .news-txt-date{color:#9f9f9f;}
.news-list ul li{padding:.19rem .38rem .28rem .23rem;margin-bottom: .1rem;background: #f8f8f8;}
.news-list ul li a .news-list-date{margin-right: .1rem;}
.news-list ul li a i{display: block;width: .72rem;background: #d91b04;text-align: center;color:#fff;}
.news-list ul li a .top{font-size:.3rem;height: .43rem;line-height: .43rem;margin-bottom: .07rem}
.news-list ul li a .bottom{height: .23rem;}
.news-list-con{width: 4.3rem;}
.news-list-con .ttl{font-size: .22rem;margin-bottom: .1rem;}
.news-list-con .txt{color:#3c3c3c;font-size: .18rem;}
/* xiugai */
.sub_main{
  background: #fff;
}
.pic-inline:after { content: "\200B"; display: block; height: 0; clear: both; }
.pic-inline { *zoom:1;}
.pic-inline img{
	display: block;
  width: 98%;
  margin: 0 auto;
}
.newstime{
  text-align: center;
}
.title_01{
  text-align: center;
  font-size: .24rem;
  margin-top: .2rem;
}
.flip{
  font-weight: bold;
  margin-bottom: .2rem;
}
.flip a{
  display: inline;
  width: 5rem;
  font-weight: normal;
  margin-left: .1rem;
}
.font-size01{
  font-size: .24rem;
  display: block;
  margin-top: .2rem;
}

.cm_right{color:#333; line-height: 0.3rem; font-size: 0.2rem;}
.cm_right dl{
	margin-bottom: 0.4rem;
}
.cm_right dt{
	font-size: 0.24rem;
	font-weight: bold;
	text-transform: uppercase;
}
.cm_right dd,.cm_right dt{
	margin-bottom: 0.2rem;
}
.cm_right a{
	display: inline-block;
	color: #333;
}
.cm_right .pic{
	clear:both;
	display: block;
	width: 2rem;
	margin: 0 auto;
}
.cm_right .pic img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.discription img{
	display: inline-block !important;
	max-width: 100%;
	margin: 0 auto;
}