@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 h3{ display:block; text-align:center; color:#424242; margin:2% 0}
.toutu-btn{display:block;width:23.73333333333333%; position:absolute;right:17.6%;bottom:8.2%;/*animation-duration:4s; */ animation: ftimg 3s 0s ease both infinite; z-index:999}
.daohangbox{ width:100%; display:block; background:#495394; overflow:hidden;}
.daohangbox a{ display:inline-block; padding:3.6% 0; color:#fff; text-align:center; border-right:1px dashed #7e85b3; box-sizing:border-box;float:left;width:25%;}
.daohangbox a.last{border:none;}
.lx1{ margin:3% auto 2%; width:81.6%; display:block}
.lx2{ margin:3% auto 2%; width:86.7%; display:block}

.jtdiv{    width: 4.2%;
    margin: 3% auto 1%;
    animation: updown 2s 0s ease both infinite;}
.c1{ position:relative; width:94%; padding:2% 3% 0 3%; overflow:hidden; color:#353535}
.c1 .c1-1{ width:41.7%; float:left; display:block; margin-left:2%}
.c1 .c1-2{ width:12.1%; position:absolute; right:4%; top:5%;}
.c1 .c1-3{ width:12.1%; position:absolute; left:32.3%; bottom:0%;}
.c1 .c1-2-info{ width:48%; float:left; margin-left:4%; overflow:hidden; position:relative; margin-top:5%; padding-bottom:3%;}
.c1 .c1-3-info{ width:56.5%; position:absolute; right:6%;overflow:hidden;  top:53.7%;}
.c2{ position:relative; overflow:hidden; width:100%;}
.c2-p1{ color:#fff; padding:2% 5%; width:90%; margin:0 auto; overflow:hidden}
.c2-info{ width:90.8%; margin:0 auto}
.c3-info{ width:90.8%; margin:0 auto}
.bblx{ display:block; padding-top:3%; padding-bottom:3%;}
.shffbtn1{ position:relative; width:67%; color:#fff; background:#e76a49; border-radius:2rem; padding:2% 0; margin-top:3%; margin-bottom:5%; margin-left:16%; display:block; text-align:center; font-weight:bold  }
.llrbox{ width:100%; position:relative; display:block; overflow:hidden; margin-top:5%}
.llrbox1{ width:100%; position:relative; display:block; overflow:hidden; margin-top:1%}
.llrbox p{ display:block; color:#fff; position:absolute; right:1%;top:23.5%; width:42%;}
.llrbox p font{ display:block; margin-top:4%}
.llrbox span{ display:block; color:#fff; position:absolute; right:3%; top:62.3%; width:63.4%;}

.llrbox1 p{ display:block; color:#fff; position:absolute; left:4%;top:26.5%; width:42%;}
.llrbox1 p font{ display:block; margin-top:5%}
.llrbox1 span{ display:block; color:#fff; position:absolute; left:4%; top:65.8%; width:62%;}
.shffbtn2{  position:relative; width:67%; color:#fff; background:#e76a49; border-radius:2rem; padding:2% 0; margin-top:6%; margin-bottom:5%; margin-left:16%; display:block; text-align:center; font-weight:bold  }
.dt11{ width:89.5%; display:block; position:relative; overflow:hidden; margin:0 auto;}
.dt11 p{ margin:5% 0; position:relative; display:block;}
.dt11 p font{ position:absolute; left:2.9%; top:12%;}
.dt3{ display:block; position:relative; width:100%; margin-top:3%;}
.shffbtn3{ position:relative; width:78%; color:#fff; background:#efb935; border-radius:2rem; padding:2% 0; margin-top:5%; margin-bottom:5%; margin-left:11%; display:block; text-align:center; font-weight:bold  }

.c5-b1{ width:90%; margin:6% auto; display:block; position:relative; background:#fff; margin-bottom:10%; box-shadow:0px 0px 0.6rem #ccc;}
.c5-b1 .ssimg{ position:absolute; top:-7.2%;}
.c5box1{ display:block; padding:7% 3% 3% 3%; margin:0 auto; overflow:hidden;}
.c5box1 p{ width:53%; float:left; color:#383838}
.c5box1 img{ float:left; width:43%; margin-right:3%}

.gdzt{ display:block; overflow:hidden; position:relative; width:96%; padding:2%}
.gdzt li{ width:32%; display:block; margin:0.6%; float:left;}

.zjbb1{width: 5.5%;
    position: absolute;
    right: 2.3%;
    top: 40.1%;
    display: block;
    animation: ftimg 1s 0s ease both infinite;}
	.zjbb2{width: 5.5%;
    position: absolute;
    right: 50.3%;
    top: 40.1%;
    display: block;
    animation: ftimg 1s 0s ease both infinite;}
	.shtj{ width:92%; margin:7% auto 4%; display:block;}
.top-nav {
    width: 100%;
    z-index: 9999;
}
.top-nav ul {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
}
.top-nav ul li.s {
    width: 20%;
	
}
.top-nav ul li {	
    float: left;
    text-align: center;
    border-right: 1px solid #dfdfdf;
    box-sizing: border-box;
	
}
.top-nav ul li.s a {
    background: #131520;
    font-weight: bold;
    color: #efb935;
}

.top-nav ul li.lastaa{
	border:none
}

.top-nav ul li a {
    display: block;
    font-size: 0.36rem;
    line-height: 1.1em;
    padding: 1em 0;
    color: #282828;
    background: #fff;
}


.toutu{ width:100%; overflow:hidden; position:relative}
.toutu .swiper-pagination{ bottom:2%;}


.c2p1{ position:absolute; width:87%; left:7%; top:16.8%;}
.zjbtnsaa{  width:100%; position:relative; display:block; overflow:hidden; margin-top:4% }
.zjbtnsaa .click1a{ float:left;position:relative; width:47%; padding:3% 0%; display:block; color:#fff; border-radius:2rem; background:#495293; text-align:center; margin-left:2.4%;}
.zjbtnsaa .click1b{  float:left;position:relative; width:47%; padding:3% 0%; display:block; color:#fff; border-radius:2rem; background:#f26353; text-align:center;margin-left:1%;}

.zjbtnsaa .click1aa{ float:left;position:relative; width:33%; padding:3% 2%; display:block; color:#fff; border-radius:2rem; background:#e37c03; text-align:center; margin-left:2.4%;}
.zjbtnsaa .click1bb{  float:left;position:relative; width:53%; padding:3% 2%; display:block; color:#fff; border-radius:2rem; background:#384e95; text-align:center;margin-left:1%;}


 .jbnanr{  position:relative; width:86%; padding:3% 2%; display:block; color:#fff; border-radius:2rem; background:#384e95; text-align:center;margin-left:1%; margin-top:3%}

.zjbb-bb{width: 8.5%;
    position: absolute;
    right: 2.3%;
    top: 34.1%;
    display: block;
    animation: ftimg 1s 0s ease both infinite;}
.zjbb-bba{width: 11.5%;
    position: absolute;
    right: 2.3%;
    top: 50.1%;
    display: block;
    animation: ftimg 1s 0s ease both infinite;}




/* 滚动样式 */
.swipe {
	overflow: hidden;
	visibility: hidden;
	position: relative;
}
.swipe-wrap {
	overflow: hidden;
	position: relative;
}
.swipe-wrap > div {
	float: left;
	width: 100%;
	position: relative;
}
.pre11 {
	position: absolute;
	width: 30px;
	height: 30px;
	left: 0%;
	top: 37%;
	cursor: pointer;
}
.next11 {
	position: absolute;
	width: 30px;
	height: 30px;
	right: 0%;
	top: 37%;
	cursor: pointer;
}


.wrap{width:100%; background-size:100%; padding-bottom:5%;}


@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;}
.font22{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;}
.font22{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;}
.font22{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;}
.font22{font-size:13px;}

}
@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;}
.font22{font-size:22px;}

}



@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)}
}
.hover_item{
    cursor: pointer;
    position: absolute;
    left: -180px;
    top: 0%;
    width: 20%;
    height: 100%;
    background-image: linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.05),rgba(255,255,255,0));
    background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.05),rgba(255,255,255,0));
    background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.05),rgba(255,255,255,0));
    background-image: -o-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.05),rgba(255,255,255,0));
    background-image: -ms-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.05),rgba(255,255,255,0));
    transform: skewx(-25deg);
    -o-transform: skewx(-25deg);
    -moz-transform: skewx(-25deg);
    -webkit-transform: skewx(-15deg);
    -ms-transform: skewx(-25deg);
    animation: light_m 5s 1s infinite linear;
    -webkit-animation: light_m 5s 1s infinite linear;
    -moz-animation: light_m 5s 1s infinite linear;
    -o-animation: light_m 5s 1s infinite linear;
    -ms-animation: light_m 5s 1s infinite linear;
}
@keyframes light_m {
    0% {left:-180px;}
    30%{left:620px}
    75%{left:50px;}
    100%{left:320px;}
}
@-webkit-keyframes showh{
0% {opacity:1;}
49% {opacity:1;}
50% {opacity:0;}
100% {opacity: 0;}
}
@-moz-keyframes showh{
0% {opacity:1;}
49% {opacity:1;}
50% {opacity:0;}
100% {opacity: 0;}
}
@-ms-keyframes showh{
0% {opacity:1;}
49% {opacity:1;}
50% {opacity:0;}
100% {opacity: 0;}
}
@-o-keyframes showh{
0% {opacity:1;}
49% {opacity:1;}
50% {opacity:0;}
100% {opacity: 0;}
}