@charset "UTF-8";

/* 公众端顶部样式 */


/* =========================== 顶部搜索  begin =========================== */

.loginstate {
    background-color: #e5e5e5;
    height: 38px;
}

.loginstate-container {
    width: 1150px;
    margin: 0 auto;
    font-size: 14px;
    color: #888;
}


/* 二维码弹出样式 */

.wechat-container {
    cursor: pointer;
}

.wechat-container:hover .wechat-icon-popup {
    display: block;
}

.wechat-word {
    position: relative;
}

.wechat-icon-popup {
    margin-left: 86px;
    position: absolute;
    width: 150px;
    height: 150px;
    border: 2px solid #a0acc1;
    cursor: pointer;
    margin-top: -33px;
}

.wechat-icon-popup:after {
    bottom: 85%;
    left: -14%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-right-color: #a0acc1;
    border-width: 10px;
}

.wechat-icon-popup img {
    width: 100%;
    height: 100%;
}

.top-leftlink,
.top-leftlink span {
    line-height: 38px;
    display: inline-block;
    vertical-align: middle;
}

.top-leftlink a:link,
.top-leftlink a:visited {
    color: #888;
}

.topbanner-wrapper {
    background-color: #fff;
    height: 140px;
}

.topbanner {
    width: 1150px;
    margin: 0 auto;
}

.topbanner-left {
    width: 336px;
    height: 89px;
    margin-top: 22px;
}

.topbanner-left img {
    width: 100%;
    height: 100%;
}

.topbanner-right {
    width: 507px;
    height: 140px;
}

.topbanner-right img {
    width: 100%;
    height: 100%;
}


/* 搜索框 */

.main-search {
    margin-top: 4px;
    background-color: #fff;
    margin-right: 36px;
    width: 248px;
    height: 28px;
    border: 1px solid #b3b3b3;
    border-radius: 14px;
    display: inline-block;
    vertical-align: middle;
}

.search-input {
    width: 194px;
    height: 28px;
    line-height: 28px;
    border: none;
    margin-left: 20px;
    display: inline-block;
    vertical-align: middle;
}

.search-icon {
    cursor: pointer;
    border: none;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background: url('../img/home/topbanner/search-icon1.png') no-repeat center;
}


/* 登录按钮--------登陆前----------------------- */

.login-btn-container {
    display: inline-block;
    vertical-align: middle;
}

.login-btn-container a,
.login-btn-container a:link,
.login-btn-container a:visited {
    vertical-align: middle;
    display: inline-block;
    line-height: 38px;
    font-size: 14px;
    text-align: center;
}

a.login,
a.login:link,
a.login:visited {
    color: #888;
}

a.register,
a.register:link,
a.register:visited {
    color: #888;
}


/* 登录按钮--------登陆后-------------------------- */

.user-state-container {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #666;
    margin-top: 5px;
}

a.username {
    cursor: pointer;
    color: #666;
}

.usercenter {
    cursor: pointer;
}

.usercenter:after {
    position: absolute;
    content: "";
    height: 10px;
    width: 16px;
    margin: 10px 0px 0 6px;
    display: inline-block;
    background: url(../img/Top/icon-arrow-down.png) no-repeat;
}

.myHome-container:hover .usercenter:after {
    content: "";
    background: url(../img/Top/icon-arrow-down-white.png) no-repeat;
}

.myHome-container {
    padding-right: 10px;
    width: 96px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

.myHome-container:hover {
    background-color: #b8d3fd;
}

.myHome-container .myHome-item {
    position: absolute;
    z-index: 222;
    display: none;
    background-color: #b8d3fd;
}

.myHome-container:hover .myHome-item {
    display: block;
}

.myHome-item .per-myHome-item {
    padding-right: 10px;
    width: 96px;
    height: 28px;
    line-height: 28px;
}

.per-myHome-item:hover {
    background-color: #3e87ff;
}

.per-myHome-item a:link,
.per-myHome-item a:visited {
    color: #3e87ff;
}

.per-myHome-item:hover a {
    color: #fff;
    border-bottom: 1px solid #fff;
}


/* =========================== 顶部搜索  end =========================== */


/* =========================== 导航 begin =========================== */

.catalog-container {
    height: 50px;
    background-color: #3e87ff;
    font-size: 16px;
}

.cataloglist {
    width: 1050px;
    margin: 0 auto;
}

a.cataloglink,
a.cataloglink:link,
a.cataloglink:visited {
    color: #fff;
}

.current a.cataloglink,
.current .cataloglink:link,
.current .cataloglink:visited {
    color: #ffe508;
    font-weight: bold;
}

.per-guide {
    height: 50px;
    line-height: 49px;
    cursor: pointer;
    width: 112px;
    text-align: center;
    float: left;
}

.guide-below {
    width: 112px;
    text-align: center;
    z-index: 500;
    position: absolute;
    background-color: #3464d0;
    display: none;
}

.per-guide.current {
    display: block;
    background-color: #284fa7;
}

.touched a.cataloglink,
.touched .cataloglink:link,
.touched .cataloglink:visited {
    color: #ffe508;
    font-weight: bold;
}

.per-guide.touched {
    background-color: #3464d0;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

.per-guide-below {
    cursor: pointer;
    height: 43px;
    line-height: 43px;
    border-top: 1px solid #6b94ec;
}


/* 双创平台两列 */

.guide-below.envi {
    width: 225px;
}

.guide-below.envi .per-guide-below {
    width: 112px;
    float: left;
}

.guide-below.envi .per-guide-below:nth-child(odd) {
    border-right: 1px solid #6b94ec;
}


/* 双创平台两列 */

.per-guide-below:hover {
    background-color: #3e87ff;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.per-guide-below a:link,
.per-guide-below a:visited {
    color: #fff;
}


/* =========================== 导航 end =========================== */