/**/
.banner {width: 100%; max-height: 1080px; position:relative;max-width: 1920px;overflow: hidden;;}
.banner img{ width:100%; display: block;}
.banner .swiper-pagination{bottom: 13% !important; z-index: 111}
.banner .swiper-pagination .swiper-pagination-bullet{background: rgba(255, 255, 255, 0.7);opacity: 1; width: 100px;height: 3px;color: #fff; border-radius: 10px;border:0; -webkit-transition: .5s;-moz-transition: .5s;transition: .5s;margin:0 10px;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background:#43a477;}

.banner .ban-arrow {position: absolute;font-size: 0;top: 50%;z-index: 9; width: 42px; height: 74px; margin-top: -50px;border: 0; outline: none; z-index:15;}
.banner .ban-prev {left: 5%;  background:url(../images/probt1.png) no-repeat center center;}
.banner .ban-next {right: 5%; background:url(../images/probt2.png) no-repeat center center;}  
.banner video{width: 100%;height: 100%;display: block;position:relative;z-index:11;}





@font-face {
            font-family: "DIN";
            src: url(../font/YSHaoShenTi-2.ttf) 
        }


@font-face {
            font-family: "fw";
            src: url(../font/HarmonyOS_Sans_SC_Regular.ttf) 
            
            
            
        }



body{overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.g_top{height: 4.2rem;border-bottom: 1px solid rgba(255,255,255,.3);position: absolute;z-index: 111;width: 100%;}
.g_top .tlogo2{opacity: 0;display: none;float: left;width:11.25%;margin-left: 2.7%;margin-right: 27.3%;}
.g_top .tlogo2 img{width:100%;display:block;}
.g_top .tlogo{float: left;width:11.25%;margin-left: 2.7%;margin-right: 27.3%;}
.g_top .tlogo img{width: 100%;display: block;}
.g_top .g_nav{float: left;width:58.6%;}
.g_top .g_nav li a{display: block;height: 4.2rem;line-height: 4.2rem;font-size: 16px;color:#fff;margin-right: 3%;float: left;font-family: "fw";}
.g_top .g_nav li a:hover,.g_top .g_nav .cur a{color:#b27550;}
.g_top .g_nav li:nth-child(4) a{margin-right: 27.5%;}



.dhxla{position: absolute;left:0;top:4.2rem;width: 100%;background: #ededed; display: none;padding: 1rem 6.5% 5rem;  box-sizing: border-box;}
.g_top .g_nav .dhxla .xlleft{float: left;width: 52%;padding-top: 3.3rem;}
.g_top .g_nav .dhxla .xlleft h3 a{display: block;font-size: 3.2rem;color:#333333;font-weight: normal;font-family: "fw";height: 12.5rem;margin-right: 0;float: none;}
.g_top .g_nav .dhxla .xlleft h3 em{display: block;font-size: 22px;line-height: 22px;padding-top: 1rem;}
.g_top .g_nav .dhxla .xlleft li{float: left;width: 33%;padding-right: 2%;box-sizing: border-box;}
.g_top .g_nav .dhxla .xlleft li a{display: block;padding-left: 1.1rem;font-size: 16px;line-height: 24px;float: left;position: relative;color:#333;}
.g_top .g_nav .dhxla .xlleft li a:before{content: "";position: absolute;width:1px;height: 65px;background: #c1c4c6;left:0;top:0;}
.g_top .g_nav .dhxla .lxright{float: right;width: 47.7%;}
.g_top .g_nav .dhxla .lxright img{width: 100%;display: block;}

.g_top .g_nav .dhxla .lxright a{margin-right: 0;}




 @media screen and (max-width:1401px) {             
.g_top .g_nav .dhxla .xlleft li a{font-size: 14px;}
.dhxla{padding: 1rem 2.5% 5rem;height:29rem;}

}





.dhxla .fljs{float: left;width: 29%;position: relative;padding: 6rem 0 0 6%;box-sizing: border-box;}
.dhxla .fljs:before{content: "";position: absolute;width: 1px;height: 25.3rem;background: #c5c8c9;right: 0;top:0;}
.dhxla .fljs:after{content: "";position: absolute;width: 66px;height:1px;background: #c5c8c9;left:21%;top:3.4rem;}
.dhxla .fljs p{font-size: 1.5rem;line-height: 2.4rem;color:#333333;font-family: "fw";margin-bottom: 4rem;}
.dhxla .fljs span a{display: block;width: 3rem;height: 3rem;line-height: 2.8rem; border:2px solid #767676;border-radius: 3rem;text-align:center;font-size: 2rem;color:#767676;box-sizing: border-box;position: relative; font-weight:normal;}
/*.dhxla .fljs span a:before{content: "";position: absolute;background:url(../images/xlamore.png) no-repeat;width: 16px;height: 8px;left:6.6rem;top:1.3rem;}*/
.g_top .g_nav .dhxla .antj{float: left;width:41.6%;position: relative;padding: 3.4rem 3.5% 0;box-sizing: border-box;}
.g_top .g_nav .dhxla .antj:before{content: "";position: absolute;width: 1px;height: 25.3rem;background: #c5c8c9;right: 0;top:0;}
.g_top .g_nav .dhxla .antj dt a{width: 100%;overflow: hidden;height: 100%;line-height: 0;display: block;margin-right: 0;float: none;}
.g_top .g_nav .dhxla .antj dt img{width: 100%;display: block;}
.g_top .g_nav .dhxla .antj h4 a{display: block;height: 38px; font-weight:normal; line-height: 38px;font-size: 16px;color:#333333;margin-right: 0;float: none;margin-top: 12px;font-family: "fw";}
.g_top .g_nav .dhxla .antj span{display: block;font-size: 16px;color:#a7a4a2;height: 28px; line-height: 28px;}
.g_top .g_nav .dhxla .morean{float: left;width: 29.2%;padding-top: 3rem;padding-left: 3%; padding-right: 5%; box-sizing: border-box;}
.g_top .g_nav .dhxla .morean h3 a{display: block;height: 65px;line-height:25px;font-size: 16px;color:#b27550;margin-right: 0;float: none; font-weight:normal; }
.g_top .g_nav .dhxla .anlst dl{margin-bottom: 24px;}
.g_top .g_nav .dhxla .anlst dt{float: left;width:33%;}
.g_top .g_nav .dhxla .anlst dt a{display: block;line-height: 0;height: 100%;}
.g_top .g_nav .dhxla .anlst dt img{width: 100%;display: block;}
.g_top .g_nav .dhxla .anlst dd{float: right;width:64%;padding-top: 14px;}
.g_top .g_nav .dhxla .anlst h4 a{display: block;height: 56px;line-height:28px;font-size: 16px;color:#333333;margin-right: 0;float: none;font-family: "fw"; font-weight:normal;width:90%;}
.g_top .g_nav .dhxla .anlst span{display: block;height: 28px;line-height:28px;font-size: 16px;color:#a7a4a2;}



.g_top:hover,.hea{background: #ededed;border-bottom: 1px solid #c5c8c9;}
.g_top li:hover .dhxla{display: block;}
.g_top:hover .tlogo,.hea .tlogo{display: none;} 
.g_top:hover .tlogo2,.hea .tlogo2{opacity: 1;display: inline-block;} 
.g_top:hover .g_nav li a,.hea .g_nav li a{color:#333;}
.g_top:hover .g_nav li a:hover,.hea .g_nav li a:hover{color:#ae7c5c;}




.ban{width: 100%;position: relative;}
.ban:before{content: "";position: absolute;background:url(../images/bansha.png) no-repeat;background-size: cover;width: 100%;height: 100%;left:0;top:0;}
.ban img{width: 100%;display: block;}


.pagefy{position: absolute;right:3%;top:45%;width:66px;z-index: 12;}
.pagefy1{width:40px;text-align: center;}
.pagefy span{display: block;font-size: 18px;color:#fff;line-height: 36px;height: 72px;position: relative;text-align: center;}
.pagefy span:before{content: "";position: absolute;width:14px;height: 1px;background: #fff;left:50%;margin-left: -7px;top:36px;}
.pagefy span em{display: block;}
.pagefy b a{display: block;font-size: 14px;color:#fff;text-align: center;}
.indexDOM .swiper-button-next{position: absolute;width:150px;height:70px;bottom:2rem;background: url(../images/top.png) no-repeat;left:50%;margin-left: -75px; z-index: 3;overflow: hidden;	-webkit-animation: toggleArrow 1.5s infinite;animation: toggleArrow 1.5s infinite;}



/*切换箭头*/
@keyframes toggleArrow {
	0%,30% {
		opacity: 0;
		-webkit-transform: translate3d(0, 1rem, 0);
				transform: translate3d(0, 1rem, 0);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -.8rem, 0);
				transform: translate3d(0, -.8rem, 0);
	}
}
@-webkit-keyframes toggleArrow {
	0%,30% {
		opacity: 0;
		-webkit-transform: translate3d(0, 1rem, 0);
				transform: translate3d(0, 1rem, 0);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -.8rem, 0);
				transform: translate3d(0, -.8rem, 0);
	}
}



/*产品分类*/
.cpbd{float: left;width:71.25%!important;}
.cpbd li{width: 100%!important; overflow: hidden;}
.cpbd li img{width: 100%;display: block;transition: all 0.3s linear 0s;}
/*.cpbd li:hover img{transform: scale(1.1);}*/


.cpr{float: left;width:28.75%;position: relative;}
.flrbg{width: 100%;}
.flrbg img{width: 100%;display: block;}
.cprnr{position: absolute;left:0;top:0;width:100%; height:100%;}
.cptit{padding: 3.7rem 0 0 9.4%;width:67%;height: 19rem;}
.cptit img{width: 100%;display: block;}


/*.cphd{position:absolute;left:0;bottom:0;width:100%;}*/
.cphd li{position: relative;width: 100%;height: 5rem; line-height: 5rem; overflow: hidden;}
.cphd li i{width: 100%;display: none;}
.cphd li i img{width: 100%;display: block;transition: all 0.3s linear 0s;}
.cphd li:hover i img{transform: scale(1.1);}
.cphd li span{position: absolute;left:0;top:0;width: 100%;font-size: 18px;color:#101828;padding-left: 10%;box-sizing: border-box;font-weight: normal;font-family: "fw"}
.cphd li em{font-size: 14px;text-transform: uppercase;font-family: arial;display: inline-block;padding-left: 10px;font-weight: normal;}
.cphd li.on i{display: block;}
.cphd li.on span{color:#fff;}




.pagefy2{position: absolute;right:3%;top:36%;width:66px;z-index: 12;}
.pagefy2{width:70px;text-align: center;}
.pagefy2 span{display: block;font-size: 18px;color:#333333;line-height: 36px;height: 72px;position: relative;}
.pagefy2 span:before{content: "";position: absolute;width:14px;height: 1px;background: #333333;left:50%;margin-left: -7px;top:36px;}
.pagefy2 span em{display: block;}
.pagefy2 b a{display: block;font-size: 14px;color:#333333;}



.g_jxrw{position: relative;}
.g_jxrw .jxtit{position: absolute; width: 86%; left:6%; top:6.7rem; z-index: 115}
.g_jxrw .jxtit span{float: right;width: 6.9%} 
.g_jxrw .jxtit span img{width:100%;display: block;}
.g_jxrw .jxtit b{display: block;margin-top: 1.3rem;font-size: 16px;color:#fff;font-family: "fw"; font-weight:normal;}


.game163{position: relative;}
.game163 .bigImg dl{width: 100%;}
.game163 .bigImg dt{width: 100%;}
.game163 .bigImg dt img{width:100%;display: block;transition: all 0.3s linear 0s;}
.game163 .bigImg dd{position: absolute;left:0;top:0;width:100%;height: 100%;padding: 15.5rem 0 0 6%;box-sizing: border-box;}
.game163 .bigImg h5 a{position: relative; display: block; height: 5.4rem;font-size: 2.8rem;color:#fff;font-family: "fw";font-weight:normal;}
.game163 .bigImg h5 a:before{content: "";position: absolute;width: 3.3rem;height: 1px;background: #595a5b;left:0.1rem;top:4.5rem;}
.game163 .bigImg h6{font-size: 16px;font-family: "fw";line-height: 30px;color:rgba(255,255,255,1);font-weight: normal;margin-bottom: 2.4rem;}
.game163 .bigImg span{display: block;position: relative;width: 11.3rem;height: 2.5rem;line-height: 2.5rem;font-size: 16px;color:#fff;background: #363a3f;padding-left: 3.3rem;box-sizing: border-box;font-family: "fw";}
.game163 .bigImg span:before{content: "";position: absolute;background: url(../images/tdjt.png) no-repeat;background-size: 1rem 1rem;left:7.5rem;top:0.9rem;width: 1rem;height: 1rem;}

.game163 .smallScroll{position: absolute;top:32.5rem;left:6%;width:400px;height: 136px;border:2px solid #494a4b;padding-top: 20px;box-sizing: border-box;}
.game163 .smallImg{width: 340px;overflow: hidden;margin: 0 auto;}
.game163 .smallImg ul{ height:136px; width:340px;  }
.game163 .smallImg li{position: relative; float: left;  width:77px; cursor:pointer; margin-left: 7px; }
.game163 .smallImg i{position: relative;width:77px; height:77px;margin: 0 auto;display: block; overflow: hidden;  border: 1px solid #12121a;}
.game163 .smallImg img{width:77px; height:77px; display: block;}
.game163 .smallImg li em{display: block;text-align:center;font-size:14px;color:#fff;line-height: 32px;}
.game163 .smallImg .on i img{box-sizing: border-box;transition: all 0.3s linear 0s;display: block;}
.game163 .smallImg .on em{color:#ae7d5e;font-weight: bold;}
.game163 .smallImg li:hover i img{transform: scale(1.1);}
.game163 .smallImg li:hover i{border: 1px solid #ae7d5e;}




.g_zjtd .sPrev,.g_zjtd .sNext{width: 40px; height: 30px; text-indent: -9999px;  position: absolute;z-index: 10}
.g_zjtd .sNext{background: url(../images/ljt.jpg) no-repeat;left:-23px;top:53px;}
.g_zjtd .sPrev{background: url(../images/rjt.jpg) no-repeat;right:-23px;top:53px;}
.pagefy3{width: 40px;}



.tdno{position: absolute;right: 10%;bottom:12rem;font-size: 2.5rem;color:#fff;font-family: "fw";}
.tdno em{font-size: 1.3rem;display: inline-block;padding:0 0.6rem 0 ;font-weight: bold;position: relative;top:-0.3rem;}
.layui-layer-page .layui-layer-content{overflow:hidden;}
.tdjswznr,.layui-layer-setwin{position:absolute;left:50%;bottom:-46px; width: 92px;height: 92px; font-size:0;line-height:initial}
.tdjswznr,.layui-layer-setwin .layui-layer-close2{position:absolute;left:0;bottom:0;background:url(../images/close.png) no-repeat;width:92px;height:92px;}

.tdjswznr{width: 1400px;background: #efefef;}
.layui-layer-content dt{float: left;width:40%;overflow: hidden;}
.layui-layer-content dt img{width: 100%;display: block;transition: all 0.3s linear 0s;}
.layui-layer-content dd{float: left;width:60%;padding: 2rem 0 0 5%;box-sizing: border-box;}
.layui-layer-content h4 a{display: block;height: 8rem;position: relative;font-size: 2.8rem;color:#1f2125;font-family: "fw"; font-weight:normal;}
.layui-layer-content h4 em{display: block;font-size: 1.2rem;margin-top: 12px;}
.layui-layer-content h4 a:before{content: "";position: absolute;width:36px;height: 1px;background: #b0b1b2;left:0;top:6.7rem;}
.layui-layer-content p{margin-bottom: 1.1rem;}
.layui-layer-content p em{display: block;font-size: 16px;color:#1f2125;font-family: "fw";line-height: 30px;}
.layui-layer-content b{line-height: 36px;font-size: 1.2rem;color:#1f2125;font-family: "fw";margin-bottom: 18px;display: block;font-weight:normal;}
.layui-layer-content dl:hover dt img{transform: scale(1.1);}


.g_hz{position: relative;}
.hzbg{width: 100%;display: block;}
.hzbg img{width: 100%;display: block;}
.hzcon{position: absolute;left:0;top:8rem;width: 100%;}

.g_hz h2 a{display: block;height: 5.5rem;text-align: center;font-size: 2.6rem;font-family: "fw";color:#1f2125; font-weight:normal;}
.g_hz h2 em{display: block;font-size: 24px;letter-spacing: 6px;font-weight: normal;}
.m_hz{margin:0 7%;position:relative;width:86%;}
.m_hz h3{float: left;width:16.6%;overflow: hidden;}
.m_hz h3 img{width: 100%;display: block;transition: all 0.3s linear 0s;}
.m_hz h3:hover img{transform: scale(1.1);}

.hzcon2{width:83.4%;margin-top: 2.3rem;position:absolute;right:0;top:0;}
.m_hz ul{width:100%;}
.m_hz li{float: left;width:20%;border-right: 1px solid rgba(56,57,58,.2);border-bottom: 1px solid rgba(56,57,58,.2);box-sizing: border-box;overflow: hidden; padding: 0.3rem 0;}

.m_hz li:nth-child(6),
.m_hz li:nth-child(7),
.m_hz li:nth-child(8),
.m_hz li:nth-child(9),
.m_hz li:nth-child(10){border-bottom: none;}
.m_hz li:nth-child(5n){border-right: none;}


.m_hz .hzhd{width:160px;margin:30px auto 0;}
.m_hz .hzhd em{display:block;float:left;width:0.8rem;height:0.8rem;background:#fff;border-radius:50%;margin-right:0.9rem;}
.m_hz .hzhd .on{background:#ae7d5e;}


.m_hz li img{width: 96%;margin:0 auto;display: block;transition: all 0.3s linear 0s;}
	/*-webkit-filter: grayscale(100%);*/
 /*  -moz-filter: grayscale(100%);*/
 /*  -ms-filter: grayscale(100%);*/
 /*  -o-filter: grayscale(100%);*/
 /*  filter: grayscale(100%);*/
 /*  filter: gray;}*/
/*.m_hz li:hover img{transform: scale(1.1);*/
/*-webkit-filter: grayscale(0%);*/
/*   -moz-filter: grayscale(0%);*/
/*   -ms-filter: grayscale(0%);*/
/*   -o-filter: grayscale(0%);*/
/*   filter: grayscale(0%);*/
/*}*/


.g_news{background: #26272c;height: 54rem;overflow: hidden;padding-top: 3.5rem;box-sizing: border-box;font-family: "fw";}
.g_news h2 a{display: block;text-align: center;height: 8rem;font-size: 2.6rem;color:#fff;font-weight: normal;font-family: "fw";}
.g_news h2 em{display: block;font-size: 24px;color: rgba(255,255,255,.4);padding-top: 11px;}
.m_news{width: 88%;margin:0 auto;}
.newleft{position: relative; float: left;width:30.7%;box-sizing: border-box;height: 100%;margin-right: 8%;}
.newleft:before{content: "";position: absolute;width: 1px;height: 28rem;background: rgba(255,255,255,.2);right: -3.5rem;top:0;}

.nlupbd{width: 100%;}
.nlupbd dt{position: relative;overflow: hidden;}
.nlupbd dt img{width: 100%;display: block;transition: all 0.3s linear 0s;}
.nlupbd dl:hover img{transform: scale(1.1);}
.nluphd{position: absolute;right: 0;top:18.6rem;}
.nluphd li{float: left;width:0.6rem;height: 0.6rem;background: #fff;border-radius: 50%;margin-left: 0.9rem;}
.nluphd li.on{background: #ae7d5e;}
.ndown{margin-top:1.6rem;}
.ndown h3 a{display: block;line-height: 40px;font-size: 16px;color: #fff;margin-bottom: 5px;font-weight: normal;}
.ndown dt a{display: block;font-size: 1.8rem;line-height: 2.5rem;color:#fff;height: 6rem;width: 70%;}
.ndown p{font-size: 16px;line-height: 22px;color: rgba(255,255,255,.7);}
.newmid{position: relative; float: left;width:27.7%; height: 100%;}
.newmid h3 a{display: block;line-height: 1.5rem;font-size: 16px;color: #fff;margin-bottom: 1rem;font-weight: normal;}

.m_xyzs dl{margin-bottom: 2rem;height: 7rem;border-bottom: 1px solid rgba(255,255,255,.2)}
.m_xyzs dt{float: left;width:28%;overflow: hidden;}
.m_xyzs dt img{width: 100%;display: block;transition: all 0.3s linear 0s;}
.m_xyzs dl:hover img{transform: scale(1.1);}
.m_xyzs dl:nth-child(3){border-bottom: none;}
.m_xyzs dd{float: right;width:65%;position: relative;}
.m_xyzs h4 a{display: block;line-height: 1.6rem;font-size: 16px;color:rgba(255,255,255,1);font-family: "fw"; font-weight:normal;}
.m_xyzs dd em{display: block;font-size: 16px;color:rgba(255,255,255,.7);}
.m_xyzs span{display: block;width: 80px;margin-top: 5px;}
.m_xyzs span img{width: 100%;display: block;}



.newh{float: left;width:26.5%;margin-right: 6%;position: relative;}
.newh:before{content: "";position: absolute;width: 1px;height: 28rem;background: rgba(255,255,255,.2);right: -3rem;top:0;}
.newh h3 a{display: block;height: 30px;line-height: 30px;font-size: 16px;color:#fff;font-weight: normal;margin-bottom: 1.2rem;}
.newh dt a{display: block;position: relative;height: 8.5rem;line-height: 2.4rem;color:#fff;font-size: 1.8rem;width: 90%;}
.newh dt a:before{content: "";position: absolute;width: 63px;height: 1px;background: #515357;left:0;top:7rem;}
.newh dd p{font-size: 14px;line-height: 22px;color:rgba(255,255,255,.7);margin-bottom: 3rem;}
.newh dd span{display: block;font-size: 16px;color:rgba(255,255,255,.7);height: 3.5rem;font-family: "fw";}
.wdmore a{display: block; }



.pagefy5{width: 66px;color:#333333;top:40%;}
.pagefy5 span{color:#333333;}
.pagefy5 span:before{background: #333;}
.pagefy5 b a{color:#333333;}

.mapbg,.mapbg img{width:100%;display: block;}
.m_ab{position: absolute;left:0;top:0;width: 100%;}
.ableft{margin:5.5rem 0 0 6.8%;width: 24.3%;background: #fff;height: 35rem;}
.abtit{height: 14.5rem;padding: 1.7rem 0 0 0;box-sizing: border-box;}
.ableft h2 a{display: block;width: 86px;height: 44px;line-height: 44px;border:1px solid #000;border-radius: 2rem;text-align: center;font-size: 16px;color:#ae7d5e;font-family: "fw";font-weight: normal;margin-left: 10%;margin-bottom: 1rem;}
.ableft h3 a{ font-size: 2.4rem;color:#27292e;font-family: "fw";margin-left: 10%;display: block;line-height: 3.2rem; font-weight:normal;}

.abbd li{width: 100%;overflow: hidden;}
.abbd li img{width: 100%;display: block;transition: all 0.3s linear 0s;}
.abbd li:hover img{transform: scale(1.1);}

.abhd{position: absolute;left:43%;bottom: 22px; }
.abhd li{float: left;width:0.6rem;height: 0.6rem;background: #fff;border-radius: 50%;margin-left: 0.9rem;}
.abhd li.on{background: #ae7d5e;}
.ablst{margin-top: 2rem;height: 2.1rem;line-height: 2.1rem;padding-left:11%;}
.ablst a{display: block;float: left;position: relative;padding-left: 2.2rem;font-size: 16px;color: #232424;width: 32%;margin-right: 12%;}
.ablst a:before{content: "";position: absolute;width: 1px;height: 7px;background: #ccc;right: 0;top:0.9rem;}
.ablst a:hover{font-weight: bold;}

.ablst a:nth-child(2){margin-right: 0;}
.ablst a:nth-child(2):before{background: none;}
.ablst i{position: absolute;left:0;top:0.3rem;width: 1.8rem;height: 1.8rem;}
.ablst i img{width: 100%;display: block;}



.add{position: absolute;background:url(../images/mapico.png) no-repeat;background-size: 100%;left:42.5%;top:21.6rem;width:19.5%;height: 5.5rem;padding-top: 1.5rem;padding-left: 5rem;box-sizing: border-box;}
.add h3{display:none; float: left;width: 39%;font-size: 14px;line-height: 22px;color: #fff;font-weight: normal;font-family: "fw";}

.add p{font-size: 18px;line-height: 22px;color: rgba(0,0,0,.7);padding-right: 10%;font-family: "fw";}
.pagefy7{top:46%;}


.g_ft{position: relative;background: #25272c;font-family: "fw"; height:100%;}
.ftbg,.ftbg img{width:100%;display: block;}

.g_ft .ftnr{position: absolute;padding:0 6%;top:16rem;width: 100%;box-sizing:border-box;}
.g_ft h2 a{position: absolute;left:6%;top:6rem;font-size: 1.6rem;color:#fff;font-weight: normal;text-transform: uppercase;}
.copyr{float: left;width: 24%;margin-right: 3.6%;}
.copyr h3{height: 2.5rem;line-height: 1.6rem;border-bottom: 1px solid rgba(255,255,255,.5);font-size: 14px;color: rgba(255,255,255,.7);margin-bottom: 1rem; font-weight:normal;}
.copyr p{font-size: 14px;color: rgba(255,255,255,.7);line-height: 1.3rem;}
.copyr p a{color: rgba(255,255,255,.7);}
.lxfs{float: left;width: 17%;margin-right: 10%;}
.lxfs li{padding-bottom: 1.5rem;border-bottom:1px solid rgba(255,255,255,.5); }
.lxfs li i{display: block;width: 2.1rem;margin-bottom: 0.7rem;}
.lxfs li i img{width: 100%;display: block;}
.lxfs li:nth-child(3){border-bottom: none;}
.lxfs li:nth-child(1){margin-bottom: 1.3rem;}
.lxfs li:nth-child(2){margin-bottom: 0.5rem;}
.lxfs li em{display: block;font-size: 18px;color: rgba(255,255,255,.7);}
.lxfs li:nth-child(2) em{font-size: 14px;width: 70%;}
.lxfs li:nth-child(3) em{font-size: 24px;color:#fff;}
.lxfs li:nth-child(3) i{margin-bottom: 0;}
.ftnav{float: left;width: 26%;}
.ftnavlst{margin-bottom: 1.6rem;border-bottom: 1px solid rgba(255,255,255,.5);padding-bottom: 2.4rem;}
.ftnavlst dl{clear: both;}
.ftnavlst dl:nth-child(1){margin-bottom: 0.8rem;}
.ftnavlst dl:nth-child(2){margin-bottom: 1rem;}
.ftnavlst dt a{float: left;width: 90px;font-size: 16px;color:#fff;line-height: 2rem;}
.ftnavlst dd{float: left;width: 78%}
.ftnavlst dd a{font-size: 14px;color: rgba(255,255,255,.7);line-height: 2rem;padding-right: 5%;}
.ftnavlst dl:nth-child(3) dd a{padding-right: 8%;}
.beian{font-size: 14px;color: rgba(255,255,255,.7);line-height: 1.6rem;}
.beian a{color: rgba(255,255,255,.7);}
.beian em{display: block;}
.codelst{float: right;width: 6.7%;}
.codelst li{width: 100%;}
.codelst li i{width: 100%;display: block;}
.codelst li i img{width: 100%;display: block;}
.codelst li em{display: block;line-height: 2.4rem;text-align: center;font-size: 14px;color: rgba(255,255,255,.7);}


.ftdown{position: absolute;left:0;bottom: 0;width: 100%;background: #202124;height: 90px;line-height: 90px;z-index:125; }
.dleft{float: left; margin-left:6%;width: 570px;font-size: 14px;color: rgba(255,255,255,.7);}
.dright{float: right;width: 308px;margin-right:6%;}
.dright span{display: block;float: left;font-size: 14px;color: rgba(255,255,255,.7);padding: 0 10px;}
.dright ul{float: left;width: 122px;height:90px;}
.dright li{float: left;width: 40px;position: relative;margin-top: 26px;}
.dright li img{width: 40px;display: block;}
.dright li em{display: none;width: 100px;padding:5px; background: #fff;position: absolute;right:-35px;bottom:55px;z-index: 33;overflow: visible;}
.dright li em:after{content: '';display: block;position: absolute;left:50%;margin-left: -10px; bottom: -10px; width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;}
.dright li em img{display: block;width:100px;height:100px;margin: auto;}
.dright li:hover em{display: block;}





 @media screen and (max-width:1681px) {             
 .g_ft .ftnr{top:13rem;}
.lxfs li:nth-child(2) em{width: 100%;font-size: 12px;}
.ftnavlst dd a{font-size: 12px;padding-right: 1%;}
.copyr p,.beian,.codelst li em{font-size: 12px;}
.ftnavlst dt a{width: 64px;font-size: 14px;}
.lxfs li:nth-child(3) em{font-size: 20px;}




}







/* 友情链接 */
.g_link{height: 80px; width: 43%;text-align:center; margin:4rem auto 0;font-family: "fw";}
.g_link h2{float: left; width: 80px;height: 80px;line-height: 80px;font-size: 14px;font-weight: normal;color:rgba(255,255,255,.7);}
.link_c{line-height:80px; overflow:hidden;float: left;width: 85%; font-size: 14px;}
.link_c a{ white-space:nowrap; padding:0 1%;float: left; height: 80px; line-height:80px; color:rgba(255,255,255,.7);display: block;}
.link_c .lasta a{background: none;}

.g_ys{position: relative;font-family: "fw";}
.ysbg,.ysbg img{width: 100%;display: block;}
.ysno{position: absolute;left:0;top:0;padding: 10rem 6.6% 0; width: 100%; box-sizing: border-box;}
.ysno li{position: relative;float: left;width: 75%;height: 18rem;overflow: hidden;}
.ysno li:before{content: "";position: absolute;width: 8.2rem;height: 1px;background: rgba(255,255,255,.3);left:0;top:0;}
.ysno li:nth-child(3):before,.ysno li:nth-child(2):before{width: 16rem;}
.ysno li:nth-child(2n){width: 20%;float: right;}
.ysno li:nth-child(2):before{right: 0;}
.ysno li b{display: inline-block;float: left;font-size: 6.2rem;color:#fff;font-family: "fw";}
.ysno li em{display: inline-block;float: left;padding-top: 3rem;font-size: 16px; line-height: 24px;color:rgba(255,255,255,.7); padding-left: 1rem;font-family: "fw";}
.ysno li:nth-child(2n) b{float: right;}
.ysno li:nth-child(4){width: 16%}
.ysno li:nth-child(4):before{left:30%;}


.ysmid{position: absolute;width: 36rem;height: 36rem;background: rgba(0,0,0,.35);border-radius: 50%;left:50%;margin-left: -18rem;top:4.6rem;}
.ysmid .ysmidbd{position: absolute;left:27.3%;top:10rem;width: 16.9rem;height: 16.9rem;}
.ysmid .ysmidbd li{width: 100%;position: relative;}
.ysmid .ysmidbd li img{width: 100%;display: block;border-radius: 50%;}
.ysmid .ysmidbd li:before{content: "";position: absolute;width: 100%;height: 100%;border-radius: 50%;background: rgba(0,0,0,.5);left:0;top:0;}
.ysmid .ysmidbd li em{position: absolute;left:0;top:4rem;width: 100%;text-align: center;font-size: 2.4rem;color:#fff;font-family: "fw";}
.ysmid .ysmidbd li span a{position: absolute;left:50%;top:8rem;width: 76px; margin-left: -38px; height: 30px;line-height: 30px;border:3px solid #fff;border-radius: 2rem;text-align: center;font-size: 14px;color:#fff;z-index: 11;display: block;}


.ysmidhd{position: relative;}
.ysmidhd li{position: absolute;width: 18rem;height: 18rem;}
.ysmidhd li:before{content: "";position: absolute;width: 1px;height: 3.5rem;background: rgba(255,255,255,.3);}
.ysmidhd li:nth-child(1):before{transform:rotate(90deg);left:5rem;top:-1.8rem;}
.ysmidhd li:nth-child(2):before{transform:rotate(450deg);left:14rem;top:16.25rem;}
.ysmidhd li:nth-child(3):before{transform:rotate(360deg);left:18rem;top:2.5rem;}
.ysmidhd li:nth-child(4):before{transform:rotate(180deg);left:0;top:12.2rem;}
.ysmidhd li:nth-child(1){left:-3.7rem;top:9rem;border-radius:0 0 0 18rem;transform:rotate(45deg);}
.ysmidhd li:nth-child(1) span{display: block;padding-top: 7rem;margin-left: 3rem;}
.ysmidhd li:nth-child(2){right:-3.7rem;top:9rem;border-radius:0 18rem 0 0;transform:rotate(45deg);}
.ysmidhd li:nth-child(2) span{display: block;padding-top: 7rem;margin-left: 3rem;}
.ysmidhd li:nth-child(3){left:9rem;top:-3.7rem;border-radius:18rem 0 0;transform:rotate(45deg);}
.ysmidhd li:nth-child(3) span{display: block;padding-top: 7rem;margin-left: 3rem;}
.ysmidhd li:nth-child(4){left:9rem;top:21.7rem;border-radius:0 0 18rem 0;transform:rotate(45deg);}
.ysmidhd li:nth-child(4) span{display: block;padding-top: 7rem;margin-left: 3rem;}
.ysmidhd li span{transform: rotate(-45deg);width: 90px;text-align: center;}
.ysmidhd li em{display: block;font-size: 16px;color: #fff;font-family: "fw";}
.ysmidhd li.on{background:rgba(0,0,0,.5);}


.yslst{position: relative;}
.ysbtn a{position: absolute;left:48.1%;top:22.5rem;width: 76px;height: 30px;line-height: 30px;border:3px solid #fff;border-radius: 2rem;text-align: center;font-size: 14px;color:#fff;z-index: 11;display: block;}


.yslst1,.yslst2,.yslst3,.yslst4{position: absolute;left:0;top:0;width:100%;z-index: 112;}
.ystcnr1,.ystcnr2,.ystcnr3,.ystcnr4{position: absolute;left:0;top:0;display: none;width:100%;z-index: 112;}
.ysclose1,.ysclose2,.ysclose3,.ysclose4{position: absolute;right: 10%;top:3rem;width:4.6rem;height: 4.6rem;z-index: 1252;}
.ysclose1 img,.ysclose2 img,.ysclose3 img,.ysclose4 img{width:100%;display: block;}







.ysbd dt{float: left;width: 50.83%;}
.ysbd dt img{width: 100%;display: block;}
.ysbd dd{float: left;width:49.17%; position: relative; }
.ysbd dd i{width: 100%;}
.ysbd dd i img{width: 100%}
.ysbdc{position: absolute;left:0;top:0;padding: 4rem 0 0 10%;box-sizing:border-box;}
.ysbdc h3{height: 15rem;position: relative;font-size: 2.4rem;color:#fff;font-family: "fw";}
.ysbdc h3 em{display: block;font-size: 3rem;color:#fff;font-family: arial;font-weight: normal;line-height: 3rem;text-transform: uppercase;margin-bottom: 1rem;}
.ysbdc h3:before{content: "";position: absolute;width:4.5rem;height: 1px;background: rgba(255,255,255,.3);left:0;top:13rem;}
.ysbdc li{float: left;width:41%;margin-bottom: 1rem;}

.ysbdc li b{float: left;background:url(../images/zsicobg.png) no-repeat; background-size: 100%; width:3.3rem;height: 3.3rem;font-size: 1.2rem;color:#fff;text-align: center;line-height: 3.3rem; margin-right: 0.7rem;}
.ysbdc li em{float: left;width:12rem;font-size: 16px;line-height: 22px;color: rgba(255,255,255,.7);padding-top: 0.6rem;font-family: "fw";}
.ysmore a{display: block; margin-top: 1rem; width:12rem;height:2.8rem; line-height: 2.8rem;border:2px solid rgba(255,255,255,.5); border-radius: 3rem;text-align: center; font-size: 16px;color: rgba(255,255,255,.7);}






.ystcnr .u_ljt,.ystcnr .u_rjt{width:6.2rem;height:2.8rem; line-height: 2.8rem;border:2px solid rgba(255,255,255,.5); border-radius: 3rem;text-align: center; position:absolute;z-index: 1252;font-size: 16px;color: rgba(255,255,255,.7); cursor: pointer;}
.ystcnr .u_ljt{left:55.5%;top:32rem;}
.ystcnr .u_rjt{left:63.5%;top:32rem;}
.ystcnr .u_ljt:hover,.ystcnr .u_rjt:hover{border:2px solid rgba(255,255,255,1);color:#fff;}













.m_ser ul{position: relative;height: 32px;width: 222px;}
.m_ser .s_inp{  width: 222px;height: 32px;background:url(../images/serbg.png) no-repeat;}
.m_ser .s_inp input{float:left;padding-left:20px;width:156px;background:none;border:none;height: 32px;line-height:32px;font-size:14px;color:rgba(255,255,255,.7);}
.m_ser .form-btn-reset{display:none;}   
.m_ser .submit{position: absolute;right:0;top:0;width:42px;height:32px;}  
.m_ser .form-btn-submit{position: absolute;right:0;top:0;width:42px;height:32px;background:none;border:none; font-size:0;z-index:115;}   
.m_ser b{position: absolute;left: -178px;top: 45px;font-size: 14px;  }





@media (max-width:1681px){
.g_top .g_nav li a{margin-right: 2%;}
.g_top .g_nav .dhxla .anlst dd{padding-top: 4px;}
.game163 .bigImg span:before{left:8.5rem;;}
.ysno li em{font-size: 16px;}
.ysno li b{font-size: 5rem;}
.ysno li em{padding-top: 1.5rem;}
.ysbdc li em{font-size: 12px;padding-top: 0;}
.xyzs h4 a{font-size: 12px;}
.news-list-v li a{font-size: 12px;}
.news-list-v li em{font-size: 12px;}
.add{padding-top: 1.3rem;}
.lxwm li em{font-size: 14px;}
.game163 .bigImg dd{padding-top: 13rem;}
.game163 .smallScroll{top:30rem;}
.ableft h3 a{font-size: 2.8rem;}
.g_top .g_nav .dhxla .anlst h4 a{font-size:14px;}
.xyzs dl{margin-bottom: 2rem;}
.ndown dt a{font-size:1.3rem;}
.ablst a{margin-right:8%;}





}






@media (max-width:1281px){
.add h3,.add p{font-size:12px;}
.ysno li:nth-child(2n){width:20%;}
.ysno li:nth-child(4){width:15%;}
.ableft{height:37rem;}
.cptit{height:17rem;}
.lxwm li i{top:1rem;}






}







.indexDOM .swiper-container-vertical > .indexDOM .swiper-pagination-bullets .swiper-pagination-bullet{margin: 25px 0;}
.indexDOM .swiper-pagination-bullet{background: #d9d9d9;width: 8px;height: 8px;border-radius: 50%;opacity: 1;margin: 10px 4px;}
.indexDOM .swiper-container-vertical > .indexDOM .swiper-pagination-bullets{right:5%;}
.indexDOM .swiper-pagination-bullet-active{border: 4px solid #fff;margin: 0; width: 8px;height: 8px;background: #b7a68c;}






/*第一屏*/
html, body {max-width: 1920px;min-width: 1200px;width: 100%;position: relative;margin:0 auto; height: 100%; overflow: hidden; }
.indexDOM {width: 100%;height:100%; overflow: hidden; }
.swiper-slide{width: 100%;height:100%; overflow: hidden; position: relative;}

















@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
@keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
.fa-spin{-webkit-animation:hvr-buzz-out 3s infinite linear;animation:hvr-buzz-out 3s infinite linear}
.fa-spin2{-webkit-animation:fa-spin 30s infinite linear;animation:fa-spin 30s infinite linear}
.fa-shake{-webkit-animation:pulse 3s infinite linear;animation:pulse 3s infinite linear}
.fa-shake2{-webkit-animation:pulse 11s infinite linear;animation:pulse 11s infinite linear}
.fa-bubble{-webkit-animation:bubble 3s infinite linear;animation:bubble 3s infinite linear}
.fa-bounceIn{-webkit-animation:bounceIn 3s infinite linear;animation:bounceIn 3s infinite linear}


@keyframes icon {
	0% {top:-90px;}
	50% {top:-80px;}
	100% {top:-90px;}
}
@-moz-keyframes icon {
	0% {top:-90px;}
	50% {top:-80px;}
	100% {top:-90px;}
}
@-webkit-keyframes icon {
	0% {top:-90px;}
	50% {top:-80px;}
	100% {top:-90px;}
}
@-o-keyframes icon {
	0% {top:-90px;}
	50% {top:-80px;}
	100% {top:-90px;}
}



@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@-webkit-keyframes bubble{0%{-webkit-transform:scale(0);transform:scale(0);top:0;left:110px}
20%{-webkit-transform:scale(1);transform:scale(1);top:-36px;left:20px}
90%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
100%{opacity:0}
}

@keyframes bounceIn{0%{-webkit-transform:scale(0);transform:scale(0);top:0;left:110px}
20%{-webkit-transform:scale(1);transform:scale(1);top:-36px;left:20px}
90%{-webkit-transform:scale(2);transform:scale(2);opacity:1}
100%{opacity:0}
}






@media screen and (min-width: 1024px) {
  html {
    font-size: calc(1024px * 20 / 1903);
  }
}


@media screen and (min-width: 1263px) {
  html {
    font-size: calc(1263px * 20 / 1903);
  }
}


@media screen and (min-width: 1349px) {
  html {
    font-size: calc(1349px * 20 / 1903);
  }
}
@media screen and (min-width: 1463px) {
  html {
    font-size: calc(1463px * 20 / 1903);
  }
}
@media screen and (min-width: 1543px) {
  html {
    font-size: calc(1543px * 20 / 1903);
  }
}
@media screen and (min-width: 1583px) {
  html {
    font-size: calc(1583px * 20 / 1903);
  }
}
@media screen and (min-width: 1643px) {
  html {
    font-size: calc(1643px * 20 / 1903);
  }
}
@media screen and (min-width: 1663px) {
  html {
    font-size: calc(1663px * 20 / 1903);
  }
}
@media screen and (min-width: 1903px) {
  html {
    font-size: calc(1903px * 20 / 1903);
  }
}