@charset "utf-8";
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-weight: normal;
	font-style: normal;
}

ol,
ul {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	font-size: 100%;
}

q:before,
q:after {
	content: '';
}

fieldset,
img,
abbr,
acronym {
	border: 0;
}

/*页面样式*/
.c:before,
.c:after {
	content: "";
	display: table;
}

.c:after {
	clear: both;
}

.c {
	zoom: 1;
}

.none {
	display: none;
}

.pr {
	position: relative;
}

.pa {
	position: absolute;
}
.fl{float:left;}
.fr{float:right;}
body {
	font: 12px/1.5 '\5FAE\8F6F\96C5\9ED1';
	text-align: justify;
	min-width: 1200px;
	position: relative;
}

a {
	text-decoration: none;
	overflow: visible;
}

a:hover {
	text-decoration: none;
}

body {
	background-color: #631010;
}
html, body, .wrap{
    width: 100%;
		overflow:hidden;
		height: 100%;
}
.wrap img{display:block;}
#cyou_top{position: fixed!important;left: 0;top:0;}
.stage {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    pointer-events: none;
}
.wrap{position: relative;z-index: 1;}
.bar{width:1200px;margin:0 auto;position: relative;}
.com{background: url(../img/com.png) no-repeat;text-indent:-9999em;display: block;overflow: hidden;background-size: 39.0625vw auto;transition: all .2s;}
.com:hover{transform: translateY(-3px);}
.video{width:1200px;height:675px;text-align:center;position:relative;display:none;outline:none;}
.videobox{height:100%;}
.videobox video{width:100%;display:block;}
.close{width:34px;height:34px;font:bold 34px/34px simsun;color:#fff;border:1px solid #fff;cursor:pointer;position:absolute;top:-46px;right:0;z-index:99;-webkit-transition:.2s ease-out;transition:.2s ease-out;line-height:34px;}
.close:hover{color:#fff;border-color:#fff;opacity:.8;}
.bg1{background: url(../img/bg1.jpg) no-repeat center center;background-size: cover;}
.bg2{background: url(../img/bg2.jpg) no-repeat center center;background-size: cover;}
.logo{width:4.28rem;height: 2.37rem;top:55px;left: 0;z-index: 2;}
.logo img{display: block;width: 100%;}
.contbox{width: 19.2rem;height: 10.8rem;position: absolute;left: 50%;top:50%;margin: -5.4rem 0 0 -9.6rem;}
#swiper1 img{width: 100%;display: block;}
.tit{width: 3.94rem;height: 7.3rem;background: url(../img/tit.png) no-repeat;background-size: 100% 100%;top:1.76rem;left: 1.61rem;overflow: hidden;text-indent:-9999em;z-index: 2;}
.swibox{width: 100%;height: 100%;position: absolute;left:0;top:.2rem;}
.swiper-container{width: 100%;height: 100%;}
.swiper-slide{overflow: hidden;}
.botbox{z-index: 2;bottom: 1.18rem;left: .99rem;width: 18.21rem;text-align: center;}
.prevbtn,.nextbtn,.swiper-pa{display: inline-block;vertical-align: top;}
.prevbtn,.nextbtn{width: .61rem;height: .45rem;background: url(../img/arr.png) no-repeat;background-size: auto 100%;cursor: pointer;}
.nextbtn{background-position: top right;}
.swiper-pa{margin: 0 .14rem;position: relative;}
.swiper-pa::before{position: absolute;content: '';width: 70%;height: .26rem;left: 15%;top:0;z-index: 1;background: url(../img/line.png) repeat-x center bottom;background-size: auto .02rem;}
.swiper-pa span{margin: .13rem .1rem 0 .11rem;width: .24rem;height: .24rem;background: url(../img/dot.png) no-repeat;background-size: auto 100%;opacity: 1;background-position: top left;position: relative;z-index: 2;}
.swiper-pa span.swiper-pagination-bullet-active{background-position: top right;}
.tit.t1{background: url(../img/tit1.png) no-repeat;background-size: 100% 100%;}
.c3::before,.c2::before,.c1::before{content: '';width: 20.7rem;height: 10.8rem;background: url(../img/c2.png) no-repeat;background-size: 100% 100%;top:0;left:-.75rem;z-index: 1;position: absolute;pointer-events: none;}
.c1::before{background: url(../img/c1.png) no-repeat;background-size: 100% 100%;width: 21.9rem;left:-1.35rem;}
.c3::before{background: url(../img/c3.png) no-repeat;background-size: 100% 100%;width: 21.9rem;left:-1.35rem;}
.slobox{width: 9.55rem;height: 3.8rem;background: url(../img/slo.png) no-repeat;background-size: 100% 100%;bottom: 1.13rem;left: 50%;margin-left: -4.68rem;overflow: hidden;text-indent:-99999em;z-index:3;}
.linkbox{width: 2.13rem;height: 5.98rem;top:2.78rem;z-index: 2;}
.linkbox a{display: block;text-indent:-9999em;cursor: pointer;width: 2.13rem;height: 2.03rem;}
.c2 .linkbox a{height: 4.03rem;}
.linkbox1{left: 5.74rem;background: url(../img/link1.png) no-repeat;background-size: 100% 100%;}
.linkbtn1{top:.65rem;left:0;}
.linkbox a::after{content: '';position: absolute;top:-.16rem;left:-.16rem;width: 2.45rem;height: 2.37rem;opacity: 0;transition: opacity .2s;}
.linkbtn1::after{background: url(../img/linkbtn1.png) no-repeat;background-size: 100% 100%;}
.linkbox a:hover::after{opacity: 1;}
.linkbtn2{top:2.91rem;left:0;}
.linkbtn2::after{background: url(../img/linkbtn2.png) no-repeat;background-size: 100% 100%;}
.linkbox2{left: 8.5rem;background: url(../img/link2.png) no-repeat;background-size: 100% 100%;}
.linkbox2 .linkbtn1::after{background: url(../img/linkbtn3.png) no-repeat;background-size: 100% 100%;}
.linkbox2 .linkbtn2::after{background: url(../img/linkbtn4.png) no-repeat;background-size: 100% 100%;}
.linkbox3{left: 11.2rem;background: url(../img/link3.png) no-repeat;background-size: 100% 100%;}
.linkbox3 .linkbtn1::after{background: url(../img/linkbtn5.png) no-repeat;background-size: 100% 100%;}
.linkbox3 .linkbtn2::after{background: url(../img/linkbtn6.png) no-repeat;background-size: 100% 100%;}
.linkbox4{left: 13.9rem;background: url(../img/link4.png) no-repeat;background-size: 100% 100%;width: 1.75rem;height: 5.55rem;}
.linkbox a.linkbtn3{width: 1.74rem;height: 3.22rem;left: 0;top:1.19rem;}
.linkbox a.linkbtn3::after{background: url(../img/linkbtn7.png) no-repeat;background-size: 100% 100%;width: 2.07rem;height: 3.53rem;}
.c1 .linkbox1{background: url(../img/link5.png) no-repeat;background-size: 100% 100%;}
.c1 .linkbox2{background: url(../img/link6.png) no-repeat;background-size: 100% 100%;}
.c1 .linkbox3{background: url(../img/link7.png) no-repeat;background-size: 100% 100%;}
.c1 .linkbox4{background: url(../img/link8.png) no-repeat;background-size: 100% 100%;height: 5.63rem;}
.c1 .linkbtn1::after{background: url(../img/linkbtn8.png) no-repeat;background-size: 100% 100%;}
.c1 .linkbtn2::after{background: url(../img/linkbtn9.png) no-repeat;background-size: 100% 100%;}
.c1 .linkbox2 .linkbtn1::after{background: url(../img/linkbtn10.png) no-repeat;background-size: 100% 100%;}
.c1 .linkbox2 .linkbtn2::after{background: url(../img/linkbtn11.png) no-repeat;background-size: 100% 100%;}
.c1 .linkbox3 .linkbtn1::after{background: url(../img/linkbtn12.png) no-repeat;background-size: 100% 100%;}
.c1 .linkbox3 .linkbtn2::after{background: url(../img/linkbtn13.png) no-repeat;background-size: 100% 100%;}
.c1 .linkbox a.linkbtn3{top:.48rem;height: 4rem;}
.c1 .linkbox4 .linkbtn3::after{background: url(../img/linkbtn14.png) no-repeat;background-size: 100% 100%;height: 4.32rem;}
.c2 .linkbox1,.c2 .linkbox2{width: 1.75rem;height: 5.62rem;top:3.15rem;}
.c2 .linkbox1{background: url(../img/link9.png) no-repeat;background-size: 100% 100%;left: 7.13rem;}
.c2 .linkbox2{background: url(../img/link10.png) no-repeat;background-size: 100% 100%;left: 12.42rem;height: 5.61rem;}
.c2 .linkbox a{top:.46rem;width: 1.75rem;}
.c2 .linkbox a::after{width: 2.07rem;height: 4.32rem;}
.c2 .linkbox1 .linkbtn1::after{background: url(../img/linkbtn15.png) no-repeat;background-size: 100% 100%;}
.c2 .linkbox2 .linkbtn1::after{background: url(../img/linkbtn16.png) no-repeat;background-size: 100% 100%;}
.swiper-button-disabled{opacity: .5;}
.pop{width: 6.88rem;height: 7.45rem;background: url(../img/pop.png) no-repeat;background-size: 100% 100%;color: #a06335;font-size: .2rem;position: relative;display: none;}
.pop .close{width: 1.23rem;height: 1.89rem;background: url(../img/close.png) no-repeat;top:-.08rem;right: -.55rem;background-size: 100% 100%;border: none;overflow: hidden;text-indent:-9999em;transition:filter .2s;}
.pop .close:hover{opacity: 1;filter: brightness(1.1);}
.popcont{padding: .56rem .29rem 0;}
.poptit{margin: 0 auto;width: 5.95rem;height: .69rem;background: url(../img/poptit.png) no-repeat;background-size: 100% auto;overflow: hidden;text-indent:-9999em;}
.scrollbox{padding: .04rem .12rem 0 .18rem;height: 5.54rem;overflow-y: auto;width: 5.92rem;}
.scrollbox::-webkit-scrollbar {width: .09rem;}
.scrollbox::-webkit-scrollbar-track {background: url(../img/sbg.png) no-repeat center center;background-size: .09rem auto;}
.scrollbox::-webkit-scrollbar-thumb {background: #a06335;}
.scrollbox p{text-indent: 2em;}
.scrollbox p strong{font-weight:bold;}
.tablebox{margin: .17rem auto;}
.tablebox table{width: 100%;border:1px solid #d8905e;}
.tablebox th,.tablebox td{color: #a06335;font-size: .2rem;text-align: center;border-left:1px solid #d8905e;border-right:1px solid #d8905e;}
.tablebox td{border-bottom:1px solid #d8905e;padding: .08rem;}
.tablebox th{background: #ebbc9a;font-weight: bold;line-height: .24rem;padding: .1rem 0;border-top:1px solid #d8905e;}
.scrollbox span{color:#d7311a;}
.stit{margin: 0 0 .09rem -.04rem;width: 1.46rem;height: .38rem;background: url(../img/stit.png) no-repeat;background-size: 1.46rem auto;overflow: hidden;text-indent:-9999em;}
.stit1{background-position: 0 -.48rem;}
.pop1 .poptit{background-position: 0 0;}
.pop2 .poptit{background-position: 0 -.69rem;}
.pop3 .poptit{background-position: 0 -1.38rem;}
.pop4 .poptit{background-position: 0 -2.07rem;}
.pop5 .poptit{background-position: 0 -2.76rem;}
.pop6 .poptit{background-position: 0 -3.45rem;}
.pop7 .poptit{background-position: 0 -4.14rem;}
.pop8 .poptit{background-position: 0 -4.83rem;}
.pop9 .poptit{background-position: 0 -5.52rem;}
.pop10 .poptit{background-position: 0 -6.21rem;}
.pop11 .poptit{background-position: 0 -6.9rem;}
.pop12 .poptit{background-position: 0 -7.59rem;}
.pop13 .poptit{background-position: 0 -8.28rem;}
.pop14 .poptit{background-position: 0 -8.97rem;}
.pop15 .poptit{background-position: 0 -9.66rem;}
.pop16 .poptit{background-position: 0 -10.35rem;}
.navbox{position: fixed;z-index: 3;right: .32rem;width: 1.05rem;height: 5.69rem;background: url(../img/navbox.png) no-repeat;background-size: 100% 100%;top:50%;margin-top: -2.85rem;display: none;}
.navbox ul{width: 100%;padding-top: .06rem;}
.navbox ul li{height: .95rem;width: 100%;overflow: hidden;text-indent:-99999em;cursor: pointer;position: relative;}
.navli0,.navli2,.navli3{margin-bottom: .21rem;}
.navli1{margin-bottom: .22rem;}
.navbox ul li::after{content: '';position: absolute;width: 100%;height: 100%;z-index: 2;background: url(../img/navon.png) no-repeat;background-size: 1.05rem auto;top:0;left: 0;opacity: 0;transition:opacity .2s;}
.navbox ul li.navli0.on::after{background-position: 0 -.06rem;}
.navbox ul li.navli1.on::after{background-position: 0 -1.22rem;}
.navbox ul li.navli2.on::after{background-position: 0 -2.38rem;}
.navbox ul li.navli3.on::after{background-position: 0 -3.54rem;}
.navbox ul li.navli4.on::after{background-position: 0 -4.7rem;}
.navbox ul li.on::after{opacity: 1;}
.yuyuebox{display: none;}
.active .contbox,.active .yuyuebox,.active .slobox{animation: fadeRight 1s .2s linear both;}
@keyframes fadeLeft {
	0%{opacity: 0;transform: translate(-10px,-10px);}
	100%{opacity: 1;transform: translate(0,0);}
}
@keyframes fadeRight {
	0%{opacity: 0;transform: translate(10px,10px);}
}
.active .linkbox{animation: roate linear infinite 4s both;
    transform-origin: center top;}
@keyframes roate{
	0%{transform: rotate(0);}
	25%{transform: rotate(3deg);}
	50%{transform: rotate(0);}
	75%{transform: rotate(-3deg);}
	100%{transform: rotate(0);}
}
.active .linkbox2{animation-delay: .6s;}
.active .linkbox3{animation-delay: .3s;}
.active .linkbox4{animation-delay: .5s;}
/*bottom*/
.ss_bot{height: 130px !important;background: #f0f0f0;}
.ss_bot *{box-sizing: content-box;}
.vbg {
    top: 0;
    width: 1920px;
    height: 1080px;
    left: 50%;
    margin-left: -960px;
    position: absolute;
}
.vbg::after{content:'';width:100%;height:100%;top:0;left:0;position: absolute;z-index:2;background:rgba(0,0,0,.2);}