@import 'font-awesome.min.css';
@import 'bootstrap.min.css';
*{box-sizing: border-box;}
ul,li{list-style: none;margin: 0;padding: 0;}
a{color: #333;}
img{max-width: 100%;}
input, textarea, button, select{outline: medium none;}
.m-t-40{margin-top: 40px;}
/* .row>div[class^="col-"] {padding-top: 15px;padding-bottom: 15px;} */
.col-zd-2,.main-product .bk_pro,.product_index .bk_pro{position:relative;width:100%;padding-right:15px;padding-left:15px}
.col-zd-2{-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}
.main-product .bk_pro{-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
.product_index .bk_pro{-ms-flex: 0 0 33.33%;flex: 0 0 33.33%;max-width: 33.33%;}
.hover-img img{-webkit-transition: opacity 0.3s;-moz-transition: opacity 0.3s;-o-transition: opacity 0.3s;transition: opacity 0.3s;}
.hover-img:hover img{opacity: 0.8;}
/* header */
.header_top{padding: 16px 0;}
.h_follow,.h_search{float: right;}
.h_follow{padding-right: 40px;}
.h_follow a,.f_follow a,.item_share a{display: inline-block;vertical-align: top;width: 38px;height: 38px;text-align: center; line-height: 38px;; border: 1px solid #000;color: #000;border-radius: 100%;margin-left: 15px;}
.h_follow a:hover,.f_follow a:hover,.item_share a:hover{color: #d3a243;border-color: #d3a243;}
.h_search{border: 1px solid #000;border-radius: 20px;width: 215px; height: 38px;margin-right: 90px;position: relative;}
.h_search a{position: absolute;left: 0;top: 0;width: 40px;text-align: right;line-height: 38px;color: #000;font-size: 20px;}
.h_search input{height: 38px;width: 100%;padding: 0 20px 0 50px; border-radius: 20px;border: 0;background: none;color: #000;}

.header_mid{background: #000;padding: 0;}
.header_mid li{display: inline-block;vertical-align: top;position: relative;padding: 0 40px;}
.header_mid li a{display: block;line-height: 60px;color: #fff; font-size: 18px;border-bottom: 3px solid #000;}
.header_mid li:hover > a,.header_mid li a:hover{color: #d3a243; border-bottom: 3px solid #d3a243;text-decoration: none;}
.header_mid li ul{display: none; position: absolute;left: 30px;top: 60px;width: 250px;text-align: left;background: #000;z-index: 4;box-shadow: 0 0 14px 3px rgba(0,0,0,.3);border-radius: 0 0 10px 10px;}
.header_mid li li{display: block;padding: 0 20px;}
.header_mid li li a{line-height: 40px;font-size: 15px;border: 0;}
.header_mid li li:hover > a,.header_mid li li a:hover{border: 0;}
.header_mid li li:hover > ul{left: 250px;top: 0;}
.header_mid li:hover > ul,.header_mid li li:hover > ul{display: block;}

.logo{display: inline-block;}
.navbar-toggler{ margin-top: 5px;}
.navbar-toggler span{width: 30px;height: 3px;background: #222;margin-bottom: 4px;display: block;}
.navbar-toggler span:last-of-type{margin-bottom: 0;}
.navbar-toggler.active span{margin: 0;}

#mainmenu{text-align: right;    width: 100%;}

/* banner */
.carousel-inner img {width: 100%;height: 100%;}

/* home */
.main-about,.main-work,.main-company{background: #f8f8f8;}
.main-about,.main-work,.main-partner,.main-product,.main-video,.footer,.product_index{padding-top: 50px;padding-bottom: 50px;}
.main-about .row-tit,.main-partner .row-tit,.main-work .row-tit,.main-video .row-tit{height: 60px;position: relative;margin-bottom: 40px;}
.main-about .row-tit h2,.main-partner .row-tit h2,.main-work .row-tit h2,.main-video .row-tit h2{line-height: 60px;text-align: center; font-size: 34px;font-weight: bold;text-transform: uppercase; background: #f8f8f8;margin: 0;}
.main-about .row-tit::before,.main-partner .row-tit::before,.main-work .row-tit::before,.main-video .row-tit::before{content: '';position: absolute;left: 0;top: 30px;width: 100%;height: 1px;background: #999;}
.main-about .row-cont{color: #333;font-size: 16px;line-height: 35px;text-align: center;}
.main-about .row-cont .more{margin-top: 40px;text-align: center;}
.main-about .row-cont a{display: inline-block;width: 160px;height: 40px;background: #000;color: #fff;text-align: center;line-height: 40px;font-size: 16px;}

.main-what{margin-top: 50px;}
.main-what .align-items-end{margin-left: 0;margin-right: 0;}
.main-what .what-cont{padding-left: 15px;padding-right: 15px;}
.main-what h2{margin-bottom: 20px;}
.main-what .img,.main-what .img-fluid{width: 100%;}

.main-partner .row-tit h2,.main-video .row-tit h2{background: #fff;}

.main-work .row-cont > div[class^="col-"]{text-align: center;}
.main-work .row-cont h4{font-size: 24px;margin-top: 25px;}
.main-work .row-cont .c{font-size: 16px;color: #666;line-height: 30px;}

.main-product .bk_pro img,.product_index .bk_pro img{width: 100%;}
.main-product .bk_pro .name,.product_index .bk_pro .name{margin-top: 15px;}
.main-product .bk_pro .name a,.product_index .bk_pro .name a{font-size: 16px;text-transform: uppercase;}
.main-product .bk_pro .name a:hover,.product_index .bk_pro .name a:hover{color: #d3a243;}
.main-product .bk_pro .briefContent,.product_index .bk_pro .briefContent{display: none;}
.main-product .bk_pro .model,.main-product .bk_pro .briefContent,.product_index .bk_pro .model,.product_index .bk_pro .briefContent{font-size: 13px;line-height: 30px;}
.product_index .productlist {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}
.product_index .bk_pro {margin-bottom: 40px;}

.main-company .row-cont{padding-top: 20px;}
.main-company .comp-img{padding-top: 10px;}
.main-company h2{line-height: 50px; font-size: 34px;font-weight: bold;text-transform: uppercase;margin-bottom: 20px;}
.main-company .c{line-height: 26px;font-size: 14px;overflow: hidden;}

.video-img{position: relative;overflow: hidden;}
.video-img a{width: 60px;height: 60px;font-size: 23px;line-height: 60px;text-align: center;border-radius: 50%;background: #FFFFFF;color: #d3a243;-webkit-transition: 0.5s;transition: 0.5s;position: absolute;top: 50%;left: 50%;z-index: 10;display: inline-block;transform: translate(-50%, -50%);box-shadow: 0 0 0 0 rgba(255,255,255,.7);-webkit-animation: pulse 2s infinite cubic-bezier(.66, 0, 0, 1);animation: pulse 2s infinite cubic-bezier(.66, 0, 0, 1);}
.video-img a:after{position: absolute;content: '';width: 100%;height: 100%;left: 0;top: 0;opacity: 0.42;border-radius: 50%;background: #FFFFFF;transform: scale(1.3);box-shadow: 0 0 0 0 rgba(255,255,255,.7);-webkit-animation: pulse 1.75s infinite cubic-bezier(.66, 0, 0, 1);animation: pulse 1.75s infinite cubic-bezier(.66, 0, 0, 1);}
.video-img a i{margin-left: 5px;position: relative;z-index: 5;}
@-webkit-keyframes pulse {
  to {
      box-shadow: 0 0 0 45px transparent
  }
}

@keyframes pulse {
  to {
      box-shadow: 0 0 0 45px transparent
  }
}
/* footer */
.footer{background: #e9e9e9;}
.footer .tit{font-size: 24px;color: #333;margin-bottom: 25px;}
.f_subs form{overflow: hidden;}
.f_subs input{float: left;width: 60%;height: 46px;padding: 5px 10px; border: 1px solid #d8d8d8;background: #fff;}
.f_subs a{display: block;float: left;width: 118px;height: 46px;background: #000;color: #fff;text-align: center;line-height: 48px;}
.f_follow{margin-top: 30px;}
.f_follow a{color: #000;border-color: #000;margin-left: 0;margin-right:10px;}
#TB_window{border:0 !important;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#TB_ajaxContent{width: auto !important;}
#TB_window img#TB_Image{border:0 !important;}
#TB_window table{width: 100%;}
.tb_remove{height:30px;overflow:hidden;cursor: pointer;}
.tb_remove span{display:block;float:right;width:30px;height:30px;}
#unique_subscribe_message{color: #ff0000;height: 40px;line-height: 110px;padding: 2px 5px 0 10px;text-align: center;}

.f_cont li{overflow: hidden;margin-bottom: 20px;padding-left: 30px;position: relative;}
.f_cont li i{position: absolute;left: 0;top: 0;}

.f_menu li a,ul.footnav li a{line-height: 35px;}
.f_menu li a:hover,ul.footnav li a:hover{color: #d3a243;}
.f_menu li ul,ul.footnav > li,ul.footnav > li > a{display: none;}
ul.footnav li#foot_product{display: block;}
ul.footnav li#foot_product ul{overflow: hidden;}
ul.footnav li li{float: left;width: 50%;}

/* standard */
ul.nav{display: none;padding: 25px 0;}
ul.nav li{display: inline-block;vertical-align: top;line-height: 30px;padding: 0 5px;}
.sidebaner{height: 400px; background-image: url(http://fenge.meeallcdn.com/imglibs/files/banner/banner.jpg); background-repeat: no-repeat;background-position: center;}

.page-cate{padding-top: 30px;padding-bottom: 30px;border-bottom: 1px solid #d5d5d5;}
.page-cate .row>div[class^="col-zd-"]{text-align: center;font-size: 18px;cursor: pointer;}
.page-cate .img{margin-bottom: 10px;}
.page-cate .row>div[class^="col-zd-"] a:hover{color: #d3a243;text-decoration: none;}

/* about */
.page-conts,.feedback{padding-top: 50px;padding-bottom: 50px;}
.page-conts h2.tit,.team-txt h2.tit{padding-top: 15px;text-transform: uppercase;margin-bottom: 15px;}
.page-conts .c{font-size: 15px;line-height: 32px;}

.about-showroom .row{margin-left: 0;margin-right: 0;}
.about-showroom .row>div[class^="col-"]{padding-left: 0;padding-right: 0;}

.about-partners{background-repeat: no-repeat;background-position: center top;height: 500px;}

.team-cont{background: #f8f8f8;overflow: hidden;}
.team-img{margin-right: 30px;background: #fff;}

.team-txt{float: left; padding: 10px 20px;width: 30%;}

/* feedback */
.feed-box li{margin-bottom: 35px;overflow: hidden;}
.feed-box li i{width: 64px;height: 64px;text-align: center;line-height: 64px;background: #000;color: #fff;font-size: 24px;border-radius: 100%;}
.feed-box li em{display: inline-block;vertical-align: top;width: 105px;font-size: 18px;line-height: 64px;font-style: normal; text-transform: uppercase;text-align: right;margin-right: 20px;}
.feed-box li span{display: inline-block;vertical-align: top;width: 60%;padding-top: 20px;}
.feed_from .tit{background: #000;line-height: 30px;padding: 15px;color: #fff;font-size: 18px;}
.feed_from label{display: block;font-size: 18px;line-height: 35px;margin-top: 20px;}
.feed_from input,.feed_from textarea{width: 100%;border: 1px solid #d5d5d5;padding: 5px 10px;line-height: 30px;}
.feed_from textarea{height: 140px;}
.feed_from a{display: inline-block;vertical-align: top;width: 160px;height: 40px;text-align: center;line-height: 40px;font-size: 20px;background: #000;color: #fff;}

/*page-pagination*/
.pagination-bottom{display: block;margin: 20px 0;clear: both;text-align: right;}
.pagination{margin: 0;overflow: hidden;}
.pagination ul{overflow: hidden;text-align: center;}
.pagination li{display: inline-block;vertical-align: top; list-style:none;margin: 0 0 0 10px;}
.pagination .la a:hover, #home_page a:hover, #p_previous a:hover, .p_next a:hover, .p_end a:hover{border: 1px solid #d3a243;background-color: #d3a243;text-decoration: none;color: #fff;}
.pagination span{display: block;float: left;}
.pagination .current{border: medium none;}
.pagination .current span{display: block;background: #d3a243;border: 1px solid #d3a243;color: #fff;height: 30px;line-height: 30px;padding: 0 10px;}
.pagination a{display: block;float: left;background: #FFFFFF;border: 1px solid #CCCCCC;padding: 0 10px;text-decoration: none;height: 30px;line-height: 30px;}
.pagination span.pc_f, .pagination .pc_f span{display: block;background: #fff;border: 1px solid #ddd;color: #ddd;height: 30px;line-height: 30px;padding: 0 10px;}
.pagination li a{color: #7d7d7d;}
.pagination-bottom .p_input, .pagination-bottom .percent_num{display: none;}

/*item*/
.product_item{padding-bottom: 50px;}
.product_item ul.nav{display: block;}
.image_div .main_image img{width: 100%;}
.image_div .index_case{overflow: hidden;margin-top: 20px;}
.image_div .index_case b{display: none;}
.image_div .index_case .image_ul{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}
.image_div .index_case li{-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;position: relative;width: 100%;padding-right: 15px;padding-left: 15px;}
.image_div .index_case li img{width: 100%;border:1px solid #999;}
.image_div .index_case li:hover img{border-color: #d3a243;}

h2.detial_p_name{line-height: 35px;}
h2.detial_p_name span.model{display: none;}
h2.detial_p_name span.model_v{display: block;font-size: 18px;}
.briefContent{margin-top: 30px;font-size: 15px;line-height: 35px;}
.item_share,.item_btn{margin-top: 30px;}
.item_share span.ol{line-height: 38px;margin-right: 20px;}
.item_share a{color: #000;border-color: #000;margin-left: 0;margin-right:10px;}
.item_btn a{display: block;width: 160px;height: 40px;text-align: center;line-height: 40px;background: #000;color: #fff;}

.item_desc{margin-top: 75px;}
.TabbedPanelsTabGroup{border-top: 1px solid #000;border-bottom: 1px solid #000;}
.TabbedPanelsTabGroup li{display: inline-block;vertical-align: top; padding: 20px 30px;font-size: 16px;line-height: 40px;}
.TabbedPanelsTabGroup li.descriptionNameOn{background: #000;color: #fff;}
.TabbedPanelsContentGroup .TabbedPanelsContent{display: block !important;margin-top: 35px;}
.TabbedPanelsContentGroup .prodDescription_title{display: block !important;line-height: 40px;font-size: 18px;font-weight: bold;margin-bottom: 25px;position: relative;}
.TabbedPanelsContentGroup .prodDescription_title::before{content: '';position: absolute;left: 0;top: 20px;width: 100%;height: 1px;background: #999;z-index: -2;}
.TabbedPanelsContentGroup .prodDescription_title::after{content: '';position: absolute;left: 0;top: 20px;width: 20%;height: 1px;background: #fff;z-index: -1;}
.TabbedPanelsTabGroup.container{position: fixed;top: 0;background: #fff;padding: 0;z-index: 2;}

.extra-tit{margin-top: 25px;text-transform: uppercase;}
.extraParam{overflow: hidden;}
.extraParam img{width: 85px;height: 85px;border: 2px solid #d5d5d5;box-shadow: 2px 4px 6px 1px rgba(50,50,50,0.1);cursor: pointer;}
.extraParam img:hover{border-color: #d3a243;}

.product_index h2{margin: 0;}
.product_index h2 a{display: block;height:50px;line-height:50px;padding:0 0 0 20px;background:#19110B;font-size:22px;color:#fff;text-transform:uppercase;border-radius:2px;}
.product_index h2 a::after{display:none;font-family:"qico";content: "\e727";float:right;font-size:20px;font-weight:normal;margin-top:0px;margin-right:15px;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease;}

.product_index ul{border-left:1px solid #D9D9D9;border-right:1px solid #D9D9D9;}
.product_index ul img{display: none;}
.product_index ul li{height:60px;line-height:60px;position:relative;border-bottom:1px solid #D9D9D9;}
.product_index ul li a{color:#202020;font-size:14px;display:block;-webkit-transition: 0.5s;transition: 0.5s;padding:0 10px 0 30px;font-family:'sawasdee';text-transform:uppercase;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.product_index ul li a.current,.product_index ul li a:hover{color:#B08E72;}
.product_index ul li::before{content:"·";color:#19110B;font-size:30px;position:absolute;left:15px;top:-4px;height:20px;}
.product_index ul li ul{display: none;}


.faq{padding-top: 50px;padding-bottom: 50px;}
.faq ul li{margin:0 0 15px 0;border:1px solid #ccc;border-left:3px solid #19110B;padding:25px 27px;cursor:pointer;font-family:'sawasdee';}
.faq ul li .tit{color:#202020;cursor:pointer;}
.faq ul li .tit span{float:left;width:20px;line-height:24px;height:24px;font-size:16px;display:block;text-align:center;}
.faq ul li .tit h4{font-size:16px;line-height:24px;margin:0 0 0 30px;}
.faq ul li .con{margin:10px 0 0;}
.faq ul li .con span{float:left;width:20px;line-height:24px;height:24px;font-size:16px;color:#666;display:block;text-align:center;}
.faq ul li .con .t{margin:0 0 0 30px;font-size:14px;line-height:24px;color:#555;}

.faq ul li:hover{border-left:3px solid #B08E72;box-shadow:rgba(0,0,0,0.09) 0px 6px 9px 0px;}

@media (max-width:576px){
  .navbar-header{width: 100%;}
  .h_follow{display: none;}
  .header_mid .navbar-collapse li{display: block; text-align: center;}
  .header_mid .navbar-collapse li a{display: inline-block; line-height: 40px;}
  .main-product .bk_pro,.col-zd-2{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;text-align: center;}
  .main-about .row-tit h2, .main-partner .row-tit h2, .main-work .row-tit h2, .main-video .row-tit h2{font-size: 18px;}
}