@charset "utf-8";
/* CSS Document */
/**/
@media all and (max-width: 1680px) {

}
/* max 1680 end */

/**/
@media all and (max-width: 1550px) {

}
/* max 1550 end */

/**/
@media all and (max-width: 1440px) {  
}
/* max 1440 end */

/**/
@media all and (max-width: 1280px) {

    
    
}
/* max 1280 end */

/**/
@media all and (max-width: 1024px) {
	.logo{margin:22.5px 0 0 50px; }
	#dh{height: 80px; display: block;}
	#dhbtn{ right: 50px; top: 25px; width: 28px; height: 28px;}
	.m-sideNav_menuLine{ height: 3px; margin-bottom: 5px;}
	.m-sideNav_btClose{ width: 25px; height: 25px;}
	.m-sideNav_btClose{ right: 50px; top: 25px;}
	#dhList{right: 100px;}
	#dhList>li.ynr.curr{background: url(../images/jt.png) center 62px no-repeat;}
	#dhList>li>a{ line-height: 80px; padding: 0 10px; font-size: 18px; font-weight: bold; color: #8c8c8c;}
	#dhList>li>ul>li>a {font-size: 17px; line-height: 22px;}
	#dhList>li.ynr .ejdhbg{top: 80px;}
	#dhList>li.ynr.curr .ejdhbg{height: 35px;}
	
	.nav_one,.nav_two{position: relative;}
	.nav_one{border-bottom: 1px solid #efefef; padding: 10px 0 20px 0;}
	.nav_one a{display: block; padding:0 10px; font-size: 16px; line-height: 22px; margin-top: 10px;}
	.nav_onea,.nav_twoa{display: block; padding: 0 0 0 20px; position: inherit; top: 0; 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;}
	.nav_one:first-child{padding-top: 0;}
	.nav_one:last-child{padding-bottom: 0; border-bottom: none;}
	/* .nav_two{margin-top: 10px;} */


	.intit{line-height: 34px; padding: 8px 25px;}
	.intit i,.intit span {font-size: 23px;}
	
	.hg40 { line-height: 38px;}
	.wz16 {font-size: 14px;}
	.wz24 {font-size: 22px;}
	.wz14 {font-size: 14px;}
	.footer { padding-top: 30px; padding-bottom: 100px;}
	.footer .ftlink li { padding: 0 10px;}
	.footer .ftlink li img { width: 75%;}
	.footer .ftlink li div { width: 120px; height: 120px; left: -45%; top: -150px;}
	.footer .ftlink li div:after { left: 42px;}
	
}
/* max 1024 end */


/**/
@media all and (max-width: 768px) {
.m_center{width:100vw; height: auto; margin: 0 auto; padding: 0 5vw; transition: all .5s ease 0s;}
.in-center{width:100vw; height: auto; margin: 0 auto; padding: 0 5vw; transition: all .5s ease 0s;}
/**/
.logo{width: 100px; height:24px; margin:8.5px 0 0 15px;}
.js-active .logo{margin-top: 9px;}
.js-active .logo img:nth-child(2){display: block;}
.js-active .logo img:nth-child(1){display: none;}
#dh{ -webkit-transition: background-color 500ms cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: background-color 500ms cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: background-color 500ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: background-color 500ms cubic-bezier(0.165, 0.84, 0.44, 1);}
#dh.js-active { width: 100%; height: 100%; bottom: 0; background-color: rgba(255, 255, 255, 1);}
#dhbtn{ right: 15px; top: 15px;}
.m-sideNav_btClose { right: 15px; top: 15px;}
#dhList{ top: 80px; right: 0;}
#dhList>li { float: none; width: 100%; border-bottom: 1px solid #efefef;}
.js-active #dhList { width: 100%; width: 100%; overflow-y: auto; position: absolute; height: calc(100vh - 80px);}
#dhList>li>a { line-height: 50px; padding: 0 15px; font-size: 18px;}
#dhList>li>img { display: block;}
#dhList>li.curr>img { transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg);}
#dhList>li>ul { width: 100%; position: static; left: 0; opacity: 1; height: 0; z-index: 2; /* width: 0; */ overflow: hidden; -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}
#dhList>li.ynr.curr { background: none;}
#dhList>li.ynr .ejdhbg { top: 0px;}
#dhList>li.ynr.curr .ejdhbg { height: 0px;}
#dhList>li.curr>ul { padding-bottom: 10px; -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}
#dhList>li>ul>li { float: none; width: 100%;}
#dhList>li>ul>li>a { font-size: 16px; line-height: 30px; padding: 0 30px;}
/**/
.intit {line-height: 30px;}
.intit i,.intit span {font-size: 20px;}

.wz16 {font-size: 12px;}
.hg40 { line-height: 36px;}
.wz24 {font-size: 20px;}
.footer { padding-top: 25px; padding-bottom: 25px;}
.footer .g20 { height: 5px;}
.footer .g40 { height: 10px;}
.footer .fttel { font-size: 12px; line-height: 22px; padding-bottom: 0px;}
.footer .fttel a { width: 100%; padding-right: 0px;}
.footer .ftlink { padding-top: 10px; padding-bottom: 10px;}
.footer .ftlink li { padding: 0; margin: 0 -5px;}
.footer .ftlink li img { width: 60%;}
.footer .ftlink li div { left: -60%;}
.footer .hg40 {line-height: 24px;}
.footer .wz24 { font-size: 16px;}
.footer .footlogo {width: 22%;}
#backtop{ width: 30px; height: 30px; right: 15px; bottom: 15px;}
#backtop img{width: 100%; height: 100%;}


.banner{position:relative; width:100vw; height:260px;  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{display: none;}
.banner .banner-pagination-a{bottom:15px; right:15px; }
.ban-img,.ban-bg{width:100vw; height:260px; 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;}
.ban-bg{position: relative;}
.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: 60px;}
.h90{height:45px;}
.h80{height:35px;}
.h50{height: 20px;}
.h30{height: 15px;}
.h20{height: 10px;}

.in-about{font-size:18px; line-height:36px;}
.in-gonglv{ font-size:16px;}
.in-gonglv:hover{background: #dab96b; color: #fff;}

.inwrap{ width: 90vw; height:calc(90vw * (430/610));}

.inbar{padding-bottom:40px; position: relative;}
.inbar .swiper-button-prev,.inbar .swiper-button-next{display: none;}

.inbar .swiper-slide{width:100%; overflow: hidden;}
.inbar .swiper-slide img.cppic{max-width:calc(100% + 160px);}
.inbar .swiper-slide a{display: block; position: relative; width: 100%;}
.inbar .swiper-slide a .inbar-ta{top:30px; left:30px; font-size: 14px;}
.inbar .swiper-slide a .inbar-ta p{font-size:24px; }
.inbar .swiper-slide a .inbar-tb{bottom:35px; right:35px; z-index: 3; font-size: 14px;}
.inbar .swiper-slide a .inbar-tb p{font-size:18px; padding-top: 10px;}

.inbar .swiper-slide:nth-child(2n) a .inbar-ta{top: 30px; left:30px;}
.inbar .swiper-slide:nth-child(2n) a .inbar-tb{ bottom:35px; right:35px;}
.inbar .swiper-slide:nth-child(3n) a .inbar-ta{top: 30px; left: inherit; right: 30px;}
.inbar .swiper-slide:nth-child(3n) a .inbar-tb{ bottom:35px; right:inherit; left: 35px ;}

.inbar .swiper-slide .cppic{transform: translateX(-30px); 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:10px;}
.inbar .inbar-a .swiper-pagination-bullet,.in-fwxm .inbar-a .swiper-pagination-bullet{ width:6px; height: 6px; margin: 0 6px; 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:12px; height: 12px; position: absolute; left: -4px; top: -4px; border: 1px solid rgba(0, 0, 0, 0); border-radius: 50%;}

.in-fwxm{width: 90vw; height: auto; margin: 0 auto; overflow: hidden;}
.in-fwxm .swiper-slide{width:100%; height: 90vw;}
.in-fwxm .siimg a{width: calc(50% - 5px); height:calc(45vw - 5px); margin: 0 10px 10px 0; overflow: hidden;}
.in-fwxm .siimg a:nth-child(2n){margin-right: 0;}

.in-fwxm .sanimg a{width: calc(50% - 5px); height:calc(45vw - 5px); margin: 0 10px 10px 0; overflow: hidden;}
.in-fwxm .sanimg a:nth-child(3){margin-right: 0;}
.in-fwxm .sanimg a:nth-child(1){width: 100%; height:calc(45vw - 5px); margin-right: 0;}

.in-fwxm .erimg a{width: 100%; height:calc(45vw - 5px); margin: 0 0 10px 0;}
.in-fwxm .erimg a:nth-child(2n){margin-bottom: 0;}
/*page*/
.foot-bigimg{width: 100%;}
.page-title{padding-bottom:20px; font-size:24px; overflow: hidden; position: relative;}
.page-title .page-titleb{font-family: webfonta; font-size: 22px;}
.page-title span{width:66px; height: 1px; margin-top:25px;}
.page-title .tx-span{width: auto; height: 40px; line-height: 40px; border-bottom: 1px solid #dab96b; text-align: left; overflow: hidden; display: inline-block; margin-top:10px; padding:0; float: left; font-size: 24px; color: #e2d3ac;}
.show-title .page-titlea{font-size:22px; text-align: left; line-height: 1.6;}
.show-title .page-titleb{font-size:18px;}
.page-title-pro{position: relative;}
.page-title-pro .page-titlea{font-family: webfonta; color: #e2d3ac; text-transform: uppercase; font-size:26px;}
.page-title-pro .page-titleb{position: absolute; top: 12px; right: 0; font-size: 14px; background: #fff; padding: 2px 0 0 2px;}
.page-title-pro .tx-span{font-size: 22px;}

.page-text{font-size:15px; line-height:28px; color: #565656; font-weight: 300; overflow: hidden;}
.page-text img{max-width: 100% !important; height: auto !important;}

.page-h2{margin:20px 0; background: url(../images/logoa.png) right 95%/30px auto no-repeat; }
.page-h2 span{padding-bottom:10px; font-size: 22px;}

.fm-zhutu .fm-zhutu-a .swiper-pagination-bullet{width:20px; height: 5px;}
.fm-case-ul{width: 100%; height: auto; margin-bottom: 20px;}
.fm-case-ul li{width:calc(45vw - 7.5px); height: calc(45vw - 7.5px); margin: 0 15px 15px 0;}
.fm-case-ul li div{width: 100%; height: 100%; position: absolute; top: 0; left: 0;padding:10px 15px; transition: all 1s cubic-bezier(.165, .84, .44, 1);}
.fm-case-ul li div span{font-size:18px;}
.fm-case-ul li div span:nth-child(2){margin-bottom: 5px;}
.fm-case-ul li div span:last-child{font-size: 16px;}
.fm-case-ul li:nth-child(3n){margin-right: 7.5px;}
.fm-case-ul li:nth-child(2n){margin-right: 0;}
.fm-case-ul li:hover div{height:auto;}

.list-case-ul{width: 90vw; height: auto; margin:30px auto 20px; overflow: hidden;}
.list-case-ul li{width: 100%; height: auto; margin: 0 0 10px 0; overflow: hidden; position: relative;}
.list-case-ul li p{width: 100%; height: 50px; line-height: 50px; padding: 0 10px; font-size: 16px; }
.show-prnx a.show-nx{margin-top: 15px;}


.list-proul li{margin-bottom: 35px; }


.list-proli-img div{padding:0 15px 15px; font-size: 12px;}
.list-proli-img div i{margin-left: 5px; font-size: 12px;}
.list-proli-img div p{font-size:22px; color: #dab96b; padding-top: 5px; letter-spacing: 8px;}
.list-proli-img span{top:10px; right:10px; z-index: 2; font-size: 14px;}
.list-proli-txt{padding-top:10px; font-size: 15px; line-height: 1.65; color: #565656; font-weight: 300;}

.show-proli{width: 100%; height: auto; overflow: hidden; align-items: flex-start; margin-bottom:30px;}
.show-proli-img{width: 100%; min-width: 100%; max-width: 100%; overflow: hidden;}
.show-proli-img img{width: 100%; height: auto;}
.show-proli-txt{flex: 1; padding:20px 0 0 0;}
.show-proli:nth-child(2n) .show-proli-txt{padding:0 0 20px 0;}
.show-proli-h2 p{font-size:20px; color: #565656; padding-top:5px;}


.show-bdul{width: 100%; height: auto; background: #e2d3ac; padding: 20px; overflow: hidden;}
.show-bdul div{margin-right: 0px; margin-bottom: 10px; width: 100%;}
.show-bd-xl{width: 100%; height:46px;}
.show-bd-text{width:100%; height: 46px;}
.show-bd-but{width: 100%; height: 46px;}
.width-a{width: 100%;}


.show-no{width: 100%; height: auto; min-height: 500px; margin-top: 35px; text-align: center; color: #565656; font-size: 22px; font-weight: 300; text-align: center; padding:15px;}
.show-yes-ul{width: 100%; height: auto; min-height: 500px; overflow: hidden;}
.show-yes-li{width: 100%; height: auto; background: #f2f2f2; margin-top: 20px; overflow: hidden;}
.show-yes-liimg{width: 100%; height: auto; position: inherit;}
.show-yes-liimg::before{display: none;}
.show-yes-litxt{padding:15px; line-height: 30.66666px; font-size: 16px; position: relative; z-index: 5; max-width:100%;}
.show-yes-litxt p{height:auto; overflow: hidden;}
.show-yes-litxt p i{font-size:18px; margin-right: 5px;}

.show-yes-ula{padding-top: 20px;}
.show-yes-ula .show-yes-li{width: 100%; float: inherit; 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: inherit;}

.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{display: block; width: 110px; min-width: 110px; max-height: 108px;}
.list-news-li-txt{flex: 1; padding:10px 15px; overflow: hidden;}
.list-news-li-txt h2{font-size:18px; color: #333; line-height: 1.5; height: auto; max-height: 54px; overflow: hidden; white-space: inherit;}
.list-news-li-txt p{font-size:14px; color: #555555; line-height:26px; margin-top: 15px; display: none;}
.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);}

.right_m{display: none;}

}
/* max 750 end */