@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 {width: 100%; margin: 0 auto; position: relative;}
.ban img {width: 100%; height: auto;}
.ban_logo {width: 28%; position: absolute; top: 4%; left: 1%;}
.ban_logo img {width: 100%; height: auto;}

.main {width: 100%; margin: 0 auto; position: relative; z-index: 2;}
.main_t {width: 96%; float: left; margin: -1.5em 2% 0; background: #fff; padding: 10px 0; border-radius: 6px; text-align: center; -webkit-box-shadow: 0 0 6px rgba(44, 44, 44, .3); -moz-box-shadow: 0 0 6px rgba(44, 44, 44, .3); box-shadow: 0 0 6px rgba(44, 44, 44, .3);}
.main_tli {display: inline-block; width: 32.5%; margin: 0; font-size: 1.2em; color: #333; line-height: 1.8em;}
.main_tli2 {width: 40%;}
.main_tli.on {background: url(../images/one_001.png) center 90% no-repeat; color: #ee1d1a;}
.title {width: 100%; margin: 15px auto 0; text-align: center; font-size: 1.8em; color: #333; line-height: 1.2em; background: url(../images/title_bg.png) center no-repeat; background-size: auto 100%;}
.title span {color: #f22924;}
.main_m {width: 96%; margin: 10px auto 0;}
.main_mul {width: 100%; margin: 0 auto; display: none;}
.main_mul.active {display: block;}
.main_mli {width: 100%; padding: 5px 0; margin: 0 auto;}
.main_mlit {width: 94%; background: #ff7858; margin: 0 auto 8px; padding: 3px 3%; position: relative;}
.main_mlip {width: 100%; float: left; margin: 0; font-size: 1.3em; color: #fff; line-height: 1.6em;}
.main_mlip2 {width: 42%; float: right; margin: 0; text-align: right; font-size: 1.3em; color: #fff; line-height: 1.6em;}
.main_mlip::after {content: ""; display: inline-block; width: 1em; height: 1em; float: right; background: url(../images/one_003.png) center no-repeat; background-size: 100% 100%; margin: .3em 0 0 6px;}
.main_mlit.on .main_mlip::after {background: url(../images/one_004.png) center no-repeat; background-size: 100% 100%;}
.main_mlit img {width: 12px; height: 8px; position: absolute; bottom: -7px; left: 10%; display: none;}
.main_mlim {width: 100%; margin: 5px auto 0; display: none;}
.main_mlim.active {display: block;}
.main_mlip3 {width: 97%; padding: 5px 3% 5px 0; background: #fff4f4; margin: 3px auto;}
.main_mlip3 .sp {display: inline-block; width: 86%; float: left; margin: 0; font-size: 1.2em; color: #2e2e2e; line-height: 1.4em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.main_mlip3 .sp b {font-weight: normal; display: inline-block; width: 1.7em; background: #ff7858; text-align: center; color: #fff; border-radius: 0 1em 1em 0; margin: 0 5px 0 0;}
.main_mlip3 .sp2 {display: inline-block; width: 12%; float: right; margin: 0; background: #ff7858; text-align: center; font-size: 1.2em; color: #fff; line-height: 1.4em; border-radius: 3px; position: relative;}
.main_mlip3 .sp2 img {width: 7px; height: 6px; position: absolute; top: 50%; margin-top: -2px; left: -7px;}
.main_mlia {display: block; width: 94%; padding: 4px 3%; background: #f6f6f6; font-size: 1.2em; color: #333; line-height: 1.4em; margin: 3px auto;}
.main_mlia .sp2 {display: inline-block; width: 12%; float: right; margin: 0; background: #ff7858; text-align: center; color: #fff; border-radius: 3px; position: relative;}
.main_mlia .sp2 img {width: 7px; height: 6px; position: absolute; top: 50%; margin-top: -2px; left: -7px;}
.main_mlip4 {width: 94%; padding: 2px 3%; background: #fff4f4; font-size: 1.2em; color: #2e2e2e; line-height: 1.4em; text-align: center; margin: 3px auto;}
.main_mlia2 {display: block; width: 100%; margin: 3px auto 8px; background: #fbcf34; text-align: center; font-size: 1.3em; color: #fff; line-height: 2em;}

.two {width: 100%; margin: 0 auto;}
.two .title {background: url(../images/title_bg2.png) center no-repeat; background-size: auto 100%;}
.two_main {width: 100%; margin: 15px auto 0; padding: 20px 0; background: url(../images/two_bg.jpg) center no-repeat; background-size: 100% 100%;}
.two_li {width: 50%; float: left; margin: 6px 0; text-align: center;}
.two_liimg {width: 40%; margin: 0 auto;}
.two_liimg img {width: 100%; height: auto;}
.two_lip {width: 100%; margin: 0 auto; font-size: 1.3em; color: #fff; line-height: 1.6em;}

.main_video {width: 96%; margin: 2% auto 0;}
.video-box {width: 100%; margin: 0 auto;}

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