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


/*************************************导航css*******************************************/
.header{width:100%;position:relative;top:0;left:0;z-index:999; height: 100px; background: #fff; color: #000;}
header .logo{width:375px; float:left; margin: 15px 70px 0 40px;}
header .logo img{width:100%;}

/******************导航栏css*****************/
.header .nav{-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;height:50px;line-height: 50px; display: block;}
.header .navbar_nav li{float:left;position: relative;display: block; margin: 25px 25px 0 25px;}
.header .navbar_nav li:after{content: "";width: 0;height: 1px;background:#c8a063; position: absolute;bottom: 0;left: 0;transition: all 0.5s ease 0s;}
.header .navbar_nav li:hover:after{width: 100%;}
.header .navbar_nav li a{text-decoration: none;height: 100%;display: block;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;color: #000;font-size: 16px;}
.header .navbar_nav li:hover a{color:#c8a063;}
.header .navbar_nav li.lang_cn{ font-weight:bold;}
.header .navbar_nav li.lang_cn img{width:15px; margin-right: 8px;}

/******************导航右侧css*****************/
.header_right{width:27%; position:absolute; z-index: 50; right: 40px; top: 35px; line-height: 30px;}
.header_search{width:40%; float: left; height: 34px; position: relative; z-index: 1;}
input.search_input{width:100%; line-height: 31px; background: none; border: 1px #f8f8f8 solid; border-radius:20px;  padding: 0 15px; position: absolute; z-index: 2; top: 0; left: 0;}
input.search_input:focus  {background: none; border: 1px #c8a063 solid; border-radius:20px;}
button.search_btn{width:31px; height: 31px; background: url("../images/search_btn.png") top left no-repeat; border: none; cursor: pointer; position: absolute; z-index: 99; right: 0;}
.header_tel{float: left;  background: url("../images/tel_btn.png") top left no-repeat; padding-left: 35px;}

.header_wechat{ width:31px; height: 31px; float: left; background: url("../images/wechat_btn.png") top left no-repeat; margin: 0 20px 0 15px; cursor: pointer; position: relative;}
.header_wechat_img{ position:absolute; top: 25px; right: -200%; display: none;}
.header_wechat_img img{width:150px;}
.header_wechat:hover .header_wechat_img{ display: block;}

/*白色背景的头部*/
.header.on{background: #fff;border-bottom: 1px solid #ccc;}
.header.on .left .img1{display: none;}
.header.on .left .img2{display: block;}
.header.on .navbar_nav li a{color: #333;}
.header.on .navbar_nav li:hover a{color: orangered;}
#navToggle{display: none;}

.m_nav{position: fixed;top: 0px; box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);width: 100%;height: 100%;background: #fff;transition: all ease 0.5s;-webkit-transition: all ease 0.5s;z-index: 1000;opacity: 0;visibility: visible;margin-top: 0;overflow-y: auto;transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;top: 0;transform: translateX(100%);}
.m_nav.open{transform: translateX(0); opacity: 1;}
.m_nav .top{height: 60px;padding: 20px;box-sizing: border-box;}
.m_nav .top .closed{width: 30px;height: 30px;vertical-align: middle;float:right;cursor: pointer;}
.m_nav .logo{width: 100%;margin:0 auto;}
.m_nav .logo img{height: 50px; display: block;margin:30px auto;}
.m_nav .ul{margin-top: 30px;}
.m_nav .ul li{padding: 0 20px;border-bottom: 1px solid #f5f5f5;transform: translateY(0);-webkit-transform: translateY(100%);transform: translateY(100%);-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;opacity: 0;}
.m_nav.open .ul li{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
.m_nav .ul li:nth-child(1) {-webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(2) {-webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(3) {-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(4) {-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(5) {-webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(6) {-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li a{display: block;text-decoration: none;color: #333;font-size: 18px;height: 50px;line-height: 50px;width: 100%;}
.m_nav li.lang_cn{ font-weight:bold;}
.m_nav li.lang_cn img{width:18px; margin-right: 8px;}

@media screen and (max-width: 1440px){
    .header_right{width:15%; position:absolute; z-index: 50; right: 0px; top: 35px; line-height: 30px;}
    .header_search{width:73%;}
    .header_wechat{ float:right; margin: 0 10px 0 0px;}
    .header_wechat_img{ position:absolute; top: 25px; right: -50%; display: none;}
    .header_tel{ display:none;}  
}

@media screen and (max-width: 1360px){
    header .logo{width:375px; float:left; margin: 15px 20px 0 40px;}
}

@media screen and (max-width: 1200px){
    header .logo{width:300px; float:left; margin: 15px 10px 0 10px;}
}

@media screen and (max-width: 992px){
    .header_right{display:none;}
    .header #navToggle {height: 100%;padding: 9px 15px;margin-right: -15px;display: inline-block;float: right;}
    .header #navToggle span {position: relative;width: 25px;height: 1px; margin-top: 35px;}
    .header #navToggle span:before,.header #navToggle span:after {content: '';position: relative;width: 100%;height: 1px;left: 0;}
    .header #navToggle span,.header #navToggle span:before,.header #navToggle span:after {-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;display: block;background: #4f4f4f;}
    .header #navToggle span:before {top: 8px;}
    .header #navToggle span:after {bottom: 10px;}
    .header #navToggle.open span:before {top: 10px;-webkit-transform: translateY(-11px) rotate(-45deg);-moz-transform: translateY(-11px) rotate(-45deg);-ms-transform: translateY(-11px) rotate(-45deg);-o-transform: translateY(-11px) rotate(-45deg);transform: translateY(-11px) rotate(-45deg);}
    .header #navToggle.open span:after {bottom: 12px;-webkit-transform: translateY(10px) rotate(45deg);-moz-transform: translateY(10px) rotate(45deg);-ms-transform: translateY(10px) rotate(45deg);-o-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg);}
    .header #navToggle.open span {background: none;}
    .header #navToggle.open span:before,.header #navToggle.open span:after {background: #4f4f4f;}
    .header .nav{display: none;}
    .banner img{height: 600px;object-fit: cover;}
}
@media screen and (max-width: 760px){
    .header{height: 80px;}
    header .logo{width:80%;margin: 20px 0px 0 20px;}
    header .logo img{width:80%;}
}
@media screen and (max-width: 576px){
    header .logo{width:60%;margin: 20px 0px 0 20px;}
}



/****************************************banner css********************************************/
@-webkit-keyframes scale-bg{
    from{-webkit-transform:scale(1.2);transform:scale(1.2);}
    to{-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes scale-bg{
    from{-webkit-transform:scale(1.2);transform:scale(1.2);}
    to{-webkit-transform:scale(1);transform:scale(1);}
}
/*banner */
.section1{position: relative;}
.index_banner .item{background-size: cover;-webkit-background-size:cover;background-position: center;background-repeat: no-repeat;height:82vh;position: relative;}
.index_banner .item.slick-current .scaleBg{visibility: visible; -webkit-animation:scale-bg 6s linear forwards;animation:scale-bg 6s linear forwards;}
.index_banner .items{background-size: cover;background-position: center center;background-repeat: no-repeat;position: absolute;left: 0;top: 0;width: 100%;height:100%;z-index: 0;}
.index_banner .items:after{content: "";display: block;width: 100%;height:100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.2);}
.index_banner .item .inner .block_txt{position: absolute;top: 35%;right: 10px;left:10px;opacity: 0; transform: translateY(40px);-webkit-transform: translateY(40px); -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.index_banner .item.active .inner .block_txt{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 100ms; transition-delay: 100ms;}
.index_banner .item .inner .block_txt h4{text-align: center;}
.index_banner .item .inner .block_txt img{ display:inline-block;}
.index_banner .item .inner .block_txt h2{text-align:center;}
.index_banner .item .inner .block_txt h2 span{color: #f5c920;display: inline-block;letter-spacing: 5px;}
.index_banner .item .inner .block_txt h3{text-align:center;margin-top: 10px;}
.section1 .slick_txt{width:30%;height:760px;background-color: transparent;transition: all 500ms ease;-webkit-transition:all 500ms ease; background-repeat: no-repeat;position: absolute;top: 0;font-size: 0;outline: none;border:0;}
.section1 .left{left: 0;}
.section1 .right{right:0;}
.section1 .slick_txt:hover .slick_arrow{opacity: 1;visibility: visible;}
.section1 .slick_txt .slick_arrow{width: 20px;height: 36px;background-repeat: no-repeat;background-position: center;margin-top: -18px;position: absolute;top: 50%;cursor: pointer;transition: all 500ms ease;-webkit-transition:all 500ms ease;opacity: 1;visibility: hidden;}
.section1 .slick_txt .prev{background-image:url(../images/ban_prev.png);left:60px;}
.section1 .slick_txt .next{background-image:url(../images/ban_next.png);right:60px;}
.section1 .slick_txt .prev:hover{background-image:url(../images/ban_prev_hover.png);}
.section1 .slick_txt .next:hover{background-image:url(../images/ban_next_hover.png);}
.section1 .number{position: absolute;bottom:8%;left: 50%;padding-bottom: 5px;border-bottom: 1px solid rgba(255,255,255,0.2);display: table;padding: 0 20px;width: auto;text-align: center;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.section1 .number span{font-family: "Myriad Pro","Microsoft YaHei";font-size: 14px;color: #fff;margin-right:100px;display: inline-block;cursor: pointer;position: relative;transition: all 500ms ease;-webkit-transition:all 500ms ease;}
.section1 .number span:last-child{margin-right: 0;}
.section1 .number span:after{content: "";display: inline-block;width: 0;height: 2px;background: #fff;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);bottom:-20px;opacity: 0;visibility: hidden;transition: all 500ms ease;-webkit-transition:all 500ms ease;}
.section1 .number span.active:after{width: 100%;opacity: 1;visibility: visible;}
.index_banner .banner_bg1{background: url(../images/banner_1.jpg) top center no-repeat;}
.index_banner .banner_bg2{background: url(../images/banner_2.jpg) top center no-repeat;}
.index_banner .banner_bg3{background: url(../images/banner_3.jpg) top center no-repeat;}
.index_banner .banner_bg4{background: url(../images/banner_4.jpg) top center no-repeat;}


@media only screen and (max-width: 1366px){
    .index_banner .slick-arrow{background-size: auto 30px;}
}
@media only screen and (max-width: 992px){
    .index_banner .item{height: 82vh;}
    .index_banner .item .inner .block_txt{left: 0;right:0;margin: 0 auto;padding: 0 20px;top: 42%;}
    .index_banner .item .inner .block_txt img{width:70%;}
    .index_banner .item .inner .block_txt h2{line-height: 0;}
    .index_banner .item .inner .block_txt h3{margin-top:0px; line-height: 0;}
    .index_banner .item .inner .block_txt h2 img , .index_banner .item .inner .block_txt h3 img{width:100%;}
    .index_banner .slick-arrow{display: none !important;}
    .index_banner .slick-dots{position: absolute;bottom: 12px;}
    .index_banner .slick-dots li{width: 12px;height: 12px;border-radius: 50%;border:2px solid #fff;}
    .index_banner .slick-dots li button{display: none;}
    .index_banner .slick-dots li.slick-active{background: #fff;}
    .section1 .number{bottom: 12%;display: none;}
    .section1 .number span{margin-right: 22px;}
    .section1 .number span:after{bottom: -14px;}
    
    .index_banner .banner_bg1{background: url(../images/m_banner_1.jpg) top center no-repeat;}
    .index_banner .banner_bg2{background: url(../images/m_banner_2.jpg) top center no-repeat;}
    .index_banner .banner_bg3{background: url(../images/m_banner_3.jpg) top center no-repeat;}
    .index_banner .banner_bg4{background: url(../images/m_banner_4.jpg) top center no-repeat;}
}

/*************************************首页公司简介css*******************************/
.inabout_bg{ background:#fff; border-bottom:1px #eee solid; padding: 75px 0; text-align: center;}
.inabout_bg h2{color: #000; font-family:Arial; margin-bottom: 12px;}
.inabout_bg h3{ font-size:20px; font-weight: bold; line-height: 22px; color: #c8a063; font-family:Arial;}
.inabout_bg p{ font-size:16px; margin: 10px 0 50px 0;}
.inabout_bg .inabout_more{width:520px; margin:0 auto; text-align: center; height: 50px; line-height: 50px;}
.inabout_bg .inabout_pinnuo{width:240px; float: left; background: #c8a063; color: #fff; margin: 0 10px;}
.inabout_bg .inabout_pinnuo a{ color:#fff; display: block;}
.inabout_bg .inabout_pinnuo a:hover{background: #b58235; color: #fff;}
.inabout_bg .inabout_guanmu{width:240px; float: left; background: #fff;  color: #c8a063; margin: 0 10px;}
.inabout_bg .inabout_guanmu a{ color: #c8a063; display: block; border: 1px #c8a063 solid;}
.inabout_bg .inabout_guanmu a:hover{border: 1px #000 solid; color: #000;}

@media only screen and (max-width: 992px){
    .inabout_bg .inabout_more{width:100%; margin:0 auto; text-align: center; height: 50px; line-height: 50px;}
    .inabout_bg h2{font-size:28px; color: #000; font-family:Arial; margin-bottom: 12px;}
    .inabout_bg h3{ font-size:16px;line-height:18px;}
    .inabout_bg .inabout_pinnuo{width:46%; float: left; background: #c8a063; color: #fff; margin: 0 2%;}
    .inabout_bg .inabout_guanmu{width:46%; float: left; background: #fff;  color: #c8a063; margin: 0 2%;}
}

/*************************************首页产品分类css*******************************/
.inproduct_bg{width:100%;}
.inproduct_bg .inprodut_list{border-right:1px #eee solid; padding-top:30px; text-align: center; position: relative; overflow: hidden;}
.inproduct_bg .inprodut_list img{width:100%;}
.inproduct_bg .inprodut_list:nth-last-child(1){border-right:none;}
.inproduct_bg .inprodut_list h3{ font-weight:900; color: #c8a063; text-transform: uppercase; font-family: Arial; margin-top: 50px;}
.inproduct_bg .inproduct_list_icon img{width:16px;}
.inproduct_bg .inprodut_list h6{ text-transform:capitalize; margin: 10px 0 25px 0;}
.inproduct_bg .inprodut_list p{ color:#606060; font-size:14px; padding:0 20px;}
.inproduct_bg .inproduct_list_more{width:200px; height: 48px; line-height: 48px; margin: 50px auto 80px; border: 1px #eee2d0 solid; text-align: center; font-size:12px; text-transform: uppercase; font-family: Arial; color: #8d8d8d; cursor: pointer;}
.inproduct_bg .inproduct_list_more:hover{ background:#c8a063; color: #fff;}

.inproduct_list_small{position:absolute; top:50%; left: 0; width: 94%; height:50%; transition: all ease 0.5s;-webkit-transition: all ease 0.5s;z-index: 100;opacity: 0; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transform: translateX(-100%); background: #eee2d0; overflow:hidden; text-align: left; line-height: 38px; margin: 0 3%;}
.inproduct_list_small ul{width:85%; margin: 30px auto;}
.inproduct_list_small.open{transform: translateX(0%); opacity: 1;}
.inproduct_list_small img.closed{width: 16px;vertical-align: middle;float:right;cursor: pointer; margin: 10px 15px 0 0;}


/************************ 首页分类弹窗css ************************/
@media only screen and (max-width: 992px){
    .inproduct_bg .inprodut_list h3{ font-weight:900; color: #c8a063; text-transform: uppercase; font-family: Arial; margin-top: 25px;}
    .inproduct_bg .inprodut_list img{width:100%;}
    .inproduct_bg .inproduct_list_icon img{width:16px;}
    .inproduct_bg .inprodut_list{border-bottom:1px #eee solid; border-right: none; padding-top:35px; text-align: center; overflow: hidden;}
    .inproduct_bg .inprodut_list:nth-last-child(1){border-bottom:none;}
    .inproduct_bg .inproduct_list_more{margin: 50px auto 50px;}
    
    .inproduct_list_small{position:absolute; top:41%; left: 0; width: 100%; height:60%; line-height: 32px; margin: 0 0 0 0;}
    .inproduct_list_small img.closed{width: 16px;}

}

/**************************************底部信息css***************************************/
.footer{border-top:1px #eee solid; padding: 80px 0 60px 0;}
.footer h6{ color:#000; text-transform:uppercase; font-family: Arial; margin-bottom: 45px;}
.footer p{ color:#898989; line-height: 30px;}
.footer a{ color:#898989;}
.footer a:hover{ color: #c8a063; text-decoration: underline;}
.footer .footer_productlist ul li{width:50%; float: left; line-height: 30px;}
.footer .footer_productlist ul li:nth-last-child(1){width:100%;}
.footer img{width:175px; margin-left: 20px;}

.footer_message .form-wrap{font-size:14px; line-height: 32px; padding:8px; border:1px #f2f2f2 solid; color:#ccc; margin-bottom: 15px;}
.footer_message .form-wrap input{width:80%; border:none; background: none; padding: 0 10px;}
.footer_message .form-textarea{font-size:14px; line-height: 24px; padding:8px; border:1px #f2f2f2 solid; color:#ccc; margin-bottom: 15px; position: relative;}
.footer_message .form-textarea textarea{width:72%; height: 80px; border:none; background: none; padding: 0 10px;}
.footer_message .form-textarea label{ position:relative; top: -60px; right:5px;}
.footer_message button.button_submit_s{width:100%; background: #000; line-height: 45px; text-align: center; font-size:16px; border: none; color: #fff; cursor: pointer; transition:all .3s ease-in-out;}
.footer_message button.button_submit_s:hover{background:#c8a063; color: #fff;}

.copyright{border-top:1px #eee solid; line-height: 80px; font-size:13px; text-align: center; color:#898989;}
.copyright a{ color:#898989;}
.copyright a:hover{ color: #c8a063; text-decoration: underline;}

@media only screen and (max-width: 992px){
    .footer{border-top:1px #eee solid; padding:20px 0;}
    .footer h6{margin: 25px 0 15px;}
    .footer img{width:85%; margin-left:0px;}
    .footer_about,.footer_productlist{ display:none;}
    .footer_wechat{ text-align:center;}
    .footer_message{ margin-top:40px;}
    .copyright{line-height:24px; padding: 15px 0;}
}

/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px; font-family: arial;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#c8a063;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png); background-repeat:no-repeat;}
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#c8a063;display:none;}
.suspension .a-top:hover{background:#b68740;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{/*border-bottom:1px solid #eee;*/ padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px; text-transform: none;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{ color:#c8a063; font-weight: 700;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
/*.suspension .d-qrcode .inner-box{padding:20px 0;}*/
.suspension .d-qrcode .inner-box .qrcode-img img{width:100%;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

@media only screen and (max-width: 992px){
    .suspension{ display:none;}
}


/*************************************公司简介css*******************************/
.about_bg{ background:#ebe8e4;}
.about_bg .col-md-6,.about_bg .col-lg-6,.about_bg .col-xl-6{ padding:0;}
.about_info .col-md-4,.about_info .col-lg-4,.about_info .col-xl-4{ padding:30px 20px 0 0;}
.about_bg h2{width:100%; float: left; color:#c8a063; font-weight: 900; font-family:Arial; margin:18% 0 25px; font-size:28px;}
.about_bg p{ font-size:16px; margin: 10px 0 20px 0;}
.about_bg img{width:100%;}
.about_bg .about_info{width:85%; margin: 0 auto;}

@media only screen and (max-width: 992px){
    .about_bg h2{font-size:1.5em; margin:10% 0 15px;}
    .about_info{ padding-bottom:20px;}
}

.honor_bg{ background:#fff; text-align: center; padding:75px 0; border-bottom:1px #eee solid; }
.honor_bg h2{color:#c8a063; font-weight: 900; font-family:Arial; margin:0 0 50px 0;}
.honor_bg p{ line-height:20px; font-size:14px;}
.honor_bg p b{ font-size:18px; font-weight:900px; color:#c8a063; display: block;}
.honor_bg img{width:90%; border: 1px #efefef solid; margin-bottom: 15px;}
.honor_img{width:20% !important; text-align: center;}

@media only screen and (max-width: 992px){
    .honor_bg{padding:3% 0 8%;}
    .honor_bg h2{font-size:1.5em; margin:10% 0 30px;}
    .honor_bg p{ line-height:20px; font-size:14px; margin-bottom: 15px;}
    .honor_bg p b{display:inline-block; padding-right: 5px;}
    .honor_bg img{width:100%;}
    .honor_img{width:100% !important; text-align: center;}
}

.staff_bg{ background:#fff; padding-bottom: 75px; border-bottom:1px #eee solid; }
.staff_bg h2{color:#c8a063; font-weight: 900; font-family:Arial; padding: 50px 0; text-align: center;}
.staff_bg h4{ font-size:20px; margin: 20px 0 10px; color:#c8a063;}
.staff_bg p{ line-height:20px; font-size:14px; padding-right: 10px;}
.staff_bg img{width:46%; margin-right: 3%; float: left;}
.staff_info{width:100%; float: left; background:#fff; box-shadow: 0 0 10px rgba(0,0,0,0.08); margin-bottom: 25px;}
.staff_info a{ display:block; color:#c8a063;}
.staff_info a:hover{color:#000;} 

.staff_bg .staff_more{width:120px; height: 32px; line-height: 32px; margin: 10px 0 0px 0; background:#c8a063; text-align: center; font-size:12px; text-transform: uppercase; font-family: Arial; color: #fff; cursor: pointer; display: inline-block;}
.staff_bg .staff_more a{ display:block; color: #fff;}
.staff_bg .staff_more a:hover{ background:#000; color: #fff;}

@media screen and (max-width: 1200px) {
    .staff_bg h4{ font-size:20px; margin: 10px 0 5px; color:#c8a063;}
}

@media screen and (max-width: 992px) {
    .staff_bg{padding:3% 0;}
    .staff_bg h2{font-size:1.5em; padding:10% 0 30px;}
}


.exhibition_bg{ background:#ebe8e4;}
.exhibition_bg .col-md-6,.about_bg .col-lg-6,.about_bg .col-xl-6{ padding:0;}
.exhibition_bg h2{width:100%; float: left; color:#c8a063; font-weight: 900; font-family:Arial; padding:15% 0 25px;}
.exhibition_bg p{ font-size:16px; margin: 5px 0 0px 0; text-transform: capitalize;}
.exhibition_bg p b{ font-size:18px; font-weight:900; color:#c8a063; display: block; margin-top: 35px;}
.exhibition_bg img{width:100%;}
.exhibition_bg .exhibition_info{width:85%; margin: 0 auto;}

@media screen and (max-width: 992px) {
    .exhibition_bg h2{font-size:1.5em; padding:5% 0 15px;}
    .exhibition_bg .exhibition_info{ padding-bottom:20px; width:95%;}
}

.showroom_bg{ background:#fff; padding-bottom: 55px;}
.showroom_bg h2{color:#c8a063; font-weight: 900; font-family:Arial; padding: 50px 0; text-align: center;}
.showroom_bg p{ line-height:20px; font-size:14px;}
.showroom_bg img{width:100%; margin-bottom: 40px;}

@media screen and (max-width: 992px) {
    .showroom_bg{padding:3% 0;}
    .showroom_bg h2{font-size:1.5em;padding:8% 0 15px;}
    .showroom_bg .col-md-6,.showroom_bg .col-lg-6,.showroom_bg .col-xl-6{ padding:0;}
    .showroom_bg img{width:100%; margin-bottom: 20px;}
}


/*************************************关于冠木css*******************************/
.shili_bg{ background:#fff; text-align:center; padding-bottom: 70px;}
.shili_bg .row{text-align:left; margin-top:50px;}
.shili_bg h2{width:100%; float: left; color:#c8a063; font-weight: 900; font-family:Arial; margin:5% 0 5px; font-size:28px;}
.shili_bg h3{width:240px; font-size:18px; font-weight:bold; color:#fff; line-height:42px; text-transform:capitalize; text-align:center; background:#c8a064; margin:30px 0 15px 0;}
.shili_bg p{ font-size:16px; margin: 10px 0 20px 0;}
.shili_bg .row p{ font-size:16px; margin: 4px 0;}
.shili_bg img{width:90%;}
.shili_bg .about_info{width:85%; margin: 0 auto;}

.guanmu_bg3{ background:url(../images/guanmu_bg3.jpg) top center no-repeat; padding-bottom:30px;}
.guanmu_bg3 h2{color:#c8a063; font-weight: 900; font-family:Arial; padding: 50px 0 10px 0px; font-size:28px;}
.guanmu_bg3 img{width:47%; margin:15% 1% 5%;}
.guanmu_bg3 .row .row div img{width:100%; margin-top:45px;}

.guanmu_bg4{background:#fff; padding:80px 0; border-bottom:1px #eee solid; text-align: center;}
.guanmu_bg4 h2{color:#c8a063; font-weight: 900; font-family:Arial; padding: 0px 0 10px; font-size:28px;}
.guanmu_bg4 h4{color:#c8a063; font-weight: 900; font-family:Arial; padding: 0px 0 20px; font-size:22px;}
.guanmu_bg4 h5{ text-transform:uppercase; font-size:16px; font-weight:bold;}
.guanmu_bg4 .row{ margin-top:50px; }
.guanmu_bg4 .row p{ text-transform:uppercase; font-size:16px; font-weight:bold; padding: 20px 0;}
.guanmu_info4_1,.guanmu_info4_2,.guanmu_info4_3{background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.08); border-radius:6px;}
.guanmu_info4_1,.guanmu_info4_3{ margin-top:55px; }
.guanmu_bg4 img{width:100%; border-top-left-radius:6px; border-top-right-radius:6px;}

.guanmu_bg5{background:#fff; padding:60px 0; text-align: center;}
.guanmu_bg5 h2{color:#c8a063; font-weight: 900; font-family:Arial; padding: 0px 0 30px; font-size:28px;}
.guanmu_bg5 img{width:100%; padding-bottom:20px;}


@media only screen and (max-width: 992px){
    .shili_bg img{width:100%;}
    .guanmu_bg3{ background:#f5f5f5 url(../images/guanmu_bg3.jpg) bottom center no-repeat; padding-bottom:30px;}
    .guanmu_bg3 h2{ padding: 30px 20px 10px; font-size:24px;}
    .guanmu_bg3 p{ padding:0 20px; }
    .guanmu_bg3 img{width:95%; margin: 20px 0 0 2.5%;}
    .guanmu_bg3 .row .row div.col-md-4{width:33.3% !important;}
    .guanmu_bg3 .row .row div.col-md-4 img{width:100%; margin:30px 0 0 0;}
    .guanmu_bg4{padding:40px 0;}
    .guanmu_bg4 .row{ margin-top:20px; }
    .guanmu_info4_1,.guanmu_info4_3{ margin:5px 0; }
    .guanmu_info4_2{margin:20px 0;}

    .guanmu_bg5{background:#fff; padding:50px 0 30px; text-align: left;}
    .guanmu_bg5 h2{ text-align:center; }
    .guanmu_bg5 .row div{ padding:0 20px 20px 20px; }
}


/*****************************************产品展示css*****************************************/
.product_bannerbg{ background:url("../images/product_bannerbg.jpg") top center repeat-x; min-height: 580px; color:#fff;}
.product_bannerbg h2 {font-size:40px; color:#fff; font-weight: 700; padding:13% 0 0 0;}
.product_bannerbg p{ font-size:24px;}

.product_bannerbg .produt_list{text-align: center; overflow: hidden; /*cursor: pointer;*/ position:relative; z-index:99; top:80px;}
.product_bannerbg .produt_list img{width:100%;}
.product_bannerbg .produt_list h3{ position:absolute; z-index: 100; bottom: 30px; left: 50px; font-weight:900; color: #fff; text-transform: uppercase; font-family: Arial; background: rgba(200,160,99,0.7); padding: 0 30px 0 20px; margin: 0 auto;}
.product_list_small{position:absolute; top:0; left: 0; width: 94%; height:100%; transition: all ease 0.5s;-webkit-transition: all ease 0.5s;z-index: 100;opacity: 0; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transform: translateX(-100%); background: #eee2d0; overflow:hidden; text-align: left; line-height: 32px; margin: 0 3%;}
.product_list_small ul{width:85%; margin: 30px auto;}
.product_list_small.open{transform: translateX(0%); opacity: 1;}
.product_list_small img.closed{width: 16px;vertical-align: middle;float:right;cursor: pointer; margin: 10px 15px 0 0;}


/****************产品分类css**************/
.product_bg .row .col-md-2{ padding:0; }
.product_categories{width:100%; text-align:left; background: rgba(200,160,99,0.05);}
.product_categories h3{background: rgba(200,160,99,1); border-radius:2px; color:#fff; font-size:16px; line-height:38px; margin:0px 0 15px;}
.product_categories h3 a{ color:#fff; display: block; padding-left:15px;}
.product_categories h3 a:hover{ color:#fff; background:#b1833f; border-radius:2px;}
.product_categories h3 img{width:12px; margin-left:5px;}
.product_categories ul{ margin-bottom:20px;}
.product_categories ul li{ padding-left:10px; font-size:14px; line-height:28px; text-transform:capitalize;}

.product_bg{ position:relative; z-index: 99; margin: 130px 0 50px 0; text-align: center;}
.product_bg img{width:100%; margin:5px 0;}
.product_bg p{ font-size:16px; line-height: 35px;}


/*********************分页css************************/
.pagination {align-items:center;justify-content:center;font-size:0;line-height:0; /*margin-bottom:14px; margin-left:-14px*/}
.pagination:empty {margin-bottom:0;margin-left:0}
.pagination>* {display:inline-block;margin-top:0;margin-bottom:14px;margin-left:14px}
.pagination li {display:inline-block;vertical-align:middle;text-align:center}
.pagination li:first-child .pagination a,.pagination li:last-child .pagination a {color:#79aaba;border-radius:50%}
.pagination li:first-child .pagination a:hover,
.pagination li:first-child .pagination a:focus,
.pagination li:first-child .pagination a:active,
.pagination li:last-child .pagination a:hover,
.pagination li:last-child .pagination a:focus,
.pagination li:last-child .pagination a:active {color:#79aaba}
.pagination a {display:inline-block;min-width:38px;padding:6px 5px 4px;font-size:14px;line-height:1.2;font-weight:400;letter-spacing:.075em;color:#151515;background-color:#fff;border-radius:50%;border:2px solid transparent;box-shadow:0 0 6px 0 rgba(0,0,0,.17)!important;transition:all .3s ease-in-out}
.pagination a .icon {font-size:22px}
.pagination a:hover,.pagination a:focus,.pagination a:active {color:#78aaba;background-color:transparent;border-color:transparent}
.pagination span {display:inline-block;min-width:38px;padding:6px 5px 4px;font-size:14px;line-height:1.2;font-weight:400;letter-spacing:.075em;color:#151515;background-color:#fff;border-radius:50%;border:2px solid transparent;box-shadow:0 0 6px 0 rgba(0,0,0,.17)!important;transition:all .3s ease-in-out}
.pagination span .icon {font-size:22px}
.pagination li.active>.pagination a,
.pagination li.active>.pagination a:hover,
.pagination li.active>.pagination a:focus,
.pagination li.active>.pagination a:active {color:#3a3a3a;background-color:transparent;border-color:transparent}
.pagination li.disabled>.pagination a,
.pagination li.disabled>.pagination a:hover,
.pagination li.disabled>.pagination a:focus,
.pagination li.disabled>.pagination a:active {color:#9b9b9b;background-color:transparent;border-color:transparent}
.pagination li-control .icon::before {font-family:fontawesome;line-height:25px}
.pagination li-control:first-child .icon::before {content:'';margin-left:-1px}
.pagination li-control:last-child .icon::before {content:'';margin-right:-1px}
*+.pagination-wrap {margin-top:50px}


/************************ 分类弹窗css ************************/
@media screen and (max-width: 992px) {
    .product_bannerbg h2 {font-size:1.7em; color:#fff; font-weight: 700; padding:35% 0 0 0;}
    .product_bannerbg p{ font-size:16px;}
    .product_bannerbg .col-md-4,.product_bannerbg .col-lg-4,.product_bannerbg .col-xl-4{ padding:0;}
    .product_bannerbg .produt_list h3{left: 20px;}
    .product_bannerbg .produt_list img{width:100%;}
    .product_bannerbg .produt_list{text-align: center; overflow: hidden; margin-bottom: 20px;}
    .produt_list{ display: none; }
    .product_bg{margin: 30px 0 0px 0;}
}

@media(min-width:576px) {
    .pagination {margin-bottom:-18px;margin-left:-18px}
    .pagination:empty {margin-bottom:0;margin-left:0}
    .pagination>* {display:inline-block;margin-top:0;margin-bottom:18px;margin-left:18px}
    .pagination a {min-width:35px;padding:9px 9px 7px;font-size:14px;line-height:1.04167;border-radius:50%;}
    .pagination span {min-width:35px;padding:9px 9px 7px;font-size:14px;line-height:1.04167;border-radius:50%;}
}


/*************************************内页产品展示css*******************************/
.productview_bg{ background:url("../images/productview_bg.jpg") bottom center no-repeat; padding-bottom: 50px;}
.productview_bg .col-md-6,.productview_bg .col-lg-6,.productview_bg .col-xl-6{ padding:0;}
.productview_bg h2{width:100%; float: left; color:#000; font-weight: 900; font-family:Arial; margin:20% 0 25px;}
.productview_bg p{ font-size:16px; margin: 10px 0 20px 0;}
.productview_bg .productview_img{ text-align:center;}
.productview_bg .productview_img img{height:100%; padding: 5% 0;}
.productview_bg .productview_info{width:85%; margin: 0 auto;}

.productview_email{width:50%; display: block; background: #c8a063; color: #fff; margin: 60px 0 20px; text-align: center; height: 50px; line-height: 50px; text-transform: uppercase; font-size:18px; font-weight: 700; font-family: Arial;}
.productview_email a{ color:#fff; display: block;}
.productview_email a:hover{background: #b58235; color: #fff;}
.productview_email img{ margin-right:10px;}
.productview_call{width:50%; display: block; background: #000; color: #c8a063; margin: 20px 0 50px; text-align: center; height: 50px; line-height: 50px; text-transform: uppercase; font-size:18px; font-weight: 700; font-family: Arial;}
.productview_call a{ color: #fff; display: block;}
.productview_call a:hover{background: #333; color: #fff;}
.productview_call img{ margin-right:10px;}


@media only screen and (max-width: 992px){
    .productview_bg h2{font-size:1.5em; margin:1% 0 10px;}
    .productview_bg p{ font-size:16px; margin: 8px 0;}
    .productview_bg .productview_img img{width:90%; height:auto; padding: 5% 0;}
    .productview_info{ padding-bottom:20px;}
    .productview_email{width:100%; float: left; background: #c8a063; color: #fff; margin: 20px 0 0 0;}
    .productview_call{width:100%; float: left; background: #000; color: #c8a063; margin: 10px 0 40px 0;}
}


/*****************************************新闻资讯css*****************************************/
.news_bannerbg{ background:url("../images/news_bannerbg.jpg") top center repeat-x; min-height: 580px; color:#fff;}
.news_bannerbg h2 {font-size:40px; color:#fff; font-weight: 700; padding:13% 0 0 0;}
.news_bannerbg p{ font-size:24px;}
.news_bg .news_info{border-bottom:1px #eee solid; padding-top:20px; position: relative; overflow: hidden;}
.news_bg .news_info:last-child{border-bottom:0;}
.news_bg .news_info img{width:100%;}
.news_bg .news_info:nth-last-child(1){border-right:none;}
.news_bg .news_info h3{ font-weight:700; font-size:16px; color: #c8a063; font-family: Arial; margin: 20px 0 10px; line-height: 24px;}
.news_bg .news_info p{ color:#606060; font-size:14px;}
.news_bg .news_info p b{ text-transform:capitalize;}
.news_bg .news_info_more{width:140px; height: 38px; line-height: 38px; margin: 10px 0 20px 0; background:#c8a063; text-align: center; font-size:12px; text-transform: uppercase; font-family: Arial; color: #fff; cursor: pointer;}
.news_bg .news_info_more a{ display:block; color: #fff;}
.news_bg .news_info_more a:hover{ background:#000; color: #fff;}


/*************************************新闻详情css*******************************/
.newsview_bg h5{color: #c8a063; font-weight: 900; text-transform:uppercase; margin-bottom:5px;}
.newsview_bg p{ font-size:16px; line-height: 24px;}
.newsview_bg p strong{ padding:25px 0 10px;  display: inline-block; text-transform: capitalize;}
.newsview_bg .newsview_info{ background: rgba(255,255,255,0.5); margin: 50px 0;}
.newsview_bg img{width:30%!important; margin:15px 1.65%; }

.prev_next{width:100%; text-transform: uppercase; margin-top: 5px; color: #000;}
.prev_next a{ color:#000; margin-left: 10px;}
.prev_next a:hover{ color:#c8a063; text-decoration: underline;}

@media screen and (max-width: 992px) {
    .news_bannerbg h2{font-size:1.6em; color:#fff; font-weight: 700; padding:35% 0 0 0;}
    .news_bannerbg p{ font-size:16px;}
    
    .news_bg .col-md-4,.news_bg .col-lg-4,.news_bg .col-xl-4{ padding:25px 15px 0px;}
    .news_bg .news_info h3{ font-weight:900; color: #c8a063; margin-top: 25px;}
    .news_bg .news_info img{width:100%;}
    .news_bg.news_info{border-bottom:1px #eee solid; border-right: none; text-align: center; overflow: hidden;}
    .news_bg .news_info:nth-last-child(1){border-bottom:none;}

    .newsview_bg img{width:48%!important; margin:6px 1%; }

    .news_bg .news_info_more{margin: 50px auto 50px;}
    
    .newsview_bg .newsview_info{ background: rgba(255,255,255,0.5); margin: 0px 0; padding-bottom:20px;}
    .newsview_info h5{font-size:1.2em; line-height:1.5em; margin:5% 0 5px;}
    .newsview_bg p strong{ padding:15px 0 10px;  display: inline-block; text-transform: capitalize;}    
}


/*****************************************联系我们css*****************************************/
.contact_bannerbg{ background:url("../images/contact_bannerbg.jpg") top center repeat-x; min-height: 580px; color:#fff;}
.contact_bannerbg h2 {font-size:40px; color:#fff; font-weight: 700; padding:13% 0 0 0;}
.contact_bannerbg p{ font-size:24px;}

.contact_bg{ background:#fff; padding: 75px 0; text-align: center;}
.contact_bg h2{color: #c8a063; font-family:Arial; font-size:24px; font-weight: 900; line-height: 30px;/* margin-bottom: 12px;*/}
.contact_bg h3{ font-size:20px; font-weight: bold; line-height: 22px; color: #c8a063; font-family:Arial;}
.contact_bg p{ font-size:16px; margin: 10px 0 0px 0;}

.contact_tel_box{background: #fff; box-shadow: 0px 0px 10px #ebe8e4; text-align: left; margin-top: 50px; line-height: 90px;font-size:14px;}
.contact_tel_box img{width:50px; margin-top: -5px;}
.contact_tel_icon{width:90px; height: 90px; display: inline-block; background: #eeee; text-align: center; margin-right: 15px;}
.contact_tel_t{width:60%; display: inline-block;  background:#fff; }

.contact_add{ display:none;}

.iw_poi_title {color:#c8a063; font-size:18px; font-weight:bold; overflow:hidden; padding-right:13px; white-space:nowrap}
.iw_poi_content {font-size:16px; overflow:visible; padding-top:4px; white-space:-moz-pre-wrap; word-wrap:break-word}

@media only screen and (max-width: 992px){
    .contact_bannerbg h2{font-size:1.6em; color:#fff; font-weight: 700; padding:35% 0 0 0;}
    .contact_bannerbg p{ font-size:16px;}
    
    .contact_bg{padding: 25px 0 75px;}
    .contact_bg h2{font-size:14px; margin-bottom: 0px;}
    .contact_tel_box,.contact_tel_box1{width:100%; background: #fff; box-shadow: 0px 0px 10px #ebe8e4; text-align: left; float: left; margin-top: 20px; height:90px; line-height: 90px;}
    .contact_add{ display:block;}
    .contact_add img{width:90px; float: left; margin:0 15px 0 0;}
    .contact_add p{line-height: 22px !important; font-size:14px;}
    .pc_contact_add{ display:none;}
    
}

/*扫描*/
.scan-me{
    margin-left: 20%;
    margin-top: -10%;
    margin-bottom: 22px;
}
/*移动端*/
@media only screen and (max-width: 992px){
    .scan-me{
        margin-left: 20%;
        margin-top: -10%;
        margin-bottom: 22px;
    }   
}