@charset "utf-8";
/* CSS Document */


*{ margin:0; padding:0;}
.width{ width:1300px; margin:0 auto;}
.clear{ clear:both;}
a{ text-decoration:none; -moz-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
img{ border:0; max-width:100%;}
.img{ width:100%; height:100%; filter:alpha(Opacity=0); -moz-opacity:0; opacity:0;}
li{ list-style-type:none;}
body{ font-family:"微软雅黑"; overflow-x:hidden;}
.desc{ color:#666; font-size:14px; line-height:1.875em;}
.desc a{ color:#666;}
.desc a:hover{ color:#c98f54;}
table{ width:100%; border-collapse:collapse;}
table td{ border:1px solid #ddd !important;}

.top_bg{ height:40px; line-height:40px; background:#f7f7f7; font-size:14px; color:#666;}
.top1{ float:left;}
.top2{ float:right; background:url(../img/mobile.png) left center no-repeat; padding-left:14px;}
.top3{ float:right; background:url(../img/tel.png) left center no-repeat; padding-left:20px; margin-right:25px;}

.logo_bg{ height:120px;}
.logo_bg .width{ position:relative;}
.logo{ position:absolute; margin-top:25px;}
.nav{ text-align:center;}
.nav a{ position:relative; display:inline-block; vertical-align:top; color:#333; padding:10px 8px; margin:60px 28px 0; font-weight:bold;}
.nav a:hover{ color:#c98f54;}
.nav a::after{ content:''; position:absolute; left:50%; bottom:0; width:0; height:2px; background:#c98f54; -moz-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.nav a:hover::after{ left:0; width:100%;}
.cur{ color:#c98f54 !important;}
.cur::after{ left:0 !important; width:100% !important;}
.lang{ position:absolute; right:0; top:25px; font-size:14px; color:#999;}
.lang a{ color:#999;}
.lang a:hover{ color:#c98f54;}

.flexslider{position:relative;height:667px; margin:0 auto; overflow:hidden;/*background:url(images/loading.gif) 50% no-repeat;*/}
.slides{position:relative;z-index:1;}
.slides li{ height:667px;}
.flex-control-nav{position:absolute;bottom:4%;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:7px;height:7px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:7px;height:7px;overflow:hidden;cursor:pointer; font-size:0; background:none; border:1px solid #fff; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; -moz-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.flex-control-nav a:hover{ background:#c98f54;}
.flex-control-nav .flex-active{ background:#c98f54;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:0;}
.flex-direction-nav li a{display:block;width:15%;height:667px;overflow:hidden;cursor:pointer;position:absolute; filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; -moz-transition:.5s ease; -o-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.flex-direction-nav li a.flex-prev{left:0;background:url(../img/prev.png) 40% 50% no-repeat;}
.flex-direction-nav li a.flex-next{right:0;background:url(../img/next.png) 60% 50% no-repeat;}
.flex-direction-nav li a:hover{ filter:alpha(Opacity=100); -moz-opacity:1; opacity:1;}
.flex-direction-nav li a.flex-prev:hover{ background-position:30% 50%;}
.flex-direction-nav li a.flex-next:hover{ background-position:70% 50%;}

.title{ font-size:30px; color:#333; text-align:center; margin-bottom:40px; font-weight:bold;}
.title span{ position:relative;}
.title span::after{ content:''; position:absolute; left:50%; margin-left:-1em; bottom:-10px; width:2em; height:3px; background:#c98f54;}
.product{ padding:50px 0;}
.pro1{ float:left; display:block; width:300px; margin-right:33px;}
.pro1:hover p{ -moz-transform:translateX(5px); -webkit-transform:translateX(5px); transform:translateX(5px);}
.pro1:hover .pro1_picbg{ border-color:#c98f54;}
.pro1:hover .pro1_pic{ -moz-transform:scale(1.05); -webkit-transform:scale(1.05); transform:scale(1.05);}
.pro1 p{ font-size:14px; color:#666; margin-bottom:5px; -moz-transition:.8s ease; -webkit-transition:.8s ease; transition:.8s ease;}
.pro1_picbg{ width:296px; height:296px; border:2px solid #e1e1e1; overflow:hidden; -moz-transition:.8s ease; -webkit-transition:.8s ease; transition:.8s ease;}
.pro1_pic{ width:100%; height:100%; -moz-transition:.8s ease; -webkit-transition:.8s ease; transition:.8s ease;}
.mr_frbox{ position:relative;}
.mr_frbox:hover .mr_frBtnL,.mr_frbox:hover .mr_frBtnR{ filter:alpha(Opacity=100); -moz-opacity:1; opacity:1;}
.mr_frbox .mr_frUl{ width:1300px; overflow:hidden;}
.mr_frbox .mr_frBtnL,.mr_frbox .mr_frBtnR{ position:absolute; bottom:100px; z-index:2; width:40px; height:100px; line-height:100px; text-align:center; font-size:24px; font-weight:bold; color:#333; background:rgba(0,0,0,.2); cursor:pointer; -moz-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease; filter:alpha(Opacity=0); -moz-opacity:0; opacity:0;}
.mr_frbox .mr_frBtnR{ right:1px;}
.mr_frbox .mr_frBtnL:hover,.mr_frbox .mr_frBtnR:hover{ background:rgba(201,143,84,1); color:#fff;}

.select{ padding:10px 0 45px;}
.s1_bg{ width:1333px;}
.s1{ float:left; width:300px; height:336px; margin-right:33px; text-align:center; -moz-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.s1:hover{ -moz-transform:translateY(-5px); -webkit-transform:translateY(-5px); transform:translateY(-5px);}
.s11{ background:url(../img/s1.jpg) center no-repeat;}
.s12{ background:url(../img/s2.jpg) center no-repeat;}
.s13{ background:url(../img/s3.jpg) center no-repeat;}
.s14{ background:url(../img/s4.jpg) center no-repeat;}
.s1_t{ font-size:18px; color:#fff; margin-top:18px;}
.s1_desc{ width:190px; height:100px; line-height:100px; margin:30px auto;}
.s1_desc p{ display:inline-block; vertical-align:middle; line-height:24px;}

.about{ padding:50px 0; background:url(../img/about.jpg) center no-repeat;}
.about .desc{ text-align:center; color:#333;}
.about_more{ display:block; width:88px; height:33px; line-height:33px; text-align:center; font-size:14px; border:1px solid #c98f54; background:#c98f54; color:#fff; margin:30px auto 0;}
.about_more:hover{ background:#fff; color:#c98f54;}

.brand{ padding:50px 0;}
.b1_bg{ text-align:justify; line-height:0; font-size:0;}
.b1_bg:after{
     display:inline-block;
     overflow:hidden;
     width:100%;
     height:0;
     content:'';
     vertical-align:top;
}
.b1{ display:inline-block; vertical-align:top; width:280px; text-align:center;}
.b1:hover .b1_pic{ -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); transform:rotate(360deg);}
.b1_pic{ -moz-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.b1 .desc{ font-size:14px; margin-top:15px;}

.foot{ padding:40px 0; background:#c98f54; border-bottom:1px solid #ecaf70;}
.foot a{ position:relative; color:#333;}
.f1 a::after{ content:''; position:absolute; left:0; bottom:-2px; width:0; height:1px; background:#333; -moz-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.f1 a:hover::after{ width:100%;}
.foot .width{ text-align:justify; line-height:0; font-size:0;}
.foot .width:after{
     display:inline-block;
     overflow:hidden;
     width:100%;
     height:0;
     content:'';
     vertical-align:top;
}
.foot_logo{ display:inline-block; vertical-align:middle; position:relative; margin-right:20px;}
.foot_logo::after{ content:''; position:absolute; right:-30px; top:0; width:1px; height:100%; background:#ecaf70;}
.f1{ display:inline-block; vertical-align:top; color:#333; line-height:24px;}
.code{ display:inline-block; vertical-align:top; text-align:center; font-size:14px; line-height:20px; color:#333; margin-top:25px;}
.f1_t{ font-size:15px; margin-bottom:5px; font-weight:bold;}
.f1_t2{ font-size:14px;}

.copy{ height:50px; line-height:50px; background:#c98f54; font-size:14px; color:#333;}
.copy a{ position:relative; color:#333;}
.copy a::after{ content:''; position:absolute; left:0; bottom:-2px; width:0; height:1px; background:#333; -moz-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.copy a:hover::after{ width:100%;}
.copy1{ float:left;}
.copy2{ float:right;}

.ban{ height:474px;}

.content{ padding:50px 0;}
.left{ float:left; width:260px;}
.right{ float:right; width:990px;}
.left_t{ line-height:80px; font-size:24px; background:#c98f54; color:#fff; padding-left:20px;}
.left_t span{ font-size:16px; padding-left:15px;}
.left_nav{ border:1px solid #ddd; border-top:none; border-bottom:none; margin-bottom:20px;}
.left_nav li{ border-bottom:1px solid #ddd; background:url(../img/left_a.png) 230px center no-repeat;}
.left_nav a{ display:block; line-height:45px; font-size:14px; padding-left:20px; color:#666;}
.left_nav a:hover{ color:#c98f54; -moz-transform:translateX(3px); -webkit-transform:translateX(3px); transform:translateX(3px);}
.cur2{ color:#c98f54 !important;}
.left_desc{ border:1px solid #ddd; border-top:none; padding:10px; padding-bottom:0;}
.left_pic{ font-size:0; margin-top:10px;}

.right_t{ font-size:14px; color:#999; line-height:40px; border-bottom:1px solid #ddd; margin-bottom:30px;}
.right_t a{ color:#999;}
.right_t a:hover{ color:#c98f54;}

.pro2_bg{ width:1045px;}
.pro2{ float:left; display:block; width:300px; color:#666; margin-right:45px; margin-bottom:20px;}
.pro2:hover{ color:#c98f54;}
.pro2:hover .pro2_picbg{ border-color:#c98f54;}
.pro2:hover .pro2_pic{ -moz-transform:scale(1.05); -webkit-transform:scale(1.05); transform:scale(1.05);}
.pro2_picbg{ width:296px; height:296px; border:2px solid #ddd; overflow:hidden; -moz-transition:.8s ease; -webkit-transition:.8s ease; transition:.8s ease;}
.pro2_pic{ width:100%; height:100%; -moz-transition:.8s ease; -webkit-transition:.8s ease; transition:.8s ease;}
.pro2 p{ font-size:14px; text-align:center; padding-top:8px;}

.page{ margin-top:30px;}
.page,.page span,.page p,.page a{ padding:4px; font-size:14px; color:#aaa;}
.page a{ color:#666;}
.page a:hover{ color:#c98f54;}

.pro_right{ float:right; width:470px; position:relative; min-height:590px;}
.pro_t{ font-size:20px; color:#c98f54; font-weight:bold; padding:10px 0;}
.pro_more{ display:block; width:88px; height:38px; line-height:38px; text-align:center; border:1px solid #c98f54; background:#c98f54; color:#fff; font-size:14px; margin-top:15px;}
.pro_more:hover{ background:none; color:#c98f54;}
.next1{ position:absolute; width:470px; font-size:14px; color:#666; line-height:30px;}
.next1 a{ color:#c98f54;}
.next1 a:hover{ text-decoration:underline;}
.next11{ bottom:45px;}
.next12{ bottom:20px;}
.pro_t2{ color:#c98f54; border-bottom:1px solid #ddd; padding-bottom:10px; margin:30px 0 15px;}

.map{ margin-top:30px;}
.in1{ width:400px; height:40px; line-height:40px; padding:0 10px; border:1px solid #ddd; outline:none; font-family:"微软雅黑"; font-size:14px; color:#666; margin-bottom:15px;}
.in2{ width:800px; height:160px; line-height:40px; padding:0 10px; border:1px solid #ddd; outline:none; font-family:"微软雅黑"; font-size:14px; color:#666; margin-bottom:15px;}
.in3{ width:150px; height:40px; line-height:40px; text-align:center; border:1px solid #c98f54; background:#c98f54; color:#fff; font-family:"微软雅黑"; font-size:14px; outline:none; -moz-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease; cursor:pointer;}
.in3:hover{ background:none; color:#c98f54;}
.in4{ float:left;}
.in4_pic{ float:left; height:42px;}





/* blue #c98f54 */

@media (max-width: 1299px){
body{ width:1300px !important; margin:0 auto;}
}