/*reset*/
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
p,
select,
textarea {
margin: 0;
}
ol,
ul {
margin: 0;
padding: 0;
list-style: none;
}
a {
color: #333;
background-color: transparent;
-webkit-text-decoration-skip: objects;
text-decoration: none;
}
a:active,
a:hover {
outline: 0;
}
audio,
canvas,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
padding: 0;
border: 0;
}
button[disabled],
html input[disabled] {
cursor: default;
}
input,
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
textarea {
resize: none;
border: 1px solid #ccc;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
del {
text-decoration: line-through;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
.clearfix:after {
display: block;
content: '';
height: 0;
clear: both;
visibility: hidden;
}
html {
font-size: 12px;
-webkit-tap-highlight-color: transparent;
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-family: "Microsoft YaHei", Arial, SimSun, SimHei, sans-serif;
font-size: 14px;
color: #333;
background-color: #fff;
max-width: 480px;
margin: 0 auto;
padding-bottom: 80px;
overflow-x: hidden;
}
.mt0{
margin-top: 0 !important;
}
.mr0{
margin-right: 0 !important;
}
.clearfix:after {
display: block;
content: '';
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{
clear: both;
}
/* 婢虫床鐣欏鏈嶅姟 */
.banner1{
width: 100%;
box-sizing: border-box;
padding: 0 0.75rem;
height:12rem;
padding-top: 7.3rem;
background: url(../images/ban1_bg.jpg) no-repeat;
background-size: 100% 12rem;
position: relative;
}
.banner1 .wrapper1 p {
width: 100%;
height: 1.3rem;
font-size:0.6rem;
color: #000;
margin:0 auto;
text-align: center;
}
.banner1 .wrapper1 .sqery_list div {
font-size: 0.6rem;
color: #000;
position: absolute;
}
.banner1 .wrapper1 .sqery_list div.gzt{
top: 7.8rem;
left: 4.8rem;
}
.banner1 .wrapper1 .sqery_list div.bkt{
top: 7.8rem;
left: 7.6rem;
}
.banner1 .wrapper1 .sqery_list div.sst{
top: 7.8rem;
left: 10.4rem;
}
.banner1 .wrapper1 .sqery_list div.bst{
top: 7.8rem;
left: 13.2rem;
}
.banner1 .wrapper1 .ban1_btn{
width: 15.1rem;
margin:0 auto;
margin-top: 2.6rem;
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
}
.banner1 .wrapper1 .ban1_btn a{
display: inline-block;
width: 6.5rem;
height: 1.3rem;
background: #e23a1f;
text-align: center;
line-height: 1.3rem;
font-size: 0.5rem;
color:#fff;
}
.section{
width: 100%;
background: #fff;
padding: 0 0.75rem;
box-sizing: border-box;
text-align: center;
}
.section {
text-align: center;
padding-top: 1.6rem;
}
.section h4 {
width: 16.7rem;
height: 1.1rem;
margin:0 auto;
background: url(../images/study_tit1.png) 0 0 no-repeat;
background-size:100% 1.1rem;
}
.section h3 {
color: #000;
font-size: 1rem;
position: relative;
margin-top: -1.7rem;
font-weight: bold;
}
.section h3 span{
color:#e23a20;
margin-right: 0.4rem;
}
/* 婢虫床鐣欏涓轰綍娣卞彈鐣欏鐢熸杩�? */
.section1 .xshy_list{
margin-top:1rem;
}
.section1 .xshy_list ul li{
border:1px solid #e84025;
width: 100%;
height: 5rem;
border-radius:0 0 1rem 0;
margin-bottom: 0.5rem;
box-sizing: border-box;
padding:0.3rem 0 0 0.3rem;
position: relative;
}
.section1 .xshy_list ul li dl{
text-align:left;
width: 100%;
box-sizing: border-box;
padding:0 0.3rem;
margin-top: 0.4rem;
}
.section1 .xshy_list ul li dl dt{
width: 7.7rem;
color: #333;
font-size: 0.7rem;
font-weight: bold;
position: relative;
/* margin-bottom:0.2rem; */
padding-left: 0.5rem;
}
.section1 .xshy_list ul li dl dt span{
color: #286dee;
}
.section1 .xshy_list ul li dl dt:after{
content: ' ';
position: absolute;
display: block;
width: 0.4rem;
height: 0.5rem;
left: 0;
top: -0.1rem;
background: url(../images/ban2_iconL.png) 0 0 no-repeat;
background-size:100% 0.5rem;
}
.section1 .xshy_list ul li dl dt:before{
content: ' ';
position: absolute;
display: block;
width: 0.4rem;
height: 0.5rem;
right: 0;
bottom: 0;
background: url(../images/ban2_iconR.png) 0 0 no-repeat;
background-size:100% 0.5rem;
}
.section1 .xshy_list ul li dl dt span{
color: #286dee;
}
.section1 .xshy_list ul li:nth-child(4) dl dt:after{
left:0;
top: -0.1rem;
}
.section1 .xshy_list ul li:nth-child(3) dl dt:before{
right:0.6rem;
bottom:0;
}
.section1 .xshy_list ul li:nth-child(4) dl dt:before{
right:1.3rem;
bottom:0;
}
.section1 .xshy_list ul li:nth-child(5) dl dt:before{
right:0.6rem;
bottom:0;
}
.section1 .xshy_list ul li dl dd{
color: #333;
font-size: 0.6rem;
text-align: left;
}
.section1 .xshy_list ul li a{
display: block;
position: absolute;
bottom: -1px;
right: -1px;
border-radius:1rem 0 1rem 0;
width: 4.5rem;
height: 1.3rem;
line-height: 1.3rem;
text-align: center;
color:#fff;
font-size: 0.5rem;
background: linear-gradient(to right, #ff4800, #e23a1f);
background: -webkit-linear-gradient(to right, #ff4800, #e23a1f);
background: -o-linear-gradient(to right, #ff4800, #e23a1f);
background: -ms-linear-gradient(to right, #ff4800, #e23a1f);
background: -moz-linear-gradient(to right, #ff4800, #e23a1f);
}
.section .btn_grop {
width: 80%;
margin: 0 auto;
margin-top: 0.7rem;
}
.section .btn_grop a {
display: inline-block;
width: 5.3rem;
height: 1.5rem;
text-align: center;
line-height: 1.5rem;
font-size: 0.6rem;
color: #fff;
border-radius: 1.3rem;
background: #ff5337;
box-shadow: 0 0.2rem 0 #ce280d;
}
.section .btn_grop a.zhuanye {
margin-right: 2.5rem;
}
/* 婢虫床鐣欏鐢宠 */
.section2{
height: 27.5rem;
background: url(../images/bg2.jpg) no-repeat;
background-size: 100% 27.5rem;
margin-top: 1rem;
}
.section2 h4 {
width: 16.7rem;
height: 1.1rem;
margin: 0 auto;
background: url(../images/study_tit2.png) 0 0 no-repeat;
background-size: 100% 1.1rem;
}
.section2 .banci_tit {
width: 100%;
height: 1.3rem;
margin:0 auto;
margin-top: 1.8rem;
}
.section2 .banci_tit ul{
width: 100%;
display:flex;
justify-content: center;
flex-wrap: wrap;
}
.section2 .banci_tit ul li{
width: 5rem;
height: 1.3rem;
line-height: 1.3rem;
text-align: left;
padding-left: 0.7rem;
box-sizing: border-box;
color:#e23a1f;
font-size:0.55rem;
margin-right: 0.7rem;
background: url(../images/lxsq_g02.png) 0 0 no-repeat;
background-size: 100% 1.3rem;
cursor: pointer;
margin-bottom: 0.5rem;
}
.section2 .banci_tit ul li:nth-child(2){
padding-left: 0.1rem;
}
.section2 .banci_tit ul li#two5{
margin-right: 0;
}
.section2 .banci_tit ul li#two3{
margin-right: 0;
}
.section2 .banci_tit ul li.cur{
color:#fff;
background: url(../images/lxsq_g01.png) 0 0 no-repeat;
background-size: 100% 1.3rem;
}
.section2 .banci_zhuyao {
margin-top: 3rem;
}
.section2 .banci_zhuyao .lxsq_ji{
width: 100%;
}
.section2 .banci_zhuyao .lxsq_ji .jihua_l{
float: left;
background:#e23a1f;
color:#fff;
width: 1.5rem;
height: 5.2rem;
line-height: 0.8rem;
color: #fff;
font-size: 0.7rem;
padding: 1rem 0.4rem;
box-sizing: border-box;
border-bottom:1px solid #fff;
}
.section2 .banci_zhuyao .firsTtr{
height: 0.7rem;
}
.section2 .banci_zhuyao .firsTtr .jihua_l{
border-radius:0.5rem 0 0 0;
}
.section2 .banci_zhuyao .lxsq_ji .jihua2_yqm{
float: left;
width: 15.7rem;
height: 5.2rem;
border:1px solid #e23a1f;
border-bottom:0;
text-align: left;
padding:0.4rem 0.2rem 0.2rem 0.2rem;
box-sizing: border-box;
background: #fff;
}
.section2 .banci_zhuyao .lxsq_ji .jihua2_yqm p{
margin-bottom: 0.1rem;
line-height: 0.7rem;
font-size:0.6rem;
line-height: 0.8rem;
}
.section2 .banci_zhuyao .lxsq_ji .jihua2_yqm span{
color:#e23a1f;
}
.section2 .banci_zhuyao .firsTtr .jihua2_yqm{
border-radius:0 0.5rem 0 0;
text-align: left;
}
/* 绗簩琛� */
.section2 .banci_zhuyao .secondTtr .jihua_l{
height: 7rem;
padding: 1.5rem 0.4rem;
}
.section2 .banci_zhuyao .secondTtr .jihua2_yqm{
height: 7rem;
}
/* 绗笁琛� */
.section2 .banci_zhuyao .thirdTtr .jihua_l{
height:4rem;
border-bottom:none;
padding: 0.2rem 0.4rem;
border-radius:0 0 0 0.5rem;
}
.section2 .banci_zhuyao .thirdTtr .jihua2_yqm{
height:4rem;
border-bottom:1px solid #e23a1f;
border-radius:0 0 0.5rem 0;
}
/* 鏂拌埅閬撶暀瀛﹁绋�*/
.section3 {
height: 26.1rem;
}
.section3 ul{
margin-top: 1rem;
display:flex;
justify-content: space-between;
flex-wrap: wrap;
}
.section3 ul li{
width: 8rem;
height: 5.8rem;
float: left;
margin-right: -0.4rem;
padding: 0.6rem 0.5rem;
box-sizing: border-box;
text-align: left;
background: url(../images/ban3_listbg.png) 0 0 no-repeat;
background-size: 100% 5.8rem;
margin-bottom: 0.5rem;
}
.section3 ul li:nth-child(1){
margin-left: 5rem;
}
.section3 ul li h5 {
color: #fff;
font-size: 0.7rem;
height: 0.8rem;
line-height: 0.8rem;
text-align: center;
margin-bottom: 0.6rem;
}
.section3 ul li.kc_bg3 h5:after{
width: 2.5rem;
}
.section3 ul li p{
color: #333;
font-size: 0.6rem;
height: 0.8rem;
line-height: 0.8rem;
position: relative;
padding-left:0.8rem;
margin-bottom: 0.2rem;
}
.section3 ul li p:after{
content: "";
position: absolute;
width: 0.65rem;
height: 0.65rem;
left: 0;
top: 0rem;
background: url(../images/ban3_icon.png) 0 0 no-repeat;
background-size: 100% 0.65rem;
}
.section3 ul li a{
display: inline-block;
width: 4.1rem;
height: 0.9rem;
margin: 0 auto;
text-align: center;
line-height: 0.9rem;
font-size: 0.4rem;
color: #ff5337;
border-radius: 1.3rem;
border: 0rem solid #ff5337;
margin-top: 0.5rem;
margin-left: 0.3rem;
transition: all .3s;
-moz-transition:all .3s; /* Firefox 4 */
-webkit-transition:all .3s; /* Safari and Chrome */
-o-transition:all .3s; /* Opera */
}
/* 婢虫床鍏ぇ楂樻牎 鐣欏璐圭敤 涓€瑙堣〃 */
.section4 {
width: 100%;
height: 22.6rem;
background: url(../images/bg3.jpg) top center no-repeat;
background-size:100% 22.6rem;
margin-top: 0;
}
.section4 .fttable{
width: 100%;
margin-top: 0.5rem;
}
.section4 .fttable tr th{
background:#e23a1f;
color:#fff;
font-size:0.7rem;
font-weight: normal;
position: relative;
}
.section4 .fttable tr th{
height: 1.3rem;
border-right:1px solid #fefefe;
}
.section4 .fttable tr th:nth-child(1){
width: 5rem;
}
.section4 .fttable tr th:nth-child(2){
width: 5.8rem;
}
.section4 .fttable tr th:nth-child(3){
width:6.6rem;
border-right:1px solid #fefefe;
}
.section4 .fttable tr td{
height:2rem;
box-sizing: border-box;
border-right:1px solid #e23a1f;
border-bottom:1px solid #e23a1f;
font-size:0.6rem;
color:#333;
background:#fff;
padding:0.2rem;
box-sizing: border-box;
}
.section4 .fttable tr:last-child td{
border-bottom:0 solid #e23a1f;
}
.section4 .fttable tr td p{
line-height: 0.6rem;
}
.section4 .fttable tr td:nth-child(1){
width: 5rem;
vertical-align:middle;
}
.section4 .fttable tr td:nth-child(2){
width: 5.8rem;
}
.section4 .fttable tr td:nth-child(3){
width:6.6rem;
border-right:0 solid #fefefe;
}
/* 鐣欏璐圭敤璁＄畻鍣� */
.section5 {
width: 100%;
height: 8rem;
margin: 0 auto;
background: url(../images/lxjsq_bg.jpg) top center no-repeat;
background-size: 100% 8rem;
padding-top: 0.8rem;
box-sizing: border-box;
position: relative;
}
.section5 h4{
color: #a46431;
font-size: 1rem;
font-weight: bold;
margin-top: -1.2rem;
margin-left: 2rem;
}
.section5 h6{
color: #fff;
font-size: 1.25rem;
margin-left: 0.7rem;
}
.section5 p{
margin-top: 0.5rem;
width: 8.3rem;
height: 2.3rem;
border-radius:0.8rem;
background:#fff5dc;
border:1px solid #e23a1f;
font-size:0.6rem;
text-align: center;
box-sizing: border-box;
color:#a56431;
padding-top: 0.3rem;
margin-left: 1rem;
}
.section5 p span{
color:#e23a1f;
}
/* 鏂拌埅閬撶‖鏍稿疄鍔� 涓洪櫌鏍＄暀瀛︽姢鑸� */
.section6{
height: 33.5rem;
}
.section6 .shili_listT{
margin-top: 1.3rem;
height: 15rem;
}
.section6 .shili_listT ul{
width: 100%;
display:flex;
justify-content: space-between;
flex-wrap: wrap;
}
.section6 .shili_listT li{
width:7.5rem;
height:7rem;
text-align: center;
color:#fff;
box-sizing: border-box;
padding-top: 2.8rem;
margin-bottom: 0.5rem;
}
.section6 .shili_listT li.yhsl01{
background: url(../images/yhsl_01.png) 0 0 no-repeat;
background-size: 100% 7rem;
}
.section6 .shili_listT li.yhsl02{
background: url(../images/yhsl_02.png) 0 0 no-repeat;
background-size: 100% 7rem;
}
.section6 .shili_listT li.yhsl03{
background: url(../images/yhsl_03.png) 0 0 no-repeat;
background-size: 100% 7rem;
}
.section6 .shili_listT li.yhsl04{
background: url(../images/yhsl_04.png) 0 0 no-repeat;
background-size: 100% 7rem;
}
.section6 .shili_listT li dl dt{
font-size: 0.7rem;
}
.section6 .shili_listT li dl dd{
font-size: 0.5rem;
margin-top: 0.2rem;
line-height: 0.8rem;
}
.section6 .rongyu_list{
width: 100%;
height: 7.6rem;
margin:0 auto;
}
.section6 .rongyu_list ul{
width: 100%;
display:flex;
justify-content: space-between;
flex-wrap: wrap;
}
.section6 .rongyu_list li{
width: 8.2rem;
height:6.2rem;
text-align: center;
color:#fff;
box-sizing: border-box;
margin-top: 0.8rem;
}
.section6 .rongyu_list li:nth-child(1){
margin-left: 5rem;
}
.section6 .rongyu_list li img{
width: 8.2rem;
height:5.4rem;
}
.section6 .rongyu_list li p{
width: 100%;
font-size: 0.6rem;
color: #333;
height: 0.8rem;
line-height: 0.8rem;
text-align: center;
margin-top: 0.3rem;
}
/* 鏂拌埅閬撶暀瀛︾敵璇�6瀵�1缁嗚嚧鏈嶅姟 */
.section7{
background:#0958db;
width: 100%;
height: 25.7rem;
}
.section7 h3{
color:#fff;
}
.section7 h5{
color:#fff;
font-size:0.6rem;
font-weight:normal;
margin-top: 0.3rem;
}
.section7 h4 {
background: url(../images/study_tit3.png) 0 0 no-repeat;
background-size:100% 1.075rem;
}
/* 缁嗚嚧鏈嶅姟鍒楄〃 */
.section7 .sec8_list ul{
width: 100%;
height: 13rem;
margin-top: 0.5rem;
display:flex;
justify-content: space-between;
flex-wrap: wrap;
}
.section7 .sec8_list ul li{
width: 8.6rem;
height: 6.45rem;
background: url(../images/banner6_libg.png) 0 0 no-repeat;
background-size:100% 6.45rem;
text-align: center;
box-sizing: border-box;
padding-top: 0.6rem;
}
.section7 .sec8_list ul li h6{
font-size: 0.7rem;
height: 1.1rem;
line-height: 1.1rem;
color:#fff;
}
.section7 .sec8_list ul li dl dt{
width: 6.6rem;
margin:0 auto;
font-size: 0.6rem;
height: 1.3rem;
line-height: 1.3rem;
color:#e23a1f;
}
.section7 .sec8_list ul li dl dd{
width: 100%;
box-sizing: border-box;
padding:0 0.5rem;
font-size: 0.5rem;
height: 0.8rem;
color:#333;
text-align: left;
}
.section7 .jzjl_bg{
width: 30rem;
height: 5.5rem;
background: url(../images/ban6_bg2.png) 0 0 no-repeat;
margin-top: 0.8rem;
box-sizing: border-box;
}
.section7 .jzjl_bg .btn_grop{
margin-top: 0;
}
.section7 .jzjl_bg p{
width: 20.1rem;
margin: 0 auto;
font-size: 0.5rem;
color: #a46431;
padding-top: 0.9rem;
padding-bottom: 0.6rem;
line-height: 0.8rem;
}
.section7 .jzjl_bg .btn_grop a{
width: 5.5rem;
height: 1rem;
}
.section7 .jzjl_bg a.zhuanye:nth-child(1){
margin-right: 1.4rem;
}
/* 杩戝嚑骞达紝婢虫床澶у鐢宠绔炰簤婵€鐑� */
.section7b{
width: 100%;
height: 7.3rem;
background: url(../images/ban6_bg2.jpg) 0 0 no-repeat;
box-sizing: border-box;
padding:0 0.75rem;
padding-top: 1.1rem;
}
.section7b .jzjl_bg .btn_grop{
margin-top: 0;
width: 100%;
}
.section7b .jzjl_bg p{
width:100%;
margin: 0 auto;
font-size: 0.65rem;
color: #a46431;
padding-bottom: 0.6rem;
text-align: center;
}
.section7b .jzjl_bg .btn_grop a{
width: 7rem;
height: 1.5rem;
}
.section7b .jzjl_bg a.zhuanye:nth-child(1){
margin-right: 1.4rem;
}
/* 婢虫床鐣欏浼樺娍涓撲笟鎺ㄨ崘 */
.section8{
height: 25.1rem;
}
.section8 ul{
margin-top: 1.4rem;
}
.section8 ul li{
width: 100%;
height: 3.1rem;
background: url(../images/zytj_libg.png) 0 0 no-repeat;
background-size:100% 3.1rem;
text-align: center;
box-sizing: border-box;
padding-top: 0.6rem;
position: relative;
}
.section8 ul li h3{
position: absolute;
top: 2.1rem;
left: 1.6rem;
color:#fff;
font-size: 0.7rem;
}
.section8 ul li h3.fourT{
left: 0.9rem;
}
.section8 ul li h3.threeT{
left: 1.3rem;
}
.section8 ul li .left_text{
position: absolute;
top: 0.6rem;
left: 4.6rem;
text-align: left;
}
.section8 ul li .left_text p{
color:#333;
font-size: 0.6rem;
}
.section8 .btn_grop{
width: 90%;
}
.section8 .btn_grop a.zhuanye {
margin-right: 1.5rem;
}
.section8 .btn_grop a {
display: inline-block;
width: 6.5rem;
}
/* 婢虫床鐣欏闄㈡牎鎺ㄨ崘 */
.section910{
width: 100%;
height: 19.8rem;
padding:0 0.75rem;
background:#e3eeff;
box-sizing: border-box;
padding-top: 1.6rem;
}
.section910 table{
width: 100%;
margin-top: 0.8rem;
}
.section910 table tr th{
width: 8.6rem;
color:#fff;
background:#e23a1f;
font-size:0.7rem;
height: 1.5rem;
}
.section910 table tr th:nth-child(1){
border-radius: 0.5rem 0 0 0;
border-right:1px solid #fff;
}
.section910 table tr th:nth-child(2){
border-radius:0 0.5rem 0 0;
}
.section910 table tr td{
width: 8.6rem;
background:#fff;
font-size:0.6rem;
height: 1.5rem;
border-bottom:1px solid #e23a1f;
border-right:1px solid #e23a1f;
}
.section910 table tr td:nth-child(2){
border-right:0 solid #e23a1f;
}
.section910 table tr:nth-child(9) td:nth-child(2){
border-bottom:0 solid #e23a1f;
border-radius:0 0 0.5rem 0;
}
.section910 table tr:nth-child(9) td:nth-child(1){
border-bottom:0 solid #e23a1f;
border-radius:0 0 0 0.5rem;
}