@media screen and (max-width: 1200px){

}
@media screen and (max-width: 800px){
	
}
@media screen and (max-width: 800px){
.wap_nav {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 7777;
}
.wap_nav .logo {
    float: left;
    position: absolute;
    left: 0px;
    top: 0px;
}
.wap_nav .logo img{height: 24px;margin-top: 13px;margin-left: 10px;}


.pc{
    display: none;
}
.wap{
    display: block;
}


.head {
padding-top: calc(32/800*100vw);
padding-left: calc(32/800*100vw);
padding-right: calc(46/800*100vw);
position: absolute;
}

.head .more {
position: fixed;
right: 64px;
top: 14px;
z-index: 55555;
margin: 0;
}

.head .logo {
padding-top: calc(22/800*100vw);
padding-left: calc(13/800*100vw);
float: left;
width: calc(55/800*100vw);
}

.head .logo a img {
width: 100%;
}




.head {position: static;left:0;top:0;z-index:6666;width:100%;background: none;padding: 0;height: auto;}
.wrap {width:calc(1180/800*100vw);margin:auto;max-width:100%;padding:0 calc(15/800*100vw);}
.head .logo {}
.head .logo {float:left;padding-top:calc(21/800*100vw);}
.head .logo.pc a {}
.head .logo.pc a img {height:calc(49/800*100vw);}
.head .nav {float:left;padding-left:calc(51/800*100vw);}
.head .nav.pc {}
.head .nav.pc ul {}
.head .nav.pc ul li {float:left;margin-right:calc(42/800*100vw);}
.head .nav.pc ul li .h2tit {}
.head .nav.pc ul li .h2tit a {font-family:Small;font-weight:normal;font-size:calc(15/800*100vw);color:#FFFFFF;display:block;line-height:calc(90/800*100vw);}
.head .ris {float:right;padding-top:calc(24/800*100vw);}
.head .link {float:left;padding-right:calc(24/800*100vw);line-height:calc(45/800*100vw);}
.head .link a {margin-left:calc(14/800*100vw);}
.head .link a img {}
.head .link2 {float:left;}
.head .link2 a {}
.head .link2 a.a1 {width:calc(162/800*100vw);height:calc(45/800*100vw);border:calc(2/800*100vw) solid #FFFFFF;float:left;text-align:center;line-height:calc(41/800*100vw);color:#fff;padding-left:calc(25/800*100vw);background:url(../images/ic.png) no-repeat calc(20/800*100vw) center;border-radius:calc(3/800*100vw);}
.head .more {width:calc(162/800*100vw);height:calc(45/800*100vw);float:left;border-radius:calc(3/800*100vw);font-family:Small;font-weight:normal;font-size: calc(25/800*100vw);color:#000000;line-height:calc(45/800*100vw);text-align:center;margin-left:calc(18/800*100vw);background:#ff9600;}
.section1 {position:relative;overflow:hidden;}

.section1 .bg {}
.section1 .bg img {position:absolute;width:100%;left:0;top:0;object-fit:cover;height:100%;}
.section1 .content {position:relative;z-index:5;text-align:center;padding-top:calc(140/800*100vw);padding-bottom:calc(134/800*100vw);}
.section1 .content .title {font-family:ThaleahFat;font-weight:400;font-size:calc(92/800*100vw);color:#FF9600;text-shadow:0 calc(5/800*100vw) 0 #000000;text-stroke:calc(2/800*100vw) #000000;-webkit-text-stroke:calc(2/800*100vw) #000000;font-weight:bold;}
.section1 .content .title p:nth-child(1) {font-size:calc(92/800*100vw);}
.section1 .content .title p {}
.section1 .content .title p b {color:#fff;}
.section1 .content .dec {font-family:HYPixel;font-weight:normal;font-size: calc(25/800*100vw);color:#FFFFFF;padding-top:calc(52/800*100vw);padding-bottom:calc(88/800*100vw);padding-left: 20px;padding-right: 20px;position: relative;z-index: 5;}
.section1 .content .link {height:calc(90/800*100vw);background:#222124;position:relative;padding-top:calc(14/800*100vw);}
.section1 .content .link .wrap {font-size:0;position:relative;}
.section1 .content .link .wrap a:nth-child(2) {font-weight:400;color:#FFFFFF;text-stroke:calc(2/800*100vw) #000000;-webkit-text-stroke:calc(1/800*100vw) #000000;border:calc(2/800*100vw) solid #FF9600;background:#222124;}
.section1 .content .link .wrap a {width:calc(214/800*100vw);line-height:calc(55/800*100vw);display:inline-block;border-radius:calc(10/800*100vw);background:#ff9600;font-family:'Small';font-weight:400;font-size: calc(25/800*100vw);color:#FFFFFF;text-stroke:calc(2/800*100vw) #000000;-webkit-text-stroke:calc(1/800*100vw) #000000;vertical-align:middle;border:calc(2/800*100vw) solid #FF9600;margin:0 calc(17/800*100vw);position: relative;z-index: 6;}
.section1 .content .link .wrap .icon {width:calc(230/800*100vw);position:absolute;right:calc(30/800*100vw);bottom:calc(-46/800*100vw);}
.section1 .content .link .wrap .icon img {width:100%;}
.section2 {position:relative;overflow:hidden;padding-bottom:calc(17/800*100vw);}
.section2 .bg2 {}
.section2 .bg2 img {position:absolute;width:100%;left:0;top:0;}
.section2 .bg {}

.section2 .bg img {position:absolute;width:100%;left:0;top:0;object-fit:cover;height:100%;}
.section2 .wrap {position:relative;z-index:5;}
.section2 .wrap .title {font-family:'Small';font-weight:400;font-size:calc(92/800*100vw);color:#FF9600;text-shadow:0 calc(5/800*100vw) 0 #000000;text-stroke:calc(2/800*100vw) #000000;-webkit-text-stroke:calc(2/800*100vw) #000000;padding-top:calc(139/800*100vw);padding-bottom:calc(38/800*100vw);text-align:center;}
.section2 .wrap .title b {color:#fff;}
.section2 .wrap .line {width:calc(1153/800*100vw);height:calc(7/800*100vw);background:#FFFFFF;border:calc(1/800*100vw) solid #FF9600;margin:auto;max-width:100%;margin-bottom:calc(126/800*100vw);}
.section2 .wrap .content {display: block;justify-content:space-between;padding:0 calc(60/800*100vw);padding-top: 30vw;position: relative;}
.section2 .wrap .content .left {width: 100%;height: auto;background:#0E0E0E;border:calc(1/800*100vw) solid #FF9600;font-family:'HYPixel';font-weight:normal;font-size: calc(25/800*100vw);color:#FFFFFF;padding-top:calc(33/800*100vw);padding-left:calc(20/800*100vw);padding-right:calc(20/800*100vw);margin-right: 0;}
.section2 .wrap .content .right {width: 100%;position: absolute;width: 100%;height: 30vw;text-align: center;left: 0;top: 0;}
.section2 .wrap .content .right img {height: 100%;object-fit: contain;}
.section2 .wrap .content .left p {padding-bottom:calc(57/800*100vw);font-family:'HYPixel';line-height:1.3;}
.section3 {position:relative;overflow:hidden;padding-top:calc(190/800*100vw);padding-bottom:calc(100/800*100vw);}
.section3 .bg {}
.section3 .bg img {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.section3 .wrap {position:relative;z-index:5;}
.section3 .wrap .title {font-weight:400;font-size:calc(93/800*100vw);color:#FFFFFF;text-shadow:0 calc(5/800*100vw) 0 #000000;text-stroke:calc(2/800*100vw) #000000;-webkit-text-stroke:calc(2/800*100vw) #000000;text-align:center;padding:calc(22/800*100vw) 0;background: url(../images/title.png) no-repeat calc(65/800*100vw) center;line-height:1;background-size:auto calc(77/800*100vw);}
.section3 .wrap .line {width:calc(1153/800*100vw);height:calc(7/800*100vw);background:#FFFFFF;border:calc(1/800*100vw) solid #FF9600;margin:auto;max-width:100%;}
.section3 .wrap .dots {display:flex;justify-content:space-between;padding-top:calc(99/800*100vw);padding-bottom:calc(38/800*100vw);}
.section3 .wrap .dots i {width:calc(36/800*100vw);height:calc(36/800*100vw);border:calc(4/800*100vw) solid #FFFFFF;display:inline-block;}
.section3 .wrap .dots i.current {background:#FF9600 !important;}
.section3 .wrap .dots i.grey {background:#535353;}

.section3 .wrap .hd {text-align:center;justify-content:space-evenly;display:flex;}
.section3 .wrap .hd a {opacity:.5;}
.section3 .wrap .hd a.current {opacity:1;}
.section3 .wrap .hd a .s1 {font-weight:400;font-size:calc(48/800*100vw);color:#fff;text-shadow:0 calc(5/800*100vw) 0 #000000;text-stroke:calc(2/800*100vw) #000000;-webkit-text-stroke:calc(2/800*100vw) #000000;display:block;}
.section3 .wrap .hd a .s2 {display:block;padding-top:calc(28/800*100vw);}
.section3 .wrap .hd a .s2 img {height:calc(75/800*100vw);}
.section3 .wrap .bd {padding-top:calc(34/800*100vw);}
.section3 .wrap .bd .swiper-container {}
.section3 .wrap .bd .swiper-container .swiper-wrapper {}
.section3 .wrap .bd .swiper-container .swiper-wrapper .swiper-slide {padding-bottom:calc(162/800*100vw);}
.section3 .wrap .bd .swiper-container .swiper-wrapper .swiper-slide .dec {width: 100%;height: auto;background:#0E0E0E;border:calc(1/800*100vw) solid #FF9600;margin:auto;max-width:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:center;padding: calc(50/800*100vw);}
.section3 .wrap .bd .swiper-container .swiper-wrapper .swiper-slide .dec p:after {content:"";display:table;clear:both;width:calc(8/800*100vw);height:calc(8/800*100vw);background:#FF9600;position:absolute;left:0;top: calc(22/800*100vw);}
.section3 .wrap .bd .swiper-container .swiper-wrapper .swiper-slide .dec p {font-family:HYPixel;font-weight:normal;font-size: calc(35/800*100vw);color:#FFFFFF;line-height: 1.5;position:relative;padding-left:calc(19/800*100vw);}
.section3 .wrap .bd .swiper-container .swiper-wrapper .swiper-slide .sp {width:calc(307/800*100vw);position:absolute;right:0;bottom:0;}
.section3 .wrap .bd .swiper-container .swiper-wrapper .swiper-slide .sp img {width:100%;}
.section4 {position:relative;overflow:hidden;padding:calc(115/800*100vw) 0;}
.section4 .bg {}
.section4 .bg img {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.section4 .wrap {position:relative;z-index:4;}
.section4 .wrap .content:after {content:'';position:absolute;top:50%;left:50%;-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:calc(7/800*100vw);height:calc(265/800*100vw);background:#464646;}
.section4 .wrap .content {width:calc(1023/800*100vw);height:calc(400/800*100vw);background:#0E0E0E;border:calc(1/800*100vw) solid #FF9600;margin:auto;max-width:100%;display:flex;align-items:center;text-align:center;}
.section4 .wrap .content .left {font-weight:400;font-size:calc(60/800*100vw);color:#FFFFFF;text-align:center;width:50%;}
.section4 .wrap .content .right {width:50%;}
.section4 .wrap .content .right img {width: calc(241/800*100vw);}
.footer {background:#222124;}
.footer .wrap {display:flex;height:calc(87/800*100vw);justify-content:space-between;align-items:center;}
.footer .logo {}
.footer .logo img {height:calc(48/800*100vw);}
.footer .link {font-size:0;}
.footer .link a {width:calc(74/800*100vw);height:calc(74/800*100vw);background:#242424;border-radius:50%;border:calc(2/800*100vw) solid #3B3B3B;display:inline-block;vertical-align:middle;position:relative;margin-left:calc(32/800*100vw);}
.footer .link a img {position:absolute;top:50%;left:50%;-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:64%;}
body {padding-top: 50px;}


	
	
	
	
.link20 {
    float: left;
}

.link20 a {
}

.link20 a.a1 {
	margin-top:20px; 
	margin-left:30px; 
    width: calc(299/800*100vw);
    height: calc(65/800*100vw);
    border: calc(2/800*100vw) solid #FFFFFF;
    float: left;
    text-align: center;
    line-height: calc(61/800*100vw);
    color: #fff;
    padding-left: calc(25/800*100vw);
    background: url(../images/ic.png) no-repeat calc(20/800*100vw) center;
    border-radius: calc(3/800*100vw);
    background-size: calc(38/800*100vw);
}	
	
	
	
	
	
	
	
	
	
	

}