.heng{width: 100%;text-align: center;padding:40px 0;background-color: #f8f6f7;}
img{max-width:100%;}


.main_box{max-width: 1200px;margin: auto;}
.big_box{max-width: 1540px;margin: auto;}
.mid_box{margin: auto;max-width: 1150px;}
.ms_box{margin: auto;max-width: 1360px;}
.mp_box{margin: auto;max-width: 1075px;}
.mx_box{margin: auto;max-width: 918px;}


.bg_w{background:#fff;}
.cat_nav{overflow: hidden;background: #e4e4e4;text-align: center;box-shadow: #777 0 0 5px 0;}
.cat_nav.nb{margin-bottom: 64px;}
.cat_nav a{display: inline-block;text-align: center;position: relative;transition: all 0.5s;padding: 19px 30px;text-transform: capitalize;font-size: 15px;vertical-align: top;color: #000;}
.cat_nav a.active{color: #885a11;font-weight: bold;}
.cat_nav a:hover{color: #885a11}
.cat_nav .cat_home {font-size: 26px;color: #334194;border: none;padding: 0;padding-top: 7px;}
.cat_nav .cat_home:hover{border: none;color: #279bd5;}

.page_tit{text-align: center;margin-bottom: 30px;}
.page_tit .p1{vertical-align:middle;font-size: 27px;margin-bottom: 30px;}
.page_tit .p2{display:inline-block;vertical-align:middle;}
.page_tit .p3{display:inline-block;vertical-align:middle;}

.page_des{/* padding: 30px 5%; */line-height: 2.5;}
.page_des img{display:block;margin:auto;}

.page_video{width:100%;height: 65vh;margin-bottom: 50px;}
.cat_tit{text-align: center;margin-bottom: 50px;}
.cat_tit .p1{font-size:28px;color:#141414;position: relative;top: 56px;}
.cat_tit .p2{font-size:50px;color: #dadada;font-weight: bold;text-transform: uppercase;}
.cat_tit .p3{width: 68px;height: 3px;background:#885a11;display: inline-block;position: relative;}
@media screen and (max-width: 768px) {
.grayline{display:none;}
.position{display:none;}
.page_des{padding:0;}
.innercon{padding: 30px 5%;margin-bottom: 30px;}
.page_tit{margin-bottom: 5px;}
.page_tit .p1{font-size: 14px;margin-bottom: 10px;}
.page_tit .p2{font-size:12px;}
.cat_tit{margin-bottom: 15px;}
.cat_tit .p1{font-size:16px;top: 20px;}
.cat_tit .p2{font-size:18px;}
}
@media screen and (max-width: 425px) {
.cat_nav a{/* width: 100%; */margin: 0 5px;padding: 5px 0;}
.cat_nav .cat_home{display:none;}
.cat_nav{margin-bottom: 0;display: flex;justify-content: center;}
.cat_nav .main_box{margin:0;}
.cat_nav.nb{margin-bottom:30px;}
}
.catbox_list{display:flex;justify-content:space-between;flex-wrap:wrap;padding-bottom: 70px;overflow: hidden;}
.catbox{display:flex;width: 50%;margin-bottom: 15px;padding: 0 5px;transition: all 0.5s;position: relative;}
.catbox_l{width: 50%;}
.catbox_r{background: #f1f1f1;padding: 60px;width: 50%;}
.catbox_r .p1{border:1px #885a11 solid;border-radius:50%;width: 34px;height: 34px;display: inline-flex;align-items: center;justify-content: center;padding: 8px;margin-right: 6px;}
.catbox_r .p2{color:#545454;font-size: 20px;}
.catbox_r .p3{color:#9d9d9d;margin-bottom: 20px;margin-top: 10px;line-height: 1.5;min-height: 42px;}
.catbox_r .p4{background: #4c4b48;color: #fff;padding: 7px 32px;display: inline-block;transition: all 0.5s;}
.catbox:hover{transform:translateY(-8px);}
.catbox:hover .catbox_r .p2{color:#885a11;}
.catbox:hover .catbox_r .p4{background:#885a11;}

@media screen and (max-width: 768px) {
.catbox{width: 100%;/* flex-wrap: wrap; */justify-content: space-between;}
.catbox_l{/* width: 50%; */}
.catbox_r{/* width: 50%; */padding: 5%;text-align: center;}
.catbox_r .p2{font-size:16px;}
.catbox_r .p3{font-size:12px;}
}
@media screen and (max-width: 425px) {

}

.join_form{max-width:822px;margin:auto;padding-bottom: 50px;margin-bottom: 70px;}
.join_tit{font-size:28px;text-align:center;padding:30px 0;}
.input2l{display:flex;justify-content:space-between;margin-bottom: 34px;}
.input_box{border: 1px #cfcfcf solid;position: relative;height: 45px;width: 397px;}
.input{width: 100%;height: 100%;color: #333;border: 0;background: none;line-height: 50px;padding-right: 10px;-moz-box-sizing: border-box;box-sizing: border-box;vertical-align: top;position: relative;z-index: 1;padding-left: 110px;}
.input_tit{position:absolute;font-size: 15px;color: #000;left: 0;display: block;top: 0;height: 45px;line-height: 45px;padding-left: 22px;z-index: 2;}
.input_tit i{color: #885a11;display: inline-block;vertical-align: middle;margin-right: 6px;font-style: normal;position: absolute;left: 8px;}
.input_box2 {height: 50px;width: 397px;display: flex;justify-content: space-between;}
.radio_box{border: 1px #cfcfcf solid;position: relative;display: inline-block;vertical-align: top;width: 186px;-moz-box-sizing: border-box;box-sizing: border-box;height: 50px;line-height: 50px;}
.radio{display:none;width: 215px;z-index: 12;display: none;}
.radio_box .t{padding-left: 40px;position: relative;}
.radio_box input:checked ~ .t:before{content: "";position: absolute;top: 50%;-webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);left: 20.95px;width: 8px;height: 8px;background: #885a11;border-radius: 50%;}
.radio_box input ~ .t:after{content: "";left: 16px;top: 50%;position: absolute;width: 14px;height: 14px;border: 1px solid #CDCDCD;border-radius: 50%;-webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);}
.input3l{display:flex;justify-content:space-between;margin-bottom: 50px;}
.input3l li{float:left;width: 259px;border: 1px #cfcfcf solid;height: 45px;position: relative;}
.input3l li i{position:absolute;color: #885a11;display: inline-block;vertical-align: middle;margin-right: 6px;font-style: normal;top: 15px;left: 22px;}
.input3l li span{position:absolute;right: 0;top: 10px;width: 58px;height: 24px;border-left: 1px #cfcfcf solid;text-align: center;line-height: 24px;pointer-events: none;font-size: 16px;color: #989898;}
.select{width:100%;height:50px;-webkit-appearance: menulist-button;width: 259px;position: absolute;height: 45px;padding-left: 34px;appearance: none;-moz-appearance:none;-webkit-appearance:none;}
.cf_button{border: none;box-sizing: border-box;background: #885a11;transition: all 0.5s;cursor: pointer;text-transform: capitalize;width: 199px;height: 53px;color: #fff;margin: auto;display: block;}
.cf_button:hover{background: #da9322;}



@media screen and (max-width: 1440px) {

}
@media screen and (max-width: 768px) {
.input2l,.input3l{flex-wrap:wrap;margin-bottom: 0;}
.input_box,.input_box2,.input3l li{width:100%;margin-bottom:20px;}
.radio_box{width:46%;}
.join_tit{padding: 15px 0 0;}
.join_form{margin-bottom:30px;padding-bottom: 30px;padding: 5%;}
}
@media screen and (max-width:425px) {

}
/* ------------------------------------------------------------------------------
     h_news
-------------------------------------------------------------------------------*/
.h_news{overflow:hidden;display: flex;justify-content: space-between;padding-bottom: 60px;} 
.hnb_box {position:relative;width: 580px;background-color: #e0e0e0;margin-bottom: 23px;text-align: center;}
.hnb_box img{transition:all 0.5s;flex-shrink: 0;width: 100%;}
.hnbdes{background:#faf7f3;position: absolute;width: 88%;padding: 50px;bottom: 50px;left: 6%;display: inline-block;text-align: left;box-shadow: #cecece 0 5px 10px 0;transition: all 0.5s;}



.hnbdes .p1{font-size:17px;color: #4b4b4b;margin-bottom: 15px;transition: all 0.5s;}
.hnbdes .p2{color:#929292;line-height:2;margin-bottom: 22px;}
.hnbdes .p3{color:#929292;}
.hnr{width:580px;}
.hn_box {display:block;position:relative;margin-bottom: 23px;background: #e0e0e0;padding: 33px 40px;}
.hntime{background:#5d5a54;width: 86px;height: 104px;color: #fff;display: flex;align-items: center;position: absolute;left: 40px;top: 50%;z-index: 2;margin-top: -52px;transition: all 0.5s;}
.hntime dd{margin:auto;text-align:center;}
.hntime .p1{font-size:28px;}
.hntime .p2{}
.hndes{justify-content:space-between;background: #faf7f3;margin-left: 67px;padding: 42px 40px;transition: all 0.5s;align-items: center;box-shadow: #cecece 0 5px 10px 0;}
.hndes .p1{font-size:17px;color: #4b4b4b;margin-bottom: 15px;transition: all 0.5s;}
.hndes .p2{color:#929292;line-height:2;}


@media screen and (min-width:1200px) {
.hn_box:hover .hntime{background:#885a11;left: 36px;}
.hn_box:hover .hndes{transform: translateX(-10px);}
.hn_box:hover .hndes .p1{color:#885a11;}
.hnb_box:hover .hnbdes{transform: translateY(-10px);}
.hnb_box:hover .hnbdes .p1{color:#885a11;}
}
@media screen and (max-width:768px) {
.h_news{flex-wrap:wrap;padding-bottom:30px;}
.hnb_box{width: 100%;padding: 5%;text-align: left;margin-bottom: 5px;overflow: hidden;}
.hnb_box img{width: 40%;flex-shrink: unset;}
.hnbdes{position:unset;padding: 5%;width: 58%;z-index: 2;vertical-align: middle;}
.hnbdes .p1{margin-bottom:10px;font-size: 14px;}
.hnbdes .p2{line-height: 1.25;margin-bottom: 0;font-size: 12px;}
.hndes{margin-left: 86px;padding: 10px;line-height: 1.5;}
.hn_box{padding: 5%;margin-bottom: 5px;}
.hndes .p1{margin-bottom:10px;font-size: 14px;}
.hndes .p2{line-height:1.5;font-size: 12px;}
.hnr{width:auto;}
.hntime{/* position:unset; */left: 5%;}
.hntime p{position:unset;/* display: inline-block; */}
}

/* ------------------------------------------------------------------------------
     products
-------------------------------------------------------------------------------*/
.h_pro{position:relative;display: flex;justify-content: space-between;}
.h_pro_l{float:left;width: 240px;background: #faf7f3;position: relative;z-index: 2;left: 0;flex-shrink: 0;}
.hptit{color:#13b38e;font-size:38px;font-family:impact;padding-top: 57px;padding-bottom: 15px;text-transform: uppercase;}
.hp_nav{position:relative;display: flex;flex-wrap: wrap;border-top: 1px #ddd solid;}
.hp_nav .line{position:absolute;border-left: 1px #eee dashed;width: 1px;height: 96%;left: 6px;top: 2%;z-index: 1;}
.hp_i{color: #525252;z-index: 2;position: relative;display: flex;width: 100%;justify-content: center;align-items: center;padding: 39.5px 0;cursor: pointer;border-bottom: 1px #ddd solid;transition: all 0.5s;}
.hp_row{border-radius:50%;width: 41px;height: 41px;display: flex;vertical-align: middle;transition: all 0.5s;border: 1px #a7a7a7 solid;text-align: center;justify-content: center;align-items: center;float: left;overflow: hidden;}
.hp_row img{/* transition: all 1s; */position: relative;left: 0px;filter: drop-shadow(0 0 0px #fcb550);}
.hp_i span{float:left;width: 50%;text-align: center;}
.hp_i.active,.hp_i:hover{background:#000;color:#fff;}
.hp_i.active .hp_row,.hp_i:hover .hp_row{border-color: #885a11;}
.hp_i.active .hp_row img,.hp_i:hover .hp_row img{overflow:hidden;position: relative;/* left: -41px; */}
.hp_i.active span,.hp_i:hover span{font-weight:bold;}
.h_pro_r{width: 100%;z-index: 1;flex-grow: 1;position: relative;overflow: hidden;}
.h_pro_l .more{display:inline-block;text-transform: capitalize;background: #334194;border-radius: 30px;padding: 6px 30px 6px 38px;color: #b6bff7;border: 1px #b6bff7 solid;transition: all 0.5s;margin-bottom: 47px;font-family: yahei;font-size: 15px;}
.h_pro_l .more:hover{background:#Fff;color: #334194;}
.h_pro_l .more i{margin-left:15px;}
.hp_ar{line-height:85px;overflow: hidden;padding: 22px 0;}
.hp_ar a{text-align:right;float: right;display: inline-block;width: 40px;height: 40px;background: #334194;border-radius: 50%;color: #fff;text-align: center;line-height: 40px;font-size: 18px;border: 1px #eee solid;margin-left: 15px;transition: all 0.5s;cursor: pointer;}
.hp_ar a:hover{background:#fff;color:#646464;}
.hp_list {overflow:hidden;}
.hp_box.active{visibility:visible;opacity: 1;}
.hpb_con{border-radius: 15px;overflow: hidden;transition: all 0.5s;position: relative;}
.hpb_con:hover{margin-top: -10px;}
.hpb_con:hover .hp_tit{background: #13b38e;color: #fff;}
.hp_tit{font-size:15px;color:#646464;text-align:center;background: #cbcbcb;padding: 15px 0;transition: all 0.5s;}

.hp_box{}



@media screen and (max-width: 768px) {
.hp_box{position:relative;width: 70%;border-radius: 15px;overflow: hidden;transform: scale(0.8);transition: all 0.5s;}
.hp_box p{background: rgba(0, 0, 0, 0.39);color: #fff;text-align: center;position: absolute;left: 0;bottom: 0;width: 100%;padding: 5px 0;}
.hp_box.swiper-slide-active,.hp_box.swiper-slide-duplicate-active{
  transform: scale(1);
}
.h_pro{padding-bottom:30px;}
}
@media screen and (min-width:1200px) {
.hp_box {float: left;width: 100%;visibility: hidden;opacity: 0;position: absolute;top: 0;right: 0;transition: all 0.5s;}
}
.pro_list{overflow: hidden;display: flex;justify-content: space-between;flex-wrap: wrap;}
.pro_box{float: left;width: 48.3%;display: flex;justify-content: space-between;margin-bottom: 58px;}
.proimg{/* flex-shrink: 0; */overflow: hidden;width: 22.5rem;}
.proimg img{transition:all 0.5s;}
.protit{background: #fcfaf7;flex-grow: 1;text-align: center;padding-top: 15%;color: #525252;transition: all 0.5s;}
.protit p{margin-bottom:30px;font-size:18px;}
.protit span{vertical-align: middle;display: inline-block;background: #885a11;color: #fff;width: 121px;height: 34px;line-height: 34px;transition: all 0.5s;}
.pro_box:hover .protit{color: #885a11;}
.pro_box:hover .protit span{background: #d6ae6f;}
.pro_box:hover .proimg img{transform:scale(1.1,1.1);}
.pro_content{padding-bottom: 70px;}
@media screen and (max-width: 768px) {
.pro_box{flex-wrap:wrap;margin-bottom:30px}
.proimg{flex-shrink:1;}
.protit{padding-bottom:15px;padding-top: 15px;}
.protit p{margin-bottom: 15px;}
.lnp_list{display:none;}
}
@media screen and (max-width: 425px) {
.pro_box{/* width:100%; */text-align: center;}
.leftbar .pro_nav_h{font-size:18px;padding: 10px;}
.pro_nav_h p{display:inline-block;}
.pronav_b{position:absolute;right: 10px;color: #fff;top: 12px;}
.pro_nav{display:none;margin-bottom: 10px;}
.pro_nav.active{display:block;}
}
.inner_show{padding:50px 0;}
.inshow_top{overflow:  hidden;background: #fdfdfc;padding: 40px;}
.inshow_img{overflow: hidden;}
.inshow_img .l_box{float: left;flex-shrink: 0;width: 883px;}
.inshow_img .r_box{float: left;width: 420px;position: relative;padding-left: 30px;padding-top: 30px;}
.bigimg_box{vertical-align: middle;margin-bottom: 10px;} 
.bigimg_box img{display: block;}
.pro_img_list{overflow: hidden;display: flex;justify-content: space-around;align-items: center;}
.pro_img_list_i{display: inline-block;cursor: pointer;padding: 0 1%;}
.pro_img_list_i img{border: 2px #fff solid;}
.pro_img_list_i.active img{border-color: #51b46f;}
.prointit{padding-top:23px;display: flex;align-items: center;}
.prointit dd{display:inline-block;}
.prointit span{font-size:19px;color:#545454;display: inline-block;border-right: 1px #afafaf solid;padding-right: 35px;margin-right: 35px;height: 79px;line-height: 79px;}
.prointit p{font-size:15px;color:#7e7d7d;}

.inshow_top .r_box .bbar{color:#000;background: #000;width: 50px;margin: 30% 0 50px;}
.inshow_top .r_box .tit{font-size: 18px;margin-bottom: 30px;font-weight: bold;}
.inshow_top .r_box .des{line-height: 2;}
.p_ask_button{font-size:16px;border: 1px solid;display: inline-block;padding: 10px 15px;margin-bottom: 140px;color: #334194;}
.rimg_box{float: right;width: 196px;height: 600px;overflow: hidden;}
.rimg_box .imgl,.rimg_box .imgr{position:absolute;top: 0;background: #ededed;color: #334194;width: 30px;text-align: center;font-size: 30px;height: 100%;padding-top: 34px;}
.rimg_box .imgl{left:0;}
.rimg_box .imgr{right:0;}
.innerimgs {width:100%;}
.innerimgs li{box-sizing: content-box;filter: contrast(50%);height: 25%;margin-bottom: 23px;}
.innerimgs li.swiper-slide-thumb-active{filter: contrast(100%);}
.inshow_d{background: #fdfdfc;padding: 40px;margin-bottom: 80px;}
.isd_tit{margin-bottom: 30px;}
.isd_tit .p1{font-size: 24px;color: #474747;}
.isd_tit .p2{font-size: 16px;color: #afafaf;}
.isd_tit .p3{width: 28px;height: 2px;background: #d09d4b;display: inline-block;}


.isd_con{padding:30px 15px;line-height: 2;}
@media screen and (max-width: 1200px) {
.inshow_top .l_box{width:100%;margin-bottom: 0;}
.inshow_top .rimg_box{width:100%;padding-left: 0;padding-top: 0;display: none;}
.inshow_top{margin-bottom:10px;display: block;padding: 5%;}
.inner_show{padding: 30px 0;}
.inshow_d{margin-bottom:30px;padding: 5%;}
.prointit span{margin-right: 20px;padding-right: 20px;}
.isd_con{padding:0;}
}





.news-content{
	width:100%;height:auto;
}
.news-content1{width:850px;height:650px;float: left;position: relative;}
.news-content1 img{width:850px;height: 650px;}
.news-content1 .news-content11 {
	width:200px;height: 100px;position: absolute;left:50px;bottom: 50px;
}
.news-content11 p{font-size:24px;color: #fff;letter-spacing: 2px;}
.news-content11 .gengduo{width: 100px;height:30px;background-color: #947246;text-align: center;position: absolute;bottom: 10px;left: 0;}
.news-content11 .gengduo span{font-size:14px;color: #1d1d1f; line-height: 30px ;}


.news-content2{width:300px;height:600px;float: right;}
.news-content2 img{width:300px;height: 400px;}
.news-content21{width:300px;height:250px;background-color: #947246;padding: 10px 30px 0 30px;}
.news-content21 a{font-size:20px;color: #fff;line-height: 30px;letter-spacing: 2px;font-weight: bold;margin:10px 0;display: inline-block;}
.news-content21 p{font-size: 14px;color: #fff;line-height: 25px;}

.news-content3{width:500px;height:400px;float: left;}
.news-content3 img{width:500px;height: 400px;}


.news-content4{width:650px;height:400px;float: right;}
.news-content4 img{width:650px;height: 400px;}


.news-content5{width:200px;height:350px;float: left;}
.news-content5 img{width:200px;height: 350px;}


.news-content6{width:630px;height:350px;float: left;margin-left: 20px;}
.news-content6 img{width:630px;height: 350px;}

.news-content7{width:300px;height:350px;float: left;margin-left: 20px;background-color:#1e1e1e;}
.news-content7 span{line-height: 40px;color: #fff;font-size: 20px;}
.news-content7 p{color: #d6b17c;line-height: 30px;font-size:14px;margin-top:20px;width:250px;}

.contain {
  width: 1170px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  position: relative;   
}

.zhuxue{height: auto;overflow: hidden;margin-bottom: 30px;}
.zhuxue span{font-size:18px;letter-spacing: 3px;color: #121212;line-height: 40px;}
.zhuxue p{color: #d6b17c;font-size: 14px;line-height: 30px;}