@charset "utf-8";
/* CSS Document */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,pre,th,td,dl,dd,form,fieldset,legend,article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
  display: block;
}
a { background-color: transparent; color:#a7a7a7; text-decoration:none;}
/*a:active,a:hover { color:#fbb158;}*/
abbr[title] {  border-bottom: 1px dotted;}
ol,dl,dt,dd,ul,li{list-style:none}
img{border:0; vertical-align:middle;}
.fl{ float:left;}
.fr{ float:right;}

.txtLeft{ text-align: left;}
.txtcenter{ text-align:center;}
.txtRight{ text-align:right;}
/****** Background color ******/
.whiteBg{ background:#fff;}
.bgOrg{ background:#ef4700;}
.bgGray{ background:#f7f7f7;}
.bgBlack{ background:#000;}
.bgRed{ background:#ce2027; box-shadow:0 2px 3px #2b2b2b;}
.bg029fcd{ background:#029fcd;}
.bg7d4d75{ background:#7d4d75;}
.bgE9{ background:#e9e9e9;}
/****** Text indent ******/
.t0em{ text-indent:0em;}
.t2em{text-indent:2em;}

/****** Font Size ******/
.f12{ font-size:12px;}
.f14{ font-size:14px;}
.f15{ font-size:15px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.f22{ font-size:22px;}
.f24{ font-size:24px;}
.f26{ font-size:26px;}
.f28{ font-size:28px;}
.f30{ font-size:30px;}
.f32{ font-size:32px;}
.f36{ font-size:36px;}
.f48{ font-size:48px;}


/****** Font Color *****/
.fBlue{ color:#2278c4;}
.fRed{ color:#ce2027;}
.fOrange{ color:#d89c54;}
.fWhite{ color:#fff;}
.fGray{ color:#999;}

/****** font Attribute ******/
.fB{font-weight: bold;}
.fN{ font-weight:normal;}
.fI{font-style: italic;}
.fsN{ font-style:normal;}
.u{ text-decoration:underline;}
.v-aTop{ vertical-align:top;}
.txtUpp{text-transform: uppercase;}

/* margin padding */
.mR15{ margin-right:15px;}
.mB0{margin-bottom:0;}
.mB5{margin-bottom:5px;}
.mB10{margin-bottom:10px;}
.mB15{margin-bottom:15px;}
.mB20{margin-bottom:20px;}
.bdn{ border:none;}
.pad10{ padding:10px;}
.pad15{ padding:15px;}
.pad20{ padding:20px;}
.padB20{ padding-bottom:20px;}
.padT5{ padding-top:5px;}
.padT10{ padding-top:10px;}
.padT15{ padding-top:15px;}
.padT20{ padding-top:20px;}
.padL10{ padding-left:10px;}
.padL{ padding-left:100px;}

.lh150{ line-height:150%;}
.clear{clear: both;}
.clearer{clear:both; font-size:1px; width:100%; height:1px; visibility: hidden;overflow:hidden}
/* Clear Fix */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{display:inline-block; }
/* Hide from IE Mac \*/
.clearfix{display:block;}
/* End hide from IE Mac */
/* end of clearfix */
.hide {    display:none;}
.block {    display:block;}
.dis{display:block;} 
.undis{display:none;} 
.rrl{ border-left:4px solid #ce2027; text-indent:.5em; line-height:90%; padding:2px 0;}
.bbd1c{ border-bottom:1px dashed #ccc;}



body{ font-size:12px;font-family:'Microsoft YaHei', \5FAE\8F6F\96C5\9ED1; line-height:150%;color: #a7a7a7}

.wrapper{min-width: 320px;max-width: 640px;margin: auto;overflow: hidden;padding-bottom: 12%}

header{}
.logo{padding: 5% 0 2% 12%;background: #1e1e1e}
.logo img{width: 71%}

.nav{}
.nav ul{}
.nav ul li{width: 25%;float: left;border-bottom: 1px solid #d5a97d;border-right: 1px solid #d5a97d;;position: relative;box-sizing: border-box;background: url(../images/navli_03.gif);}
.nav ul li a{display: block;font-size: 1.2em;color: #a6a6a6;text-align: center;padding: 9.5% 0px;transition: .4s}
.nav ul li a:hover,.nav ul li a.active{color: #d5a97d;background: url(../images/nava.png) no-repeat center;text-decoration: underline;}


/*    box1    */
.box1{background: url(../images/box1_06.jpg);background-size: 100%;padding: 18.5% 0;position: relative;}
.box1_content{text-align: center;position: absolute;top: 0;left: 0;width: 100%}
.box1_content ul{}
.box1_content ul li{display: inline-block;;padding: 13% 10%;margin: 2.2%;position: relative;}
.box1_content ul li a{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%}


/*    box2    */
.box2{background: url(../images/box2.png) no-repeat top;padding-top: 4%}
.box2_content{}
.box2_content_left{padding: 6% 2% 0 12%;background: url(../images/box2_left.png) no-repeat left top;background-size: 40%}
.box2_content_left h5{font-size: 1.8em;color: #e6e5e4;line-height: 30px;letter-spacing: 5px;font-weight: normal;}
.box2_content_left h6{font-size: 18px;color: #6a6968;padding-left: 8px;border-left: 2px solid #6a6968;margin: 10px 0 20px 0}
.box2_content_left p{font-size: 0.85em;color: #888787;line-height: 26px;text-indent: 2em;letter-spacing: 2px}
.box2_content_left p a{color: #d5a97d}
.box2_content_left .more{display: block;font-size: 14px;color: #d5a97d;width: 142px;height: 26px;border: 1px solid #a0a0a0;text-align: center;line-height: 26px;margin-top: 18px;transition: .4s}
.box2_content_left .more:hover{border-color: #d5a97d;background: #d5a97d;color: #fff}
.box2_content_right{padding: 3%}
.box2_content_right img{border: 1px solid #cbcacb;padding: 2%;display: block;margin: auto;max-width: 100%;box-sizing: border-box;}

/*	 box3	*/
.box3{margin-top: 1.5%}
.box3_left{width: 50%;float: left;background: url(../images/box3_left_06.jpg) no-repeat;padding: 27.2% 0;background-size: cover}
.box3_right{width: 50%;float: right;background: url(../images/box3_right_07.jpg) no-repeat;padding: 27.2% 0;background-size: cover}



/*	 box4	*/
.box4{background: #140e06}
.box4_content{padding: 4%}
.index_pro{}
.index_pro ul{}
.index_pro ul li{width: 48%;float: left;margin: 2% 0 2% 4%;position: relative;}
.index_pro ul li:nth-of-type(2n+1){margin-left: 0}
.index_pro ul li a{display: block;}
.index_pro ul li .pic{width: 100%;padding: 50.6% 0;overflow: hidden;position: relative;}
.index_pro ul li .pic img{width: 100%;height: 100%;position: absolute;left: 0;top: 0}
.index_pro ul li .fade{width: 100%;height: 0;background: rgba(189,138,57,.5);position: absolute;top: 0;left: 0;transition: .8s}
.index_pro ul li p{color: #bd8a39;text-align: center;font-size: 14px;line-height: 40px;background: #fff;height: 60px;overflow: hidden;transition: .6s;animation-timing-function:linear}
.index_pro ul li span{display: block;width: 100%;height: 22px;line-height: 22px;color: #bd8a39;overflow: hidden;text-align: center;position: absolute;left: 0;bottom: 10px;transition: .6s;animation-timing-function:linear}
.index_pro ul li:hover .fade{height: 286px;}
.index_pro ul li:hover span{bottom: 190px;color: #fff;font-size: 18px}
.index_pro ul li:hover p{line-height: 60px;font-size: 16px}

.box4_word{margin-top: 4%;position: relative;height: auto;overflow: hidden;}
.box4_word_left{width: 52%;padding: 18% 0;float: left;background: url(../images/box4_word_10.jpg) no-repeat center;}
.box4_word_right{width: 46%;position: absolute;top: 00;right: 0}
.box4_word_right h6{font-size: 1.6em;color: #d5a97d;line-height: 30px;letter-spacing: 4px;height: 30px;overflow: hidden;}
.box4_word_right h5{font-size: 1.8em;color: #352919;line-height:30px;letter-spacing: 2px;margin-bottom: 2%;height: 30px;overflow: hidden;}
.box4_word_right p{font-size: 14px;color: #d5a97d;line-height: 26px}



/*	 box6	*/
.box5_tit{text-align: center;line-height: 30px}
.box5_tit p{font-size: 16px;color: #8c8c8c;letter-spacing: 4px}
.box5_tit .sp1{font-size: 16px;color: #bd8a39;display: block;letter-spacing: 2px}
.box5_tit .sp2{font-size: 14px;color: #8c8c8c;display: block;letter-spacing: 3px}
.box5_tit hr{width: 25px;height: 1px;border: none;background: #bd8a39;margin: 0px auto}

.box6{background: url(../images/box6.png) no-repeat bottom;padding: 50px 0 60px 0}
.index_news{margin: 2% auto 0 auto}
.index_news ul{}
.index_news ul li{width: 46%;float: left;box-sizing:border-box;border: 1px solid #d2d2d2;margin: 0 2%}
.index_news ul li .index_news_tit{height: 48px;line-height: 48px;background: #d2d2d2;padding: 0 10px;overflow: hidden;}
.index_news ul li .index_news_tit i{display: inline-block;font-size: 14px;color: #4a4a4a;font-style: normal;float: left;transition: .3s;}
.index_news ul li .index_news_tit h5{display: inline-block;width: 74%;overflow: hidden;font-size: 14px;color: #4a4a4a;margin-left: 10px;transition: .3s;}
.index_news ul li .index_news_tit span{display: inline-block;color: #4a4a4a;float: right;transition: .3s;}

.index_news ul li .index_news_word{padding: 12px}
.index_news ul li .index_news_word p{color: #8a8a8a;line-height: 26px;height: 130px;overflow: hidden;}
.index_news ul li .index_news_word span{display: block;width: 30px;height: 28px;background: #d5a97d url(../images/jiant.png) no-repeat center;cursor: pointer;transition: .6s;text-align: center;line-height: 28px;border: 1px solid #d5a97d;margin-top: 15px;overflow: hidden;animation-timing-function:linear;}
.index_news ul li .index_news_word span i{opacity: 0;color: #6e6e6e;transition: .5s;width: 0;}
.index_news ul li:hover .index_news_word span{width: 80px;border: 1px solid #d5a97d;background: #fff url(../images/jiant.png) no-repeat center;}
.index_news ul li:hover .index_news_word i{opacity: 1;width: 100%}
.index_news ul li:hover .index_news_tit i{color: #ff000c;}
.index_news ul li:hover .index_news_tit h5{color: #c59260;}
.index_news ul li:hover .index_news_tit span{color: #d5a97d;}



.main{padding: 2%;background: #eeeeee}
.product1{}
.product1 ul{}
.product1 ul li{float: left;width: 46%;margin: 2%;}
.product1 ul li div{position: relative;width: 100%;padding: 40% 0;margin: auto;overflow: hidden;}
.product1 ul li div img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: .4s}
.product1 ul li p{font-size: 1em;color: #fff;text-align: center;height: 30px;line-height: 30px;overflow: hidden;}
.product1 ul li:hover div img{transform: scale(1.1);}


.product2{border-radius: 10px;overflow: hidden;padding-bottom: 20px}
.product2 ul{}
.product2 ul li{padding: 10px;margin-top: 15px;background: #1f1917}
.product2 ul li .pic{float: left;width: 26%;position: relative;padding: 12.5% 0}
.product2 ul li .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%}
.product2 ul li h5{float: right;padding: 9.9% 0;font-size: 1.1em;color: #fff;width: 70%;height: 20px;line-height: 20px;overflow: hidden;background: url(../images/jiantou2.png) no-repeat right;transition: .4s}


.product3{border-radius: 10px;overflow: hidden;}
.product3 ul{}
.product3 ul li{padding:2%;;border-bottom: 1px solid #ccc;margin-top: 2%;background: #222}
.product3 ul li img{max-width: 100%}
.product3 ul li h5{padding: 2% 0;font-size: 1.1em;color: #fff;height: 20px;line-height: 20px;overflow: hidden;}
.product3 ul li:hover h5{text-decoration: underline;}

.pro_view {background: #222}
.pro_title{height: 58px;background: url(../images/pro_t_02.jpg) no-repeat center;line-height: 58px;overflow: hidden;}
.pro_title h1{font-size: 1.8em;color: #282727;padding-left: 2.5%}
.pro_summary{padding: 2%}
.pro_summary p{font-size: 14px;color: #646464;line-height: 26px;letter-spacing: 1px;margin-top: 20px}
.pro_summary p b{color: #212121;padding-left: 15px;background: url(../images/summary_b_03.gif) no-repeat left;}

.pro_pic{margin:2% 0;text-align: center;}
.pro_pic img{max-width: 100%}

.renovation_bg{}

.title2{border-bottom: 1px solid #bfbfbf;line-height: 40px}
.title2 p{font-size: 1.2em;color: #505050;padding-left: 1%;}

.renovation{}
.renovation ul{}
.renovation ul li{width: 46%;padding: 18% 0;float: left;position: relative;overflow: hidden;margin: 2%}
.renovation ul li a{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 9}
.renovation ul li a img{display:none}
.renovation ul li .pic{width: 100%;height: 100%;position: absolute;top: 0;left: 0}
.renovation ul li .pic img{width: 100%;height: 100%}
.renovation ul li .fade{position: absolute;top: 0;left: 0;opacity: 0;transition: .4s;background: rgba(0,0,0,.7);width: 100%;height: 100%;text-align: center;}
.renovation ul li .fade i{display: inline-block;width: 35px;height: 35px;text-align: center;line-height: 35px;font-weight: bold;font-size: 20px;color: #fff;font-style: normal;background: #d9bc4a;border-radius: 50%;margin: 16% 0 6% 0;transition: .4s;transform: scale(0,0);}
.renovation ul li .fade p{font-size: 16px;color: #ffffff;line-height: 26px;transition: .8s,linear;margin-top: 50px;height: 52px;overflow: hidden;}
.renovation ul li:hover .fade{opacity: 1}
.renovation ul li:hover .fade i{transform: scale(1,1);}
.renovation ul li:hover .fade p{margin-top: 0;}

.location{padding: 2.5% 1%;background: #fff;border-radius: 10px;margin-bottom: 2%}
.location p{display: inline-block;font-size: 1.3em;color: #d5a97d;padding-left: 1%}
.location .back{display: inline-block;height: 26px;line-height: 26px;width: 22%;text-align: center;background: rgba(213,169,125,.8);border-radius: 5px;color: #fff;float: right;margin-top: -2px;margin-right: 2%}
.znav2{float: right;height: 18px;width: 72%;text-align: right;}
.znav2 ul{}
.znav2 ul li{background: url(../images/locli_06.gif) no-repeat left;display: inline-block;padding: 0 2%}
.znav2 ul li:nth-of-type(0n+1){background: none;}
.znav2 ul li a{display: block;color: #929191;font-size: 0.9em;border-bottom: 2px solid transparent;transition: .4s;letter-spacing: 2px;cursor: pointer;box-sizing: border-box;white-space: nowrap;}
.znav2 ul li a:hover,.znav2 ul li a.active{color: #d5a97d;border-bottom: 2px solid #d5a97d}

.news_box{background: url(../images/box2.png) no-repeat top;padding: 4% 0}
.news{}
.news ul{}
.news ul li{padding:0 2% 2% 2%;border-bottom: 1px solid #e5e5e5;margin-top: 2%;;position: relative;}
.news ul li .news_pic{width: 40%;padding:15% 0;position: relative;}
.news ul li .news_pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%}
.news ul li .news_summary{width: 55%;position: absolute;right: 0;top: 0}
.news ul li .news_summary h5{font-size: 1.3em;color: #5d5d5d;letter-spacing: 2px;font-weight: normal;height: 36px;line-height: 18px}
.news ul li .news_summary p{font-size: 0.95em;color: #90908f;height: 36px;line-height: 18px;margin: 1.5% 0;overflow: hidden;letter-spacing: 1px}
.news ul li .news_summary span{font-size: 0.95em;color: #90908f;letter-spacing: 1px}


.news_title{border-bottom: 1px solid #e5e5e5;padding: 20px 0;text-align: center;line-height: 30px}
.news_title h1{color: #5f5f5f;font-size: 18px;letter-spacing: 2px}
.news_title p{font-size: 14px;color: #a2a2a2;letter-spacing: 1px}

.news_word{margin: 2% auto;color: #797878;font-size: 14px;line-height: 34px;letter-spacing: 1px}
.news_word img{max-width: 100%}

.prev_next{margin: 4% auto;background: #eeeeee}
.prev_next ul{}
.prev_next ul li{float: left;width: 33.33%;font-size: 14px;color: #605e5e;height: 50px;line-height: 50px;box-sizing: border-box;padding: 0 15px;overflow: hidden;}
.prev_next ul li a{color: #605e5e;transition: .4s}
.prev_next ul li a:hover{color: #d5a97d}

.page{line-height: 34px;letter-spacing: 1px;color: #797878;font-size: 0.9em;background: url(../images/box2.png) no-repeat top;padding: 4% 2%}
.page img{max-width: 100%}

.case{}
.case ul{}
.case ul li{width: 31%;position: relative;float: left;margin: 1% 1.16%}
.case ul li a{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 9}
.case ul li a img{display: none}
.case ul li .pic{width: 100%;padding: 52% 0;position: relative;}
.case ul li .pic img{width: 100%;height: 100%;;;position: absolute;top: 0;left: 0}
.case ul li .fade{position: absolute;left: 0;bottom: 0;width: 100%;height: 25px;line-height: 25px;background: rgba(0,0,0,.7);text-align: center;transition: .6s,linear;overflow: hidden;box-sizing: border-box;font-size: 0.9em}
.case ul li .fade p{color: #fff;font-size: 16px;letter-spacing: 2px}
.case ul li:hover .fade{height: 100%;padding-top: 35%}


/*~~~~~~注册登录~~~~~*/
.login{background: #f7f7f7;width: 100%;margin: 30px auto;padding: 20px;box-sizing: border-box;}
.login h3{font-size: 20px;color: #8e2927;line-height: 60px;text-align: center;border-bottom: 1px solid #8e2927;letter-spacing: 2px;}
.login h3 span{display: block;font-size: 14px;color: #8e2927;font-weight: normal;line-height: 20px;text-align: right;}
.login table{width: 100%;margin-top: 20px}
.login table tr{}
.login table tr td{padding: 7px 4px}
.login table tr .td1{width: 35%;padding-left: 20%}
.login table tr .td2{width: 80%;}
.login table tr td input{height: 20px;width: 70%}
.login table button{width: 100px;height: 34px;border: none;outline: none;text-align: center;line-height: 34px;font-size: 14px;color: #fff;background: #999;cursor: pointer;transition: .4s;margin: auto;display: block;}
.login table button:hover{background: #d5a97d}


.download{}
.download li{height: 105px;background-color: #fff;border: 1px solid #fff;overflow: hidden;margin-top: 3%}
.download li:hover{border-color: #666666}
.download li div{padding: 3%;}
.download li div h4{font-size: 1.3em;color: #333333;height: 24px;line-height: 24px;overflow: hidden;}
.download li div h4:hover{text-decoration: underline;}
.download li div p{font-size: 0.95em;color: #666666;height: 24px;line-height: 24px;overflow: hidden;}



/* 分页 */
div.yahoo2 {
	text-align: center;padding: 20px 0;margin-top: 10px
}
div.yahoo2 a {
 padding-right: 14px;padding-left: 14px; padding-bottom: 10px; margin: 3px; padding-top: 10px;  text-decoration: none;border-radius: 5px;background-color: #f9f9f9;color: #939393;font-weight: bold;transition: all .4s;border: 1px solid #e4e4e4;cursor: pointer;display: inline-block;
}
div.yahoo2 a:hover {
 color: #fff;background-color: #d5a97d;
}
div.yahoo2 a.active {
	color: #fff;background-color: #cb252a
}
div.yahoo2 a.prevStop{background: #e4e4e4;color: #fff}
div.yahoo2 a.nextStop{background: #e4e4e4;color: #fff}


div.yahoo2 {
	text-align: center;padding: 20px 0;margin-top: 10px
}
div.yahoo2 a {
 padding-right: 14px;padding-left: 14px; padding-bottom: 10px; margin-right: 3px; padding-top: 10px;  text-decoration: none;border-radius: 5px;background-color: #ededed;color: #939393;font-weight: bold;font-size: 12px
}
div.yahoo2 a:hover {
 color: #fff;background-color: #cb252a;transition: all .4s
}
div.yahoo2 a.active {
	color: #fff;background-color: #cb252a
}





/*  底部  */
footer{background: url(../images/footer_02.jpg);}
footer nav{padding: 15px 0;border-bottom: 1px solid #a0a0a0}
footer nav ul{margin: auto;}
footer nav ul li{float: left;width: 20%;height: 20px;line-height: 20px;text-align: center;transition: .3s;}
footer nav ul li:nth-of-type(0n+1) a{background: none}
footer nav ul li a{font-size: 14px;color: #e3e3e3;display: block;transition: .4s;}
footer nav ul li a:hover{color: #d5a97d;}

.fixed{position: fixed;bottom: 0px;left: 0px;width: 100%;background:#000; opacity:0.8;z-index: 10}
.fixed ul{}
.fixed ul li{ float:left; background:url(../images/line2.gif) repeat-y right top;width:25%;text-align: center;padding-bottom: 10px}
.fixed ul li img{ margin:10px 0;width: 25%}
.fixed ul li a{ display:block;letter-spacing: 4px}
.fixed ul li a span{ font-size:18px; color:#fff;display: block;}

.flogo{padding: 10px 0;text-align: center;}

.fword{padding:0 1% 3% 1%;}
.fword p{line-height: 30px;color: #b7b7b7;font-size: 14px;text-align: center;}

.bottom{width: 100%;line-height: 30px;background: #fff;;;text-align: center;}
.bottom p{font-size: 0.9em;color: #2d2d2d;}
.bottom p a{color: #2d2d2d}
.bottom p a:hover{text-decoration: underline;}

/* 判断 */
@media screen and (max-width:580px){
	.wrapper{padding-bottom: 13.5%}
}	
@media screen and (max-width:470px){
	.wrapper{padding-bottom: 14.5%}
}
@media screen and (max-width:460px){
	.box1_content ul li{margin: 2.2% 2.1%;}
}	
@media screen and (max-width:415px){
	.wrapper{padding-bottom: 15.5%}
}	
@media screen and (max-width:385px){
	.wrapper{padding-bottom: 16.5%}
	.nav ul li a{font-size: 1em}
}	
@media screen and (max-width:360px){
	.wrapper{padding-bottom: 18.5%}
	.box1_content ul li{margin: 2.2% 2.05%;}
}


.searchBox {
	position: relative;
    width: 100%;
    max-width: 294px;
    height: 38px;
    line-height: 38px;
    overflow: hidden;
    margin: 10px auto;
    border: 1px solid #e9e9e9;
    outline: none;
    border-radius: 20px;
    transition: .3s;
}
.searchBox input {
	width: 100%;
	height: 100%;
	padding: 0px 42px 0px 15px;
	border: none;
	outline: none;
	font-size: 14px;
    color: #797979;
	text-overflow: ellipsis;
    white-space: nowrap;
}
.searchBox button {
	position: absolute;
    top: 0px;
    right: 10px;
    width: 30px;
    height: 100%;
    border: none;
    outline: none;
    background: url(../images/nsearchb_03.jpg) no-repeat center;
    cursor: pointer;
}