body{overflow-x: hidden;}
img{max-width:100%}
.main-box { width: 1440px; margin: auto; *zoom: 1;}
.main-box:before, .main-box:after {content: '\0020';display: block;height: 0;clear: both;visibility: hidden;}
.pic-box div {display: table-cell;vertical-align: middle;text-align: center;*display: block;*font-family: Arial;line-height: 0;*line-height: 1;}
.pic-box img {vertical-align: middle;}

.wrap-banner{position: relative;top:0;width: 100%;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #000;}
.banner .swiper-pagination-bullet{width:15px;height:15px;background-color: #fff;opacity: 1;margin:0 8px!important;}
.banner .swiper-pagination{bottom: 150px!important;}

#menu{cursor: pointer;height:80px}
#menu p{position: absolute;left:20px;font-size: 18px;color:#000000;top:36px;}
#close{cursor: pointer;}
.nav{height:80px;position: absolute;top:0;z-index: 2;display: flex;justify-content: center;align-items: center;width: 100%;}
.nav .logo{width: 186px;height:auto;padding-left:20px;}
.w1600{max-width: 1600px; flex:1; display: flex;justify-content: flex-end;margin:auto;width: 100%;position: relative;align-items: center;}
.w1600 ul{display: flex;justify-content: center;align-items: center;height:84px}
.w1600 ul li{margin-left:40px;font-size: 18px;color:#000;height: 100%;display: flex;align-items: center;}
.w1600 ul li a{border-bottom:2px solid transparent;display: block;padding:24px 0;box-sizing: border-box;}
.w1600 ul li:hover a,.w1600 ul li.active a{color:#774f40;font-weight: bold;border-color: #774f40;}
.w1600 .last i{margin:0 10px;}

.nav-mask{position: fixed;left:0; right:0;top:0; bottom:0; margin:auto;background:#4c4c4c;z-index: 99999;}
.nav-mask .main-box{position: relative;height:100%}
.nav-mask .top{margin:28px 0;color:#fff;}
.nav-mask .top span{float: right;font-size: 18px;}
.nav-mask .wrap{margin:116px 80px;display: flex;}
.nav-mask .wrap ul:first-child{width:350px;}
.nav-mask .wrap ul:first-child li{font-size:30px;margin-bottom: 20px;color:#fff}
.nav-mask .wrap ul:first-child li a{color:#fff;display: block;position: relative;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.nav-mask .wrap ul:first-child li a:after{content: "";left:0;width: 0;height:1px;background-color: #e28f71;position: absolute;top:50%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.nav-mask .wrap ul:first-child li.active a{padding-left: 100px;font-weight: bold;font-size:40px;color:#e28f71}
.nav-mask .wrap ul:first-child li:hover a:after,.nav-mask .wrap ul:first-child li.active a:after{width: 80px;}

.nav-mask .wrap ul:last-child{margin-left: 100px;}
.nav-mask .wrap ul:last-child li {display: none;}
.nav-mask .wrap ul:last-child li.active{display: block;} 
.nav-mask .wrap ul:last-child li a{font-size:24px;color: #ffffff;display: block;cursor: pointer;margin-bottom: 50px;}
.nav-mask .wrap ul:last-child li a:hover{color:#e28f71}
.nav-mask .phone{text-align: right;font-size: 30px;color:#d68365;position: absolute;right: 200px;bottom:14%;}
.nav-mask .phone strong{color:#fff;display: block;position: relative;left:200px}

.text-part{position: absolute;top:50%;left:0;z-index: 2;right:0;}
.text-part p{border-radius: 0 18px 18px 0; position: absolute;left:0;height:120px;line-height: 120px;background: rgba(255,255,255,.5);padding-left: 160px; padding-right: 42px; font-size: 60px;color:#000;}
.text-part .explore{position: absolute;right:0; top:260px; font-size: 26px;background: #000;color:#fff;padding:16px;border-radius: 16px;}

.index-about{padding: 66px 0 90px;}
.index-about .index-about-wrap{display: flex;justify-content: space-between;}
.index-about-left{}
.index-about-tit{font-size: 16px;color:#000;line-height: 1;margin-bottom: 35px;}
.index-about-left h4{font-size: 40px;line-height: 80px;margin:0;line-height: 1.6;}
.index-about-left span{display: block;}
.index-about-right{width:1086px;margin-top: 10px;}
.index-about-right .con{font-size:16px;color:#000;line-height: 30px;}
.index-about-right .con p{font-size:16px;color:#000;line-height: 30px;}
.index-about-right .reason {margin-top: 32px;display: flex;justify-content: space-between;}
.index-about-right .reason ul{display: flex;}
.index-about-right .reason ul li{margin-right:38px;width:100px; height: 100px;display: flex;flex-direction: column;align-items: center;text-align: center;justify-content: space-around; border:1px solid #e9e9e9;position: relative;}
.index-about-right .reason ul li img{position: relative;top:5px}
.index-about-right .reason ul li p{font-size: 16px;color:#071a3d}
.index-about-right .reason ul li:after{content: "";left:50%; margin-left: -20px;height:2px;background-color: #071a3d;position: absolute;top:-1px;width:40px;height:2px;}
.index-about-right .reason .more{ border:1px solid #000;height:40px;line-height: 40px;padding:0 38px;border-radius: 20px;margin-top: 26px;}
.index-about-right .reason .more:hover{color:#fff;background: #000;}

.index-loop{height:434px;background: #cfcfcf;box-sizing: border-box;padding:58px;max-width:100%;margin-bottom: 230px;}
.index-loop .main-box{position: relative;}
.index-loop .index-loop-tit{font-size: 16px;color:#050505;line-height: 1;}
.index-loop h4{font-size: 40px;margin:35px 0;}
.index-loop .border-part{background:#a6a6a6;width:60px;height:10px;}
.index-loop .con{margin:22px 0;width:438px;font-size:16px;color: #050505;line-height: 32px;}

.index-loop .swiper-container { position: absolute;top:10px;width:1540px;height: auto;margin-left: auto;margin-right: auto;margin-left:500px;}
.index-loop .swiper-container img{height: 426px;}
.index-loop .prev,.index-loop .next{width:40px;height:40px;cursor: pointer;display: inline-block;margin-right: 10px;}	

.series-con{height:96px;border-bottom: 1px solid #e9e9e9;overflow: hidden;}
.series-con h5{display: flex;justify-content: space-between;font-size: 26px;color:#000;margin:8px 0 15px;}
.series-con p{font-size: 15px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;height:30px;}
.side-nav-tag {font-family: "SimSun"; }

.index-common-tit{font-size:16px;color:#050505;line-height: 1;}
.index-common-tit2{font-size: 40px;color:#050505;margin:35px 0;line-height: 1;}

.index-view ul{display: flex;justify-content: space-between;}
.index-view ul li {position: relative;}
.index-view ul li  a{display: block;}
.index-view ul li p{font-size: 34px;font-weight: bold;color:#fff;position: absolute;left:40px;top:30px;}
.index-view ul li p span{display: block;font-size: 16px;margin-top: 20px;font-weight: normal;}

.index-case{margin:76px 0;}
.wrap-case{display: flex;justify-content: space-between;}
.wrap-case .left{width:890px}
.wrap-case .left img{width: 100%;max-height:504px}
.wrap-case .right{flex:1;display: flex;flex-direction: column;justify-content: space-between;margin-left: 10px;justify-content: flex-start;}
.wrap-case .right .top{height: 184px;background-color: #f7f7f7;padding:40px;box-sizing: border-box;}
.wrap-case .right .top p{font-size: 26px;color:#050505;line-height: 1;margin-bottom: 40px;height: 28px;overflow: hidden;}
.wrap-case .right .top a{font-size: 16px;color:#000;padding:10px 0; text-align: center; border-radius: 24px;display: block;width:185px;border:1px solid #000}
.wrap-case .right .top a:hover{color:#fff;background: #000;}
.wrap-case .right .bottom{display: flex;flex-wrap: wrap;justify-content:space-between;}
.wrap-case .right .bottom img{width:265px;height:148px; box-sizing: border-box;margin-top: 10px;}

.index-adv{background: url(../images/index-adv.jpg) center center no-repeat;height:340px;margin-top: 206px;}
.adv-top{display: flex;justify-content: space-between;position: relative;top:-130px;}
.adv-top li{font-size: 26px; border:1px solid #c8c8c8;border-radius: 6px; color:#071a3d; text-align: center; width:240px;background-color: #e9e9e9;height:166px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.adv-top li i{margin-bottom: 10px;font-size:40px;color:#071a3d}
.adv-top li:nth-child(2n){border:none;background-color: transparent;width:auto;}

.adv-bottom{position: relative;top:-70px;}
.adv-bottom h4{font-size: 34px;color:#fff;line-height: 1;margin:0;}
.adv-bottom p{font-size: 16px;color:#fff;line-height: 1;margin:25px 0 46px;} 
.adv-bottom ul{display: flex;justify-content: flex-start;}
.adv-bottom ul li{display: flex; border-radius: 12px; margin-right: 22px; background-color: #000; color: #fff; justify-content: center;height:80px;width: 180px;text-align: center;align-items: center;}
.adv-bottom ul li i{font-size: 34px;color: #fff;margin-right: 25px;}
.adv-bottom .dzfw{display: block; font-size: 26px; position: absolute;right: 0; top:70px; background: #774f40;color:#fff;padding:10px 50px;border-radius: 26px;}


.hot-news{background-color: #f7f7f7;}
.hot-news .tit{font-size: 16px;color:#000;height:32px;line-height: 32px;margin-bottom: 34px;display: flex;align-items: center;}
.hot-news .tit img{margin-right: 20px;}
.hot-news h4{line-height: 1;font-size: 26px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;margin-top: 0;height:28px}
.hot-news a{display: flex;}
.hot-news .wrap{padding:38px;flex:1;display: flex;flex-direction: column;width:40%;}
.hot-news .con{height: 62px;line-height:34px;font-size: 16px;color: #050505;text-indent: 24px;overflow: hidden;}
.hot-news a>img{width: 720px;}
.hot-news .more{border-top: 1px solid #e9e9e9;margin-top: 34px;padding-top: 40px;text-align: right;}
.hot-news .more img{margin-left: 20px;}

.index-news{margin:70px 0;}
.index-news ul{display: flex;margin-top: 40px;}
.index-news ul li{width: 33.3%;border-top: 4px solid #f7f7f7;}
.index-news ul li a{display: block;display: flex;justify-content: center;align-items: center;padding:30px 20px;}
.index-news ul li span{font-size:16px;position: relative;top:-15px}
.index-news ul li p{width: 70%;height:54px;overflow: hidden;margin-left: 40px;font-size: 20px;}
.index-news ul li:hover{background: #f7f7f7;border-color: #000000;}

.footer{background: #383838;padding-bottom:36px;}
.footer .main-box {display: flex;justify-content: space-between;}
.footer .mes {color:#fff;line-height: 36px;margin-top: 34px;flex:1; }
.footer .mes p{color:#fff!important}
.footer .mes i{margin-right: 10px;}
.footer .mes strong{display: block;font-size: 24px;padding-left:24px;font-weight: normal;}

.footer .link{margin-top: 62px;width:568px}
.footer .link ul.friend{display: flex;color:#fff;}
.footer .link ul.friend li {text-align: center;margin-left: 28px;position: relative;}
.footer .link ul.friend li div{position: absolute;width:150px;bottom:40px;z-index: 2;left:-40px;display: none;}
.footer .link ul.friend li div img{border-radius: 10px;}
.footer .link ul.friend li:hover div{display: block;}
.footer .link ul.friend li i{font-size: 30px;color:#fff;}
.footer .ser-tit{color:#fff;font-size: 20px;margin-left: 28px;margin-top:40px;margin-bottom: 10px;}
.footer .serieslist {display: flex;margin-left: 28px;}
.footer .serieslist li{margin-right: 38px;}
.footer .serieslist li a{color:#838d9e;font-size: 16px;}
.footer .serieslist li a:hover{color:#fff}

.support{padding:34px 0;background-color: #383838;border-top: 1px solid #606060;}
.support p{float: right;color:#fff;font-size: 16px;}
.support p a{color:#fff}

.blank{height:80px;}
.local{text-align: right;background: #f7f7f7;height:60px;line-height: 60px;}
.local a{color:#000;font-size:16px;}
.local a:hover,.local a.active{color:#774f40;}

.in-common-tit{margin:78px 0;line-height: 1;font-size: 34px;color:#000;text-align: center;border-bottom: 1px solid #ededed;
  padding-bottom: 50px;}
.in-common-tit span{display: block;margin-top: 18px;color:#ababab;font-size: 16px;}

.in-common-menu{text-align: center;display: flex;justify-content: center;margin-bottom: 40px;}
.in-common-menu li {margin:0 20px;}
.in-common-menu li a{color:#050505;padding:8px;border-bottom: 1px solid transparent;}
.in-common-menu li a:hover,.in-common-menu li a.active{color:#774f40;border-color: #774f40;}

.productlist{display: flex;flex-wrap: wrap;justify-content: space-between;margin:20px 0;}
.productlist li{width: 48%;background-color: #f7f7f7;border-radius: 12px;margin-bottom: 38px;}
.productlist li .top{height:45px;padding:20px 20px;display: flex;justify-content: space-between;border-bottom: 1px solid #fff;}
.productlist li .top i{font-size:26px;color:#8b695d;font-weight: normal;}
.productlist li .top p{font-size: 20px;color:#071a3d}
.productlist li .top p span{display: block;font-size: 16px;color:#7e2200;margin-top: 4px;} 
.productlist li .bottom{padding:20px;display: flex;height:366px;justify-content: center;align-items: center;text-align: center;}

.pc-slide{position: relative;height: 812px;margin-top: 60px;}
.view{position: absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}
.preview{position: absolute;right:0;bottom:40px; width:720px; left:0;margin:auto;height:78px;padding:0 20px;}
.preview .swiper-container {width:700px;margin:auto;}
.preview .swiper-slide { width: 128px;box-sizing: border-box; height: 78px;cursor: pointer;}
.preview .swiper-slide img{border:1px solid #a7a8a5;width:100%;height:100%;box-sizing: border-box;}
.preview .active-nav {border:4px solid #fff }
.preview .active-nav img{border:1px solid transparent}
.preview .swiper-button-white{width:12px;height:22px;background-size: cover;margin-top: -10px;}

.detail-text{display: flex;border-bottom:1px solid #e9e9e9;}
.detail-text .left{width:442px;box-sizing: border-box;padding:66px 0px 0 0;height:100%;}
.detail-text .right{flex:1;height:100%;box-sizing: border-box;padding-top: 60px;border-left:1px solid #e9e9e9;}
.detail-text .left .l-t{font-size: 30px;font-weight: bold;color: #44291f;}
.detail-text .left .l-t span{display: block;font-size: 16px;color: #ababab;font-weight: normal;margin-top: 25px;}

.detail-text .left  .detail{margin-top: 56px;line-height: 36px;font-size: 16px;}
.detail-text .contact{ margin: auto;text-align: center; width: 320px; color:#fff; background-color: #774f40; font-size: 26px; height:50px;line-height:50px; border-radius: 30px;margin-top:70px;display: block;}
.share{margin:60px 0 30px;display: flex;align-items: center;}

.detail-text .right .tit{font-size: 24px;color:#7e2200;line-height: 1;margin-bottom: 30px;}
.detail-text .right .top{padding:0 40px 10px;border-bottom: 1px solid #e9e9e9;}
.detail-text .right .top ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.detail-text .right .top ul li{width: 33.3%;margin-bottom: 36px;}
.detail-text .right .top ul li p{font-size: 16px;color: #44291f;line-height: 1;}
.detail-text .right .top ul li p span{display: block;font-size: 30px;color:#44291f;font-weight: bold;margin-top: 18px;}

.detail-text .right .bottom{padding:40px 40px 40px;}
.detail-text .right .tab{display: flex;margin-bottom: 22px;}
.detail-text .right .tab li{padding: 0 16px; cursor: pointer;border-radius:16px; background: #efe4e0; margin-right: 18px;; height:30px;line-height: 30px;text-align: center;color:#3d2007;font-size: 16px;}
.detail-text .right .tab li:hover,.detail-text .right .tab li.active{background:#774f40;color:#fff}
.detail-text .right .con div{display: none;}
.detail-text .right .con{min-height:170px;line-height: 2.4;font-size: 16px;}

.pro-set {padding:60px 0;}
.pro-tit{font-size: 24px;color:#7e2200;line-height: 1;margin-bottom: 40px;}
.pro-set .wrap{display: flex;justify-content: space-between;height:445px;}
.pro-set .wrap>div{width:46%}
.pro-set .pro-pic-list{display: flex;flex-wrap: wrap;justify-content: space-between;overflow: auto;padding-right: 10px;}
.pro-set .pro-pic-list>div{width: 48%;margin-bottom: 8px;}
.pro-set .pro-pic-list>div p{height: 40px;line-height: 40px;overflow: hidden;text-align: center;font-size: 16px;}
.pro-set .pro-pic-list>div .p-w{display: flex;align-items: center;justify-content: center;text-align: center;height:178px;}
.pro-set .pro-pic-list>div .p-w img{max-height: 100%;}

.jjjd{display: flex;padding:56px 0 30px;border-top: 1px solid #e9e9e9;margin-top: 70px;}
.jjjd .left{width:98px;margin-right: 60px;}
.jjjd .right{flex:1}
.jjjd .right ul {display: flex;flex-wrap: wrap;justify-content: flex-start;}
.jjjd .right ul li{width: 33.3%;margin-bottom: 36px;width: 16.6%;font-size: 16px;color:#000;display: flex;align-items: center;}
.jjjd .right ul li img{margin-right: 10px;vertical-align: middle;position: relative;top:2px;}

.relate-pro{border-top: 1px solid #e9e9e9;margin:0 0 80px 0;}
.relate-tit{text-align: center;font-size: 34px;color:#000;line-height: 1;margin:76px 0 40px;}
.relate-pro ul{display: flex;justify-content: space-between;}
.relate-pro li{width: 24%;}
.relate-pro li a{display: block;background: #f7f7f7;padding:6px;}
.relate-pro li .p-w{height:170px;display: flex;align-items: center;justify-content: center;text-align: center;}
.relate-pro li .p-w img{max-height: 100%;width:100%}
.relate-pro li p{height:34px;line-height: 34px;font-size:16px;color:#050505}
.relate-pro li p span {font-family: "SimSun"; float: right;color:#dfd0cb;font-size: 18px; }
.relate-pro li:hover p{color:#774f40}
.relate-pro li:nth-child(5){display:none}

.pro-adv{padding:80px 48px 46px;background: #f7f7f7;}
.pro-adv .wrap{display: flex;align-items: center;position: relative;}
.pro-adv .ques{margin-left: 36px;text-decoration:underline;font-size: 16px;color:#071a3d}
.pro-adv .adv-top{top:0;width:940px;}
.pro-adv h4{font-size: 34px;line-height: 1;margin:0;color:#071a3d;margin-bottom: 50px;}
.pro-adv .adv-top li{font-size: 16px; border:1px solid #c8c8c8;border-radius: 6px; color:#071a3d; text-align: center; width:136px;background-color: #e9e9e9;height:100px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.pro-adv .adv-top li i{margin-bottom: 10px;font-size:28px;color:#071a3d}
.pro-adv .adv-top li:nth-child(2n){border:none;background-color: transparent;width:auto;}
.pro-adv .dzfw{display: block; font-size: 26px; position: absolute;right: 0; top:50%;margin-top: -30px; background: #774f40;color:#fff;padding:10px 50px;border-radius: 26px;}

.big-case{height:425px;overflow: hidden;}
.big-case ul{display: flex;justify-content: space-between;}
.big-case ul li:nth-child(2){margin:0 10px;}
.big-case ul li{width:330px;height:425px;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out;background-repeat: no-repeat;background-position: center center;position: relative;cursor: pointer;background-size:cover}
.big-case ul li.active{width: 760px;}
.big-case ul li .text{position: absolute;left:36px;bottom: 18px;right:48px;}
.big-case ul li .text h4{margin:0;line-height: 1;color:#fff;font-size: 60px;}
.big-case ul li .text .t1{font-size: 18px;line-height: 1;margin:16px 0;color:#fff}
.big-case ul li .text .t2{height:52px;overflow: hidden;line-height: 26px;font-size: 16px;color:#fff}
.big-case ul li .text .more{display:block; width:96px; height:30px;line-height: 30px;color:#fff;padding:0 10px;border-radius: 20px;margin-top: 12px;background-color: #774f40;text-align: center;}

.big-case ul li.active .text  .t2,.big-case ul li.active .text  .more{opacity: 1;display: block;}
.big-case ul li.active .text .t1,.big-case ul li.active .text h4{text-align: left;}

.big-case ul li .text .t1,.big-case ul li .text h4{text-align: center;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.big-case ul li .text .t2,.big-case ul li .text .more{opacity: 0;display: none;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}

.caselist {display: flex;margin:60px 0}
.caselist .left{width: 320px;margin-right: 120px;}
.caselist .left h4{color:#050505;line-height: 1;margin-bottom: 82px;font-size: 30px;}
.caselist .left .con{font-size: 16px;color:#ababab;line-height: 32px;text-indent: 24px;}

.caselist .left .more{ margin: auto;text-align: center; width: 320px; color:#fff; background-color: #774f40; font-size: 26px; height:50px;line-height:50px; border-radius: 30px;margin-top:70px;display: block;}
.caselist .right{flex: 1;}
.caselist .right li a{display: flex;justify-content: space-between;padding:30px 0 30px 20px ;}
.caselist .right li {border-bottom: 1px solid #e9e9e9;}
.caselist .right li a>div{flex: 1;}
.caselist .right li a>span{text-align: center;font-size: 24px;color:#fff;background: #774f40;
  padding: 5px;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  margin-top: 20px;}
.caselist .right li p{line-height: 1;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;color:#000;height:20px;}
.caselist .right li .t1{font-size: 16px;margin-bottom: 20px;}
.caselist .right li .t2{font-size: 20px;margin-bottom: 12px;}
.caselist .right li .t3{color:#ababab;font-size: 16px;}
.caselist .right li:hover .t2{color:#774f40}

.in-detail-tit{font-size: 48px;font-weight: bold;text-align: center;margin:40px 0;}
.case-info{display: flex;flex-wrap: wrap;}
.case-info>div{width: 50%;height:56px;display: flex;align-items: center;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;border-bottom: 1px solid #e9e9e9;}
.case-info>div:first-child,.case-info>div:nth-child(2){border-top:1px solid #e9e9e9;}
.case-con{margin: 70px 0;font-size:16px;line-height:2}
.case-other{display: flex; justify-content: space-between;align-items: center; margin-bottom: 30px; border-top: 1px solid #e9e9e9;height:55px;font-size: 16px;}
.case-other a{color:#774f40;}

.factory{background: #cfcfcf;height:354px;margin:180px 0;}
.factory .main-box{position: relative;}
.f-logo{position:absolute;top:-104px}
.factory .main-box{display: flex;}
.factory ul {display: flex;width:40%;padding:40px 0;flex-wrap: wrap;}
.factory ul li{width:50%; box-sizing: border-box; display: flex;justify-content: center;align-items: center;height:140px;border-bottom: 1px solid #bababa;border-right:1px solid #bababa}
.factory ul li:nth-child(3),.factory ul li:nth-child(4){border-bottom:none}
.factory ul li:nth-child(2),.factory ul li:nth-child(4){border-right:none}
.factory ul li img{margin-right: 30px;}
.factory ul li i{font-size: 36px;color:#000;line-height:1 ;}
.factory ul li i span{display: block;color:#848484;font-size: 16px;font-style: normal;line-height: 1;margin-top: 8px;text-align:center}
.factory .video-part{position: absolute;right: 0;top:-100px;width:780px;max-height:506px;}
.factory .video-part video{max-height:506px;max-width:100%;}

.factory-pic{display: flex;flex-wrap: wrap;  gap: 10px  40px;	}
.factory-pic li{flex: 0 0 calc(25% - 40px);cursor: pointer;max-height:100%}
.factory-pic li div{display: block;
  position: relative;
  height: 0;
  padding-bottom: 56%;}
.factory-pic li div img{display: block;position: absolute;left:0;right:0;top:0;bottom:0;margin:auto;max-height:100%;}
.factory-pic li p{height:42px;line-height: 42px;color:#050505;font-size: 16px;text-align: center;}
.fa-in-common-tit{margin-bottom: 50px;}
.fmar{margin:80px 0;}

.about{padding:80px 0 0;}
.about .top-img{position:relative;}
.about .top-img img{position: relative;top:-80px;z-index: 2;}
.about .block{position: absolute;right:0;bottom:0;width: 1200px;height:458px;bottom:0;right:0;background: #f7f7f7;z-index: 1;}
.about-con{padding:30px 0;line-height: 2;font-size:16px;}
.develop{height: 765px;background: url(../images/develop.jpg) center center no-repeat;margin-top: 500px;}

.about .video-part{width:1200px;height: 675px;margin: auto;position: relative;top:-440px;text-align:center;}
.about .video-part video{max-height:675px;max-width:100%;}

.develop .main-box{position: relative;height:100%;}
.his{ height:550px;background: url(../images/his.png) center bottom no-repeat;  position: absolute;bottom:0;left:0;right:0;margin: auto;}
.his .tit{padding-top: 116px;line-height: 1;text-align: center;font-size: 34px;color:#fff;margin-top: 25px;}
.his .tit span{display: block;font-size: 16px;color:#b1b2b1;margin-top: 20px;}
.his .con{padding-left: 336px;line-height: 34px;color:#fff;font-size: 16px;margin-top:70px;padding-right: 190px;}
.his .con p{margin-bottom:36px;}

.in-hot-news{height:400px;background: #f7f7f7;display: flex;position: relative;}
.hot-icon{position: absolute;top:0;right:40px;display: none;}
.in-hot-news>a img{width:720px;max-height:400px;}
.in-hot-news .con{padding:36px;box-sizing:border-box;width:50%}
.in-hot-news .date{font-size: 16px;color:#ababab;height: 30px;line-height: 30px;}
.in-hot-news .date i{font-size: 22px;margin-right: 22px;}
.in-hot-news .tit{font-size: 24px;color:#050505;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;line-height: 1.1;margin:35px 0 28px;}
.in-hot-news .text{height:130px;overflow: hidden;line-height: 30px;}
.in-hot-news .more{text-align: right;}
.in-hot-news .more a{text-align: center; width: 120px; color:#fff; background-color: #774f40; font-size: 16px; height:34px;line-height:34px; border-radius: 30px;margin-top:20px;display: inline-block;}

.in-hot-news{margin-bottom: 78px;}
.nor-news li{display: flex;margin-bottom: 40px;}
.nor-news li img{width:480px;margin-right: 36px;}
.nor-news li>a{margin-right: 36px;}
.nor-news li .wrap{display: flex;border-bottom: 1px solid #e9e9e9;width:100%}
.nor-news li .date{width:98px;height:98px;border:1px solid #e9e9e9;text-align: center;margin-right: 38px;padding-top: 10px;box-sizing: border-box;}
.nor-news li .date p{font-size: 30px;color:#774f40;}
.nor-news li .date p span{display: block;font-size: 16px;color:#774f40;}
.nor-news li .con {flex:1;}
.nor-news li .con .tit{font-size: 20px;color:#000;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;margin-bottom: 30px;}
.nor-news li .con .text{font-size: 16px;color:#ababab;height:90px;line-height: 32px;overflow: hidden;}
.nor-news li .more{text-align: right;}
.nor-news li .more a{text-align: center; width: 100px; color:#3d0b07; background-color: #f7f7f7; border:1px solid #e9e9e9; font-size: 16px; height:32px;line-height:32px; border-radius: 22px;margin-bottom:40px;display: inline-block;}
.nor-news li .more a:hover{color:#fff;background-color: #774f40;border-color: #774f40;}

.news-detail-tit{font-size:30px;color:#050505;line-height: 52px;text-align: center;margin-top:30px;}
.detail-mes{padding:10px 0 40px;text-align: center;border-bottom: 1px solid #e9e9e9;}
.detail-mes span{margin:0 22px;color:#ababab;font-size: 16px;}
.detail-con{padding:40px 0 12px;font-size:16px;line-height:2}

.question li{margin-bottom:40px;}
.question .q {height:30px;line-height: 38px;color:#774f40;font-size: 16px;font-weight: bold;;}
.question .q span{margin-right: 12px; font-weight: normal; width:28px;height:28px; line-height: 24px; text-align: center;color:#fff;display: inline-block;background: url(../images/q.png) no-repeat;}
.question .a{margin:22px 0 0 40px;padding:10px 20px;background-color: #f7f7f7;font-size: 16px;color:#050505;line-height: 32px;}

.contact{height:576px;background: #f7f7f7;}
.note{font-size: 20px;color:#050505;text-align: center;}
.note .note-tit{margin:70px 0 40px}
.note ul{display: flex;justify-content: center;margin-bottom:60px;}
.note ul li{width:188px;margin:0 20px;}
.note ul li p{height:46px;line-height: 46px;font-size: 16px;color:#050505}

.map {text-align: right;padding-top: 40px;position: relative;}
.map-mes{position: absolute;width: 700px;height:auto;background-color: #fff;text-align: left;padding:35px;box-sizing: border-box;top:85px;border-radius: 16px;}
.map-mes .tit{line-height: 1;font-size: 30px;color:#44291f;margin-bottom: 25px;}
.map-mes ul li{height:auto;line-height: 48px;color:#050505;font-size: 16px;}
.map-mes ul li i{margin-right: 24px;color:#57c200;font-size: 24px;}
.map-mes .bot{font-size: 16px;color:#ababab;margin-top: 30px;}

.totop .main-box{height:0}
.totop{position: fixed;bottom:80px;right:0;height:0;left:0;margin: auto;z-index: 2;display: none;}
.totop .back{left:90px;top:-80px;float: right; cursor: pointer; width: 80px;height:80px;border-radius: 50%;background: #000000;color:#fff;text-align: center;line-height: 100px;font-size: 16px;position: relative;}
.totop .back span{border-left: 16px solid transparent;border-right: 16px solid transparent;border-bottom:16px solid #fff;height: 0;margin: auto;position: absolute;top:20px;width: 0;line-height: 1;}

.page{display:flex;text-align:center;margin: 30px 0 40px;
  justify-content: center;}
.page li{margin:0 10px;}
.page li:hover a{color:#7e2200}

.local a:nth-child(2){display:none}

.en .his .tit{padding-top:46px}
.en .index-loop{height:604px}
.en .adv-bottom .dzfw{top:156px}
.en .adv-bottom ul li i{margin: 0px 5px;}
.en .index-about-right .reason ul li p{font-size:14px;}
.en .index-loop .swiper-container{top:150px;}

@media screen and (max-width: 1679px){
	.w1600 {padding-right: 10px;height: 80px;}
	.text-part .explore{right:10px;top:220px;}
	.nav .logo{margin-left:0}
    
   
    .en .text-part p{padding-left:10px;font-size:30px!important}
	 
}
@media screen and (max-width: 1439px){
	.main-box{ width:1200px;}
	.w1600{ max-width: 1200px;}
	.index-about-right{width:1000px}
	.index-about-left h4{font-size: 26px;}
	.index-about-right .reason .more{padding:0 16px}
	.index-loop .swiper-container{width: 1400px;}
	.index-view ul{gap:0 20px}
	.wrap-case .right .bottom img{width:258px}
	.wrap-case .left{width:666px;}
	.wrap-case .right .bottom img{height:124px}
	.adv-top li{font-size:20px;width:190px}
	.adv-bottom .dzfw{font-size:20px;top: 48px;padding: 10px 20px;}
	.hot-news a > img{width:550px} 
	.pro-adv .dzfw{padding: 10px 20px;font-size: 16px;margin-top: -22px;}
	.about .block{display: none;}
	.about .top-img img{top:0}
	.about{padding:0;}
	.in-common-tit{margin:30px 0;}
	.video-part{width:100%}
	.develop{margin-top: 464px;}
	.caselist .left{margin-right: 60px;}
	.factory .video-part{width:580px;top:-48px}
	.in-hot-news>img{width: 560px;height:310px}
	.in-hot-news{height: auto;}
	.pc-slide{height:678px;}
	.view .swiper-container{height: 100%!important;}
	.view img{height: 100%;}
    .wrap-case .left img{height:100%}
}
@media screen and (max-width: 1199px){
	.main-box{ width:1002px;} 
	.w1600 ul li{margin-left: 10px;}
	.index-about .index-about-wrap{display: block;}
	.index-about-left span{display: inline;}
	.index-about-tit{margin-bottom: 5px;}
	.index-about{padding:25px 0} 
	.index-loop .swiper-container{width:1100px;}
	.index-loop .swiper-container img{height:366px}
	.index-loop{margin-bottom: 140px;}
	.wrap-case .right .bottom img{width:100%;height:90px}
	.wrap-case .right .top a{width:162px;padding: 8px 0;}
	.wrap-case .right .top p{font-size: 18px;}
	.hot-news .wrap{padding:15px;width: 95%;}
	.hot-news a > img{width:416px}
	.hot-news .more{margin-top: 15px;padding-top: 20px;}
	.hot-news .tit{margin-bottom: 20px;}
	.hot-news h4{margin-bottom: 15px;}
	.index-news ul li a{padding: 20px 12px;}
	.text-part p{padding-left: 100px;font-size: 50px;} 
	.footer .link ul.friend li,.footer .serieslist,.footer .ser-tit{margin-left:10px;}
	.footer .link{width:auto;}
	.his .con{padding-left: 240px;}
	.pro-adv .adv-top{width: 874px;}
	.pro-adv h4{font-size: 24px;}
	.pro-adv .dzfw{top:-58%;}
	.f-logo{width:280px;top:-58px;}
	.in-hot-news>img{width: 440px;}
	.in-hot-news .con{padding:15px;width:95%}
	.in-hot-news .text{height:98px}
	.nor-news li .wrap{flex-wrap: wrap;padding-bottom: 15px;}
	.productlist li .bottom{height:260px}
	.pc-slide{height:608px;}
	.pro-set .pro-pic-list > div .p-w{height: 148px;}
	.detail-text .left{width: 402px;} 
  
  
    .en .index-loop{height:auto;}
  .en .index-loop .swiper-container{top:0}
  .en .text-part p{display:none}
}

@media screen and (max-width: 1001px){
	.main-box{ width:768px;}
	.index-about-right{width:100%}
	.index-about-right .reason{display: block;}
	.index-about-right .reason .more{display: inline-block;}
	.index-loop h4{font-size: 30px;margin:22px 0;}
	.index-loop .swiper-container{margin-left: 342px;}
	.index-loop .con{width:312px}
	.index-view ul li p{font-size:22px;left:18px;top:18px}
	.index-view ul li p span{margin-top: 10px;}
	.index-common-tit2{font-size: 36px;}
	.adv-bottom h4{font-size: 24px;}
	.adv-bottom p{font-size: 16px;}
	.adv-bottom .dzfw{font-size: 16px;top: 40px;padding: 10px 12px;}
	.adv-bottom ul li i{margin-right: 4px;}
	.hot-news a{display: block;}
	.hot-news a>img{max-width: 100%;width: auto;display: block;margin: auto;}
	.index-news ul {flex-wrap: wrap;}
	.index-news ul li{width:100%;}
	.w1600 ul li{text-align: center;}
	.his .con{padding:0 20px;}
	.video-part{top:-200px}
	.develop{margin-top: 230px;}
	.pro-adv{padding:30px 0;}
	.pro-adv h4{font-size:20px;margin-bottom: 25px;}
	.pro-adv .adv-top{width:100%}
	.pro-adv .wrap{flex-wrap: wrap;}
	.pro-adv .dzfw{position: relative;top:0;margin-top: 0;}
	.pro-adv .adv-top{margin-bottom: 20px;}
	.pro-adv .ques{margin-left:0;margin-right: 20px;}
	.footer .mes{margin-top: 0;}
	.caselist .left{width:256px}
	.caselist .left .more{width:90%}
	.in-detail-tit{font-size: 26px;}
	.factory .main-box{display: block;}
	.factory .video-part{width:auto;height:auto;position: relative;right:0;float: left;top:20px}
	.factory ul{width: 100%;}
	.factory{height: auto;}
	.f-logo{display: none;}
	.in-hot-news{display: block;}
	.in-hot-news > img{max-width: 100%;width: auto;display: block;margin: auto;}
	.in-hot-news .tit{margin:15px 0;}
	.in-hot-news .more a{margin-top: 5px;}
	.nor-news li{display: block;}
	.nor-news li img{max-width: 100%;display: block;margin: auto;}
	.nor-news li .wrap{margin-top: 15px;}
	.productlist li .bottom{height:204px}
	.pc-slide{height:510px}
	.detail-text{flex-wrap: wrap;}
	.detail-text .left{width:100%;padding-top: 20px;}
	.detail-text .left .detail{margin-top: 16px;}
	.detail-text .contact{width: 300px;font-size: 20px;height: 32px;line-height: 32px;margin-top: 10px;}
	.detail-text .right{border:none;}
	.detail-text .right .top{padding:0;}
	.detail-text .right .bottom{padding:20px 0;}
	.detail-text .right .top ul li p span{font-size:22px}
	.share{margin: 20px 0 30px;}
	.detail-text .right{margin-top: 10px;}
	.jjjd{display: block;}
}

@media screen and (min-width: 768px){
	#menu{display: none;}
}
@media screen and (max-width: 767px){
	.main-box{ width:540px;}
	.nav .logo{margin-right:0;width:150px}
	.text-part p{height: auto;line-height: 2;padding-left: 15px;font-size: 30px;}
	.text-part .explore{font-size: 16px;padding: 12px;top:12px}
	#menu p{top:39px}
	.nav-mask .wrap{margin:0;}
	.nav-mask .wrap ul:first-child li{font-size:20px}
	.nav-mask .wrap ul:first-child li.active a{font-size: 22px;padding-left:40px;}
	.nav-mask .wrap ul:first-child li:hover a::after, .nav-mask .wrap ul:first-child li.active a::after{width: 30px;}
	.nav-mask .wrap ul:first-child{width: 200px;}
	.nav-mask .wrap ul:last-child li a{font-size: 20px;margin-bottom: 22px;}
	.index-about-right .reason ul li{margin-right: 10px;}
	.index-loop .swiper-container{position: relative;margin: 0;}
	.index-loop{height: auto;margin-bottom: 20px;}
	.index-loop .con{width: 100%;}
	.series-con{border:none}
	.index-common-tit2{font-size: 24px;margin:15px 0;}
	.index-case{margin:36px 0;}
	.wrap-case{flex-wrap: wrap;}
	.wrap-case .left{width:100%}
	.wrap-case .right{margin-left:0}
	.wrap-case .right .top{height:auto;}
	.wrap-case .right .top{padding:20px}
	.wrap-case .right .top p{margin-bottom: 20px;}
	.wrap-case .right .top a{width: 150px; padding: 4px;}
	.wrap-case .right .bottom img{height:auto;}
	.adv-top li{height:auto;}
	.index-adv{margin-top: 165px;}
	.adv-bottom .dzfw{top:100px}
	.footer .main-box{display: block;}
	.footer .mes{padding-top: 10px;}
	.footer .link{margin-top: 22px;}
	.footer .ser-tit{margin-top: 22px;} 
	.his{height: auto;}
	.his .tit{padding-top:0;margin-top: 0;}
	.develop{margin-top: 0;}
	.video-part{top:20px;}
	.caselist{flex-wrap: wrap;}
	.caselist .left{width:100%;margin-right:0;}
	.caselist .left h4{margin-bottom: 30px;}
	.caselist .left .more{margin-top: 20px;}
	.caselist{margin-top: 0;}
	.big-case ul li:last-child{display: none;}
	.contact{height:auto;}
	.map-mes{position: relative;top:0;width:100%;height: auto;}
	.map{padding:20px 0;}
	.map>img{display: none;}
	.map-mes ul li{height: auto;line-height: 1.6;}
	.factory-pic li{flex: 0 0 calc(50% - 20px);}
	.factory{margin:40px 0;}
	.nor-news li .wrap{padding-left: 72px;display: block;width:auto;}
	.nor-news li .wrap{position: relative;}
	.nor-news li .date{width:60px;height:60px;padding-top:5px;position: absolute;left:0;}
	.nor-news li .date i{display: none;}
	.nor-news li .date p{font-size: 16px;}
    .nor-news li .date p span{font-size: 14px;}
    .nor-news li .date{padding-top:8px;}
	.productlist li .bottom{height: 146px;}
	.pc-slide{height: auto;}
	.view,.preview {position: relative;}
	.preview{position: relative;bottom: 0;width: 100%;padding:0 15px;box-sizing: border-box;height: auto;}
	.preview .swiper-slide{width: 110px;height: 62px;}
	.preview .swiper-container{width: 100%;}
	.preview .active-nav img{border-color: #3d0b07;}
	.preview .active-nav{border:none!important}
	.preview .swiper-button-white{width:9px;height: 16px;margin-top: -5px;}
	.preview .swiper-button-prev.swiper-button-white{background-image: url(../images/p-l.png);left:0;}
	.preview .swiper-button-next.swiper-button-white{background-image: url(../images/p-r.png);right:0;}
	.pro-set .wrap > div{width:100%}
	.pro-set .wrap{flex-wrap: wrap;height: auto;}
	.pro-set .pro-pic-list{margin-top: 30px;}
	.jjjd{padding:30px 0;margin-top:22px}
	.jjjd .right ul li{width: 33.3%;}
	.pro-set{padding:30px 0 0 0;}
	.detail-text .right{padding-top: 0;}
	.relate-tit{font-size: 24px;margin: 30px 0;}
	.relate-pro  ul{flex-wrap: wrap;gap:1% 10px}
	.relate-pro li{width: 48%;;margin-bottom: 20px;}
	.relate-pro{margin-bottom: 30px;}
    .totop{display: none!important;}
  .nor-news li .more a{margin:20px 0;}
  .in-common-menu{flex-wrap:wrap}
  .in-common-menu li{margin-bottom:15px}
  .productlist li .top{height:auto;}
  .productlist li .top p{font-size:18px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
}

 @media screen and (max-width: 540px){
	  .main-box{ width:100%;box-sizing: border-box;padding:0 15px}
	  .w1600{max-width: 100%;}
	  .blank{display: none;}
	  .nav{position: relative;}
	  .w1600 ul li{display: none;}
	  .w1600 ul li:last-child{display: inline-block;font-size: 0;}
	  .w1600 ul li a{border:none !important}
	  .nav{padding-right: 80px;box-sizing: border-box;width: 100%;height:50px}
	  #menu{position: absolute;right:0;width:80px;height:50px}
	  #menu img{height: 100%;width: 100%;}
	  .w1600,.w1600 ul{height: 50px}
	  #menu p{top: 20px;left: 12px;font-size: 16px;}
	  .w1600 ul li a{padding:0;line-height: 1;padding-top: 25px;}
	  .nav-mask{padding: 0 15px}
	  .nav-mask .phone{bottom:20%;right: 0;}
	  .nav-mask .phone strong{left:0;}
	  .nav-mask .wrap ul:last-child{margin-left: 0;}
	  .banner .swiper-pagination{bottom: 5px!important;}
	  .text-part .explore{display: none;}
	  .text-part p{font-size: 22px;}
	  .index-about{padding:15px 0;}
	  .index-about-right .reason ul{flex-wrap: wrap;justify-content: center;}
	  .index-about-right .reason ul li{margin-bottom: 10px;}
	  .index-about-right .con{display: none;}
	  .index-about-left h4{font-size:22px}
	  .index-about-right .reason .more{display: none;}
	  .index-about-right .reason{margin-top: 15px;}
	  .index-loop{padding:15px 0;}
	  .index-loop .swiper-container{width:180%;}
	  .index-loop .swiper-container img{height:auto;}
	  .index-loop h4{margin:16px 0;}
	  .index-loop .con{margin:10px 0;}
	  .series-con h5{font-size: 16px;}
	  .index-loop .prev, .index-loop .next{width:28px;height:28px}
	  .index-loop h4{font-size: 22px;}
	  .index-view ul{gap:10px;flex-wrap: wrap;}
	  .index-view ul li{width:100%}
	  .index-common-tit2{line-height: 1.2;}
	  .index-adv{background: url(../images/develop2.jpg) center center no-repeat;height:auto;margin-top: 0;padding:10px 0;}
	  .adv-top,.adv-bottom{top:0;}
	  .adv-top{flex-wrap: wrap;gap:10px 1%;justify-content: space-between;}
	  .adv-top li{width: 48%;padding:5px 0;font-size: 16px;}
	  .adv-top li:nth-child(2n){display:none}
	  .adv-bottom h4{line-height: 1.4;font-size: 20px;margin-top: 10px;}
	  .adv-top li i{margin-bottom: 0;}
	  .adv-bottom .dzfw{top:-60px;right: 5%;}
	  .adv-bottom p{margin:15px 0 30px;line-height:1.5}
	  .adv-bottom ul{flex-wrap: wrap;gap: 10px 1%;}
	  .adv-bottom ul li{margin:0;width: 49%;}
	  .hot-news h4{font-size: 22px;line-height:auto;}
	  .hot-news .tit img{width:20px}
	  .support {padding:10px 0;}
	  .support  img{display:block;margin:5px auto;}
	  .support p{float: none;text-align: center;}
	  .index-news{margin:20px 0}
	  .pro-adv .adv-top li{width:48%}
	  .pro-adv .adv-top,.pro-adv .wrap{justify-content: flex-start;}
	  .pro-adv .wrap{position: relative;}
	  .pro-adv .ques,.pro-adv .dzfw{position: absolute;top:auto;bottom:20px;}
	  .pro-adv .ques{right:0;bottom:80px;}
	  .pro-adv .dzfw{top:auto;bottom:20px;right:0}
	  .in-common-tit{font-size: 26px;}
	  .in-common-tit span{font-size: 16px;}
	  .caselist .left h4{margin:20px 0;}
	  .caselist{display: block;}
	  .caselist .right li a{display: block;}
	  .caselist .right li a > span{display: none;}
	  .caselist .left .more{width:80%;font-size: 18px;height: 32px;line-height: 32px;}
	  .note .note-tit{margin:30px 0}
	  .note ul{flex-wrap: wrap;gap:10px}
	  .note ul li{width: 48%;margin:0;}
	  .factory ul{padding-bottom: 15px;}
	  .factory ul li img{width: 35px;margin-right: 20px;}
	  .factory ul li i{font-size:24px}
	  .factory ul li{height:80px;}
	  .nor-news li .con .tit{margin-bottom: 8px;}
	  .in-hot-news > img{height: auto;}
	  .in-hot-news .tit{font-size: 20px;}
	  .in-hot-news{margin-bottom: 24px;}
	  .hot-icon{right: 0;width: 30px;}
	  .footer .link ul.friend{flex-wrap: wrap;}
      .footer .serieslist{flex-wrap:wrap}
	  .footer .link ul.friend li, .footer .serieslist, .footer .ser-tit{margin-left: 0;}
	  .footer .link ul.friend li{margin-right: 5px;}
	  .news-detail-tit{font-size: 22px;line-height: 32px;}
	  .detail-mes span{margin:0 4px}
	  .detail-mes{padding-bottom: 12px;}
	  .productlist li .top i{font-size: 20px;margin-top: 4px;}
	  .productlist li .bottom{height: 120px;}
      .big-case ul li .text .t2{display:block!important}
      .big-case ul li:nth-child(2){display:none}
      
   
       .en .adv-bottom .dzfw{top:181px}
 }