
/*基本设置*/
body{ font-size:12px;font-family: "Microsoft YaHei";display: block;}
body,div,form,p,img,ul,li,ol,dl,dt,dd,hr,h1,h2,h3,span,i{margin:0; padding:0; border:0;}li{list-style:none;font-size: 14px;color: rgb(80,80,80);}
img{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
input,select,textarea{vertical-align:middle;font-size:12px; padding:0; margin:0;}
i,em{ font-style:normal;}
.f-c:after{content: "";display: block;clear:both;}
a{text-decoration: none;font-family: "Microsoft YaHei";font-size: 14px;}
a:hover{}
.max-width{width: 1090px;margin: 0 auto;}
.cont-width{width:1300px;margin-left:auto;margin-right:auto;}
.xy-main{position: relative;min-width: 1286px;margin: 0 auto;/*background: url(../images/main240605/bg.jpg) no-repeat center top;*/}

.topbar {
	width: 100%;
    height: 85px;
    background-color: rgba(0,0,0,0.8);
	position:relative;
	z-index:10;
}
.topbar .menu {width:1300px;height:100%;margin:0 auto;display:flex;align-items: center;}
.topbar .menu .logo {width: 145px;height: 70px;margin-right:20px;}
.topbar .menu .logo img{width:100%}
.topbar .menu ul{overflow:hidden;}
.topbar .menu li {width:130px;float:left;text-align:center;}
.topbar .menu li::after{
	content: "|";
    display: inline-block;
    color: #fff;
    font-size: 20px;
    margin-left: 23px;
}
.topbar .menu li:last-child::after{display:none;}
.topbar .menu li a {line-height:55px;font-size:20px;color:#fff;font-weight:bold;}
.topbar .menu .go-xy3{
	width: 258px;
    margin-left: 90px;
	color:#fff;
}


.phead {width:100%;position:relative;overflow:hidden;}
.phead .xy-m-title{display:none;font-size: 24px;color: #010e00;text-align: center;width: 100%;margin-left: -9%; font-weight: 700;margin-top: 258px;}
.phead .xy-s-title{display:none;font-size: 22px;color: #ffffa3;text-align: center;width: 100%;margin-left: -12%;font-weight: 900;margin-top: 265px;text-shadow: 0 1px #000, 1px 0 #000, -1px 0 #000, 0 -1px #000;font-family: 'Noto Serif SC', SimSun, serif;}

#banner{ margin:0 auto;  width:100%; position:relative;  overflow:hidden;max-height:438px;}
#banner .hd{ overflow:hidden; position:absolute;bottom: 8%;left: 50%;margin-left: 75px;}
#banner .hd ul{ overflow:hidden; zoom:1; }
#banner .hd ul li{ float:left;  text-align:center;  }
#banner .hd ul li img{ width:calc(140/1920*100vw);cursor:pointer; margin-right:5px;    border: 2px solid #b5b5b5;border-radius: 8px;   }
#banner .hd ul li.on img{
	border: 2px solid #ff8329;
	    box-shadow: 0 0 10px #ff8329;
}
#banner .bd li{ vertical-align:middle; position: relative;}
#banner .bd img{ width:100%; display:block;}
#banner .bd .go-btn{
	position: absolute;
    z-index: 2;
    color: #bb9645;
    top: 60%;
    left: 16%;
    /*margin-left: -652px;*/
    font-weight: bold;
    font-size: 20px;
    width: 190px;
    height: 55px;
    display: block;
    background-color: #8d8e9080;
    text-align: center;
    line-height: 55px;
    border-radius: 15px;
}

.ani{
 animation: ani 2s linear infinite;
 -webkit-animation: ani 2s linear infinite;	
}
@keyframes ani {
   0%{
        box-shadow: 0 0 0px #ff8329
   }
   25%{
        box-shadow: 0 0 10px #ff8329
   }
    50%{
        box-shadow: 0 0 20px #ff8329
   }
   75%{
        box-shadow: 0 0 10px #ff8329
   }
   100%{
    box-shadow: 0 0 0px #ff8329
   }
}

.phead .btn_yuyue{background:url(../images/main240605/btn-yy.png) no-repeat;width:307px;height:80px;width:307px;height:80px;display: block;position: absolute;margin-top: 255px;left: 50%;margin-left: -464px;z-index: 5;cursor: pointer;}
.phead .btn_yuyue:hover{background-position: 0 -90px;}
.wrap{position: relative;min-width: 1286px;margin: 0 auto;background: url(../images/main240613/bg.jpg) no-repeat center top;}
.block-1 {height:400px;overflow:hidden;padding-top:40px;}
.block-1-1 {width:278px;height:100%;float:left;}
.block-1-1 .dwnbtn {width:278px;height:151px;background: url(../images/main240325/down-btn.png) no-repeat;overflow:hidden;animation: topdown .7s steps(2) infinite;-webkit-animation: topdown .7s steps(2) infinite;}
@keyframes topdown {
    0% {
        background-position:0 0;
    }

    100% {
        background-position:0 -338px;
    }	
}

@-webkit-keyframes topdown {
    0% {
        background-position:0 0;
    }

    100% {
        background-position:0 -338px;
    }	
}

.block-1-1 .dwnbtn a {display:block;width:278px;height:100%;}
.block-1-1 .regrch {width:278px;height:165px;background-color:#373737;overflow:hidden;}
.block-1-1 .regrch .rch {width:49%;height:83px;float:left;text-align:center;position:relative;cursor:pointer;}
.block-1-1 .regrch a {display:block;width:100%;height:83px;line-height:83px;font-size:13px;color:#fff;text-indent: 50px;}
.block-1-1 .regrch a:hover {color:rgb(182,146,55);}
.block-1-1 .regrch .rch:after{width:44px;height:44px;position:absolute;content:"";top:22px;left:15px;}
.block-1-1 .regrch .rch:nth-child(1):after{background:url(../images/main240325/icon-reg.png) no-repeat;}
.block-1-1 .regrch .rch:nth-child(2):after{background:url(../images/main240325/icon-gift.png) no-repeat;}
.block-1-1 .regrch .rch:nth-child(3):after{background:url(../images/main240325/icon-xinshou.png) no-repeat;}
.block-1-1 .regrch .rch:nth-child(4):after{background:url(../images/main240325/icon-pay.png) no-repeat;}
.block-1-1 .regrch .rch:nth-child(1):before{
    content: "";
    width: 258px;
    height: 1px;
    background: #494949;
    position: absolute;
    top: 81px;
    left: 10px;
}
.block-1-1 .regrch .rch:nth-child(2):before{
    content: "";
    width: 1px;
    height: 137px;
    background: #494949;
    position: absolute;
    top: 15px;
    left: 3px;
}

.lunbo {height:316px;width:584px;float:left;}
.lunbo .item{width:100%;height:100%;position:relative;cursor:pointer;}
.lunbo .item .info{
	position: absolute;
	bottom: 30px;
    width: 80%;
    left: 35px;
}
.lunbo .item h5{
	font-size: 25px;
    color: #fff;
    font-weight: bold;
	margin:0
}
.lunbo .item p{
	color: #98989a;
	font-size:15px;
	padding-top: 5px;
}
.lunbo .item p span::after{
	content: "|";
    display: inline-block;
    margin: 0px 5px;
}
.lunbo .item p span:last-child::after{
	display:none;
}
.lunbo .item .btn{
    right: -50px;
    position: absolute;
    color: #fff;
    bottom: 5px;
    font-size: 16px;
    font-weight: bold;
    width: 140px;
    border: 1px solid #98989a;
    border-radius: 25px;
    text-align: center;
    height: 35px;
    line-height: 35px;
    display: block;	
}


.news {height:316px;width:438px;float:left;background-color:#fff;position:relative;}
.news a {color:rgb(80,80,80);}
.news a:visited {color:rgb(80,80,80); text-decoration: none;}
.news a:hover {color:rgb(80,80,80); text-decoration: underline;}
.news a:active {color:rgb(80,80,80); text-decoration: underline;}
.news .line{
	width: 100%;
    height: 48px;
    margin-left: 0;
    overflow: hidden;
    padding-left: 0px;
    border-bottom: 1px solid #e8e8e8;
	position:absolute;
	display:none;
}
.news .title{
	display:none;
	width: 90%;
    height: 48px;
    margin-left: 16px;
    overflow: hidden;
    padding-left: 0px;
}
.news .title li {float: left;height: 46px;width:80px;cursor: pointer;font-size:17px;text-align: center;line-height:54px;position:relative;color:#000;}
.news .title li.on {border-bottom:2px solid #b68a42;color:#b68a42;font-weight:bold;}
.news .title li i{width: 6px;height: 6px;background-color: red;display: block;position: absolute;top: 5px;right: 0;}
.news .cont {
	width: 90%;
    height: 285px;
	overflow:hidden;
    margin: 10px auto;
}
.news .cont .first {width: 100%;height:48px;padding-left:0px;overflow:hidden;}
.news .cont .first a {font: 17px/17px Tahoma,"Microsoft YaHei";color:#b68a24;line-height:48px;height:48px;width:100%;overflow:hidden;display: block;text-overflow: ellipsis;white-space: nowrap;text-align: center;}
.news .cont .others {width: 100%;height:165px;padding-top:12px;}
.news .cont .others ul {overflow: hidden; padding: 0;}
.news .cont .others ul li { line-height: 28px; font-size:13px;color:#7f7f7f}
.news .cont .others ul li span {display: block; float: left; height: 24px; margin-right: 30px; overflow: hidden; width:82%; }
.news .cont .others ul li i { margin-right: 12px; }

.block-2 {height:350px;position:relative;}
.block-2 .title{
	font-size: 27.5px;
    height: 40px;
    line-height: 28px;
	font-family: 'Noto Serif SC';
    font-weight: 900;
}
.block-2 .title p{
	display: contents;
    font-size: 12.5px;
    color: #d1d1d1;
    width: 200px;
}
.block-2-1 {height:100%;width:100%;}
.block-2-1 .mhjh {cursor:pointer;float:left;height:282px;width:474px;background: url(../images/main240613/season1.png) no-repeat;text-align:center;position:absolute;top:-10px;}
.block-2-1 .xszn {cursor: pointer;float:left;height:282px;width:474px;background: url(../images/main240613/season2.png) no-repeat;text-align:center;position:absolute;top:-10px;left:437px;}
.block-2-1 .xjdf {cursor: pointer;float:left;height:282px;width:474px;background: url(../images/main240613/season3.png) no-repeat;text-align:center;position:absolute;top:-10px;left:875px;}
.block-2-1 .lbfl {cursor: pointer;overflow:hidden;float:left;height:134px;width:319px;background: url(../images/main240325/season4.png) no-repeat;margin-left:8px;text-align:center;}
.block-2-1 .mhjh,
.block-2-1 .xszn,
.block-2-1 .xjdf,
.block-2-1 .lbfl{
      -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}
.block-2-1 .mhjh:hover,
.block-2-1 .xszn:hover,
.block-2-1 .xjdf:hover,
.block-2-1 .lbfl:hover{
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}
.block-2-1 p{
	font-size: 25px;
    color: #fff;
    font-weight: bold;
    margin-top: 75px;
    margin-left: -15px;
    width: 200px;
}
.block-2-1 a {
    height: 25px;
    width: 100px;
    display: block;
    font-size: 15px;
    line-height: 25px;
    color: #000;
    margin-left: 22px;
    margin-top: 18px;
    display: block;
    background-color: #c69a47;
    border-radius: 15px;
}

.block-2-1 .xjdf p{
	margin-left:-5px;
}
.block-2-1 .lbfl p{
	margin-left:18px;
}

.block-3 {height:490px;margin-top:10px;overflow:hidden;}
.block-3 .title{
	font-size: 27.5px;
    height: 40px;
    line-height: 28px;
	font-family: 'Noto Serif SC';
    font-weight: 900;
}
.block-3 .title p{
	display: contents;
    font-size: 12.5px;
    color: #d1d1d1;
    width: 200px;
}
.ts{
	float:left;
	width:851px;
	height:400px;
	position:relative;
	margin-right:10px;
}
.ts .nav{
	background:url(../images/main240325/ts-nav.png) no-repeat;
	width:126px;
	height:275px;
	position:absolute;
	top: 103px;
    left: 24px;
}
.ts .nav span{
	font-size: 15px;
    color: #fff;
    text-align: center;
    width: 100%;
    display: block;
    margin-top: 39px;
    font-weight: bold;
	cursor:pointer;
	position:relative;
	text-indent: 10px;
}
.ts .nav span.on{
	color:#c69e47;
}
.ts .nav span::before{
	content:"";
	position:absolute;
	width: 6px;
    height: 6px;
    border: 1px solid #fff;
    transform: rotate(45deg);
    top: 6px;
    left: 20px;
}
.ts .nav span.on::before{
	background-color:#c69e47;
	border-color:#c69e47;
}
.ts .item{
	display:none;
	width:841px;
	height:400px;
}
.ts .item.on{
	display:block;
}

.seapon{
	float:left;
	width:439px;
	overflow:hidden;
}
.seapon .zhubo{
	background:url(../images/main240613/old.png) no-repeat;
	width:439px;
	height:205px;
	position:relative;
	cursor:pointer;
      -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}
.seapon .zhubo:hover{
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}
.seapon .zhubo .info{
	font-size:25px;
	color:#c69e47;
	font-weight:bold;
	position:absolute;
	top: 50px;
    left: 20px;
}
.seapon .zhubo .info span{
	color:#fff;
	font-size:15px;
	display:block;
	margin-top: 2px;
}
.seapon .zhubo a{
    height: 26px;
    width: 80px;
    display: block;
    font-size: 15px;
    line-height: 26px;
    color: #000;
    margin-left: 22px;
    display: block;
    background-color: #c69a47;
    border-radius: 15px;
    position: absolute;
    text-align: center;
    top: 95px;
}
.seapon .shequn{
	background:url(../images/main240325/shequn-bg.png) no-repeat;
	width:439px;
	height:189px;
	margin-top:5px;
	position:relative;
}	
.seapon .shequn .info{
	font-size:23px;
	color:#000;
	font-weight:bold;
	position:absolute;
	top: 60px;
    left: 26px;
    line-height: 160%;
    font-style: italic;
}
.seapon .shequn .shequnewm{
	width: 140px;
    position: absolute;
    right: 25px;
    top: 25px;
}

.block-4 {height:320px;margin-top:12px;overflow:hidden;}
.block-4-1 .title{
	font-size: 27.5px;
    height: 40px;
    line-height: 28px;
	font-family: 'Noto Serif SC';
    font-weight: 900;
}
.block-4-1 .title p{
	display: inline-block;
    font-size: 12.5px;
    color: #d1d1d1;
    width: 200px;
	margin-left: 5px;
}
.block-4-1 {
	float:left;
	width:850px;
	height:306px;
	margin-right:10px;
}
.block-4-1 .icon{
	position:relative;
	float:left;
	margin-right:3px;
	cursor:pointer;
      -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;	
}
.block-4-1 .icon:hover{
	    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}
.block-4-1 .icon::before{
	content:"";
	position:absolute;
	width:209px;
	height:267px;
	background:#00000080;
	display: block;
    /* z-index: 5; */
	top: 0px;
    left: 0px;
}
.block-4-1 .icon::after{
	content:"";
	position:absolute;
	width:68px;
	height:68px;
	background:url(../images/main240325/video-btn.png) no-repeat;
	display: block;
    /* z-index: 5; */
	top: 90px;
    left: 70px;
}
.block-4-3{
	width:440px;
	position:relative;
	overflow:hidden;
}
.block-4-3 .title{
	font-size: 27.5px;
    height: 40px;
    line-height: 28px;
	font-family: 'Noto Serif SC';
    font-weight: 900;
}
.block-4-3 .title p{
	display: inline-block;
    font-size: 12.5px;
    color: #d1d1d1;
    width: 200px;
	margin-left: 5px;
}
.block-4-3 .icon{
	position:relative;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	cursor:pointer;
      -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;		
}
.block-4-3 .icon:hover{
	    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;	
}
.block-4-3 .icon:nth-child(2n){
	margin-right:0;
}
.block-4-3 .icon:nth-child(3),
.block-4-3 .icon:nth-child(4){
	margin-bottom:0;
}
.block-4-3 .icon::after{
	content:"";
	position:absolute;
	width:68px;
	height:68px;
	background:url(../images/main240325/video-btn.png) no-repeat;
	display: block;
    /* z-index: 5; */
    top: 35px;
    left: 77px;
}

/*底部三图动画*/
.block-4 .jietu{
	transition: background-size 0.5s;
	-moz-transition: background-size 0.5s;
	-webkit-transition: background-size 0.5s;
	-o-transition: background-size 0.5s;
	display: block;
	background-size: 100% 100%;
}
.block-4 .jietu:hover{
        background-size: 105% 105%;
}
.block-4 .block-4-3 .shipin{
	display: block;
	background-size: 100% 100%;
	transition: background-size 0.5s;
	-moz-transition: background-size 0.5s;
	-webkit-transition: background-size 0.5s;
	-o-transition: background-size 0.5s;
}
.block-4 .block-4-3 .shipin:hover{
	 background-size: 105% 105%;
}
.block-4 .block-4-3 .bizhi{
	display: block;
	background-size: 100% 100%;
	transition: background-size 0.5s;
	-moz-transition: background-size 0.5s;
	-webkit-transition: background-size 0.5s;
	-o-transition: background-size 0.5s;
}
.block-4 .block-4-3 .bizhi:hover{
	 background-size: 105% 105%;
}
.block-5 {height:380px;margin-top:12px;overflow:hidden;}
.block-5-1{
	background:url(../images/main240325/foot-ewm.png) no-repeat;
	width:1080px;
	height:313px;
	margin: 0 auto;
	position:relative;
}
.block-5-1 .ewmzq{
	float:left;
    width: 150px;
    margin-left: 51px;
    margin-top: 105px;
    position: relative;	
}
.block-5-1 .ewmbg{
	/*background:url(../images/main240325/foot-ewm-icom.png) no-repeat;*/
	width:146px;
	height:146px;
}
.block-5-1 .ewmbg img{
	width: 146px;
    height: 146px;
    position: absolute;
    top: 0;
    left: 0;
}
.block-5-1 .ewmzq p{
	color: #000;
    font-size: 13px;
    padding-top: 10px;
	text-align:center;
	font-weight:bold;
}
.block-5-1 .ewmzq span{
	color:#b68a24;
}
/* footer  */
.footer{ width:100%; background:#000; font-family:Tahoma, "宋体"; padding:15px 0;height:140px;}
.foot-width{width:1006px;margin-left:auto;margin-right:auto;}
.foot_fir{ float:left; width:820px; color:#fff;}
.foot_fir img{ float:left; width:145px; margin:30px 25px;}
.foot_fir span{ display:block; line-height:20px;}

.foot_sec{ float:right; margin:25px 10px 0 0;}
.foot_sec span{ margin-right:5px}

/* 视频 */
.pop{position:relative;font-family:'Microsoft Yahei';background:#fff;}
.pop .closevideo{position:absolute;right:0;top:0;height:61px;width:61px;text-align: center;line-height:61px;color:#fff;font-size:30px;z-index:10;}
.videobox{width:640px;height:360px;background:rgb(80,80,80);}
.hide{display:none;}


.fuchuang{position: fixed;width: 199px;height: 300px;right: 10px;bottom: 10px;cursor: pointer;}
