ul, li{list-style:none;}
html, body{text-decoration: none;}
a{color:#000;}
a:hover{text-decoration: none;color:#bca066;}
.swiper-container{width:100%;margin:auto;overflow:hidden;}
.in-index-banner li img{width:100%;display:block;}
.bg-black{background:#000;}
/*index-pro-list*/
.words-title-box{text-align:center;}
.words-title{font-size:2rem;font-weight:bold;}
.words-description{font-size:1rem;}
.words-button-box{margin:2rem 0;}
.words-button{padding:0.5rem 2rem;border:#bca066 1px solid;border-radius:2rem;color:#bca066;}
.in-cate-list{display:flex;justify-content:space-between;flex-wrap:wrap;}
.in-cate-list dl{position:relative;margin-bottom:0;}
.in-cate-list dl a{color:#fff;}
.in-cate-list dl dt{font-size:1.6rem;position:absolute;left:2rem;top:3rem;}
.in-cate-list dl dd{font-size:1rem;position:absolute;left:2rem;top:5.5rem;}
.in-cate-list p img{width:100%;display:block;}
.in-cate-list dl:nth-child(1){width:49.5%;}
.in-cate-list dl:nth-child(2){width:49.5%;}
.in-cate-list dl:nth-child(3){width:26.4%;}
.in-cate-list dl:nth-child(4){width:36%;}
.in-cate-list dl:nth-child(5){width:36%;}
/*in-about*/
.in-about-box{background:url(../images/about_bg.jpg) no-repeat;height:57rem;padding:90px 0;color:#fff;}
.in-about-title{font-size:2rem;}
.in-about-title-en{font-size:1rem;}
.in-about-line{width:100%;float:left;}
.in-about-line span{width:3rem;height:2px;float:left;background: #654b2f;}
.in-about-con{line-height:1.6rem;margin-top:1rem;}
.in-about-advantage{margin:1rem 0;display:flex;flex-wrap:nowrap;justify-content: space-between;}
.in-about-advantage dl{width:33%;text-align:center;}
.in-about-advantage dl dt{color:#bca066;font-size:2rem;}
.in-about-advantage dl dd{font-size:1.2rem;}
.in-about-advantage dl:nth-child(2){border-left:#565657 1px solid;border-right:#565657 1px solid;}
.in-about-img-list{display:flex;justify-content:space-between;padding-top:1rem;}
.in-about-img-list li{width:24%;}
.in-about-img-list li img{width:100%;display:block;}
.in-about-brand{padding:2rem 4%;text-align:center;line-height:1.6rem;}
/*in-pro*/
.in-pro-list{display:flex;justify-content:space-between;flex-wrap:wrap;text-align:center;}
.in-pro-list-img img{width:100%;display:block;}
.in-pro-list{margin:2rem 0;}
.in-pro-list dl{width:32.5%;float:left;margin-bottom:2rem;}
.in-pro-list dl dt{margin-top:1rem;}
.in-pro-list dl img{width:100%;display:block;}
.in-pro-list dl a.btn{background:#bca066;padding:2px 30px;color:#fff;border-radius:0;font-size:0.6rem;}
/*in-tab*/
.in-tab-box{background:#f5f5f5;padding:3rem 0;overflow:hidden;}
.in-tab-list {}
.in-tab-list li{width:160px;float:left;transition: all 1s;position:relative;overflow: hidden;border-left: 10px solid rgba(255, 255, 255, .8);}
.in-tab-list li:nth-child(1){width:640px;}
.in-tab-list ul:hover li{width:160px;}
.in-tab-list ul li:hover {width:640px;}
.in-tab-con{width:100%;float:left;}
.in-tab-con h3{padding-top:30px;letter-spacing:20px;}
.in-tab-con h3 span{color:#bca066;}
/*in-information*/
.in-information-box{background:url(../images/cp_bg.jpg) no-repeat;padding:3rem 0;color:#fff;}
.btn-orange{background:#bca066;color:#fff;}
.in-information-form{width:60%;margin:0 20%;}
/*in-news*/
.in-news-box{padding:3rem 0;overflow:hidden;}
.in-video-list{display:flex;justify-content:space-between;padding-top:1rem;}
.in-video-list li{width:32%;}
.in-video-list li img{width:100%;display:block;}
.in-video-list li p{line-height:3.5rem;}
.in-news-list-box{}
.in-news-list-tit{}
.in-news-list-tit-left{float:left;font-size:1.6rem;font-weight:bold;}
.in-news-list-tit-right{float:right;}
.in-news-list-tit-right li{float:left;background:#f2f2f2;margin-left:20px;border:#e3e3e3 1px solid;border-radius:20px;}
.in-news-list-tit-right li a{display:block;padding:6px 40px;}
.in-news-list-tit-right li a.current{background:#bea166;color:#fff;border:#bea166 1px solid;border-radius:20px;}
.in-news-list-con{width:100%;float:left;overflow:hidden;padding:20px 0;}
.in-news-list-con-left{border:#f7f7f7 1px solid;padding:20px;}
.in-news-list-con-left .img img{width:100%;display:blodk;}
.in-news-list-con-left .tit{font-size:0.9rem;font-weight:bold;margin-top:10px;}
.in-news-list-con-left .description{font-size:0.9rem;padding:6px 0;}
.in-news-list-con-left .date{}
.in-news-list-con-left .date span{padding-right:10px;}
.in-news-list-con-left .date span img{vertical-align: middle;}
.in-news-list-con-right{}
.li-left{width:28%;float:left}
.li-right{width:70%;float:right;}
.in-news-list-con-right li{border-bottom:#dedede 1px solid;float:left;padding-bottom:10px;margin-bottom:10px;}
.in-news-list-con-right li .img img{width:100%;display:blodk;}
.in-news-list-con-right li .tit{font-size:0.9rem;font-weight:bold;margin-top:10px;}
.in-news-list-con-right li .description{font-size:0.9rem;padding:6px 0;}
.in-news-list-con-right li .date{}
.in-news-list-con-right li .date span{padding-right:10px;}
.in-news-list-con-right li .date span img{vertical-align: middle;}
/*foot*/
.footer{background:url(../images/foot_bg.jpg) no-repeat;background-size:cover;padding:2rem 0;overflow:hidden;color:#fff;}
.foot-nav-box{width:100%;float:left;border-bottom:#616161 1px solid;}
.foot-nav-box a{color:#fff;}
.foot-nav-box dl dt{font-size:1rem;margin-bottom:10px;}
.foot-nav-box dl dd{font-size:0.9rem;}
.foot-nav-box p{font-size:0.8rem;line-height:1.8rem;}
.copyright{width:100%;float:left;line-height:50px;}
.copyright a{color:#bea166;}
/*single page*/
.top-ban img{width:100%;display:block;}
.about-nav-box{overflow:hidden;padding:22px 0;border-bottom: 1px solid #e8e8e8;-moz-box-shadow: 0px 8px 8px #f2f2f2;-webkit-box-shadow: 0px 8px 58px #f2f2f2;box-shadow: 0px 8px 8px #f2f2f2;}
.about-nav-box li{float:left;margin-right:10px;}
.about-nav-box li a{padding:10px 24px;display:block;}
.about-nav-box li a.current{background:#bca066;color:#fff;}
.about-nav-position{float:right;line-height:40px;}
.about-nav-position img{vertical-align: middle;}
.about-con-box{padding:2rem 15px;overflow:hidden;}
.about-con-ht{padding:2rem 0;}
/*sing page*/
.about-video-img-box{width:100%;float:left;overflow:hidden;}
.about-video{width:64%;float:left;}
.about-img-list{width:34%;float:right;}
.about-img-list li img{width:100%;display:block;}
.about-img-list li:nth-child(1){margin-bottom:20px;}
.about-strength{width:100%;float:left;margin-top:3rem;overflow:hidden;background:url(../images/map_bg.png) no-repeat center top;padding:1rem 0;}
.about-strength .tit{text-align:center;font-size:1.8rem;}
.about-strength .tit span{color:#bca066;}
.about-strength .description{font-size:1.2rem;line-height:1.8rem;text-align:center;padding:1.6rem 0;}
.about-advantage{margin:1rem 0;display:flex;flex-wrap:nowrap;justify-content: space-between;}
.about-advantage dl{width:33%;text-align:center;border-right:#4d4d4d 1px solid;}
.about-advantage dl dt{color:#bca066;font-size:2rem;}
.about-advantage dl dd{font-size:1.2rem;}
.about-advantage dl:nth-child(4){border:none;}
.about-advantage dl p{color:#4d4d4d;font-size:0.9rem;}
.about-choise img{width:100%;display:block;}
/*culture*/
.culture-box{margin:3rem 0;overflow:hidden;}
.culture-box dl{width:100%;float:left;margin-bottom:2rem;background:#f2f2f2;}
.culture-box dl dd{padding:2rem;}
.culture-box dl dd span{color:#bca066;}
/*contact us*/
.contact-list{padding:3rem 0 0;}
.contact-list dl{width:31%;height:190px;float:left;margin-right:2%;background:#f2f2f2;box-sizing: border-box;padding:20px 0;text-align:center;}
.contact-list dl dt{padding-bottom:20px;}
.contact-list dl dd{line-height:30px;}
.msg_tt{ margin:20px auto 22px;}
.cn{ font-size: 30px; text-align: center; font-weight: bold;}
.en{ text-transform: uppercase; font-size: 16px; font-family: Arial; text-align: center; color: #999; margin-top: 10px;}
.cont_msg{width:100%;margin: 0 auto;}
.join_f{background: #f2f2f2;padding: 40px 45px;}
.j_inp input,.join_f select{width: 47%;height: 40px;border: none;padding-left: 20px;font-size: 16px; background: #fff; color: #000;}
.j_inp input:nth-child(even){float: right;}
.j_inp input::placeholder,.join_f textarea::placeholder{color: #000; font-size: 16px;}
.j_inp{margin-bottom: 20px;}
.join_f textarea{width: 100%;height: 125px;border: none;padding-left: 20px;padding-top: 15px;background: #fff; color: #000;}
.b_cent{text-align: center;margin-top: 30px;}
.b_cent input{width: 180px;height: 45px;border: none;background: #c69c5a;color: white;font-size: 18px;}
/*news*/
.news-one-box{padding:40px 15px;overflow:hidden;}
.news-img img{width:100%;display:block;}
.news-one-list li{width:100%;float:left;margin-bottom:10px;}
.news-one-list .news-date-box{font-size:1rem;font-weight:bold;text-align:center;}
.news-one-list .news-date-box .day{font-size:2rem;border-bottom:#e5e5e5 1px solid;}
.news-one-list .news-title-content{}
.news-one-list .news-title-content h4{font-size:1.1rem;}
.news-one-list .news-title-content p{font-size:0.8rem;color:#999;}
/**/
.news-two-box{background:#f5f5f5;overflow:hidden;padding:40px 0;}
.news-two-bg-white{background:#fff;padding:30px 15px;overflow:hidden;}
.news-two-list li{width:100%;float:left;margin-bottom:20px;border-bottom:#e5e5e5 1px solid;}
.news-two-list .news-date-box{font-size:1rem;font-weight:bold;text-align:center;}
.news-two-list .news-date-box .day{font-size:1.6rem;border-bottom:#e5e5e5 1px solid;}
.news-two-list .news-title-content{}
.news-two-list .news-title-content h4{font-size:1.1rem;}
.news-two-list .news-title-content p{font-size:0.8rem;color:#999;}
/*news-detail*/
.news-detail-box{padding:30px 15px;overflow:hidden;}
.news-detail-title{font-size:1.6rem;}
.news-detail-date{line-height:3rem;border-bottom:#e5e5e5 1px solid;}
.news-detail{line-height:2rem;padding-top:1.8rem;}
/*product-list*/
.product-list-box{padding:40px 0;overflow:hidden;}
.product-category-list{}
.product-category-list h2{text-align:center;margin-bottom:30px;}
.product-category-list h2 span{padding:0 20px;}
.img-rotate{transform: rotateY(180deg);}
.product-cate{}
.pht_img{width:100%;float:left; margin:0 40px 40px 0; line-height:0; transition: all 0.3s ease-out 0s; position: relative;}
.pht_img_h{width:100%;overflow:hidden;}
.pht_img_h img{width:100%;}
.pht_img .project_info{width: 100%; height: 100%; background: transparent; position: absolute; left: 0; top: 0; transition: all ease-out .3s; opacity: 0;}
.pht_img:hover .project_info{background: none; opacity:1;}
.pht_img .project_info:after{content:''; display:block; position:absolute; top:0px; left:-1px; margin:5.9% 7% 0; width:86%; height:82%; border: 1px solid rgba(255, 255, 255, .3);}
.pht_img .project_info div{height: 100%;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;width:100%; background: rgba(0, 0, 0, 0.5);}
.pht_img .project_info .title{padding:180px 0px 0; text-align: center;white-space: nowrap; text-overflow: ellipsis;}
.pht_img .project_info p{ width:99%; text-align:center;display: block; height:42px; line-height: 22px; color: #fff; margin: 0 auto 52px; font-size:29px;}
.pht_img .project_info .description{background:url(../images/potn_lon.png) no-repeat center top; font-size:14px; width:33px; height:33px; line-height:33px; border-radius: 3px; padding:0;}
.pht_img img{transition: all .6s cubic-bezier(0.215,0.61,0.355,1) 0s;}
.pht_img:hover img{transform: scale(1.08, 1.08);}
.pht_nt{height:60px; line-height:60px; text-align:center; font-size:14px; display:none;}
.product-list{}
.product-list figure{margin-bottom:0;}
.product-list figcaption{line-height:40px;text-align:center;margin-bottom:20px;}
/*product-list2*/
.pro_three_list li{width:23.5%;float:left;margin-right:2%;overflow:hidden;margin-bottom:20px;border:solid 1px #dcdcdc;box-sizing:border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding:10px;}
.pro_three_list li .img{width:100%;display:block;}
.pro_three_list li:nth-child(4n){margin-right:0;}
.pro_three_list li:hover{border-bottom:1px solid #c2a772;box-sizing:border-box;-moz-box-shadow:0px 0px 7px #CFCFCF; -webkit-box-shadow:0px 0px 7px #CFCFCF; box-shadow:0px 0px 7px #CFCFCF;}
.pro_three_list li .pro-name{margin-top:5px;font-size:14px;line-height:1.5rem; max-height:1.5rem; overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.pro_three_list li p{font-size:14px;}
.pro_three_list li p img{margin-left:10px;}
.related-product{}
.related-product li{width:98%;float:left;margin-right:2%;margin-bottom:20px;border:solid 1px #dcdcdc;box-sizing:border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding:10px;}
.related-product li .img{width:100%;display:block;}
.related-product li:nth-child(4n){margin-right:0;}
.related-product li:hover{border-bottom:1px solid #c2a772;box-sizing:border-box;-moz-box-shadow:0px 0px 7px #CFCFCF; -webkit-box-shadow:0px 0px 7px #CFCFCF; box-shadow:0px 0px 7px #CFCFCF;}
.related-product li .pro-name{margin-top:5px;font-size:14px;line-height:1.5rem; max-height:1.5rem; overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.related-product li p{font-size:14px;}
.related-product li p img{margin-left:10px;}
.product-detail{overflow:hidden;}
.product-detail img{width:48%;margin:0 1% 20px;float:left;}
/*quality*/
.quality-con-box{padding:40px 0;overflow:hidden;}
.quality-con-list{padding:30px 0;}
.quality-con-list dl{width:32%;float:left;text-align:center;background:#e6e6e6;margin-right:2%;position:relative;}
.quality-con-list dl:nth-child(3n){margin-right:0;}
.quality-con-list dl dt img{}
.quality-con-list dl dd{width:100%;line-height:50px;background:#a1a1a1;position:absolute;left:0;bottom:-10px;color:#fff;}
.quality-con-bigimg{text-align:center;padding:40px 0;}
.quality-con-bigimg-detail{}
/*customer*/
.customer-list{padding:30px 0;}
.customer-list li{width:23.5%;float:left;margin-right:2%;text-align:center;border:#cdcdcd 1px solid;box-sizing:border-box;margin-bottom:20px;}
.customer-list li:nth-child(4n){margin-right:0;}
/*page*/
.pages{width:100%;overflow:hidden;}
.page {height:30px; line-height:30px; width:100%; text-align:center; color: #ff0000; margin-bottom:23px; margin-top:20px;}
.page span {padding:5px 10px 5px 10px; background-color:#000; color:#fff; border:solid 1px #000; font-size:0.875em; }
.page a{ color:#444444; border:1px solid #ccc;padding:5px 10px 5px 10px; margin:0 7px; text-decoration:none; background-color:#fff;  font-size:0.875em; }
.page a:hover {color:#fff; background-color:#000; border:1px solid #000;}
.page a.current {color:#fff; background-color:#000; border:1px solid #000;}
.related-product-box{overflow:hidden;}
.related-product{overflow:hidden;}
.related-product-tit-box{border-bottom:#d9c8a6 1px solid;padding-bottom:10px;margin-bottom:20px;}
.related-product-tit-box span{font-size:1.6rem;}
.related-product-btn{}
.related-product-btn li{float:left;background:#4d4d4d;margin-left:10px;}
.related-product-btn li a{display:block;padding:3px 40px 5px 40px;}
.related-product-btn li a:hover{background:#bea166;}
@media screen and (max-width:768px){
    .in-about-advantage dl dt{font-size:1.2rem;}
    .in-about-advantage dl dd{font-size:1rem;}
    .in-cate-list dl dt{font-size:1rem;position:absolute;left:1rem;top:1rem;}
    .in-cate-list dl dd{font-size:0.7rem;position:absolute;left:1rem;top:3rem;}
    .in-tab-list li{width:100%;float:left;transition: all 1s;position:relative;overflow: hidden;border-left:0;}
    .in-tab-list li img{width:100%;display:block;}
    .in-tab-list li:nth-child(1){width:100%;}
    .in-tab-list ul{padding:0;}
    .in-tab-list ul:hover li{width:100%;}
    .in-tab-list ul li:hover {width:100%;}
    .in-pro-list dl{width:49%;margin:0 0.5% 20px 0.5%;}
    .in-information-form{width:100%;margin:0;}
    .about-nav-position{display:none;}
    .about-nav-box li{width:50%;float:left;margin-right:0;}
    .pht_img .project_info .title{padding:80px 0px 0; text-align: center;white-space: nowrap; text-overflow: ellipsis;}
    .pht_img .project_info p{ width:99%; text-align:center;display: block; height:42px; line-height: 22px; color: #fff; margin: 0 auto 52px; font-size:29px;}
    .pro_three_list li{width:49%;margin-right:2%;}
    .pro_three_list li:nth-child(2n){margin-right:0;}
    .product-category-list h2{font-size:1rem;}
    .customer-list li{width:49%;margin-right:2%;}
    .customer-list li img{width:100%;display:block;}
    .customer-list li:nth-child(2n){margin-right:0;}
    .in-about-box{background:url(../images/about_bg.jpg) no-repeat;background-size:cover;height:auto;padding:30px 0;color:#fff;overflow:hidden;}
    .contact-list dl{width:100%;}
    .quality-con-list dl{width:100%;}
    .in-news-list-tit-right{float:left;}
    .foot-nav-box div:nth-child(2){display:none;}
    .foot-nav-box div:nth-child(3){display:none;}
}