@charset "UTF-8";

/*! * @名称：base.css * @功能：1、重设浏览器默认样式 *       2、设置通用原子类 */

html {
    background: #fff;
    color: #fff
}

body,
html {
    height: 100%;
    font-family:  "微软雅黑", Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

article,
aside,
blockquote,
body,

button,
code,
dd,
details,
div,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
input,
legend,
li,
menu,
nav,
ol,
p,
pre,
section,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

input,
select,
textarea {
    font-size: 100%
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

th {
    text-align: inherit
}

fieldset,
img {
    border: none
}

iframe {
    display: block
}

abbr,
acronym {
    border: none;
    font-variant: normal
}

del {
    text-decoration: line-through
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-style: normal;
    font-weight: 500
}

ol,
ul {
    list-style: none
}

caption,
th {
    text-align: left
}

i {
    font-style: normal
}

q:after,
q:before {
    content: ''
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

a:hover {
    text-decoration: none
}

a,
ins {
    text-decoration: none
}

:focus,
a:focus {
    outline: 0
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both;
    overflow: hidden
}

.clearfix {
    zoom: 1;
}

.clear:after {
    display: block;
    height: 0;
    line-height: 0;
    content: '';
    clear: both;
    font-size: 0;
    overflow: hidden
}

.hide {
    display: none
}

.show {
    display: block
}

.fl,
.fr {
    display: inline
}

.fl {
    float: left
}

.fr {
    float: right
}

a {
    color: #000
}
#swipebox-close, .header {
    /* position: fixed; */
    top: 0;
}

#swipebox-close {
    right: 0;
    z-index: 9999;
    background-position: 15px 12px
}

#swipebox-next.disabled, #swipebox-prev.disabled {
    opacity: .3
}

.header {
    left: 0;
    z-index: 200;
    width: 100%;
    height: 1.09rem;
    background: #fff;padding: 10px 0;position: relative;
}
.header-banner{margin-top: -88px;}
.header-titl{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;}
.header h1 {
    width: 317px;
    text-align: center;
    height: 1.09rem;
    /* float: left; */
}

.header h1 a {
    display: block;
    /*height: .36rem;*/
    /*width: 1.17rem;*/
    overflow: hidden;
    /*margin: .28rem auto;*/
    /*background: url(../images/logo.png) center no-repeat;*/
    position: relative;
    background-size: cover
}


.header h1 a i, .header h1 a i:after {
    position: absolute;
    left: 0;
    height: .02rem;
    bottom: 0
}

.header h1 a i {
    width: 95%;
    overflow: hidden
}

.header h1 a i:after {
    width: 100%;
    display: block;
    animation: logo 1s infinite linear;
    -moz-animation: logo 1s infinite linear;
    -webkit-animation: logo 1s infinite linear;
    -o-animation: logo 1s infinite linear;
    background: -webkit-linear-gradient(left, #fff, rgba(255, 255, 255, .5));
    background: -o-linear-gradient(right, #fff, rgba(255, 255, 255, .5));
    background: -moz-linear-gradient(right, #fff, rgba(255, 255, 255, .5));
    background: linear-gradient(to right, #fff, rgba(255, 255, 255, .5))
}

.header .nav {
    /* float: left; 
    width: 7.0rem;*/
}

.header .nav ul {
    display: flex;
    justify-content: space-between;
    /* width: 617px; */
}

.header .nav ul li {
    /* float: left; */
    /* position: relative; */
    /* width: 16%; */
}

.header .nav ul li > a {
    color: #fff;
    box-sizing: border-box;
    padding: .45rem .1rem 0;
    height: .9rem;
    display: block;
    opacity: .9;
    position: relative;
    z-index: 2;
    font-size: 16px;
    color: #000;
}

.header .nav ul li > a:hover {
    opacity: 1;border-bottom: 1px solid #1d25e6;
}

.header .nav ul li .down-nav {
    display: none;
    position: absolute
}

.header .nav ul li:first-child > a:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 12px solid #fff;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -10px;
    display: none
}

.header .nav ul li:hover:before {
    opacity: 1;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -moz-transform: scale(1, 1)
}

.header .nav ul li:hover > a:after {
    /*   display: block  */
}

.header .nav ul li .service {
    width: 11.3rem;
    background: rgba(255, 255, 255, 1);
    left: -1rem;
    height: 6.1rem !important;
    margin-left: 5.3rem;
    overflow: hidden;
    box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);
    z-index: 99999999;
    margin-top: 20px;
}

.header .nav ul li .service .left-tab {
    width: 1.5rem;
    float: left;
    text-align: center;
    height: 6.1rem;
    background: #eee;
    font-size: 16px;
}

.header .nav ul li .service .left-tab a {
    display: block;
    height: .85rem;
    line-height: .85rem;
    color: #1d25e6
}

.header .nav ul li .service .left-tab a + a {
    border-top: 1px solid rgba(255, 255, 255, .2)
}

.header .nav ul li .service .left-tab a.active {
    background: #fff;
    color: #1d25e6;
    border-right: 1px solid #197ee6;
    /* font-size: 14px; */
}

.header .nav ul li .service .right-nr {
    width: 9.8rem;
    float: right;
    box-sizing: border-box;
    height: 6.1rem;
    overflow-y: auto
}

.footer .dl, .footer .dl dl, .header .nav ul li .service .right-nr .nr dl, .header .nav > a.lan {
    overflow: hidden
}

.header .nav ul li .service .right-nr .nr {
    padding: .25rem .4rem;
    display: none
}

.header .nav ul li .service .right-nr .nr dl{
    column-count: 4;
    column-gap: 0;
    -webkit-column-count: 4;
    -webkit-column-gap: 0;
    -moz-column-count: 4;
    -moz-column-gap: 0;
    display: block;
}

.header .nav ul li .service .right-nr .nr dl dd {
    width: 90%;
    /*float: left;*/
    box-sizing: border-box;
    break-inside: avoid-column;
    page-break-inside:avoid;
    -webkit-break-inside: avoid;
    -webkit-column-break-inside: avoid-column;

}

.header .nav ul li .service .right-nr .nr dl dd h6 {
    padding: .15rem 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: .1rem;
    font-size: .18rem;
    font-weight: 700;
    padding-left:0.1rem;
}

.header .nav ul li .service .right-nr .nr dl dd h6 a {
    color: #333
}

.header .nav ul li .service .right-nr .nr dl dd h6 a:hover {
   color: #1d25e6;
}

.header .nav ul li .service .right-nr .nr dl dd p {
    line-height: 34px;
    font-size: .16rem;
    padding-left:0.1rem;
}

.header .nav ul li .service .right-nr .nr dl dd p a {
    color: #000;
}
.header .nav ul li .service .right-nr .nr dl dd p:hover{
    
}
.header .nav ul li .service .right-nr .nr dl dd p a:hover {
    color: #1d25e6;
}

.header .nav ul li .service .right-nr .nr dl dd + dd {
    /*margin-left: 3%*/
    margin-top: 30px;
}

.header .nav ul li .service .right-nr .nr dl + dl {
    border-top: 1px solid #ddd;
    margin-top: .25rem;
    padding-top: .1rem
}
.header .nav ul li .small {
    width: 11.5rem;
    left: 50%;
    margin-left: -4.75rem;margin-top: 20px;
}
.small{background: #fff;padding: 0 30px;padding-bottom: 60px;box-shadow:0 0 0.1rem rgba(0, 0, 0, .1);}
.small-fl{width: 2.5rem;float: left;margin: 0 10px;}
.small-t h2{margin-top: 20px;color: #333;padding: .15rem 0;border-bottom: 1px solid #ddd; margin-bottom: .1rem;font-size: .18rem; font-weight: 700;padding-left: 0.1rem;}
.small-fl .small-t:hover h2{color: #1d25e6;}
.small-p p{line-height: .28rem;font-size: .16rem;padding-left: 0.1rem;}
.small-p p:hover{color: #1d25e6;}
.small-t h2:hover{color: #1d25e6;}
.header .nav ul li .small2 {
    width: 11.5rem;
    left: 62%;
    margin-left: -4.75rem;box-shadow: 0 0 0.1rem rgba(0, 0, 0, .1);
}
.header .nav ul li .small2 {
    width: 1.5rem;
    left: 65%;
    margin-left: -1.35rem;margin-top: 20px;
}

.header .nav ul li .small2 p {
    height: .5rem;
    line-height: .5rem;
    transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -webkit-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    background: #fff;
    /* margin-bottom: 2px; */
    text-align: center;
    font-size: .16rem;
    position: relative;
    border-bottom: 1px solid #e7eefb;
}

.header .nav ul li .small2 p a {
    color: #484848;
    position: relative;
    z-index: 2;
    display: block;
}
.header .nav ul li .small2 p:hover a{color: #1d25e6;}
.header .nav ul li .small3 {
    width: 11.5rem;
    left: 58%;
    margin-left: -4.75rem;box-shadow: 0 0 0.1rem rgba(0, 0, 0, .1);
}
.header .nav ul li .small3 {
    width: 1.5rem;
    left: 60%;
    margin-left: -1.25rem;margin-top: 20px;
}

.header .nav ul li .small3 p {
    height: .5rem;
    line-height: .5rem;
    transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -webkit-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    background: #fff;

    text-align: center;
    font-size: .16rem;
    position: relative;
    border-bottom: 1px solid #e7eefb;
}

.header .nav ul li .small3 p a {
    color: #484848;
    position: relative;
    z-index: 2;
    display: block;
}
.header .nav ul li .small3 p:hover a{color: #1d25e6;}

/**/
.header .nav > a {
    float: left
}

.header .nav > a.lan {
    padding: .6rem .26rem 0;
    height: 1.09rem;
    position: relative;
    color: #fff;
    opacity: .9
}

.header .nav > a.lan:hover {
    opacity: 1
}

.header .nav > a.lan span {
    position: absolute;
    left: 0;
    top: .585rem;
    width: 1px;
    height: 25px;
    background: rgba(255, 255, 255, .15)
}

.header .nav > a.sear {
    width: 1.59rem;
    height: 1.09rem;
    text-align: center;
    color: #fff;
    opacity: .9;
    line-height: 1.09rem;
    font-size: 25px;
    position: relative;cursor: auto;
}

.header .nav > a.sear:hover {
    opacity: 1
}

.header .nav > a.sear.active:after {
    display: block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid rgba(0, 0, 0, .36);
    position: absolute;
    left: 50%;
    margin-left: -8px;
    bottom: -1px
}

.header .nav .sear-box {
    height: .6rem;
    display: none;
    background: rgba(0, 0, 0, .36);
    position: absolute;
    right: 0;
    top: 1.1rem;
    width: 4.5rem;
    box-sizing: border-box;
    padding: .15rem .2rem
}

.header .nav .sear-box input {
    width: 100%;
    height: .3rem;
    line-height: .3rem;
    color: #fff
}

.header .nav .sear-box input::-webkit-input-placeholder {
    color: #bbb
}

.header .nav .sear-box input::-moz-placeholder {
    color: #bbb
}

.header .nav .sear-box input:-moz-placeholder {
    color: #bbb
}

.header .nav .sear-box input:-ms-input-placeholder {
    color: #bbb
}

.header.blue {
    border-color: #d8e7f3
}

.header.blue h1 a {
    /*background: url(../images/logo2.png) center no-repeat;*/
    background-size: cover
}

.header.blue h1 a i:after {
    background: -webkit-linear-gradient(left, #1d25e6, rgba(0, 64, 152, .5));
    background: -o-linear-gradient(right, #1d25e6, rgba(0, 64, 152, .5));
    background: -moz-linear-gradient(right, #1d25e6, rgba(0, 64, 152, .5));
    background: linear-gradient(to right, #1d25e6, rgba(0, 64, 152, .5))
}

.header.blue .nav ul li:before {
    background: url(../images/nav1.png) center no-repeat
}

.header.blue .nav ul li > a, .header.blue .nav > a {
    color: #666
}

.header.blue .nav > a span {
    background: #d8e7f3
}

.header.blue .nav > a.sear {
    border-color: #d8e7f3;
    color: #1d25e6
}
.header .nav ul li .service .right-nr .nr dl dd:hover h6 a{color: #1d25e6;}
.header .header-right{/* float: right; */margin-top: 20px;width: 168px;}
.header .header-right .header-right-t{border: 1px solid #8f8f8f;border-radius: 114px;padding: 6px 11px;display: flex;}
.header .header-right .header-right-t input{font-size: 14px;padding: 4px 0;color: #bbb;width: 100%;border: none;text-align:center;}
.header .header-right .header-right-t img{margin-top: 2px;}
.header .header-right .header-right-b{text-align: center;color: #1d25e6;margin-top: 6px;font-size: 18px;font-weight: bold;}





.navbar-common {
    height: 45px;
    background-color: #fe9b00
}

.navbar-common .aside {
    height: 100%;
    width: 1200px;
    margin: 0 auto;
    padding-left: 23px;
    font-size: 14px;
    color: #fff
}

.navbar-common p {
    line-height: 45px
}

.navbar-common p a {
    font-size: 14px;
    color: #fff
}

.navbar-common p em {
    font-size: 14px;
    color: #fff;
    cursor: pointer
}

.navbar-common p a,
.navbar-common p em,

.navbar-common p span {
    vertical-align: middle
}

.navbar-common p i {
    margin: 0 13px
}

.navbar-common .city-name {
    line-height: 45px
}

.navbar-common .city-name i {
    margin: 0 13px
}

.navbar-common .city-name i,
.navbar-common .city-name span {
    vertical-align: middle
}

.navbar-common .city-name div.cur {
    position: relative;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 14px;
    border: 1px dashed #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    cursor: pointer
}

.navbar-common .city-name .select-area {
    position: absolute;
    z-index: 100;
    top: 39px;
    left: -10px
}

.navbar-common .city-name .select-area {
    width: 468px;
    min-height: 218px;
    line-height: normal;
    padding: 20px 19px;
    text-align: left;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #e1e1e1;
    -webkit-box-shadow: -5px 2px 16px #999;
    -moz-box-shadow: -5px 2px 16px #999;
    box-shadow: -5px 2px 16px #999
}

.navbar-common .city-name .select-area .icon-close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 25px;
    cursor: pointer;
    color: #8f8f8f
}

.navbar-common .city-name .select-area .icon-triang-up {
    position: absolute;
    left: 8%;
    top: -11px;
    color: #fff
}

@media \0screen {
    .navbar-common .city-name .select-area .icon-triang-up {
        color: #dbdbdb
    }
}

.navbar-common .city-name .area-tap {
    padding-bottom: 12px;
    border-bottom: 1px solid #e5e5e5
}

.navbar-common .city-name .area-tap span {
    padding: 0 10px 10px 10px;
    padding-bottom: 10px;
    border-bottom: 3px solid transparent
}

.navbar-common .city-name .area-tap span.active {
    border-bottom: 3px solid #fe9b00
}

.navbar-common .city-name .area-tap span.active a {
    color: #fe9b00
}

.navbar-common .city-name .area-tap a {
    font-size: 12px;
    color: #0e0e0e
}

.navbar-common .city-name .area-list {
    font-size: 0
}

.navbar-common .city-name .area-list table {
    width: 100%
}

.navbar-common .city-name .area-list .name {
    width: 23px;
    padding-top: 20px;
    font-size: 12px;
    vertical-align: top;
    color: #8f8f8f
}

.navbar-common .city-name .area-list a {
    margin-top: 14px;
    display: inline-block;
    width: 58px;
    height: 25px;
    padding: 0 8px;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    color: #484848;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.navbar-common .city-name .area-list a.active {
    color: #fff;
    background-color: #fe9b00
}

.navbar-common .city-name .area-list .hot .name {
    display: none
}

.navbar-common .city-name .area-list .hot a {
    padding: 0 10px
}

.navbar-common .type a {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 10px 0 13px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #fff;
    color: #fe7800
}

.navbar-common .type a .icon-close {
    margin-left: 7px
}

.navbar-common .flt {
    float: left
}

.navbar-common .frt {
    float: right
}

.navbar-common .del {
    padding-right: 26px
}

.navbar-common .del a {
    font-size: 12px
}

.pagination {
    margin-top: 39px;
    text-align: center;
    font-size: 0
}

.pagination a {
    display: inline-block;
    border: 1px solid #e5e5e5;
    border-right: none;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    font-size: 12px;
    color: #000;
    vertical-align: middle;
    background: #fff
}

.pagination a.active {
    color: #fff;
    background-color: #a0a0a0
}

.pagination a.next {
    border-right: 1px solid #e5e5e5
}

.pagination input {
    width: 38px;
    height: 40px;
    margin: 0 12px;
    vertical-align: middle;
    border: 1px solid #e5e5e5;
    text-align: center;
    font-size: 12px
}

.pagination a.goPage {
    border-right: 1px solid #e5e5e5;
    background-color: #737373;
    color: #fff
}
.chat-box{
    display: none;
}
.online {
  position: fixed;
  width: 510px;
  height: 300px;
  left: 50%;
  top: 50%;
  z-index:9999;
  margin-top: -150px;
  margin-left: -255px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  background: #fff;
  border-top: 8px solid #ff8019;
  text-align: center;
}

.online img {
height: 106px;
width: 106px;
  padding: 34px 0 24px 0;
}

.online p {
  text-align: center;
  color: #000;
  font-size: 18px;
}

.online .btn {
  width: 362px;
  margin: 0 auto;
}

.online .btn a {
  width: 155px;
  height: 46px;
  line-height: 46px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  background: #fff;
  display: inline-block;
  font-size: 18px;
  color: #ff8019;font-weight:bold;
  margin-right: 40px;
  margin-top: 30px;
  border-radius: 5px;
  border: 2px solid #ff8019;
}

.online .btn a:hover {
  background: #ff8019;
  color: #fff;
}
.none-content {
    width: 100%;
    text-align: center;
    padding: 60px 0 260px 0;
    font-size: 16px;
    color: #777
}

.none-content .iconfont {
    font-size: 36px;
    margin-right: 10px;
    vertical-align: middle
}

.college-accredit-box {
    width: 1200px;
    margin: 0 auto;
    padding-top: 15px;
}

.college-accredit-box .center-content {

    float: left;
    padding-bottom: 40px;
    padding-left: 186px;
}

.college-accredit-box .center-content .bgnews {
    background: #edeff0
}

.college-accredit-box .center-content .news-box {
    width: 100%
}

.college-accredit-box .center-content .news-box .mar20 {
    margin-top: 20px
}

.college-accredit-box .center-content .news-box dl {
    border: 1px solid #e0e0e0;
    background: #fff;
    padding: 13px 15px;
    zoom: 1;
    overflow: hidden;
    height: 190px;
    overflow: hidden;
    position: relative
}

.college-accredit-box .center-content .news-box dt {
    font-size: 18px;
    margin: 0 0 23px 0;
    float: left;
    margin-right: 30px
}

.college-accredit-box .center-content .news-box dt img {
    width: 280px;
    height: 186px;
    border: 1px solid #e0e0e0
}

.college-accredit-box .center-content .news-box dd {
    color: #565656;
    font-size: 12px
}

.college-accredit-box .center-content .news-box dd h4 {
    font-size: 18px;
    color: #2c2c2c;
    font-weight: 400;
    margin: 8px 0 15px 0
}

.college-accredit-box .center-content .news-box dd h4 a:hover {
    color: #fe9b00
}

.college-accredit-box .center-content .news-box dd p {
    font-size: 12px;
    line-height: 200%
}

.college-accredit-box .center-content .news-box dd .mores {
    position: absolute;
    bottom: 15px;
    left: 330px;
    color: #9b9b9b;
    font-size: 12px
}

.college-accredit-box .center-content .news-box dd .mores span {
    margin-right: 15px
}

.college-accredit-box .center-content .news-box dd .mores span .icon-eye {
    font-size: 18px;
    vertical-align: middle
}

.college-accredit-box .center-content .news-box dd .mores span .icon-time-wise {
    font-size: 13px
}

.college-accredit-box .center-content .news-box dl:hover {
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 3px 12px rgba(0, 0, 0, .1);
    box-shadow: 0 3px 12px rgba(0, 0, 0, .1)
}

.college-accredit-box .hot-article {
    border: 1px solid #e0e0e0;
    width: 260px;
    float: right;
    background: #fff;
    margin-top: 20px
}

.college-accredit-box .hot-article h3 {
    color: #353535;
    font-size: 15px;
    height: 34px;
    line-height: 36px;
    border-bottom: 1px solid #e0e0e0;
    margin: 0 5px 3px 5px;
    text-align: center
}

.college-accredit-box .hot-article .aw_hot_student_mien {
    position: relative;
    min-height: 185px
}

.college-accredit-box .hot-article .aw_hot_student_mien img.loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -43px;
    margin-left: -84px
}

.college-accredit-box .hot-article dl {
    border-bottom: 1px solid #f2f2f2;
    padding: 4px 0;
    margin: 0 15px;
    zoom: 1;
    overflow: hidden
}

.college-accredit-box .hot-article dl dt {
    float: left;
    margin-right: 6px
}

.college-accredit-box .hot-article dl dt img {
    width: 50px;
    height: 50px
}

.college-accredit-box .hot-article dl dd {
    width: 160px;
    float: left
}

.college-accredit-box .hot-article dl:last-child {
    border-bottom: none
}

.center-all{width: 950px;overflow: hidden;position: relative;z-index: 2;}
.center-title{text-align: right;padding: 0 70px;margin-top: -230px;height: 230px;color: #fff;}
.center-title h1{font-size: 44px;}
.center-title h2{font-size: 12px;margin-top: 10px;font-weight: normal;}
.center-title p{font-size: 20px;margin-top: 40px;}

/*!
 * @名称：base.css
 * @功能：1、重设浏览器默认样式
 *       2、设置通用原子类
 */

html {
    background: #fff;
    color: #000
}

body,
html {
    height: 100%;
    font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

article,
aside,
blockquote,
body,
button,
code,
dd,
details,
div,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
input,
legend,
li,
menu,
nav,
ol,
p,
pre,
section,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

input,
select,
textarea {
    font-size: 100%
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

th {
    text-align: inherit
}

fieldset,
img {
    border: none
}

iframe {
    display: block
}

abbr,
acronym {
    border: none;
    font-variant: normal
}

del {
    text-decoration: line-through
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-style: normal;
    font-weight: 500
}

ol,
ul {
    list-style: none
}

caption,
th {
    text-align: left
}

i {
    font-style: normal
}

q:after,
q:before {
    content: ''
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

a:hover {
    text-decoration: none
}

a,
ins {
    text-decoration: none
}

:focus,
a:focus {
    outline: 0
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both;
    overflow: hidden
}

.clearfix {
    zoom: 1;
}

.clear:after {
    display: block;
    height: 0;
    line-height: 0;
    content: '';
    clear: both;
    font-size: 0;
    overflow: hidden
}

.hide {
    display: none
}

.show {
    display: block
}

.fl,
.fr {
    display: inline
}

.fl {
    float: left
}

.fr {
    float: right
}

a {
    color: #000
}

.navbar-common {
    height: 45px;
    background-color: #fe9b00
}

.navbar-common .aside {
    height: 100%;
    width: 1200px;
    margin: 0 auto;
    padding-left: 23px;
    font-size: 14px;
    color: #fff
}

.navbar-common p {
    line-height: 45px
}

.navbar-common p a {
    font-size: 14px;
    color: #fff
}

.navbar-common p a,

.navbar-common p span {
    vertical-align: middle
}

.navbar-common p i {
    margin: 0 13px
}

.navbar-common .city-name {
    line-height: 45px
}

.navbar-common .city-name i {
    margin: 0 13px
}

.navbar-common .city-name i,
.navbar-common .city-name span {
    vertical-align: middle
}

.navbar-common .city-name div.cur {
    position: relative;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 14px;
    border: 1px dashed #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    cursor: pointer
}

.navbar-common .city-name .select-area {
    position: absolute;
    z-index: 100;
    top: 39px;
    left: -10px
}

.navbar-common .city-name .select-area {
    width: 468px;
    min-height: 218px;
    line-height: normal;
    padding: 20px 19px;
    text-align: left;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #e1e1e1;
    -webkit-box-shadow: -5px 2px 16px #999;
    -moz-box-shadow: -5px 2px 16px #999;
    box-shadow: -5px 2px 16px #999
}

.navbar-common .city-name .select-area .icon-close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 25px;
    cursor: pointer;
    color: #8f8f8f
}

.navbar-common .city-name .select-area .icon-triang-up {
    position: absolute;
    left: 8%;
    top: -11px;
    color: #fff
}

@media \0screen {
    .navbar-common .city-name .select-area .icon-triang-up {
        color: #dbdbdb
    }
}

.navbar-common .city-name .area-tap {
    padding-bottom: 12px;
    border-bottom: 1px solid #e5e5e5
}

.navbar-common .city-name .area-tap span {
    padding: 0 10px 10px 10px;
    padding-bottom: 10px;
    border-bottom: 3px solid transparent
}

.navbar-common .city-name .area-tap span.active {
    border-bottom: 3px solid #fe9b00
}

.navbar-common .city-name .area-tap span.active a {
    color: #fe9b00
}

.navbar-common .city-name .area-tap a {
    font-size: 12px;
    color: #0e0e0e
}

.navbar-common .city-name .area-list {
    font-size: 0
}

.navbar-common .city-name .area-list table {
    width: 100%
}

.navbar-common .city-name .area-list .name {
    width: 23px;
    padding-top: 20px;
    font-size: 12px;
    vertical-align: top;
    color: #8f8f8f
}

.navbar-common .city-name .area-list a {
    margin-top: 14px;
    display: inline-block;
    width: 58px;
    height: 25px;
    padding: 0 8px;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    color: #484848;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.navbar-common .city-name .area-list a.active {
    color: #fff;
    background-color: #fe9b00
}

.navbar-common .city-name .area-list .hot .name {
    display: none
}

.navbar-common .city-name .area-list .hot a {
    padding: 0 10px
}

.navbar-common .type a {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 10px 0 13px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #fff;
    color: #fe7800
}

.navbar-common .type a .icon-close {
    margin-left: 7px
}

.navbar-common .flt {
    float: left
}

.navbar-common .frt {
    float: right
}

.navbar-common .del {
    padding-right: 26px
}

.navbar-common .del a {
    font-size: 12px
}

.none-content {
    width: 100%;
    text-align: center;
    padding: 60px 0 260px 0;
    font-size: 16px;
    color: #777
}

.none-content .iconfont {
    font-size: 36px;
    margin-right: 10px;
    vertical-align: middle
}


.add-titl{width: 1120px;margin: 0 auto;padding: 40px 0;}
.add-titl span{font-size: 14px;padding: 0 10px;}

.process-all{width: 600px;margin: 0 auto;}
.process-list{display: flex;margin-top: 30px;flex-wrap: wrap;}
.process-fl{width: 29%;height: 184px;text-align: center;padding-left: 26px;height: 196px;}
.process-fl:hover{color: #1d25e6;}
.process-01{background: url(../images/process01.png)no-repeat center;background-size: 100%;}
.process-01:hover{background: url(../images/process01_blue.png)no-repeat center;background-size: 100%;}
.process-fl h5{font-size: 16px;margin-top: 117px;}
.process-fl p{font-size: 14px;margin-top: -8px;}
.process-01{background: url(../images/process01.png)no-repeat center;background-size: 100%;/* height: 500px; */}
.process-01:hover{background: url(../images/process01_blue.png)no-repeat center;background-size: 100%;}
.process-02{background: url(../images/process02.png)no-repeat center;background-size: 100%;}
.process-02:hover{background: url(../images/process02_blue.png)no-repeat center;background-size: 100%;}
.process-03{background: url(../images/process03.png)no-repeat center;background-size: 100%;}
.process-03:hover{background: url(../images/process03_blue.png)no-repeat center;background-size: 100%;}
.process-04{background: url(../images/process04.png)no-repeat center;background-size: 100%;}
.process-04:hover{background: url(../images/process04_blue.png)no-repeat center;background-size: 100%;}
.process-05{background: url(../images/process05.png)no-repeat center;background-size: 100%;}
.process-05:hover{background: url(../images/process05_blue.png)no-repeat center;background-size: 100%;}
.process-06{background: url(../images/process06.png)no-repeat center;background-size: 100%;}
.process-06:hover{background: url(../images/process06_blue.png)no-repeat center;background-size: 100%;}


.footer{background: #393737;color: #fff; padding: 60px 0;}
.footer-titl{width: 1200px;margin: 0 auto;}
.foooter-list{float: left;width: 20%;padding-left: 5%;box-sizing: border-box;}
.foooter-list h1{font-size: 16px;margin-bottom: 10px;}
.foooter-list p{color: #c9c9c9;line-height: 24px;font-size: 14px;}

.footer-bot{margin: 0 auto;text-align: center;margin-top: 60px;}
.footer-bot a{font-size: 14px;padding: 0 10px;color: #fff;}
.footer-p{margin-top: 20px;font-size: 14px;}



#content {
    height: auto;
    margin: 0 auto;
    background: #fff;
    padding: 25px;
    -webkit-box-shadow: 0 0 10px #ccc;
    -moz-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc;
    font-size: 14px;
    color: #3d3d3d;
    line-height: 35px;
    width: 900px;
}
#content h2{font-size: 50px;font-weight: bold;color: #eee;text-align: left;margin-top: 30px;}
#content h3 {
    font-size: 18px;
    font-weight: 700;
    padding: 5px 0;
    margin-top: -31px;
    margin-left: 29px;margin-bottom: 10px;
}
#content p{line-height: 26px;padding: 6px 0;}
/*#content div {
    width: 100%;
    margin: 0 auto;
    font-size: 14px;
    color: #3d3d3d;
    line-height: 35px
}*/
#content .title_0{display: flex;align-content: space-between;margin-top: 30px;}
#content .title_0 div p{padding: 5px;font-size: 14px;width: 700px;color: #a0a0a0;}
#content .title_0 div p span{color: #000;margin-left: 30px;}
.center-title a{text-align: center;width: 170px;display: block;border-radius: 100px;background: #3ea13a;color: #fff;padding: 6px 0;font-size: 14px;position: relative;margin-left: 640px;margin-top: 20px;}
.title_0_a a{text-align: center;width: 190px;display: block;border-radius: 100px;background: #3ea13a;color: #fff;padding: 4px 0;font-size: 14px;}
.title_4{display: flex;justify-content: space-between;text-align: center;}
.title_4_fl{border-bottom: 2px solid #ffaa63;margin: 10px 10px;background-color: rgb(255, 255, 255);  box-shadow: 0px 0px 35px 0px rgba(153, 153, 153, 0.2);height: 280px;width: 25%;}
.title_4_fl h5{font-size: 24px;padding: 20px 0;color: #ffaa63;}
.title_4_fl h4{font-size: 16px;}
.title_4_fl p{font-size: 14px;padding: 20px 10px;text-align: justify;}
.title_4_fl:nth-child(2){border-bottom: 2px solid #1d25e6;}
.title_4_fl:nth-child(3){border-bottom: 2px solid #afecf1;}
.title_4_fl:nth-child(4){border-bottom: 2px solid #3ea13a;}
.title_4_fl:nth-child(2) h5{color: #1d25e6;}
.title_4_fl:nth-child(3) h5{color: #afecf1;}
.title_4_fl:nth-child(4) h5{color: #3ea13a;}

.new-title {
    border-bottom: 2px solid #efefef;
    text-align: center;
    padding: 40px 0 20px 0;
    line-height: 200%
}

.new-title h2 {
    font-size: 25px;
    color: #000;
    margin-bottom: 15px
}

.new-title span {
    color: #9b9b9b
}

.new-title span .icon-eye {
    font-size: 17px;
    vertical-align: middle
}

.new-title span .icon-time-wise {
    font-size: 13px;
    vertical-align: middle
}



.icon-arrow-right:before {
    color: #fe9b00
}

.anchor ul {
    width: 120px;
    overflow: auto;
}

.anchor {
    /* position: fixed; */
    bottom: 450px;
    right: 405px;
    /* line-height: 25px; */
    /* width: 211px; */
}

.anchor .btn {
    display: block;
    width: 122px;
    height: 33px;
    line-height: 33px;
    background: #f04f00;
    color: #fff;
    border: none;
    text-align: center;
    font-size: 13px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-left: 25px
}

.anchor .icon-circle,
.anchor .icon-circle-o {
    font-size: 12px;
    color: #dcdcdc;
}

.anchor li {
    position: relative;
}

.anchor li span em {

}

.anchor span.icon-circle .circle {
    display: inline-block !important;
    background: url(../images/icon-gray.png) left center no-repeat;
    width: 9px;
    height: 9px;
}

.anchor span.icon-circle .arrows {
    display: none!important
}

.anchor span.icon-arrow-right .circle {
    display: none!important
}

.anchor span.icon-arrow-right .arrows {
    display: inline-block!important
}

.arrows {
    color: #fe9b00;
    margin-left: -8px;
}

.anchor .none-ele {
    height: 19px
}

.anchor .none-ele-bt {
    height: 14px
}

.anchor strong {
    display: block;
    height: 100%;
    width: 1px;
    margin-left: 6px;
    background-color: #dcdcdc
}

.anchor .iconfont {
    margin-right: 7px
}

.anchor li a {
    text-align: center;
    background: #f9f9f9;
    width: 110px;
    /* padding-left: 10px; */
    height: 46px;
    line-height: 46px;
    display: inline-block;
    border-right: 1px solid #f9f9f9;
    border-bottom: 1px solid #ddd;
}

.anchor a:hover {
    color: #1d25e6;
    border-right: 1px solid #1d25e6;
}
.anchor a.active{
    color: #1d25e6;
    border-right: 1px solid #1d25e6;
    /* box-sizing: border-box; */
}
.anchor em {
    margin-left: 10px
}

.anchor ul {
    /* position: relative; */
}

.anchor .arrow {
    position: absolute;
    top: 100px;
    left: 0
}

.anchor .arrow span {
    color: #fe9b00
}


.anchor-zx{background: #f9f9f9;text-align: center;margin-left: 6px;padding: 20px 0;}
.anchor-zx a{background: #3ea13a;color: #fff;display: block;border-radius: 6px;width: 80px;margin: 0 auto;padding: 8px 0;}
.anchor-zx a:hover{color: #fff;border:none;}
.anchor-p{background: #1d25e6;color: #fff;display: block;border-radius: 6px;width: 80px;margin: 0 auto;padding: 8px 0;margin-top: 10px;}





.a_active {
    border-bottom: 4px solid #fe9b00;
    padding-bottom: 6px
}

.aw_hove_color {
    color: #fe9b00
}

.aw_hide {
    display: none
}

.anchor .baoming {
    width: 187px;
    margin: -30px 0 0 20px;
    background: url(../images/labg.png) no-repeat 13px 0px;
    padding-top: 15px;
}

.anchor .baoming a {
    cursor: pointer;
    margin: 0 auto 15px;
    display: block;
    width: 162px;
    height: 33px;
    line-height: 33px;
    background: url(../images/zsjz_btn.png) no-repeat left top;
    font-size: 13px;
    color: #fff;
    text-align: center;
}

.anchor .baoming a:hover {
    background: #ff7531 url(../images/zsjz_btn2.png) no-repeat left top;
    color: #fff;
    display: block;
}

.mask {
    width: 100%;
    border: none;
    position: fixed;
    top: 3px;
    left: 0;
    height: 50px;
    background-color: #f8f8f6
}

.input_content {
    color: grey
}
.input_toggle {
    border: red solid 1px!important
}

.major-box .master {
    position: fixed;
    top: 1px;
    left: 0;
    width: 100%;
    height: 49px;
    line-height: 49px;
    background-color: #f8f8f6
}

.major-box .property .tap-box .tap-common .select-list a:hover {
    border-color: #fe9b00
}

.aw_exam_graduation {
    display: none
}

.navbar-common .city-name .select-area_1 {
    position: absolute;
    z-index: 100;
    top: 39px;
    left: -10px
}

.navbar-common .city-name .select-area_1 {
    width: 468px;
    min-height: 218px;
    line-height: normal;
    padding: 20px 19px;
    text-align: left;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #e1e1e1;
    -webkit-box-shadow: -5px 2px 16px #999;
    -moz-box-shadow: -5px 2px 16px #999;
    box-shadow: -5px 2px 16px #999
}

.navbar-common .city-name .select-area_1 .icon-close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 25px;
    cursor: pointer;
    color: #8f8f8f;
}

.navbar-common .city-name .select-area_1 .icon-triang-up {
    position: absolute;
    left: 8%;
    top: -11px;
    color: #fff
}

@media \0screen {
    .navbar-common .city-name .select-area .icon-triang-up {
        color: #dbdbdb
    }
}

.navbar-common .city-name .area-tap_1 {
    padding-bottom: 12px;
    border-bottom: 1px solid #e5e5e5
}

.navbar-common .city-name .area-tap_1 span {
    padding: 0 10px 10px 10px;
    padding-bottom: 10px;
    border-bottom: 3px solid transparent
}

.navbar-common .city-name .area-tap_1 span.active {
    border-bottom: 3px solid #fe9b00
}

.navbar-common .city-name .area-tap_1 span.active a {
    color: #fe9b00
}

.navbar-common .city-name .area-tap_1 a {
    font-size: 12px;
    color: #0e0e0e
}

.navbar-common .city-name .area-tap_1 span.active em {
    color: #fe9b00
}

.navbar-common .city-name .area-tap_1 em {
    font-size: 12px;
    color: #0e0e0e
}

.navbar-common .city-name .area-list_1 {
    font-size: 0
}

.navbar-common .city-name .area-list_1 table {
    width: 100%
}

.navbar-common .city-name .area-list_1 .name {
    width: 23px;
    padding-top: 20px;
    font-size: 12px;
    vertical-align: top;
    color: #8f8f8f
}

.navbar-common .city-name .area-list_1 a,
.navbar-common .city-name .area-list_1 i {
    margin-top: 14px;
    display: inline-block;
    width: 58px;
    height: 25px;
    padding: 0 8px;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    color: #484848;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.navbar-common .city-name .area-list_1 a.active,
.navbar-common .city-name .area-list_1 i.active {
    color: #fff;
    background-color: #fe9b00
}

.navbar-common .city-name .area-list_1 .hot .name {
    display: none
}

.navbar-common .city-name .area-list_1 .hot a {
    padding: 0 10px
}

.navbar-common .type a {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0 10px 0 13px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #fff;
    color: #fe7800;
    margin-bottom: 3px
}

.navbar-common .type a .icon-close {
    margin-left: 7px
}

.navbar-common .flt {
    float: left
}

.navbar-common .frt {
    float: right
}

.navbar-common .del {
    padding-right: 26px
}

.navbar-common .del a {
    font-size: 12px
}

.header-common .logo .area strong {
    font-size: 16px;
    color: #fff;
    font-weight: 400
}

.header-common .logo .area span {
    color: #bdbdbd
}

.header-common .logo .select-area {
    width: 468px;
    min-height: 218px;
    line-height: normal;
    padding: 20px 19px;
    text-align: left;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #e1e1e1;
    -webkit-box-shadow: -5px 2px 16px #999;
    -moz-box-shadow: -5px 2px 16px #999;
    box-shadow: -5px 2px 16px #999
}

.header-common .logo .select-area .icon-close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 25px;
    cursor: pointer;
    color: #8f8f8f
}

.header-common .logo .select-area .icon-triang-up {
    position: absolute;
    left: 8%;
    top: -11px;
    color: #fff
}

@media \0screen {
    .header-common .logo .select-area .icon-triang-up {
        color: #dbdbdb
    }
}

.header-common .logo .area-tap_1 {
    padding-bottom: 12px;
    border-bottom: 1px solid #e5e5e5
}

.header-common .logo .area-tap_1 span {
    padding: 0 10px 10px 10px;
    padding-bottom: 10px;
    border-bottom: 3px solid transparent
}

.header-common .logo .area-tap_1 span.active {
    border-bottom: 3px solid #fe9b00
}

.header-common .logo .area-tap_1 span.active a {
    color: #fe9b00
}

.header-common .logo .area-tap_1 a {
    font-size: 12px;
    color: #0e0e0e
}

.header-common .logo .area-list_1 {
    font-size: 0
}

.header-common .logo .area-list_1 table {
    width: 100%
}

.header-common .logo .area-list_1 .name {
    width: 23px;
    padding-top: 20px;
    font-size: 12px;
    vertical-align: top;
    color: #8f8f8f
}

.header-common .logo .area-list_1 a {
    margin-top: 14px;
    display: inline-block;
    width: 58px;
    height: 25px;
    padding: 0 8px;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    color: #484848;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.header-common .logo .area-list_1 a.active {
    color: #fff;
    background-color: #fe9b00
}

.major-box .property .tap-box .tap-common .select-list a:hover {
    color: red
}

.header-common .status-login {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px
}

.header-common .login-status {
    font-size: 12px;
    cursor: pointer;
    display: none
}

.header-common .login-status i {
    color: #fe9b00
}

.header-common .login-status p {
    position: absolute;
    top: 32px;
    z-index: 1000;
    width: 97px;
    padding: 20px 0 0 0;
    font-size: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #cbcbcb;
    -webkit-box-shadow: 0 1px 7px 0 #cbcbcb;
    -moz-box-shadow: 0 1px 7px 0 #cbcbcb;
    box-shadow: 0 1px 7px 0 #cbcbcb;
    display: none
}

.header-common .login-status span.tra-out {
    position: absolute;
    top: -9px;
    left: 18px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #cbcbcb
}

.header-common .login-status span.tra-inner {
    position: absolute;
    top: -8px;
    left: 18px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 9px solid #fff
}

.header-common .login-status span.fill-cir {
    position: absolute;
    left: 0;
    top: -19px;
    z-index: 1000;
    height: 18px;
    width: 100%;
    background-color: transparent
}

.header-common .login-status a,
.header-common .login-status span {
    display: block;
    margin-bottom: 22px;
    color: #000;
    cursor: pointer
}

.header-common .login-status a.active {
    color: #fe9b00
}

.header-common .login-status a:hover {
    color: #fe9b00
}

.header-common .login-status span:hover {
    color: #fe9b00
}

.header-common .login-status:hover p {
    display: block
}

.header-common .login-opt {
    font-size: 14px;
    cursor: pointer;
    display: none
}

.header-common .login-opt:hover {
    color: #fe9b00
}

/* 弹窗公共动画--开始*/
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.7);
         transform: scale(0.7);
  }
  100% {
    opacity: 1;
    -moz-transform: scale(1);
         transform: scale(1);
  }
}
@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -o-transform: scale(0.7);
       transform: scale(0.7);
  }
  100% {
    opacity: 1;
    -o-transform: scale(1);
       transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.7);
       -moz-transform: scale(0.7);
         -o-transform: scale(0.7);
            transform: scale(0.7);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.3s;
     -moz-animation-duration: 0.3s;
       -o-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: bounceIn;
     -moz-animation-name: bounceIn;
       -o-animation-name: bounceIn;
          animation-name: bounceIn;
}

.com-masker {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .5)
}

@media \0screen {
    .com-masker {
        background-color: #000;
        filter: Alpha(opacity=50)
    }
}

.login-container .box {
    position: fixed;
    z-index: 10000;
    left: 50%;
    top: 50%;
    margin-left: -182px;
    margin-top: -215px;
    width: 395px;
    padding-bottom: 34px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    text-align: center
}

.login-container .box i.close {
    position: absolute;
    right: 6px;
    top: 6px;
    font-size: 28px;
    color: #d0d0d0;
    cursor: pointer
}

.login-container dl {
    padding-top: 23px;
    margin-bottom: 23px
}

.login-container dd.title {
    font-size: 18px;
    color: #3f3f3f
}

.login-container p.login-error {
    width: 286px;
    height: 20px;
    margin: 0 auto;
    text-align: left;
    font-size: 12px;
    color: #db0000;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.login-container button.regist {
    width: 286px;
    height: 43px;
    margin-top: 10px;
    background-color: #f04f00;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    cursor: pointer
}

.login-container button.regist:hover {
    background-color: #fc9071
}

.login-container button.disabled {
    background-color: #ff6b23!important
}

.login-container {
    display: none
}

.login-container p.warm {
    margin-top: 19px;
    font-size: 13px
}
.login-container p.warm input{
     height: 15px;
     width: 15px;
     vertical-align: middle;
}
.login-container p.warm i{
     vertical-align: middle;
}
.login-container p.warm a {
    color: #1e90ff;
    vertical-align: middle;
}

.com-form div {
    display: inline-block;
    border: 1px solid #c2c2c2;
    width: 286px;
    height: 41px;
    text-align: left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 0
}

.com-form input.img-code {
    width: 170px
}

.com-form button.getcode {
    width: 81px;
    height: 25px;
    font-size: 12px;
    background-color: #ececec;
    border: none;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #3d3d3d
}

.com-form input {
    border: none;
    outline: 0;
    text-indent: 8px;
    line-height: 41px;
    font-size: 12px;
    color: #bcbcbc
}

.com-form p.error {
    height: 20px;
    width: 286px;
    margin: 0 auto;
    text-align: left;
    font-size: 12px;
    color: #db0000
}

.com-form button.getcode,
.com-form i.con,
.com-form img.valid,
.com-form input {
    vertical-align: middle
}

.com-form img.valid {
    cursor: pointer
}

.com-form i.con {
    margin: 0 0 0 13px;
    font-size: 20px;
    color: #c5c5c5
}

.com-form input {
    height: 100%;
    border: none;
    outline: 0;
    text-indent: 8px;
    line-height: 41px;
    font-size: 12px;
    color: #bcbcbc
}

.com-form input.phone {
    width: 250px
}

.com-form input.img-code {
    width: 170px
}

.com-form i.con {
    margin: 0 0 0 13px;
    font-size: 20px;
    color: #c5c5c5
}

.com-form input.code {
    width: 163px
}

.com-form input.focus {
    font-size: 12px!important;
    color: #3f3f3f!important
}

.header-common {
    width: 1180px;
    margin: 0 auto;
    height: 100px;
    position: relative
}

.header-common .logo {font-size:0;
    float: left;
    padding-top: 7px
}


.header-common .logo .area {
    float: right;
    color: #600104;
    font-size: 12px;
    text-align: left;
    padding-top: 25px;
    margin-left:20px;
}

.header-common .logo .area strong {
    font-size: 16px;
    color: #fff;
    font-weight: 400
}

.header-common .logo .area span {
    color: #bdbdbd
}

.header-common .logo .select-area {
    position: absolute;
    z-index: 100;
    top: 50px;
    left: 195px
}

.header-common .logo .select-area {
    width: 468px;
    min-height: 218px;
    line-height: normal;
    padding: 20px 19px;
    text-align: left;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #e1e1e1;
    -webkit-box-shadow: -5px 2px 16px #999;
    -moz-box-shadow: -5px 2px 16px #999;
    box-shadow: -5px 2px 16px #999
}

.header-common .logo .select-area .icon-close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 25px;
    cursor: pointer;
    color: #8f8f8f
}

.header-common .logo .select-area .icon-triang-up {
    position: absolute;
    left: 8%;
    top: -11px;
    color: #fff
}

@media \0screen {
    .header-common .logo .select-area .icon-triang-up {
        color: #dbdbdb
    }
}

.header-common .logo .area-tap {
    padding-bottom: 12px;
    border-bottom: 1px solid #e5e5e5
}

.header-common .logo .area-tap span {
    padding: 0 10px 10px 10px;
    padding-bottom: 10px;
    border-bottom: 3px solid transparent
}

.header-common .logo .area-tap span.active {
    border-bottom: 3px solid #fe9b00
}

.header-common .logo .area-tap span.active i {
    cursor: pointer;
    color: #fe9b00
}

.header-common .logo .area-tap i {
    font-size: 12px;
    cursor: pointer;
    color: #0e0e0e
}

.header-common .logo .area-list {
    font-size: 0
}

.header-common .logo .area-list table {
    width: 100%
}

.header-common .logo .area-list .name {
    width: 23px;
    padding-top: 20px;
    font-size: 12px;
    vertical-align: top;
    color: #8f8f8f
}

.header-common .logo .area-list i {
    margin-top: 14px;
    display: inline-block;
    width: 58px;
    height: 25px;
    padding: 0 8px;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    color: #484848;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.header-common .logo .area-list i.active {
    color: #fff;
    background-color: #fe9b00
}

.header-common .logo .area-list .hot .name {
    display: none
}

.header-common .logo .area-list .hot a {
    padding: 0 10px
}

.header-common .search-snav-list {
    position: absolute;
    top: 50%;
    left: 354px;
    margin-top: -10px;
    font-size: 14px;
    color: #000;
    width: 500px
}

.header-common .search-snav-list li {
    float: left;
    margin: 0 46px 0 0
}

.header-common .search-snav-list li a {
    color: #000;
    text-decoration: none
}

.header-common .search-snav-list li a:hover {
    padding-bottom: 6px;
    color: #fe9b00
}

.header-common .search-snav-list li .a_active {
    border-bottom: 4px solid #fe9b00;
    color: #000
}

.header-common .head-main-form {
    background-color: #fff;
    position: absolute;
    right: 135px;
    top: 50%;
    margin-top: -19px;
    width: 253px;
    height: 38px;
    font-size: 0;
    border: 1px solid #c7c7c7;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
     border-radius: 20px;
     overflow: hidden;
}

.header-common .head-main-form input {
    width: 190px;
    height: 38px;
    line-height: 38px;
    margin-left:20px;
    font-size: 12px;
    border: none;
    color: #b8b8b8;
}

.header-common .head-main-form span {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -10px;
    font-size: 20px;
    cursor: pointer
}

.header-common .head-main-form-focus {
    border-color: #fe9b00 !important;
}

.error-close {
    position: fixed;
    z-index: 10000;
    bottom: 8%;
    left: 50%;
    display: none;
    padding: 18px;
    text-align: center;
    color: #000;
    font-size: 16px;
    background: #fff6e6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    max-width: 900px;
    border: 3px solid #fff;
    height: 30px;
    white-space: nowrap;
    -webkit-box-shadow: 0 0 13px 0 rgba(47, 47, 47, .19);
    -moz-box-shadow: 0 0 13px 0 rgba(47, 47, 47, .19);
    box-shadow: 0 0 13px 0 rgba(47, 47, 47, .19);
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.error-close .iconfont {
    font-size: 30px;
    position: relative;
    color: #fe9b00;
    left: 0;
    top: 5px;
    padding-right: 10px
}

.a_active {
    border-bottom: 4px solid #fe9b00;
    padding-bottom: 6px
}

.aw_hove_color {
    color: #fe9b00
}

.aw_hide {
    display: none
}

.mask {
    width: 100%;
    border: none;
    position: fixed;
    top: 3px;
    left: 0;
    height: 50px;
    background-color: #f8f8f6
}

.input_content {
    color: grey
}

.input_toggle {
    border: red solid 1px!important
}

.major-box .master {
    position: fixed;
    top: 1px;
    left: 0;
    width: 100%;
    height: 49px;
    line-height: 49px;
    background-color: #f8f8f6
}

.major-box .property .tap-box .tap-common .select-list a:hover {
    border-color: #fe9b00
}

.aw_exam_graduation {
    display: none
}

.navbar-common .city-name .select-area_1 {
    position: absolute;
    z-index: 100;
    top: 39px;
    left: -10px
}

.navbar-common .city-name .select-area_1 {
    width: 468px;
    min-height: 218px;
    line-height: normal;
    padding: 20px 19px;
    text-align: left;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #e1e1e1;
    -webkit-box-shadow: -5px 2px 16px #999;
    -moz-box-shadow: -5px 2px 16px #999;
    box-shadow: -5px 2px 16px #999
}

.navbar-common .city-name .select-area_1 .icon-close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 25px;
    cursor: pointer;
    color: #8f8f8f
}

.navbar-common .city-name .select-area_1 .icon-triang-up {
    position: absolute;
    left: 8%;
    top: -11px;
    color: #fff
}

@media \0screen {
    .navbar-common .city-name .select-area .icon-triang-up {
        color: #dbdbdb
    }
}

.navbar-common .city-name .area-tap_1 {
    padding-bottom: 12px;
    border-bottom: 1px solid #e5e5e5
}

.navbar-common .city-name .area-tap_1 span {
    padding: 0 10px 10px 10px;
    padding-bottom: 10px;
    border-bottom: 3px solid transparent
}

.navbar-common .city-name .area-tap_1 span.active {
    border-bottom: 3px solid #fe9b00
}

.navbar-common .city-name .area-tap_1 span.active a {
    color: #fe9b00
}

.navbar-common .city-name .area-tap_1 a {
    font-size: 12px;
    color: #0e0e0e
}

.navbar-common .city-name .area-tap_1 span.active em {
    color: #fe9b00
}

.navbar-common .city-name .area-tap_1 em {
    font-size: 12px;
    color: #0e0e0e
}

.navbar-common .city-name .area-list_1 {
    font-size: 0
}

.navbar-common .city-name .area-list_1 table {
    width: 100%
}

.navbar-common .city-name .area-list_1 .name {
    width: 23px;
    padding-top: 20px;
    font-size: 12px;
    vertical-align: top;
    color: #8f8f8f
}

.navbar-common .city-name .area-list_1 a,
.navbar-common .city-name .area-list_1 i {
    margin-top: 14px;
    display: inline-block;
    width: 58px;
    height: 25px;
    padding: 0 8px;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    color: #484848;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.navbar-common .city-name .area-list_1 a.active,
.navbar-common .city-name .area-list_1 i.active {
    color: #fff;
    background-color: #fe9b00
}

.navbar-common .city-name .area-list_1 .hot .name {
    display: none
}

.navbar-common .city-name .area-list_1 .hot a {
    padding: 0 10px
}

.navbar-common .type a {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0 10px 0 13px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #fff;
    color: #fe7800;
    margin-bottom: 3px
}

.navbar-common .type a .icon-close {
    margin-left: 7px
}

.navbar-common .flt {
    float: left
}

.navbar-common .frt {
    float: right
}

.navbar-common .del {
    padding-right: 26px
}

.navbar-common .del a {
    font-size: 12px
}

.header-common .logo .area strong {
    font-size: 16px;
    color: #fff;
    font-weight: 400
}

.header-common .logo .area span {
    color: #bdbdbd
}

.header-common .logo .select-area {
    width: 468px;
    min-height: 218px;
    line-height: normal;
    padding: 20px 19px;
    text-align: left;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #e1e1e1;
    -webkit-box-shadow: -5px 2px 16px #999;
    -moz-box-shadow: -5px 2px 16px #999;
    box-shadow: -5px 2px 16px #999
}

.header-common .logo .select-area .icon-close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 25px;
    cursor: pointer;
    color: #8f8f8f
}

.header-common .logo .select-area .icon-triang-up {
    position: absolute;
    left: 8%;
    top: -11px;
    color: #fff
}

@media \0screen {
    .header-common .logo .select-area .icon-triang-up {
        color: #dbdbdb
    }
}

.header-common .logo .area-tap_1 {
    padding-bottom: 12px;
    border-bottom: 1px solid #e5e5e5
}

.header-common .logo .area-tap_1 span {
    padding: 0 10px 10px 10px;
    padding-bottom: 10px;
    border-bottom: 3px solid transparent
}

.header-common .logo .area-tap_1 span.active {
    border-bottom: 3px solid #fe9b00
}

.header-common .logo .area-tap_1 span.active a {
    color: #fe9b00
}

.header-common .logo .area-tap_1 a {
    font-size: 12px;
    color: #0e0e0e
}

.header-common .logo .area-list_1 {
    font-size: 0
}

.header-common .logo .area-list_1 table {
    width: 100%
}

.header-common .logo .area-list_1 .name {
    width: 23px;
    padding-top: 20px;
    font-size: 12px;
    vertical-align: top;
    color: #8f8f8f
}

.header-common .logo .area-list_1 a {
    margin-top: 14px;
    display: inline-block;
    width: 58px;
    height: 25px;
    padding: 0 8px;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    color: #484848;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.header-common .logo .area-list_1 a.active {
    color: #fff;
    background-color: #fe9b00
}

.major-box .property .tap-box .tap-common .select-list a:hover {
    color: red
}

.header-common .status-login {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px
}

.header-common .login-status {
    font-size: 12px;
    cursor: pointer;
    display: none
}

.header-common .login-status i {
    color: #fe9b00
}

.header-common .login-status p {
    position: absolute;
    top: 32px;
    z-index: 1000;
    width: 97px;
    padding: 20px 0 0 0;
    font-size: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #cbcbcb;
    -webkit-box-shadow: 0 1px 7px 0 #cbcbcb;
    -moz-box-shadow: 0 1px 7px 0 #cbcbcb;
    box-shadow: 0 1px 7px 0 #cbcbcb;
    display: none
}

.header-common .login-status span.tra-out {
    position: absolute;
    top: -9px;
    left: 18px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #cbcbcb
}

.header-common .login-status span.tra-inner {
    position: absolute;
    top: -8px;
    left: 18px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 9px solid #fff
}

.header-common .login-status span.fill-cir {
    position: absolute;
    left: 0;
    top: -19px;
    z-index: 1000;
    height: 18px;
    width: 100%;
    background-color: transparent
}

.header-common .login-status a,
.header-common .login-status span {
    display: block;
    margin-bottom: 22px;
    color: #000;
    cursor: pointer
}

.header-common .login-status a.active {
    color: #fe9b00
}

.header-common .login-status a:hover {
    color: #fe9b00
}

.header-common .login-status span:hover {
    color: #fe9b00
}

.header-common .login-status:hover p {
    display: block
}

.header-common .login-opt {
    font-size: 14px;
    cursor: pointer;
    display: none
}

.header-common .login-opt:hover {
    color: #fe9b00
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -moz-transform: scale(.3);
        -o-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -o-transform: scale(.9);
        transform: scale(.9)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.bounceIn {
    -webkit-animation-duration: .8s;
    -moz-animation-duration: .8s;
    -o-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn
}

.com-masker {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .5)
}

@media \0screen {
    .com-masker {
        background-color: #000;
        filter: Alpha(opacity=50)
    }
}

.login-container .box {
    position: fixed;
    z-index: 10000;
    left: 50%;
    top: 50%;
    margin-left: -182px;
    margin-top: -215px;
    width: 395px;
    padding-bottom: 34px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    text-align: center
}

.login-container .box i.close {
    position: absolute;
    right: 6px;
    top: 6px;
    font-size: 28px;
    color: #d0d0d0;
    cursor: pointer
}

.login-container dl {
    padding-top: 23px;
    margin-bottom: 23px
}

.login-container dd.title {
    font-size: 18px;
    color: #3f3f3f
}

.login-container p.login-error {
    width: 286px;
    height: 20px;
    margin: 0 auto;
    text-align: left;
    font-size: 12px;
    color: #db0000;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.login-container button.regist {
    width: 286px;
    height: 43px;
    margin-top: 10px;
    background-color: #f04f00;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    cursor: pointer
}

.login-container button.regist:hover {
    background-color: #fc9071
}

.login-container button.disabled {
    background-color: #ff6b23!important
}

.login-container {
    display: none
}

.login-container p.warm {
    margin-top: 19px;
    font-size: 13px
}

.login-container p.warm a {
    color: #1e90ff
}

.com-form div {
    display: inline-block;
    border: 1px solid #c2c2c2;
    width: 286px;
    height: 41px;
    text-align: left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 0
}

.com-form input.img-code {
    width: 170px
}

.com-form button.getcode {
    width: 81px;
    height: 25px;
    font-size: 12px;
    background-color: #ececec;
    border: none;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #3d3d3d
}

.com-form input {
    border: none;
    outline: 0;
    text-indent: 8px;
    line-height: 41px;
    font-size: 12px;
    color: #bcbcbc
}

.com-form p.error {
    height: 20px;
    width: 286px;
    margin: 0 auto;
    text-align: left;
    font-size: 12px;
    color: #db0000
}

.com-form button.getcode,
.com-form i.con,
.com-form img.valid,
.com-form input {
    vertical-align: middle
}

.com-form img.valid {
    cursor: pointer
}

.com-form i.con {
    margin: 0 0 0 13px;
    font-size: 20px;
    color: #c5c5c5
}

.com-form input {
    height: 100%;
    border: none;
    outline: 0;
    text-indent: 8px;
    line-height: 41px;
    font-size: 12px;
    color: #bcbcbc
}

.com-form input.phone {
    width: 250px
}

.com-form input.img-code {
    width: 170px
}

.com-form i.con {
    margin: 0 0 0 13px;
    font-size: 20px;
    color: #c5c5c5
}

.com-form input.code {
    width: 163px
}

.com-form input.focus {
    font-size: 12px!important;
    color: #3f3f3f!important
}

.header-common {
    width: 1180px;
    margin: 0 auto;
    height: 100px;
    position: relative
}

/*.header-common .logo {
    float: left;
    padding-top: 20px
}*/



.header-common .logo .area strong {
    font-size: 16px;
    color: #fff;
    font-weight: 400
}

.header-common .logo .area span {
    color: #600104
}

.header-common .logo .select-area {
    position: absolute;
    z-index: 100;
    top: 50px;
    left: 195px
}

.header-common .logo .select-area {
    width: 468px;
    min-height: 218px;
    line-height: normal;
    padding: 20px 19px;
    text-align: left;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #e1e1e1;
    -webkit-box-shadow: -5px 2px 16px #999;
    -moz-box-shadow: -5px 2px 16px #999;
    box-shadow: -5px 2px 16px #999
}

.header-common .logo .select-area .icon-close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 25px;
    cursor: pointer;
    color: #8f8f8f
}

.header-common .logo .select-area .icon-triang-up {
    position: absolute;
    left: 8%;
    top: -11px;
    color: #fff
}

@media \0screen {
    .header-common .logo .select-area .icon-triang-up {
        color: #dbdbdb
    }
}

.header-common .logo .area-tap {
    padding-bottom: 12px;
    border-bottom: 1px solid #e5e5e5
}

.header-common .logo .area-tap span {
    padding: 0 10px 10px 10px;
    padding-bottom: 10px;
    border-bottom: 3px solid transparent
}

.header-common .logo .area-tap span.active {
    border-bottom: 3px solid #fe9b00
}

.header-common .logo .area-tap span.active i {
    cursor: pointer;
    color: #fe9b00
}

.header-common .logo .area-tap i {
    font-size: 12px;
    cursor: pointer;
    color: #0e0e0e
}

.header-common .logo .area-list {
    font-size: 0
}

.header-common .logo .area-list table {
    width: 100%
}

.header-common .logo .area-list .name {
    width: 23px;
    padding-top: 20px;
    font-size: 12px;
    vertical-align: top;
    color: #8f8f8f
}

.header-common .logo .area-list i {
    margin-top: 14px;
    display: inline-block;
    width: 58px;
    height: 25px;
    padding: 0 8px;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    color: #484848;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.header-common .logo .area-list i.active {
    color: #fff;
    background-color: #fe9b00
}

.header-common .logo .area-list .hot .name {
    display: none
}

.header-common .logo .area-list .hot a {
    padding: 0 10px
}

.header-common .search-snav-list {
    position: absolute;
    top: 50%;
    left: 354px;
    margin-top: -10px;
    font-size: 14px;
    color: #000;
    width: 500px
}

.header-common .search-snav-list li {
    float: left;
    margin: 0 46px 0 0
}

.header-common .search-snav-list li a {
    color: #fff;
    text-decoration: none
}

.header-common .search-snav-list li a:hover {
    padding-bottom: 6px;
    color: #fe9b00
}

.header-common .search-snav-list li .a_active {
    border-bottom: 4px solid #fe9b00;
    color: #fff
}

/*.header-common .head-main-form {
    position: absolute;
    right: 135px;
    top: 50%;
    margin-top: -19px;
    width: 253px;
    height: 38px;
    font-size: 0
}*/

/*.header-common .head-main-form input {
    width: 100%;
    height: 38px;
    line-height: 38px;
    margin-left:20px;
    font-size: 12px;
    border: 1px solid #c7c7c7;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: #b8b8b8
}*/

.header-common .head-main-form span {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -10px;
    font-size: 20px;
    cursor: pointer
}
/*
.header-common .head-main-form input:focus {
    border-color: #fe9b00
}*/

.error-close {
    position: fixed;
    z-index: 10000;
    bottom: 8%;
    left: 50%;
    display: none;
    padding: 18px;
    text-align: center;
    color: #000;
    font-size: 16px;
    background: #fff6e6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    max-width: 900px;
    border: 3px solid #fff;
    height: 30px;
    white-space: nowrap;
    -webkit-box-shadow: 0 0 13px 0 rgba(47, 47, 47, .19);
    -moz-box-shadow: 0 0 13px 0 rgba(47, 47, 47, .19);
    box-shadow: 0 0 13px 0 rgba(47, 47, 47, .19);
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.error-close .iconfont {
    font-size: 30px;
    position: relative;
    color: #fe9b00;
    left: 0;
    top: 5px;
    padding-right: 10px
}

.hotshool {
    border-top: 1px solid #efefef;
    padding: 30px 0;
    zoom: 1;
    overflow: hidden;
}

.hotshool h3 span {
    border-left: 2px solid #f04f00;
    padding: 0 0 0 5px;
}

.hotshool ul {
    margin-left: 20px;
}

.hotshool li {
    width: 125px;
    float: left;
    margin: 18px 10px 0 0;
}

.hotshool a {
    font-size: 12px;
    display: inline-block;
    width: 125px;
    height: 30px;
    line-height: 30px;
    background: #f1f1f1;
    border-radius: 25px;
    text-align: center;
    color: #393939;
}

.hotshool a:hover {
    background: #fe9b00;
    color: #fff;
}
#zhichiBtnBox{
    z-index: -1 !important;
  height: 0 !important;
  width: 0 !important;
}





.hot-nav7 {display: flex; justify-content: space-between;width: 328px;/* position: relative; */margin: 0 auto;}
.hot-nav7 .item span{padding: 0 18px;font-size: 16px;border-right: 1px solid #999;}
.hot-nav7 .item {padding: 16px 0px;/* margin: 0 5%; */float: left;overflow: hidden;/* margin: 0 10px; */}
.hot-nav7 .item.active {color: #1d25e5;border-bottom: 2px solid #1d25e5;}
.hot-content7 {display: flex;flex-wrap: nowrap;width: 95%;margin: 20px auto;justify-content: space-between;}
.hot-nav7-right{display: flex;}
.hot-nav7-right span{font-size: 14px;line-height: 38px;padding-right: 10px;border-right: 1px solid 1px solid #d3d5da;}
.hot-nav7-right a{background: #3ea13a;color: #fff;display: block;width: 110px;padding: 10px 0;text-align: center;border-radius: 4px;font-size: 14px;height: 16px;}

.advantage-list{width: 1000px;margin: 0 auto;display: flex;justify-content: space-between;}
.advantage-left{/* margin-top: 20px; */width: 23%;}
.advantage-left-fl{margin-top: 14px;}
.advantage-left-fl h1{font-size: 14px;font-weight: bold;}
.advantage-left-fl p{font-size: 12px;line-height: 22px;margin-top: -8px;text-align: justify;}
.advantage-center{width: 48%;/* padding: 0 50px; */box-sizing: border-box;text-align: center;}
.advantage-center img{width: 100%;}
.advantage-right{/* margin-top: 20px; */width: 23%;}
.advantage-right-fl{margin-top: 14px;}
.advantage-right-fl h1{font-size: 14px;font-weight: bold;text-align: right;}
.advantage-right-fl p{font-size: 12px;line-height: 22px;margin-top: -8px;text-align: justify;}

.content {/* background: none; */margin: 0.9rem auto 0 auto;width: 1100px;}
.desc dd {font-size: 16px;margin-bottom: .17rem;padding: 0.2rem 0;/* height: 10.4rem; */}
.desc dd {float: left;box-sizing: border-box;text-align: center;color: #fff;width: 50%;}
.desc dd .timer{font-weight: 700;color: #444de9;font-size: 52px;}
.desc dd .tim2{font-size: 30px;}
.desc dt {margin: 0 .1rem;}
.desc dt {height: 4.8rem;width: 1px;background: #dbe9f4;float: left;margin-top: 0.3rem;}
dl, dd{margin: 0;}
.nr p{margin-top: -8px;font-size: 14px;color: #3d3c3d;}
.nr h1{color: #444de9;margin-bottom: 28px;}

.facilities{width: 94%;margin: 0 auto;margin-top: -10px;}
.facilities-l,.facilities-r{display: flex;justify-content: space-between;margin-top: 13px;}
.facilities-l img,.facilities-r img{width: 100%;}
.facilities-l div,.facilities-r div{margin: 6px;margin: 0 6px;}

.anchor-bot{background: #f9f9f9;padding: 30px 0;text-align: center;width: 110px;margin-left: 8px;}


.register2-img{width: 960px;margin: 0 auto;margin-bottom: 60px;overflow: hidden;}
.register2-list{width: 960px;margin: 0 auto;margin-bottom: 60px;}
.register2-titl h1{font-size: 70px;color: #f3f3f3;padding-left: 30px;}
.register2-titl h2{font-size: 24px;font-weight: bold;margin-top: -49px;}
.register2-nr p{margin-top: 30px;font-size: 14px;line-height: 26px;}
.register2-title{text-align: center;padding: 0 70px;margin-top: -230px;height: 230px;color: #fff;}
.register2-title h1{font-size: 44px;}
.register2-title h2{font-size: 12px;margin-top: 10px;font-weight: normal;}
.register2-title p{font-size: 20px;margin-top: 40px;}






.sousuo{background: #fafcff;padding: 50px 0;}
.sousuo-all{width: 600px;margin: 0 auto;}
.sousuo-t{display: flex;justify-content: space-between;}
.sousuo-inp{background: #fff;border:1px solid #eee;width: 500px;padding: 4px 10px;line-height: 26px;}
.sousuo-inp input{/* padding: 4px 0; */padding-left: 10px;line-height: 22px;font-size: 14px;width: 446px;}
.sousuo-inp img{width: 18px;}
.sousuo-button{border:none;/* text-align: center; */}
.sousuo-button button{background: #444de9;color: #fff;width: 100px;padding: 7px 0; border: none;font-size: 14px;}
.sousuo-bot{text-align: center;margin-top: 10px;}
.sousuo-bot p{font-size: 14px;}
.sousuo-bot p a{padding: 0 7px;}
.sousuo-bot p .on{color: #444de9;}



.hot-nav8-all{background: #fafcff;}
.hot-nav8 {display: flex; justify-content: space-between;width: 580px;/* position: relative; */margin: 0 auto;}
.hot-nav8 .item span{padding: 0 18px;font-size: 16px;}
.hot-nav8 .item {padding: 16px 0px;/* margin: 0 5%; */float: left;overflow: hidden;/* margin: 0 10px; */}
.hot-nav8 .item.active {color: #1d25e5;border-bottom: 2px solid #1d25e5;}

.adv-list{width: 1200px;margin: 0 auto;}
.adv-t{border-bottom: 1px solid #d3d5da;padding: 30px 0;}
.adv-t h1{font-size: 16px;font-weight: bold;}
.adv-t h2{font-size: 12px;color: #999;margin-top: 10px;}
.adv-t p{font-size: 14px;margin-top: 14px;color: #8f8f8f;line-height: 28px;}
.adv-t span{color: #444de9;}
.page{padding: 30px 0;text-align: center;font-style: 14px;}
.header2{background: #fafcff;margin-top: -17px;}
.header2 input{background: #fafcff;}



.hot-nav12-all{background: #444de9;display: flex;margin-top: -4px;}
.hot-nav12 {display: flex;justify-content: space-between;/* width: 1065px; *//* position: relative; */margin-left: 30px;background: #444de9;}
.hot-nav12 .item span{padding: 0 34px;font-size: 18px;border-right: 1px solid #d3d5da;}
.hot-nav12 .item span:hover{color: #fff;}
.hot-nav12 .item {padding: 16px 0px;/* margin: 0 5%; */float: left;overflow: hidden;color: #d3d5da;}
.hot-nav12 .item.active {color: #fff;/* border-bottom: 2px solid #1d25e5; */}
.hot-nav12-left{background: #f0f0f0;text-align: center;width: 43%;}
.hot-nav12-left h1{font-size: 18px;color: #444de9;line-height: 54px;}



.guanjianci{width: 900px;margin: 0 auto;padding: 50px 0;display: flex;font-size: 14px;}
.guanjianci-span{width: 100px;line-height: 26px;}
.guanjianci-a{width: 800px;}
.guanjianci-a a{margin: 0 10px;line-height: 26px;}
.guanjianci-a a:hover{color: #444de9;}
.hot-content12{width: 1200px;margin: 0 auto;}


.new-list{display: flex;padding: 20px;}
.new-list:hover{box-shadow: 0px 6px 30px 0px rgba(51, 51, 51, 0.13);}
.new-img{width: 470px;overflow: hidden;}
.new-img img{width: 100%;transition: 1s;}
.new-img:hover img{transform: scale(1.1);transition: 1s;}
.new-right{padding: 20px;}
.new-right h1{font-size: 16px;color: #000;}
.new-right h1:hover{color: #444de9;}
.new-right p{font-size: 14px;line-height: 24px;color: #666666;margin-top: 20px;}
.new-s-tow{color: #999;padding: 0 20px;margin: 0 20px;border-left: 1px solid #999;}

.new2-list{float: left;width: 48.3%;border:1px solid #eee;box-sizing: border-box;margin: 10px 10px;border-radius: 10px;overflow: hidden;}
.new2-list:hover{box-shadow: 0px 6px 30px 0px rgba(51, 51, 51, 0.13);}
.new2-img{width: 470px;overflow: hidden;}
.new2-img img{width: 100%;transition: 1s;}
.new2-img:hover img{transform: scale(1.1);transition: 1s;}
.new2-right{padding: 20px;}
.new2-right h1{font-size: 16px;color: #000;}
.new2-right h1:hover{color: #444de9;}
.new2-right p{font-size: 14px;line-height: 24px;color: #666666;margin-top: 20px;}
.new2-s-tow{color: #999;padding: 0 20px;margin: 0 20px;border-left: 1px solid #999;}








.comp-all{width: 1200px;margin: 0 auto;padding: 60px 0;}
.comp-top{display: flex;justify-content: space-between;}
.comp-titl{width: 200px;}
.comp-titl h1{font-size: 20px;color: #000;font-weight: bold;}
.comp-titl h2{font-size: 22px;margin-top: 10px;color: #000;font-weight: bold;}
.comp-p{width: 1000px;text-align: justify;font-size: 14px;line-height: 26px;}
.comp-img{width: 1200px;margin: 0 auto;margin-top: 40px;}


.ser{background: #f6f6f6;padding: 60px 0;}
.ser-all{width: 1200px;margin: 0 auto;}
.ser-titl{text-align: center;}
.ser-titl h1{font-size: 24px;font-weight: bold;color: #000;}
.ser-titl h2{font-size: 26px;font-weight: bold;margin-top: 20px;color: #000;}
.ser-list{display: flex;justify-content: space-between;margin-top: 30px;}
.ser-disp{margin: 0 12px;}
.ser-img{margin: 0 auto;text-align: center;}
.ser-bot h3{text-align: center;font-size: 16px;margin-top: 10px;font-weight: bold;}
.ser-bot p{margin-top: 10px;text-align: justify;line-height: 20px;}








.ach-all{width: 1200px;margin: 0 auto;padding: 60px 0;}
.ach-center{padding: 40px 0;text-align: center;color: #000;}
.ach-center h3{font-size: 16px;}
.ach-center p{font-size: 14px;line-height: 24px;margin-top: 10px;}
.ach-bot{width: 800px;margin: 0 auto;}
.desc3 dd {font-size: 16px;margin-bottom: .17rem;/* padding: 0.2rem 0;height: 10.4rem; */}
.desc3 dd {float: left;box-sizing: border-box;/* text-align: center; */color: #fff;width: 25%;padding-left: 24px;}
.desc3 dd .timer{font-weight: 700;color: #444de9;font-size: 24px;}
.desc3 dd .tim2{font-size: 30px;}
.desc3 dt {margin: 0 .1rem;}
.desc3 dt {height: 4.8rem;width: 1px;background: #dbe9f4;float: left;margin-top: 0.3rem;}
dl, dd{margin: 0;}
.desc3 .nr p{margin-top: 10px;font-size: 14px;color: #3d3c3d;}
.desc3 .nr h1{color: #444de9;/* text-align: left; */}



.corporate-all{width: 1200px;margin: 0 auto;/* padding: 60px 0; */}
.corporate-list{margin-top: 30px;display: flex;flex-wrap: wrap;}
.corporate-left{box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.08);width: 46%;background: #fbfbfb;margin:10px 20px;border-radius: 10px;color: #000;padding: 30px 40px;box-sizing: border-box;}
.corporate-left h3{font-size: 16px;font-weight: bold;}
.corporate-left p{font-size: 14px;margin-top: 20px;line-height: 22px;}


.coop-all{width: 1200px;margin: 0 auto;padding: 60px 0;}
.coop-top{margin-top: 30px;}
.coop-list{display: flex;justify-content: space-between;}
.coop-h{width: 160px;}
.coop-h h3{font-size: 16px;font-weight: bold;color: #000;margin-top: 20px;}
.coop-img{display: flex;flex-wrap: wrap;}
.coop-img p{box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.08);border-radius: 10px;margin: 10px;width: 12.4%;overflow: hidden;}
.coop-img img{width: 100%;}

.pag {
  margin: 39px 0 20px 0;
  text-align: center;
  font-size: 0
}
.pag a {
  display: inline-block;
  border-right: none;
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  color: #000;
  vertical-align: middle;
  background: #fff;
}

.pagination {
  margin: 39px 0 20px 0;
  text-align: center;
  font-size: 0
}

.pagination a,
.pagination span {
  display: inline-block;
  border: 1px solid #e5e5e5;
  border-right: none;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  font-size: 12px;
  color: #000;
  vertical-align: middle;
  background: #fff;
}

.pagination a.active {
  color: #fff;
  background-color: #a0a0a0
}

.pagination a.next {
  border-right: 1px solid #e5e5e5
}

.pagination input {
  width: 38px;
  height: 40px;
  margin: 0 12px;
  vertical-align: middle;
  border: 1px solid #e5e5e5;
  text-align: center;
  font-size: 12px
}

.pagination span.goPage {
  border-right: 1px solid #e5e5e5;
  background-color: #737373;
  color: #fff;
  cursor: pointer
}



@media (max-width: 1400px){

}




.sabrosus{padding:5px;margin:30px auto;text-align:center;}
/**/
.sabrosus .pages{width: 540px;margin: 0 auto;}
.sabrosus .pages li{float: left;padding: 0 4px;list-style-type: none;}
.sabrosus a{/* border:#dedede 1px solid; */padding: 3px 0px;margin:0 2px 0 0;text-decoration:none;}
.sabrosus a:hover{font-weight:bold; color:#5597fa;}
.pagination a:active{color:#fff;background-color:#e42024;}
.sabrosus a.current{border:#dedede 1px solid;padding:3px 6px;font-weight:bold;margin:0 2px 0 0; color:#fff;background-color:#e42024}
.sabrosus .pages td:last-child{width: 40px !important;}
.sabrosus .pages td:nth-child(1){width: 40px !important;}
.sabrosus .pages td{text-align: center;}