/*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: 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;
}
.clearfix{
clear: both;
}
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:#f2f2f2;
}
.pullL{
float:left;
}
.pullR{
float:left;
}
.clearfix:after {
content: " ";
display: block;
clear: both;
height: 0;
}
.clearfix {
zoom: 1;
}
.content100 {
width: 100%;
}
.wrapper {
width: 1200px;
margin: 0 auto;
}
.textCen{
text-align: center;
}
.mr0{
margin-right:0 !important;
}
/*鏂拌埅閬撳鏁欏彛璇�*/
.section1{
width: 100%;
height: 455px;
box-sizing: border-box;
padding-top: 222px;
background: url(../img/banner1.jpg) top center no-repeat;
}
.section1 .second_tit{
width: 695px;
height: 58px;
margin:0 auto;
text-align: center;
}
.section1 .second_tit ul li{
float: left;
color:#fff;
font-size:22px;
border-radius: 50px;
padding:10px 30px;
background: linear-gradient(to right, #bf3855,transparent);
background: -webkit-linear-gradient(to right, #bf3855,transparent);
background: -o-linear-gradient(to right, #bf3855,transparent);
background: -ms-linear-gradient(to right, #bf3855,transparent);
background: -moz-linear-gradient(to right, #bf3855,transparent);
}
.section1 .second_tit ul li.mrl20{
margin:0 45px;
}
.section1 .second_tit p{
color: #fff;
font-size: 30px;
padding-top: 25px;
}
.section1 .second_tit a{
display: block;
width: 251px;
height: 48px;
line-height: 48px;
text-align: center;
color:#fff;
font-size:24px;
background:#e54243;
border:5px solid #6f3ca7;
border-radius: 50px;
margin:0 auto;
margin-top: 29px;
}
/* 涓嶅悓鍦烘櫙 澶栨暀鍙ｈ瀛︿範鏂规鍜ㄨ */
.wrapper h4{
color:#e4e4e4;
font-size: 50px;
margin-top: 32px;
}
.wrapper h3{
color:#333333;
font-size:46px;
margin-top: -83px;
position:relative;
}
.wrapper h3:after{
content:"";
position: absolute;
width: 176px;
height: 5px;
background:#0e02e2;
bottom: -5px;
left: 50%;
margin-left: -88px;
}
.wrapper h3 span{
color:#0e02e2;
}
h5.xianshang{
color:#999999;
font-size:20px;
margin-top: 20px;
font-weight: normal;
}
.section2 .zixun_list{
margin-top: 50px;
height: 272px;
}
.section2 .zixun_list ul li{
float: left;
width: 264px;
height: 272px;
border-radius:20px;
box-shadow: 0 0 10px rgba(0,0,0,.2);
margin-right: 47px;
padding:0 10px;
box-sizing: border-box;
}
.section2 .zixun_list ul li h5{
width: 236px;
height: 64px;
line-height: 64px;
background: #0e02a4;
border-radius:0 50px 50px 0;
color:#fff;
font-size:31px;
margin-left: -27px;
margin-top: 12px;
position: relative;
font-weight: normal;
}
.section2 .zixun_list ul li h5:after{
content:"";
position: absolute;
width: 0;
height: 0;
border-top: 10px solid #0e02a4;
border-left: 10px solid transparent;
left: 0;
bottom: -10px;
}
.section2 .zixun_list ul li p{
color:#333;
font-size:16px;
text-align: left;
font-weight:bold;
padding-top: 28px;
line-height: 30px;
height: 30px;
}
.section2 .zixun_list ul li a{
display: block;
width: 157px;
height: 39px;
line-height: 39px;
text-align: center;
color:#fff;
font-size:20px;
background:#e54243;
border:5px solid #ffd3d4;
border-radius: 50px;
margin:0 auto;
margin-top: 70px;
}
/* 鏂拌埅閬撳鏁欏彛璇� */
.section3{
margin-top: 45px;
}
.section3 .kctx_main{
margin-top: 45px;
}
.section3 .kctx_main .kctx_tit{
width: 539px;
height: 50px;
margin:0 auto;
}
.section3 .kctx_main .kctx_tit ul li{
float: left;
width: 118px;
height:24px;
color:#333;
font-size:24px;
margin-right: 90px;
cursor:pointer;
}
.section3 .kctx_main .kctx_tit ul li:last-child{
margin-right: 0;
}
.section3 .kctx_main .kctx_tit ul li.cur{
border-bottom:5px solid #c4c2ef;
color:#0e02e2;
}
.section3 .kctx_main .kctx_table{
margin-top: 20px;
}
.section3 .kctx_main .kctx_table table tr th {
width: 300px;
background: #0e02e2;
height: 64px;
border-right: 1px solid #eae9ff;
font-weight: normal;
text-align: center;
color:#fbfffb;
font-size:22px;
font-weight: bold;
}
.section3 .kctx_main .kctx_table table tr th:nth-child(1){
border-radius:20px 0 0 0 ;
}
.section3 .kctx_main .kctx_table table tr th:nth-child(4){
border-radius:0 20px 0 0 ;
}
.section3 .kctx_main .kctx_table table tr td{
width: 300px;
background: #fff;
height: 64px;
color: #333;
border-right: 1px solid #eae9ff;
border-bottom: 1px solid #eae9ff;
font-weight: normal;
text-align: center;
font-size:18px;
}
.section3 .kctx_main .kctx_table table tr td a{
color:#0e02e2;
}
.section3 .kctx_main .kctx_table table tr.last_tr td{
height: 82px;
background: #f2f9ff;
color:#333
}
/* 棰勭害琛ㄥ崟 */
.section4{
width: 100%;
height: 240px;
margin-top: 76px;
background: url(../img/form_bg.jpg) top center no-repeat;
}
.section4 h6{
color: #fff;
font-size: 46px;
padding-top: 37px;
}
.section4 .form-container{
width: 1041px;
margin:0 auto;
margin-top: 30px;
}
.section4 .form-container input {
width: 240px;
height: 45px;
line-height: 45px;
background:#fff;
border-radius: 10px;
font-size: 16px;
color: #000;
text-indent: 11px;
outline:none;
margin-right: 30px;
float: left;
border:none;
}
.section4 .form-container .formCode{
width: 240px;
margin-bottom: 0;
float: left;
margin-right: 40px;
}
.section4 .form-container .formCode .codeInput
{
width:130px;
text-align: center;
height: 48px;
background-color: #fff;
border-radius: 8px;
font-size: 16px;
line-height: 48px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: 0;
border: 0;
color: #000;
margin-right: 10px;
text-indent: 0;
}
.section4 .form-container .formCode .codetxt{
width: 100px;
background: #e3e3e3;
outline: none;
height: 48px;
cursor: pointer;
font-size: 16px;
border: 0;
color: #000;
border-radius: 8px;
}
.section4 .form-container span{
display:block;
width: 212px;
height: 45px;
line-height: 36px;
background:#e54243;
border-radius: 10px;
font-size: 18px;
color: #fff;
text-indent: 11px;
outline:none;
border:5px solid rgba(98,73,194,.3);
cursor:pointer;
float: left;
}
.section4 .form-container span:hover{
display:block;
width: 212px;
height: 45px;
line-height: 36px;
background:#e54243;
border-radius: 10px;
font-size: 18px;
color: #fff;
text-indent: 11px;
outline:none;
border:5px solid rgba(98,73,194,.3);
cursor:pointer;
float: left;
}
/* 鏂拌埅閬撲紭绉€澶栨暀鑰佸笀 */
.section5 .teach_slide{
width: 1200px;
height: 279px;
margin-top: 50px;
}
.section5 .teach_slide .swiper-slide{
width: 580px;
height: 279px;
float: left;
}
.section5 .teach_slide .swiper-slide .teach-main .teach-main-L{
float: left;
}
.section5 .teach_slide .swiper-slide .teach-main .teach-main-L img{
width: 230px;
height: 270px;
}
.section5 .teach_slide .swiper-slide .teach-main .teach-main-R{
width: 323px;
float: left;
margin-left: 20px;
}
.section5 .teach_slide .swiper-slide .teach-main .teach-main-R dl dt{
height: 40px;
line-height:40px;
color:#333;
font-size:19px;
font-weight: bold;
position: relative;
text-align: left;
}
.section5 .teach_slide .swiper-slide .teach-main .teach-main-R dl dt:after{
content: "";
position: absolute;
width: 216px;
height: 3px;
background: #0e02e2;
bottom: -5px;
left:0;
}
.section5 .teach_slide .swiper-slide .teach-main .teach-main-R dl dd{
font-size:15px;
margin-top: 10px;
text-align: left;
line-height:30px;
color:#333;
height: 151px;
}
.section5 .teach_slide .swiper-slide .teach-main .teach-main-R a{
display: block;
width: 160px;
height: 41px;
line-height: 41px;
text-align: center;
color: #fff;
font-size: 18px;
background: #e54243;
border: 5px solid #ffd3d4;
border-radius: 50px;
margin: 0 auto;
margin-top: 20px;
}
.section5 .teach_slide .swiper-container .nextBtn{
width: 31px;
height: 94px;
background: rgba(65,82,229,.6);
border-radius:10px 0 0 10px;
right: 10px;
left: auto;
top: 113px;
}
.section5 .teach_slide .swiper-container .nextBtn img{
width: 21px;
height: 56px;
margin-top: 19px;
margin-left: 5px;
}
.section5 .teach_slide .swiper-container .prevBtn{
width: 31px;
height: 94px;
background: rgba(65,82,229,.6);
border-radius:10px 0 0 10px;
left: 0px;
right: auto;
top: 113px;
}
.section5 .teach_slide .swiper-container .prevBtn img{
width: 19px;
height: 52px;
margin-top: 19px;
margin-left: 5px;
}
.wrapper h3.noline:after {
content: "";
position: absolute;
width: 176px;
height: 5px;
background:transparent;
bottom: -5px;
left: 50%;
margin-left: -88px;
}
/*鏂拌埅閬撳鏁欏彛璇煿璁笁澶т紭鍔� */
.section6 .youshi_mian{
width: 1200px;
height: 619px;
position: relative;
}
.section6 .youshi_mian{
width: 1200px;
height: 619px;
margin-top: 80px;
position: relative;
}
.section6 .youshi_mian .youshi_list1 img{
position: absolute;
left: 0;
top: -26px;
z-index:5;
}
.section6 .youshi_mian .youshi_text{
position: absolute;
width: 855px;
height: 149px;
background: linear-gradient(to right, #0e02e2,#4479ff);
background: -webkit-linear-gradient(to right, #0e02e2,#4479ff);
background: -o-linear-gradient(to right, #0e02e2,#4479ff);
background: -ms-linear-gradient(to right, #0e02e2,#4479ff);
background: -moz-linear-gradient(to right, #0e02e2,#4479ff);
top: 10px;
right: 0;
border-radius:0 30px 0 0;
z-index:2;
color:#fff;
text-align: left;
}
.section6 .youshi_mian .youshi_text dl{
width: 635px;
color:#fff;
padding-left: 230px;
padding-top: 30px;
}
.section6 .youshi_mian .youshi_text dl dt img{
width: 24px;
height: 24px;
position:static;
display: inline-block;
margin-right: 10px;
margin-top: 5px;
}
.section6 .youshi_mian .youshi_text dl dt{
font-size: 22px;
font-weight: bold;
}
.section6 .youshi_mian .youshi_text dl dd{
font-size: 19px;
margin-top: 10px;
}
.section6 .youshi_mian .youshi_text dl dd span{
color:#ffe26c;
}
.section6 .youshi_mian .youshiList2 img{
position: absolute;
right: 0;
top: 189px;
z-index:5;
left:auto;
}
.section6 .youshi_mian .youshiList2 .youshi_text {
position: absolute;
top: 225px;
left: 0;
border-radius:30px 0 0 0;
}
.section6 .youshi_mian .youshiList2 .youshi_text dl {
color: #fff;
padding-left: 20px;
padding-top: 30px;
}
.section6 .youshi_mian .youshiList2 .youshi_text dl dt{
padding-left: 525px;
}
.section6 .youshi_mian .youshiList2 .youshi_text dl dd{
line-height: 30px;
padding-left: 20px;
}
.section6 .youshi_mian .youshiList2 .youshi_text dl dd b{
padding-left:56px;
font-weight: normal;
}
.section6 .youshi_mian .youshiList3 img{
position: absolute;
left: 0;
top: 404px;
z-index:5;
}
.section6 .youshi_mian .youshiList3 .youshi_text {
position: absolute;
top: 440px;
}
.mianfe{
display: inline-block;
padding:10px 20px;
text-align: center;
color: #fff;
font-size: 18px;
background: #e54243;
border: 5px solid #ffd3d4;
border-radius: 50px;
margin: 0 auto;
margin-top: 20px;
}
/* 鍙傚姞澶栨暀鍙ｈ鍙互寰楀埌鍝簺甯姪锛�*/
.section7 .help_list{
margin-top: 40px;
}
.section7 .help_list ul li{
float: left;
width: 384px;
height: 493px;
margin-right: 20px;
margin-bottom: 20px;
background:#fff;
padding: 11px;
box-sizing: border-box;
}
.section7 .help_list ul li .text_bg{
width: 362px;
height: 220px;
text-align: center;
line-height:196px;
}
.section7 .help_list ul li .text_bg h2{
color: #fff;
font-size: 42px;
font-weight: bold;
}
.section7 .help_list ul li .bzbg1{
background: url(../img/help_topp1.png) 0 0 no-repeat;
}
.section7 .help_list ul li .bzbg2{
background: url(../img/help_topp2.png) 0 0 no-repeat;
}
.section7 .help_list ul li .bzbg3{
background: url(../img/help_topp3.png) 0 0 no-repeat;
}
.section7 .help_list ul li .bzbg4{
background: url(../img/help_topp4.png) 0 0 no-repeat;
}
.section7 .help_list ul li .bzbg5{
background: url(../img/help_topp5.png) 0 0 no-repeat;
}
.section7 .help_list ul li .bzbg6{
background: url(../img/help_topp6.png) 0 0 no-repeat;
}
.section7 .help_list ul li p{
height: 162px;
color: #333;
font-size:22px;
line-height: 35px;
text-align: left;
margin-top: 23px;
}
.section7 .help_list ul li a{
display: inline-block;
width: 156px;
height: 38px;
line-height: 38px;
text-align: center;
color: #fff;
font-size: 18px;
background: #e54243;
border: 5px solid #ffd3d4;
border-radius: 50px;
margin: 0 auto;
}
/* 鍑哄浗鑰冭瘯鍙ｈ缁冧範 */
.section8{
width: 100%;
height: 664px;
margin-top: 76px;
background: url(../img/section8bg.png) top center no-repeat;
}
.section8 h4{
color: #fff;
font-size: 46px;
padding-top: 65px;
}
.section8 .sec8bg{
width: 559px;
height:300px;
margin-top: 41px;
background: url(../img/sec8_bg2.png) 0 0 no-repeat;
padding:51px 0 0 52px;
box-sizing: border-box;
text-align: left;
}
.section8 .left_sec8{
float: left;
}
.section8 .right_sec8{
float: right;
}
.section8 .sec8bg p{
color: #333;
font-size: 24px;
font-weight: bold;
text-align: center;
margin-left: -52px;
}
.section8 .sec8bg h6{
margin-top: 25px;
color: #261ee3;
font-size: 18px;
}
.section8 .sec8bg h6 span{
width: 110px;
height: 32px;
line-height: 32px;
text-align: center;
display: inline-block;
border-radius: 50px;
background: linear-gradient(to right, transparent,#f9d1d1,#ea6768);
background: -webkit-linear-gradient(to right,transparent,#f9d1d1,#ea6768);
background: -o-linear-gradient(to right, transparent,#f9d1d1,#ea6768);
background: -ms-linear-gradient(to right,transparent,#f9d1d1,#ea6768);
background: -moz-linear-gradient(to right, transparent,#f9d1d1,#ea6768);
}
.section8 .sec8bg ul{
margin-top: 20px;
}
.section8 .sec8bg ul li{
color: #333;
font-size: 16px;
margin-bottom: 10px;
position: relative;
padding-left: 15px;
}
.section8 .sec8bg ul li:after{
position: absolute;
content: '';
width: 5px;
height: 5px;
background:#5e5e5e;
border-radius: 50%;
left: 0;
top:10px;
}
.djzixun2{
display: inline-block;
width: 277px;
height: 48px;
line-height: 48px;
text-align: center;
color: #fff;
font-size: 24px;
background: #e54243;
border: 5px solid #6f3ca7;
border-radius: 50px;
margin: 0 auto;
margin-top: 70px;
}
/* 鏂拌埅閬撹崳瑾夛紝淇¤禆涔嬮€� */
.section9 ul{
margin-top:40px;
}
.section9 ul li{
float: left;
width: 384px;
height: 300px;
text-align: center;
margin-right: 22px;
}
.section9 ul li img{
width: 384px;
height: 246px;
}
.section9 ul li p{
height: 60px;
line-height: 60px;
color: #333;
font-size: 22px;
}
/* 鏈夋皼鍥存墠鏈夊姩鍔� */
.section10{
margin-top: 40px;
}
.section10 ul li{
float: left;
width: 25%;
height: auto;
}
.section10 ul li img{
width: 100%;
height: auto;
}