@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%; }




.headerbanner{width:100%;}
.bannercon{ position:relative;}
.bannercon li{position:absolute; width:16%; color: #fff; font-size: 0.36rem; line-height: 1.3em; background: #9579b8; padding: 2.5% 2%; border-radius: .5em; text-align: center;top:16%;}
.bannercon .click1{left:4%; }
.bannercon .click2{left:28%; }
.bannercon .click3{left:52%; }
.bannercon .click4{left:76%; }






.con1{width:100%; padding: 6% 0 4%; background: #e5e5ed }
.con1 h1{font-size: 0.56rem;color: #333; font-weight: normal;text-align: center;line-height: 1.2em;}
.con1 h1 span{color: #d87501; font-weight: 700}
.con1 h2{font-size: 0.4rem;color: #333; font-weight: normal;text-align: center; text-transform:uppercase; padding-top: 1%}
.con1click{width:46%;font-size: 0.34rem; line-height: 1.2em; float: left; margin: 2% 0 2% 3.5%}
.con1clickleft{border: 1px solid #434343; background: #fff; border-top-left-radius: .5em;border-bottom-left-radius: .5em; padding: 3% 3%; float: left; color: #333;width:62%; padding-left: 6%}
.con1clickright{border: 1px solid #434343;background: #5e318f; border-top-right-radius: .5em;border-bottom-right-radius: .5em; padding: 3% 4%; float: left; color: #d6a282}


.con2{width:100%; padding-top: 6%; }
.con2 h1{font-size: 0.56rem;color: #08305b; font-weight: normal;text-align: center;line-height: 1.2em;}
.con2 h1 span{color: #d87501; font-weight: 700}
.con2 h2{font-size: 0.4rem;color: #08305b; font-weight: normal;text-align: center; text-transform:uppercase; padding-top: 1%}
.con2 dl{width:45%;float: left; position: relative; margin: 0 1% 4% 3%}
.con2 dl .bq{position: absolute; width:70%; background: #987cb9; border-top-right-radius:1em; border-bottom-left-radius:1em; text-align: center; font-size: 0.46rem; font-weight: 700; color: #fff; top:5%; left: 15%; padding: 2% 0}
.con2 dt{padding-top: 20%;}
.con2 dd{border: 1px solid #bfbfbf; padding: 3% 3% 6%; height: 3.8rem; }
.con2 .co1{ font-size: 0.3rem; line-height: 1.4em; color: #333; padding: 4% 0;}
.con2 .co1 span{background: #ffd33a; border-radius: 1em; font-size: .28rem}
.con2 .click1{border-radius: 1.5em; background: #5e318f; width:94%; padding: 3%; font-size: 0.3rem; color: #fff; text-align: center; margin-top: 10%;animation: ftimg105 2s 0s ease both infinite;}
.con2 .click{border-radius: 1.5em; background: #5e318f; width:94%; padding: 3%; font-size: 0.3rem; color: #fff; text-align: center;animation: ftimg105 2s 0s ease both infinite; }
.con2 .click2{border-radius: 1.5em; background: #5e318f; width:94%; padding: 3%; font-size: 0.3rem; color: #fff; text-align: center; margin-top: 5%;animation: ftimg105 2s 0s ease both infinite;}

.con3{width:100%; padding-top: 6%; }
.con3 h1{font-size: 0.56rem;color: #08305b; font-weight: normal;text-align: center;line-height: 1.2em;}
.con3 h1 span{color: #d87501; font-weight: 700}
.con3 h2{font-size: 0.4rem;color: #08305b; font-weight: normal;text-align: center; text-transform:uppercase; padding-top: 1%}
.con3one{width:90%; margin: 4% auto; position: relative}
.con3one h3{position: absolute; font-size: 0.5rem; color: #333; line-height: 1.2em; top:2%; left: 20%;}
.con3one h3 span{font-size: 0.34rem; font-weight: normal;}
.con3one .co1{position: absolute;line-height: 1.6em; font-size: 0.34rem; color: #333;top:22%; left: 38%; width:60%}
.con3one li{position: absolute; background: #987cb9; text-align: center; color: #fff; font-size: 0.3rem; padding: 2%; border-radius: 1.5em; width:40%;}
.con3one .pp1{top:65%; left: 3%;}
.con3one .pp2{top:65%; left: 52%;}
.con3one .pp3{top:82%; left: 3%;}
.con3one .pp4{top:82%; left: 52%;}




.con3two{width:90%; margin: 6% auto 2%; position: relative}
.con3two h3{position: absolute; font-size: 0.5rem; color: #333; line-height: 1.2em; top:2%; left: 20%;}
.con3two h3 span{font-size: 0.34rem; font-weight: normal;}
.con3two .co1{position: absolute;line-height: 1.6em; font-size: 0.34rem; color: #333;top:17%; left: 38%; width:60%}
.con3two li{position: absolute; background: #987cb9; text-align: center; color: #fff; font-size: 0.3rem; padding: 2%; border-radius: 1.5em; width:90%;}
.con3two .pp1{top:51%; left: 3%;}
.con3two .pp2{top:63%; left: 3%;}
.con3two .pp3{top:75%; left: 3%;}
.con3two .pp4{top:87%; left: 3%;}

.con3three{width:90%; margin: 6% auto 2%; position: relative}
.con3three h3{position: absolute; font-size: 0.5rem; color: #333; line-height: 1.2em; top:2%; left: 20%;}
.con3three h3 span{font-size: 0.34rem; font-weight: normal;}
.con3three .co1{position: absolute;line-height: 1.6em; font-size: 0.34rem; color: #333;top:20%; left: 38%; width:60%}
.con3three li{position: absolute; background: #987cb9; text-align: center; color: #fff; font-size: 0.3rem; padding: 2%; border-radius: 1.5em; width:90%;}
.con3three .pp1{top:51%; left: 3%;}
.con3three .pp2{top:63%; left: 3%;}
.con3three .pp3{top:75%; left: 3%;}
.con3three .pp4{top:87%; left: 3%;}


.con4{width:100%; padding-top: 6%; }
.con4 h1{font-size: 0.56rem;color: #08305b; font-weight: normal;text-align: center;line-height: 1.2em;}
.con4 h1 span{color: #d87501; font-weight: 700}
.con4 h2{font-size: 0.4rem;color: #08305b; font-weight: normal;text-align: center; text-transform:uppercase; padding-top: 1%}
.con4 li{float: left; width:22%; margin: 4% 0 2% 2.4%}
.con4 .co{font-size: 0.36rem; text-align: center; padding: 5% 0; background: #5e318f; border-bottom-right-radius: 1em;border-bottom-left-radius: 1em; color: #fff;}



.con5{width:100%; padding-top: 6%; }
.con5 h1{font-size: 0.56rem;color: #08305b; font-weight: normal;text-align: center;line-height: 1.2em;}
.con5 h1 span{color: #d87501; font-weight: 700}
.con5 h2{font-size: 0.4rem;color: #08305b; font-weight: normal;text-align: center; text-transform:uppercase; padding-top: 1%}
.con5 li{float: left; width:30%; margin: 4% 0 2% 2.4%}











@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%); 
    }
}