﻿@charset "utf-8";
html{ font:normal 62.5%/2.3em "微软雅黑",Arial,"宋体";}
body{ margin:0px; padding:0px; margin:0px auto; font-size:1.4em; color:#414446; width:100%; zoom:1; min-width:320px; margin:0 auto;}
ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;}
.ul,.ul li,ol,ol li{ list-style:none;}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:none; border:0; max-width:100%; vertical-align:top;}
a{ color:#d2b57e; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none;}
.clear{ clear:both; height:0px; overflow:hidden;}



.navbar{ position: static; margin-bottom: 0; min-height: inherit;}
.navbar a{ color: #fff; font-size: 15px;}
.navbar .navslide{ font-size: 14px;}
.navbar-toggle{  position: absolute;
	right: 0; top: 20px;
  float: right;
  margin-right: @navbar-padding-horizontal;
  padding: 9px 10px;
  .navbar-vertical-align(34px);
  background-color: transparent;
  background-image: none;  border: 1px solid transparent;
  border-radius: @border-radius-base; background:#ddd;}
.navbar-toggle .icon-bar{    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;}
.navbar-toggle .icon-bar{ background:#888;}

.navbar-nav{ width: 100%;}
.navbar-nav > li{ display: inline-block; text-align: center; position: relative;}
.navbar-nav > li span a{ display: block; padding: 22px 0 30px;}
.navbar-nav .navslide{ position: absolute; left: 50%; top: 100%; width: 410px; margin-left: -205px; background: rgba(34,32,30,0.95); border-top: 3px solid #c7ac79; padding-top: 25px; padding-bottom: 25px; line-height: 36px; display: none;}
.navbar-nav .onnav span a,.navbar-nav a:hover{ color: #d2b57e;}

/*修改顶部导航字体为 微软雅黑*/
.navbar-nav > li a{font-family: "微软雅黑";}
/*结束-修改顶部导航字体为 微软雅黑*/

.Container{}
.Contain{}
.SildeBar{ background:#eeeeec;}
.MainContent{ max-width:1200px; margin:0 auto;}
.Content{}
.SinglePage{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden; line-height:24px; padding:3% 0;}

.Current{}
.owl-wrapper-outer .item img{width: 100%}
.home_about .col-md-7{padding-left:5%; }
/* 视频中心 */
.video_1 {width: 100%;margin-left: 30%;}

/*pages*/
.pages{ text-align:center; padding:2% 0 3%;}
.pages a,.pages span{ display:inline-block; vertical-align:top; height:35px; line-height:35px; text-align:center; margin:0 3px; color:#999;}
.pages span a{ margin:0;}
.pages a{ min-width:40px; border:1px solid #ececec; background:#fff;}
.pages > a{ width:auto; padding:0 10px;}
.pages .prev_first,.pages .next_last{ padding:0 25px;}
.pages .a_cur{ background: #d2b57e; border-color: #d2b57e; color: #fff;}


/*pages end*/

/*Top*/
.Toper{ background: rgba(34,32,30,0.95); position: fixed; left: 0; top: 0; z-index: 33; width: 100%;}
.Top{ padding-top: 1%; }

.Top_r{ padding-top:22px; padding-bottom: 20px;}
.Top_r .En{ display: inline-block; padding-left: 30px; background: url(../images/1.jpg) no-repeat left center; color: #fff;}
.Top_r .glyphicon{ float: right; position: relative; display: inline; color: #fff; margin-top: 3px; margin-left: 3px;}
.Top_r .text{ position: absolute; left: 0; top: 100%; background: #fff; border: 1px solid #ccc; border-radius: 10px; width: 100%; padding: 2%; display: none;}

/*Top*/

/*Bottom*/
.Bottomer{ background:url(../images/index_4.jpg) repeat center top; color:#636363; padding-top:2%;}
.Bottomer a{ color:#636363;}
.Bottom .l{ padding-bottom:2%;}
.Bottom .div{ float:left; width:20%;}
.Bottom .div .t{ color:#c8a173; font-size:16px; padding-bottom:5%;}
.Bottom .div .ul{ line-height:32px;}
.Bottom .div .ul a{ text-overflow:ellipsis; display:block; white-space:nowrap; overflow: hidden;}
.Bottom .r .erweima{ padding:0 5%; border-left:1px solid #242426; border-right:1px solid #242426; padding-bottom:10%; text-align:center;}
.Bottom .r .erweima .txt{ padding-top:15px;}
.Bottom .r .select{ width:160px; height:28px; line-height:28px; position:relative; border:1px solid #28282b; background:#222325 url(../images/index_5.jpg) no-repeat right center; padding-left:9px;}
.Bottom .r .select span{ display:block; cursor:pointer;}
.Bottom .r .select .ul{ display:none; width:160px; position:absolute; left:-1px; bottom:26px; border:1px solid #28282b; background:#222325;}
.Bottom .r .select .ul a{ text-overflow:ellipsis; display:block; white-space:nowrap; overflow: hidden; color:#fff; padding-left:10px; line-height:26px;}
.Bottom .r .tel{ padding-top:15px;}

.cotyrightbg{ padding: 2% 0; background:rgba(20,20,21,0.4);}
.cotyright .l a{ padding: 0 9px; background: url(../images/b_bg.png) no-repeat right center;}

/*Bottom*/

/*SildeBar*/
.SildeBar{ font-size:12px;}
.SildeBar .columnname{ color:#d2b57e; font-size:16px; padding-top:20px;}
.columnname .en{ text-transform:uppercase;}
.columnname em{ display:block; width:39px; height:2px; background:#d2b57e;}
.columnname .cn{ padding-top:5px;}

.MenuList .ul{ overflow:hidden;}
.MenuList .ul li{ float:left; width:104px;}
.MenuList .ul a{ background-position:center top; background-repeat:no-repeat; height:99px; transition: all 300ms; -webkit-transition: all 300ms; text-align:center; color:#666; padding-top:66px; text-overflow:ellipsis; display:block; white-space:nowrap; overflow: hidden;}
.MenuList .ul .onmenu a,.MenuList .ul a:hover{ background-position:center bottom; background-color:#d2b57e; color:#fff;}

.MenuList .location{ padding-top:60px; color:#969695;}
.MenuList .location a{ color:#969695;}

/*SildeBar*/


/*Banner*/

.carousel-indicators li{ margin: 0 10px !important; background: rgba(255,255,255,0.5); border: none; width: 13px; height: 13px;}
.carousel-indicators .active{ background: #e0c286;}

.Banner{ height:490px; background-position: center center; background-repeat:no-repeat;}
.Banner img{ display:none;}
/*Banner*/

/*index*/

.home_con1{ background: #f4f4f4; text-align: center; font-size: 26px; padding: 3% 0;}
.home_con1 img{ padding-right: 15px; vertical-align: middle;}
.home_con1 span{ color: #ceb27e;}


.home_title{ text-align: center; padding-top: 4%; padding-bottom: 3%; color: #22201e; font-size: 32px;}
.home_title span{ color:#d2b57e;}
.home_title .en{ font-size: 14px; color: #999; text-transform: uppercase; letter-spacing: 2px;}

.home_title_left{ text-align: left;}

.home_pro{ max-width: 1280px; margin: 0 auto; overflow: hidden; padding-bottom: 8%;}

.home_about .text{ font-size: 14px; line-height: 24px; color: #666; padding-bottom: 6%;}
.home_about .ul li{ float: left; margin-right: 6%;}


.home_case{ max-width: 1765px; margin: 0 auto; padding-bottom: 5%;}
.home_case img{ width:100%;}
.home_case .title{ text-overflow:ellipsis; display:block; white-space:nowrap; overflow: hidden; padding: 2% 0; color: #333; font-size: 18px;}
.home_case .ul span{ color: #999; line-height: 24px; border: 1px solid #d3d3d3; padding: 0 18px; display: inline-block;}
.home_case .ul li{ padding-bottom: 3%;}


.home_newsbg{ background: #f4f4f4;}
.home_news{ max-width: 1280px; margin: 0 auto; padding-bottom: 4%;}
.home_news img{ width:100%;}
.home_news li{ overflow:hidden;}
.home_news li .con{ padding: 3% 0;}
.home_news li .time{ float:left; width: 68px; color: #b5b5b5;}
.home_news li .time span{ color: #666; font-size: 21px; display: block;}
.home_news li .text{ float: right; width: calc(100% - 68px); border-left: 1px solid #dbdbdb; padding-left: 3%;} 
.home_news li .text a{ text-overflow:ellipsis; display:block; white-space:nowrap; overflow: hidden; font-size: 16px; color: #333;}
.home_news li .text .txt{ padding-top: 3%; color: #c1c1c1;}


/*.home_news li:nth-child(2n+0){ margin-right:0;}*/

/*index*/

/*about*/
.about{ line-height:30px;}


.horon li{ margin-bottom:3%;}
.horon .box{ padding:4% 4% 0; background:#f6f6f6; text-align:center; cursor:pointer; font-size:16px; transition:all 300ms; -webkit-transition:all 300ms;}
.horon img{ width:100%;}
.horon .box .title{ padding:6% 0; text-overflow:ellipsis; display:block; white-space:nowrap; overflow: hidden; transition:all 300ms; -webkit-transition:all 300ms;}
.horon .box:hover{ background:#d2b57e; color:#fff;}


.modal-content img{ width:100%;}
.modal-title{ width:90%; text-overflow:ellipsis; white-space:nowrap; overflow: hidden;}


.job_list .li{ line-height:57px; border-bottom:1px dashed #dcdcdc;}
.job_list .li .div1{ padding-left:10%; position:relative;}
.job_list .li .div1 a{ display:block; color:#d2b57e;}
.job_list .li .div1 a span{ transition:all 300ms; -webkit-transition:all 300ms; transform:scale(0.6) rotate(-90deg); -webkit-transform:scale(0.6) rotate(-90deg); position:absolute; right:20%; top:50%; margin-top:-5px;}
.job_list .li .div1 .collapsed span{ transform:scale(0.6) rotate(90deg); -webkit-transform:scale(0.6) rotate(90deg);}
.job_list .li .div5{ text-align:center;}
.job_list .li .div5 a{ background:#f6f6f6; color:#333; border:none; transition:all 300ms; -webkit-transition:all 300ms;}
.job_list .li .div5 a:hover{ background:#d2b57e; color:#fff;}
.job_list .li .div1 .collapsed{ color:#333;}
.job_list .li .text{ border:1px solid #d3d3d3; background:#f6f6f6; line-height:24px;}
.job_list .li .text .l{ padding:3% 0 0 6%; font-size:16px; color:#d2b57e; font-weight:bold;}
.job_list .li .text .r{ padding:2% 0 2% 2%; color:#a9a9a9; border-left:1px solid #eaeaea;}


.job_list .li1{ background:#f6f6f6; font-size:16px; color:#999; line-height:39px;}

.job_alert{ padding-bottom: 2%;}

/*about*/


/*news*/
.news{ max-width: 1280px; margin: 0 auto; padding-bottom: 4%;}
.news img{ width:100%;}
.news li{ overflow:hidden;}
.news li .con{ padding: 3% 2% 10%; overflow:hidden;}
.news li .time{ float:left; width: 68px; color: #b5b5b5;}
.news li .time span{ color: #666; font-size: 21px; display: block;}
.news li .text{ float: right; width: calc(100% - 68px); border-left: 1px solid #dbdbdb; padding-left: 3%;} 
.news li .text a{ text-overflow:ellipsis; display:block; white-space:nowrap; overflow: hidden; font-size: 16px; color: #333;}
.news li .text .txt{ padding-top: 3%; color: #c1c1c1;}

.info_title{ text-align:center; font-size:#333; padding:1% 0 2%; font-size:18px;}
.info_time{ text-align:center; color:#999; padding-bottom:4%}
.info_text{ line-height:30px; color:#666; padding:0 1%;}

.info_page{ border-top:1px solid #eeeeec; padding-top:2%;}
.info_page a{ color:#fff; background:#d2b57e; display:inline-block; width:100%; height:29px; max-width:110px; line-height:29px; text-align:center; font-family:"宋体";}
.info_page .cen{ text-align:center;}
.info_page .cen a{ background:#bcbec0;}
.info_page .cen span{ transform:scale(0.8); -webkit-transform:scale(0.8);}
.info_page .next{ text-align:right;}

@media (min-width:1024px){
	.news li > a{ display:block; overflow:hidden; height:207px;}
}
@media (min-width:1200px){
	.news li > a{ width:370px; height:248px;}
}
/*news*/


/*product*/
.product .ul{ text-align: center;}
.product .ul .img{ overflow: hidden;}
.product .ul img{ width:100%; transition: all 300ms; -webkit-transition: all 300ms;}
.product li{ padding-bottom: 2%;}
.product li .title{ font-size: 18px; color: #333; padding: 5% 0 3%; text-overflow:ellipsis; overflow: hidden; white-space:nowrap;}
.product li .text{ font-size: 14px; color: #9a9a9a; text-overflow:ellipsis; overflow: hidden; white-space:nowrap; padding-bottom: 2%;}
.product li img:hover{ transform: scale(1.5); -webkit-transform: sacle(1.5); transition: all 4s ease;-webkit-transition: all 4s ease;}

/*product*/


/*message*/
.message{ max-width: 560px; padding: 0 15px; margin: 0 auto;}
.message .title{ font-size: 18px; color: #333; text-align: center;}
.message .txt{ color: #999; padding: 2% 0 6%;}
.message .btn{ height: 42px; line-height: 42px; color: #fff; font-weight: bold; background: #bcbec0; padding: 0; width: 40%;}
.message .btn2{ float: right; background: #d2b57e;}


.input-group-addon{ background: none; top: 0;}
/*message*/


/*other*/
.other_link li{ padding-bottom:2%;}
.other_link img{ width:100%;}
.other_link .title{ text-overflow:ellipsis; overflow: hidden; white-space:nowrap; display:block; text-align:center; padding:2% 0;}
/*other*/


@media(max-width: 1440px){

}

@media(max-width: 1200px){

}

@media(min-width: 992px){
	.owl-controls.clickable{ position: absolute; left: -24%; top: 110px; width: 150px;}
	.owl-theme .owl-controls .owl-buttons div{ margin-right: 55px;}
}

@media(max-width: 992px){
	.SildeBar .columnname{ padding-bottom:10px;}
	.MenuList .location{ padding:10px 15px;}
}

@media(max-width: 1000px){

}

@media(max-width: 767px){
	.navbar-nav > li{ display: block; float: none;}
	.navbar-nav .navslide{ display: none !important;}
	.Toper{ position: relative;}
	.job_list .li .div1{ padding-left:2%;}
	.Bottom .l{ display:none;}
}

@media(max-width: 640px){
	.Banner{ height:auto;}
	.Banner img{ display:block;}
	.MenuList .ul li{ width:33.33%;}
	.MenuList .ul li a{ width:100%;}
	.pages span{ display:none;}
	.job_list .li .div2,.job_list .li .div3{ display:none;}
	.job_list .li .div1{ width:50%;}
	.job_list .li .div4,.job_list .li .div5{ width:25%;}
}


@media(max-width: 480px){
	.info_page > div{ padding:0;}
}

/*修改首页产品中心宽度*/
@media(min-width: 992px){
	.indexProduct{width: 20%;}
	.indexProductDetail{width: 80%;}
}
