.total1{
    padding: 0 0 50px;
    background: url(../images/total1.jpg)top center no-repeat;
    background-size: cover;
}
.total1 .second_nav {
    color: #ffffff;
}
.total1 .learning_banner {
    padding: 20px 0 0;
}
.total1_title{
    color: #ffffff;
    text-align: center;
    margin-bottom: 30px;
}
.total1_title h1{
    font-size: 34px;
    margin-bottom: 5px;
}
.total1_title p {
    font-size: 20px;
}
.total1 .learning_banner form {
    max-width: 450px;
    border-radius: 10px;
    padding-right: 45px;
}
.total1 .learning_banner button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 100%;
    font-size: 18px;
    line-height: 40px;
    border-radius: 0;
    background: #1492ff;
}
.total_bj{
    background: #f7f7f7;
}
.total2{
    padding: 25px 0;
}
.total2_flex{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.total2_lf{
    width: 55.8%;
}
.total2_lf p{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 16px;
    line-height: 35px;
    color: #ffffff;
    padding-left: 15px;
    padding-right: 100px;
    background: rgba(0, 0, 0, .54);
}
.total2_lf .information_one .swiper-container-horizontal>.swiper-pagination-bullets {
    display:flex;
    width:auto;
    left:auto;
    right:0;
    bottom:0;
    padding:0;
    border-radius:0;
    background: none;
}
.information_one .swiper-pagination-bullet {
    width:30px;
    height:35px;
    line-height: 35px;
    color: #ffffff;
    margin:0!important;
    background:#fff;
    opacity:1;
    border-radius:0;
    vertical-align:middle;
    border:none!important;
    background: rgba(0, 0, 0, .5);
}
.information_one .swiper-pagination-bullet-active {
    background:#1492ff
}
.total2_ri{
    width: 44.2%;
    padding: 20px 25px 10px;
    background: #ffffff;
}
.total_tit{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e5e5e5;
}
.total_tit h2{
    position: relative;
    display: inline-block;
    font-size: 20px;
    color: #1492ff;
    font-weight: bold;
    padding: 0 8px 12px;
}
.total_tit h2:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 4px;
    background: #1492ff;
}
.total_tit a{
    font-size: 14px;
    color: #999999;
}
.total_tit a:hover{
    color: #1492ff;
}
.total2_ul{
    padding: 8px 0 0 8px;
}
.total_ul ul li a {
    display: block;
    font-size: 14px;
    line-height: 33px;
    color: #3c3c3c;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.total_ul ul li span{
    float: right;
    font-size: 12px;
    color: #999999;
    margin-left: 15px;
}
.total_ul ul li a:hover,
.total_ul ul li a:hover span{
    color: #1492ff;
}
.total3{
    display: flex;
    flex-wrap: wrap;
    padding: 20px 0 10px;
}
.total3_lf{
    width: 55.8%;
}
.total3_fd{
    padding: 25px 0 15px;
}
.total3_fd ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.total3_fd ul li{
    width: 31.3%;
    color: #3c3c3c;
    margin-bottom: 13px;
    border-radius: 10px;
    background: #f6f6f6;
}
.total3_fd ul li a{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px;
}
.total3_img{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
}
.total3_fd ul li p{
    display: flex;
    align-items: center;
}
.total3_fd ul li p:before{
    content: "";
    display: block;
    width: 1px;
    height: 10px;
    margin: 0 10px;
    background: #1492ff;
}
.total3_fd ul li:hover{
    color: #ffffff;
    background: #1492ff;
}
.total3_fd ul li:hover img.tu1{
    display: none;
}
.total3_fd ul li:hover img.tu2{
    display: block;
}
.total3_ul{
    padding-top: 8px;
}
.total3_ul ul li{
    position: relative;
    padding-left: 25px;
}
.total3_ul ul li:before{
    content: "1";
    position: absolute;
    left: 0;
    top: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    border-radius: 3px;
    background: #1492ff;
}
.total3_ul ul li:nth-child(n+3):before{
    background: #c8c7c7;
}
.total3_ul ul li:nth-child(2):before{
    content: "2";
}
.total3_ul ul li:nth-child(3):before{
    content: "3";
}
.total3_ul ul li:nth-child(4):before{
    content: "4";
}
.total3_ul ul li:nth-child(5):before{
    content: "5";
}
.total3_ul ul li:nth-child(6):before{
    content: "6";
}
.total3_ri{
    width: 44.2%;
    padding-left: 25px;
}
.total3_nav{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px 0 30px;
}
.total3_nav p{
    width: 18%;
    font-size: 16px;
    line-height: 33px;
    color: #3c3c3c;
    text-align: center;
    border-radius: 10px;
    background: #f6f6f6;
    cursor: pointer;
}
.total3_nav p.cur{
    color: #ffffff;
    background: #1492ff;
}
.total3_qh>div{
    display: none;
}
.total3_qh>div:first-child{
    display: block;
}
.total3_qh ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.total3_qh ul li{
    position: relative;
    width: 23.5%;
    min-height: 160px;
    text-align: center;
    margin-bottom: 25px;
    padding: 15px 5px;
    border-radius: 15px;
    box-shadow: 0 0 16px rgba(0, 0, 0, .05);
    background: #ffffff;
    overflow: hidden;
}
.total3_tu{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 85%;
    max-width: 83px;
    margin: 0 auto;
}
.total3_dx h3{
    font-size: 14px;
    color: #3c3c3c;
    margin: 5px 0;
}
.total3_dx p{
    font-size: 12px;
    color: #999999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.total3_hg{
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    padding: 10px 0;
    background: url(../images/total3_tu.png)center no-repeat;
    background-size: cover;
    transition: all .6s;
}
.total3_hg:after{
    content: "";
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 34px;
    height: 7px;
    background: url(../images/total3_jt.png)no-repeat;
    background-size: cover;
}
.total3_hg dl{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 50%;
}
.total3_hg dl dt{
    color: #ffe614;
    margin-bottom: 3px;
}
.total3_hg dl dd{
    font-size: 14px;
    color: #ffffff;
}
.total3_qh ul li:hover .total3_hg{
    top: 0;
}
.total4{
    padding: 30px 0 80px;
}
.total4_dl{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.total4_one dl{
    width: 32%;
}
.total4_dl dl{
    margin-bottom: 25px;
    padding: 15px 19px;
    border-radius: 15px;
    background: #ffffff;
}
.total4_img{
    margin: 15px 0 10px;
}
.total4_img img{
    width: 100%;
    border-radius: 15px;
}
.total4_two dl{
    width: 23.5%;
    padding: 15px;
}
.second_nav {
    font-size:14px;
    color:#000;
    padding:15px 0
}
.banner_two {
    background:url(../images/wenda_02.jpg) top center no-repeat;
    background-size:cover
}
.learning_banner {
    padding:45px 3% 40px
}
.learning_title {
    color:#fff;
    text-align:center;
    margin-bottom:15px
}
.learning_title h1 {
    font-size:36px;
    font-weight:700;
    margin-bottom:5px;
    text-shadow:0 0 9px rgba(0,0,0,.48)
}
.learning_title h5,.learning_title p {
    font-size:24px;
    font-weight:700;
    text-shadow:0 0 9px rgba(0,0,0,.48)
}
.learning_banner form {
    position:relative;
    width:100%;
    max-width:610px;
    margin:0 auto;
    border-radius:4px;
    overflow:hidden;
    padding-right:105px;
    box-shadow:0 0 9px rgba(0,0,0,.2)
}
.learning_banner input {
    display:block;
    width:100%;
    font-size:14px;
    line-height:40px;
    color:#333;
    padding-left:15px;
    border:none;
    background:#fff
}
.learning_banner button {
    position:absolute;
    top:0;
    right:0;
    width:105px;
    font-size:18px;
    line-height:40px;
    color:#fff;
    text-align:center;
    border-radius:4px;
    border:none;
    cursor:pointer;
    background:#2aa5d2
}
.country {
    margin-top:20px
}
.country ul {
    font-size:0;
    text-align:center
}
.country ul li {
    display:inline-block;
    margin-right:45px
}
.country ul li:last-child {
    margin-right:0
}
.country ul li h3 {
    font-size:14px;
    font-weight:700;
    margin-top:5px
}
.country ul li img {
    margin:0 auto;
    vertical-align:middle;
    border-radius:5px
}
.country ul li a:hover h3 {
    color:#fff
}
.country .on {
    color:#fff
}
.country a {
    color:#000
}
.background {
    background:#f8f9fb
}
.mb30 {
    margin-bottom: 30px;
}
.pb50 {
    padding-bottom:50px
}
.xinwen {
    padding:20px 0
}
.xw_sub {
    font-size:14px;
    line-height:24px;
    margin-bottom:20px;
    padding-left:20px;
    background:url(../images/m.png) left center no-repeat;
    background-size:15px
}
.xw_lf {
    width:60%
}
.xw_tit {
    margin-bottom:20px;
    padding:20px 25px;
    background:#fbfcff
}
.xw_tit h1 {
    font-size:20px;
    color:#010101;
    font-weight:700;
    margin-bottom:10px
}
.xw_tit h5 {
    font-size:14px;
    color:#999898
}
.xw_hd {
    width:120px;
    font-size:16px;
    line-height:40px;
    color:#ffffff;
    text-align:center;
    margin-bottom:30px;
    background:#0680ff
}
.xw_con,.xw_con * {
    font-size:16px;
    line-height:36px;
    color:#252526
}
.xw_con h2,.xw_con h3,.xw_con h4,.xw_con h5 {
    font-weight:700
}
.xw_con h2 {
    font-size:20px
}
.xw_con h2 a,.xw_con h2 span {
    font-size:18px;
    font-weight:700
}
.xw_con img {
    height:auto!important;
    margin:10px auto
}
.xw_bq {
    font-size:14px;
    line-height:22px;
    color:#7b7979;
    margin:30px 0 15px;
    padding:3px 10px;
    background:#e6f4f9
}
.xw_bq p {
    padding:3px 0
}
.xw_bq p a {
    color:#003668
}
.page2 {
    padding:20px 10px;
    background:#fbfcff
}
.page2 h3 {
    font-size:16px;
    color:#7b7b7b;
    margin-bottom:15px
}
.page2 a {
    color:#010101;
    font-weight:700
}
.page2 a:hover {
    color:#0680ff
}
.xw_ri {
    width:37.5%
}
.xw_tj {
    padding:25px;
    padding-top:20px;
    border-radius:4px;
    background:#fff;
    box-shadow:0 0 6px rgba(80,178,213,.38)
}
.xw_ri .xw_tj:first-child {
    margin-bottom:20px
}
.xw_tj_tit {
    display:flex;
    align-items:center
}
.xw_tj h3 {
    flex:1;
    font-weight:700;
    font-size:18px;
    line-height:24px;
    color:#001123;
    padding-left:10px;
    border-left:6px solid #0680ff
}
.xw_tj ul li {
    padding:5px 0;
    border-bottom:1px solid #c4c4c4
}
.xw_tj ul li a {
    display:block;
    font-size:14px;
    line-height:30px;
    color:#001123;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.xw_tj ul li:hover a {
    color:#0680ff
}
.xw_tj ul li a span {
    float:right;
    font-size:13px
}
.rmbq{
    margin-top: 10px;
}
.rmbq dl{
    display: flex;
    flex-wrap: wrap;
}
.rmbq dl dd{
    font-size: 16px;
    line-height: 36px;
    color: #999999;
    text-align: center;
    margin-top: 10px;
    margin-right: 10px;
    padding: 0 15px;
    border: 1px solid #999999;
    border-radius: 4px;
}
.rmbq dl dd:last-child{
    margin-right: 0;
}
.rmbq dl dd a{
    display: block;
}
.rmbq dl dd:hover{
    color: #ffffff;
    border-color: #F4C771;
    background: #F4C771;
}
.advert .swiper-container {
    padding:6px
}
.advert img {
    margin:0 auto;
    border-radius:9px;
    box-shadow:0 0 5px rgba(80,178,213,.8)
}
.advert .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom:15px
}
.advert .swiper-pagination-bullet {
    width:12px;
    height:12px;
    background:0 0;
    opacity:1;
    border:1px solid #fff;
    vertical-align:middle
}
.advert .swiper-pagination-bullet-active {
    background:#fff
}
.new_list {
    padding:15px;
    padding-bottom:30px
}
.new_list ul li {
    box-shadow:0 0 16px rgba(0,0,0,.08);
    margin-bottom:15px;
    border-radius:5px;
    padding:18px 20px;
    transition:all .5s ease
}
.new_list ul li h2 {
    font-size:16px;
    font-weight:700;
    margin-bottom:6px
}
.new_list ul li h3 {
    font-size:14px;
    line-height:23px;
    color:#8e8e8e;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden
}
.new_list ul li:hover {
    background:#0680ff
}
.new_list ul li:hover h2,.new_list ul li:hover h3 {
    color:#fff;
    transition:all .5s ease
}
.new_list .page {
    padding-top:10px
}
.learning {
    padding:20px 0 50px
}
.box {
    border-radius:4px;
    background:#fff;
    box-shadow:0 0 16px rgba(0,0,0,.08)
}
.learning_lf {
    padding:20px 40px
}
.information_tit {
    margin-bottom:20px
}
.qa_tit {
    position:relative;
    flex:1
}
.qa_tit h3 {
    font-size:14px;
    color:#001123
}
.qa_tit h1,.qa_tit h4,.qa_tit h5 {
    font-size:22px;
    font-weight:700;
    color:#001123;
    margin-bottom:5px
}
.qa_tit:after {
    content:" ";
    display:block;
    height:4px;
    width:36px;
    background:#0680ff;
    border-radius:2px
}
.news_con_left_3 ul {
    margin-top:30px
}
.learning_lf ul li {
    padding:20px;
    box-shadow:0 0 16px rgba(0,0,0,.08);
    border-radius:5px;
    margin-bottom:20px;
    transition:all .5s ease
}
.learning_lf ul li:hover {
    background:#5cc1e8
}
.learning_lf ul li:hover h2,.learning_lf ul li:hover h3 {
    color:#fff;
    transition:all .5s ease
}
.learning_lf ul li img {
    display:inline-block;
    vertical-align:middle;
    margin-right:10px
}
.learning_lf ul li h2 {
    font-size:17px;
    font-weight:700;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.learning_lf ul li h2 span {
    float:right;
    font-size:15px;
    font-weight:400
}
.learning_lf ul li h3 {
    font-size:16px;
    margin-top:10px;
    color:#7c7c7c
}
.banner_three {
    background:url(../images/zixun_02.jpg) top center no-repeat;
    background-size:cover
}
.information_img img {
    width:100%
}
.information_one h3 {
    font-size:14px;
    line-height:40px;
    color:#fff;
    padding-left:10px;
    padding-right:20px;
    background:rgba(0,0,0,.87)
}
.information_one .swiper-slide:hover h3 {
    color:#029fdc
}


.information_two {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
.information_ul {
    width:49%;
    margin-top:20px;
    padding:15px;
    padding-bottom:25px
}
.information_tit {
    display:flex;
    align-items:center
}
.Nmore {
    width:90px;
    height:32px;
    font-size:14px;
    border:1px solid #001123;
    box-sizing:border-box;
    border-radius:2px;
    text-align:center;
    line-height:30px
}
.Nmore:hover {
    color:#029fdc;
    border-color:#029fdc
}
.information_two .information_tit {
    margin-bottom:15px
}
.information_two .information_tit h5 {
    font-size:18px
}
.information_two dl a {
    display:block;
    font-size:14px;
    color:#001123;
    margin-top:12px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.information_two dl a:hover {
    color:#029fdc
}
.information_two dl a span {
    float:right;
    font-size:13px
}
.information_two .w100 {
    width:100%;
    padding-bottom:10px
}
.information_ul ul {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
.information_ul ul li {
    width:49.3%;
    margin-bottom:15px
}
.information_ul ul li p {
    width:100%;
    height:36px;
    font-size:14px;
    color:#fff;
    background:rgba(0,0,0,.87);
    line-height:36px;
    text-align:left;
    padding-left:10px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.information_ul ul li:hover p {
    color:#029fdc
}
.xgrc {
    margin:20px 0
}
.xgrc a {
    padding:3px 6px;
    background:#e6f4f9
}
.xgrc a:hover {
    color:#fff;
    background:#f4c771
}
.xw_tj_tit {
    padding-bottom:15px;
    border-bottom:1px solid #dadada
}
.xw_five{
    position: relative;
    margin: 10px 0;
}
.xw_five img{
    margin: 0;
}
.xw_fivw_more{
    position: absolute;
    left: 5.5%;
    top: 73%;
    display: flex;
    align-items: center;
}
.xw_fivw_more a{
    display: inline-block;
    min-width: 89px;
    font-size: 18px;
    line-height: 28px;
    color: #ffffff;
    text-align: center;
    margin-right: 3px;
    padding: 0 2px;
    border: 1px solid #ffffff;
    border-radius: 9px;
    background: linear-gradient(to bottom,#2aa5d1,#80c6df);
}
.xw_fivw_more a:hover{
    background: #f4c771;
}
.xw_kctj a{
    display: block;
    margin-top: 15px;
}
.xw_kctj img{
    margin: 0 auto;
}