body {
    font-family: "microsoft yahei";
    font-size: 14px;
    background-color: #ffffff;
    color: #3b3d41;
    word-wrap: break-word;
    line-height: 22px;
}

html {
    scroll-behavior: smooth;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

h1 {
    font-size: 1.5em
}

h2 {
    font-size: 1.3em
}

h3 {
    font-size: 1.1em
}

* {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

ul {
    list-style-type: none;
    
}

select,input,button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    box-shadow: none
}

button,select {
    text-transform: none
}
button:hover {
    cursor: pointer;
  }

img {
    max-width: 100%;
    border: 0
}

a {
    text-decoration: none;
    color: #0985DF;
}

a:hover {
    color: #0985DF;
}
.content{
    width: 1200px;
    margin: auto;
}

.structure-fw {
    display: flex;
    flex-wrap: wrap
}

.structure-fn {
    display: flex;
    flex-wrap: nowrap
}

.structure-jc {
    display: flex;
    justify-content: space-between;
}

.structure-ct {
    display: flex;
    justify-content: center;
}
.view-wz {
    position: relative
}

.level-center {
    align-items: center
}
.space-pd{
    padding: 75px 0 60px;
}

/* 头部 */
.head{
    background-color: #ffffff;
    height: 70px;
}
.septal_line{
    height: 22px;
    width: 1px;
    background-color: #D9D9D9;
    margin: 0 12px;
}
.logo_p{
    height: 70px;
}
.solg_p{
    height: 20px;
}
.head_right{
    color: #0985DF;
}
.icon_tel{
    height: 30px;
}
.tel{
    height: 36px;
    margin-left: 6px;
}
/* 导航 */
.nav{
    height: 50px;
    line-height: 50px;
    background-color: #ffffff;
}
.nav ul li{
    width: 132px;
    text-align: center;
}
.nav a{
    color: #333333;
    position: relative;
    z-index: 3;
}
.nav a:hover{
    border-bottom: 4px solid #0985DF;
    padding-bottom: 12px;
    color: #0985DF;
}
a.active{
    font-weight: bold;
}
a.active{
    border-bottom: 4px solid #0985DF;
    padding-bottom: 12px;
}
.secondary_menu{
    position: absolute;
    background-color: #ffffff;
    width: 100px;
    left: calc(50% - 50px);
    text-align: center;
    border-radius: 0 0 5px 5px;
    display: none;
    padding: 12px 0;
    z-index: 3;
}
.menu_active .secondary_menu a{
    display: block;
    height: 40px;
    line-height: 40px;
}
.menu_active .secondary_menu a:hover{
    color: #0985DF;
    border-bottom:none;
}
.menu_active{
    cursor: pointer;
}
.menu_active:hover .secondary_menu{
    display: block;
}

/* 轮播 */
.slider-container {
    position: relative;
    max-width: 100%;
    height: 420px;
    background-color: #3441B9;
    margin: 0 auto;
    overflow: hidden;
}

.slider {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.slide {
    flex: 0 0 100%;
    min-height: 420px;
}

.slide img {
    width: 1920px;
    height: 420px;
}

.slider-controls {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    position: absolute;
    bottom: 20px;
    left: calc(50% - 30px);
}

.slider-control {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #D9D9D9;
    margin: 0 5px;
    cursor: pointer;
}

.slider-control.active {
    background-color: #ffffff; /* 激活状态的颜色 */
}

/*  */
.title{
    font-size: 34px;
    line-height: 34px;
    text-align: center;
}
.title p{
    display: inline;
    position: relative;
    z-index: 2;
}
.title span{
    color: #EE9F00;
    position: relative;
    z-index: 2;
}
.title:after{
    content: 'BUSINESS MODULE';
    text-shadow: 0 1px #E3E3E3, 1px 0 #E3E3E3, -1px 0 #E3E3E3, 0 -1px #E3E3E3;
    color: #ffffff;
    position: absolute;
    bottom: -26px;
    font-size: 44px;
    line-height: 44px;
    text-align: center;
    display: block;
    width: 1200px;
    z-index: 1;
}
.view-one-bg{
    background-image: url(../images/Group\ 1226.png);
    background-size: 120%;
    background-repeat: no-repeat;
    background-position: center;
}
.view-lists-one{
    margin-top: 50px;
}
.view-lists-li{
    width: 380px;
    height: 380px;
    background-color: #ffffff;
    margin: 20px 30px 20px 0;
}
.view-lists-li h3{
    padding: 30px 30px 20px;
    font-size: 24px;
}
.view-lists-li p{
    padding: 0 30px 0;
}
.view-lists-li:nth-child(3n){
    margin-right: 0;
}

.bxys-title:after{
    content: 'EDUCATIONAL ADVANTAGES';
}

.Mask-content{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 380px;
    height: 0;
    background-color: rgba(3, 133, 233, 0.95);
    overflow: hidden;
    transition: all 0.2s ease-in-out;
    
}
.view-lists-li:hover .Mask-content{
    display: block;
    height: 380px;
    cursor: pointer;
    padding: 80px 40px 0;
}
.Mask-content h4{
    color: #ffffff;
    margin-left: 10px;
    position: relative;
    top: -5px;
}
.Mask-content img{
    height: 36px;
}
.Mask-content p{
    color: #ffffff;
    margin-top: 45px;
    padding: 0;
}
.Mask-content a{
    display: block;
    width: 260px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 20px;
    background-color: #ffffff;
    margin-top: 45px;
}
/* 办学优势 */
.view-lists-two{
    margin-top: 80px;
}
.education-advantage{
    width: calc(100% - 512px - 30px);
}
.advantage{
    margin-bottom: 25px;
}
.advantage:first-child b{
    text-shadow: 0 1px #0985DF, 1px 0 #0985DF, -1px 0 #0985DF, 0 -1px #0985DF;
}
.advantage b{
    text-shadow: 0 1px #999999, 1px 0 #999999, -1px 0 #999999, 0 -1px #999999;
    font-size: 80px;
    color: #ffffff;
    line-height: auto;
}
.advantage div{
    width: calc(100%  - 100px - 20px);
}
.advantage h3{
    margin-bottom: 10px;
    font-size: 20px;
}
.advantage p{
    color: #666666;
}

/* 用心为教育 */
.jx-title::after{
    display: none;
}
.title-discript{
    text-align: center;
    margin: 40px auto;
    font-size: 16px;
}
.eduction-study{
    width: 295px;
    height: 120px;
    background-image: url(../images/eduction-study1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    text-align: center;
    margin: 0 6px;
}
.eduction-study b{
    color: #0985DF;
    font-size: 34px;
    margin: 30px 20px 15px 0;
    display: block;
}
.eduction-study p{
    font-size: 20px;
    margin-right: 20px;
}
.bg-four{
    width: 272px;
    height: 144px;
    background-image: url(../images/eduction-study2.png);
}

.flex-direction{
    flex-direction:row-reverse;
}
.bg-five{
    background-image: url(../images/eduction-study3.png);
    margin: 0 12px;
}
.bg-five p,
.bg-five b{
    margin-left: 20px;
    margin-right: 0px;
}

.bg-six{
    background-image: url(../images/eduction-study4.png);
    margin: 0 12px;
}
.bg-six p,
.bg-six b{
    margin-left: 20px;
    margin-right: 0px;
}
.bg-seven{
    background-image: url(../images/eduction-study5.png);
    margin: 0 12px;
}
.bg-seven p,
.bg-six b{
    margin-right: 0px;
}
.eduction-study-p{
    width: 1023px;
    height: 80px;
    border-radius: 10px;
    background-color: #EE9F00;
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    line-height: 80px;
    margin: 35px auto 0;
}

/*  */
.view-bg{
    height: 452px;
    width: 100%;
    background-image: url(../images/view-bg.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin: 40px 0;
}
.data-advin{
    text-align: center;
}
.data-advin h4{
    color: #ffffff;
    font-size: 46px;
    line-height: 46px;
}
.data-advin span{
    height: 4px;
    border-radius: 2px;
    background-color: #ffffff;
    width: 27px;
    margin: 15px;
    display: inline-block;
}
.data-advin p{
    color: #ffffff;
    font-size: 20px;
}
.bottom-data-advin{
    margin-top: 80px;
}

/* 自我提升 */
.self-title::after{
    content: 'WHY SELT IMPROVEMENT';
}
.self-improvement{
    margin-top: 80px;
}
.self-improvement li{
    background-color: #ffffff;
    width: 276px;
    height: 324px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.10);
    margin-right: calc((100% - 1108px) / 3);
}
.self-improvement li:nth-child(-n+4){
    margin-bottom: 40px;
}
.self-improvement li:nth-child(4n){
    margin-right: 0;
}
.self-improvement h3{
    font-size: 20px;
    color: #0985DF;
    text-align: center;
    padding: 25px 0;

}
.self-improvement p{
    padding: 0 15px;
    line-height: 24px;
}

/* 热门问答 */
.rmwd-title::after{
    content: 'POPULAR Q&A';
}
.Popular-QA{
    margin-top: 80px;
}
.Popular-QA li{
    background-color: #ffffff;
    width: 590px;
    border-radius: 10px;
    padding: 25px 20px;
    box-shadow: 0 0 20px rgba(214, 214, 214, 0.30);
    margin-bottom: 20px;
}
.Popular-QA li:nth-child(odd){
    margin-right: 20px;
}
.Popular-QA b{
    color: #044F9F;
    font-size: 26px;
    font-style: italic; 
}
.Popular-QA h4{
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 8px;
}
.Popular-QA p{
    color: #999999;
    font-size: 14px;
}
.Popular-QA div{
    width: calc(100% - 34px);
    padding-left: 15px;
}

/* 在线测试 */
.onlinetest-select,
.onlinetest-inpuct{
    border: 1px solid #0985DF;
    background-color: #F2FBFF;
    height: 50px;
    padding: 15px;
    color: #999999;
    width: 373px;
    font-size: 18px;
    border-radius: 6px;
    background-image: url(../images/don-icon.png);
    background-size: 19px 12px;
    background-repeat: no-repeat;
    background-position: 340px center;
}
.onlinetest-inpuct{
    background-image: none;
}
.form-view{
    min-width: 540px;
    display: flex;
    justify-content: flex-end;
    font-size: 18px;
    margin-bottom: 25px;
}
.form-view:nth-child(even){
    width: calc(100% - 540px);
}
.form-view span{
    color: #FF1313;
}
.sub{
    background-color: #0985DF;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    width: 174px;
    height: 40px;
    display: block;
    margin: 40px auto 0;
    border-radius: 20px;
}
/* 学员风采 */
.view-bg-xyfc{
    background-image: url(../images/Group\ 1228.png);
    height: 566px;
}

.xyfc-title::after{
    content: 'STUDENT STYLE';
    color: #545454;
    opacity: 0.3;
}
.xyfc-title p{
    color: #ffffff;
}

.control-box {
    width: 1200px;
    height: 230px;
    margin-left: auto;
    margin-right: auto;
	margin-top:80px;
}
.control-box ul {
  list-style: none;
  position: relative;
  z-index: 2;
}
.control-box ul li {
  position: absolute;
  top: 125px;
  cursor: pointer;
}
.prev {
  left: 0;
}
.next {
  right: 0;
}
.bigbox {
  width: 1032px;
  height: 289px;
  margin: auto 0px auto;
}
.box-img{
    width: 245px;
    height: 289px;
    background-color: #ffffff;
    text-align: center;
    margin: auto;
    cursor: pointer;
}
.box-img img {
    margin-top: 6px;
    
}
.box-img:hover p{
    color: #0985DF;
}
.box-img p{
    margin-top: 10px;
    font-size: 16px;
    color: #333333;
    display: inline-block;
}
#switcher {
  height: 289px;
  left: 0px;
}
.content_1.content_2 {
  width: 100%;
  float: left;
}
.box {
  width: 255px;
  height: 289px;
  float: left;
}

/* 新闻中心 */
.news-title::after{
    content: 'NEWS CENTER';
}
.news-center{
    margin-top: 80px;
}
.news-center li{
    background-color: #ffffff;
    padding: 30px 20px;
    width: 380px;
    height: 450px;
    margin: 0 10px;
}
.news-top{
    text-align: center;
    border-bottom: 1px solid #DEDEDE;
    padding: 10px 0;
}

.news-top h4{
    color: #0985DF;
    font-size: 20px;
    margin: 5px 0 15px;
}
.news-b{
    margin: 25px 0 0 0;
}
.news-b a{
    color: #333333;
    padding: 6px 0;
    display: block;
    font-size: 14px;
    padding-left: 15px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news-b a:hover{
    color: #0985DF;
}
.news-b a::before{
    content: '';
    height: 6px;
    width: 6px;
    border-radius: 3px;
    background-color: #D9D9D9;
    display: block;
    position: absolute;
    left: 0;
    top: 13px;
}
.link-news{
    display: block;
    background-color: #0985DF;
    color: #ffffff;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    width: 260px;
    text-align: center;
    margin: 30px auto;
}
.news-center li:hover .link-news{
    color: #ffffff;
}
/* 合作学校 */
.school-title::after{
    content: 'PARTERS';
}
.partners{
    margin-top: 80px;
}
.partners li{
    text-align: center;
}
.partners p{
    margin: 15px 0;
}

/* 底部 */
.footer{
    background-color: #001F4A;
    margin-top: 30px;
}
.Convenient-nav{
    padding: 10px 0;
}
.Convenient-nav,
.Convenient-nav a{
    color: #ffffff;
    font-size: 16px;
}
.Convenient-nav span{
    height: 10px;
    width: 1px;
    background-color: #ffffff;
    display: inline-block;
    margin: 0 15px;
}
.foot-erweima p{
    font-size: 14px;
    color: #ffffff;
    text-align: center;
}
.foot-top{
    padding: 30px;
}
.footer-b{
    background-color: #00193D;
    text-align: center;
    padding: 30px 0;
}
.footer-b a,
.footer-b p{
    color: #999999;
}
.footer-b p{
    margin-bottom: 15px;
}

/* 学校简介 */
.school-profile{
    height: 380px;
    width: 100%;
    background-image: url(../images/school-profile.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
}
.school-profile h4{
    font-size: 40px;
    line-height: 40px;
    color: #ffffff;
    margin-top: 20px;
}
.school-profile p{
    width: 950px;
    color: #ffffff;
    margin: 50px auto 0;
    font-size: 16px;
    line-height: 32px;
}
/* 主营业务 */
.zyyw-title::after{
    content: 'MAIN BUSINESS';
}
.school-pro h3{
    color: #333333;
    font-size: 18px;
}

/* 学校特色 */
.xxts-title::after{
    content: 'CHARACTERISTIC';
}
.characteristic-left{
    padding-left: 20px;
    position: relative;
}
.characteristic-left img{
    position: relative;
    z-index: 1;
}
.characteristic-left:after{
    content: '';
    display: block;
    width: 312px;
    height: 80px;
    background-color: #0985DF;
    position: absolute;
    top: -20px;
    left: 0px;
    z-index: 0;
}
.characteristic-right{
    width: 746px;
    height: 285px;
    background-color: #ffffff;
    padding: 30px 30px;
}
.characteristic-right p{
    font-size: 20px;
    line-height: 50px;
    text-indent: 2em;
}
.characteristic-right b{
    text-indent: 2em;
    font-size: 20px;
    line-height: 20px;
}
.characteristic-right div{
    margin-top: 20px;
}

/* 学校荣誉 */
.School-Honors{
    height: 300px;
    width: 100%;
    background-image: url(../images/School-Honors1.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
}
.School-Honors h4{
    font-size: 40px;
    line-height: 40px;
    color: #ffffff;
    margin-top: 20px;
}
.Honors{
    background-color: #ffffff;
    border-radius: 10px;
    padding: 70px 50px;
    position: relative;
    top: -100px;
    box-shadow: 0 0 15px rgba(142, 142, 142, 0.25);
}
.Honors li{
    text-align: center;
}
.Honors p{
    min-width: 260px;
    text-align: center;
    margin: 20px auto 0;
    height: 34px;
    line-height: 34px;
    border-radius: 17px;
    display: inline-block;
    background-color: #eeeeee;
}

/* 学校环境 */
.School-Environment{
    background-image: url(../images/School-Environment1.png);
}
.Environment{
    background-color: #ffffff;
    border-radius: 10px;
    padding: 50px 80px;
    position: relative;
    top: -100px;
    box-shadow: 0 0 15px rgba(142, 142, 142, 0.25);
}
.Environment ul{
    margin-top: 50px;
}
.Environment p{
    font-size: 16px;
    text-align:center;
    line-height: 32px;
}
.Environment-l img{
    width: 502px;
    height: 388px;
}
.Environment-c,
.Environment-r{
    width: 228px;
}
.Environment-c img,
.Environment-r img{
    width: 228px;
    height: 177px;
}
.Environment-c img:first-child,
.Environment-r img:first-child{
    margin-bottom: 28px;
}

/* 学历提升 */
.Education-improvement{
    height: 277px;
    width: 100%;
    background-image: url(../images/Education-improvement1.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.improvement_menu{
    width: calc(230px + 540px);
    border-radius: 0;
    left: -264px;
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
}
.menu_active:hover .improvement_menu{
    display: flex;
}
.improvemen-left{
    width: 230px;
    height: 277px;
    background-color: #3D3D3D;
    padding: 20px;
    color: #ffffff;
}
.improvemen-left p{
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    text-align: left;
}
.menu_active .improvemen-left a{
    color: #ffffff;
    font-size: 12px;
    line-height: 16px;
    height: 16px;
    text-align: left;
    margin-right: 15px;
    display: inline-block;
}
.Column{
    /* height: 48px; */
    display: flex;
    flex-direction: column;
}
.Column div{
    height: 35px;
    line-height: 35px;
}
.Columnlist{
    padding: 16px 0;
}
.Columnlist:nth-child(2){
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
}
.improvemen-right{
    width: 540px;
    height: 277px;
    overflow: auto;
    background-color: rgba(255, 255, 255, 0.95);
    padding: 20px 35px;
}
.menu_active .improvemen-right li{
    width: 100%;
    text-align: left;
    padding: 15px 0px;
    
}
.menu_active .improvemen-right li:nth-child(2){
    border-bottom: 1px solid #DEDEDE;
    border-top: 1px solid #DEDEDE;
}
.Columnlist-right p{
    font-size: 16px;
    height: 20px;
    line-height: 20px;
}
.menu_active .Columnlist-right a{
    color: #666666;
    font-size: 12px;
    line-height: 16px;
    height: 16px;
    margin-right: 15px;
    display: inline-block;
}
.Columnlist-right div{
    padding: 12px 0 0;
}

/* 报考学校 */
.Applying-school{
    /* height: 580px; */
    width: 100%;
    background-image: url(../images/Applying-school.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.space-pd-school{
    padding: 50px 0 30px;
}
.edu-title{
    font-size: 24px;
}
.schoollist{
    width: 276px;
    height: 194px;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(150, 150, 150, 0.25);
    overflow: hidden;
    margin: 15px calc((100% - 1108px) / 3) 15px 0;
}
.schoollist:nth-child(4n){
    margin-right: 0;
}
.schoollist div{
    height: 150px
}
.schoollist p{
    line-height: 44px;
    text-align: center;
}
.schoollist a{
    color: #333333;
}
.schoollist-logo{
    position: absolute;
    bottom: 10px;
    left: 15px;
}
.schoollist:hover{
    box-shadow: 0 0 10px rgba(150, 150, 150, 0.4);
}
.schoollist:hover a{
    color: #0985DF;
}
.scaleimg{
    width: 277px;
    height: 155px;
    overflow: hidden;
}
.scaleimg img{
    transition: all 0.4s ease-in-out;
}
.schoollist:hover .scaleimg img{
    transform: scale(1.2);
}
.school-ul{
    margin: 20px 0 0;
}
/* 自考热门专业 */
.zy-title{
    border-left: 7px solid #00BF86;
    padding-left: 10px;
}
.hot-major{
    height: 230px;
}
.schoollist .major-text{
    height: auto;
}
.hot-major h4{
    font-weight: normal;
    font-size: 16px;
    padding: 15px 15px 0;
}
.major-text{
    padding: 6px 15px 0;
    font-size: 12px;

}
.major-text a{
    color: #999999;
}
.hot-major p{
    line-height: 26px;
}
.hot-major img{
    margin-right: 2px;
}
/* 成考 */
.ck-title{
    border-left: 7px solid #9086FF;
    padding-left: 10px;
}
.Chengkao{
    height: 240px;
    width: 100%;
    background-image: url(../images/hot-major9.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: -20px;
}
/* 开放教育 */
.kf-title{
    border-left: 7px solid #0985DF;
    padding-left: 10px;
}

/* 自学考试 */
.self-study{
    height: 277px;
    width: 100%;
    background-image: url(../images/self-study1.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.Breadcrumbs,
.Breadcrumbs a{
    color: #666666;
    font-size: 14px;
    padding: 15px 0;
}
.Breadcrumbs a:hover{
    color: #0985DF;
}
.self-study-l{
    width: 220px;
    height: 343px;
    background-color: #ffffff;
    border-radius: 10px;
}
.self-study-l h3{
    font-size: 26px;
    letter-spacing: 6px;
    color: #ffffff;
    height: 100px;
    line-height: 100px;
    background-image: url(../images/self-study2.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
}
.self-study-l a{
    font-size: 22px;
    display: block;
    padding: 25px 0;
    margin: 0 10px;
    text-align: center;
    color: #333333;
    border-bottom: 0.5px solid #c1c1c1;
}
.self-study-l a.active-a{
    color: #0985DF;
    font-weight: bold;

}
.self-study-l a:last-child{
    border: none;
}
.self-study-l div{
    margin: 10px 0 0;
}
.self-study-r{
    width: 960px;
    background-color: #ffffff;
    border-radius: 10px;
}
.self-study-r h2{
    font-size: 24px;
    padding: 40px 15px;
    border-bottom: 0.5px solid #c1c1c1;
    text-align: center;
}
.article-side{
    padding: 40px;
}
.article-side p{
    font-size: 16px;
    line-height: 28px;
    text-indent: 2em;
    padding: 15px 0;
}
.article-side .article-img{
    width: 100%;
    height: auto;
    margin: 15px auto;
}
.article-side h4{
    font-size: 18px;
    color: #0985DF;
    margin: 15px 0;
}
.article-img-lr{
    text-align: center;
}
.article-img-lr span{
    display: block;
    padding: 15px 0;
}
.article-img-lr li{
    width: 50%;
}

/* 学校 */
.school{
    height: 422px;
    width: 100%;
    background-image: url(../images/school-img1.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    padding: 50px 30px 0 50px;
}
.school-logo{
    width: 252px;
}
.logo-ds{
    width: 252px;
    height: 252px;
    background-color: #ffffff;
    border-radius: 10px;
    text-align: center;
    
}
.logo-ds img{
    margin-top: 20px;
}
.tag-logo p{
    color: #ffffff;
    padding: 20px 0;
    margin: 0 5px;
}
.tag-logo img{
    margin-right: 5px;
}
.school-right{
    color: #ffffff;
    width: 810px;
}
.school-right h4{
    font-size: 34px;
    line-height: 36px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}
.school-tag{
    margin-top: 15px;
}
.school-tag p{
    width: 80px;
    margin-top: 4px;
}
.school-tag li{
    height: 30px;
    line-height: 30px;
    padding: 0 8px;
    border: 1px solid #ffffff;
    border-radius: 5px;
    margin-right: 10px;
    margin-bottom: 15px;
    cursor: pointer;
}
.school-tag ul{
    width: calc(100% - 80px);
}
.school-tag li.click{
    background-color: #ffffff;
    color: #0985DF;
}
.school-btn{
    margin-top: 20px;
}
.school-btn button{
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #ffffff;
    background-color: #FFB800;
    border: 1px solid #ffffff;
    display: block;
    border-radius: 20px;
    font-weight: bold;
}
.school-btn button:last-child{
    background-color: #FF7A00;
    margin-left: 20px;
}
.School-Introduction{
    background-color: #ffffff;
    padding: 40px 50px;
    margin-top: 20px;
}
.School-Introduction h2{
    font-size: 24px;
}
.School-Introduction span{
    text-shadow: 0 1px #E3E3E3, 1px 0 #E3E3E3, -1px 0 #E3E3E3, 0 -1px #E3E3E3;
    font-size: 80px;
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    margin-left: 6px;
}
.School-Introduction p{
    font-size: 16px;
    line-height: 30px;
    text-indent: 2em;
    padding: 15px 0;
}
.schol-intext{
    margin: 35px 0;
}
.School-Introduction img{
    /* float: left;
    margin-right: 30px; */
}

/* 专业 */
.speciality-bg{
    height: 250px;
    width: 100%;
    background-image: url(../images/speciality1.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.speciality{
    position: relative;
    z-index: 2;
    margin-top: -240px;
}
.speciality .Breadcrumbs,
.speciality .Breadcrumbs a{
    color: #ffffff;
}
.speciality-js{
    background-color: #ffffff;
    width: 1200px;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(207, 224, 249, 0.50);
}
.Applying-left{
    width: calc(100% - 440px);
}
.Applying-left h4{
    font-size: 24px;
    line-height: 24px;
}
.Applying-js{
    padding: 20px 0;
    border-bottom: 1px solid #E9E9E9;
    margin-bottom: 20px;
}
.Applying-tag{
    margin-top: 10px;
}

.Applying-tag span{
    color: #666666;
}
.Applying-tag a{
    height: 26px;
    line-height: 26px;
    padding: 0 6px;
    border: 1px solid #0985DF;
    border-radius: 5px;
    display: inline-block;
}
.Applying-bt{
    margin-top: 20px;
}
.Applying-test span{
    text-shadow: 0 1px #E3E3E3, 1px 0 #E3E3E3, -1px 0 #E3E3E3, 0 -1px #E3E3E3;
    font-size: 80px;
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
}
table {
    border-collapse: collapse;
}
table, td, th{
    border: 1px solid #E3E3E3;
}
.table-datas{
    width: 100%;
    margin: 0;
}
.table-datas th{
    background-color: rgba(63, 160, 255, 0.10);
}
.table-datas td, .table-datas th {
    padding: 10px;
    text-align: center;
}
.Applying-bt .table-datas{
    margin: 30px 0 10px;
}

/* 技能认定 */
.skill-bg{
    height: 277px;
    width: 100%;
    background-image: url(../images/Skill-recognition1.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.skill-bg h4 {
    font-size: 40px;
    line-height: 40px;
    color: #ffffff;
    margin-top: 40px;
    text-align: center;
}
.rmgz-title:after{
    content: 'POPULAR JOB TYPES';
}
.skill-lists{
    margin-top: 80px;
}
.skill-lists li{
    margin-top: 0;

}
.kzhc-title:after{
    content: 'TEXTUAL RESEARCH';
}
.space-top{
    padding-bottom: 20px;
}
.Benefits-l img{
    width: 180px;
    height: 690px;
}
.Benefits-r{
    width: calc(100% - 180px - 50px);
}
.Benefits-msg{
    background-color: #ffffff;
    width: 460px;
    height: 150px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgb(39, 95, 180, 0.1);
    padding: 25px 30px;
    display: inline-block;
}
.Benefits-msg:nth-child(odd){
    margin-right: 45px;
}
.Benefits-msg h4{
    font-size: 20px;
}
.Benefits-msg span{
    font-size: 30px;
    color: #0985DF;
}
.Benefits-msg p{
    font-size: 16px;
    color: #666666;
    line-height: 28px;
    margin-top: 15px;
}

.zs-title:after{
    content: 'CERTIFICATE DISPLAY';
}
.Certificate-display img{
    margin: 0 20px 30px;
}
.Certificate-display::after{
    content: '';
    display: block;
    position: absolute;
    width: 1200px;
    height: 200px;
    background-color: #0985DF;
    z-index: -1;
    bottom: 0;
    left: 0;;
}
.cx-title:after{
    content: 'CERTIFICATE DISPLAY';
}
.Certificate-Query{
    width: 1200px;
    padding: 40px 0;
    border-radius: 10px;
    background-color: #E5F4FF;
    border: 1px solid #0985DF;
    text-align: center;
    margin-bottom: 25px;
}

/* 工种详情 */
.skill-datails{
    width: calc(100% - 360px);
}
.skill-datails span{
    border: 1px solid #CCCCCC;
    height: 30px;
    line-height: 30px;
    padding: 0 6px;
    border-radius: 5px;
    display: inline-block;
    margin: 0 5px;
}
.skill-datails b{
    font-size: 18px;
    font-weight: normal;
}
.skill-title{
    width: 120px;
    margin: auto;
    font-size: 30px;
    line-height: 30px;
}
.skill-title::before{
    content: '';
    display: block;
    width: 267px;
    height: 26px;
    position: absolute;
    background-image: url(../images/skill-dateils2.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    top: 2px;
    left: -280px;
}
.skill-title::after{
    content: '';
    display: block;
    width: 267px;
    height: 26px;
    position: absolute;
    background-image: url(../images/skill-dateils3.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    top: 2px;
    left: 133px;
}
.skill-content{
    padding: 50px 50px 10px;
}
.skill-content h3{
    font-size: 18px;
    margin-bottom: 4px;
}
.skill-content p{
    font-size: 16px;
    line-height: 28px;
    padding: 6px;
}
.Career-prospects{
    border-radius: 20px;
    background-color: #DFF2FF;
    padding: 55px 60px;
    margin: 50px 0 10px;
}
.Career-prospects p{
    text-indent: 2em;
    color: #185A89;
    line-height: 32px;
}


/* 政策补贴 */
.Policy-subsidies{
    height: 277px;
    width: 100%;
    background-image: url(../images/Policy-subsidies1.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.rmbt-title::after{
    content: 'SUBSIDY STANDARDS';
}
.Policy-subsidies-BG{
    height: 575PX;
    width: 100%;
    background-image: url(../images/Policy-subsidies2.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.Policy-img{
    display: block;
    margin: 90px auto 0;
}
.sqtj-title{
    color: #FFFFFF;
}
.sqtj-title::after{
    content: 'APPLICATION CONDITIONS';
    color: #545454;
    opacity: 0.3;
}
.Application{
    background-image: url(../images/Policy-subsidies4.png);
    height: 673px;
    margin: 0;
}
.Application-tj{
    background-color: #ffffff;
    border-radius: 10px;
    padding: 30px 50px;
    margin-top: 80px;
}
.Application-tj h4{
    color: #0985DF;
    font-size: 18px;
    margin-bottom: 10px;
}
.Application-tj p{
    font-size: 16px;
    line-height: 32px;
}
.Application-tips{
    padding: 30px 50px;
    color: #ffffff;
    font-size: 14px;
}
.Application-tips b{
    margin-bottom: 10px;
    display: block;
}
.Application-tips p{
    line-height: 32px;
}

.sqal-title::after{
    content: 'APPLICATION CASE';
}
.Application-case li{
    margin: 0 20px;
}

/* 职业培训 */
.vocational-training{
    border-top: 6px solid #0985DF;
}
.training{
    padding: 30px 0 0;
}
.training-classify span{
    color: #666666;
    font-size: 16px;
}

.training-classify li{
    padding: 0 20px;
    font-size: 16px;
}
.onclick{
    color: #0985DF;
    font-weight: bold;
}
.search{
    width: 350px;
    height: 36px;
    border: 1px solid #D3D6D9;
    border-radius: 5px;
    display: flex;
}
.training-input{
    width: 290px;
    height: 34px;
    border-radius: 5px;
    padding: 0 60px 0 40px;
}
.search-submit{
    width: 60px;
    height: 36px;
    background-color: #0985DF;
    color: #ffffff;
    border-radius: 5px;
}
.training-lists{
    height: 213px;
}
.training-lists div{
    height: 155px;
}
.training-lists p{
    height: 50px;
    line-height: 50px;
}
.training-lists:hover p{
    color: #0985DF;
}
.training-ul{
    padding-bottom: 30px;
}
.tab-button {
    cursor: pointer;
}
.tab-content {
    display: none;
}
.tab-content.onclick {
    display: block;
}
.training-datas h4{
    margin-bottom: 35px;
    font-weight: normal;
    font-size: 24px;
}
.training-datas p{
    font-size: 14px;
    color: #666666;
    margin-bottom: 8px;
}
.training-datas-btn{
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #ffffff;
    background-color: #FF7A00;
    border: 1px solid #ffffff;
    display: block;
    border-radius: 20px;
    font-weight: bold;
    margin-top: 40px;
}
.training-datas-btn:hover{
    color: #ffffff;
}
.introduction-text{
    text-indent: 2em;
    margin: 30px 0 20px;
}
.Registration label{
    font-size: 16px;
    min-width: 48px;
}
.Registration-form{
    margin: 50px auto 20px;
    width: 1000px;
}
.Registration-form ul{
    width: 1000px;
}

.Registration-inpuct{
    border: 1px solid #999999;
    height: 38px;
    padding: 10px;
    flex: 1;
    font-size: 14px;
    border-radius: 6px;
}
.Registration-select {
    height: auto;
}
.Registration-textarea{
    border: 1px solid #999999;
    min-height: 150px;
    padding: 15px;
    width: 948px;
    border-radius: 6px;
}
.leave-message{
    display: flex;
    align-items: self-start;
    margin-top: 30px;
}
.leave-message label{
    margin-top: 6px;
    min-width: 52px;
}
.Registbtn{
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #ffffff;
    background-color: #0985DF;
    border: 1px solid #ffffff;
    display: block;
    border-radius: 20px;
    font-weight: bold;
    margin: 40px auto 0;
}

/* 军队文化 */

.Military-Culture {
    height: 380px;
    width: 100%;
    background-image: url(../images/Military-Culture1.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
}
.Military-Culture h4 {
    font-size: 40px;
    line-height: 40px;
    color: #ffffff;
    margin-top: 20px;
}
.Military-Culture a{
    width: 375px;
    height: 72px;
    border-radius: 35px;
    background-color: #FFCD1A;
    font-weight: bold;
    font-size: 26px;
    text-align: center;
    line-height: 70px;
    margin: 50px auto 0;
    display: block;
    color: #ffffff;
}
.zjs-title::after{
    content: 'SUBSIDY STANDARDS';
}
.Military-Culture-text{
    width: 660px;
}
.Military-Culture-text p{
    text-indent: 2em;
    margin: 15px 0 30px;
    line-height: 30px;
    font-size: 16px;
}
.Military-Culture-bt h4{
    color: #C90D23;
    margin-bottom: 12px;
    font-size: 24px;
    line-height: 24px;
}
.Military-Culture-bt p{
    font-size: 16px;
    line-height: 28px;
}

.Military-Culture-bt{
    border: 1px solid #C90D23;
    background-color: #FFF8F8;
    padding: 40px 60px;
    border-radius: 10px;
    margin-top: 30px;
}
.GWLX-title::after{
    content: 'SUBSIDY STANDARDS';
    text-shadow: 0 1px #C9C9C9, 1px 0 #C9C9C9, -1px 0 #C9C9C9, 0 -1px #C9C9C9;
    color: #ffffff;
    opacity: 0.4;
}
.view-bg-GWLX{
    height: 768PX;
    width: 100%;
    background-image: url(../images/Military-Culture3.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin: 40px 0 0;
}
.position-type{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.position-type h3{
    background-color: #C90D23;
    color: #ffffff;
    font-size: 20px;
    height: 56px;
    border-radius: 10px 10px 0 0 ;
    width: 320px;
    line-height: 56px;
    text-align: center;
}
.position-type div{
    width: 380px;
    background-color: #ffffff;
    border: 1px solid #C90D23;
    padding: 20px;
    border-radius: 10px;
    height: 433px;
}
.type-text h4{
    font-size: 16px;
    line-height: 32px;
    color: #C90D23;
}
.type-text p{
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 20px;
}

.zwjs-title::after{
    content: 'RANK PROMOTION';
}
.view-bg-zwjs{
    height: 997px;
    width: 100%;
    background-image: url(../images/Military-Culture4.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0;
}
.bktj-title::after{
    content: 'APPLICATION REQUIREMENGTS';
}
.promotion img{
    margin: 25px 0 15px;
}

.Requirements{
    width: 1118px;
    margin: auto;
    box-shadow: 0 0 10px rgba(235, 161, 261, 0.54);
    height: 480px;
    border-radius: 10px;
    padding: 30px 40px;
}
.Requirements h4{
    font-size: 16px;
    line-height: 32px;
}
.Requirements p{
    line-height: 32px;
    margin-bottom: 15px;
}
.Bonus-policy{
    background-color: #C90D23;
    border-radius: 10px;
    padding: 30px;
    color: #ffffff;
    margin-top: -45px;
}
.Bonus-policy h4{
    font-size: 20px;
    line-height: 32px;
}
.Bonus-policy p{
    line-height: 32px;
}
/* 新闻中心页面 */
.news-center-page{
    height: 277px;
    width: 100%;
    background-image: url(../images/news-center4.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.news-center-page h4 {
    font-size: 40px;
    line-height: 40px;
    color: #ffffff;
    margin-top: 40px;
    text-align: center;
}
.news-classification{
    border-bottom: 1px solid #D6D7DA;
}
.news-classification li{
    width: 30%;
    text-align: center;
    font-size: 24px;
    padding-bottom: 30px;
    cursor: pointer;
}
.tabonclick{
    font-weight: bold;
    color: #0985DF;
    position: relative;
}
.tabonclick::after{
    content: '';
    position: absolute;
    width: 50px;
    height: 5px;
    border-radius: 2.5px;
    background-color: #0985DF;
    bottom: 0;
    left: calc(50% - 25px);
}

.tabcontent {
    display: none;
    margin: 30px auto 20px;
}
.tabcontent.content-show {
    display: block;
}
.newsli{
    width: 380px;
    height: 290px;
    background-color: #ffffff;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.20);
    padding-top: 30px;
    border-radius: 10px;
    margin: 0 10px 20px;
}
.newsli-img{
    display: block;
    margin: auto;
}
.newsli h4{
    padding: 15px 25px;
    font-weight: normal;
    font-size: 16px;
}
.newsli p{
    padding: 0 25px; 
}
.newsli span{
    color: #999999;
}
.newscenter-img{
    width: 330px;
    height: 160px;
    overflow: hidden;
    margin: auto;
}
.newscenter-img img{
    transition: all 0.4s ease-in-out;
}
.newsli:hover .newscenter-img img{
    transform: scale(1.2);
}
.newsli:hover h4{
    color: #0985DF;
}
.paging a{
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.10);
    color: #666666;
    margin: 10px 5px;
    border-radius: 4px;
}
.paging .pageactive{
    background-color: #0985DF;
    color: #ffffff;
}

/*咨询详情页 */
.news-title-content {
    text-align: center;
}
.news-title-content h3{
    font-size: 32px;
    padding: 40px 0 30px;
}
.news-title-content p{
    font-size: 14px;
    color: #999999;
    padding-bottom: 30px;
    border-bottom: 1px solid #EDEDED;
}
.news-title-content span{
    margin: 0 10px;
}
.newscenter-text{
    line-height: 36px;
    font-size: 18px;
    text-indent: 2em;
    padding: 40px 0 30px;
}
/* 学校风采 */
.school-style{
    height: 277px;
    width: 100%;
    background-image: url(../images/school-style1.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.school-style h4 {
    font-size: 40px;
    line-height: 40px;
    color: #ffffff;
    margin-top: 40px;
    text-align: center;
}
.xy-title::after{
    content: 'STUDENT STYLE';
}

.lc {
    width: 1200px;
    margin: 80px auto 0;
    overflow: hidden;
}

.lc  .right {
    float: left;
    width: 1200px;
    position: relative;
    overflow: hidden;
}
.lc  .right ul li {
    background-color: #fff;
    margin: 0 13px;
    text-align: center;
    float: left;
    width: 274px;
    height: 327px;
    -webkit-transition: box-shadow .2s ease-out;
    transition: box-shadow .2s ease-out;
    box-shadow: 0 0 10px rgb(39, 95, 180, 0.15);
}

.lc  .right .next, .lc  .right .prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    cursor: pointer;
    z-index: 1;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    border-radius: 30px;
    background: rgba(0, 0, 0, .2);
    font-family: simsun;
    transition: all ease-in .4s;
}
.lc  .right .next {
    left: 0px;
}
.lc  .right .prev {
    right: 0px;
    left: auto;
}
.Scroll-left-bg{
    width: 1200px;
    height: 250px;
    background-color: #0985DF;
    position: relative;
    z-index: -1;
    margin-top: -200px;
}
.schoolstylebox{
    padding-top: 10px;
}
.schoolstylebox span{
    color: #333333;
    font-size: 16px;
    padding: 10px;
    display: block;
}
.schoolstylebox:hover span{
    color: #0985DF;
}
.school-style-bgimg{
    height: 1165px;
    width: 100%;
    background-image: url(../images/school-style6.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.zshs-title::after{
    content: 'CERTIFICATE DISPLAY';
}
.lc .right .Scroll-left1 ul li{
    width: 380px;
    height: 324px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .15);
    margin: 10px;
    border-radius: 10px;
}
.lc .right .Scroll-left1 .schoolstylebox{
    padding-top: 20px;
}
.xyal-title::after{
    content: 'STUDENT CASES';
}
.lc .right .Scroll-left1 ul .studentcases{
    height: 453px;
    box-shadow: none;
}
.lc .right .Scroll-left1 ul .studentcases-text{
    width: 358px;
    height: 443px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .15);
    border-radius: 10px;
    margin: auto;
    padding: 30px;
}
.studentcases-title{
    margin-bottom: 15px;
}
.studentcases-title h4{
    font-size: 18px;
    color: #0985DF;
    margin: 0 5px;
}
.studentcases-title p{
    font-size: 14px;
    color: #999999;
    margin: 0 5px;
}
.studentcases-msg{
    text-align: left;
    text-indent: 2em;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 26px;
}
.studentcases-bt-bg{
    height: 128px;
    width: 380px;
    background-image: url(../images/school-style10.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    bottom: 100px;
    color: #ffffff;
    line-height: 180px;
    padding: 0 15px;
}



/* 联系我们 */
.lxwM-title::after{
    content: 'CONTACT US';
}
.contactus-bg{
    height: 277px;
    width: 100%;
    background-image: url(../images/contact-us1.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.contactus-bg h4 {
    font-size: 40px;
    line-height: 40px;
    color: #ffffff;
    margin-top: 40px;
    text-align: center;
}
.contact-ads{
    width: calc(100% - 560px - 40px);
}
.contact-ads p{
    font-size: 20px;
    margin-left: 15px;
}
.contact-ads span{
    color: #666666;
}
.contact-ads div{
    margin: 15px 0 20px 0;
}
.contactus-erweima{
    font-size: 14px;
    text-align: center;
    color: #666666;
}
.contactus-erweima li{
    padding: 20px 15px 0 15px;
}
.contactus-erweima p{
    padding: 8px 0 0;
}
.contactus-img{
    height: 928px;
    width: 100%;
    background-image: url(../images/contactus4.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.contacu-l{
    width: 600px;
    justify-content: space-around;
}
.contacu-l div{
    width: 168px;
    height: 196px;
    background-color: #0985DF;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    padding-top: 5px;
}
.contactus-bot{
    width: 1200px;
    height: 118px;
    background-color: #0985DF;
    position: absolute;
    bottom: -20px;
    z-index: -1;;
}
.contacu-r{
    width: 560px;
    padding-top: 40px;
}
.contacu-r h4{
    color: #ffffff;
    font-size: 22px;
    line-height: 32px;
    margin-top: 55px;
}

/* 浮窗 */
.Floating-window{
    width: 80px;
    height: 320px;
    position: fixed;
    right: 0;
    bottom: 500px;
    background-color: #ffffff;
    border: 1px solid #DEDEDE;
    border-bottom: 0;
    z-index: 10;
}
.Floating{
    height: 80px;
    width: 80px;
    text-align: center;
    color: #666666;
    border-bottom: 1px solid #DEDEDE;
    padding-top: 10px;
    cursor: pointer;
}
.Registra{
    display: none;
    width: 200px;
    position: absolute;
    left: -180px;
    top: 0px;
    z-index: 12;
}
.Registra2 {
    left: 40px;
    top: 80px;
}
.Registra ul{
    height: 495px;
    width: 156px;
    border-radius: 10px;
    border:1px solid #DEDEDE;
    background-color: #ffffff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .10);
    font-size: 12px;  
}
.Registra li{
    height: 165px;
    border-bottom: 1px solid #DEDEDE;
    padding-top: 10px;
}
.Registra li:last-child{
    border-bottom:none
}
.Registra::after{
    content: '';
    display: block;
    background-image: url(../images/Floating-img5.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 4;

}
.Registra2::after {
    top: 212px;
    right: -50px;
}
.Floating:hover .Registra{
    display: block;
}
.Official-hotline{
    width: 240px;
    position: absolute;
    left: -210px;
    top: 0px;
}
.Official-hotline .hotline{
    height: 84px;
    width: 186px;
    border-radius: 10px;
    border:1px solid #DEDEDE;
    background-color: #ffffff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .10);
    font-size: 12px;
}
.Official-hotline::after{
    right: 40px;
}
.hotline{
    text-align: left;
}
.hotline img{
    margin-right: 20px;
}
.Official-WeChat ul{
    height: 330px;
}

.message{
    width: 600px;
    height: 550px;
    border: 1px solid #DEDEDE;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    position: fixed;
    top: calc(50% - 275px);
    left: calc(50% - 300px);
    background-color: #ffffff;
    border-radius: 22px;
    z-index: 22;
    overflow: hidden;
}
#message2 {
    height: 620px;
    top: calc(50% - 310px);
}
.message-title{
    height: 70px;
    line-height: 70px;
    width: 600px;
    background-image: url(../images/contactus9.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    color: #ffffff;
    font-size: 26px;
    text-align: center;
}
.Registra-form{
    padding: 30px 50px;
}
.Registra-form>div{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.Registra-textarea{
    width: 300px;
    border: 1px solid #999999;
    min-height: 150px;
    padding: 15px;
    border-radius: 6px;
}
.Registra-form label{
    width: 110px;
    display: inline-block;
}
.Registra-form input, select{
    margin: 10px 0 10px -3px;
}
.Registra-form .leave-message{
    margin-top: 20px;
}
.Registra-form .scaleimg{
    display: flex;
    flex-wrap: wrap;
    width: auto;
    height: auto;
    align-items: center;
}
.closeicon{
    position: absolute;
    top: 24px;
    right: 30px;
    cursor: pointer;
}

/* 页面弹窗 */
.Page-Popup{
    position: fixed;
    top: calc(50% - 190px);
    left: calc(50% - 362px);
    z-index: 3;
    display: none;
}
.Page-Popup .Page-Popup-view{
    width: 732px;
    height: 382px;
    border: 1px solid #DEDEDE;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    background-color: #ffffff;
    border-radius: 22px;
    padding: 0;
    overflow: hidden;
}
.Popup-top{
    border-radius: 22px 22px 0 0;
    background-color: #0985DF;
    text-align: right;
    height: 70px;
    line-height: 74px;
    padding: 0 30px;
    cursor: pointer;
}

.Page-Popup h4{
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    padding: 40px 80px 30px;
}
.Page-Popup div{
    text-align: center;
    font-size: 16px;
    line-height: 34px;
    padding: 0 80px;
}
.Popup-zixun{
    width: 140px;
    background-color: #0985DF;
    color: #ffffff;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    margin: 50px auto 0;
    text-align: center;
    display: block;
}
.Popup-zixun:hover{
    color: #ffffff;
    cursor: pointer;
}
.Popup-bg{
    position: absolute;
    right: 0;
    bottom: 0;
}
/*  */
.codeImg{
    width: 105px;
    height: 38px;
    margin-left: 10px;
    cursor: pointer;
}
.codeBtn{
    width: 105px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #ffffff;
    background-color: #0985DF;
    border-radius: 5px;
    margin-left: 10px;
}