@charset "utf-8";/* CSS Document */
@font-face {
	font-family:'poppins';
	src: url('fonts/poppins.ttf')  format('truetype');
}
@font-face { 
	font-family:'AlbertaLight';
	src: url('fonts/AlbertaLight.ttf')  format('truetype');
}
@font-face { 
	font-family:'Shonarb';
	src: url('fonts/Shonarb.ttf')  format('truetype');
}
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin: 0;padding: 0;font-size:14px;font-family:"Microsoft Yahei","微软雅黑",Arial;}
html,body{height:100%;} 
img,input,button,a,select,textarea{margin:0;padding:0;resize:none;border:none;outline:none;} 
ol,ul,li{list-style:none;} 
a{ text-decoration:none;}
h1,h2,h3,h4,h5,h6,p,em,i,b,em{font-size:100%;word-wrap:break-word;font-weight:normal;font-style:normal;}
a:active, a:focus{outline:none;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
.Main_Center {width:1200px;height:auto;overflow:hidden;margin:0 auto;}
.ImgBox{display:table-cell; vertical-align:middle; text-align:center;}
.clearfix:before, .clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
input[type=submit],input[type=reset],input[type=button]{cursor:pointer;}



.top, .top2 {background:#fff;z-index:9999;width:100%;left:0;top:0;}
.top{position:static;}
.top .top_box{width:1200px;height:auto;margin:0 auto;}
.top .logo {width:300px;height:auto;overflow:hidden;float:left;}
/**nav**/
.top .top_right{width: 900px;height:90px;float: left;position: relative;}
.top .top_right .topnav {float:right;height: 90px;overflow: hidden;width: 768px;}
.top .top_right .topnav ul{height:auto;display:block;float: right;}

.top .top_right .topnav ul li{height:90px; float:left; font-size:14px; text-align:center; line-height:90px; text-align:center;  position:relative; overflow:hidden;}
.top .top_right .topnav li .a1{position:relative;overflow:hidden;display:block;height: 90px;line-height: 90px;margin:0;font-size:14px; color:#333333;padding:0 20px; }
.top .top_right .topnav ul li a span{display:block; height:90px;}
.top .top_right .topnav ul li .cn{-webkit-transition: 0.6s; -moz-transition: 0.6s; transition: 0.6s; display:block; height:90px;margin-top:0;}
.top .top_right .topnav ul li .en{-webkit-transition: 0.6s; -moz-transition: 0.6s; transition: 0.6s; display:block; height:90px;}
.top .top_right .topnav ul .hover .cn,.top .top_right .topnav ul li:hover .cn{margin-top:-90px;}
.top .top_right .topnav ul .hover .en,.top .top_right .topnav ul li:hover .en{margin-top:0px;color:#634732;}
.top .top_right .topnav ul .hover,.top .top_right .topnav ul li:hover{background:url(../images/navon.png) repeat-x center; z-index:2}

/*search*/
.top .top_right .top_search {float:right; cursor:pointer; margin:30px 15px 30px 5px;width:30px; height:30px; background:url(../images/top_search.png) center center no-repeat; border:none;}
.top .top_right .top_search_l {position:absolute;width:818px; right:50px; top:0; display:none;height:90px; background:#fff; z-index:3;}
.top .top_right .top_search_l .gb {float:left; cursor:pointer; width:50px; height:50px; background:url(../images/head_gb.png) center center no-repeat; background-size:45%; transition:.5s all linear;margin-top:20px;}
.top .top_right .top_search_l input {float:left; margin-left:10px; width:703px; line-height:50px; height:50px; border:none;  font-size:14px;margin-top:20px;}
.top .top_right .top_search_l #search{float:left; cursor:pointer; margin:20px 5px 20px 0;width:50px; height:50px;background:url(../images/top_search.png) center center no-repeat;}

/*lan*/
.top .top_right .lan {float:right;width:50px;height:50px;margin:20px 0; position:relative;}
.top .top_right .lan a{display:block;height:50px;line-height:50px;width:50px;text-align:center;border-radius: 50%;font-size:12px;color:#634732;position:absolute;right:0;top:0px; cursor:pointer;transition: all 1s;}
.top .top_right .lan img{display:block;height:50px;line-height:50px;width:50px;transition: all 1s;}
.top .top_right .lan:hover img{ -webkit-transform:rotate(360deg);transform:rotate(360deg);}
.top .top_right .lan:hover a{color: #dca55b; font-weight:bold;}

/**banner**/
.fullSlide{width:100%;height:auto;background-color:#f6f6f6;}
.fullSlide{width: 100%;height:640px;overflow:hidden;position:relative;margin:0 auto;}
.fullSlide .bd{position:relative; height:100%; z-index:0;}
.fullSlide .bd li{zoom:1; vertical-align:middle;list-style:none; }
.fullSlide .bd li a{display:block;height:640px;}
.fullSlide .bd img{width: 100%; display:block;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom: 0;left:0;height: 35px;line-height: 35px;}
.fullSlide .hd ul {text-align:center; width:100%; padding:0px; margin:0px auto;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width: 11px;height: 11px;margin:0 6px;overflow:hidden;background: #fff;line-height:999px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
.fullSlide .hd ul .on {background: #552302;}
.fullSlide .prev,
.fullSlide .next{position:absolute; top:50%; margin-top:-25px; display:none; width:50px; height:50px;-webkit-transition: all .2s ease-out;transition: all .2s ease-out;}
.fullSlide .next{right:8%;background: url(../images/arrow.png) right center no-repeat;}
.fullSlide .prev{left:8%; background: url(../images/arrow.png) left center no-repeat;}
.fullSlide:hover .prev,.fullSlide .next{display:block;}


/*index-about*/
.index-about{width:100%;height:640px;overflow:hidden;background: url(../images/index_abbg.jpg) center center no-repeat #ebeae6;}
.index-about .aboutInfo{margin:35px auto 35px auto;padding:105px 204px 36px 204px;width:627px;height:429px;background: url(../images/index_abtit.png) center 28px no-repeat #fff;letter-spacing:0.2px; text-align:center; position:relative;}
.index-about .index_aboutimg{display:block;width:1550px;height:640px;position: absolute;left:-257px;top:-35px;z-index:1;}
.index-about .abouttext{ z-index:2; position:relative;height:340px; overflow:hidden;color:#464646;font-size:14px;line-height:32px;}
.index-about .more{margin-top:38px;z-index:2; position:relative;}
.index-about .more a{display:block;line-height:48px;text-align:center;font-size:12px;color:#fff;width:148px;height:48px;background:#dca55b;margin:0 auto;}
.index-about .more a i{content: " ";display: inline-block;width:0;height:0;margin:0 auto;border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-left: 4px solid #fff;margin-right: 10px;}
.index-about .more a:hover i{left:30px;transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}
.index-about .more a:hover{ background:#f3b661;}


/*index-pro*/
.index-pro{width:100%;height:640px;overflow:hidden;background-color:#f8e5ca;}
.index-pro .Probox{width:1200px;height:640px;margin:0 auto; position:relative;}
.index-pro .index_proimg{display:block;width:784px;height:640px;overflow:hidden;background:#fff;position: absolute;left:-360px;top:0;}
.index-pro .index_proimg a{display:block;}
.index-pro .index_proimg img{width:100%;display: block;max-width:784px;max-height:640px;transition: all 1.2s ease-in-out;-moz-transition: all 1.2s ease-in-out;-webkit-transition: all 1.2s ease-in-out;}
.index-pro .index_proimg img:hover{-moz-transform: scale(1.1); -webkit-transform: scale(1.1);transform: scale(1.1);}

.index-pro .ProInfo{width:1136px;height:640px;position: absolute;right:-360px;top:0; background: url(../images/index_probg.jpg) right bottom no-repeat #f8e5ca;}
.index-pro .ProInfo .Protext{height:340px;z-index:3;position: absolute;top:150px;left:-170px; }
.Prolist .ProlistBox{float:left;}
.Prolist .ProlistBox .li_l{overflow:hidden;height:340px;}
.Prolist .ProlistBox .index_tu{display:block;width:340px;height:340px;overflow:hidden;z-index:2;background:#fff;float:left;}
.Prolist .ProlistBox .index_tu a{display:block;}
.Prolist .ProlistBox .index_tu img{width:100%;display: block;max-width:340px;max-height:340px;transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}
.Prolist .ProlistBox .index_tu img:hover{ filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75;}

.Prolist .ProlistBox .li_l .nr{float:left;height:auto;width:355px;overflow:hidden;padding:65px 0 62px 95px ; }
.Prolist .ProlistBox .li_l .title{width:100%;height:30px;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin: 0 0 23px 0;font-size:22px;color:#333333;}
.Prolist .ProlistBox .li_l:hover a{color:#552302;}	
.Prolist .ProlistBox .li_l .jj{width:100%;font-size:16px;color:#333333;height:102px;line-height:34px;overflow:hidden;margin: 0 0 16px 0;}

.Prolist .prev,.Prolist .next{display: block;text-decoration: none;width: 18px;height: 35px;margin-top:155px;float:left;}
.Prolist .prev {background:url(../images/index_prev.png) center center no-repeat;margin-left:95px;margin-right:24px;}
.Prolist .next {background:url(../images/index_next.png) center center no-repeat;}
.Prolist .prev:hover,.Prolist .next:hover { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}

.Prolist .more{cursor:pointer;display:inline-block; font-size:14px;line-height:40px;color:#552302; border-bottom:2px solid #552302;transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}
.Prolist .more:hover{padding-right:60px;color:#dca55b;border-color:#dca55b;}



/*index-case*/
.index-case{width:100%;height:640px;overflow:hidden;}
.index-case .casebox{width:1200px;height:640px;margin:0 auto; position:relative;}
.index-case .caseInfo{z-index:2;width:784px;height:640px;position: absolute;top:0;left:-360px;background: url(../images/index_casebg.jpg) left center no-repeat #43aee1;}
.index-case .caseInfo .casetext{width:360px;height:auto;padding:145px 64px 0 360px;color:#333;font-size:16px;line-height:34px;hieght:374px;overflow:hidden; letter-spacing:0.2px;}
.index-case .ImgBox{z-index:1;display:block;width:1560px;height:640px;overflow:hidden;position: absolute;top:0;right:-360px; background:#fff;text-align:right;}
.index-case .ImgBox img{display: block;max-height:640px;transition: all 3s ease-in-out;-moz-transition: all 3s ease-in-out;-webkit-transition: all 3s ease-in-out;text-align:right;}
.index-case .ImgBox:hover img{-moz-transform: scale(1.1); -webkit-transform: scale(1.1);transform: scale(1.1);}
.index-case .ImgBox a{display:block;text-align:right;position: absolute;top:256px;right:683px;width:130px;height:130px;line-height:20px;/*padding:45px 35px; */border-radius:50%;text-align:center;background:#dca55b;color:#fff;transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}
.index-case .ImgBox:hover a{background:#f3b661;
-webkit-box-shadow: 0px 0px 5px 10px rgba(220, 165, 91, 0.3);
-moz-box-shadow: 0px 0px 5px 10px rgba(220, 165, 91, 0.3);
box-shadow: 0px 0px 5px 10px rgba(220, 165, 91, 0.3);}
.index-case .ImgBox a span{display:inline-block;padding-top:45px;width:56px; text-align:center;margin: 0 auto;}

/*index_title*/
.index_title{ width:1200px; height:48px; overflow:hidden;margin-bottom:24px;}
.index_title .title_left{ width:50%; height:48px; float:left; overflow:hidden; line-height:48px;font-size:16px;color:#333333; font-weight:600;}
.index_title .title_left .en{color:#838383;margin-left:23px;font-weight:300;font-size:13px;font-style:italic;color:#634732;font-family:"微软雅黑";}
.title_img img{margin-bottom: 3px;vertical-align: middle;margin-right:12px;}
.index_title .title_right{ width:50%; height:48px; float:right; overflow:hidden; }
.index_title .title_right a{display:block;line-height:48px;text-align:center;font-size:12px;color:#fff;width:148px;height:48px;float:right;background:#dca55b;position: relative;}
.index_title .title_right a:before {content: " ";display:block;width:0;height:0;margin:0 auto;border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-left: 4px solid #fff;position: absolute;top: 19px;left: 38px;}
.index_title .title_right a:hover:before{left:30px;transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}
.index_title .title_right a:hover{ background:#f3b661;}

/*index-news*/
.index-news{padding-bottom:90px;padding-top:70px;background-color:#f3f2f0;}
.topNews{width:380px;margin-right:32px;float:left;}
.topNews .ImgBox{ width: 100%;overflow: hidden;position: relative;width:380px;max-height:240px;}
.topNews .ImgBox img{ width: 100%;max-width:380px;max-height:240px;}
.topNews .ImgBox .mask {position: absolute;width: 0px;height: 0px;left: 50%;top: 50%;background: url(../images/bg50.png) repeat center;
z-index: 1;transition: all 0.4s;overflow: hidden;}
.topNews:hover  .ImgBox .mask { width: 100%;height: 100%;left: 0;top: 0;}
.topNews .Txt{padding:34px 20px 33px 20px ;background-color:#fff;}
.topNews .Txt .title{ font-size:16px;color:#333333;line-height:20px;height: 20px;overflow: hidden;margin-bottom:15px;}
.topNews .Txt .title .line{width:3px;height:17px;line-height:20px;background:#dca55b;margin-right:10px;display:inline-block;*display:inline;zoom:1;float:left;margin-top:2px;}
.topNews .Txt .preview{font-size:14px;color:#6a6a6a;line-height:24px;height:48px; overflow:hidden;}
.topNews:hover .Txt .title{ color:#dca55b;}

.newsList{float:left;width:788px;}
.newsList .li_l{list-style:none;overflow:hidden;float:left;width:100%;margin-bottom:15px;background-color:#fff;}
.newsList .li_l .number {width:120px;height: 120px;line-height:120px;overflow: hidden;background-color:#dca55b;font-size:64px;color:#fff; text-align:center; float:left;}
.newsList .li_l .Txt {width:590px;height: 80px;overflow: hidden;padding:20px 39px 20px 39px;background-color:#fff;float:left;}
.newsList .li_l .Txt a{display:block;}
.newsList .li_l .title{overflow:hidden;height:28px;white-space:nowrap;text-overflow:ellipsis;font-size:16px;color:#464646;}
.newsList .li_l .preview{overflow:hidden;font-size:14px;color:#909090;line-height:26px;height:52px;}
.newsList .li_l:hover .Txt .title{color:#dca55b;}
.newsList .li_l:hover .number  { background:#e8b063;}
/*
.topNews .ImgBox:before {
    position: absolute;
    content: "";
    width: 0px;height: 0px;left: 50%;top: 50%;
    background: url(../images/bg50.png) repeat center;
    display: block;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}
.topNews:hover .ImgBox:before { width: 100%;height: 100%;left: 0;top: 0;}*/

.foot{background: url(../images/footbg.jpg) center top repeat #3f291a;width:100%;height:auto;padding-top:60px;border-top:1px solid #dca55b;}
.foot .foot_box{width:1200px;margin:0 auto;padding-bottom:52px;}
.foot h1{font-weight:300;font-size:16px;color:#dca55b;line-height:19px;margin-bottom:24px;}
.foot .foot_left{float:left;width:360px;margin-right:40px;}
.foot .foot_center{float:left;width:279px;border-left:1px solid #5d4636;padding-left:80px;color:#c9c9c9;line-height:24px;font-size:14px;margin-right:40px;}
.foot .foot_right{float:left;width:400px;text-align:right;}

.foot .foot_nav ul li{margin-bottom:10px;float:left;width:100px;margin-right:20px;}
.foot .foot_nav ul li .a2{font-size:14px;color:#fff;}
.foot .foot_nav ul li:hover .a2{color:#dca55b;}

.foot .share{float:right;width:180px;padding-left:50px;font-size:12px;padding-bottom:30px;}
.foot .share ul{float:right;}
.foot .share ul li{width:37px;height:37px;float:left;margin-left:10px;}
.foot .share ul li a{overflow: hidden;width: 37px;height:37px;line-height:37px;border-radius:50%;display:block;color:#a0a0a0;background-color:#dedede;position:relative;margin:0;cursor:pointer;padding-top:0em;transition: all 1s;}
.foot .share ul li a.fa-qq{background:url(../images/share_qq.png) center top no-repeat;}
.foot .share ul li a.fa-weibo{background:url(../images/share_weibo.png) center top no-repeat;}
.foot .share ul li a.fa-weixin{background:url(../images/share_weixin.png) center top no-repeat;}
.foot .share ul li:hover a{ -webkit-transform: rotate(360deg);transform: rotate(360deg);  }
.foot .share ul li .li_weixin{display:none;width: 100px;height: 100px;margin-left: -32px;margin-top: -147px;position:absolute;z-index:1;}
.foot .share ul li .li_weixin img{width: 100%;}
.foot .share ul li .li_weixin i{display:block;width:0;height:0;margin:0 auto;border-right: 8px solid transparent;border-left: 8px solid transparent;border-top: 8px solid #fff;}
.foot .share ul li:hover .li_weixin{display:block;}
.foot .bq{background:#332012;color:#5f4b3c;padding: 10px 0 10px 0;font-size:12px;line-height: 30px;text-align:center;}
.foot .bq a{color:#5f4b3c;}
.foot a:hover{color:#552302;}


/****************page start******************/
.banner {width:100%;min-width:1200px;height:340px;overflow:hidden;margin:0 auto;text-align:center;position: relative;}
.banner .Main_center{width:1200px;position: relative;height:340px;margin:0 auto;}
.banner .t1{font-size:40px;font-weight:bold; position:absolute; top:127px; right:115px;color:#fff;}
.banner .t2{font-size:32px;position:absolute; top:180px; right:115px;color:#fff;font-family:'Shonarb';}

.page{width:100%; margin:0 auto;} 
.page_text{font-size:14px;line-height:28px;color:#555555;min-height:400px;padding:60px 0 50px 0;}

.page_nav{margin:0 auto; border-bottom:1px solid #e5e5e5;} 
/*position*/
.position{font-size:12px;color:#464646;float:left; width:364px; height:43px;line-height:43px; overflow:hidden;}
.position a{font-size:12px;color:#464646;padding-left:5px; }
.position a:hover{color:#552302; }
.position span{color:#552302;}
/*menu*/
.page_right{ width:800px; float:right;}
.page_menu{ width:100%; height:auto;}
.page_menu a{font-size:12px;display:inline-block;height:43px;line-height:43px;padding:0 16px;color:#333;text-decoration:none;position:relative;}
.page_menu ul{display:block;float:right;}
.page_menu ul li{float:left;-webkit-transition:.2s ease-in-out .2s;-moz-transition:.2s ease-in-out .2s;transition:.2s ease-in-out .2s;}
.page_menu ul li.on a,.page_menu ul li:hover a{color:#fff; z-index:2;background:#552302;-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;transition:.2s ease-in-out;}


/****************product start******************/
/*.page-product*/
.page-product ul{width:1220px;}
.page-product .li_l{overflow:hidden;float:left;width:285px;margin-right:20px;margin-bottom:38px; background:#f6f6f6;}
.page-product .li_l .ImgBox a{display:block;}
.page-product .li_l .ImgBox{width:285px;height:285px;overflow:hidden;display:block;position:relative;}
.page-product .li_l .ImgBox img{width:100%;overflow: hidden;max-width:285px;max-height:285px;}
.page-product .li_l .title{margin: 16px 20px 12px 20px;line-height:26px;height:52px;font-size:14px;color:#333333;text-transform:uppercase;overflow:hidden;}
.page-product .li_l .title  span{display:block;}
.page-product .li_l:hover .title {color:#552302;}	

.page-product .ImgBox .overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;text-align: center;line-height: 0;opacity: 1;filter: alpha(opacity=100);-webkit-transition: all .3s ease;transition: all .3s ease;}
.page-product .ImgBox .overlay:hover {/* background: url(../images/bg50.png) center center repeat; */}
.page-product .ImgBox .overlay .box-holder {display: table;width: 100%;height: 100%;position: relative}
.page-product .ImgBox .overlay .box-holder:after,.page-product .ImgBox .overlay .box-holder:before {content: '';position: absolute;opacity: 0;filter: alpha(opacity=0)}
.page-product .ImgBox .overlay:hover .box-holder:after {opacity: 1;filter: alpha(opacity=100);-webkit-transform: skew(0);-ms-transform: skew(0); transform: skew(0)}
.page-product .ImgBox .overlay:hover .box-holder:before {top: 15px;opacity: 1; filter: alpha(opacity=100)}
.page-product .ImgBox .overlay .box-holder:after {top: 30px; left: 15px;right: 15px; bottom: 30px; border-top: 1px solid #FFF;border-bottom: 1px solid #FFF;-webkit-transform: skew(-100deg);-ms-transform: skew(-100deg);transform: skew(-100deg);-webkit-transition: all .3s ease;transition: all .3s ease}
.page-product .ImgBox .overlay .box-holder:before {top: 100%;left: 30px;right: 30px; bottom: 15px;border-left: 1px solid #FFF;border-right: 1px solid #FFF;-webkit-transition: all .3s ease .3s;transition: all .3s ease .3s}
.page-product .ImgBox .overlay .box-holder .content-box {display: table-cell;vertical-align: middle;padding-left: 50px;padding-right: 50px;}
.page-product .ImgBox .overlay .box-holder .content-box h4 {font-size: 16px;line-height: 26px;text-transform: capitalize;font-weight: 500;color: #fff;filter: alpha(opacity=0);opacity: 0;margin: 0;}
.page-product .ImgBox .overlay .box-holder .content-box h4 span {margin: 0;}
.page-product .ImgBox .overlay .box-holder .content-box p {margin: 12px 0 0;font-size: 14px;color: #FFF;line-height: 20px;filter: alpha(opacity=0);opacity: 0;height: auto;}
.page-product .ImgBox .overlay:hover .content-box p,.page-product .ImgBox .overlay:hover  .box-holder .content-box h4 {filter: alpha(opacity=100);opacity: 1;transition: all 0.4s;}
/*detail_box */
.page .Main_left .left-pro{width: 100%;padding: 0;}
.page .Main_left .left-pro .ImgBox2{width:450px;height:450px;position:relative;float:left;}
.page .Main_left .left-pro .ImgBox2 a{position:relative;}
.page .Main_left .left-pro .ImgBox2 img{border:1px solid #dfdfdf;}
.page .Main_left .left-pro .ImgBox1{width:80px;float:left;height:450px;padding: 0 0 65px 0;margin-right:32px;}
.page .Main_left  #showArea{overflow: hidden;width:80px;height: 370px;float: left;}
.page .Main_left  #showArea a{display:block;}
.page .Main_left  #showArea ul{width: 80px;}
.page .Main_left  #showArea ul li{cursor:pointer;display:block;width: 80px;height:80px;margin-bottom: 16px;}
.page .Main_left  #showArea ul li a img{max-width: 80px;max-height:80px;}
.page .Main_left  #gotop{cursor:pointer;display:block;margin-bottom: 30px;margin-left:30px;}
.page .Main_left  #gobottom{cursor:pointer;display: inline-block;margin-top: 30px;margin-left:30px;}
.page .Main_left .detail_nr{width:598px;float:left;height:450px;margin-left:40px;}
.page .Main_left .detail_nr .detail_nr_tit{font-size:26px;padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #e5e5e5;line-height: normal;}
.page .Main_left .detail_nr .detail_nr_jj{font-size:16px;line-height:34px;color:#464646;}
.page .page-product  .detail_box .detail_title{height:63px;background:#f8f8f8; position:relative;text-align:center;margin:0 auto;margin-top:10px;}
.page .page-product  .detail_box .detail_title .tt{background:url(../images/product2_tit.png) center center no-repeat; position:absolute;top:-14px;height:103px;line-height:90px;left:0;right:0;font-size:20px;color:#464646;padding:0;font-weight: 600;}
.page .page-product  .detail_box .detail_wz{padding:50px 0 0 0;font-size:16px;line-height:30px;color:#464646;}




/****************news start******************/
.page .page_news .ListInfo{width:1244px;padding-top:13px;line-height:26px;}
.page .page_news .ListInfo .li_l{list-style:none;overflow:hidden;width:578px;height:170px;overflow: hidden;float:left;padding-right:44px;padding-bottom:44px;margin-bottom:32px;border-bottom:1px solid #e5e5e5;}
.page .page_news .ListInfo .li_l .img{float:left;width:269px;height:170px;overflow: hidden; position:relative;}
.page .page_news .ListInfo .li_l .img .ImgBox{width:269px;height:170px;}
.page .page_news .ListInfo .li_l .img img{max-width:269px;max-height:170px;}
.page .page_news .ListInfo .li_l .img .mask {position: absolute;width: 0px;height: 0px;left: 50%;top: 50%;/* background: url(../images/bg50.png) repeat center */;
z-index: 1;transition: all 0.4s;overflow: hidden;}
.page .page_news .ListInfo .li_l:hover .img .mask { width: 100%;height: 100%;left: 0;top: 0;}
.page .page_news .ListInfo .li_l .Txt {float:left;width:292px;height: 170px;padding:0;margin-left:17px;}
.page .page_news .ListInfo .li_l .title{font-size:18px;color:#634732;line-height:50px;height:50px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.page .page_news .ListInfo .li_l .preview{font-size:14px;color:#333;line-height:26px;height:78px; overflow:hidden;margin-bottom:10px;}
.page .page_news .ListInfo .li_l .more{font-size:14px;color:#634732;}
.page .page_news .ListInfo .li_l:hover .title,.page .page_news .ListInfo .li_l:hover .more{color:#dca55b;}
.page .page_news .ListInfo .li_l a{display:block;height:170px;}


/*page_tab*/
.page .page_tab{width:100%;margin: 0 auto;text-align: center;font-size:14px;padding-top:33px;clear: both; color:#333;}
.page .page_tab a{display:inline-block;overflow:hidden; width:100px;height: 37px;margin:0 5px;line-height: 37px;border:1px solid #bfbfbf;vertical-align:middle;text-align:center;
color:#333;}
.page .page_tab .pagination{padding:0 18px;vertical-align: middle;height: 37px;line-height: 37px;}
.page .page_tab a:hover{color:#fff;background:#552302; border-color:#552302;}


/****************case start******************/
.caseBox ul{width:1260px;line-height:26px;}
.caseBox .li_l{overflow:hidden;float:left;width:360px;margin-right:60px;margin-bottom:40px;}
.caseBox .li_l a{display:block;}
.caseBox .li_l .ImgBox{width:360px;height:240px;overflow:hidden;display:block;position:relative;}
.caseBox .li_l .ImgBox img{overflow: hidden;max-width:360px;max-height:240px;}
.caseBox .ImgBox img{-webkit-transition:none !important;-moz-transition:none !important;transition:none !important;}

.caseBox .li_l .portfolio-entry-hover{background: url(../images/black50.png) center center repeat;}
.caseBox .li_l .portfolio-entry-hover .title-wrap .entry-tags a{color:#fff;font-size:16px;}
.caseBox .li_l .portfolio-entry-hover > a{color:#fff;}
.caseBox .li_l .portfolio-entry-hover > a.plus-link{overflow:hidden;}.caseBox .li_l .portfolio-entry-hover > a.plus-link .plus-link-container{position:absolute;border:1px solid rgba(255,255,255,0.1);top:1px;right:1px;bottom:1px;left:1px;}
.caseBox .li_l .portfolio-entry-hover > a.plus-link .plus-link-container .plus-link-out,.caseBox .li_l .portfolio-entry-hover > a.plus-link .plus-link-container .plus-link-come{display:block;position:absolute;width:100%;height:100%;}
.caseBox .li_l .portfolio-entry-hover > a.plus-link .plus-link-container .plus-link-out:before,.caseBox .li_l .portfolio-entry-hover > a.plus-link .plus-link-container .plus-link-out:after{content:"";display:block;position:absolute;top:50%;left:50%;background:#fff;-webkit-transition:margin .2s ease-in-out .2s;-moz-transition:margin .2s ease-in-out .2s;transition:margin .2s ease-in-out .2s;}
.caseBox .li_l .portfolio-entry-hover > a.plus-link .plus-link-container .plus-link-out:before{width:1px;height:30px;margin-left:-0.5px;margin-top:-15px;}
.caseBox .li_l .portfolio-entry-hover > a.plus-link .plus-link-container .plus-link-out:after{width:30px;height:1px;margin-top:-0.5px;margin-left:-15px;}
.caseBox .li_l .portfolio-entry-hover > a.plus-link .plus-link-container .plus-link-come:before,.caseBox .li_l .portfolio-entry-hover > a.plus-link .plus-link-container .plus-link-come:after{content:"";display:block;position:absolute;top:50%;left:50%;background:#fff;-webkit-transition:margin .2s ease-in-out;-moz-transition:margin .2s ease-in-out;transition:margin .2s ease-in-out;}
.caseBox .li_l .portfolio-entry-hover > a.plus-link .plus-link-container .plus-link-come:before{width:1px;height:30px;margin-left:-0.5px;margin-top:32px;}
.caseBox .li_l .portfolio-entry-hover > a.plus-link .plus-link-container .plus-link-come:after{width:30px;height:1px;margin-top:-0.5px;margin-left:-62px;}
.caseBox .li_l .portfolio-entry-hover > a.plus-link:hover .plus-link-container .plus-link-out:before,.caseBox .li_l .portfolio-entry-hover > a.plus-link:hover .plus-link-container .plus-link-out:after{-webkit-transition:margin .2s ease-in-out;-moz-transition:margin .2s ease-in-out;transition:margin .2s ease-in-out;}
.caseBox .li_l .portfolio-entry-hover > a.plus-link:hover .plus-link-container .plus-link-out:before{margin-top:-62px;}
.caseBox .li_l .portfolio-entry-hover > a.plus-link:hover .plus-link-container .plus-link-out:after{margin-left:32px;}
.caseBox .li_l .portfolio-entry-hover > a.plus-link:hover .plus-link-container .plus-link-come:before,.caseBox .li_l .portfolio-entry-hover > a.plus-link:hover .plus-link-container .plus-link-come:after{-webkit-transition:margin .2s ease-in-out .2s;-moz-transition:margin .2s ease-in-out .2s;transition:margin .2s ease-in-out .2s;}
.caseBox .li_l .portfolio-entry-hover > a.plus-link:hover .plus-link-container .plus-link-come:before{margin-top:-15px;}
.caseBox .li_l .portfolio-entry-hover > a.plus-link:hover .plus-link-container .plus-link-come:after{margin-left:-15px;}

.caseBox .li_l .portfolio-entry-hover{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;-moz-opacity:0; -khtml-opacity: 0; opacity: 0; visibility: hidden;-webkit-transition:opacity .3s ease-in-out, top .3s ease-in-out, right .3s ease-in-out, bottom .3s ease-in-out, left .3s ease-in-out;-moz-transition:opacity .3s ease-in-out, top .3s ease-in-out, right .3s ease-in-out, bottom .3s ease-in-out, left .3s ease-in-out;transition:opacity .3s ease-in-out, top .3s ease-in-out, right .3s ease-in-out, bottom .3s ease-in-out, left .3s ease-in-out;}
.caseBox .li_l .portfolio-entry-hover > a:not(.plus-link){display:none;}
.caseBox .li_l .portfolio-entry-hover .plus-link{display:block;width:62px;height:62px;position:absolute;left:50%;top:0;line-height:20px;text-align:center;margin-left:-30px;-webkit-transition:top .3s ease-in-out;-moz-transition:top .3s ease-in-out;transition:top .3s ease-in-out;}
.caseBox .li_l .portfolio-entry-hover .title-wrap{position:absolute;width:100%;top:100%;-webkit-transition:top .3s ease;-moz-transition:top .3s ease;transition:top .3s ease;}
.caseBox .li_l .portfolio-entry-hover .title-wrap .entry-tags ul{text-align:center;}
.caseBox .li_l:hover .portfolio-entry-hover{top:15px;right:15px;bottom:15px;left:15px;-moz-opacity:1; -khtml-opacity: 1; opacity: 1; visibility:visible;}
.caseBox .li_l:hover .portfolio-entry-hover .plus-link{top:25%;-webkit-transition:top .3s ease-in-out .05s;-moz-transition:top .3s ease-in-out .05s;transition:top .3s ease-in-out .05s;}
.caseBox .li_l:hover .portfolio-entry-hover .title-wrap{top:60%;}

.caseBox .li_l .title{margin: 14px 0 0 0;height:26px;line-height:26px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;}
.caseBox .li_l .title a{font-size:13px;color:#333333;text-transform:uppercase;}
.caseBox .li_l:hover .title a{color:#552302;}	
.caseBox .li_l .title a span{display:block;}



/****************page_contact******************/
.page_contact .contact_right{width:600px;float:left;}
.page_contact .contact_left {float:left;width:360px; height:525px; background:url(../images/contactbg.jpg) no-repeat left bottom #6f533b;padding:0 120px;}
.page_contact .contact_left .tt{margin-top:28px;font-size:18px;color:#fff; background:url(../images/contact_tit.png) no-repeat center top;height:130px;line-height:130px; text-align:center;padding:0;}


.detail_title{text-align:center; font-size:24px;}
.pageback a{display:block; width:180px; height:40px; line-height:40px; text-align:center; border:1px solid #552302; color:#fff; background:#552302;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.pageback a:hover{background:rgba(85,35,2,0.7);}

.art_list{width:100%;}
.art_list li{display:block; border-bottom:1px dashed #e3e3e3; clear:both; height:auto; overflow:hidden;}
.art_list li .mark{width:30px; height:45px; float:left;}
.art_list li .mark span{display:table-cell; width:30px; height:45px; vertical-align:middle; text-align:center;}
.art_list li a{display:block; width:960px; float:left; height:45px; line-height:45px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#333; font-size:16px;}
.art_list li a:hover{color:#552302;}
.art_list li .dateTime{display:block; width:120px; height:45px; line-height:45px; float:right; text-align:right; padding-right:15px; font-size:14px;}
.hPic img{
    max-width: 80%;
}
.con h1{
    font-size: 16px;
    font-weight: bolder;
}