@charset "utf-8";
/* CSS Document */
body{padding:0; font-size:12px; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"微软雅黑"; overflow-x:hidden;  background-color:#fff; max-width: 750px; margin: 0 auto;}
div,ul,li,p,form,h1,h2,h3,h4,h5,h6,dt,dd,dl{padding:0;margin:0; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"微软雅黑";}
a{ text-decoration:none; color:#000;}
img{border:none; vertical-align: middle; display: block; max-width: 100%; height: auto;}
ul,li{list-style:none;}
*{padding:0;margin:0;/* -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;*/}
table{border-collapse:collapse;}
.wrap{ width:100%; height:auto;}

input::-webkit-input-placeholder {color: #999;}
input::-moz-placeholder {color: #999;}
input:-moz-placeholder {color: #999;}
input:-ms-input-placeholder {color: #999;}

.clearfix:before,.clearfix:after {clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden;}
.clearfix{zoom:1}

/*banner*/
.ban_t {width: 100%; margin: 0 auto; text-align: center; background: #fff; padding: .4em 0; font-size: 1.3em; color: #333; line-height: 1.6em; position: relative;}
.ban_t a {display: inline-block; width: 1.2em; height: 1.2em; background: url(../images/icon_001.png) center no-repeat; background-size: 80% 80%; position: absolute; left: 10px; top: .6em;}
.ban_t2 {text-align: left; text-indent: 2.2em;}
.ban {width: 100%; margin: 0 auto; position: relative;}
.ban img {width: 100%; height: auto;}
.ban_logo {width: 28%; position: absolute; top: 2%; left: 2%;}
.ban_logo img {width: 100%; height: auto;}

.main {width: 91.7%; margin: 0 auto; background: url(../images/bage.jpg) center no-repeat; background-size: 100% 100%; border-radius: 12px; padding: 15px 0;}
.main_p {width: 60%; margin: 0 auto; background: url(../images/botton_bg.png) center repeat-x; background-size: auto 100%; text-align: center; font-size: 1.5em; color: #fff; line-height: 2.4em; font-weight: bold; border-radius: 1.2em;}
.main_ul {width: 90%; margin: 10px auto 0; text-align: center;}
.main_li {width: 48%; margin: 6px 1%; float: left;}
.main_li2 {width: 31.33%;}
.main_li a {display: block; width: 100%; margin: 0 auto;}
.main_li a img {width: 100%; height: auto;}
.main_lip {width: 100%; font-size: 1.4em; color: #00aba1; line-height: 1.6em; font-weight: bold;}
.main_lia {width: 80%; display: block; margin: 6px auto 0; background: url(../images/botton_bg.png) center no-repeat; background-size: 100% 100%; font-size: 1.3em; color: #fff; line-height: 2em; font-weight: bold; border-radius: 1em; border-bottom: 3px solid #ef9a14;}

.one {width: 100%; padding: 0 0 5%; background: url(../images/img_002.jpg) center no-repeat; background-size: 100% 101%;}
.one_ul {width: 94%; margin: 0 auto;}
.one_li {width: 46%; float: left; margin: 0 2%; position: relative; text-align: center; overflow: hidden;}
.one_ul .one_li img {width: 100%; height: auto; margin: 0 auto;}
.one_limg {width: 100%; margin: 0 auto; position: absolute; top: 0; left: 0; -webkit-animation:myfirst1 5s linear infinite;}
.one_limg2 {width: 100%; margin: 0 auto; position: absolute; top: 0; left: 0; -webkit-animation:myfirst2 5s linear infinite;}
@-webkit-keyframes myfirst1 {
	0% {transform:rotate(0deg);}
	50% {transform:rotate(180deg);}
	100% {transform:rotate(360deg);}
}
@-webkit-keyframes myfirst2 {
	0% {transform:rotate(0deg);}
	50% {transform:rotate(-180deg);}
	100% {transform:rotate(-360deg);}
}
.one_lit {width: 100%; position: absolute; top: 0; left: 0; padding-top: 22%;}
.one_lip {width: 47%; margin: 0 auto; background: #fff; font-size: 1.3em; color: #f6615f; line-height: 1.6em; border-radius: 1em; font-weight: bold;}
.one_lip2 {width: 100%; margin: 5px auto 0; font-size: 1.2em; color: #fff; line-height: 1.4em;}
.one_lip2 span {display: block; width: 100%; font-size: 1.5em; font-weight: bold;}

.two {width: 100%; margin: 0 auto; background: url(../images/two_bg.jpg) center no-repeat; background-size: 100% 101%;}
.two_cen {width: 90%; margin: 0 auto; padding: 2%; border-radius: 15px; background: rgba(51, 157, 255, .6);}
.two_main {width: 100%; margin: 0 auto; background: url(../images/two_001.jpg) center no-repeat; background-size: 100% 100%; border-radius: 15px; padding: 6% 0; text-align: center;}
.two_p {width: 100%; margin: 0 auto; font-size: 1.8em; color: #1276dc; line-height: 1.2em; font-weight: bold; background: url(../images/two_002.png) center bottom no-repeat; background-size: 26% auto;}
.two_p2 {width: 100%; margin: 10px auto 0; font-size: 1.5em; color: #484848; line-height: 1.6em; font-weight: bold;}
.two_p3 {width: 100%; font-size: 1.4em; color: #484848; line-height: 1.6em;}
.two_p3 img {display: inline-block; width: auto; height: 1em; vertical-align: top; margin: .3em 0 0 10px;}
.two_a {display: block; width: 50%; margin: 10px auto 0; background: url(../images/botton_bg.png) center repeat-x; background-size: auto 100%; font-size: 1.4em; color: #fff; line-height: 1.8em; border-radius: 1em; font-weight: bold;}

.three {width: 100%; margin: 0 auto; background: url(../images/three_bg.jpg) center no-repeat; background-size: 100% 100%; padding: 4% 0;}
.three_main {width: 94%; margin: 0 auto;}
.three_p {width: 100%; margin: 0 auto 15px; background: url(../images/three_003.png) center bottom no-repeat; background-size: 30% auto; text-align: center; font-size: 1.8em; color: #fff; line-height: 1.4em; font-weight: bold;}
.three_t {width: 100%; margin: 0 auto 10px; background: url(../images/three_001.png) 4% top no-repeat;}
.three_tp {width: 100%; margin: 0 auto 10px; background: #2692ff; font-size: 1.3em; color: #fff; line-height: 2.2em; border-radius: 1em;}
.three_tp span {display: inline-block; width: 2.2em; height: 2.2em; border: 4px solid #20228d; vertical-align: top; margin: -4px 15px -4px -5px; text-align: center; border-radius: 50%;}
.three_tp2 {width: 90%; padding: 0 0 0 10%; margin: 0 auto; font-size: 1.2em; color: #fff; line-height: 1.8em;}
.three_tm {width: 92%; padding: 6px 0 6px 8%; margin: 0 auto;}
.three_tp3 {width: 30%; padding: 0 2% 0 0; float: left; margin: 0; background: url(../images/three_002.png) center no-repeat; background-size: 100% 100%; text-align: center; font-size: 1.3em; color: #fff; line-height: 1.8em; font-weight: bold;}
.three_tp4 {width: 66%; float: right; margin: 0; font-size: 1.2em; color: #fff; line-height: 1.6em;}

.video {width: 94%; margin: 0 auto;}
.four {width: 94%; margin: 15px auto 0;}
.four_p {width: 90%; padding: 0 5%; margin: 6px 0; background: #2722a2; font-size: 1.3em; color: #fff; line-height: 2em; border-radius: 1em; position: relative;}
.four_p span {display: inline-block; width: 1em; height: 1em; float: right; background: url(../images/four_001.png) center no-repeat; background-size: 100% 100%; margin: .5em 0 0;}
.four_p::before {content: ""; display: none; width: 1em; height: .4em; background: url(../images/four_003.png) center no-repeat; background-size: 100% 100%; position: absolute; left: 8%; bottom: -.4em;}
.four_p.on span {background: url(../images/four_002.png) center no-repeat; background-size: 100% 100%;}
.four_p.on::before {display: block;}
.four_ul {width: 100%; margin: 0 auto; display: none;}
.four_ul.active {display: block;}
.four_li {width: 94%; padding: 4px 3%; background: #f1f6ff; float: left; margin: 5px 0; font-size: 1.2em; color: #2e2e2e; line-height: 1.6em; border-radius: 1em;}
.four_li.active {background: #dfeaff; color: #2722a2;}
.four_lip {width: 100%; float: left; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.four_lip2 {width: 20%; float: right; background: url(../images/botton_bg.png) center repeat-x; background-size: auto 100%; border-radius: 1em; color: #fff; text-align: center;}
.four_lip3 {width: 100%;}
.four_a {display: block; width: 32%; margin: 10px auto 20px; background: url(../images/botton_bg.png) center repeat-x; background-size: auto 100%; text-align: center; font-size: 1.5em; color: #fff; line-height: 2em; font-weight: bold; border-radius: 1em;}

.five {width: 94%; margin: 10px auto 0;}

@media only screen and (min-width:980px) {
body {font-size: 18px;}
}