/*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;
display: inline-block;
}
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: "Noto Sans SC","Helvetica Neue", Helvetica, Arial, sans-serif;
font-family: "Noto Sans SC","Microsoft YaHei", Arial, SimSun, SimHei, sans-serif,;
font-size: 14px;
color: #333;
background: #fff;
}
.mr108{
margin-right: 108px;
}
.mr0{
margin-right:0 !important;
}
.w431 {
width: 465px;
margin: 0 auto;
}
.mt0{
margin-top: 0 !important;
}
.wrap {
width: 1200px;
margin: 0 auto;
}
/*婢虫床鐣欏鏈嶅姟 */
.banner1 {
width: 100%;
height:455px;
background: url(../images/banner1.jpg) top center no-repeat;
}
.banner1 .wrapper1 {
width: 1200px;
height:455px;
text-align: center;
position: relative;
margin: 0 auto;
}
.banner1 .wrapper1 p{
width: 645px;
height: 50px;
position: absolute;
top:300px;
left: 280px;
font-size: 24px;
color:#000;
}
.banner1 .wrapper1 p span{
margin:0 10px;
}
.banner1 .wrapper1 .sqery_list div{
font-size: 20px;
color:#000;
position: absolute;
}
.banner1 .wrapper1 .sqery_list div.gzt{
top: 297px;
left: 435px;
}
.banner1 .wrapper1 .sqery_list div.bkt{
top: 297px;
left: 548px;
}
.banner1 .wrapper1 .sqery_list div.sst{
top: 297px;
left: 660px;
}
.banner1 .wrapper1 .sqery_list div.bst{
top: 297px;
left: 770px;
}
.banner1 .wrapper1 .ban1_btn{
position: absolute;
top: 372px;
left: 299px;
}
.banner1 .wrapper1 .ban1_btn a{
display: inline-block;
width: 250px;
height: 50px;
background: #e23a1f;
text-align: center;
line-height: 50px;
font-size: 20px;
color:#fefefe;
top: 369px;
left: 840px;
}
.banner1 .wrapper1 .ban1_btn a.mr108{
margin-right: 123px;
}
/* 婢虫床鐣欏 涓轰綍娣卞彈鐣欏鐢熸杩�? */
.section {
text-align: center;
padding-top: 35px;
}
.section h4 {
width: 668px;
height: 43px;
margin:0 auto;
background: url(../images/study_tit1.png) 0 0 no-repeat;
}
.section h3 {
color: #000;
font-size: 40px;
position: relative;
margin-top: -67px;
font-weight: bold;
}
.section h3 span{
color:#e23a20;
margin-right: 15px;
}
.section1{
height: 535px;
}
.section1 .xshy_list{
margin-top:40px;
}
.section1 .xshy_list ul li{
float: left;
border:1px solid #aeaeae;
width: 222px;
height: 370px;
box-shadow: 0 5px 10px rgba(0,0,0,.2);
margin-right: 16px;
}
.section1 .xshy_list ul li:nth-child(odd){
margin-top: 60px;
}
.section1 .xshy_list ul li img{
margin-top: -1px;
margin-left: -1px;
width: 224px;
height: 130px;
}
.section1 .xshy_list ul li dl{
width: 100%;
box-sizing: border-box;
padding:0 10px;
margin-top: 15px;
}
.section1 .xshy_list ul li dl dt{
color: #333;
font-size: 18px;
font-weight: bold;
position: relative;
margin-bottom:20px;
}
.section1 .xshy_list ul li dl dt span{
color: #286dee;
}
.section1 .xshy_list ul li dl dt:after{
content: ' ';
position: absolute;
display: block;
width: 16px;
height: 19px;
left: 0;
top: -6px;
background: url(../images/ban2_iconL.png) 0 0 no-repeat;
}
.section1 .xshy_list ul li dl dt:before{
content: ' ';
position: absolute;
display: block;
width: 16px;
height: 19px;
right: 0;
bottom: -13px;
background: url(../images/ban2_iconR.png) 0 0 no-repeat;
}
.section1 .xshy_list ul li dl dt span{
color: #286dee;
}
.section1 .xshy_list ul li:nth-child(4) dl dt:after{
left: 11px;
top: -6px;
}
.section1 .xshy_list ul li:nth-child(4) dl dt:before{
right: 12px;
bottom: -13px;
}
.section1 .xshy_list ul li dl dd{
color: #333;
font-size: 16px;
text-align: left;
line-height: 25px;
height: 129px;
}
.section1 .xshy_list ul li a{
display: block;
width: 150px;
height: 36px;
line-height: 36px;
text-align: center;
color:#e23a1f;
font-size: 18px;
border:1px solid #e23a1f;
margin: 0 auto;
transition: all .3s;
-moz-transition:all .3s; /* Firefox 4 */
-webkit-transition:all .3s; /* Safari and Chrome */
-o-transition:all .3s; /* Opera */
}
.section1 .xshy_list ul li a:hover{
background:#e23a1f;
color:#fff;
}
/* 婢虫床鐣欏鐢宠 */
.section2{
width: 100%;
height: 517px;
background: url(../images/bg2.jpg) top center no-repeat;
}
.section2 h4 {
width: 668px;
height: 43px;
margin: 0 auto;
background: url(../images/study_tit2.png) 0 0 no-repeat;
}
.section2 .banci_tit {
width: 1116px;
height: 50px;
margin:0 auto;
margin-top: 30px;
}
.section2 .banci_tit ul li{
float: left;
width: 202px;
height: 50px;
line-height: 50px;
text-align: left;
padding-left: 37px;
box-sizing: border-box;
color:#e23a1f;
font-size:20px;
margin-right: 26px;
background: url(../images/lxsq_g02.png) 0 0 no-repeat;
cursor: pointer;
}
.section2 .banci_tit ul li:nth-child(2){
padding-left: 17px;
}
.section2 .banci_tit ul li#two5{
margin-right: 0;
}
.section2 .banci_tit ul li.cur{
color:#fff;
background: url(../images/lxsq_g01.png) 0 0 no-repeat;
}
.section2 .banci_zhuyao {
margin-top: 30px;
}
.section2 .banci_zhuyao .jihua1{
width: 141px;
height: 282px;
text-align: center;
box-sizing: border-box;
border:1px solid #e23a1f;
border-radius: 20px 0 0 20px;
background:#ffe7e3;
color:#e23a1f;
float: left;
font-size:20px;
padding-top: 110px;
}
.section2 .banci_zhuyao .jihua2{
width: 345px;
height: 282px;
text-align: left;
box-sizing: border-box;
border-right:1px solid #e23a1f;
background:#fff;
color:#333333;
float: left;
font-size:20px;
}
.section2 .banci_zhuyao .jihua2 .jihua2_yqt{
width:100%;
height: 50px;
line-height: 50px;
color:#fff;
font-size:20px;
background:#e23a1f;
text-align: center;
border-right:1px solid #fff;
box-sizing: border-box;
}
.section2 .banci_zhuyao .jihua2 .bor20{
border-radius:0 20px 0 0;
}
.section2 .banci_zhuyao .jihua2 .jihua2_yqm{
height: 232px;
border-bottom:1px solid #e23a1f;
padding:10px 0 0 20px;
box-sizing: border-box;
color:#333;
font-size:16px;
}
.section2 .banci_zhuyao .jihua2 .jihua2_yqm p{
margin-bottom: 3px;
line-height: 28px;
}
.section2 .banci_zhuyao .jihua2 .jihua2_yqm span{
color:#e23a1f;
}
.section2 .banci_zhuyao .jihua2m{
width: 440px;
}
.section2 .banci_zhuyao .jihua2mts{
width: 274px;
border-radius:0 20px 20px 0;
}
.section2 .banci_zhuyao .jihua2mts .jihua2_yqm{
border-radius:0 0 20px 0 ;
}
/* 鍘绘境娲茶鏈 */
.section2 .banci_zhuyao .shxsm{
width: 233px;
}
.section2 .banci_zhuyao .shenqtj{
width: 148px;
}
.section2 .banci_zhuyao .cpjjm{
width: 423px;
}
.section2 .banci_zhuyao .xmtsm{
width: 254px;
border-radius: 0 20px 20px 0;
}
.section2 .banci_zhuyao .xmtsm .jihua2_yqm {
border-radius: 0 0 20px 0;
}
.section .btn_grop{
width: 554px;
margin:0 auto;
}
.section .btn_grop{
margin-top: 30px;
}
.section .btn_grop a{
display: inline-block;
width:195px;
height: 40px;
text-align: center;
line-height: 40px;
font-size:17px;
color:#fefefe;
border-radius: 50px;
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);
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
-o-transition: all .3s;
}
.section .btn_grop a:hover{
box-shadow: 0 0 10px #ce280d;
}
.section .btn_grop a.zhuanye{
margin-right: 100px;
}
/* 鏂拌埅閬撶暀瀛﹁绋�*/
.section3 {
height: 345px;
}
.section3 ul{
margin-top: 20px;
}
.section3 ul li{
width: 252px;
height: 278px;
float: left;
margin-right: -16px;
padding: 20px 30px;
box-sizing: border-box;
text-align: left;
background: url(../images/ban3_listbg.png) 0 0 no-repeat;
}
.section3 ul li h5 {
color: #fff;
font-size: 20px;
height: 30px;
line-height: 30px;
text-align: center;
margin-top: 16px;
margin-bottom: 22px;
}
.section3 ul li.kc_bg3 h5:after{
width: 100px;
}
.section3 ul li p{
color: #333;
font-size: 16px;
height: 31px;
line-height: 23px;
position: relative;
padding-left:30px;
margin-bottom: 3px;
}
.section3 ul li p:after{
content: "";
position: absolute;
width: 20px;
height: 21px;
left: 0;
top: 1px;
background: url(../images/ban3_icon.png) 0 0 no-repeat;
}
.section3 ul li a{
display: inline-block;
width: 163px;
height: 38px;
margin: 0 auto;
text-align: center;
line-height: 38px;
font-size: 16px;
color: #ff5337;
border-radius: 50px;
border: 1px solid #ff5337;
margin-top: 19px;
margin-left: 12px;
transition: all .3s;
-moz-transition:all .3s; /* Firefox 4 */
-webkit-transition:all .3s; /* Safari and Chrome */
-o-transition:all .3s; /* Opera */
}
.section3 ul li a:hover{
border:1px solid transparent;
background:#ff5337;
color:#fff;
}
/* 婢虫床鍏ぇ楂樻牎鐣欏璐圭敤涓€瑙堣〃 */
.section4{
width: 100%;
height:890px;
background: url(../images/bg3.jpg) top center no-repeat;
margin-bottom: 100px;
}
.section4 .fttable{
width: 1200px;
margin-top: 50px;
}
.section4 .fttable tr th{
background:#e23a1f;
color:#fff;
font-size:22px;
font-weight: normal;
position: relative;
}
.section4 .fttable tr th{
height: 51px;
border-right:1px solid #fefefe;
}
.section4 .fttable tr th:nth-child(1){
width: 272px;
}
.section4 .fttable tr th:nth-child(2){
width: 556px;
}
.section4 .fttable tr th:nth-child(3){
width: 374px;
border-right:0 solid #fefefe;
}
.section4 .fttable tr th:nth-child(1):after{
content:'';
position: absolute;
width: 134px;
height: 21px;
background: url(../images/fyyl_th1.png) 0 0 no-repeat;
top: 19px;
left: 50%;
margin-left: -67px;
}
.section4 .fttable tr th:nth-child(2):after{
content:'';
position: absolute;
width: 251px;
height: 22px;
background: url(../images/fyyl_th2.png) 0 0 no-repeat;
top: 19px;
left: 50%;
margin-left: -126px;
}
.section4 .fttable tr th:nth-child(3):after{
content:'';
position: absolute;
width: 116px;
height: 22px;
background: url(../images/fyyl_th3.png) 0 0 no-repeat;
top: 19px;
left: 50%;
margin-left: -58px;
}
.section4 .fttable tr td{
height:100px;
box-sizing: border-box;
padding:10px 20px;
border:1px solid #e23a1f;
font-size:16px;
color:#333;
}
.section4 .fttable tr td p{
line-height: 25px;
}
.section4 .fttable tr td:nth-child(1){
width: 272px;
font-size:18px;
color:#e23a1f;
font-weight:bold;
}
.section4 .fttable tr td:nth-child(2){
width: 556px;
text-align: left;
padding-left: 50px;
}
.section4 .fttable tr td:nth-child(3){
width: 374px;
text-align: left;
padding-left: 40px;
}
.section4 .fttable tr:nth-child(odd){
background:#ffe8e4;
}
.section4 .fttable tr:nth-child(even){
background:#fff;
}
/* 鐣欏璐圭敤璁＄畻鍣� */
.section5{
width: 1130px;
height:210px;
margin:0 auto;
background: url(../images/lxjsq_bg.png) top center no-repeat;
padding-top: 50px;
box-sizing: border-box;
}
.section5 h4{
width: 300px;
margin:0 auto;
color: #a46431;
font-size: 40px;
position: relative;
}
.section5 h4::before {
content: '鈥�';
position: absolute;
display:block;
width: 0;
height: 0;
left: -65px;
top: -3px;
color: #a46431;
}
.section5 h4::after {
content: '鈥�';
position: absolute;
display:block;
width: 0;
height: 0;
right:0;
top: -3px;
color: #a46431;
}
.section5 p{
width: 520px;
height: 44px;
border:1px solid #a46431;
margin:0 auto;
color: #a46431;
font-size: 20px;
border-radius: 40px;
text-align: center;
line-height: 44px;
margin-top: 10px;
}
.section5 p span{
color: #e23a1f;
}
/* 鏂拌埅閬撶‖鏍稿疄鍔� 涓洪櫌鏍＄暀瀛︽姢鑸� */
.section6{
height: 780px;
}
.section6 .shili_listT{
margin-top: 50px;
height: 279px;
}
.section6 .shili_listT li{
float: left;
width: 270px;
height: 279px;
margin-right: 40px;
text-align: center;
color:#fff;
box-sizing: border-box;
padding-top: 130px;
}
.section6 .shili_listT li.yhsl01{
background: url(../images/yhsl_01.png) 0 0 no-repeat;
}
.section6 .shili_listT li.yhsl02{
background: url(../images/yhsl_02.png) 0 0 no-repeat;
}
.section6 .shili_listT li.yhsl03{
background: url(../images/yhsl_03.png) 0 0 no-repeat;
}
.section6 .shili_listT li.yhsl04{
background: url(../images/yhsl_04.png) 0 0 no-repeat;
}
.section6 .shili_listT li dl dt{
font-size: 20px;
}
.section6 .shili_listT li dl dd{
font-size: 16px;
margin-top: 10px;
line-height: 25px;
}
.section6 .rongyu_list{
width: 1061px;
height: 305px;
margin:0 auto;
}
.section6 .rongyu_list li{
float: left;
width: 327px;
height: 253px;
margin-right: 40px;
text-align: center;
color:#fff;
box-sizing: border-box;
margin-top: 30px;
}
.section6 .rongyu_list li p{
width: 100%;
font-size: 20px;
color: #333;
height: 30px;
line-height: 30px;
text-align: center;
margin-top: 10px;
}
/* 鏂拌埅閬撶暀瀛︾敵璇�6瀵�1缁嗚嚧鏈嶅姟 */
.section7{
background:#0958db;
width: 100%;
height: 675px;
margin-bottom:98px;
}
.section7 h3{
color:#fff;
}
.section7 h5{
color:#fff;
font-size:22px;
font-weight:normal;
margin-top: 20px;
}
.section7 h4 {
background: url(../images/study_tit3.png) 0 0 no-repeat;
}
.section7 .sec8_list ul{
height: 520px;
margin-top: 20px;
}
.section7 .sec8_list ul li{
float: left;
width: 368px;
height: 228px;
margin-bottom: 20px;
margin-right: 17px;
background: url(../images/banner6_libg.png) 0 0 no-repeat;
text-align: center;
box-sizing: border-box;
padding-top: 22px;
}
.section7 .sec8_list ul li h6{
font-size: 22px;
height: 44px;
line-height: 44px;
color:#fff;
}
.section7 .sec8_list ul li dl dt{
width: 265px;
margin:0 auto;
font-size: 18px;
height: 50px;
line-height: 50px;
color:#e23a1f;
}
.section7 .sec8_list ul li dl dd{
font-size: 16px;
height: 30px;
line-height: 30px;
color:#333;
}
.section7 .jzjl_bg{
width: 1200px;
height: 220px;
background: url(../images/ban6_bg2.png) 0 0 no-repeat;
margin-top: -48px;
box-sizing: border-box;
}
.section7 .jzjl_bg .btn_grop{
margin-top: 0;
}
.section7 .jzjl_bg p{
width: 802px;
margin: 0 auto;
font-size: 21px;
color: #a46431;
padding-top: 38px;
padding-bottom: 24px;
line-height: 30px;
}
.section7 .jzjl_bg .btn_grop a{
width: 220px;
height: 40px;
}
.section7 .jzjl_bg a.zhuanye:nth-child(1){
margin-right: 55px;
}
/* 婢虫床鐣欏浼樺娍涓撲笟鎺ㄨ崘 */
.section8{
height: 454px;
}
.section8 ul{
margin-top: 55px;
}
.section8 ul li{
float: left;
width: 418px;
height: 129px;
margin-bottom: 20px;
margin-right: -19px;
background: url(../images/zytj_libg.png) 0 0 no-repeat;
text-align: center;
box-sizing: border-box;
padding-top: 22px;
position: relative;
}
.section8 ul li h3{
position: absolute;
top: 80px;
left: 63px;
color:#fff;
font-size: 22px;
}
.section8 ul li h3.fourT{
left: 40px;
}
.section8 ul li h3.threeT{
left: 50px;
}
.section8 ul li .left_text{
position: absolute;
top: 26px;
left: 141px;
text-align: left;
}
.section8 ul li .left_text p{
color:#333;
font-size: 16px;
line-height: 25px;
}
.section8 ul li .left_text p span{
padding-left: 32px;
}
/* 婢虫床鐣欏闄㈡牎鎺ㄨ崘 */
.section910{
height: 1185px;
background: url(../images/ban8_bg.jpg) top center no-repeat;
box-sizing: border-box;
}
.section910 ul{
margin-top: 50px;
height: 707px;
}
.section910 ul li{
width: 300px;
height: 340px;
float: left;
background: url(../images/yxtj_libg.png) 0 0 no-repeat;
box-sizing: border-box;
padding-top: 36px;
text-align: center;
}
.section910 ul li .hjtext{
height: 136px;
position: relative;
}
.section910 ul li .hjtext img{
display:inline;
}
.section910 ul li h5{
color:#ffea8a;
font-size: 22px;
font-weight: bold;
position: absolute;
bottom: 0;
width: 300px;
left: 50%;
margin-left: -150px;
}
.section910 ul li p{
color:#fff;
font-size: 18px;
margin-top: 16px;
}
.section910 ul li p span{
color:#ffea8a;
font-weight: bold;
font-size: 22px;
}
.section910 ul li a{
display:inline-block;
width: 130px;
height: 40px;
line-height: 40px;
text-align: center;
background:#e23b20;
font-size: 18px;
color:#fff;
margin-top: 20px;
}
.section910 .form_bg{
width: 480px;
height: 320px;
margin:0 auto;
background:#0958db;
border-radius:10px;
border:1px solid #fff;
box-shadow: 0 0 20px rgba(255,255,255,.3) inset;
text-align: center;
}
.section910 .form_bg .tit_yuyue {
color: #fff;
font-size: 30px;
text-align: center;
margin: 0 auto;
margin-top: 23px;
font-weight: bold;
}
.section910 .form_bg .yuyue_main {
width: 230px;
margin: 0 auto;
margin-top:13px;
}
.section910 .form_bg .form-item{
width: 230px;
position:relative;
margin-bottom: 15px;
}
.section910 .form_bg .yuyue_main .form-item input{
width: 100%;
height: 44px;
border:1px solid #FC5D16;
border-radius:5px;
text-indent: 35px;
font-size: 18px;
color: #555;
}
.section910 .form_bg .yuyue_main .form-item img{
position:absolute;
display:inline-block;
left: 10px;
top: 12px;
}
.section910 .form_bg .yuyue_main .formCode{
width: 236px;
margin-bottom:15px;
}
.section910 .form_bg .yuyue_main .formCode .codeInput
{
width: 125px;
text-align: center;
height: 48px;
background-color: #fff;
border-radius: 8px;
font-size: 16px;
line-height: 50px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: 0;
border: 1px solid #FC5D16;
color: #000;
margin-right: 10px;
float: left;
}
.section910 .form_bg .yuyue_main .formCode .codetxt{
width: 100px;
background: #e3e3e3;
outline: none;
height: 48px;
cursor: pointer;
font-size: 16px;
border: 0;
color: #000;
border-radius:8px;
float: left;
}
.section910 .form_bg .yuyue_main .submit{
cursor:pointer;
display:inline-block;
width: 130px;
height: 40px;
text-align: center;
line-height: 40px;
border-radius: 30px;
font-size:18px;
margin-top: 15px;
color:#fff;
background:#ed472b;
}