@charset "UTF-8";

body,div,article,section,header,footer,figure,p,time,ul,li,form,input,button,select,table,tr,th,td,h1,h2,h3,dl,dt,dd{
	margin:0;
	padding:0;
	font-family: "微软雅黑",'HelveticaNeue',sans-serif;	
}

body{
	font-size: 1em;
	background-color: #e7e7e7;
	/*background-image: url(../images/bg.jpg);*/
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
}

img{width:100%; padding: 0; margin: 0; border: 0;}
ul,li{list-style:none;}
input,button,input:focus,input:active{ outline:none;-webkit-appearance:none;}
a{outline:none; -moz-outline-style: none; -webkit-outline-style: none;}
a:link,a:visited,a:hover,a:active{text-decoration:none;outline:none;-webkit-appearance:none;}
ul,li{list-style:none;}
input,button{border:0 none;}
input:focus, select:focus, input:active{ outline:none;}
h1,h2,h3{font-weight:normal;}
em{font-style:normal;}

/*文本排列*/
.txtc{text-align:center;}
.txtr{text-align:right;}
.txtl{text-align:left !important;}
.txin_2{text-indent: 2em;}
.txin_2p{ padding-left: 1.5em; padding-bottom: 0; text-indent: -1.5em;}
.pr{position: relative;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{
	content:"";
	display:block;
	clear:both;
	height:0;
	font-size:12px;
}
.white{ color: #fff !important;}

/*边距*/
.mar_t02{margin-top:0.2em;}
.mar_t1{margin-top:1.5em !important;}
.mar_t08{margin-top:0.5em !important;}
.mar_t15{margin-top:1.5em !important;}
.mar_t1e{margin-top:1em;}
.mar_t2{margin-top:2em;}
.mar_t3{margin-top:3em !important;}
.mar_t4{margin-top:4em;}
.mar_t10{margin-top:5em;}
.pad_b4{padding-bottom:1em !important;}
.pad_l15{padding-left:15px;}
.pad_b1{padding-bottom:1em !important;}
.d_none{display: none;}

.roseBox{padding: 9px 9px 64px 9px; }

/*导航*/
footer{ position: fixed; z-index: 9999; bottom: 0; left: 0;width: 100%; height: 55px;  background: #1e1e1e;}
.nav{ height: 55px; background: #1e1e1e url(images/logo.png) center center no-repeat; background-size: auto 60%;}
.nav a{ display: block; width: 55px; height: 55px; text-indent: -100em; background-size: auto 60%; background-position: center; background-repeat: no-repeat;}
.nav a.home{ margin-left:10px; background-image: url(images/nav_icon_01.gif);}
.nav a.more{ margin-left:10px; background-image: url(images/nav_icon_02.gif);}
.nav a.back{ margin-right:10px; background-image: url(images/nav_icon_03.gif);}
.nav a.reset{ margin-right:10px; background-image: url(images/nav_icon_04.gif);}
.openbg{display: none;position:absolute;width:100%;height:145px;background:black;filter:Alpha(opacity=60);opacity:0.6;bottom:55px;left:0;z-index:9998;}
.navlist{display: none;position:absolute;width:100%;height:140px; bottom:55px;left:0;z-index:9999; background: url(images/bg_nav.png) center center no-repeat; background-size: 95% 80%;}
.navlist li{ width: 33.3%; float: left; height: 45px; }
.navlist li a{ display: block; width: 100%; height: 33px; padding: 12px 0 0 0; text-align: center; line-height: 14px; font-size: 1rem; color: #fff;}
.navlist li span{ font-size: 0.6rem; color: #929191;}

/*简介*/
.nlist{ padding: 6px 0 55px 0; background: #353535;}
.nlist li{padding:0 0 6px 0; margin: 0; border: 0;}
.nlist li img{ display: block;}
.PicFrame01 { padding:16px;background: url(images/pic-frame01.jpg) top center no-repeat; background-size:100% 100%;margin:0 auto 20px; width:68%;}
.PicFrame02 { padding:1.65em 1.4em 1.2em;background: url(images/pic-frame02.jpg) center center no-repeat; background-size: contain;margin-bottom: 20px;}
.PicFrame03 { padding:1.4em 1em 1.1em 1em;background: url(images/pic-frame03.jpg) center center no-repeat; background-size: contain;margin-bottom: 20px;line-height: 1.6;text-align: center; color:#333;}

.aboutPic .txt{ position: absolute; top:42%; left: 0; background: #232323; opacity:0.85; padding: 20px 30px 70px; }
.aboutPic .txt p{text-indent: 2em; padding-bottom: 10px; line-height: 2em; font-size: 1rem; color: #adadad; text-align: left; }
.aboutPic2 {background:#dadbdb url(../images/about_con_03.jpg) top center no-repeat; background-size: contain;padding-top: 50em;}
.aboutPic2 .picFrameBox{ margin-top:-50%; padding: 20px 30px 70px;margin-bottom: 10px; }
.aboutPic2 .picFrameBox p{text-indent: 2em; padding-bottom: 10px; line-height: 2em; font-size: 1rem; color: #adadad; text-align: left; }
.BG_gray {background: #dadbdb; } 

/*典藏*/
.tabBox .bd .pros{padding:0 0 1rem 0; }
.tabBox .bd .pros img{ display: block;margin: 0 auto;}
.tabBox .bd .pros .js{ /*width: 554px ; */ width:90%;  height: 277px; margin: 2rem auto 2rem; background: url(images/pro_bg1.png) no-repeat; background-size:contain; }
.tabBox .bd .pros .js h2{ width: 90% ; height:3em; margin: 0 auto; border-bottom: #d1d1d1 solid 1px; line-height:3em; text-align: center; color: #993300; font-size: 1.5rem; font-weight: normal; }
.tabBox .bd .pros .js p{ width: 85% ; margin:0.8em auto 0.5em auto; padding: 0 20px; line-height: 1.5em; text-align: left; color: #666666; font-size: 1.1rem; max-height: 7.5em; overflow-x:none; overflow-y: scroll; display:block;}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
	width: 5px;
	height: 5px;
	background-color: #F5F5F5;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #993300;
}

/*新闻*/
.newsBox{padding: 18px 18px 55px 18px; background: #353535;}
.newspic{}
.newspic img{ display: block;}
.newsBox ul{padding:10px 0 0 0;}
.newsBox ul li{padding:6px; margin: 0 0 10px 0; background: #e5e6e6;}
.newsBox ul li:after{content:"";display:block;clear:both;height:0;font-size:0;}
.newsBox ul li img{ display: block; float: left; width: 184px; height: 118px; border: #fff solid 1px; box-shadow: 0 0 3px #e7e7e7;}
.newsBox ul li p{ float: left; padding:3% 0 0 2%;width:62%;height: 3em;line-height: 1.5; font-size: 1.5rem; color: #666666; overflow:hidden;}
.newstit{height: auto; line-height:1.5; text-align: center;  background: #222222;padding: 0.5em;color: #dddddd;}
.newstit h1{font-size: 1rem; color: #dddddd;}

.newscon{
	padding: 30px;
	line-height: 1.8em;
	text-align: center;
	color: #959595;
	background: #000;
	text-align: justify;
	text-justify: inter-ideograph;
	text-justify:distribute-all-lines;/*ie6-8*/
    text-align-last:justify;/* ie9*/
    -moz-text-align-last:justify;/*ff*/
    -webkit-text-align-last:justify;/*chrome 20+*/
}
.newscon h2{font-size: 1em; font-weight:bold;}
.newscon p{	padding-bottom: 1em;}

/*题词*/
.insBox{padding: 9px 9px 55px 9px; background: #353535;}
.insBox li{padding:0 0 6px 0; margin: 0; border: 0;}
.insBox li img{ display: block;}

/*工艺*/
.propic{padding: 2rem 0; }
.propic p{ width: 313px ; height: 83px; margin: -4rem auto 6rem; position:relative; line-height: 83px; text-align: center; color: #993300; font-size: 1.5rem; background: url(../images/gy_bg.png) no-repeat; background-size: 100% auto; }
.proTit{position: fixed; left: 0; bottom: 55px; width: 100%; padding: 10px 0; background: #222; z-index:1;}
.proTit a{display: inline-block; width: 30%; height: 30px; padding: 10px 0 0 0; text-align: center; line-height: 10px; font-size: 1rem; color: #fff; background: url(../images/nav_line.gif) right center no-repeat;}

.proTit a span{ font-size: 0.4rem; color: #929191;}
.proTit a.nobg{ background: none;}

/*示范店*/
.culBox{padding: 18px 18px 55px 18px;}
.culBox li{padding: 0 0 10px 0;}
.culBox li .culpic{position: relative;}
.culBox li .culpic img{display: block;}
.culBox li .culpic p{ z-index: 1; position: absolute; left: 0; bottom:0; width: 100%; height: 55px; background: #232323; opacity:0.85; }
.culBox li .culpic h2{ z-index: 1; position: absolute; left: 0; bottom:0; width: 100%; height: 55px; line-height: 55px; text-align: center; color: #f1f1f1; font-size: 1.5rem; font-weight: normal; }
.culBox li .culcon{ padding: 15px; font-size: 1rem; line-height: 1.5em; text-align: left; color: #f2f1ef; background: #282828;}

/*视频*/
.videoBox{padding: 18px 18px 55px 18px;}
.videoBox li{padding: 0 0 10px 0;}
.videoBox li .vidpic{position: relative;}
.videoBox li .vidpic img{display: block;}
.videoBox li .vidpic p{ z-index: 1; position: absolute; left: 0; bottom:0; width: 100%; height: 55px; background: #232323; opacity:0.85; }
.videoBox li .vidpic h2{ z-index: 1; position: absolute; left: 0; bottom:0; width: 100%; height: 55px; line-height: 55px; text-align: center; color: #f1f1f1; font-size: 1.5rem; font-weight: normal; }
.videoBox li .vidpic span{ z-index: 1; display: block; position: absolute; right: 20px; bottom: 70px; width: 114px; height: 114px; background: url(../images/vedio_play.png) center center no-repeat; background-size: 100% auto; }

/*门店*/

.storeBox{padding: 9px 9px 44px 9px; }
.storepic img{ display: block; }
.store{background: #232323;opacity:0.85; padding: 10px 0;}
.store table{ width: 98%; margin: 0 auto; border-spacing: 0;}
.store table td, .store table th{ line-height: 1.3em; padding: 5px; text-align: left;}
.store table th{color: #c4c4c4; font-size: 0.9rem;}
.store table td{ font-size: 0.8rem; color:#666;}
.store table td span, .store table td a {color: #c4c4c4;}
.store table td.line{ border-top: #666 solid 1px;}

/*联系*/

.contactpic{ position: fixed; right:0; bottom:55px; width: 35%;}
.contactpic img{ display: block;}
.contactspan{ position: fixed; left:0; bottom:65px; width: 80%; padding-left: 10px; font-size: 0.6rem; text-align: left; color: #666666;}
.contacttit{ width: 70%; margin:2rem auto 0; padding: 110px 0 0 125px; height: 55px; text-align: left; font-size: 1.2rem; background: url(../images/contact_logo.png) left top no-repeat; background-size: auto 100%; color: #666666 }
.contactcon{ width: 80%; margin:0 auto 0; text-align: left; font-size: 1rem; color: #666666; line-height: 1.5em; }

@media screen and (min-width:320px) and (max-width:480px){

.roseBox{padding: 9px 9px 44px 9px; }

/*导航*/
footer{ height: 35px;}
.nav{ height: 35px;}
.nav a{ width: 35px; height: 35px;}
.openbg{ bottom:35px; height: 115px;}
.navlist{display: none;position:absolute;width:100%;height:111px; bottom:35px;left:0;z-index:9999; background: url(../images/bg_nav.png) center center no-repeat; background-size: 95% 80%;}
.navlist li{ width: 33.3%; float: left; height: 35px; }
.navlist li a{ display: block; width: 100%; height: 25px; padding: 10px 0 0 0; text-align: center; line-height: 10px; font-size: 0.8rem; color: #fff;}
.navlist li span{ font-size: 0.5rem; color: #929191;}

/*简介*/
.nlist{ padding: 6px 0 35px 0;}
.aboutPic .txt{ padding: 20px 20px 50px; }
.aboutPic .txt p{ padding-bottom: 5px; line-height: 1.8em; font-size: 0.8rem; }
.PicFrame01 { padding:10px;background: url(../images/pic-frame01.jpg) top center no-repeat; background-size:100% 98%;margin:0 auto 10px; width:68%;}
.PicFrame02 { padding:0.7em 0.5em 0.5em 0.5em;background: url(../images/pic-frame02.jpg) center center no-repeat; background-size: contain;margin-bottom: 10px;}
.PicFrame03 { padding:8px;background: url(../images/pic-frame03.jpg) top center no-repeat; background-size: contain;margin-bottom: 10px;line-height: 1.6;text-align: center; color:#333;font-size:0.78em;}

.aboutPic2 {background:#dadbdb url(../images/about_con_03.jpg) top center no-repeat; background-size: contain;padding-top: 22em;}
.aboutPic2 .picFrameBox{ margin-top:-230px; padding: 20px 30px 70px;margin-bottom: 10px;}
.aboutPic2 .picFrameBox p{ padding-bottom: 5px; line-height: 1.8em; font-size: 0.8rem; }


/*典藏*/
.tabBox .bd .pros{padding: 0 0 1rem 0; }
.tabBox .bd .pros .js{ width: 90% ; height: 145px; margin: 0 auto 2rem; background: url(../images/pro_bg1.png) no-repeat; background-size:100% 100%;  }
.tabBox .bd .pros .js h2{ width: 90% ; height: 35px; line-height: 35px; font-size: 1rem; }
.tabBox .bd .pros .js p{ width: 90% ; margin:0.4em auto 0.2em auto; padding:0 1% 0 4%; line-height: 1.5em; font-size: 0.8em; max-height:7.5em;display:block; }

/*新闻*/
.newsBox{padding: 9px 9px 35px 9px;}
.newsBox ul li{margin: 0 0 6px 0;}
.newsBox ul li img{ width: 92px; height: 59px;}
.newsBox ul li p{ padding:3% 0 0 3%;width:64%;height: 3em;line-height: 1.5;font-size: 0.9rem;overflow:hidden; }
.newstit{height: auto; line-height:1.5; font-size: 0.9rem;padding: 0.5em;color: #dddddd;}
.newstit h1{font-size: 1rem; color: #dddddd;}

.newscon{ padding: 15px; line-height: 1.8em; font-size: 0.8rem;}
.newscon h2{font-size: 1em; font-weight:bold;}

/*题词*/
.insBox{padding: 9px 9px 35px 9px; background: #353535;}

/*工艺*/
.proTit{ bottom: 35px;}
.propic{padding: 2rem 0; }
.propic p{ width: 155px ; height: 41px; margin: -3rem auto 6rem;position:relative; line-height: 41px; font-size: 1rem; }

/*示范店*/
.culBox{padding: 9px 9px 35px 9px;}
.culBox li .culpic p{ height: 35px;  }
.culBox li .culpic h2{ height: 35px; line-height: 35px; font-size: 1rem; }
.culBox li .culcon{ padding: 10px; font-size: 0.8rem; }

/*视频*/
.videoBox{padding: 9px 9px 35px 9px;}
.videoBox li .vidpic p{ height: 35px;  }
.videoBox li .vidpic h2{ height: 35px; line-height: 35px; font-size: 1rem; }
.videoBox li .vidpic span{ right: 10px; bottom: 50px; width: 55px; height: 55px; }

/*联系*/
.contactpic{ bottom:35px;}
.contactspan{ bottom:45px; }
.contacttit{ width: 70%; margin:2rem auto 0; padding: 55px 0 0 60px; height: 35px; font-size: 1rem;  }
.contactcon{ font-size: 0.9rem;}



}


@media screen and (min-width:640px){

.tabBox .bd .pros .js{ width: 554px ;  /*width:90%; */ height: 277px; margin: 0 auto 4rem; background: url(../images/pro_bg1.png) no-repeat; background-size:100% auto; }
.aboutPic .txt {
	position: absolute;
	left: 0;
	background: #232323;
	opacity: 0.85;
	padding: 20px 30px 70px;
	top: 42%;
	height:auto;
}

}

.content{
	font-size: 15px;
	line-height: 28px;
	color: #C2C2C2;
	height: auto;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding: 5%;
	margin-bottom: 60px;
}

.content img{
	display: table;
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

.content_top{
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.content_top img{
	display: table;
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
.content_bt{
	font-size: 17px;
	line-height: 50px;
	color: #CCC;
	background-color: #333333;
	height: auto;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 5%;
	padding-left: 5%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #474747;
}
.tichi{
	height: auto;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding: 5%;
	background-color: #FFF;
}
.tichi img{
	background-color: #CCCCCC;
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.tichi_bt{
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	font-size: 14px;
	line-height: 30px;
	color: #666;
	text-align: center;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
DIV.green-black {
	MARGIN: 5px;
	TEXT-ALIGN: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 35px;
	padding: 5px;
	border-radius: 5px;
}
DIV.green-black A {
	PADDING-RIGHT: 8px;
	PADDING-LEFT: 8px;
	PADDING-BOTTOM: 4px;
	COLOR: #333333;
	MARGIN-RIGHT: 4px;
	PADDING-TOP: 4px;
	TEXT-DECORATION: none;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	border-radius: 5px;
}
DIV.green-black A:hover {
	COLOR: #FFFFFF;
	background-color: #B0B0B0;
	font-family: Arial, Helvetica, sans-serif;
	border-radius: 5px;
}
DIV.green-black A:active {
	COLOR: #fff;
	background-color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	border-radius: 5px;
}
DIV.green-black SPAN.current {
	PADDING-RIGHT: 8px;
	PADDING-LEFT: 8px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 4px;
	COLOR: #fff;
	MARGIN-RIGHT: 4px;
	PADDING-TOP: 4px;
	background-color: #FFFFFF;
	border-radius: 5px;
}
DIV.green-black SPAN.disabled {
	PADDING-RIGHT: 8px;
	PADDING-LEFT: 8px;
	PADDING-BOTTOM: 4px;
	COLOR: #ccc;
	MARGIN-RIGHT: 4px;
	PADDING-TOP: 4px;
	border: 1px double #E6E6E6;
	border-radius: 5px;
	background-color: #FFF;
}
#list{
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	display: table;
}
#list ul{

}
#list li{
	height: auto;
	width: 90%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CFCFCF;
	display: table;
	margin-right: auto;
	margin-left: auto;
	font-size: 15px;
	line-height: 35px;
	color: #333;
	padding-top: 10px;
	padding-bottom: 10px;
}

#list li a{
	color: #333;	
}
#list li span{
	color: #666;
}
.show_news_bt{
	height: auto;
	width: 90%;
	font-size: 22px;
	line-height: 30px;
	color: #333333;
	margin-right: auto;
	margin-left: auto;
	display: table;
	text-align: center;
	margin-top: 10px;
	padding-top: 20px;
	font-weight: bold;
}
.show_time{
	height: auto;
	width: 95%;
	font-size: 14px;
	line-height: 35px;
	color: #999;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #EAEAEA;
	text-align: center;
}
.dhjh{
	height: 40px;
	width: 25%;
	float: left;
	text-align: center;
}
.dhjh a{
	height: 40px;
	width: 100%;
	font-size: 14px;
	line-height: 40px;
	color: #FFF;
	display: block;
	text-decoration: none;
	text-align: center;
	background-color: #003e99;
	}
	
.content1{
	font-size: 17px;
	line-height: 32px;
	color: #333;
	height: auto;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding: 5%;
	margin-bottom: 60px;
}

.content1 img{
	display: table;
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}