@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; text-decoration:none;}
a:active,a:hover{}
abbr[title] {  border-bottom: 1px dotted;}
ol,dl,dt,dd,ul,li{list-style:none}
img{border:0; vertical-align:middle;}
.txtLeft{ text-align:left;}
.txtcenter{ text-align:center;}
.txtRight{ text-align:right;}
/****** Background color ******/
.whiteBg{ background:#fff;}
.bgOrg{ background:#ef4700;}
.bgGary{ background:#f3f3f3;}
.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;}
.f40{ font-size:40px;}
.f48{ font-size:48px;}


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

/****** 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%;}
.greeLine{ border-radius:10px;border:1px solid #53b333;}
.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;} 

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

.wrapper{width: 100%;min-width: 1200px;}
header{}
.top_bg{background: #232323;border-bottom: 1px solid #d5a97d}
.top{width: 1200px;height: 42px;line-height: 42px;margin: auto}
.top p{display: inline-block;background: url(../images/top_p.png) no-repeat left;font-size: 14px;color: #d5a97d;padding-left: 24px;}
.top ul{float: right;font-size: 14px;color: #7f7e7e;}
.top ul a{color: #7f7e7e;margin: 0 4px;transition: .4s;}
.top ul a:hover{color: #d5a97d}

header nav{background: #1f1e1e;}
header nav ul{width: 1200px;margin: auto;}
header nav ul .logo{width: 216px;margin: 0 32px;height: 100px;line-height: 88px;float: left;}
header nav ul li{float: left;width: 115px;height: 100px;line-height: 100px;text-align: center;background: url(../images/navli.png) no-repeat center 18px;transition: .3s;}
header nav ul li:nth-of-type(0n+1) a{background: none}

header nav ul li:nth-of-type(0n+5) a{background: none}
header nav ul li a{font-size: 14px;color: #a6a6a6;display: block;background: url(../images/nava.png) no-repeat left;transition: .4s;}
header nav ul li:hover,header nav ul li.active{background: url(../images/navhover.png) no-repeat center 18px;}
header nav ul li:hover a,header nav ul li.active a{color: #d5a97d;text-decoration: underline;}

/* flexslider */
.flexslider{position:relative;height:604px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:604px;}
.flex-control-nav{position:absolute;bottom:20px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:12px;height:12px;margin:0 8px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:12px;height:12px;line-height:50px;overflow:hidden;background: transparent;cursor:pointer;border-radius: 50%;border: 1px solid #fff}
.flex-control-nav .flex-active{background: #fff;}

/*.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}*/


/*    box1    */
.box1{background: url(../images/box1_02.jpg);}
.box1_content{width: 1000px;margin: auto;background: url(../images/box1_content.gif) repeat-x center 255px;}
.box1_content ul{}
.box1_content ul li{float: left;width: 135px;margin: 50px 57px;cursor: default;background: url(../images/box1_li.png) no-repeat bottom;height: 211.5px;transition: background .4s;}
.box1_content ul li:hover{background: url(../images/box1_lihover.png) no-repeat bottom;}
.box1_content ul li dl{background: url(../images/box1_dl.png) no-repeat bottom;height: 185px;text-align: center;overflow: hidden;}
.box1_content ul li dl dt{font-size: 16px;color: #4b4b4a;padding-top: 70px;margin-bottom: 20px;position: relative;}
.box1_content ul li dl dt i{display: inline-block;width: 100%;position: absolute;top: 0;left: 0;transition: .6s;}
.box1_content ul li dl dd{font-size: 14px;color: #838383;line-height: 20px}
.box1_content ul li dl .box1_dt1 i{background: url(../images/box1_one.png) no-repeat top;height: 54px}
.box1_content ul li dl .box1_dt2 i{background: url(../images/box1_two.png) no-repeat top;height: 52px}
.box1_content ul li dl .box1_dt3 i{background: url(../images/box1_three.png) no-repeat top;height: 51px}
.box1_content ul li dl .box1_dt4 i{background: url(../images/box1_four.png) no-repeat top;height: 50px}

.box1_content ul li:hover dl .box1_dt1 i{background-position: bottom;}
.box1_content ul li:hover dl .box1_dt2 i{background-position: bottom;}
.box1_content ul li:hover dl .box1_dt3 i{background-position: bottom;}
.box1_content ul li:hover dl .box1_dt4 i{background-position: bottom;}

/*.title1{text-align: center;line-height: 38px;height: 66px;overflow: hidden;padding: 40px 0px;background:url(../images/titbj1.png) no-repeat center;font-weight: bold;}
.title1 p{font-size: 30px;color: #42372d;}
.title1 span{font-size: 18px;color: #c30001;display: block;line-height: 40px}

.znav1{margin-bottom: 30px}
.znav1 ul{text-align: center;}
.znav1 ul li{display: inline-block;margin: 10px}
.znav1 ul li a{display: block;padding: 10px 18px;background: #f2f2f2;color: #2a2f30;font-size: 14px;transition: .4s}
.znav1 ul li a:hover{background: #a7292c;color: #fff}

.box1_left{float: left;width: 430px;}
.box1_left .bd{}
.box1_left .bd ul{}
.box1_left .bd ul li{}
.box1_left .bd ul li div{width: 430px;height: 512px;display: table-cell;vertical-align: middle;text-align: center;background: #f2f2f2;overflow: hidden;}
.box1_left .bd ul li div img{max-width: 100%;max-height: 100%;transition: .6s}
.box1_left .bd ul li p{font-size: 18px;color: #2a2f30;height: 30px;line-height: 30px;overflow: hidden;margin-top: 18px;text-align: center;font-weight: bold;background: url(../images/box1_left_bd_p.png) no-repeat 90% center;}
.box1_left .bd ul li:hover img{transform: scale(1.1);}

.box1_left .hd{width: 100%;margin-top: 30px;text-align: center;}
.box1_left .hd ul{}
.box1_left .hd ul li{display: inline-block;width: 12px;height: 12px;border-radius: 50%;background: #e7e7e7;margin: 0 2px;cursor: pointer;}
.box1_left .hd ul li.on{background: #e60012}*/


.box1_right{width: 570px;float: right;}
.box1_right_content{}
.box1_right_content ul{}
.box1_right_content ul li{float: left;width: 46%;margin: 0 0 4% 4%;}
.box1_right_content ul li div{background: #f2f2f2;height: 260px;line-height: 260px;text-align: center;overflow: hidden;}
.box1_right_content ul li div img{max-width: 100%;max-height: 100%;transition: .6s}
.box1_right_content ul li p{height: 30px;line-height: 30px;text-align: center;color: #2a2f30;font-size: 14px}
.box1_right_content ul li:hover img{transform: scale(1.1);}

.guanggao{width: 1000px;margin: 10px auto;}





/*    box2    */
.box2{background: url(../images/box2.png) no-repeat top;position: relative;transform-style: preserve-3d;
  perspective: 500;}
.box2_content{width: 1100px;margin: auto;padding-top: 50px}
.box2_content_left{float: left;width: 52%;box-sizing: border-box;padding: 6% 0 0 6%;background: url(../images/box2_left.png) no-repeat left top;}
.box2_content_left h5{font-size: 28px;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: 14px;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{float: right;border: 1px solid #cbcacb;padding: 15px;margin-top: 55px}



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


/*	 box4	*/
.box4{background: url(../images/box4_06.jpg)}
.box4_content{width: 1200px;margin: auto;padding: 70px 0 80px 0}
.index_pro{position: relative;}
.index_pro .bd{margin: auto;overflow: hidden;}
.index_pro .prev{position: absolute;top: 165px;left: -27px;display: inline-block;width: 27px;height: 27px;background: url(../images/prev2.png) no-repeat center;cursor: pointer;z-index: 4}
.index_pro .next{position: absolute;top: 165px;right: -27px;display: inline-block;width: 27px;height: 27px;background: url(../images/next2.png) no-repeat center;cursor: pointer;z-index: 4}
.index_pro ul{}
.index_pro ul li{width: 270px;float: left;margin: 0 15px;position: relative;}
.index_pro ul li a{display: block;}
.index_pro ul li .pic{width: 270px;height: 286px;display: table-cell;vertical-align: middle;text-align: center;overflow: hidden;}
.index_pro ul li .pic img{width: 100%;height: 100%}
.index_pro ul li .fade{width: 270px;height: 0;background: rgba(189,138,57,.5);position: absolute;top: 0;left: 0;transition: .8s}
.index_pro ul li p{width: 270px;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: 70px;position: relative;}
.box4_word_left{width: 578px;height: 363px;float: left;background: url(../images/box4_word_10.jpg) no-repeat center;}
.box4_word_right{width: 500px;float: left;margin-left: 30px}
.box4_word_right h6{font-size: 28px;color: #d5a97d;line-height: 35px;letter-spacing: 4px}
.box4_word_right h5{font-size: 34px;color: #352919;line-height: 45px;letter-spacing: 4px;margin-bottom: 25px}
.box4_word_right p{font-size: 14px;color: #d5a97d;line-height: 26px}
.box4_fudong{position: absolute;background: url(../images/box4_word.png) no-repeat;width: 498px;height: 352px;bottom: -310px;left: 548px;animation: myfirst 3s;animation-timing-function:linear;animation-direction:alternate;animation-iteration-count: infinite;}
@keyframes myfirst{
	0%   {left: 518px}
    /*50%  {left: 630px}*/
    100% {left: 630px}
}


/*	 box5	*/
.box5{margin-top: 250px;background: url(../images/box5.png) repeat-x center 40px;}
.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}

.index_case1{width: 1200px;margin: 40px auto 0 auto;}
.index_case1 ul{}
.index_case1 ul li{float: left;width: 50%;height: 272px}
.index_case1 ul li:nth-of-type(0n+3){height: 396px}
.index_case1 ul li:nth-of-type(0n+4){height: 396px}
.index_case1 ul li img{width: 100%;height: 100%}

.index_case2{width: 1200px;margin: auto;}
.index_case2 ul{}
.index_case2 ul li{float: left;width: 394px;height: 394px}
.index_case2 ul li:nth-of-type(0n+3){float: right;}
.index_case2 ul li img{width: 100%;height: 100%}
.index_case2 ul li.index_case2_li2{padding: 6px 15px;width: 382px;height: 382px}
.index_case2 ul li .index_case2_word{display: table-cell;vertical-align: middle;width: 380px;height: 380px;border: 1px dashed #d9bc8e;}
.index_case2 ul li .index_case2_word .more{display: block;font-size: 14px;color: #a0a0a0;width: 142px;height: 26px;border: 1px solid #a0a0a0;text-align: center;line-height: 26px;margin: 20px auto;transition: .4s}
.index_case2 ul li .index_case2_word .more:hover{background: #a0a0a0;color: #fff}

.index_case3{width: 1200px;margin: auto;}
.index_case3 ul{}
.index_case3 ul li{float: left;width: 50%;height: 272px}
.index_case3 ul li img{width: 100%;height: 100%}

.index_case{}
.index_case ul li{position: relative;}
.index_case ul li .info{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: table;z-index: 2;transition: .6s}
.index_case ul li .info p{display: table-cell;width: 100%;height: 100%;text-align: center;vertical-align: middle;color: #fff;font-size: 16px;line-height: 26px}

.index_case ul li .fade::before,.index_case ul li .fade::after{position: absolute;top: 10px;right: 10px;bottom: 10px;left: 10px;content: '';opacity: 0;-webkit-transition: all .6s; transition: all .6s;-moz-transition: all .6s; }
.index_case ul li .fade::before{border-top: 1px solid #fff;border-bottom: 1px solid #fff; -webkit-transform: scale(0,1);transform: scale(0,1);-moz-transform: scale(0,1);}
.index_case ul li .fade::after{border-right: 1px solid #fff;border-left: 1px solid #fff;-webkit-transform: scale(1,0);transform: scale(1,0);-moz-transform: scale(1,0);}
.index_case ul li:hover .fade::before,.index_case ul li:hover .fade::after,.index_case ul .active .fade::before,.index_case ul .active .fade::after{transform: scale(1);opacity: 1}
.index_case ul li:hover .info,.index_case ul li.active .info{background: rgba(189,138,57,.4)}


/*	 box6	*/
.box6{background: url(../images/box6.png) no-repeat bottom;padding: 50px 0 60px 0}
.index_news{width: 1200px;margin: 25px auto 0 auto}
.index_news ul{}
.index_news ul li{width: 30%;float: left;box-sizing:border-box;border: 1px solid #d2d2d2;margin-left: 5%}
.index_news ul li:nth-of-type(0n+1){margin-left: 0}
.index_news ul li .index_news_tit{height: 48px;line-height: 48px;overflow: hidden;;background: #d2d2d2;padding: 0 10px}
.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: 156px;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;}


/*	 znav	*/
.znav{width: 1200px;margin: auto;position: relative;}
.znav ul{}
.znav ul li{float: left;}
.znav ul li a.tit1{display: block;font-size: 18px;color: #797979;height: 65px;line-height: 65px;padding: 0 49px 0 34px;border-left: 1px solid #dcdcdc;background: url(../images/tit1.png) no-repeat 88% center;transition: .4s;cursor: pointer;}
.znav ul li:nth-of-type(0n+1) a{border-left: none;}
.znav ul li:hover a.tit1,.znav ul li a.active1{background: #e5e5e5 url(../images/tit1.png) no-repeat 88% center}
.znav ul li dl{position: absolute;left: 0;top: 65px;z-index: 1;width: 1200px;background: #e5e5e5;padding: 9px 0;display: none;text-align: center;}
.znav ul li dl dt{float: left;margin: 0 5px 0 10px;font-size: 14px;color: #8e8e8e;height: 32px;line-height: 32px}
.znav ul li dl dd{display: inline-block;}
.znav ul li dl dd a.tit2{padding: 0 40px 0 20px;display: block;height: 32px;line-height: 32px;font-size: 14px;color: #8e8e8e;background: url(../images/tit2_05.jpg) no-repeat 84% center;transition: .4s}
.znav ul li dl dd a.tit2:hover,.znav ul li dl dd a.active2{color: #fff;background: #d5a97d url(../images/tit2_03.gif) no-repeat 84% center;}
.znav ul li dl dd .xinghao{position: absolute;width: 1200px;border: 1px solid #d5a97d;left: 0px;background: #fff;box-sizing: border-box;display: none;text-align: left;}
.znav ul li dl dd .xinghao span{display: inline-block;float: left;font-size: 14px;color: #8e8e8e;margin: 15px 5px 15px 10px;}
.znav ul li dl dd .xinghao a{display: inline-block;font-size: 14px;color: #515151;margin: 15px 5px;transition: .3s}
.znav ul li dl dd .xinghao a:hover,.znav ul li dl dd .xinghao a.active3{color: #d5a97d}


/*~~~~~~~~~~*/
.main_bg{background: #eeeeee;border-top: 1px solid #dcdcdc}
.main{width: 1200px;margin: auto;padding: 30px 0}

.searchBox {
	position: relative;
    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;
}


.product{}
.product ul{}
.product ul li{width: 23.12%;float: left;background: #fff;margin: 1.2% 0 1.2% 2.5%;transition: .5s,linear}
.product ul li:nth-of-type(4n+1){margin-left: 0;clear: both;}
.product ul li div{padding: 0 5%;width: 277.4px;height: 248px;display: table-cell;vertical-align: middle;text-align: center;}
.product ul li div img{max-width: 100%;max-height: 100%}
.product ul li p{height: 50px;line-height: 50px;text-align: center;font-size: 18px;color: #515151;overflow: hidden;border-top: 1px solid #eee}
/*.product ul li:hover{margin-top: 0.6%}*/

.pro_view_bg{border-top: 1px solid #dcdcdc}
.pro_view{width: 1200px;margin: auto;padding: 30px 0;}
.pro_view_left{float: left;width: 604px}
.pro_view_left .bpic{border: 1px solid #eeeeee;width: 602px;height: 420px;line-height: 418px;text-align: center;}
.pro_view_left .bpic ul{width: 100%;height: 100%}
.pro_view_left .bpic ul:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.pro_view_left .bpic ul li{float: left;width: 100%;height: 100%;display: none;}
.pro_view_left .bpic ul li img{max-width: 100%;max-height: 100%}

.spic{margin: 5% 0}
.spic ul{}
.spic ul li{float: left;cursor: pointer;margin: 1%;width: 50px;height: 50px;overflow: hidden;transition: .4s;line-height: 50px;text-align: center;}
.spic ul li img{max-width: 100%;max-height: 100%}
.spic ul li:hover,.spic ul li.on{box-shadow:0 0 10px #666;}


.pro_view_right{width: 560px;float: right;position: relative;height: 422px}
.pro_view_right .pro_title{font-size: 18px;color: #282727;height: 30px;line-height: 30px;border-bottom: 1px solid #bfbfbf}
.pro_view_right .summary{}
.pro_view_right .summary p{font-size: 14px;color: #646464;line-height: 26px;letter-spacing: 1px;margin-top: 20px}
.pro_view_right .summary p b{color: #212121;padding-left: 15px;background: url(../images/summary_b_03.gif) no-repeat left;}

.pro_num_bg{background: #f6f5f5}
.pro_num{width: 1200px;margin: auto;padding: 20px 0}

.title2{border-bottom: 1px solid #bfbfbf;line-height: 40px}
.title2 p{font-size: 18px;color: #505050}


.renovation_bg{position: absolute;width: 100%;right: 0;bottom: 0}
.renovation{}
.renovation ul{}
.renovation ul li{width: 170px;height: 120px;float: left;position: relative;overflow: hidden;margin: 8px}
.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%}
.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: 35px 0 20px 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_bg{background: url(../images/location_03.jpg);}
.location{height: 58px;line-height: 58px;width: 1200px;margin: auto;}
.location p{display: inline-block;font-size: 24px;color: #d5a97d;padding-left: 28px;background: url(../images/loc_03.gif) no-repeat left;}
.znav2{float: right;}
.znav2 ul{}
.znav2 ul li{background: url(../images/locli_06.gif) no-repeat left top;padding: 0px 20px;float: left;margin-top: 22px}
.znav2 ul li:nth-of-type(0n+1){background: none;}
.znav2 ul li a{display: block;color: #929191;font-size: 14px;height: 34px;line-height: 14px;border-bottom: 2px solid transparent;transition: .4s;letter-spacing: 2px;cursor: pointer;}
.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: 35px 0}
.news{}
.news ul{}
.news ul li{padding-bottom: 20px;border-bottom: 1px solid #e5e5e5;height: 295px;margin-top: 20px}
.news ul li .news_bor{width: 1200px;margin: auto;}
.news ul li .news_bor img{width: 388px;height: 295px;float: left;}
.news ul li .news_bor .news_summary{float: right;width: 780px}
.news ul li .news_bor .news_summary h5{font-size: 18px;color: #5d5d5d;letter-spacing: 2px;font-weight: normal;}
.news ul li .news_bor .news_summary p{font-size: 16px;color: #90908f;line-height: 26px;margin: 20px 0;max-height: 78px;overflow: hidden;letter-spacing: 1px}
.news ul li .news_bor .news_summary span{font-size: 16px;color: #90908f;letter-spacing: 1px}
.news ul li .news_bor .news_summary .more{display: block;width: 90px;height: 34px;border: 1px solid #d5a97d;font-size: 14px;color: #90908f;text-align: center;line-height: 34px;border-radius: 10px;margin-top: 60px;transition: .8s,linear;opacity: 0}
.news ul li .news_bor .news_summary .more:hover{background: #d5a97d;color: #fff}
.news ul li:hover .news_bor .news_summary .more{margin-top: 35px;opacity: 1}

.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{width: 1200px;margin: 20px auto;color: #797878;font-size: 14px;line-height: 34px;letter-spacing: 1px}

.prev_next{width: 1200px;margin: 30px 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_bg{background: url(../images/box2.png) no-repeat top;padding: 35px 0}
.page{width: 1200px;margin: auto;line-height: 34px;letter-spacing: 1px;color: #797878;font-size: 14px}


.page_box1{background: url(../images/box2.png) no-repeat top;padding: 35px 0}
.page_box1_content{line-height: 34px;color: #807f7f;letter-spacing: 1px;width: 1200px;margin: auto;font-size: 14px}
.page_box1_content h1{font-size: 18px;color: #555453;letter-spacing: 3px;background: url(../images/page_box1.png) no-repeat center;text-align: center;font-weight: normal;margin-bottom: 15px}
.page_box1_content img{max-width: 100%}


.page_box2{}
.page_tit{height: 349px;background: url(../images/page_box2_02.jpg) no-repeat;position: relative;}
.page_tit p{position: absolute;bottom: 0;left: 50%;margin-left: -600px;width: 1200px;color: #181818;font-size: 18px;box-sizing: border-box;padding-left: 38px;background: rgba(255,255,255,.8) url(../images/loc_03.gif) no-repeat 10px center;height: 56px;line-height: 56px;}
.page_box2_content{line-height: 34px;color: #807f7f;letter-spacing: 1px;width: 1200px;margin: auto;font-size: 14px;padding: 26px 0}

.page_box3{background: #eeeeee}
.honor{width: 1200px;margin: auto;position: relative;}
.honor ul{}
.honor ul li{width: 280px;height: 254px;float: left;margin: 40px 10px;}
.honor ul li div{display: table-cell;vertical-align: middle;text-align: center;width: 278px;height: 222px;border: 1px solid #cdcdcd;background: #fff;}
.honor ul li div img{max-width: 95%;max-height: 95%}
.honor ul li p{height: 0px;line-height: 30px;text-align: center;overflow: hidden;transition: .4s,linear;background: rgba(255,255,255,.8);font-size: 14px;color: #6c6c6c}
.honor ul li:hover p{height: 30px}
.button{position: absolute;right: 40px;top: -47px;z-index: 9;width: 120px}
.button a{width: 50%;display: inline-block;height: 38px;text-align: center;line-height: 34px;box-sizing: border-box;border: 1px solid #8e8b8a;float: left;font-size: 28px;color: #6a6a6a;cursor: pointer;transition: .4s}
.button a:hover{background: #8e8b8a;color: #fff}
.button .prev{border-radius: 16px 0 0 16px}
.button .next{border-radius: 0 16px 16px 0}


.case{}
.case ul{}
.case ul li{width: 268px;position: relative;float: left;margin: 20px 0 20px 42px}
.case ul li:nth-of-type(4n+1){margin-left: 0}
.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: 268px;height: 268px}
.case ul li .pic img{width: 100%;height: 100%}
.case ul li .fade{position: absolute;left: 0;bottom: 0;width: 100%;height: 35px;line-height: 35px;background: rgba(0,0,0,.7);text-align: center;transition: .6s,linear;overflow: hidden;}
.case ul li .fade p{color: #fff;font-size: 16px;letter-spacing: 2px}
.case ul li:hover .fade{height: 100%;line-height: 268px;}


/*~~~~~~注册登录~~~~~*/
.login{background: #f7f7f7;width: 500px;margin: 30px auto;padding: 20px;}
.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{width: 1200px;margin: auto;}
.download li{height: 105px;background-color: #fff;border: 1px solid #fff;overflow: hidden;margin-top: 25px}
.download li:hover{border-color: #666666}
.download li div{float: left;width: 870px;background: url(../images/news_03.gif) top left no-repeat;padding: 20px;}
.download li div h4{font-size: 18px;color: #333333;height: 35px;line-height: 35px;overflow: hidden;}
.download li div h4:hover{text-decoration: underline;}
.download li div p{font-size: 14px;color: #666666;height: 30px;line-height: 30px;overflow: hidden;}
.download li span{float: right;display: block;width: 70px;height: 66px;border-left: 1px solid #cccccc;background: url(../images/download_03.jpg) no-repeat right;margin: 20px 20px 0px 0px}


/* 分页 */
div.yahoo2 {
	text-align: center;padding: 20px 0;margin-top: 10px
}
div.yahoo2 a {
 padding-right: 14px;padding-left: 14px; padding-bottom: 10px; margin: 0 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;
}
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}




/*  底部  */
.gotop{width:40px;height:40px;background:url(../images/gotop.png) no-repeat;position:fixed;right:50px;bottom:50px;_position:absolute;_right:50px;_top:expression(document.documentElement.clientHeight-this.offsetHeight-50+document.documentElement.scrollTop);cursor:pointer;display:none;}
footer{background: url(../images/footer_02.jpg);}
footer nav{padding: 15px 0;border-bottom: 1px solid #a0a0a0}
footer nav ul{width: 1200px;margin: auto;}
footer nav ul li{float: left;width: 171px;height: 20px;line-height: 20px;text-align: center;background: url(../images/navli.png) no-repeat center 18px;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;background: url(../images/nava.png) no-repeat left;transition: .4s;}
footer nav ul li a:hover{color: #d5a97d;}

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

.fword{padding-bottom: 25px}
.fword p{line-height: 30px;color: #b7b7b7;font-size: 14px;text-align: center;}

.bottom{width: 100%;height: 50px;line-height: 50px;background: #fff}
.bottom p{font-size: 14px;color: #2d2d2d;width: 1000px;margin: auto;}
.bottom p a{color: #2d2d2d}
.bottom p a:hover{text-decoration: underline;}