@charset "utf-8";
/* CSS Document */
.iconfont {font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
html,body{background:#fff; -webkit-user-select: none; user-select: none; color: #565656; font-family: "shsn", sans-serif, "PingFang SC", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Hiragino Sans GB", "Source Han Sans CN Normal", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp"; font-size: 18px; line-height: 34px; text-align: justify; text-justify: distribute-all-lines; -webkit-text-size-adjust: none;}
.m_center{width:800px; height: auto; margin: 0 auto; padding: 0; transition: all .5s ease 0s;}
.in-center{width:610px; height: auto; margin: 0 auto; padding: 0; transition: all .5s ease 0s;}
img{width:auto; /*max-width: 100%;*/ border: 0; transition: all .5s ease 0s;}

/**/
#loading { width: 100%; height: 100%; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; background: #fff;}
.loader { box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 0 1 auto;  flex-direction: column; flex-grow: 1; -webkit-flex-shrink: 0; flex-shrink: 0; flex-basis: 100%; max-width: 100%; height: 100%; align-items: center; justify-content: center;
}
.ball-grid-pulse { width: 25px;}
.ball-grid-pulse img {width: 100%; height: auto;}
.logo{width: 160px; height: 35px; margin: 30px 180px 0 110px; overflow: hidden; position: relative; z-index: 5; line-height: 0;}
.logo img{width:auto; height: 100%; vertical-align: top;}
.logo .jlogo{display: none;}
.js-scroll .logo .blogo{display: none;}
.js-scroll .logo .jlogo{display: block;}
#dh {position: fixed; top: 0; left: 0; right: 0; z-index: 1000; height: 120px; transition: background-color 200ms cubic-bezier(0.165, 0.84, 0.44, 1); display: flex;}
#dh::after{display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }
#dh.js-hover,#dh.js-active {transition-duration: 0s;background-color: rgba(255, 255, 255, .7);}
#dh.js-scroll{ -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s;}
.jsm-sidenav{ cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.m-sideNav_menuLine{ margin-bottom: 4px; height: 5px; background-color: #ffffff; -webkit-transition: -webkit-transform 400ms cubic-bezier(.165, .84, .44, 1) 100ms; -moz-transition: -moz-transform 400ms cubic-bezier(.165, .84, .44, 1) 100ms; -o-transition: -o-transform 400ms cubic-bezier(.165, .84, .44, 1) 100ms; transition: transform 400ms cubic-bezier(.165, .84, .44, 1) 100ms;}
.js-hover .m-sideNav_menuLine,.js-scroll .m-sideNav_menuLine{ background-color: #dab96b;}
.js-active .m-sideNav_menuLine{ -webkit-transition: -webkit-transform 100ms linear; -moz-transition: -moz-transform 100ms linear; -o-transition: -o-transform 100ms linear; transition: transform 100ms linear; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1)}
#dhbtn{ width: 38px; height: 38px; position: absolute; right: 110px; top: 50px;}
.m-sideNav_btClose{ position: absolute; overflow: hidden; background: url(../images/close.png) no-repeat center; background-size: contain; text-indent: -9999px; right: 110px; top: 40px; width: 33px; height: 33px; transition: transform 100ms linear; transform: scale(0);}
.js-active .m-sideNav_btClose {transition: transform 400ms cubic-bezier(.165, .84, .44, 1) 100ms; transform: scale(1); z-index: 2;}
#dhList { /*position: absolute; right: 180px; top: 0;*/ width: 0; opacity: 0; overflow: hidden; transition: opacity 400ms cubic-bezier(.165, .84, .44, 1) 100ms;}
.js-active #dhList { width: auto; opacity: 1; overflow: inherit; transition: opacity 400ms cubic-bezier(.165, .84, .44, 1) 100ms;}
#dhList>li { float: left; position: relative;}
#dhList>li>a { line-height: 120px; display: block; padding: 0 13px; font-size: 21px; font-weight: 500; color: #565656;}
#dhList>li>img { display: none; position: absolute; right: 15px; top: 15px; width:20px; height:10px; transition: all 0.2s ease-out;}
#dhList>li>ul{width: max-content; /* white-space: nowrap; */ color: #8c8c8c; position: absolute; left: 50%; opacity: 0; height: 0; z-index: 2; overflow: hidden;transform: translateX(-50%); }
#dhList>li:nth-child(1)>ul {transform: translateX(-47%);}
#dhList>li:nth-child(2)>ul {transform: translateX(-51.5%);}
#dhList>li.ynr .ejdhbg{ width: 100%; position: fixed; left: 0; top: 120px; background-color: rgba(255, 255, 255,.7); height: 0; overflow: hidden; z-index: 1;}
#dhList>li.ynr.curr .ejdhbg{height: 150px; transition: height 200ms cubic-bezier(.165, .84, .44, 1);}
#dhList>li.ynr.curr{background: url(../images/jt.png) center 92px no-repeat;}
#dhList>li.curr>ul {height: auto; overflow: inherit; opacity: 1; transition: opacity 300ms cubic-bezier(.165, .84, .44, 1) 100ms;}
#dhList>li>ul>li { float: left;}
#dhList>li>ul>li>a{display: block;padding: 0 10px;font-size: 19px;line-height: 22px;}
#dhList>li>ul>li>a:hover{font-weight: bold; color: #dab96b;}
.nav_one,.nav_two{position: relative;}
.nav_two{}
.nav_one a{display: block; padding: 0 10px; font-size: 17px; line-height: 22px;}
.nav_two a{font-size:17px;}
.nav_twoa a{font-size:15px;}
.nav_onea,.nav_twoa{display: none; padding: 10px 0; position: absolute; top: 22px; left: 0%; width: max-content; color: #8c8c8c;}
.nav_one:hover .nav_onea{display: flex;}
.nav_two:hover .nav_twoa{display: flex;}
.nav_one a:hover{font-weight: bold; color: #dab96b;}


.banner{position:relative; width:100vw; height:100vh;  overflow: hidden;}
.banner .swiper-container{ width:100%;height: 100%;}
.banner .swiper-slide{ width:100%; height:100%; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size:cover; position: relative;}
.banner .banner-pagination{position: absolute; z-index: 5; color:#fff; width:20px; height:74px; left:inherit; right:115px; bottom:25px; font-size:18px; text-align: left; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl;}
.banner .banner-pagination span{line-height: 1;}
.banner .banner-pagination span:nth-child(1){}
.banner .banner-pagination span:nth-child(2){font-size: 28px;}
.banner .banner-pagination span:nth-child(-n + 9)::before{content: '0'; display: inline-block; vertical-align: baseline; line-height: 1; margin-right: 1px;}
.banner .banner-pagination-a{position: absolute; bottom: 25px; right:110px; z-index: 999; padding-bottom: 5px;}
.banner .banner-pagination-a span{display: block; width:1px; height:14px; background: #000000; margin-top:6px; cursor: pointer;}
.banner .banner-pagination-a span.nuw{background:#dab96b;}
.ban-img,.ban-bg{width:100vw; height:100vh; position: absolute; top:0vh; left:0vw; z-index: 5;}
.ban-img{z-index: 9;}
.ban-img img,.ban-bg img{width:100%; height:100%; object-fit: cover;}
.banner .swiper-slide .ban-bg img{-webkit-transition: transform 15s;-moz-transition: transform 15s;-ms-transition: transform 15s;-o-transition: transform 15s;transition: transform 15s;}
.banner .swiper-slide .ban-bg img.curr{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}

/*占位*/
.h160,.h90,.h80,.h50,.h30,.h20{width: 100%;}
.h160{height: 160px;}
.h90{height: 90px;}
.h80{height: 80px;}
.h50{height: 50px;}
.h30{height: 30px;}
.h20{height: 20px;}
/*end*/
.textCenter{text-align: center;}
.intit { font-size: 0; line-height: 34px; font-weight: 400; position: relative; display: inline-block; padding: 10px 30px;}
.intit i{font-size: 26px; position: absolute; font-style: normal;}
.intit span { font-size: 26px; /*animation-duration: 0.9s; animation-delay: 0.1s;*/}
.intit i:first-child { left: 0; top: 0;}
.intit i:last-child { right: 0; bottom: 0;}
.mtb-a{margin: 160px auto 50px;}

.in-about{width: 100%; height: auto; font-size: 22px; line-height: 44px; text-align: justify; font-weight: 300; animation-delay: .4s;}
.in-gonglv{display: block; width: 100%; height: 50px; line-height: 50px; background: #919192; color: #fff; text-align: center; cursor: pointer; overflow: hidden; transition: all 1s; font-size: 20px; font-weight: 300; animation-delay: .3s;}
.in-gonglv:hover{background: #dab96b; color: #fff;}

.inwrap{ width: 610px; height: 430px; position: relative; margin: 0 auto; overflow: hidden; background: none; border-radius:10px; -webkit-clip-path:  inset(20% round 10px); clip-path:  inset(20% round 10px);}
.inwrap.nuw {-webkit-clip-path:  inset(0% round 10px); clip-path:  inset(0% round 10px); -webkit-transition: all 2400ms cubic-bezier(.165, .84, .44, 1); -moz-transition: all 2400ms cubic-bezier(.165, .84, .44, 1); -o-transition: all 2400ms cubic-bezier(.165, .84, .44, 1); transition: all 2400ms cubic-bezier(.165, .84, .44, 1);}
.inwrap img{width: 100%; height: 100%; object-fit: cover;}

.inbar{padding-bottom:140px; position: relative;}
.inbar .swiper-button-prev,.inbar .swiper-button-next{ width: -moz-calc(50% - 503px); width: -webkit-calc(50% - 503px); width: calc(50% - 503px); position: absolute; top: 0; height: 548px; max-height: 548px; display: block; overflow: hidden; text-indent: -9999px; background: none;}
.inbar .swiper-button-prev {left: 0;}
.inbar .swiper-button-next {right: 0;}
.inbar .swiper-button-prev:hover {cursor: w-resize;cursor: url(../images/cursor-prev.svg) 43 56, w-resize;}
.inbar .swiper-button-next:hover {cursor: e-resize; cursor: url(../images/cursor-next.svg) 43 56, e-resize;}

.inbar .swiper-slide{width:920px; overflow: hidden;}
.inbar .swiper-slide a{display: block; position: relative; width: 100%;}
.inbar .swiper-slide a .inbar-ta{width:auto; height:auto; position: absolute; top:105px; left:105px; z-index: 2; overflow: hidden; font-size: 16px; color: #ffffff; font-weight: 300; line-height: 1; opacity: 1;}
.inbar .swiper-slide a .inbar-ta i{margin-left: 5px; font-size: 14px;}
.inbar .swiper-slide a .inbar-ta p{font-size: 36px; color: #dab96b; padding-top: 10px;}
.inbar .swiper-slide a .inbar-tb{width: auto; height: auto; position: absolute; bottom:65px; right:65px; z-index: 3; font-size: 16px; color: #ffffff; font-weight: 300; line-height: 1; opacity: 1;}
.inbar .swiper-slide a .inbar-tb p{font-size: 32px; padding-top: 10px;}

.inbar .swiper-slide:nth-child(2n) a .inbar-ta{top: 140px; left:155px;}
.inbar .swiper-slide:nth-child(2n) a .inbar-tb{ bottom:105px; right:105px;}
.inbar .swiper-slide:nth-child(3n) a .inbar-ta{top: 140px; left: inherit; right: 105px;}
.inbar .swiper-slide:nth-child(3n) a .inbar-tb{ bottom:90px; right:inherit; left: 75px ;}

.inbar .swiper-slide.swiper-slide-next a .inbar-ta,.inbar .swiper-slide.swiper-slide-next a .inbar-tb{opacity: 0; transition: all 2s;}
.inbar .swiper-slide .cppic{transform: translateX(-50px); transition: transform 3000ms cubic-bezier(.165, .84, .44, 1) 100ms;}
.inbar .swiper-slide-active .cppic{transform: translateX(-110px); transition: transform 24s cubic-bezier(.165, .84, .44, 1) 1000ms;}

.inbar .inbar-a,.in-fwxm .inbar-a{bottom: 0; text-align: center; margin-top:30px;}
.inbar .inbar-a .swiper-pagination-bullet,.in-fwxm .inbar-a .swiper-pagination-bullet{ width: 10px; height: 10px; margin: 0 10px; opacity: 1; position: relative; background: #adadad;}
.inbar .inbar-a .swiper-pagination-bullet:after,.in-fwxm .inbar-a .swiper-pagination-bullet:after{ content: ''; display: block; width:20px; height: 20px; position: absolute; left: -6px; top: -6px; border: 1px solid rgba(0, 0, 0, 0); border-radius: 50%;}
.inbar .inbar-a .swiper-pagination-bullet-active,.in-fwxm .inbar-a .swiper-pagination-bullet-active{ opacity: 1; background: #adadad;}
.inbar .inbar-a .swiper-pagination-bullet-active.swiper-pagination-bullet:after,.in-fwxm .inbar-a .swiper-pagination-bullet-active.swiper-pagination-bullet:after{border: 1px solid #adadad;}

.in-fwxm{width: 610px; height: auto; margin: 0 auto; overflow: hidden;}
.in-fwxm .swiper-slide{width:610px; height: 610px; overflow: hidden; display: flex; align-content: flex-start; justify-content: flex-start; flex-wrap: wrap; align-items: flex-start; flex-direction: row;}
.in-fwxm .swiper-slide a{display: block; width: 100%; height: 100%;}
.in-fwxm .swiper-slide a img{width: 100%; height: 100%; object-fit: cover;}
.in-fwxm .siimg a{width: 295px; height: 295px; margin: 0 20px 20px 0;}
.in-fwxm .siimg a:nth-child(2n){margin-right: 0;}

.in-fwxm .sanimg a{width: 295px; height: 295px; margin: 0 20px 20px 0;}
.in-fwxm .sanimg a:nth-child(3){margin-right: 0;}
.in-fwxm .sanimg a:nth-child(1){width: 100%; margin-right: 0;}

.in-fwxm .erimg a{width: 100%; height: 295px; margin: 0 0 20px 0;}
.in-fwxm .erimg a:nth-child(2n){margin-bottom: 0;}

.hg40 { line-height: 40px;}
.wz16 {font-size: 16px;}
.hg16 { line-height: 16px;}
.en{font-family: kgpr, Arial, Helvetica, sans-serif;}
.wz24 {font-size: 24px;}
.wz14 {font-size: 14px;}
.footer{ padding-top:50px; padding-bottom:45px; background-color: #f2f2f2; position: relative; z-index: 5;}
.footer .fttel a { display: inline-block; padding-right: 40px;}
.footer .ftlink li { display: inline-block; padding: 0 15px; cursor: pointer; position: relative;}
.footer .ftlink li img { width: 100%;}
.footer .ftlink li div { display: none; width: 150px; height: 150px; border: 5px solid #fff; position: absolute; left: -50%; top: -180px;}
.footer .ftlink li div:after { content: ''; width: 0; height: 0; position: absolute; left: 65px; bottom: -20px; border-right: 20px solid transparent; border-left: 20px solid transparent; border-top: 20px solid #fff;}
.footer .ftlink li div img { width: 100%; height: auto;}
.footer .hg16,.footer .hg16 a{color: #999;}
#backtop {width: 50px;height: 50px;position: fixed;right: 20px;bottom: 20px;z-index: 5;display: none;cursor: pointer;}

/*page*/
.foot-bigimg{width:800px; height: auto; margin: 0 auto; overflow: hidden; display: none;}
.foot-bigimg img,.page-ban img{width: 100%; height: auto;}
.page-ban img{width: 100%; height: auto; line-height: 1; overflow: hidden;}
.page-title{width: 100%; height: auto; line-height: 1; text-align: right; padding-bottom: 45px; font-size: 36px; overflow: hidden; position: relative;}
.page-title .page-titleb{font-family: webfonta; font-size: 24px; color: #e2d3ac; margin-top: 5px; text-transform: uppercase;}
.page-title span{width: 150px; height: 1px; /*background: #dab96b;*/ overflow: hidden; display: block; margin-top: 45px;}
.page-title .tx-span{width: auto; height: 40px; line-height: 40px; background: no-repeat; border-bottom: 1px solid #dab96b; text-align: left; overflow: hidden; display: inline-block; margin-top:15px; padding:0; float: left; font-size: 24px; color: #e2d3ac;}
.show-title .page-titlea{font-size: 28px; text-align: left; line-height: 1.6;}
.page-title-pro{position: relative;}
.page-title-pro .page-titlea{font-family: webfonta; color: #e2d3ac; text-transform: uppercase; font-size: 36px;}
.page-title-pro .page-titleb{position: absolute; top: 16px; right: 0; font-size: 18px; background: #fff; padding: 3px 0 0 3px;}

.page-text{font-size: 20px; line-height: 35px; color: #565656; font-weight: 300; overflow: hidden;}
.page-text img{max-width: 100% !important; height: auto !important;}
.page-en{margin-top: 10px; font-size: 14px; line-height: 26px; color: #999999;}

.page-h2{width: 100%; height: auto; margin: 35px 0 20px; overflow: hidden; background: url(../images/logoa.png) right 95%/35px auto no-repeat; overflow: hidden;}
.page-h2 span{ border-bottom: 1px solid #dab96b; margin-bottom: 1px; padding-bottom: 10px; font-size: 24px; color: #565656; display: inline-block; vertical-align: top; font-weight: 500;}

.fm-zhutu{width: 100%; height: auto; overflow: hidden; position: relative; margin: 35px 0;}
.fm-zhutu .swiper-slide{width: 100%; height: auto; overflow: hidden;}
.fm-zhutu .swiper-slide img{width: 100%; height: auto;}
.fm-zhutu .fm-zhutu-a{position: absolute; bottom: 0; z-index: 5; padding-left: 5px; overflow: hidden;}
.fm-zhutu .fm-zhutu-a .swiper-pagination-bullet{width: 30px; height: 5px; border-radius: 0; background: #ffffff; opacity: 1;}
.fm-zhutu .fm-zhutu-a .swiper-pagination-bullet-active{background: #dab96b;}

.fm-case-ul{width: 100%; height: auto; margin-bottom: 20px;}
.fm-case-ul li{width: 245px; height: 245px; margin: 0 32px 32px 0; position: relative; line-height: 1; overflow: hidden;}
.fm-case-ul li div{width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; overflow: hidden; background: #fafafa; padding: 15px 18px; transition: all 1s cubic-bezier(.165, .84, .44, 1);}
.fm-case-ul li div img{display: none;}
.fm-case-ul li div span{font-size: 22px; color: #222; display: block; width: 100%; text-align: center; text-transform: uppercase;}
.fm-case-ul li div span:nth-child(2){margin-bottom: 10px;}
.fm-case-ul li div span:last-child{font-size: 18px;}
.fm-case-ul li p{width: 100%; height: 100%;}
.fm-case-ul li p img{width: 100%; height: 100%; object-fit: cover; overflow: hidden;}
.fm-case-ul li:nth-child(3n){margin-right: 0;}
.fm-case-ul li:hover div{height: 75px; align-content: flex-start; justify-content: flex-start; background:none; top: inherit; bottom: 0;}
.fm-case-ul li:hover div span{text-align: left; color:#fff;}
.fm-case-ul li:hover div img{height: 100%; width: auto; max-width:35%; object-fit:contain;}
.fm-case-ul li:hover div span{display: inline-block; vertical-align: middle;}

.list-case-ul{width: 1100px; height: auto; margin:60px auto 20px; overflow: hidden;}
.list-case-ul li{width: 545px; height: 305px; margin: 0 10px 10px 0; overflow: hidden; position: relative;}
.list-case-ul li img{width: 100%; height: 100%; object-fit: cover; transition: all 2s;}
.list-case-ul li p{width: 100%; height: 50px; line-height: 50px; padding: 0 15px; font-size: 18px; color: #fff; position: absolute; bottom: 0; left: 0; transition: all .6s;}
.list-case-ul li:nth-child(2n){margin-right: 0;}
.list-case-ul li:hover img{transform: scale(1.05); transition: all 3s cubic-bezier(.165, .84, .44, 1);}
.list-case-ul li:hover p{background: rgba(218,185,107,.5); transition: all .6s cubic-bezier(.165, .84, .44, 1);}

.show-prnx{width: 100%; height: auto; padding-bottom: 80px;}
.show-prnx a{line-height: 1.5; font-size: 15px;}
.show-prnx a span{color: #999999; border-top: 1px solid #dab96b; display: inline-block; width: 100px; transition: all .6s cubic-bezier(.165, .84, .44, 1); padding-top: 5px;}
.show-prnx a p{color: #dab96b; transition: all .6s cubic-bezier(.165, .84, .44, 1)}
.show-prnx a.show-pr{text-align: left;}
.show-prnx a.show-nx{text-align: right; float: right; margin-top: 10px;}
.show-prnx a:hover span{width: 60px; color: #dab96b; }
.show-prnx a:hover p{color: #999999;}


.list-proul{width:100%; height: auto; overflow: hidden; margin-top: 35px;}
.list-proul li{width: 100%; height: auto; line-height: 1; margin-bottom: 50px; overflow: hidden;}
.list-proli-img{width: 100%; height: auto; overflow: hidden; position: relative;}
.list-proli-img img{width: 100%; height: auto; transition: all 1s;}
.list-proli-img div{width: 100%; height:auto; position: absolute; bottom: 0; left: 0; z-index: 2; padding:0 40px 35px; overflow: hidden; font-size: 16px; color: #ffffff; font-weight: 300; line-height: 1; transition: all .2s cubic-bezier(.165, .84, .44, 1);}
.list-proli-img div i{margin-left: 5px; font-size: 14px;}
.list-proli-img div p{font-size: 36px; color: #dab96b; padding-top: 10px; transition: all 3s cubic-bezier(.165, .84, .44, 1);}
.list-proli-img span{width: auto; height: auto; position: absolute; top:35px; right:20px; z-index: 2; font-size: 18px; color: #ffffff; font-weight: 300; line-height: 1; text-transform: uppercase; text-shadow: 2px 2px 0px rgba(0,0,0,.2);}
.list-proli-txt{padding-top: 15px; font-size: 20px; line-height: 35px; color: #565656; font-weight: 300;}
.list-proul li:hover .list-proli-img img{transform: scale(1.05); transition: all 3s cubic-bezier(.165, .84, .44, 1);}
.list-proul li:hover .list-proli-img div{text-shadow: 2px 2px 0px rgba(218,185,107,.7);}
.list-proul li:hover .list-proli-img div p{color: #fff;}

.show-proli{width: 100%; height: auto; overflow: hidden; align-items: center; margin-bottom: 48px;}
.show-proli-img{width: 400px; min-width: 400px; max-width: 400px; overflow: hidden;}
.show-proli-img img{width: 100%; height: auto;}
.show-proli-txt{flex: 1; padding:0 0 0 25px;}
.show-proli:nth-child(2n) .show-proli-txt{padding: 0 25px 0 0;}
.show-proli-h2{width: 100%; height:auto; font-size: 14px; color: #e2d3ac; font-weight: 300; line-height: 1; margin-bottom: 20px;}
.show-proli-h2 i{margin-left: 5px; font-size: 14px;}
.show-proli-h2 p{font-size:28px; color: #565656; padding-top:5px;}
.show-proli-h2 p::after{content: ''; display: block; width: 100%; margin-top: 8px; height: 3px; background: linear-gradient(90deg, rgba(218,185,107,1), rgba(218,185,107,0));}

.page-text.wz16{font-size: 16px;}
.show-bdul{width: 100%; height: auto; background: #e2d3ac; padding: 25px; overflow: hidden;}
.show-bdul div{margin-right: 10px;}
.show-bd-xl{width: 170px; height: 52px; border: none; padding: 0 10px; background: #fff; line-height: 30px; color: #565656; font-size: 16px;}
.show-bd-text{width:280px; height: 52px; border: none; padding: 0 10px; background: #fff; color: #565656; font-size: 16px;}
.show-bd-text::-webkit-input-placeholder { color: #565656;}
.show-bd-text::-moz-input-placeholder {color: #565656;}
.show-bd-text::-ms-input-placeholder {color: #565656;}
.show-bd-but{width: 100px; height: 52px; border: none; background: #000000; color: #fff; font-size: 18px; cursor: pointer;}
.wca-a{width: calc(100% - 110px);}
.wca-a .show-bd-text{width: 100%;}
.width-a{width: 170px; }


.show-no{width: 100%; height: auto; min-height: 500px; margin-top: 55px; text-align: center; color: #565656; font-size: 22px; font-weight: 300; text-align: center; padding: 25px;}
.show-yes-ul{width: 100%; height: auto; min-height: 500px; overflow: hidden;}
.show-yes-li{width: 100%; height: auto; background: #f2f2f2; margin-top: 28px; overflow: hidden; position: relative;}
.show-yes-liimg{width: 330px; height: 100%; overflow: hidden; position: absolute; top: 0; right: 0;}
.show-yes-liimg img{width: 100%; height: 100%; object-fit: cover;}
.show-yes-liimg::before{content:' '; display: block; width: 100%; height: 100%; background: url(../images/zzao.png) top left repeat-y; position: absolute; top: 0; left: 0; z-index: 1;}
.show-yes-litxt{padding: 24px 0 24px 24px; line-height: 30.66666px; font-size: 18px; position: relative; z-index: 5; max-width: 60%;}
.show-yes-litxt p{height:auto; overflow: hidden; display: flex;}
.show-yes-litxt p i{font-size: 20px; margin-right: 5px;}

.show-yes-ula{padding-top: 28px;}
.show-yes-ula .show-yes-li{width: 395px; float: left; margin-bottom: 10px; margin-top: 0;}
.show-yes-ula .show-yes-li .show-yes-litxt{max-width: 100%;}
.show-yes-ula .show-yes-li:nth-child(2n){float: right;}

.page-contact-h2{font-size: 24px; line-height: 36px; color: #000000; margin-bottom: 30px;}
.page-contact-p{overflow: hidden; display: flex; margin-bottom: 15px;}
.page-contact-p i{font-size: 18px; margin-right: 10px;}
.page-contact-p i.wz14{font-size: 14px;}
.page-contact-p i.wz16{font-size: 16px;}

.list-news-li{margin-bottom: 25px;}
.list-news-li a{display: flex; width: 100%; height: auto; background: #f9f9f9; overflow: hidden; transition: all 3s cubic-bezier(.165, .84, .44, 1);}
.list-news-li-img{width: 260px; min-width: 260px; max-height: 195px; height: auto; overflow: hidden;}
.list-news-li-img img{width: 100%; height: 100%; object-fit: cover;}
.list-news-li-txt{flex: 1; padding:20px 25px; overflow: hidden;}
.list-news-li-txt h2{font-size: 20px; color: #333; line-height: 1; height: 20px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.list-news-li-txt p{font-size:14px; color: #555555; line-height:28px; margin-top: 15px;}
.list-news-li-txt span{color: rgba(0,0,0,.3); font-size: 13px; line-height: 20px; margin-top: 5px;}
.list-news-li a:hover{background:rgba(218,185,107,.4);}

.show-news-h2{font-size: 24px; line-height: 1.4; margin-bottom: 14px; color: #222;}
.show-news-time{line-height: 20px; font-size: 16px; color: #999;}
.show-news-time span{margin-left: 15px;}




.right_m{ height:245px; position:fixed; right:0; top:calc(50% - (49px * 1)); z-index:999;}
.mo_m{width:54px; height:245px; position:relative;}
.right_li{ display:block; height:48px; line-height:48px; font-size:14px; margin-bottom:1px;color:#FFFFFF; text-indent:54px; -moz-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; overflow:hidden; transition: all 400ms ease 0s;}
.right_li:hover{ color:#FFFFFF !important;}
.qq{width:245px; background:url(../images/p11a.png) left center no-repeat #333333; overflow:hidden; position:absolute; right:-191px; top:0px;}
.m_top{ width:54px; background:url(../images/p10.png) left center no-repeat #333333; position:absolute; /*bottom:-1px;*/}
.kf{ width:134px; background:url(../images/p13.png) left center no-repeat #cc0033; position:absolute; right:0; top:98px;}
.tell{width:195px; font-size:18px; background:url(../images/p12.png) left center no-repeat #333333; position:absolute; right:-141px; top:49px;}
.ewm{width:54px; background:url(../images/p16.png) left center no-repeat #333333; position:absolute; bottom:0;}
.ewm_hover{width:126px; height:126px; border:1px solid #BBBBBB; -moz-border-radius:5px; border-radius:5px; overflow:hidden; position:absolute; right:55px; bottom:0; background:url(../images/wx.png) center center no-repeat; display:none;}

.qq:hover{ right:0; background:url(../images/p11a.png) left center no-repeat #dab96b;}
.m_top:hover{ right:0; background:url(../images/p10.png) left center no-repeat #dab96b;}
/*.kf:hover{ right:0; background:url(../images/p13.png) left center no-repeat #cc0033;}*/
.tell:hover{ right:0; background:url(../images/p12.png) left center no-repeat #dab96b;}
.ewm:hover{ right:0; background:url(../images/p16.png) left center no-repeat #dab96b;}