@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%; }
/*  */
.banner{width: 100%;margin: 0 auto;position: relative;}
.banner .img1{width: 100%;}
.banner .ul1{width: 55%;position: absolute;top: 63%;left: 3%;}/* 750*0.55=412.5 */
.banner .ul1 li{width: 18%;float: left;padding: 1%;}
.banner .ul1 p{width: 100%;text-align: center;font-size: 0.3rem;line-height: 0.33rem;margin-top: -78%;transform: scale(0.8);color: #200746;}
.banner .ul1 .p1{color: #fff;transform: scale(0.7);width: 120%;margin-left: -10%;}
.banner .p2{width: 30%;color: #000;padding: 2% 2% 2% 5%;font-size: 0.4rem;font-weight: bolder;background: -webkit-linear-gradient(left , #dfb2a2 9% , #ce734c 99%);border-radius: 0.6rem;text-align: center;z-index: 10;position: absolute;bottom: 10%;left: 12%;animation: updown 2s 0s ease both infinite;}
.banner .img2{width: 3.33%;position: absolute;top: 83%;left: 20%;z-index: 11;animation: updown 2s 0s ease both infinite;}
/*  */
.con1{background: #F1F2F8;padding: 0.4rem 0 0.2rem}
.con1 a{display: block;width: 19%;float: left;margin: 0 3%;font-size: 0.23rem;color: #666;text-align: center}
.con1 a img{display: block;border-radius: 50%;}
.con1 a span{display: block;padding:0.15rem 0 0.2rem}
.con1 .content{width: 94%;margin: 0 auto}
.con1 .over{overflow:hidden;}
/*  */
.con2{width: 100%;margin: 0 auto;position: relative;padding-bottom: 15%;}
.con2 .p1{width: 100%;text-align: center;font-size: 0.55rem;font-weight: bolder;color: #000;padding-top: 7%;}
.con2 .p1 span{color: #f5727a;}
.con2 .img1{width: 38%;padding: 0 31%;}
.con2 .co1{width: 90%;margin: 5% 0 0 5%;background: #f1f2f8; padding-bottom: 4%;}/* 750*0.9=675 */
.con2 .img2{width: 15%;padding-left: 3%;}
.con2 .p2{font-size: 0.42rem;font-weight: bolder;color: #000;margin: -16% 0 0 21%;}
.con2 .p3{font-size: 0.34rem;color: #000;margin: 1% 0 0 21%;width: 78%;}
.con2 .img3{width: 17%;position: absolute;top: 13%;left: 75%;}
.con2 .ul1{width: 96%;padding: 5% 0 0 2%;}/* 750*0.96=720 */
.con2 .ul1 li{width: 28.5%;padding: 0 2.415%;float: left;}
.con2 .ul1 p{width: 100%;font-size: 0.36rem;font-weight: bolder;color: #000;text-align: center;padding-top: 5%;line-height: 0.4rem;}
.con2 .ul1 .p4{width: 100%;font-size: 0.32rem;color: #000;font-weight: lighter;padding-top: 6%;text-align: left;line-height: 0.35rem;}
.con2 .p5{position: absolute;bottom: 2%;left: 5%;font-weight: bolder;animation: updown 2s 0s ease both infinite;}
.con2 .p5 span{color: #f3d158;}
.con2 .p5 a{display:block;font-size: 0.4rem;padding:.3em 1.2em;border-radius: 0.5rem;color: #fff;background: -webkit-linear-gradient(left,#733aa6 9%,#20064f 99%);}
.con2 .p6{position: absolute;bottom: 2%;right: 5%; font-weight: bolder;animation: updown 3s 0s ease both infinite;}
.con2 .p6 a{display:block;font-size: 0.4rem;padding:.3em 1.5em;border-radius: 0.5rem;color: #000;background: -webkit-linear-gradient(left,#f9ceb2 9%,#ef8d60 99%);}
/*  */
.con3{width: 100%;margin: 0 auto;position: relative;padding-bottom: 61%;}
.con3 .img1{width: 92%;padding: 3% 0 0 4%;}
.con3 .p1{font-size: 0.38rem;font-weight: bolder;color: #000;margin: -90% 0 0 58%;}
.con3 .co1{width: 40%;padding: 1% 0 0 58%; position:relative}
.con3 .co1 li{width: 30%;margin: 2% 3% 0 0;float: left;    position: relative;}
.con3 .co1 p{font-size: 0.31rem;text-align: center;color: #000;font-weight: lighter;background: #fad3b9;width: 100%;padding: 2% 0;}
.con3 .p2{font-size: 0.38rem;font-weight: bolder;color: #000;padding: 14% 0 0 58%;}
.con3 .p3{font-size: 0.32rem;font-weight: lighter;padding-left:58%;}
.con3 .p4{font-size: 0.38rem;font-weight: bolder;color: #000;padding: 3% 0 0 58%;}
.con3 .p5{font-size: 0.32rem;font-weight: lighter;padding-left:58%;}
.con3 .p6{position: absolute;bottom: 2%;left: 5%;animation: updown 2s 0s ease both infinite;}
.con3 .p6 a{display:block;font-size: 0.4rem;padding:.3em 1.2em;border-radius: 0.5rem;color: #fff;background: -webkit-linear-gradient(left,#733aa6 9%,#20064f 99%);font-weight: bolder;}
.con3 .p7{position: absolute;bottom: 2%;right: 5%; animation: updown 3s 0s ease both infinite;}
.con3 .p7 a{display:block;font-size: 0.4rem;padding:.3em 1.2em;border-radius: 0.5rem;color: #fff;background: -webkit-linear-gradient(left,#f9ceb2 9%,#ef8d60 99%);;font-weight: bolder;}


/*  */
.con4{width: 100%;margin: 0 auto;position: relative; }
.con4 .bg1{margin-top: 7%;background: #664093;width: 100%;padding-bottom: 65%;}
.con4 .co1{width: 90%;background: #f1f2f8;padding-bottom: 4%; position: absolute;top: 5%;left: 5%;}/* 750*0.9=675 */
.con4 .img2{width: 15%;padding-left: 3%;}
.con4 .p1{font-size: 0.42rem;font-weight: bolder;color: #000;margin: -16% 0 0 21%;}
.con4 .p2{font-size: 0.34rem;color: #000;margin: 1% 0 0 21%;width: 78%;}
.con4 .img3{width: 17%;position: absolute;top: -5%;left: 75%;}
.con4 .ul1{width: 96%;padding: 38% 0 0 2%;}/* 750*0.96=720 */
.con4 .ul1 li{width: 28.5%;padding: 0 2.415%;float: left;}
.con4 .ul1 p{width: 100%;font-size: 0.36rem;font-weight: bolder;color: #fff;text-align: center;padding-top: 5%;line-height: 0.4rem;}
.con4 .ul1 .p3{width: 100%;font-size: 0.32rem;color: #fff;font-weight: lighter;padding-top: 6%;text-align: left;line-height: 0.35rem;}

.con4 .p4{position: absolute;bottom: 2%;left: 5%;animation: updown 2s 0s ease both infinite;}
.con4 .p4 a{display:block;font-size: 0.4rem;padding:.3em 1.2em;border-radius: 0.5rem;color: #fff;background: -webkit-linear-gradient(left,#ff9ead 9%,#ff4458 99%);font-weight: bolder;}
.con4 .p4 span{color: #f3d158;}
.con4 .p5{position: absolute;bottom: 2%;right: 5%;animation: updown 3s 0s ease both infinite;}
.con4 .p5 a{display:block;font-size: 0.4rem;padding:.3em 1.5em;border-radius: 0.5rem;color: #000;background: -webkit-linear-gradient(left,#f9ceb2 9%,#ef8d60 99%); font-weight: bolder;}











/*  */
.con5{width: 100%;background: #664093;margin: 0 auto;position: relative;  padding-bottom: 69%;}
.con5 .img1{width: 92%;padding: 3% 0 0 4%;}
.con5 .p1{font-size: 0.38rem;font-weight: bolder;color: #fff;margin: -88% 0 0 58%;}
.con5 .p2{font-size: 0.31rem;color: #000;font-weight: lighter;background: #fad3b9;width: 20%;text-align: center;line-height: 0.6rem; margin: 1% 0 0 58%;    position: relative;}
.con5 .p3{font-size: 0.38rem;font-weight: bolder;color: #fff;padding: 3% 0 0 58%;}
.con5 .p4{font-size: 0.32rem;font-weight: lighter;padding-left:58%;color: #fff;}
.con5 .p5{font-size: 0.38rem;font-weight: bolder;color: #fff;padding: 3% 0 0 58%;}
.con5 .p6{font-size: 0.32rem;font-weight: lighter;padding-left:58%;color: #fff;}
.con5 .p7{position: absolute;bottom: 6%;left: 5%;animation: updown 2s 0s ease both infinite;}
.con5 .p7 a{dsipaly:block;font-size: 0.4rem;padding:.3em 1.2em;border-radius: 0.5rem;color: #fff;background: -webkit-linear-gradient(left,#ff9ead 9%,#ff4458 99%);font-weight: bolder;}
.con5 .p8{position: absolute;bottom: 6%;right: 5%; animation: updown 3s 0s ease both infinite;}
.con5 .p8 a{dsipaly:block;font-size: 0.4rem;padding:.3em 1.2em;border-radius: 0.5rem;color: #000;background: -webkit-linear-gradient(left,#f9ceb2 9%,#ef8d60 99%);font-weight: bolder;}

/*  */
.con6{width: 100%;position: relative;margin: 0 auto; padding-bottom: 16%;}
.con6 .co1{width: 90%;background: #f1f2f8; padding-bottom: 4%;position: absolute;top: 10%;left: 5%;}/* 750*0.9=675 */
.con6 .img2{width: 15%;padding-left: 3%;}
.con6 .p1{font-size: 0.42rem;font-weight: bolder;color: #000;margin: -16% 0 0 21%;}
.con6 .p2{font-size: 0.30rem;color: #000;margin: 1% 0 0 21%;width: 78%;}
.con6 .img3{width: 17%;position: absolute;top: 3%;left: 80%;}
.con6 .ul1{width: 96%;padding: 42% 0 0 2%;}/* 750*0.96=720 */
.con6 .ul1 li{width: 28.5%;padding: 0 2.415%;float: left;}
.con6 .ul1 p{width: 100%;font-size: 0.36rem;font-weight: bolder;color: #000;text-align: center;padding-top: 5%;line-height: 0.4rem;}
.con6 .ul1 p span{line-height: 0.78rem;}
.con6 .ul1 .p3{width: 100%;font-size: 0.32rem;color: #000;font-weight: lighter;padding-top: 6%;text-align: left;line-height: 0.35rem;}
.con6 .p4{position: absolute;bottom: 2%;left: 5%;font-weight: bolder;animation: updown 2s 0s ease both infinite;}
.con6 .p4 span{color: #f3d158;}
.con6 .p4 a{display:block;font-size: 0.4rem;padding:.3em 1.2em;border-radius: 0.5rem;color: #fff;background: -webkit-linear-gradient(left,#733aa6 9%,#20064f 99%);}
.con6 .p5{position: absolute;bottom: 2%;right: 5%; font-weight: bolder;animation: updown 3s 0s ease both infinite;}
.con6 .p5 a{display:block;font-size: 0.4rem;padding:.3em 1.5em;border-radius: 0.5rem;color: #000;background: -webkit-linear-gradient(left,#f9ceb2 9%,#ef8d60 99%);}
/*  */
.con7{width: 100%;margin: 0 auto;position: relative; padding-bottom: 61%;}
.con7 .img1{width: 92%;padding: 3% 0 0 4%;}
.con7 .p1{font-size: 0.38rem;font-weight: bolder;color: #000;margin: -90% 0 0 58%;}
.con7 .co1{width: 40%;padding: 1% 0 0 58%;}
.con7 .co1 li{width: 30%;margin: 2% 3% 0 0;float: left;    position: relative;}
.con7 .co1 p{font-size: 0.31rem;text-align: center;color: #000;font-weight: lighter;background: #fad3b9;width: 100%;padding: 2% 0;}
.con7 .p2{font-size: 0.38rem;font-weight: bolder;color: #000;padding: 14% 0 0 58%;}
.con7 .p3{font-size: 0.3rem;font-weight: lighter;padding-left:58%;}
.con7 .p4{font-size: 0.38rem;font-weight: bolder;color: #000;padding: 3% 0 0 58%;}
.con7 .p5{font-size: 0.3rem;font-weight: lighter;padding-left:58%;}
.con7 .p6{position: absolute;bottom: 2%;left: 5%;font-weight: bolder;animation: updown 2s 0s ease both infinite;}
.con7 .p6 a{display:block;font-size: 0.4rem;padding:.3em 1.2em;border-radius: 0.5rem;color: #fff;background: -webkit-linear-gradient(left,#733aa6 9%,#20064f 99%);}
.con7 .p7{position: absolute;bottom: 2%;right: 5%; font-weight: bolder;animation: updown 3s 0s ease both infinite;}
.con7 .p7 a{display:block;font-size: 0.4rem;padding:.3em 1.2em;border-radius: 0.5rem;color: #000;background: -webkit-linear-gradient(left,#f9ceb2 9%,#ef8d60 99%);}
/*  */
.con8{width: 100%;margin: 0 auto; }
.con8 .bg1{width: 100%;background: #dedede;padding-top: 5%; padding-bottom: 5%;}
.con8 .p1{width: 100%;font-size: 0.5rem;text-align: center;font-weight: lighter;}
.con8 .p2{width: 100%;font-size: 0.55rem;text-align: center;font-weight: bolder;}
.con8 .img1{width: 38%;padding: 1% 31%;}
.con8 .p3{width: 90%;padding: 3% 0 0 6%;font-size: 0.31rem;color: #000;}
.con8 .img2{width: 96%;margin: 5% 0 0 2%;}
/*  */
.con9{width: 100%;margin: 0 auto;padding-bottom: 5%;}
.con9 .p1{width: 100%;font-size: 0.55rem;text-align: center;padding-top: 7%; font-weight: bolder;}
.con9 .p2{width: 100%;font-size: 0.5rem;text-align: center;font-weight: lighter;}
.con9 .img1{width: 38%;padding: 1% 31%;}
.con9 .team{position: relative;}
.con9 .teambq{position: absolute; width:16.4%; bottom: 27%; left: 23%;animation: updown 1s 0s ease both infinite;}
.con9 .teambg{width:100%; position: relative;}
.con9 .teambg .co{width:100%; text-align: center; position: absolute; top:10%; font-size: .28rem; color: #000;}
/*  */
.con10{width: 100%;margin: 0 auto;background:#6d34a8;position: relative; padding-bottom: 51%;}
.con10 .co1{width: 35%;border: 0.02rem #fff solid; padding-bottom: 3.5%; position: absolute;top: 6%;left: 2%;}/* 750*0.35=262.5 */
.con10 .img1{width: 50%;padding: 7% 0 0 25%;}
.con10 .p1{width: 94%;font-size: 0.32rem;color: #fff;padding: 5% 0 0 3%;font-weight: lighter;}
.con10 .p2{display:block;width: 94%;text-align: center;color: #6d34a8;background: #f5dcf3;line-height: 0.8rem;border-radius: 0.6rem;font-size: 0.36rem;font-weight: bolder;margin: 7% 0 0 3%;animation: updown 2s 0s ease both infinite;}
.con10 .img3{width: 13%;position: absolute;top: 77.5%;left: 77%;animation: updown 2s 0s ease both infinite;}
.con10 .img2{width: 54%;position: absolute;top: 8%;right: 4%;}
.con10 .ul1{width: 60%;position: absolute;top: 18%;right: 1%;}
.con10 .ul1 li{width: 23%;float: left;margin: 1%;}
.con10 .ul1 p{font-size: 0.33rem;font-weight: bolder;text-align: center;color: #000;padding: 34% 0 ;background: #f6d467;}




@keyframes ftimg105{
	0%{-webkit-transform:scale(1)}
	50%{-webkit-transform:scale(1.05)}
	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)}
}
@media (min-width: 768px) {
	.tt span{font-weight:lighter;}
}


@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-52%); 
    }
}