@media (max-width: 1199px) and (min-width: 769px){
html,body{ width:1200px !important; margin:0 auto;}
}


*{ margin:0; padding:0;}
.width{ width:1200px; margin:0 auto;}
.clear{ clear:both;}
a{ text-decoration:none; -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
img{ border:0; max-width:100%;}
.imgs{ position:absolute; left:0; top:0; width:100%; height:100%; filter:alpha(Opacity=0); -moz-opacity:0; opacity:0;}
li{ list-style-type:none;}
body{ overflow-x:hidden; background:#fff; font-family:Arial;}
.table{ width:100%; border-collapse:collapse;}
.table td{ border:1px solid #ddd !important;}
.justify{ text-justify:inter-ideograph; text-align:justify; line-height:0; font-size:0;}
.justify:after{
     display:inline-block;
     overflow:hidden;
     width:100%;
     height:0;
     content:'';
     vertical-align:top;
}

.top{ height:120px; border-bottom:2px solid #e4b97e;}
.logo{ float:left; height:100px; font-size:0; margin-top:10px;}
.logo img{ height:100%;}
.nav0{ float:right;}
.nav0 a{ display:inline-block; font-size:16px; color:#333; line-height:120px; padding:0 35px;}
.nav0 a:hover{ color:#d09545;}
.cur{ color:#d09545 !important;}
.nav_bg{ display:none;}
.nav_btn{ display:none;}
.nav{ display:none;}

@media (max-width: 768px){
.width{ width:92vw; padding:0 4vw;}
body{ padding-top:16vw !important;}
.top{ position:fixed; left:0; top:0; width:100%; height:16vw; background:#fff; z-index:999;}
.logo{ height:14vw; margin-top:1vw;}
.nav0{ display:none;}

.nav_btn{ display:block; position:absolute; right:4vw; display:block; width:7vw; height:7vw; margin:4.5vw 0; background:url(../img/menu2.png) center no-repeat; background-size:contain; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/menu2.png', sizingMethod='scale');}
.nav_bg{ display:none; position:fixed; z-index:1000; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.7);}
.nav{ display:block; position:fixed; z-index:1001; width:60%; height:100%; right:0; top:0; background:#fff; -moz-transform:translateX(60vw); -ms-transform:translateX(60vw); -webkit-transform:translateX(60vw); transform:translateX(60vw); -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.nav1{ height:16vw; height:-moz-calc(16vw - 1px); height:-ms-calc(16vw - 1px); height:-webkit-calc(16vw - 1px); height:calc(16vw - 1px); border-bottom:1px solid #eee;}
.nav_logo{ float:left; font-size:0; margin-left:4vw; margin-top:1vw;}
.nav_logo img{ height:14vw;}
.nav_close{ float:right; width:6vw; height:6vw; margin:5vw 0; margin-right:4vw; background:url(../img/close.png) center no-repeat; background-size:5vw;}
.nav2{ padding:2vw 4vw 0;}
.nav2 a{ display:block; line-height:11vw; font-size:3.75vw; color:#353535; border-bottom:1px solid #eee;}
.cur{ color:#d09545 !important;}
.nav_block{ -moz-transform:translateX(0); -ms-transform:translateX(0); -webkit-transform:translateX(0); transform:translateX(0);}

.banner img{ max-width:120%;}
}


.brand{ padding:60px 0;}
.brand_p{ display:inline-block; vertical-align:middle; max-width:50%; line-height:normal;}
.brand_pic{ display:inline-block; vertical-align:middle; max-width:50%;}
.brand_t1{ font-size:40px; color:#ddd; font-weight:bold; text-transform:uppercase;}
.brand_t2{ font-size:30px; color:#333; font-weight:bold; padding-top:5px;}
.brand_t3{ font-size:16px; color:#666; line-height:1.75em; padding-top:2em;}

@media (max-width: 768px){
.brand{ padding:6vw 0;}
.brand_p{ max-width:100%;}
.brand_pic{ max-width:100%; margin-top:3vw; display:none;}
.brand_t1{ font-size:6vw;}
.brand_t2{ font-size:4.5vw; padding-top:1vw;}
.brand_t3{ font-size:3.25vw; line-height:1.75em; padding-top:3vw;}
}


.product{ padding:0 0 60px; font-size:0;}
.product1{ width:100%; height:540px; overflow:hidden;}
.product2{ display:inline-block; width:585px; height:480px; margin-top:30px; overflow:hidden;}
.product1 a{ display:block; width:100%; height:100%; background:url(../img/p1.jpg) center no-repeat; background-size:cover;}
.product2 a{ display:block; width:100%; height:100%; background:url(../img/p1.jpg) center no-repeat; background-size:cover;}
.product3{ margin-left:30px;}
.product1 a:hover,.product2 a:hover{ -moz-transform:scale(1.03); -ms-transform:scale(1.03); -webkit-transform:scale(1.03); transform:scale(1.03);}
.product_more{ position:relative;}
.product_more::after{ content:''; position:absolute; width:100%; height:1px; background:#e4b97e; left:0; top:50%;}
.product_more a{ position:relative; display:block; z-index:2; width:140px; height:45px; line-height:45px; text-align:center; border:1px solid #e4b97e; font-size:16px; background:#fff; color:#d09545; margin:30px auto 0; outline:30px solid #fff;}
.product_more a:hover{ background:#e4b97e; color:#fff;}

@media (max-width: 768px){
.product{ padding:0 0 6vw;}
.product1{ height:44vw;}
.product2{ width:44.5vw; height:36vw; margin-top:3vw;}
.product3{ margin-left:3vw;}
.product_more a{ width:30vw; height:8vw; line-height:8vw; font-size:3.25vw; margin:3vw auto 0; outline:3vw solid #fff;}
}


.news{ padding:0 0 60px;}
.mySwiper{ position:relative; width:1148px; padding:0 25px; background:#f6f6f6; overflow:hidden; border:1px solid #ddd; border-bottom:none; margin-top:30px;}
.mySwiper .swiper-slide{ width:auto; padding:0 25px; background:#f6f6f6; color:#666; line-height:50px; cursor:pointer;}
.mySwiper .swiper-slide-thumb-active{ background:#fff; color:#d09545;}
.mySwiper .swiper-button-next,.mySwiper .swiper-button-prev{ position:absolute; top:22px; width:25px; height:50px; line-height:50px; text-align:center; background:#f6f6f6; outline:none;}
.mySwiper .swiper-button-next{ right:0;}
.mySwiper .swiper-button-prev{ left:0;}
.mySwiper .swiper-button-next::after,.mySwiper .swiper-button-prev::after{ position:absolute; font-size:16px;}
.mySwiper2{ position:relative; width:1198px; padding:30px 0; background:#fff; border:1px solid #ddd; border-top:none; overflow:hidden;}
.mySwiper2 .swiper-slide{ width:1150px; padding:0 25px; background:#fff;}
.news_pic{ float:left; position:relative; width:400px; height:280px; background:url(../img/p1.jpg) center no-repeat; background-size:cover;}
.news_p{ float:right; width:725px; line-height:280px;}
.news_p > div{ display:inline-block; vertical-align:middle; line-height:normal;}
.news_t1{ font-size:20px; color:#333; font-weight:bold; border-bottom:1px solid #ddd; padding-bottom:15px;}
.news_t2{ font-size:16px; color:#666; line-height:1.75em; padding:1.5em 0;}
.news_t3{ display:block; width:118px; height:38px; line-height:38px; text-align:center; font-size:14px; border:1px solid #e4b97e; color:#d09545;}
.news_t3:hover{ background:#e4b97e; color:#fff;}

@media (max-width: 768px){
.news{ padding:0 0 6vw;}
.mySwiper{ width:84vw; padding:0 4vw; margin-top:3vw;}
.mySwiper .swiper-slide{ padding:0 4vw; line-height:10vw; font-size:3.5vw;}
.mySwiper .swiper-button-next,.mySwiper .swiper-button-prev{ top:5vw; width:4vw; height:10vw; line-height:10vw;}
.mySwiper .swiper-button-next::after,.mySwiper .swiper-button-prev::after{ font-size:4vw;}
.mySwiper2{ width:92vw; padding:4vw 0;}
.mySwiper2 .swiper-slide{ width:84vw; padding:0 4vw;}
.news_pic{ width:100%; height:30vw; display:none;}
.news_p{ width:100%; line-height:normal;}
.news_t1{ font-size:4vw; padding-bottom:2vw;}
.news_t2{ font-size:3.25vw; padding:2vw 0;}
.news_t3{ width:20vw; height:8vw; line-height:8vw; font-size:3.25vw;}
}


.service{ padding:0 0 60px;}
.service .brand_t1{ text-align:center;}
.service .brand_t2{ text-align:center;}
.service_pic{ font-size:0; margin-top:30px;}

@media (max-width: 768px){
.service{ padding:0 0 6vw; display:none;}
.service_pic{ margin-top:3vw;}
}


.foot{ padding:30px 0 0; background:#f4e3cb;}
.foot_logo{ font-size:0; width:160px; margin:0 auto;}
.foot_t{ text-align:center; font-size:14px; color:#815a31; line-height:1.75em; margin-top:30px;}
.foot_copy{ text-align:center; font-size:14px; color:#815a31; line-height:60px; border-top:1px solid #e4b97e; margin-top:20px;}
.foot_copy a{ color:#815a31; margin-left:10px;}

@media (max-width: 768px){
.foot{ padding:3vw 0 0;}
.foot_logo{ width:100%; text-align:center;}
.foot_logo img{ height:14vw;}
.foot_t{ font-size:3vw; margin-top:3vw;}
.foot_copy{ font-size:3vw; line-height:10vw; margin-top:2vw;}
.foot_copy a{ display:none;}
}


.ban1{ display:block; font-size:0; margin:0 auto;}
.swiper_pro{ height:420px; margin:30px 0 60px;}
.swiper_pro .swiper-slide{ width:300px;}
.pro1{ display:block; width:250px; padding:0 25px;}
.pro1:hover .pro1_pic{ -moz-transform:scale(1.03); -ms-transform:scale(1.03); -webkit-transform:scale(1.03); transform:scale(1.03);}
.pro1:hover .pro1_t3{ border-color:#e4b97e; background:#e4b97e; color:#fff;}
.pro1_picbg{ width:250px; height:0; padding-bottom:100%; margin:0 auto; overflow:hidden; background:#ddd;}
.pro1_pic{ position:relative; width:100%; height:0; padding-bottom:100%; background:url(../img/pro1.jpg) center no-repeat; background-size:cover; -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.pro1_t1{ text-align:center; font-size:18px; color:#333; font-weight:bold; padding-top:10px;}
.pro1_t2{ text-align:center; font-size:16px; color:#666; padding:5px 0 15px;}
.pro1_t3{ width:98px; height:28px; line-height:28px; text-align:center; border:1px solid #f7e1c1; background:#f7e1c1; color:#666; font-size:14px; margin:0 auto; -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.swiper_pro .swiper-button-next,.swiper_pro .swiper-button-prev{ position:absolute; top:auto; bottom:-8px; left:50%; width:30px; outline:none;}
.swiper_pro .swiper-button-next{ left:auto; right:50%; margin-right:-80px;}
.swiper_pro .swiper-button-prev{ margin-left:-80px;}
.swiper_pro .swiper-button-next::after,.swiper_pro .swiper-button-prev::after{ font-size:20px;}

.pro1_bg{ margin:30px 0 60px;}
.pro1_bg .pro1{ float:left; margin-top:60px;}
.pro1_bg .pro1:nth-child(1),.pro1_bg .pro1:nth-child(2),.pro1_bg .pro1:nth-child(3),.pro1_bg .pro1:nth-child(4){ margin-top:0;}

@media (max-width: 768px){
.ban1{ width:100vw; margin-left:-4vw;}
.swiper_pro{ height:78vw; margin:3vw 0 5vw;}
.swiper_pro .swiper-slide{ width:44vw; margin-right:4vw;}
.pro1{ width:44vw; padding:0;}
.pro1_picbg{ width:44vw;}
.pro1_t1{ font-size:4vw; padding-top:2vw;}
.pro1_t2{ font-size:3.25vw; padding:1vw 0 3vw;}
.pro1_t3{ width:20vw; height:6vw; line-height:6vw; font-size:3vw;}
.swiper_pro .swiper-button-next,.swiper_pro .swiper-button-prev{ bottom:-2vw; width:10vw;}
.swiper_pro .swiper-button-next{ margin-right:-20vw;}
.swiper_pro .swiper-button-prev{ margin-left:-20vw;}
.swiper_pro .swiper-button-next::after,.swiper_pro .swiper-button-prev::after{ font-size:4vw;}

.pro1_bg{ margin:3vw 0 6vw;}
.pro1_bg .pro1{ margin-top:3vw; margin-right:4vw;}
.pro1_bg .pro1:nth-child(3),.pro1_bg .pro1:nth-child(4){ margin-top:3vw;}
.pro1_bg .pro1:nth-child(2n){ margin-right:0;}
}


.pro_content{ padding:60px 0;}
.mySwiper1{ float:left; position:relative; width:573px; height:573px; border:1px solid #eee; overflow:hidden;}
.mySwiper1 .swiper-slide{ width:100%; height:100%;}
.pro_pic{ width:100%; height:100%; background:url(../img/pro1.jpg) center no-repeat; background-size:cover;}
.pro_p{ float:right; width:475px; height:575px; line-height:575px; background:#fafafa; padding:0 50px;}
.pro_p > div{ display:inline-block; vertical-align:middle; line-height:normal;}
.pro_t1{ font-size:28px; color:#333; margin-bottom:1em;}
.pro_t2{ font-size:16px; color:#666; line-height:1.75em;}
.pro_t3{ border-bottom:1px solid #ddd; font-size:20px; color:#d09545; margin-top:40px; margin-bottom:60px; padding-bottom:10px;}
.pro_t4{ font-size:0;}

@media (max-width: 768px){
.pro_content{ padding:6vw 0;}
.mySwiper1{ width:92vw; height:92vw;}
.pro_p{ width:92vw; height:auto; line-height:normal; background:#fff; padding:0; margin-top:4vw;}
.pro_t1{ font-size:5vw; margin-bottom:2vw; font-weight:bold;}
.pro_t2{ font-size:3.25vw;}
.pro_t3{ font-size:4vw; margin-top:6vw; margin-bottom:4vw; padding-bottom:3vw;}
}


.ban{ width:100%; height:600px; background:url(../img/world.jpg) center no-repeat; background-size:cover;}
.content{ padding:60px 0;}
.t1{ width:50px; margin:0 auto;}
.t2{ text-align:center; font-size:40px; color:#70614b;}
.t3{ text-align:center; font-size:30px; color:#70614b; margin-bottom:60px;}

@media (max-width: 768px){
.ban{ height:38vw;}
.content{ padding:6vw 0;}
.t1{ width:100%; text-align:center;}
.t1 img{ height:7vw;}
.t2{ font-size:6vw;}
.t3{ font-size:5vw; margin-bottom:6vw;}
}


.world_t1{ text-align:center; font-size:18px; color:#666; line-height:1.75em;}
.world_t1 p{ padding-bottom:1.75em;}
.world_t2{ width:100%; margin-top:30px; margin-bottom:60px;}
.world_t2 img{ width:100%;}
.world_t3 p{ padding-bottom:0.5em;}
.pic1_bg{ margin-top:60px;}
.pic1{ float:left; width:397px; height:397px; background:url(../img/w2.jpg) center no-repeat; background-size:cover; margin-left:4px; margin-top:4px;}
.pic1:nth-child(1),.pic1:nth-child(4){ margin-left:0;}
.pic1:nth-child(1),.pic1:nth-child(2),.pic1:nth-child(3){ margin-top:0;}

@media (max-width: 768px){
.world_t1{ font-size:3.25vw;}
.world_t1 p{ padding-bottom:1em;}
.world_t2{ margin-top:3vw; margin-bottom:6vw;}
.world_t3 p{ padding-bottom:0.25em;}
.pic1_bg{ margin-top:6vw;}
.pic1{ width:45vw; height:45vw; margin-left:2vw; margin-top:2vw;}
.pic1:nth-child(1),.pic1:nth-child(4){ margin-left:2vw;}
.pic1:nth-child(1),.pic1:nth-child(2),.pic1:nth-child(3){ margin-top:2vw;}
.pic1:nth-child(1),.pic1:nth-child(2){ margin-top:0;}
.pic1:nth-child(2n-1){ margin-left:0;}
}


.brand0{}
.brand1{ min-height:450px; margin-top:60px;}
.brand1:nth-child(2n) .brand1_pic{ float:left;}
.brand1:nth-child(2n) .brand1_p{ float:right; text-align:right;}
.brand1_pic{ float:right; width:30%; min-height:450px;}
.brand1_p{ float:left; width:60%; line-height:450px;}
.brand1_p > div{ display:inline-block; vertical-align:middle; line-height:normal; width:100%;}
.brand1_t1{ font-size:40px; color:#70614b; font-weight:bold;}
.brand1_t2{ font-size:28px; color:#c8a86f; border-bottom:1px solid #ddd; padding-top:5px; padding-bottom:25px; margin-bottom:25px;}
.brand1_t3{ font-size:18px; color:#666; line-height:2em;}

@media (max-width: 768px){
.brand1{ min-height:auto; margin-top:6vw;}
.brand1:nth-child(2n) .brand1_p{ text-align:left;}
.brand1_pic{ display:none;}
.brand1_p{ width:100%; line-height:normal;}
.brand1_t1{ font-size:6vw;}
.brand1_t2{ font-size:4.5vw; padding-top:1vw; padding-bottom:4vw; margin-bottom:3vw;}
.brand1_t3{ font-size:3.25vw;}
}


.about_t1{ text-align:center; font-size:28px; color:#333;}
.about_t2{ text-align:center; font-size:20px; color:#333; padding:10px 0 20px;}
.about_t3{ font-size:18px; color:#666; line-height:2em;}
.about_t3 p{ padding-top:1em;}
.about_t4{ width:100%; font-size:0; margin-top:60px;}
.about_t4 img{ width:100%;}

@media (max-width: 768px){
.about_t1{ font-size:4.5vw;}
.about_t2{ font-size:3.5vw; padding:1vw 0 2vw;}
.about_t3{ font-size:3.25vw;}
.about_t4{ margin-top:6vw;}
}


.contact_t1{ text-align:center; font-size:26px; color:#333;}
.contact_t1 span{ padding-left:40px; background:url(../img/tel.png) left center no-repeat; background-size:28px;}
.contact_t2{ width:220px; font-size:0; margin:50px auto 0;}
.contact_t2 img{ width:100%;}
.contact_t3{ text-align:center; font-size:18px; color:#666; margin-top:10px;}

@media (max-width: 768px){
.contact_t1{ font-size:4.5vw;}
.contact_t1 span{ padding-left:7vw; background-size:4.5vw;}
.contact_t2{ width:40vw; margin:4vw auto 0;}
.contact_t3{ font-size:3.25vw; margin-top:1vw;}
}


.news1_bg{ padding:60px 0;}
.news1{ display:block; width:1140px; padding:30px; box-shadow:0 0 10px rgba(0,0,0,.1); margin-top:30px;}
.news1:nth-child(1){ margin-top:0;}
.news1:hover .news1_pic{ -moz-transform:scale(1.03); -ms-transform:scale(1.03); -webkit-transform:scale(1.03); transform:scale(1.03);}
.news1_picbg{ float:left; width:360px; height:260px; overflow:hidden;}
.news1_pic{ position:relative; width:100%; height:100%; background:url(../img/w2.jpg) center no-repeat; background-size:cover; -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.news1_p{ float:right; width:750px; line-height:260px;}
.news1_p > div{ display:inline-block; vertical-align:middle; line-height:normal;}
.news1_t1{ font-size:24px; color:#333;}
.news1_t2{ font-size:18px; color:#666; line-height:1.75em; padding:20px 0;}
.news1_t3{ font-size:16px; color:#d09545;}

.page{ font-size:14px; color:#bbb; margin-top:70px; margin-bottom:10px;}
.page a{ border:1px solid #ddd; color:#999; padding:4px 10px; margin:0 5px;}
.page a:hover{ background:#e4b97e; border-color:#e4b97e; color:#fff;}
.page-num-current{ background:#e4b97e; border-color:#e4b97e !important; color:#fff !important;}

@media (max-width: 768px){
.news1_bg{ padding:6vw 0;}
.news1{ width:84vw; padding:4vw; box-shadow:0 0 2vw rgba(0,0,0,.1); margin-top:4vw;}
.news1_picbg{ width:100%; height:40vw;}
.news1_p{ width:100%; line-height:normal; margin-top:3vw;}
.news1_t1{ font-size:4.25vw;}
.news1_t2{ font-size:3.25vw; padding:2vw 0;}
.news1_t3{ font-size:3vw;}

.page{ font-size:3vw; margin-top:7vw; margin-bottom:2vw;}
.page-num{ display:none;}
}


.news_content{ width:1100px; padding:50px; margin:60px auto; box-shadow:0 0 10px rgba(0,0,0,.1);}
.news_tt1{ text-align:center; font-size:28px; color:#333; margin-bottom:15px;}
.news_tt2{ font-size:18px; line-height:1.75em; color:#666;}
.news_tt2 p{ padding-top:1em;}

@media (max-width: 768px){
.news_content{ width:84vw; padding:5vw 4vw; margin:6vw auto; box-shadow:0 0 2vw rgba(0,0,0,.1);}
.news_tt1{ font-size:4.5vw; margin-bottom:0.5vw;}
.news_tt2{ font-size:3.25vw;}
.news_tt2 p{ padding-top:1em;}
}






/* e4b97e */