/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:' '; color:#1a1815;background: #f9f9f8;}
body.head_on{overflow:hidden}
a{color:#000;transition: 0.3s;}
a:hover{ color:#f60; text-decoration:none;cursor: pointer;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.w_wapper{ max-width:100%; margin-left:auto;margin-right: auto;padding-left: 40px;padding-right: 40px;box-sizing: border-box;}


*,
*::before,
*::after{-webkit-box-sizing: border-box;box-sizing: border-box;}

 :root {
    --main-color: #a48c74;
    --main-color-white: #fff;
	--main-color-f9f9f8: #f9f9f8;
    --main-color-a48c74: #a48c74;
    --main-color-1a1815: #1a1815;
    --main-color-5f5d59: #5f5d59;
    --main-color-000: #000;
    --main-color-2d2d2f: #2d2d2f;
    --main-color-333: #333333;
    --main-color-888: #888888;
    --main-transition: all ease 0.4s;
    --main-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;background: transparent;transition: 0.3s;border-bottom: 1px solid rgba(164,140,116,0.2);background-image: linear-gradient(to bottom,#00000096 0,#00000000 100%);}
.header.fixed{top: -58px;background: #fff;}
.header.active{top: 0;}
.hWarp{height: 58px;width: 100%;}
.hWarp .logo{margin-left:120px;}
.hWarp .logo .img_2{display: none;}
.hWarp .logo img{width: auto;height: auto;max-height: 40px;}

.hMenu_btn{width:50px;position:relative;cursor:pointer;height:30px;margin-top: 10px;}
.hMenu_btn span{display:block;background: var(--main-color);width:25px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.hMenu_btn span:nth-of-type(1){top:0px}
.hMenu_btn span:nth-of-type(2){top:8px}
.hMenu_btn span:nth-of-type(3){top:16px}
.hMenu_btn_on span:nth-of-type(1){top:8px;transform:rotate(45deg)}
.hMenu_btn_on span:nth-of-type(2){width:0}
.hMenu_btn_on span:nth-of-type(3){top:8px;transform:rotate(-45deg)}

.menu{height:58px;line-height:58px;margin-right:120px;}
.menu ul li{ float:left; position:relative;}
.menu ul li:last-child{margin-right: 0;}
.menu ul li a{color: #fff;font-size: 14px; display:block; line-height:58px; padding:0 20px;}
.menu ul li dl{ background:#fff; width:100%; position:absolute; left:0px; top:58px; box-shadow:2px 2px 5px rgba(0,0,0,0.2);z-index: 9; min-width:150px; display:none;}
.menu ul li dl dd{border-bottom:#ddd dotted 1px;position: relative;}
.menu ul li dl dd a{ font-size:14px; color:#666;display:block; padding:0 20px;text-align:left;line-height:40px;}
.menu ul li dl dd a:hover{ color:#dd5216;}
.menu ul li dl dd dl{position: absolute;left: 100%;top: 0;display: none;}
.menu ul li dl dd:hover dl{display: block;}
.menu ul li span a{border-bottom: 1px solid transparent;}
.menu ul li span a.menu_hover,
.menu ul li span a:hover{border-bottom: 1px solid var(--main-color);}

.header.fixed .hMenu_btn span{background: var(--main-color-5f5d59);}
.header.fixed .logo .img_1{display: none;}
.header.fixed .logo .img_2{display: block;}
.header.fixed .h_Links ul li a{color: var(--main-color-5f5d59);}
.header.on{top: 0;}


/*mMenu*/
.m_header{width: 100%;}
.sp_header1{height:70px;overflow:hidden;background:#fff;position:fixed;z-index:9999;width:100%;display: none;top: 0;}
.sp_logo1{float:left;height:70px;display: flex;justify-content: center;align-items: center;padding-left: 20px;}
.sp_logo1 img{margin:auto;max-height:45px;}
.sp_nav1{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:25px;margin-right: 20px;}
.sp_nav1 span{display:block;background: var(--main-color);width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav1 span:nth-of-type(1){top:0px}
.sp_nav1 span:nth-of-type(2){top:10px}
.sp_nav1 span:nth-of-type(3){top:20px}
.sp_nav_se1 span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se1 span:nth-of-type(2){width:0}
.sp_nav_se1 span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav1{position:fixed;z-index:999;background:#fff;width:100%;height:calc(100% - 70px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;display: none;}
.nav_show1{top:70px}
.sjj_nav1 ul li i{position:absolute;top:5px;right:0px;height:30px;padding:0px 7px 0 7px;}
.sjj_nav1 ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav1 ul li .sjj_nav_i_se1 svg{transform:rotate(0deg)}
.sjj_nav1 ul li{border-top:1px #e4e8eb solid;position:relative;line-height:45px;font-size:16px}
.sjj_nav1>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav1 ul li ul{display:none}
.sjj_nav1 ul li a{color:#333;width:100%;padding: 0 20px;display: block;box-sizing: border-box;}
.sjj_nav1 ul li a:hover{color: #0188FB;}
.sjj_nav1 ul li ul li a{color:#333;display:block;text-align:left;}
.sjj_nav1 ul li i svg{width:25px;height:25px;fill:#333;}
.sjj_nav1 ul li .sjj_nav_i_se svg{fill:#333}
.sjj_nav1 ul li ul li>ul{margin-left:10px}
.sjj_nav1 ul li ul li{border-top: none;}
.sjj_nav1 ul li ul li a{padding: 0 30px;}

/*mSearch*/
.mSearch{position: relative;width: calc(100% - 20px);height: 35px;overflow: hidden;margin: 20px 10px;}
.mSearch input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 0 60px 0 10px;box-sizing: border-box;border: 1px solid #ccc;border-radius: 25px;background: none;outline: none;}
.mSearch button{background-image: linear-gradient(to right,#01b2ac 0,#004ea2 100%);width: 60px;height: 35px; position: absolute; top: 0;right: 0;border-radius: 0 25px 25px 0;color: #fff;font-size: 14px;border: none;}

/*swiper*/
.swiper {width: 100%;height: 100%;position: relative;overflow: hidden;}
.swiper-slide {background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide img { display: block;width: 100%;height: 100%;object-fit: cover;}

/*common*/
.disFlex {
	flex-wrap: wrap;
	display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
	display: -moz-box;/* Firefox 17- */
	display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
	display: -moz-flex;/* Firefox 18+ */
	display: -ms-flexbox;/* IE 10 */
	display: flex;
}
.jusBet{justify-content: space-between;}
.jusCet{justify-content: center;}
.jusEnd{justify-content: flex-end;}
.aliTop{align-items: flex-start;}
.aliCet{align-items: center;}
.alibtm{align-items: flex-end;}

.img{font-size: 0px;}
img{transition: 0.5s;vertical-align: middle;}

.f_left{float: left;}
.f_right{float: right;}
.clearfix:before,
.clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;overflow: hidden;}
.clearfix {*zoom: 1;}

.bgfff{background: #fff !important;}
.fff{color: #f9f9f8 !important;}
em{font-style: normal;}
.overflow1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;display: block;}
.overflow2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.overflow3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

.pt180{padding-top: 180px;}
.pb180{padding-bottom: 180px;}
.pt160{padding-top: 160px;}
.pb160{padding-bottom: 160px;}
.pt140{padding-top: 140px;}
.pb140{padding-bottom: 140px;}
.pt120{padding-top: 120px;}
.pb120{padding-bottom: 120px;}
.pt100{padding-top: 100px;}
.pb100{padding-bottom: 100px;}
.pt80{padding-top: 80px;}
.pb80{padding-bottom: 80px;}
.pt60{padding-top: 60px;}
.pb60{padding-bottom: 60px;}
.pt50{padding-top: 50px;}
.pb50{padding-bottom: 50px;}
.pt40{padding-top: 40px;}
.pb40{padding-bottom: 40px;}

.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt35{margin-top: 35px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}
.mt80{margin-top: 80px;}

.textCet{text-align: center;}
.pc_show{}
.m_show{display: none;}

/*-------------------------------------------*/

/*banner*/
.bannerSwiper .swiper-pagination-bullet{opacity: 1;background: #fff;transition:width ease 0.35s;border-radius: 20px;}
.bannerSwiper .swiper-pagination-bullet-active{background: #00b0ec;width:20px;}

.banner{width: 100%;position: relative;overflow: hidden;}
.banVideo{width: 100%;font-size: 0;overflow: hidden;height: 100%;}
.banVideo video{width: 100%;height: 100%;object-fit: cover;}
.banVideo:after{content: "";position: absolute;background: radial-gradient(circle,#a48c7400 0,#1a1815);top: 0;bottom: 0;left: 0;right: 0;opacity: .7;}
.banTop{position: absolute;top: 0;bottom: 0;left: 0;right: 0;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;text-align: center;mix-blend-mode: screen;}
.banTop .warp{padding-top: 50vh;padding-right: 40px;padding-left: 40px;margin-right: auto;margin-left: auto;max-width: 2000px;}
.banTit{color: var(--main-color-a48c74);font-size: 53px;}

.banner{width: 100%;}
.bannerSwiper{width: 100%;}
.bannerSwiper .part{display: block;width: 100%;height: 100%;position: relative;overflow: hidden;}
.bannerSwiper .part .img{width: 100%;height: 100%;font-size: 0px;overflow: hidden;}
.bannerSwiper .part .img img{width: 100%;height: 100%;object-fit: cover;transform: translate(0) scale(1.08);transition: all 1.8s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.bannerSwiper .imgTop{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: flex-end;align-items: center;z-index: 8;}
.bannerSwiper .warp{max-width: 1460px;margin: 0 auto;width: 100%;display: flex;justify-content:  space-between;flex-wrap: wrap;}
.bannerSwiper .desc{width: 55%;}
.bannerSwiper .t1{color: rgba(255, 255, 255, .9);font-size: 16px;margin-bottom: 20px;font-weight: 100;}
.bannerSwiper .t2{font-size: 2.2vw;margin-bottom: 20px;color: #fff;font-weight: bold;}
.bannerSwiper .line{width: 62px;height: 3px;background: #d5ac63;margin: 20px 0;}
.bannerSwiper .info{font-size: 14px;color: rgba(255, 255, 255, .8);margin-bottom: 20px;}
.bannerSwiper .more{margin-top: 5%;}
.bannerSwiper .more a{display: inline-block;padding: 10px 30px;background: #d5ac63;color: #fff;font-size: 14px;border-radius: 30px;}
.bannerSwiper .icon{width: 15%;text-align: center;color: #fff;font-size: 1vw;font-weight: bold;display: flex;flex-direction: column;justify-content: flex-end;}
.bannerSwiper .icon img{width: 100%;height: auto;margin-bottom: 20px;border-radius: 50%;}


.bannerSwiper .swiper-slide-active .part .img img{transform: translate(0) scale(1);}
.bannerSwiper .swiper-button-next,.bannerSwiper .swiper-button-prev{width: 60px;height: 60px;border-radius: 50%;background: rgba(0,0,0,0.3);transition: 0.3s;overflow: hidden;}
.bannerSwiper .swiper-button-next:hover,.bannerSwiper .swiper-button-prev:hover{background: rgba(0,0,0,0.6);}
.bannerSwiper .swiper-button-next:after,.bannerSwiper .swiper-button-prev:after{color: #fff;font-size: 20px;}
.bannerSwiper .swiper-pagination{font-size: 16px;}

.img_circle img{animation: myMove1 12s linear infinite; -webkit-animation: myMove1 12s linear infinite;}
@-webkit-keyframes myMove1{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes myMove1{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(360deg)}
}
@-o-keyframes myMove1{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(360deg)}
}
@keyframes myMove1{from{transform: rotate(0deg)}
    to{transform: rotate(360deg)}
}

@media only screen and (max-width: 1500px) {
.bannerSwiper .warp{padding: 0 5%;box-sizing: border-box;}

}

@media only screen and (max-width: 1200px) {
.bannerSwiper .desc{width: calc(100% - 220px);}
.bannerSwiper .more a{padding: 6px 20px;}
.bannerSwiper .t1{margin-bottom: 10px;}
.bannerSwiper .t2{margin-bottom: 10px;}
.bannerSwiper .line{margin: 10px 0;}
.bannerSwiper .info{font-size: 12px;margin-bottom: 10px;}

}

@media only screen and (max-width: 780px) {
.bannerSwiper .swiper-button-next, .bannerSwiper .swiper-button-prev{width: 35px;height: 35px;}
.bannerSwiper .desc{width: 100%;padding: 0 30px;}
.bannerSwiper .t1{font-size: 12px;}
.bannerSwiper .icon{display: none;}
.bannerSwiper .info{display: none;}
.bannerSwiper .line{width: 35px;height: 1px;}
.bannerSwiper .swiper-slide-active .part .img img{min-height: 220px;}
.bannerSwiper .more a{font-size: 12px;padding: 5px 10px;}

}



.index1{width: 100%;}
.i1Warp{width: 100%;}
.i1Warp .img,
.i1Warp .desc{width: 50%;padding-left: 40px;padding-right: 40px;}
.i1Warp .img a{overflow: hidden;display: block;}
.i1Warp .img img{width: 100%;transition: 0.5s;}
.i1Warp .img img:hover{transform: scale(1.1);}
.i1Warp .desc .inner{max-width: 450px;}

.i_h3{color: var(--main-color-1a1815);font-size: 30px;margin-bottom: 40px;font-weight: 500;}
.i_txt{line-height: 28px;font-size: 18px;color: var(--main-color-1a1815);}
.i_txt p{line-height: 28px;padding: 0;margin-bottom: 15px;}
.i_more .more_btn{color: var(--main-color-000);padding-bottom: 4px;display: inline-block;font-weight: 400;position: relative;font-size: 18px;}

.more_btn:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #000;content: "";transition: 0.8s;}
.more_btn:hover:after{-webkit-animation: dash .8s;animation: dash .8s;width: 100%;}
*[data-show="on-scroll"]{position: relative;display:inline-block;line-height: 110%;font-style: normal;font-weight: 400;font-size:1.2em;}
*[data-show="on-scroll"]:before{position: absolute;bottom: 0;left: 0;content: "";display: inline-block;width: 0;height: 1px;background: #002856;transition:.8s;}
*[data-show="on-scroll"].in-view:before{width:100%;}
*[data-show="on-scroll"]:hover::before{-webkit-animation:dash .8s;animation:dash .8s;}
@-webkit-keyframes dash{
    0%{opacity:1;width:100%;}
    15%{opacity:0;width:100%;}
    20%{opacity:0;width:0%;}
    21%{opacity:1;width:0%;}
    100%{opacity:1;width:100%;}
}
@keyframes dash{
    0%{opacity:1;width:100%;}
    15%{opacity:0;width:100%;}
    20%{opacity:0;width:0%;}
    21%{opacity:1;width:0%;}
    100%{opacity:1;width:100%;}
}

.iTit{font-size: 38px;color: var(--main-color-1a1815);margin-bottom: 40px;font-weight: 500;line-height: 1.2;}

.index2{width: 100%;background: var(--main-color-2d2d2f);}
.index2 .iTit{color: var(--main-color-f9f9f8);}
.i2List{width: 100%;}
.i2List ul li{float: left;width: 33.3%;padding: 0 5px;box-sizing: border-box;padding-bottom: 80px;}
.i2List .part{display: block;width: 100%;height: 100%;overflow: hidden;}
.i2List .part .img{width: 100%;overflow: hidden;display: block;}
.i2List .part .img img{width: 100%;}
.i2List .part .desc{width: 100%;margin-top: 12px;font-size: 14px;}
.i2List .part .desc .t1{flex: 1;color: var(--main-color-f9f9f8);}
.i2List .part .desc .more{display: inline-block;color: var(--main-color-f9f9f8);border-bottom: 1px solid var(--main-color-f9f9f8);padding-bottom: 4px;}
.i2List .part:hover .img img{transform: scale(1.1);}
.i2List .part:hover .t1{color: var(--main-color);}
.i2List .part:hover .more{color: var(--main-color);border-bottom-color:var(--main-color) ;}

.index3{width: 100%;background: #d5cec8;}
.i3Warp{width: 100%;}
.i3Warp .desc{width: 33.3333333333%;padding-right: 40px;padding-left: 40px;}
.i3Warp .desc .inner{max-width: 450px;}
.i3Warp .img{width: 66.6666666667%;padding-right: 40px;padding-left: 40px;}
.i3Warp .img a{display: block;width: 100%;overflow: hidden;}
.i3Warp .img img{width: 100%;}
.i3Warp:hover .img img{transform: scale(1.1);}

.footer{width: 100%;color: #EBEBEB;padding: 80px 0;font-size: 16px;background: #34393f;}
.footer a{color: #EBEBEB;}
.footer .item{width: 24%;}
.footer .item:nth-child(3){width: 20%;margin-left: 2%;}
.footer .f_logo img{margin-left:15px; width: auto;max-width: 100%;max-height: 45px;margin-bottom: 20px;}
.footer .f_desc{font-size: 16px;}
.footer .f_tit{font-size: 16px;margin-bottom: 10px;}
.footer .f_tel ul li{margin: 10px 0;}
.footer .f_tel i{color: #d5ac63;display: inline-block;vertical-align: middle;margin-right: 10px;}
.footer .f_links ul li{margin: 10px 0;}
.footer .f_links i{color: #d5ac63;display: inline-block;vertical-align: middle;margin-right: 10px;}
.footer .f_search input{width: calc(100% - 100px);height: 35px;background: #EBEBEB;color: #333;padding: 0 20px;box-sizing: border-box;outline: none;border-radius: 30px;}
.footer .f_search button{width: 85px;height: 35px;background: #d5ac63;font-weight: bold;color: #fff;border: none;font-weight: bold;font-size: 14px;border-radius: 30px;}
.f_share a{display: inline-block;margin: 5px 0;padding-right: 10px;}
.f_share a img{width: 25px;}

.foot_btm{width: 100%;padding: 20px 0;background: #41484E!important;color: #fff;font-size: 14px;}
.fMenu a{display: inline-block;color: #fff;}
.fMenu a:after{content: "|";padding: 0 10px;opacity: 0.6;}
.fMenu a:last-child:after{display: none;}


.project1{width: 100%;}
.project1 .w_wapper{max-width: 1200px;padding: 0;}
.project1_warp{width: 100%;}
.project1_warp .desc,
.project1_warp .img{width: 50%;padding: 0 40px;box-sizing: border-box;}
.project1_warp .img img{width: 100%;}
.project1_warp .desc .inner{max-width: 500px;padding-left: 96px;}
.i_tags{color: #1a181599;font-size: 14px;margin: 10px 0;}

.proList ul li{float: left;width: 33.3%;padding: 0 5px;box-sizing: border-box;padding-bottom: 80px;}
.proList .part{display: block;width: 100%;height: 100%;overflow: hidden;}
.proList .part .img{width: 100%;display: block;overflow: hidden;}
.proList .part .img img{width: 100%;}
.proList .part:hover .img img{transform: scale(1.1);}
.proList .part .desc{width: 100%;margin-top: 12px;font-size: 14px;display: flex;justify-content: space-between;align-items: center;}
.proList .part .desc .t1{flex: 1;color: var(--main-color-1a1815);}
.proList .part .desc .more{display: inline-block;color: var(--main-color-888);}
.proList .part .desc .more:hover{color: #000;}
.proList .part:hover .desc .t1{color: var(--main-color);}

.tongtu{position: relative;overflow: hidden;width: 100%;}
.tongtu .img{width: 100%;}
.tongtu .img img{width: 100%;}
.tongtu .imgTop{width: 100%;position: absolute;top: 96px;display: flex;justify-content: center;text-align: center;}
.tongtu .imgTop .warp{max-width: 1200px;margin: 0 auto;}
.current{font-size: 12px;color: var(--main-color-f9f9f8);text-align: center;}
.current a{color: var(--main-color-f9f9f8);display: inline-block;opacity: 0.6;}
.current a:hover{opacity: 0.8;}
.current a::after{content: "/";padding: 0 5px;}
.current a:last-child::after{display: none;}
.tongtu .banTit{margin-top: 15px;color: var(--main-color-f9f9f8);}
.tongtu .i_tags{opacity: 0.8;color: var(--main-color-f9f9f8);}

.pfixedWarp{display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;align-items: flex-start;}
.pfixedWarp .leftCon{position: sticky;z-index: 1;overflow-x: hidden;top: 96px;width: 50%;padding-left: 80px;padding-right: 80px;}
.pfixedWarp .rightCon{margin-top:0px;position: -webkit-sticky;position: sticky;z-index: 1;top: 0;overflow-x: hidden;width: 50%;padding-left: 40px;}
.prodImg{width: 100%;overflow: hidden;}
.prodImg p{padding: 0;line-height: 1;}
.prodImg img{width: 100%;}

.prodWarp{width: 100%;}
.prodWarp .desc{margin-bottom: 40px;}
.prodWarp .desc .title{font-size: 20px;margin-bottom: 4px;font-weight: 400;}
.prodWarp .desc .txt{font-size: 14px;opacity: 0.6;}
.prodWarp .info_txt{font-size: 14px;line-height: 22px;font-weight: 400;}

.detail_middle{width: 100%;}
.detail_middle .tit{padding: 13px 0;font-size: 16px; line-height: 1.6;color: #000; position: relative;z-index: 1;cursor: pointer;border-top: 1px solid #a6a4a0;opacity: 0.8;}
.detail_middle .tit:after,
.detail_middle .tit:before{right: 10px;content: "";position: absolute;background-color: #000; top: 50%; -webkit-transform: translateY(-50%);transform: translateY(-50%);height: 2px;width: 12px;opacity: 0.6;}
.detail_middle .tit:after{-webkit-transform: translateY(-50%) rotate(90deg);transform: translateY(-50%) rotate(90deg);}
.detail_middle .tit:hover{opacity: 1;}
.detail_middle .tit:hover:after,
.detail_middle .tit:hover:before{opacity: 1;}
.detail_middle .con{padding: 10px 0;position: relative;display: none;}
.detail_middle .con .txt{line-height: 1.8;font-size: 14px;font-weight: 400;font-style: normal;}
.detail_middle .con .txt a:hover{color: #007AFF;}
.abc_t:after{display: none;}
.detail_middle .list p{display: flex;flex-wrap: wrap;}
.detail_middle .list p strong{font-size: 14px;color: #000;font-weight: normal;width: 190px;text-transform: uppercase;}
.detail_middle .list p span{font-size: 14px;display: inline-block;flex: 1;}

.prod2{width: 100%;overflow: hidden;}
.swiper_Page .swiper-pagination-bullet{width: 10px;height: 10px;background: var(--main-color-a48c74);opacity: 0.6;}
.swiper_Page .swiper-pagination-bullet-active{opacity: 1;background: var(--main-color-a48c74);}

.prod3{width: 100%;}
.prod3_tit{border-bottom: 1px solid #a6a4a0;margin-bottom: 40px;text-align: center;}
.prod3_tit span{display: inline-block;padding: 8px 40px;border-bottom: 1px solid #000;}
.prod3_warp{width: 100%;}
.prod3_warp .img{width: 50%;padding-left: 40px;}
.prod3_warp .img img{width: 100%;}
.prod3_warp .desc{width: 50%;padding: 0 80px;}
.prod3_warp .i_txt{font-size: 16px;opacity: 0.8;}

.showroom{width: 100%;}
.Showroom_tit { /*border-bottom: 1px solid rgba(26,24,21,.2);*/
    padding-left: 125px;
}
.Showroom_list ul li{padding: 40px 0;border-bottom: 1px solid rgba(26,24,21,.2);display: flex;justify-content: space-between;flex-wrap: wrap;}
.Showroom_list .desc,
.Showroom_list .img{width: calc(50% - 40px);}
.Showroom_list .img img{width: 100%;}
.Showroom_list .title{font-size: 24px;margin-bottom: 30px;}
.Showroom_list .tel{font-size: 14px;}
.Showroom_list .tel p{line-height: 1.8;}
.Showroom_list .txt{font-weight:500;font-size: 14px;margin: 20px 0;}

.service1{width: 100%;}
.service1 .inner{max-width: 450px;}
.service1 .inner .i_txt{font-size: 14px;}
.service1 .i_more a{font-size: 14px;}

.service3{padding: 50px 0;}
.service3 .w_wapper{padding-left: 50px;padding-right: 50px;}
.service3 .warp{background: #ded7d0;padding: 120px 0;}

.about1{width: 100%;background: #edece8;}
.about1_top .item{width: 49.3%;padding: 10px;box-sizing: border-box;}
.about1_top .item .i_txt{font-size: 14px;}
.about1_top .i_more .more_btn{font-size: 14px;}
.about1_list{width: 100%;}
.about1_list ul li{float: left;width: 50%;padding: 10px;box-sizing: border-box;}
.about1_list .img{width: 100%;}
.about1_list .img img{width: 100%;}

.about2 .i_txt{font-size: 14px;}
.about2 .i_txt h4{font-size: 14px;color: var(--main-color-1a1815);}

.contact{width: 100%;}
.contWarp{margin-top: 40px;padding-left:125px;}
.contWarp .right{width: 50%;padding: 0 8% 0 4%;}
.contWarp .desc{width: 45%;}
.contWarp .desc .img{width: 100%;margin-top: 60px;}
.contWarp .desc .img img{width: 100%;}
.cont_tit{font-size: 24px;font-weight: normal;margin-bottom: 30px;}
.contWarp .desc .i_txt{font-size: 16px;}
.contWarp .desc .list dl{margin-top: 10%;font-size: 14px;}
.contWarp .desc .list dl dt strong{font-weight: 500;}

.contForm ul li{margin-bottom: 40px;}
.contForm .select_input select{width: 100%;border: none;height: 50px;border-bottom: 1px solid #ddd;background: transparent;outline: none;color: #00000080;font-size: 16px;}
.contForm .radio_input{display: flex;flex-wrap: wrap;font-size: 18px;color: #444;}
.contForm .radio_input label{display: inline-block;width: 50%;}
.contForm .radio_input label input{display: inline-block;margin-right: 10px;}

.contForm .form-control{width: 100%;padding: 0 10px;border: none;border-bottom: 1px solid #ddd;outline: 0;background: transparent;height: 50px;color: #00000080;}
.contForm .form-group.input-material label{color: #00000080;top: 14px;}
.contForm .form-control:focus{border-bottom: 1px solid #000;}
.contForm .tit{color: #00000080;font-size: 16px;margin-bottom: 40px;}
.contForm .tip{color: #00000080;font-size: 16px;margin-bottom: 40px;}
.contForm .tip input{display: inline-block;margin-right: 10px;}
.contForm button{background: #5f5d59;color: #fff;font-size: 16px;padding: 15px;border: none;display: inline-block;}

.form-group.input-material {position: relative;}
.form-group.input-material label {color: #00000080;font-size: 16px;font-weight: normal;position: absolute;pointer-events: none;left: 5px;top: 7px;transition: 0.1s ease all;-moz-transition: 0.1s ease all;-webkit-transition: 0.1s ease all;}
.form-group.input-material .form-control:required~label::after {content: '*';color: #dc3545;padding-left: 2px;font-size: 0.8em;}
.form-group.input-material .form-control:focus,
.form-group.input-material .form-control[value]:not([value=""]) {border-bottom-color: #007bff;color: #00000080}
.form-group.input-material .form-control:focus~label,
.form-group.input-material .form-control[value]:not([value=""])~label {top: -12px;font-size: 12px;background: transparent;padding: 0 5px;color: #999;border-radius: 3px;}
.form-group.input-material .form-control:focus.invalid,
.form-group.input-material .form-control.invalid,
.form-group.input-material .form-control:focus.parsley-error,
.form-group.input-material .form-control[value]:not([value=""]).parsley-error {border-bottom-color: #dc3545;}
.form-group.input-material .form-control:focus.invalid~label,
.form-group.input-material .form-control.invalid~label,
.form-group.input-material .form-control:focus.parsley-error~label,
.form-group.input-material .form-control[value]:not([value=""]).parsley-error~label {color: #dc3545;}
.form-group.input-material .parsley-errors-list {color: #dc3545;list-style: none;font-size: 0.7em;padding-left: 5px;}


.inside{width: 100%;}
.inside img{width: auto;max-width: 100%;}

.service1{max-width: 1600px;margin: 0 auto;padding-left: 10px;padding-right: 10px;box-sizing: border-box;padding-right: 10px;}
.w_wapper2{max-width: 1600px;margin: 0 auto;padding-left: 10px;padding-right: 10px;box-sizing: border-box;}


@media only screen and (max-width: 1200px) {
.w_wapper{ width:100%;padding-left: 20px;padding-right: 20px;}
.banTop{top: 50%;display: block;z-index: 9;transform: translateY(-50%);left: 0;width: 100%;height: auto;bottom: auto;}
.banTop .warp{padding: 0;}
.i1Warp .img, .i1Warp .desc{padding: 0 20px;}
.banTit{font-size: 51px;}
.i_h3{font-size: 28px;}
.i_txt{font-size: 16px;}
.i_more .more_btn{font-size: 16px;}
.index2 .iTit{font-size: 36px;}
.i3Warp .desc,
.i3Warp .img{padding: 0 20px;}
.prod3_warp .desc{padding: 0 40px;}
.contWarp .right{padding-right: 4%;}
.cont_tit{font-size: 22px;}
.contWarp .desc .i_txt{font-size: 14px;}
.pfixedWarp .leftCon{padding: 0 40px;}
.iTit{font-size: 36px;}
.project1_warp .desc .inner{padding-left: 60px;}
.pcMenuWarp .tag{padding-left: 30px;}
.pcMenu_1>.pcMenu_1_row{margin-left: 30px;}
.pcMenu_2>.pcMenu_2_row{margin-left: 20px;}
.pcMenu_1_more{margin-left: 20px;}
.pcMenu_1>.pcMenu_1_row>.title_1 a{font-size: 18px;}
.pcMenu_2>.pcMenu_2_row>.title_1 a{font-size: 18px;}








}

@media only screen and (max-width: 980px) {
.w_wapper{ width:100%;padding-left: 10px;padding-right: 10px;}
.header{ display:none}
.sp_header1{ display:block;}
.sjj_nav1{ display:block;}
.hHei{height: 70px;}
    .pt120 {
      padding:20px 5px;
    }
    .i_h3 {
    margin-bottom:20px;
    }
    .pt40 {
    padding-top:20px;
    padding-bottom:20px;
    }
    .sp_nav1 span {
        background: #1a1815;
    }
.i1Warp .img, .i1Warp .desc{padding: 0 10px;}
.banTit{font-size: 48px;}
.i_h3{font-size: 26px;}
.i_txt{font-size: 15px;}
.i_more .more_btn{font-size: 15px;}
.index2 .iTit{font-size: 32px;}
.i3Warp .desc,
.i3Warp .img{padding: 0 10px;}
.prod3_warp .desc{padding: 0 20px;}
.contForm .radio_input{font-size: 16px;}
.pfixedWarp .leftCon{padding: 0 20px;}
.iTit{font-size: 32px;}
.project1_warp .desc .inner{padding-left: 40px;}
.project1_warp .desc, .project1_warp .img{padding: 0 20px;}
.pcMenu_1>.pcMenu_1_row>.title_1 a{font-size: 14px;}
.pcMenu_2>.pcMenu_2_row>.title_1 a{font-size: 14px;}









}

@media only screen and (max-width: 780px) {
.banTit{font-size: 28px;}
.i_h3{font-size: 20px;}
.i_txt{font-size: 14px;}
.i_more .more_btn{font-size: 14px;}
.i1Warp .img, .i1Warp .desc{width: 100%;}
.i1Warp .img{margin-bottom: 20px;}
.index2 .iTit{font-size: 26px;}
.i2List ul li{width: 100%;}
.i3Warp .desc,
.i3Warp .img{width: 100%;}
.i3Warp .desc{margin-bottom: 20px;}
.fMenu ul li{width: 100%;padding: 0;}
.copyright{padding-top: 50px;}
.prod3_warp .desc{width: 100%;margin-bottom: 20px;padding: 0 10px;}
.prod3_warp .img{width: 100%;padding: 0 10px;}
.about1_top .item{width: 100%;}
.about1_list ul li{width: 100%;}
.contWarp .desc{width: 100%;margin-bottom: 20px;max-width: none;}
.contWarp .right{width: 100%;padding: 0;}
.contForm .radio_input{font-size: 14px;}
.pfixedWarp{display: block;}
.pfixedWarp .leftCon{width: 100%;padding: 0 10px;margin-bottom: 20px;position: relative;top: 0;}
.pfixedWarp .rightCon{width: 100%;padding: 0 10px;position: relative;}
.detail_middle .list p strong{width: 100%;}
.iTit{font-size: 26px;margin-bottom:20px;}
.proList ul li{width: 100%;}
.project1_warp .desc, .project1_warp .img{padding: 0 20px;width: 100%;}
.project1_warp .desc{margin-bottom: 20px;}
.project1_warp .desc .inner{padding-left: 0;}
.service3 .warp{padding: 120px 10px;}
.Showroom_list .desc, .Showroom_list .img{width: 100%;}
.Showroom_list .desc{margin-bottom: 20px;}



}






/*-------------*/


.i_add1_list{width: 100%;padding: 0 20px;}
.i_add1_list ul li{width: 25%;padding: 0 20px;box-sizing: border-box;}
.i_add1_list .part{display: block;position: relative;}
.i_add1_list .part .imgBg{position: relative;padding-right: 30px;padding-top: 30px;}
.i_add1_list .part .img{width: 100%;position: relative;z-index: 2;overflow: hidden;}
.i_add1_list .part .img img{width: 100%;border-radius: 5px;box-shadow: 0 15px 35px 0 rgb(28 30 35 / 20%);transition: 0.5s;}
.i_add1_list .part:hover .img img{transform: scale(1.1);}
.i_add1_list .part .numb{width: 40px;height: 40px;background: var(--main-color);text-align: center;line-height: 40px;position: absolute;left: 0;top: 0;border-radius: 0 0 15px 0;color: #fff;font-size: 18px;border: 1px dotted var(--main-color);transition: 0.3s;}
.i_add1_list .part .imgTxt{position: absolute;top: 0;right: 0;width: calc(100% - 30px);height: calc(100% - 30px);background: #41484e;border-radius: 5px;z-index: 1;}
.i_add1_list .part .imgTxt span {
	font-size: 14px;
	position: absolute;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	color: #fff;
	left: 100%;
	letter-spacing: 1px;
	margin: 29px 0;
	opacity: 0.8;
	padding: 4px 40px 0 0;
	right: 0;
	text-transform: uppercase;
	top: 0;
	white-space: nowrap;
	font-weight: 400;
}
.i_add1_list .part .desc{margin-top: 30px;text-align: right;}
.i_add1_list .part .t1{font-size: 21px;color: #2b2b2b;}
.i_add1_list .part .txt{font-size: 16px;color: #444;margin-top: 10px;}
.i_add1_list .part:hover .t1{color: var(--main-color);}

.formWarp ul li{margin-bottom: 20px;width: 48%;}
.formWarp .tit{font-size: 16px;color: #383838;margin-bottom: 10px;}
.formWarp input,
.formWarp select,
.formWarp textarea{width: 100%;height: 50px;width: 100%;border: 1px solid #dcdfe6;border-radius: 5px;padding: 0 10px;box-sizing: border-box;outline: none;}
.formWarp input:focus,
.formWarp select:focus,
.formWarp textarea:focus{border-color: #717bf5;}

.formWarp button{display: block;width: 160px;height: 40px;text-align: center;margin: 0 auto;font-size: 14px;color: #fff;border: none;background: #717bf5;border-radius: 5px;}
.formWarp button:hover{opacity: 0.8;}
.formWarp .txt{margin-top: 0;text-align: center;font-size: 14px;color: #717bf5;}

.formWarp textarea{height: 100px;}
.formWarp ul li:last-child,
.formWarp ul li:nth-last-child(2){width: 100%;}







@media only screen and (max-width: 1500px) {
.i_add1_list .part .imgTxt span{font-size: 13px;}
.i_add1_list .part .t1{font-size: 18px;}
.i_add1_list .part .txt{font-size: 14px;}

}


@media only screen and (max-width: 1200px) {
.service3 .w_wapper{padding: 0 30px;}
.menu ul li a{padding: 0 12px;}
}


@media only screen and (max-width: 980px) {


}

@media only screen and (max-width: 780px) {
.i_add1{padding-bottom: 20px;}
.i_add1_list{padding: 0;}
.i_add1_list ul li{width: 100%;margin-bottom: 30px;padding: 10px;}
.formWarp ul li{width: 100%;}
.pt100{padding-top: 20px;}
    .mt80 {
    margin-top:20px;
    }
    .i2List ul li {
        padding: 20px 15px;
    }
    .pb100 {
     padding:20px 10px;
    }
    .ml_download {
    padding:0px 15px;
    }
    .contWarp {
    padding-left:0px;
    }
    .Showroom_tit {
    padding-left:0px;
    }
    .tongtu .imgTop {
        top: 20px;
    }
    .pb160 {
        padding-bottom: 80px;
    }
    .pt80 {
        padding:20px 15px;

    }
    .mt50 {
    margin-top:0px;
    }
    .proList ul li {
    padding-bottom:20px;
    }
    .footer .item {
        width: 100%;
        padding: 10px 0;
    }
.footer .item:nth-child(2){display: none;}
.footer .item:nth-child(3){display: none;}
.fMenu{margin-top: 10px;}
.service3{padding: 20px 0;}
.service3 .w_wapper{padding: 0 20px;}
.i3Warp .desc .inner{padding: 0 10px;}
.footer{padding: 25px 0;}
.footer .f_desc{font-size: 14px;}
.foot_btm{margin-bottom: 50px;}
    .update_detail {
    padding:0 15px;
    }
    .update_detail_top h1 {
    font-size:18px;
    }



}





