@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}
header{width:100%;float:left;}
nav{width:100%;float:left;}
footer{width:100%;float:left;}
body {-webkit-text-size-adjust:none;background:#fff;font-family: "微软雅黑", Arial;font-style: normal;font-weight: normal;font-variant: normal;}
a {text-decoration: none; border: 0px none; outline: 0px none;} 
a:link{ text-decoration: none}
a:visited{ text-decoration: none}
a:hover{text-decoration: none}
a:active{text-decoration: none}
.clear {margin: 0px;padding: 0px;clear: both;}
.clearfix:after{content:' ';display:block;clear:both;height:0;visibility:hidden}
ul,li,dt,dl,dd{	list-style-type: none;	margin: 0px; padding: 0px; background:none;}
p {	margin: 0px; padding: 0px;}
img{ width:100%; }

.wrapab{width:100%; position:relative; overflow:hidden;}
.wrapab img{ display:block}
.wrapab h3{ display:block; text-align:center; color:#424242; margin:2% 0}


.xul2{ width:94%; display:block; margin:5% 3%; float:left;}
.xul2 li{ float:left; display:block; width:1.68rem; padding:3% 0%; margin:0 0.05rem; text-align:center; border:0.05rem solid #fff; color:#fff; cursor:pointer}

.zjbox{ margin-top:2%;}
.xsbox{ width:100%; float:left; margin-top:4%}
.xsbox li{ width:39.9%; padding:3%; margin:2%; float:left; display:block; height:5.2rem; border-radius:0.3rem; background:#fff; text-align:center}
.xsbox li img{ margin-bottom:4%}
.xsbox li a{ color:#424242}




.wrap{width:100%; background-size:100%; padding-bottom:5%;}
.shou{display:block;width:8.6%; position:absolute;right:5%;top:27%;animation:ftimg 1s 0s ease both infinite;}

.box1{ width:88%; margin:2% auto; padding:3% 3% 0.2% 3%; background:#fff;}
.click11{  display:block; margin:5% auto; width:42.8%; z-index:999;animation: updown11 3s 0s ease both infinite;}
.sj-p4{ position:absolute; right:6%; top:43.1%;width:42.8%; display:block;padding-bottom:2%; color:#343434}
.fcsyy{ text-align:center; width:92%; display:block; padding:3% 4% 0 4%;}
.box2{ width:100%; margin:5% 0;}
.click22{ position:relative; margin-left:23.5%;  display:block;width:53.5%; padding-top:5%; z-index:999;animation: updown11 3s 0s ease both infinite;}
.box3{width:88%; margin:3% auto; padding:1% 3% 0.2% 3%; background:#fff; border-radius:0.16rem;}
.fc-p1{ width:48%; position:absolute; right:6%; top:28.5%;}
.fc-p2{ width:48%; position:absolute; left:8%; top:53.2%;}
.fc-p3{ width:48%; position:absolute; right:6%; top:74.5%;}
.fc-p1 span,.fc-p2 span,.fc-p3 span{ color:#7d7d7d}
.sa{ width:91%; margin:0 auto;}
.sb{ width:93.6%; margin:0 auto;}
.box4{ width:94%; margin:2% auto; padding:3% 0% 0.2% 0%; background:#fff; overflow:hidden; border-radius:0.2rem;}
#swiperyst1{ width:94%; margin:0 auto; overflow:hidden}

@media(min-width:320px){
.font100{font-size:50px;}
.font98{font-size:49px;}
.font96{font-size:48px;}
.font94{font-size:47px;}
.font92{font-size:46px;}
.font90{font-size:45px;}
.font88{font-size:44px;}
.font86{font-size:43px;}
.font84{font-size:42px;}
.font82{font-size:41px;}
.font80{font-size:40px;}
.font78{font-size:39px;}
.font76{font-size:38px;}
.font74{font-size:37px;}
.font72{font-size:36px;}
.font70{font-size:35px;}
.font68{font-size:34px;}
.font66{font-size:33px;}
.font64{font-size:32px;}
.font62{font-size:31px;}
.font60{font-size:30px;}
.font58{font-size:29px;}
.font56{font-size:28px;}
.font54{font-size:27px;}
.font52{font-size:26px;}
.font50{font-size:25px;}
.font48{font-size:24px;}
.font46{font-size:23px;}
.font44{font-size:22px;}
.font42{font-size:21px;}
.font40{font-size:20px;}
.font38{font-size:19px;}
.font36{font-size:18px;}
.font34{font-size:17px;}
.font32{font-size:16px;}
.font30{font-size:15px;}
.font28{font-size:14px;}
.font26{font-size:13px;}
.font24{font-size:12px;}
.font23{font-size:12px;}
}
@media(min-width:360px){
.font100{font-size:56px;}
.font98{font-size:55px;}
.font96{font-size:54px;}
.font94{font-size:52px;}
.font92{font-size:51px;}
.font90{font-size:50px;}
.font88{font-size:49px;}
.font86{font-size:48px;}
.font84{font-size:47px;}
.font82{font-size:46px;}
.font80{font-size:45px;}
.font78{font-size:43px;}
.font76{font-size:42px;}
.font74{font-size:41px;}
.font72{font-size:40px;}
.font70{font-size:39px;}
.font68{font-size:38px;}
.font66{font-size:37px;}
.font64{font-size:36px;}
.font62{font-size:34px;}
.font60{font-size:33px;}
.font58{font-size:32px;}
.font56{font-size:31px;}
.font54{font-size:30px;}
.font52{font-size:29px;}
.font50{font-size:28px;}
.font48{font-size:27px;}
.font46{font-size:25px;}
.font44{font-size:24px;}
.font42{font-size:23px;}
.font40{font-size:22px;}
.font38{font-size:21px;}
.font36{font-size:20px;}
.font34{font-size:19px;}
.font32{font-size:18px;}
.font30{font-size:16px;}
.font28{font-size:15px;}
.font26{font-size:14px;}
.font24{font-size:13px;}
.font23{font-size:12px;}
}
@media(min-width:375px){
.font100{font-size:58px;}
.font98{font-size:57px;}
.font96{font-size:56px;}
.font94{font-size:55px;}
.font92{font-size:53px;}
.font90{font-size:52px;}
.font88{font-size:51px;}
.font86{font-size:50px;}
.font84{font-size:49px;}
.font82{font-size:48px;}
.font80{font-size:46px;}
.font78{font-size:45px;}
.font76{font-size:44px;}
.font74{font-size:43px;}
.font72{font-size:42px;}
.font70{font-size:41px;}
.font68{font-size:39px;}
.font66{font-size:38px;}
.font64{font-size:37px;}
.font62{font-size:36px;}
.font60{font-size:35px;}
.font58{font-size:33px;}
.font56{font-size:32px;}
.font54{font-size:31px;}
.font52{font-size:30px;}
.font50{font-size:29px;}
.font48{font-size:28px;}
.font46{font-size:26px;}
.font44{font-size:25px;}
.font42{font-size:24px;}
.font40{font-size:23px;}
.font38{font-size:22px;}
.font36{font-size:21px;}
.font34{font-size:19px;}
.font32{font-size:18px;}
.font30{font-size:17px;}
.font28{font-size:16px;}
.font26{font-size:15px;}
.font24{font-size:14px;}
.font23{font-size:12px;}
}
@media(min-width:414px){
.font100{font-size:64px;}
.font98{font-size:63px;}
.font96{font-size:62px;}
.font94{font-size:60px;}
.font92{font-size:59px;}
.font90{font-size:58px;}
.font88{font-size:56px;}
.font86{font-size:55px;}
.font84{font-size:54px;}
.font82{font-size:53px;}
.font80{font-size:51px;}
.font78{font-size:50px;}
.font76{font-size:49px;}
.font74{font-size:47px;}
.font72{font-size:46px;}
.font70{font-size:45px;}
.font68{font-size:43px;}
.font66{font-size:42px;}
.font64{font-size:41px;}
.font62{font-size:40px;}
.font60{font-size:38px;}
.font58{font-size:37px;}
.font56{font-size:36px;}
.font54{font-size:34px;}
.font52{font-size:33px;}
.font50{font-size:32px;}
.font48{font-size:31px;}
.font46{font-size:29px;}
.font44{font-size:28px;}
.font42{font-size:27px;}
.font40{font-size:25px;}
.font38{font-size:24px;}
.font36{font-size:23px;}
.font34{font-size:21px;}
.font32{font-size:20px;}
.font30{font-size:19px;}
.font28{font-size:18px;}
.font26{font-size:16px;}
.font24{font-size:15px;}
.font23{font-size:14px;}
}
@media(min-width:768px){
.font100{font-size:100px;}
.font98{font-size:98px;}
.font96{font-size:96px;}
.font94{font-size:94px;}
.font92{font-size:92px;}
.font90{font-size:90px;}
.font88{font-size:88px;}
.font86{font-size:86px;}
.font84{font-size:84px;}
.font82{font-size:82px;}
.font80{font-size:80px;}
.font78{font-size:78px;}
.font76{font-size:76px;}
.font74{font-size:74px;}
.font72{font-size:72px;}
.font70{font-size:70px;}
.font68{font-size:68px;}
.font66{font-size:66px;}
.font64{font-size:64px;}
.font62{font-size:62px;}
.font60{font-size:60px;}
.font58{font-size:58px;}
.font56{font-size:56px;}
.font54{font-size:54px;}
.font52{font-size:52px;}
.font50{font-size:50px;}
.font48{font-size:48px;}
.font46{font-size:46px;}
.font44{font-size:44px;}
.font42{font-size:42px;}
.font40{font-size:40px;}
.font38{font-size:38px;}
.font36{font-size:36px;}
.font34{font-size:34px;}
.font32{font-size:32px;}
.font30{font-size:30px;}
.font28{font-size:28px;}
.font26{font-size:26px;}
.font24{font-size:24px;}
.font23{font-size:23px;}
.wtbox ul li{ line-height:2.5em;}
}



@keyframes updown11{
    0%{opacity:1;
    transform:translateY(0)}
    50%{opacity:1;
    transform:translateY(-5px)}
    100%{opacity:1;
    transform:translateY(0px)}
}


@keyframes ftimg1{
	0%{-webkit-transform:scale(1)}
	50%{-webkit-transform:scale(1.05)}
	100%{-webkit-transform:scale(1)}
}
@keyframes ftimg{
	0%{-webkit-transform:scale(1)}
	50%{-webkit-transform:scale(1.1)}
	100%{-webkit-transform:scale(1)}
}

@keyframes updown{
    0%{opacity:1;
    transform:translateY(0)}
    50%{opacity:1;
    transform:translateY(-10px)}
    100%{opacity:1;
    transform:translateY(0px)}
}
@-webkit-keyframes updown{
    0%{opacity:1;
    -webkit-transform:translateY(0)}
    50%{opacity:1;
    -webkit-transform:translateY(-10px)}
    100%{opacity:1;
    -webkit-transform:translateY(0px)}
}
@-moz-keyframes updown{
    0%{opacity:1;
    -moz-transform:translateY(0)}
    50%{opacity:1;
    -moz-transform:translateY(-10px)}
    100%{opacity:1;
    -moz-transform:translateY(0px)}
}
@-o-keyframes updown{
    0%{opacity:1;
    -o-transform:translateY(0)}
    50%{opacity:1;
    -o-transform:translateY(-10px)}
    100%{opacity:1;
    -o-transform:translateY(0px)}
}
@-ms-keyframes updown{
    0%{opacity:1;
    -ms-transform:translateY(0)}
    50%{opacity:1;
    -ms-transform:translateY(-10px)}
    100%{opacity:1;
    -ms-transform:translateY(0px)}
}