@charset "utf-8";
body,html{transition: all ease 0.3s; -webkit-transition: all ease 0.3s; min-height: 100%;}
body{ margin:0px; padding:0px; margin:0px auto; transition: 300ms; font-size:14px; line-height:24px; color:#666; min-width:320px; zoom:1; background:#fff; font-family:frutigernext,Arial,"Microsoft YaHei",Helvetica,sans-serif,Arial,"宋体";}
ul,li,form, dl,dt,dd,div,ul,li,h1,h2,h3,h4,h5,h6,p,em,i,ol{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,textarea{ font-size:14px; border-radius:0; -webkit-border-radius:0; color:#414446; font-family:"微软雅黑";}
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{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{color:#333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0); transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; color: #703e1e;}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}.tc{ text-align:center;}
.hidetxt{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
:-moz-placeholder{color:#b2b2b2;}
::-moz-placeholder{color:#b2b2b2;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color:#b2b2b2;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #b2b2b2;}
.w1240{max-width:1240px; min-width:320px; margin:0px auto;}
.mb10{margin-bottom: 10px;}
input,.empty{outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.f_color{color:#703e1e !important;}
.owl-carousel .owl-nav{height: 0;}

@media ( max-width:1240px){
.w1240{padding: 0 15px;}
}



/*公用样式*/
.icon img{position: absolute; left: 0; top: 0; width: 100%;}
.icon .i1{transition: 400ms;}
.icon .i2{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:500ms;}
li:hover .icon .i2,li.on .icon .i2{-webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}
li:hover .icon .i1,li.on .icon .i1{opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2);}
.effect-img{text-align: center;cursor: pointer; zoom:1; overflow:hidden;}
.effect-img img,.effect-img span{opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform  0.35s;transition: opacity 0.35s, transform 0.35s; display: block; width: 100%;}
.effect-img:hover img,li:hover .effect-img img,dd:hover .effect-img img,.item:hover .effect-img img,.effect-img:hover span,li:hover .effect-img span,dd:hover .effect-img span,.item:hover .effect-img span{opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform:  scale3d(1.1,1.1,1);}
.effect-img span,.boxbg{background-repeat: no-repeat; background-position: center center; background-size: cover;}
.effect-img span{display: block; width: 100%; height: 100%;}
.relative{position: relative;}
.ptb3{padding: 3% 0;}
.mb3{margin-bottom: 3%;}
.mb5{margin-bottom: 5%;}
.tit{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.info{overflow: hidden;word-break:normal; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}

.Container{min-height: 600px; height: auto !important; height: 600px; padding: 20px 0 3.5%;}

/*pages*/
.Pages{width:100%; text-align:center; color:#666; line-height:34px;}
.Pages a{display:inline-block; width: 38px; border: 1px solid #e6e6e6; color:#666; margin:0px 4px; background: #fff;}
.Pages .p_count,.Pages .a_first,.Pages .a_end,.Pages .a_prev,.Pages .a_next{display:inline-block; width: auto; padding:0px 12px;}
.Pages .p_count{border: 1px solid #e6e6e6; background: #fff;}
.Pages a:hover,.Pages a.a_cur{background:#703e1e; color:#fff; border:1px solid #703e1e;}
/*pages end*/

@media ( max-width:1024px){
    .Container{padding: 0 0 20px;}  
}

@media ( max-width:640px){
    .Pages{line-height: 26px;}
    .Pages .p_count, .Pages .a_first, .Pages .a_end, .Pages .a_prev, .Pages .a_next{padding: 0px 6px;}
    .Pages a{width: 26px; margin: 0px 1px 2px;}
}

@media ( max-width:480px){
    .ptb3{padding: 6% 0;}
    .mb3{margin-bottom: 6%;}
    .mb5{margin-bottom: 6%;}
}


/*Top*/
.Top{background: #fff; padding: 45px 40px;}
.Logo{width:569px; float:left; position: relative;}
.Logo img{display:block; width:100%;}
.TopBar{width:410px; float:right; margin-top: 10px;}
.TopBar .sbtn{width: 18px; height: 18px; vertical-align: middle; background:  url(../images/btn.png) no-repeat center center; display: none;}
.Language{width: 160px; float: left; line-height: 40px; color: #703e1e;}
.Language dd,.Language dt{padding: 0 16px 0 6px; background: #f0f0f0;}
.Language dd{display: none; position: absolute; left: 0; right: 0; top: 100%;}
.Language dt span{display: block; background: url(../images/arr1.png) no-repeat right center;}
.Language img{display: inline-block; vertical-align: middle; width: 22px; margin-right: 5px;}
.Language:hover dd{display: block;}
.Search{width: 240px; float: right;}
.Search form{position:relative; padding: 0 40px 0px 12px; background: #f0f0f0;}
.Search .input{height:40px; width:100%; color: #333;}
.Search .input::placeholder{color: #808080;}
.Search .btn{background-image:url(../images/btn.png); width:18px; height: 18px; position:absolute; top: 50%; margin-top: -9px; right: 15px;}

.Showbox{background: #703e1e;}
.Nav li{float:left; text-align:center; width:20%; position: relative;}
.Nav li .am{display:block; line-height:50px; color:#fff; text-transform: uppercase; font-weight: bold; background: url(../images/navbg.png) no-repeat left center;}
.Nav li:first-child .am{background: none;}
.Nav li i{position: absolute; display: none; width: 48px; height: 48px; right: 0px; top: 0px; background-position: center center; background-repeat: no-repeat; background-image: url(../images/jia.png); overflow: hidden;}
.Nav li:hover .am,.Nav li.active .am{color: #dbad62;}
.Nav li .SubNav{position:absolute; left:5px; top:100%; z-index:999; width:100%; display:none; text-align:center; background: rgba(255,255,255,.8);}
.Nav li .SubNav a{display:block; line-height:36px; height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; color:#333;}
.Nav li .SubNav a:hover{color: #703e1e;}
.Nav li:nth-last-child(3) .SubNav{left: 0;}
.Nav li.language{display: none; padding-left: 25px;}
.Nav li.language a{display: inline-block; padding: 0;}
.Nav li.language em{display: inline-block; padding: 0 15px; color: #fff;}

@media ( max-width:1150px){
    .Top{padding: 15px;}
    .TopBar{margin: 0; position: absolute; right: 70px; width: auto; top: 50%; margin-top: -13px; line-height: 26px;}
    .Language{display: none;}
    .TopBar .sbtn{display: inline-block;}
    .Search{display:none; position:absolute; top:100%; right:0px; z-index:999;}
    .header_menu{display:block; background-image:url(../images/navicon.png); position:absolute; top:50%; right:15px; margin-top:-12px; width:20px; height:24px;background-size:100%;background-position:center; background-repeat:no-repeat; z-index:9;}
    .Showbox{width:50%; height:100%; background:rgba(112,62,30,0.8); overflow:auto;overflow-x:none; position:fixed;z-index:9990;top:0; right:-100%;}
    .Showbox .close_bar{height:60px;line-height:60px;overflow:hidden;position:absolute;top:0;left:0; width:100%;background:rgba(112,62,30,0.8); border-bottom:1px solid #e8e8e8;text-align:right;}
    .Showbox .close_bar a{background:url(../images/menu_close_btn.png) no-repeat;width:25px;height:25px; background-size:cover;display:inline-block;vertical-align:middle;margin-right:20px;transition:transform ease-in 0.3s;}
    .Showbox .close_bar a:hover{transform:rotate(180deg);}
    .Nav{background:none; margin-top:72px; width:100%;}
    .Nav li{float:none; width:auto; text-align:left;}
    .Nav li i{display: block;}
    .Nav li .am{padding: 5px 0px; color:#fff; line-height:40px; font-size:18px; padding-left:25px; background: none;}
    .Nav li:hover .am, .Nav li.active .am{border-bottom: none;}
    .Nav li.on i{background-image: url(../images/jian.png);}
    .Nav li .SubNav{position: static; text-align: left; background: none;}
    .Nav li .SubNav a{padding:0px 50px; font-size: 16px; color: #fff;}
    .Nav li.on .SubNav,.Nav li.language{display: block;}
}

@media ( max-width:768px){
    .Logo{width: 340px;}
}

@media ( max-width:480px){
    .Logo{width: 240px;}
    .TopBar{right: 50px;}
    .Showbox{width: 70%;}
}

/*bottom*/
.Bottom{padding: 18px 0; background: #703e1e; color: rgba(255,255,255,0.4); text-align: center;}
.Bottom a{color: rgba(255,255,255,0.4);}

@media ( max-width:768px){
    .Bottom{padding: 15px;}
}

/*index*/
.HomeBody{background-image: url(../images/bodybg.jpg); background-repeat: no-repeat; background-position: center center;}
.Main{padding-bottom: 4%;}
.Banner .slides li{position: relative;}
.Banner .slides li .img{display: block; width: 100%;}
.Banner .slides li .mobile{display: none;}
.Banner .flex-control-nav{z-index: 9; bottom: 5%; line-height: 13px;}
.Banner .flex-control-paging li{margin: 0 6px;}
.Banner .flex-control-paging li a{width: 13px; height: 13px; background-image: url(../images/dotpic.png);background-repeat: no-repeat; background-position: center top;}
.Banner .flex-control-paging li a.flex-active{background-position: center bottom;}
.Banner .flex-direction-nav a{line-height: 1000px; overflow: hidden; margin-top: -35px; width: 70px; height: 70px; background-color: rgba(0,0,0,.3); background-repeat: no-repeat; background-position: center center;}
.Banner .flex-direction-nav .flex-prev{left: -150px; background-image: url(../images/left.png);}
.Banner .flex-direction-nav .flex-next{right: -150px; background-image: url(../images/right.png);}
.Banner .flex-direction-nav a:hover{background-color: rgba(112,62,30,0.5);}

@media ( max-width:1700px){
    .Banner .flex-direction-nav a{width: 50px; height: 50px; margin-top: -25px; background-size: auto 30px;}
    .Banner .flex-direction-nav .flex-prev{left: 15px;}
    .Banner .flex-direction-nav .flex-next{right: 15px;}
}

@media ( max-width:768px){
    .Banner .flex-direction-nav a{width: 30px; height: 30px; margin-top: -15px; background-size: auto 15px;}
}

@media ( max-width:640px){
    .Banner .slides li .pc{display: none;}
    .Banner .slides li .mobile{display: block;}
}

/* 产品中心 */
.LeftBar{width: 22%; float: left;}
.Menu000371 .title{height: 45px; text-transform: uppercase; padding:0 20px; line-height: 45px;background: #703e1e;color: #fff;font-size: 20px;}
.Menu000371 .title span{display: block;}
.Menu000371 ul{padding:10px 20px 45px 20px; border:1px solid #e9e9e9;}
.Menu000371 li a{ display:block; line-height:45px; padding-left:12px;}
.Menu000371 li h4{ margin:0; font-weight:normal; border-bottom:1px dashed #c8c6c2; text-transform: uppercase;}
.Menu000371 li h4 a{ background:url(../images/arr2.png) no-repeat left center;}
.Menu000371 li:hover h4 a,
.Menu000371 li.on h4 a{ background-image:url(../images/arr3.png); color:#703e1e;}
.Menu000371 li ol{ display:none;}
.Menu000371 li ol li{ padding-top:5px;}
.Menu000371 li ol li a{ color:#747474; line-height:30px;}
.Menu000371 li ol li:hover a,.Menu000371 li ol li.onli a{ color:#703e1e;}

.RightBar{width: 75%; float: right;}
.SubTit{font-size: 20px; font-weight: bold; text-transform: uppercase; line-height: 45px; border-bottom: 1px dashed #e5e5e5; color: #716f64; margin-bottom: 20px;}
.PicList li{ float:left; width:23.5%; margin:0 2% 2.5% 0;}
.PicList li:nth-child(4n){margin-right: 0;}
.PicList li a{ display:block; position:relative;}
.PicList li .tit{text-align:center; font-size:16px;}
.PicList li .effect-img{height: 170px;}
.PicList li .title{ border:1px solid #e8e8e8; border-top-width:3px; border-top-color:#f4f4f4; padding:0 15% 0 2%; line-height:40px; height: 40px; position:relative;}
.PicList li .title:before{ position:absolute; content:''; right:0; top:0; width:13%; height:100%; border-left:1px solid #e8e8e8; background:url(../images/arr4.gif) no-repeat center center;}
.PicList li .hover{ opacity:0; position:absolute; left:0; top:0; right:0; bottom:0; text-align:center; background:rgba(112,62,30,0.85); z-index:10; transition:0.3s; color:#fff; }
.PicList li a:hover .hover{ opacity:1;}
.PicList li aside{ position:absolute; left:10%;width:80%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);transform:translateY(-50%);}
.PicList li .hover img{ border-radius:50%; width:100px; height:100px;}
.PicList li .hover .tit{margin-top:10px; line-height:22px; height:22px;}
.PicList li .hover i{ display:block;  height:2px; background:#fff; width:30px; margin:10px auto;} 
.PicList li .hover .info{font-size:12px; line-height:20px; -webkit-line-clamp: 2;}

@media ( max-width:1024px){
    .LeftBar,.RightBar{width: auto; float: none;}
    .LeftBar{margin-bottom: 15px;}
    .Menu000371 .title span{background: url(../images/down.png) no-repeat right center;}
    .Menu000371 ul{display: none;}
    .PicList li a:hover .hover{ opacity:0;}
}

@media ( max-width:768px){
    .Menu000371 .title{font-size: 18px; height: 40px; line-height: 40px;}
    .Menu000371 ul{padding: 10px 20px 15px;}
    .PicList li{width: 48.5%; margin-right: 0;}
    .PicList li:nth-child(2n){float: right;}
    .PicList li .effect-img{height: 200px;}
}

@media ( max-width:480px){
    .SubTit{font-size: 16px; line-height: 35px;}
    .PicList li,.PicList li:nth-child(2n){width: auto; float: none;}
}

/* 产品详情 */
.ProDetail .pic img{display: block; width: 100%;}
.ProDetail .con{margin-top: 20px; padding-right: 200px; position: relative; min-height: 32px; font-size: 16px; line-height: 30px;}
.ProDetail .con .btn{position: absolute; width: 156px; right: 0; top: 0;}

@media ( max-width:640px){
    .ProDetail .con{padding-right: 0;}
    .ProDetail .con .btn{position: static; margin: 20px auto 0; display: block;}
}

/* 在线留言 */
.ProBox{margin-bottom: 30px;}
.ProBox .pic{width: 40%; float: left;}
.ProBox .pic img{display: block; width: 100%;}
.ProBox .con{width: 55%; float: right; font-size: 16px; line-height: 30px;}

.recruitform{margin:0 auto; width:580px;}
.recruitform dl{margin-bottom:15px; position: relative; padding-left: 80px;}
.recruitform dl dt{position: absolute; left: 0px; top: 0px; text-align: right; line-height:40px; width: 70px; color:#4d4d4d; font-size:16px;}
.recruitform dl dd{border:1px solid #e6e6e6; padding: 0px 10px; line-height: 38px; background: #fff;}
.recruitform dl.noborder dd{border: none; padding: 0; background: none;}
.recruitform dl dd .input{height:38px; line-height:38px; font-size:14px; width:100%;}
.recruitform dl dd label{ float:left; line-height:40px; margin-right:20px; font-size:16px; color:#4d4d4d;}
.recruitform dl dd label input.radio{ margin-right:8px; }
.recruitform dl dd textarea{height:148px; font-size:14px; width:100%;}
.recruitform dl.btn{ text-align:center; width:100%; float:none; clear:both; margin-bottom:0; padding: 0;}
.recruitform dl.btn input{ width:120px; color:#fff; height:36px; line-height:36px; font-size:16px; cursor:pointer; border-radius:18px; -webkit-border-radius:18px;  -moz-border-radius:18px; margin:0 8px;}
.recruitform dl.btn input.submit{background: #703e1e;}
.recruitform dl.btn input.reset{background:#ccc;}

@media ( max-width:480px){
    .recruitform{width:auto;}
    .ProBox .pic,.ProBox .con{width: auto; float: none;}
    .ProBox .pic{margin-bottom: 20px;}
}

/* 关于我们 */
.Single{text-align: justify; font-size: 16px; line-height: 30px;}
.Single .pic{float: left; margin-right: 20px;}

@media ( max-width:480px){
    .Single .pic{float: none; margin-right: 0; text-align: center;}
}

/* 新闻中心 */
.NewsList li{padding-bottom: 3%; margin-bottom: 3%; border-bottom: 1px dotted #ccc;}
.NewsList li .con{position: relative; padding: 8px 0px 0px 98px; min-height: 74px;}
.NewsList li .con .date{position: absolute; left: 0px; top: 0px; padding: 12px 0 0; width: 70px; height: 58px; text-align: center; color: #666; background: #f0f0f0;}
.NewsList li .con .date span{display: block; font-size: 28px; line-height: 28px;}
.NewsList li .con .date em{display: block; line-height: 18px;}
.NewsList li .con .txt .tit{font-size: 20px; height: 24px; margin-bottom: 6px; overflow: hidden; color: #000;}
.NewsList li .con .txt .source{display: block; font-size: 16px; color: #b2b2b2;}
.NewsList li .con .txt .info{font-size: 16px; color: #666; line-height: 30px; -webkit-line-clamp: 2; overflow: hidden; margin: 12px 0 16px;}
.NewsList li .con .txt .more{color: #999; font-family: "宋体";}
.NewsList li .con .txt .more i{margin-left: 10px;}
.NewsList li:hover .con .txt .tit,.NewsList li:hover .con .txt .more{color: #703e1e;}
.NewsList li:hover .con .date{background: #703e1e; color: #fff;}

@media ( max-width:768px){
    .NewsList li .con .date span{font-size: 22px;}
    .NewsList li .con .txt .tit{font-size: 16px;}
    .NewsList li .con .txt .info,.NewsList li .con .txt .source{font-size: 14px;}
    .NewsList li .con .txt .info{line-height: 24px; margin: 5px 0;}
}

@media ( max-width:480px){
    .NewsList li .con{padding-left: 85px;}
}

/*详情页*/
.ActiveContent .Atit{text-align:center; line-height:28px; position:relative;}
.ActiveContent .Atit h2{font-size:20px; color:#333333;}
.ActiveContent .Atit em{display:block; font-size:14px; color:#666666; padding:9px 0px 21px; border-bottom:1px dashed #e8e8e8;}
.ActiveContent .Atit em i{padding:0px 12px;}
.ContentAbout{padding:3% 0; border-bottom:1px solid #e7e7e7; line-height:28px; font-size:14px; color:#333333;}
.ContentAbout video{width: 100%; height: 500px; background: #000;}
.PrevNextBox{padding:24px 0px 0px;}
.PrevNextBox dl{font-size:14px; line-height:33px;}
.PrevNextBox dl b{color:#000; font-weight:normal;}
.PrevNextBox dl a{color:#666666;}

@media ( max-width:768px){
    .ContentAbout video{height: 300px;}
}

@media ( max-width:480px){
.ActiveContent .Atit h2{font-size:18px;}
.ActiveContent .Atit em i{padding: 0px 5px;}
}

/* 联系我们 */
.ContactBox .Map{width: 52%; float: left;}
.ContactBox .Map img{display: block; width: 100%;}
.ContactBox .con{width: 43%; float: right;}
.ContactBox .con .pic img{display: block; width: 100%;}
.ContactBox .con .txt h2{font-size:24px; color:#b97b16; padding:8px 0px; border-bottom: 14px solid #efe0c9; margin-bottom: 10px;}
.ContactBox .con .txt p{font-size: 16px;}
.ContactBox .con .txt dl dd{padding-left: 65px; position: relative;}
.ContactBox .con .txt dl dd .name{position: absolute; left: 0; top: 0; font-size: 16px; font-weight: bold; width: 58px; text-align: right;}

@media ( max-width:640px){
    .ContactBox .con .txt h2{font-size: 20px;}
}

@media ( max-width:480px){
    .ContactBox .Map,.ContactBox .con{width: auto; float: none;}
    .ContactBox .con{margin-bottom: 20px;}
}