@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; background:#fff}
.wra-pa{ width: 94%; padding: 1% 0; margin: 0 auto; display: block}
.wrapab h3{ font-weight: 600; text-align: center; color:#3d3d3d; display: block; }
.wrapab h4{ font-weight: normal; text-align: center; color:#7b74d3; display: block; padding: 0% 0 0.5% 0}
.wrapab .con1img{ padding-top:4%; display:block}
.btn1{ display: block; width: 65%; margin-top: 3%;animation: ftimg 2s 0s ease both infinite;color:#fff;	margin-left:17%;}
.btn1 span{ position:absolute; left:12%; top:12%;font-size:0.50rem;}
.btn2{ display: block; width: 65%; margin-top: 3%;animation: ftimg 2s 0s ease both infinite;color:#fff;	margin-left:17%; padding-bottom:1%;}
.btn2 span{ position:absolute; left:19%; top:12%;font-size:0.50rem;}
.btn3{ width: 20.4%;position:absolute;  right:12%; top:48.3%;animation: ftimg3 1s 0s ease both infinite;}
.btn4{ display: block; width: 65%; margin-top: 3%;animation: ftimg 2s 0s ease both infinite;color:#fff;	margin-left:17%; float:left}
.btn4 span{ position:absolute; left:19%; top:12%;font-size:0.50rem;}
.btn5{ display: block; width: 65%; position:absolute; left:17%; bottom:8%;animation: ftimg 2s 0s ease both infinite;color:#fff;	}
.btn5 span{ position:absolute; left:20%; top:16%;font-size:0.46rem;}

.case2box{background:#fcc1ed; width:100%; display:block; overflow:hidden; padding-bottom:9%}

.myrj_wr{ background: url(../images/bg2.png) repeat ;width:94%; float:left; overflow:hidden; padding:2% 3% 10% 3%;}
.myrj_k1{ width:100%; float:left;}
.myrj_k1a{ width:48%; float:left; padding-right:0.2rem; padding-top:3%;}
.style_dl1{ width:100%; float:left; padding-bottom:0.2rem;}
.style_dl1 dd{ width:44.5%; float:left;}
.style_dl1 dt{ width:50%; float:left; padding-left:0.2rem; font-size:0.4rem; padding-top:0.3rem;}
.style_dl1 dt strong{ font-weight:normal; font-size:0.6rem; color:#363C60;}
.style_dl1 dt span{ font-weight:normal; font-size:0.6rem; color:#553F31;}
.style_dl2{ width:100%; float:left; padding-top:0.2rem;}
.style_dl2 dd{ width:100%; padding-bottom:0.2rem; float:left;}
.style_dl2 dd strong{ font-size:0.4rem; color:#FFFFFF; float:left; padding:0.12rem 0.2rem; background:#514f98;font-weight:normal;}
.style_dl2 dt{ width:100%; float:left; font-size:0.36rem; padding-bottom:0.2rem;}
.style_djlj{ width:100%; float:left;}
.style_djlj span{ float:left; font-size:0.4rem; background:#f253ad; padding-left:0.5rem; padding-right:0.5rem; padding-top:0.2rem; padding-bottom:0.2rem;border-radius:2rem;}
.style_djlj span a{ color:#FFFFFF;}
.myrj_k1b{ width:49%; float:right;background: url(../images/tbfa_wr.png) center no-repeat;background-size: 100% 100%; height:8rem; position:relative; margin-top:3%}
.myrj_k1b dl{ width:91%; position:absolute; padding-left:0.2rem; bottom:3%; left:0;}
.myrj_k1b dl dd{ width:100%; float:left; color:#FFFFFF; font-size:0.4rem; line-height:0.6rem;}
.myrj_k1b dl dt{ width:100%; float:left;}
.myrj_k1b dl dt p{ width:100%; text-align:center; float:left; padding-bottom:0.2rem;}
.myrj_k1b dl dt p a{ color:#FFFFFF; background:#757acf; width:100%; text-align:center; float:left; line-height:0.9rem; font-size:0.4rem;border-radius:0.2rem;}

.myrj_k2{ width:100%; float:left; position:relative; margin-top:0.4rem; padding-bottom:3%}
.myrj_k2_span{ width:100%; float:left; text-align:center;}
.myrj_k2_span img{ width:4%; margin-top:0.1rem;}
.myrj_k2_x{ width:100%; float:left;}
.myrj_k2_x dl{ width:100%; float:left;}
.myrj_k2_x dl dd{ width:50%; float:left; padding-left:0.1rem; padding-right:0.1rem;}
.myrj_k2_x dl dt{ float:left; font-size:0.36rem; line-height:0.6rem; width:46.5%; padding-left:0.1rem; padding-top:6% }
.myrj_k2_x dl dt strong{ color:#fff; background:#8088e0; padding:1% 2%; border-radius:0.1rem; font-size:0.42rem; font-weight:bold; margin-bottom:3%;}
.myrj_k2_x dl dt p{ margin-bottom:3%}
.myrj_k2_x dl dt a{ color:#e06262;}
.myrj_k2_x dl dt font{ font-weight:bold; font-size:0.42rem;}
.myrj_k2_x2{ width:100%;padding-top:2%; float:left; display:block; position:relative}
.aba strong{ color:#fff; background:#8088e0; padding:1% 2%; border-radius:0.1rem; font-size:0.42rem; font-weight:bold; margin-bottom:3%;}
.aba font{font-weight:bold; font-size:0.42rem; }
.aba{ position:absolute; top:0; font-size:0.36rem; line-height:0.62rem; width:46.5%; padding-left:0.1rem; padding-top:6% }
.myrj_k2_x2 img{ padding-top:10%}
.aba a{color:#e06262;}



.case1{ display:block; width:96%; padding:3% 2%;float:left; overflow:hidden; padding-bottom:0%}
.case1 li{ display:block; width:31.2%; float:left; margin:2% 1%;}
.case2{ display:block; width:96%; padding:3% 2%;float:left; overflow:hidden; padding-bottom:0%; position:relative;}
.casegif{ position:absolute; width:33.2%; background:red; left:31.2%; top:15.5%;}

.ysa{ background:url(../images/bg3.png) center no-repeat;background-size: 100% 100%; height:16.2rem; margin-top:4%; padding-top:8%}
.xmul{width:93%; margin:0% auto;}
.xmul li{width:47%;float:left; background:#fff; margin-left:2%; margin-top:10%; padding-top:35%; padding-bottom:5%; position:relative;}
.xmul li dl dt{font-size:.4rem;color:#383838; text-align:center; font-weight:bold; line-height:2em;}
.xmul li dl dd{font-size:.36rem;color:#383838; padding:0 5%; line-height:0.5rem}
.xmul li .xmimg{display:block;width:90%; position: absolute; left:5%; top:-10%;}
.duibi{ display:block; width:100%; margin-top:5%;}
.gzyw_list{ width:100%; float:left; padding-left:0.3rem; margin-top:4%}
.gzyw_list p{ width:2.9rem; height:2.9rem; margin:0.1rem; background:url(../images/yw_wr.png) center no-repeat; float:left;background-size: 100% 100%; display: table;}
.gzyw_list p a{
	display: table-cell;
	vertical-align:middle;
	text-align:center;
	font-size:0.4rem;
	font-weight: normal;
	color:#000;
}
#swiperyst3{ width:94%; margin:1% 3%; display:block; overflow:hidden}
.xmtj .swiper-slide a{ width:49%; margin-right:1%; float:left; display:block}





/* 选项卡样式 */
.menu {width:96%;display:block;color:#fff; float:left;margin:0 2%;}
.menu ul {margin:0px;width:100%; padding:0px; list-style:none; text-align:center;}
.menu li {display:inline;text-align:center;}
.menu li a {width:29%;float:left;color:#fff;background-color:#434343; text-decoration:none; border-radius:0.02rem;margin:0 0.5%;padding:3% 0;}
.menu li a.tabactive{width:39%;float:left;background-color:#fa9148; font-weight:bold;  position:relative;}
#tabcontent1,#tabcontent2,#tabcontent3{width:100%;padding:0 0 2% 0;float:Left;}
.menunr{ display:block; width:96%; padding:5% 2%; overflow:hidden; position: relative}
.case{ height:9rem}
.menunr .co1{ position: absolute; right: 0px; top: 6.7%; width: 59%}
.menunr .co3{ position: absolute; right: 0px; top:40.4%;}
.menunr .co2{ position: absolute; left: 4%; top:8.4%; width: 45%;}
.menunr .co2 p{ font-weight: bold;}
.menunr .co2 span a{ display: inline-block; color: #fa9148; border:0.03rem dashed #fa9148; padding: 2%; margin-right: 1%; margin-bottom: 2%}



.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}
.daohang{width:100%; display:block; overflow:hidden; position:relative}
.daohang ul{ display:block; width:96%; padding:2% 2%; overflow:hidden}
.daohang ul li{ display:inline-block; float:left; border-radius:2rem; border:0.02rem dashed #fff; padding:3.5% 0; text-align:center; margin:0 0.7%}
.daohang ul li a{ color:#fff}



.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 #6361a5;
	
    box-sizing: border-box;
	
}
.top-nav ul li.s a {
    background: #f253ad;
    font-weight: bold;
    color: #fff;
}

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

.top-nav ul li a {
    display: block;
    font-size: 0.4rem;
    line-height: 1.1em;
    padding: 0.8em 0;
    color: #fff;
 

}


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




/* 滚动样式 */
.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 updown1{
    0%{opacity:1;
    transform:translateY(0)}
    50%{opacity:1;
    transform:translateY(-10px)}
    100%{opacity:1;
    transform:translateY(0px)}
}
@keyframes updown2{
    0%{opacity:1;
    transform:translateY(-5px)}
    50%{opacity:1;
    transform:translateY(0px)}
    100%{opacity:1;
    transform:translateY(-10px)}
}
@keyframes updown3{
    0%{opacity:1;
    transform:translateY(-2px)}
    50%{opacity:1;
    transform:translateY(12px)}
    100%{opacity:1;
    transform:translateY(-2px)}
}


@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 ftimg3{
	0%{-webkit-transform:scale(1)}
	50%{-webkit-transform:scale(1.1)}
	100%{-webkit-transform:scale(1)}
}




.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;}
}
@keyframes updown{
	0%{opacity:1;transform:translateY(0)}
	50%{opacity:1;transform:translateY(-10px)}
	100%{opacity:1;transform:translateY(0px)}
}
@keyframes zy2{
		0%{opacity:1;transform:translateX(0)}
	50%{opacity:1;transform:translateX(5px)}
	100%{opacity:1;transform:translateX(0px)}
}