* {
    margin: 0;
    padding: 0;
    font-family: '微软雅黑' !important;
}


/*  以下是将相关页面变灰，在各种政府活动中用
    body {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    filter: gray;
}
    */

.logo img {
    max-width: 100%;
    transition: all 0.5s ease;
    vertical-align: top;
}

.title {
    height: 40px;
    background-color: #f9f9f9;
    min-width: 1200px;
}

.title .hello {
    display: inline-block;
}

.title .hello p {
    font-size: 14px;
    color: #9a9a9a;
    height: 100%;
    line-height: 40px;
}

.title .grxx {
    float: right;
    line-height: 40px;
}

.xwbk,
.login {
    display: inline-block;
    line-height: 40px;
    position: relative;
}

.xwbk a {
    display: inline-block;
    margin: 0 15px;
}

.xwbk a,
.login a {
    font-size: 14px;
    color: #9a9a9a;
    vertical-align: middle;
}

.login a img {
    margin-top: 9px;
}

.xwbk span,
.login span {
    font-size: 14px;
    color: #9a9a9a;
}

.xwbk a:hover,
.login a:hover {
    color: #0090da;
}

.nav_top,
.logo {
    height: 150px;
    vertical-align: top;
}

.logo {
    float: left;
}

.logo h1 {
    display: none;
}

.logo img {
    max-height: 76px;
    margin-top: 37px;
}

.logo,
.logo p,
.sousou,
.tel {
    display: inline-block;
}

.logo p {
    font-size: 30px;
    color: #333333;
    height: 40px;
    line-height: 40px;
    vertical-align: top;
    border-left: 1px solid #9a9a9a;
    margin-top: 55px;
    padding-left: 6px;
    font-weight: 600;
}

.sousou {
    float: left;
    width: 300px;
    height: 40px;
    margin-top: 55px;
    margin-left: 80px;
    vertical-align: top;
}

.sousou input {
    float: left;
    width: 240px;
    height: 40px;
    border: 1px solid #e9e9e9;
    margin: 0;
    border-radius: 40px 0 0 40px;
    padding-left: 20px;
    font-size: 14px;
    color: #aaaaaa;
    outline: none;
}

.sousou input:focus::-webkit-input-placeholder {
    display: none;
    opacity: 0;
    visibility: hidden;
}

.sousou a {
    float: left;
    display: inline-block;
    width: calc(100% - 244px);
    background: #0090da;
    border-radius: 0 40px 40px 0;
    margin: 0;
    height: 40px;
    line-height: 40px;
    text-align: center;
    vertical-align: top;
}

.sousou a img {
    vertical-align: middle;
}

.tel {
    width: 250px;
    float: right;
    vertical-align: top;
    margin-top: 45px;
    margin-right: -7px;
}

.tel .tel_img,
.tel .tel_wenzi {
    display: inline-block;
    vertical-align: middle;
}

.tel .tel_wenzi p:nth-child(1) {
    color: #0090da;
    font-size: 24px;
    font-weight: 600;
    height: 30px;
    vertical-align: top;
}

.tel .tel_wenzi P {
    color: #9a9a9a;
    font-size: 16.5px;
}

/* 导航 */
.nav {
    width: 100%;
    left: 0;
    top: 0;
    height: 50px;
    background-color: #0090da;
    min-width: 1200px;
    z-index: 990;
}

.nav1 {
    float: right;
}

.nav1 li {
    width: 130.96px;
    display: inline-block;
}

.nav1 li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #fff;
    line-height: 50px;
    text-align: center;
}

.nav-zhi {
    width: 100%;
}

.nav-zhi ul li {
    width: 14% !important;
}

.nav1 li a:hover {
    background: #ffba00;
}

.nav1 li a.covers {
    background: #ffba00;
}

.kclm {
    float: left;
    width: 240px;
    height: 50px;
    background: rgba(0, 0, 0, 0.6);
}

.banner .swiper-slide {
    height: 400px;
    background-position: center center;
}

.djdl {
    width: 200px;
    height: 200px;
    background: url(../img/bjt1.png) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    right: 50%;
    z-index: 980;
    margin-right: -600px;
    text-align: center;
}

.djdl1 {
    padding-top: 30px;
    background: rgba(0, 0, 0, 0.6);
    width: 200px;
    height: 200px;
}

.djdl p {
    font-size: 14px;
    color: #fff;
    margin-top: 10px;
}

.djdl p a {
    display: inline-block;
    width: 80px;
    height: 30px;
    font-size: 14px;
    color: #fff;
    margin-top: 10px;
    text-align: center;
    line-height: 30px;
    border-radius: 5px;
}

.djdl p a:nth-child(1) {
    background: #ffba00;
}

.djdl p a:hover,
.djdl p a:focus {
    background: #ffba00;
}

.kclm h3 {
    font-size: 18px;
    color: #fff;
    line-height: 50px;
    padding: 0 20px;
    vertical-align: middle;
    cursor: pointer;
}

.kclm h3 img {
    vertical-align: middle;
}

.kclm h3 img:nth-child(2) {
    float: right;
    margin-top: 20px;
}

.banner {
    width: 100%;
    min-width: 1200px;
    height: 400px;
    position: relative;
}

.banner .swiper-container img {
    height: 400px;
}

.banner1 {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1180px;
    height: 400px;
    transform: translateX(-50%);
    z-index: 98;
}

.banner1 .fllm {
    width: 240px;
    height: 400px;
    background: rgba(0, 0, 0, 0.6);
}

.banner1 .fllm ul .li {
    padding: 0 20px;
    border-left: 2px solid rgba(0, 0, 0, 0);
    padding-bottom: 10px;
}

.banner1 .fllm ul .li:hover {
    border-left: 2px solid #0090da;
}

.banner1 .fllm ul li .h2:hover .ycdhz {
    display: block !important;
}

.ycdhz {
    display: none;
    position: absolute;
    width: 600px;
    min-height: 300px;
    background: #fff;
    left: 240px;
    top: 0;
    padding-left: 30px;
    padding-bottom: 30px;
}

.ycdhz1 {
    top: 50px;
}

.ycdhz1 {
    top: 50px;
}

.ycdhz2 {
    bottom: 0;
}

.ycdhz h3 {
    color: #333333;
    font-size: 16px;
    padding-top: 30px;
    margin-bottom: 10px;
    cursor: pointer;
    line-height: 20px;
    font-weight: 600;
}

.ycdhz h3 span {
    display: inline-block;
    font-size: 12px;
    color: #fff;
    width: 40px;
    height: 15px;
    background: #e00000;
    border-radius: 5px 0 5px 0;
    text-align: center;
    line-height: 15px;
    vertical-align: top;
    position: relative;
}

.ycdhz h3 span::after {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #fff;
    top: 2px;
    right: 2px;
}

.ycdhz ul li {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    line-height: 35px;
    margin-right: 30px;
    padding: 0 !important;
}

.ycdhz ul li a {
    display: block;
    font-size: 14px;
    color: #666666;
}

.ycdhz ul li a:hover {
    color: #0090da;
}

.banner1 .fllm ul li .h2 {
    color: #fff;
    font-size: 16px;
    padding-top: 20px;
    margin-bottom: 10px;
    cursor: pointer;
    line-height: 20px;
}

.banner1 .fllm ul li .h2 .img2 {
    display: none;
}

.banner1 .fllm ul li .div span a {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    line-height: 35px;
    margin-right: 10px;
}

.banner1 .fllm ul li .div span a:hover {
    color: #0090da;
}

.guanggao {
    width: 100%;
    min-width: 1200px;
    height: 60px;
    background: #f9f9f9;
}

.guanggao span {
    display: inline-block;
    vertical-align: middle;
    width: 135px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    color: #0090da;
}

.guanggao span img {
    vertical-align: top;
    margin-top: 17px;
}

.guanggao .ul {
    display: inline-block;
    height: 60px;
    vertical-align: top;
    padding-top: 20px;
    width: 950px;
}

.guanggao a:hover {
    color: #0090da;
}

.guanggao .ul .li {
    display: inline-block;
    line-height: 20px;
    height: 20px;
    width: 320px;
}

.guanggao .ul .li a {
    display: block;
    padding: 0 20px;
    vertical-align: middle;
    font-size: 14px;
    color: #666666;
    line-height: 20px;
    border-left: 1px solid #d9d9d9;
}

.guanggao .ul .li a:hover {
    color: #0090da;
}

.ckgd {
    float: right;
    line-height: 60px;
}

.liuc {
    padding-top: 40px;
}

.liuc ul li {
    width: 16.66666667%;
    float: left;
    height: 100px;
    padding: 20px;
    box-sizing: border-box;
    vertical-align: top;
}

.liuc ul li .lc_img,
.liuc ul li .lc_text {
    display: inline-block;
    vertical-align: top;
}

.liuc ul li .lc_text p {
    font-size: 48px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.3);
    height: 27px;
    overflow: hidden;
}

.liuc ul li .lc_text span {
    font-size: 16px;
    color: #fff;
    margin-top: 10px;
    display: inline-block;
}

.liuc ul li:nth-child(1) {
    background: #43b9f6;
}

.liuc ul li:nth-child(2) {
    background: #f0c93e;
}

.liuc ul li:nth-child(3) {
    background: #9075e9;
}

.liuc ul li:nth-child(4) {
    background: #56e27a;
}

.liuc ul li:nth-child(5) {
    background: #5f7ef2;
}

.liuc ul li:nth-child(6) {
    background: #eb539e;
}

.cur {
    background: #0090da !important;
    color: #fff !important;
}

.jxjy {
    padding: 40px 0;
}

.jxjy_bt {
    height: 36px;
    width: 100%;
    line-height: 36px;
    margin-bottom: 15px;
}

.jxjy_bt span img {
    vertical-align: middle;
    max-height: 36px;
    margin-right: 5px;
}

.jxjy_bt span {
    display: inline-block;
    font-size: 28px;
    margin-right: 50px;
    color: #333333;
    font-weight: 600;
    vertical-align: middle;
}

.jxjy_bt a {
    display: inline-block;
    font-size: 16px;
    color: #333333;
    height: 30px;
    padding: 0 20px;
    margin: 0 15px;
    line-height: 30px;
    border-radius: 40px;
}

.jxjy_bt a:hover {
    background: #0090da;
    color: #fff;
}

.jxjy_bt .ckgd {
    font-size: 14px;
    color: #9a9a9a;
    margin: 0;
    padding: 0;
}

.jxjy_bt .ckgd:hover {
    background: none;
    color: #0090da;
}

.jxjy_zuo {
    display: inline-block;
    vertical-align: top;
    width: 275px;
    height: 500px;
    background: url(../img/img-01.png) no-repeat center center;
    background-size: 100% 100%;
    padding: 40px 30px;
    margin-right: 20px;
}

.jxjy_zuo h2 {
    font-size: 48px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 7px;
}

.jxjy_zuo h3 {
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 15px;
}

.jxjy_zuo h4 {
    width: 100%;
    border: 1px solid #fff;
    border-radius: 40px;
    height: 40px;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    margin-bottom: 10px;
}

.jxjy_zuo h4 a {
    display: block;
    color: #fff;
}

.jxjy_zuo h4 a:hover {
    color: #0090da;
    background: #fff;
    border-radius: 40px;
}

.jxjy_zuo ul li {
    display: inline-block;
    line-height: 30px;
}

.jxjy_zuo ul li a {
    display: block;
    font-size: 14px;
    color: #fff;
    margin-right: 10px;
}

.jxjy_zuo ul li a:hover {
    opacity: 0.7;
}

.jxjy_you {
    display: inline-block;
    width: calc(100% - 300px);
    height: 500px;
    overflow: hidden;
    vertical-align: top;
}

.jxjy_li_img {
    position: relative;
    width: 280px;
    height: 205px;
    overflow: hidden;
}

.jxjy_li_img:hover {
    box-shadow: 0 0 5px 5px #eeeeee;
}

.jxjy_li_img img {
    width: 100%;
    height: 100%;
}

.jxjy_li_fd {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
}

.jxjy_li_fd p {
    font-size: 16px;
    color: #fff;
    margin-bottom: 8px;
}

.jxjy_li_fd h5 {
    font-size: 24px;
    color: #fff;
}

.jxjy_you ul li {
    float: left;
    margin-right: 20px;
    margin-bottom: 25px;
}



.jxjy_you ul li h4 {
    font-size: 18px;
    color: #333333;
    margin-top: 12px;
}

.jxjy_you ul li:nth-child(3n) {
    margin-right: 0;
}

.jxjy_you ul li a:hover h4 {
    color: #0090da;
}

.qypx .jxjy_zuo {
    background: url(../img/img-14.png) no-repeat center center;
}

.jzfw {
    padding-bottom: 40px;
}

.jzfw ul {
    margin: 0 -10px;
    overflow: hidden;
}

.jzfw ul li {
    width: 20%;
    float: left;
    padding: 10px;
}

.jzfw ul li a {
    display: block;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

.jzfw ul li a .jzfw_div {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    vertical-align: middle;
    padding-top: 20px;
}

.jzfw_div h6 {
    font-size: 18px;
    color: #feffff;
    padding-top: 10px;
}

.jzfw_div span {
    display: inline-block;
    width: 30px;
    height: 2px;
    background: #fff;
}

.about_xnf {
    padding-bottom: 40px;
}

.about_xnf1 {
    height: 400px;
    position: relative;
    width: 100%;
}

.about_xnf_zuo {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.about_xnf_you {
    width: 700px;
    height: 400px;
    position: absolute;
    right: 0;
    top: 0;
    box-shadow: 0 0 5px 5px #f7f7f7;
    background: #fff;
    z-index: 1;
    padding-left: 100px;
    padding-right: 40px;
    padding-top: 45px;
    overflow: hidden;
}

.about_xnf_you p {
    font-size: 14px;
    color: #666666;
    line-height: 25px;
    text-indent: 2em;
}

.about_xnf_you .about_you_szj {
    margin-top: 20px;
    padding-top: 30px;
    border-top: 1px solid #e9e9e9;
}

.about_xnf_you .about_you_szj ul li {
    display: inline-block;
    width: 32%;
    text-align: center;
}

.about_xnf_you .about_you_szj ul li p {
    text-indent: 0em;
}

.about_xnf_you .about_you_szj ul li .p1 {
    font-size: 26px;
    font-weight: 600;
    color: #0090da;
    margin-top: 7px;
}

.about_xnf_you .about_you_szj ul li .p2 {
    font-size: 14px;
    color: #666666;
}

.hzyx {
    margin-bottom: 40px;
}

.hzyx ul {
    margin: 0 -20px;
    overflow: hidden;
}

.hzyx ul li {
    float: left;
    width: 25%;
    text-align: center;
    padding: 20px;
}

.hzyx ul li .hzyx_div {
    display: inline-block;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    cursor: pointer;
}

.hzyx ul li .hzyx_div:hover {
    box-shadow: 0 0 3px 0 #eeeeee;
}

.footer {
    width: 100%;
    min-width: 1200px;
    background: #111523;
    padding-top: 50px;
    padding-bottom: 50px;
}

.gooter_bq {
    width: 100%;
    min-width: 1200px;
    background: #111523;
    border-top: 1px solid #5e647a;
    line-height: 100px;
    font-size: 14px;
    color: #f1f1f1;
    text-align: center;
}

.footer_dbxx {
    width: 220px;
    display: inline-block;
    vertical-align: top;
}

.footer_dh {
    margin-bottom: 30px;
}

.footer_dh .footer_dh_zuo {
    max-height: 57px;
    display: inline-block;
    vertical-align: middle;
}

.footer_dh .footer_dh_you {
    display: inline-block;
    vertical-align: middle;
}

.footer_dh .footer_dh_you p {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}

.footer_dh .footer_dh_you p:nth-child(1) {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 10px;
}

.footer_dz p {
    font-size: 14px;
    color: #9a9a9a;
    line-height: 30px;
}

.footer_daoh {
    display: inline-block;
    width: calc(100% - 230px);
    vertical-align: top;
    text-align: right;
}

.footer_daoh ul li {
    width: 140px;
    display: inline-block;
    vertical-align: top;
}

.footer_daoh ul .li {
    margin-left: 30px;
}

.footer_daoh ul li div:nth-child(1) {
    font-size: 16px;
    color: #f1f1f1;
    margin-bottom: 15px;
    text-align: left;
}


.footer_daoh ul li ol li a {
    display: block;
    font-size: 14px;
    color: #9a9a9a;
    line-height: 25px;
    /* text-align: left; */
    vertical-align: middle;
    text-align: left;
}

.footer_daoh ul li ol li a img {
    vertical-align: middle;
    margin-left: 8px;
}

.footer_daoh ul li ol li a:hover {
    color: #0090da;
}

.zyjn {
    background: #f9f9f9;
    padding: 40px 0;
}

.zyjn ul {
    margin: 0 -15px;
}

.zyjn ul li {
    float: left;
    width: 33.3%;
    padding: 15px;
}

.zyjn ul li a:hover {
    box-shadow: 0 0 10px 10px #e9e9e9;
}

.zyjn ul li a {
    display: block;
    height: 240px;
    width: 100%;
    padding: 40px 30px;
}

.zyjn_div {
    width: 250px;
    height: 120px;
    background: #fff;
    position: relative;
}


.zyjn_div h3 {
    display: inline-block;
    width: 150px;
    font-size: 18px;
    font-weight: 500;
    padding-top: 20px;
    padding-left: 20px;
    line-height: 23px;
    font-weight: 600;
}

.zyjn_div_img {
    position: absolute;
    display: inline-block;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    overflow: hidden;
    top: 0;
    right: -60px;
}

.zyjn_div p {
    width: 225px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    padding-left: 20px;
    border-radius: 30px 0 0 30px;
    margin-left: 25px;
    margin-top: 5px;
}

.div_shijian {
    font-size: 14px;
    color: #fff;
    margin-top: 20px;
}

.zyjn ul li:nth-child(1) a {
    background: #0d74b8;
}

.zyjn ul li:nth-child(1) a h3 {
    color: #0d74b8;
}

.zyjn ul li:nth-child(1) a .zyjn_div_img {
    border: 5px solid #005994;
}

.zyjn ul li:nth-child(1) a .zyjn_div p {
    background: #0a66a2;
}

.zyjn ul li:nth-child(2) a {
    background: #cebc56;
}

.zyjn ul li:nth-child(2) a h3 {
    color: #cebc56;
}

.zyjn ul li:nth-child(2) a .zyjn_div_img {
    border: 5px solid #c5a700;
}

.zyjn ul li:nth-child(2) a .zyjn_div p {
    background: #c5a700;
}

.zyjn ul li:nth-child(3) a {
    background: #9a76ea;
}

.zyjn ul li:nth-child(3) a h3 {
    color: #5e2ecb;
}

.zyjn ul li:nth-child(3) a .zyjn_div_img {
    border: 5px solid #5e2ecb;
}

.zyjn ul li:nth-child(3) a .zyjn_div p {
    background: #5e2ecb;
}

.zyjn ul li:nth-child(4) a {
    background: #8bbe54;
}

.zyjn ul li:nth-child(4) a h3 {
    color: #6ab21e;
}

.zyjn ul li:nth-child(4) a .zyjn_div_img {
    border: 5px solid #6ab21e;
}

.zyjn ul li:nth-child(4) a .zyjn_div p {
    background: #6ab21e;
}

.zyjn ul li:nth-child(5) a {
    background: #61bf6e;
}

.zyjn ul li:nth-child(5) a h3 {
    color: #2e923c;
}

.zyjn ul li:nth-child(5) a .zyjn_div_img {
    border: 5px solid #2e923c;
}

.zyjn ul li:nth-child(5) a .zyjn_div p {
    background: #2e923c;
}

.zyjn ul li:nth-child(6) a {
    background: #ca8044;
}

.zyjn ul li:nth-child(6) a h3 {
    color: #de6300;
}

.zyjn ul li:nth-child(6) a .zyjn_div_img {
    border: 5px solid #de6300;
}

.zyjn ul li:nth-child(6) a .zyjn_div p {
    background: #de6300;
}

.yccl {
    position: absolute;
    z-index: 998;
    width: 80px;
    height: 480px;
    top: 700px;
    right: 200px;
    background: #fff;
    box-shadow: 0 0 3px 5px #f7f7f7;
    border-radius: 5px;
}

.ny .yccl {
    top: 500px;
}

.nys .yccl {
    top: 600px;
}

.zccl {
    border-radius: 5px;
    position: absolute;
    z-index: 998;
    width: 80px;
    height: 480px;
    background: #fff;
    box-shadow: 0 0 3px 5px #f7f7f7;
    top: 700px;
    left: 200px;
}

.zccl span {
    width: 100%;
    height: 80px;
    text-align: center;
    position: relative;
    cursor: pointer;
    border-radius: 5px;
}

.zccl span:hover {
    background: #0090da;
    color: #fff;
}

.zccl span:hover::after {
    display: block;
}

.zccl span {
    display: inline-block;
    width: 80px;
    height: 80px;
    font-size: 16px;
    color: #9a9a9a;
    line-height: 25px;
    vertical-align: middle;
    padding-top: 15px;
    position: relative;
}


.zccl span::after {
    display: none;
    content: "";
    position: absolute;
    border-width: 8px;
    border-color: transparent transparent transparent #0090da;
    border-style: solid;
    top: 50%;
    right: -16px;
    margin-top: -8px;
}

.zccl span::before {
    content: '';
    position: absolute;
    width: 40px;
    height: 1px;
    background: #e9e9e9;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.zccl span:last-child::before {
    display: none;
}

.zccl span:hover::before {
    background: #0090da;
}

.scroll-nav.active::before {
    background: #0090da;
}

.yccl a {
    display: block;
    width: 100%;
    height: 80px;
    line-height: 80px;
    vertical-align: middle;
    text-align: center;
    z-index: 1;
    position: relative;
    border-radius: 5px;
}

.yccl a:hover {
    background: #0090da;
    border-radius: 0 5px 5px 0;
}


.yccl a img {
    vertical-align: middle;
}

.yccl a:hover .ewm {
    left: -150px;
    opacity: 1;
    display: inline-block;
}

.yccl .img2 {
    display: none;
}

.yccl a:hover .img2 {
    display: inline-block;
}

.yccl a:hover .img1 {
    display: none;
}

.b_1,
.b_2,
.b_3 {
    display: none;
}

.scroll-nav.active {
    color: #fff;
    background: #0090da;
    font-weight: bold;
    border-radius: 5px;
}

.ewm {
    position: absolute;
    width: 150px;
    height: 150px;
    top: -25px;
    left: -150px;
    transition: all 1s;
    opacity: 0;
    z-index: 1;
    display: none;
}

.floor-nav {
    height: auto;
    width: 80px;
    text-align: center;
    border-radius: 5px;
    z-index: 999;
}

.scroll-nav {
    display: inline-block;
    background: #fff;
    width: 80px;
    height: 80px;
    cursor: pointer;
}

.yccl a:hover .ewm1 {
    display: block;
    opacity: 1;
}

.ewm1 {
    display: none;
    height: 100%;
    width: 200px;
    padding: 0 20px;
    position: absolute;
    top: 0;
    left: -200px;
    opacity: 0;
    transition: all 0.5s;
    background: #0090da;
}

.ewm1 p {
    line-height: 40px;
    font-size: 14px;
    color: #fff;
}


.sw {
    background: #0090da !important;
}

.sw::after {
    display: block !important;
}

.sw a {
    color: #fff !important;
}

.grzxtc1 {
    display: none;
    position: absolute;
    top: 0px;
    padding-top: 60px;
    right: 0;
}

.gzzx {
    display: inline-block;
    font-size: 14px;
    color: #9a9a9a;
    vertical-align: middle;
}

.gzzx:hover .grzxtc1 {
    display: block !important;
}

.gzzx:hover .grzxtc::after {
    display: block !important;
}

.grzxtc {
    position: relative;
    width: 100px;
    background: #fff;
    z-index: 888888;
    box-shadow: 0 0 3px 2px #f7f7f7;
    border-radius: 10px;
    padding: 10px 0;
}

.grzxtc a {
    display: block;
    padding: 10px;
    font-size: 14px;
    color: #666666;
    text-align: center;
}

.lore-nav ul {
    width: 600px;
    text-align: right;
}

.lore-nav ul li {
    display: inline-block;
    line-height: 150px;
    width: 120px;
    text-align: center;
}

.lore-nav ul li a {
    font-size: 16px;
    border-radius: 10px;
    padding: 12px 20px;
    color: #333333;
}

.lore-nav ul li a:hover,
.lore-nav ul li a:focus {
    color: #FFFFFF;
    background-color: #0090da;
}

.lore {
    min-width: 1200px;
    /* max-height: 800px; */
    min-height: 600px;
    position: relative;
    background: url(../images/images/lorebg.png) no-repeat 100% 100%;
}

.lore img {
    width: 100%;
}

.loginl {
    position: relative;
    min-height: 600px;
}

.login-dl {
    width: 45%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    background-color: #FFFFFF;
    padding: 40px;
    text-align: center;
    border-radius: 10px;
}

.minh8 {
    min-height: 800px;
}

.login-dl h2 {
    color: #333333;
    font-size: 30px;
    padding-bottom: 30px;
}

.login-dl input {
    width: 100%;
    line-height: 50px;
    height: 50px;
    margin: 10px 0;
    border-radius: 10px;
}

.yhm:focus,
.mm:focus {
    outline: none;
    border: 1px solid #0090da !important;
}

.yhm,
.mm {
    padding-left: 20px;
    box-sizing: border-box;
}

.yhm::-webkit-input-placeholder,
.mm::-webkit-input-placeholder {
    color: #9A9A9A;
    font-size: 16px;
}

.yhm {
    border: 1px solid #0090da;
}

.mm {
    border: 1px solid #e9e9e9;
}

.msdl {
    border: none;
    background-color: #0090da;
    color: #FFFFFF;
    font-size: 18px;
}

.msdl:focus,
.huoquyzm:focus,
.sjhm:focus {
    outline: none;
    border: none;
}

.login-dl p {
    display: inline-block;
    /* margin: 0 !important; */
}

.yzmdl {
    float: left;
}

.yzmdl a,
.wjmm a {
    font-size: 14px;
    line-height: 28px;
}

.yzmdl a {
    color: #9A9A9A;
}

.wjmm {
    float: right;
}

.wjmm a {
    color: #0090da;
}

.login-dl h3 {
    padding-top: 10px;
    text-align: left;
    font-size: 16px;
    color: #666666;
}

.yanzhengme {
    position: relative;
}

.huoquyzm {
    width: 20% !important;
    position: absolute;
    top: 6px;
    right: 20px;
    height: 36px !important;
    padding: 0;
    line-height: 36px !important;
    background-color: #86c5e5;
    color: #FFFFFF;
    border-radius: 0 !important;
    border: none !important;
}

.login-dl h4 {
    text-align: left;
    font-size: 14px;
    color: #9a9a9a;
    line-height: 24px;
}

.sjhm {
    border: none !important;
    color: #666666;
    font-size: 16px;
    padding-left: 20px;
}

.tongti {
    width: 16px !important;
    height: auto !important;
    display: inline-block;
    float: left;
}

.tyzcxy {
    color: #0090da;
    font-size: 14px;
    float: left;
    margin: 10px;
}

.red {
    border-color: #b70000 !important;
    color: #B70000;
}

.red:focus {
    outline: none;
    border-color: #b70000 !important;
}

.yhzcxy {
    background-color: #FFFFFF;
    border-radius: 20px;
    margin: auto;
    width: 800px;
    max-height: 700px;
    overflow: auto;
    padding: 40px;
}

.yhzcxy h2 {
    color: #0090da;
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
}

.xiaoshi {
    width: 25px;
    height: 25px;
    float: right;
}

.xy-nr {
    padding-top: 20px;
}

.xy-nr p,
.xy-nrh3 {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}

/* 常见问题 */
.banner-nei {
    min-width: 1200px;
    position: relative;
}

.banner-nei img {
    width: 100%;
    /* height: 300px; */
}

.banner-nei h2 {
    font-size: 30px;
    color: #FFFFFF;
    font-weight: bold;
    position: absolute;
    top: 50%;
    margin-left: 100px;
    transform: translate(0, -50%);
}

.cjwt-nav {
    min-width: 1200px;
    height: 60px;
    margin-bottom: 4px;
    box-shadow: 2px 2px 20px 1px #ebebeb;
}

.nav-qiehuan ul li {
    text-align: center;
    display: inline-block;
}

.nav-qiehuan ul li a {
    display: block;
    width: 200px;
    line-height: 58px;
    font-size: 16px;
    color: #666666;
}

/* .nav-qiehuan ul li a:hover,.nav-qiehuan ul li a:focus{
	color: #0090da;
	border-bottom: 2px solid #0090da;
} */
.nav-rigth p {
    line-height: 60px;
}

.nav-rigth p,
.nav-rigth p a {
    color: #9a9a9a;
    font-size: 14px;
}

.nav-ben {
    color: #666666 !important;
}

/* 常见问题内容区域 */
.bghui {
    min-width: 1200px;
    width: 100%;
    background-color: #f9f9f9;
}

/* 常见问题左侧内容 */

.xiala {
    display: inline-block;
    width: 100%;
}

.xiala>div {
    width: 100%;
}

.panel-heading {
    height: 100px;
    padding: 0;
    background: none !important;
    display: flex;
    align-items: center;
}

.flex {
    display: flex;
    align-items: center;
}

.panel {
    border: none;
}

.wtfk {
    float: left;
    width: 36px;
    margin: 0 40px;
}

.shang,
.guanbi {
    float: right;
    width: 24px;
    margin: 0 30px;
}

.panel-title {
    width: 100%;
}

.xiala h2 {
    width: 78%;
    position: relative;
    float: left;
    font-size: 18px;
    color: #333333;
    padding: 0 30px;
    border-left: 1px solid #F1F1F1;
    line-height: 30px;
}

.panel-group .panel {
    margin-bottom: 40px;
    border-radius: 10px;
    box-shadow: 0 0 14px 6px #ebebeb;
}

.panel-body {
    margin: 0 40px;
    padding: 30px 0;
}

.panel-body h3,
.panel-body p {
    font-size: 14px;
    color: #666666;
    line-height: 30px;
}

.panel-heading h4 a.collapsed .shang {
    display: inline-block;
}

.panel-heading h4 a .shang {
    display: none;
}

.panel-heading h4 a.collapsed .guanbi {
    display: none;
}

.panel-heading h4 a .guanbi {
    display: inline-block;
}

/* 资料下载 */
.ziliaoxz {
    width: 100%;
    margin: 40px 0;
    padding: 30px;
    background-color: #FFFFFF;
    box-shadow: 0 0 6px 3px #ebebeb;
}

.ziliaoxz table {
    width: 100%;
    border: none;
}

.ziliaoxz table tr th,
.ziliaoxz table tr td {
    border: none;
}

.ziliaoxz table tr th {
    height: 60px;
    left: 60px;
    background-color: #f9f9f9;
    font-size: 16px;
    color: #666666;
}

.btmc {
    width: 70%;
    padding-left: 50px;
}

.scsj,
.xiazai {
    width: 15%;
    text-align: center;
}

.ziliaoxz table tr:nth-child(n+2) {
    border-bottom: 1px solid #f1f1f1;
}

.ziliaoxz table tr td:nth-child(n+2) {
    text-align: center;
    color: #9A9A9A;
    font-size: 16px;
}

.ziliaoxz table tr td:nth-child(3) img {
    width: 28px;
}

.ziliaoxz table tr td:nth-child(1) {
    font-size: 16px;
    line-height: 30px;
    padding: 20px 0;
    padding-left: 50px;
    position: relative;
}

.ziliaoxz table tr td:nth-child(1) img {
    position: absolute;
    left: 20px;
    top: 30px;
}

.ziliaoxz table tr td:nth-child(1) a {
    display: block;
}

.ziliaoxz table tr td:nth-child(1) a:hover {
    color: #0090da;
}

.ziliaoxz table tr td:nth-child(1) a:hover .yuan2 {
    display: inline-block;
}

.pager-loose {
    display: inline-block !important
}

/* 常见我们的联系我们 */
.lxwm {
    margin: 40px 0;
    position: relative;
}

.line-ly {
    width: 100%;
    background-color: #FFFFFF;
    padding: 40px;
    box-shadow: 0 0 6px 3px #ebebeb;
}

.line-ly h2 {
    font-size: 30px;
    color: #333333;
    font-weight: bold;
}

.line-ly h3 {
    font-size: 18px;
    color: #333333;
    line-height: 50px;
}

.line-ly input {
    width: 100%;
    height: 58px;
    line-height: 58px;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    padding-left: 30px;
    box-sizing: border-box;
    margin-top: 25px;
}

.line-ly input::-webkit-input-placeholder {
    color: #999999;
    font-size: 14px;
}

.line-ly input:focus {
    outline: none;
    border: 1px solid #0090da;
}

.name,
.phone {
    position: relative;
}

.name span,
.phone span {
    color: #FF0000;
    position: absolute;
    left: 22px;
    top: 45px;
}

.name input:focus .name span {
    display: none;
}

.mstj {
    width: 40% !important;
    padding: 0 !important;
    font-size: 18px;
    color: #FFFFFF;
    background-color: #0090da;
    border: none;
}

.heim {
    position: relative;
    top: 50%;
    transform: translate(0, 40%);
}

.lxfs h2 {
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    line-height: 48px;
}

.lxfs ul li {
    line-height: 48px;
}

.lxfs ul li img {
    width: 20px;
    margin-right: 18px;
    margin-top: 15px;
}

.lxfs ul li span {
    font-size: 16px;
    color: #666666;
}

/* 证书查询 */
.zscx-top {
    min-width: 1200px;
    width: 100%;
    height: 600px;
    background: url(../img/zscxbg.png) no-repeat;
    background-size: cover;
}

.zstop-nr {
    width: 75%;
    height: 600px;
    margin: auto;
    position: relative;
    top: 50%;
    transform: translate(0, 25%);
}

.zstop-nr h2 {
    font-size: 80px;
    color: #fefefe;
    font-weight: bold;
}

.zstop-nr h3 {
    font-size: 30px;
    color: #FFFFFF;
    padding-top: 30px;
    padding-bottom: 50px;
}

.zstop-nr .sousou {
    width: 100%;
    height: 80px;
    float: none !important;
    margin: 0;
}

.zstop-nr .sousou input {
    width: 80%;
    height: 80px;
    border-radius: 10px 0 0 10px;
    font-size: 16px !important;
}

.zstop-nr .sousou input::-webkit-input-placeholder {
    color: #9A9A9A !important;
    font-size: 16px !important;
}

.zstop-nr .sousou a {
    width: 20%;
    height: 80px;
    color: #FFFFFF;
    line-height: 80px;
    font-size: 18px;
    background-color: #ffba00;
    border-radius: 0 10px 10px 0;
}

.chaxun {
    padding-top: 40px;
}

.chaxun p {
    display: inline-block;
}

.chaxun p img {
    width: 15px;
    margin-right: 10px;
}

.chaxun p span {
    font-size: 16px;
    color: #FFFFFF;
}

.zhengshuimg {
    min-width: 1200px;
    margin: 40px 0;
    padding: 40px;
    background-color: #FFFFFF;
    box-shadow: 0 0 6px 3px #ebebeb;
}

.img-tishi h2 {
    font-size: 18px;
    color: #333333;
    line-height: 36px;
}

.img-tishi h2 span {
    color: #0090da;
}

.img-tishi h3,
.img-tishi h4 {
    font-size: 16px;
    line-height: 36px;
}

.img-tishi h3 {
    color: #333333;
}

.img-tishi h4 {
    color: #9A9A9A;
}

.zhengshuimg img {
    width: 67%;
    padding: 48px 0;
}

/* 在线报名 */
.zxbm {
    min-width: 1200px;
}

.zxbm img {
    width: 100%;
}

.rela {
    position: relative;
}

.shengqingbm {
    padding: 55px 40px;
    background-color: #FFFFFF;
    border-radius: 20px;
    box-shadow: 2px 2px 2px 1px #ebebeb;
    margin-top: -100px;
    z-index: 222;
}

.sq-biao h2 {
    font-size: 36px;
    color: #333333;
    font-weight: bold;
    line-height: 48px;
}

.sq-biao h3 {
    font-size: 18px;
    color: #666666;
    line-height: 48px;
}

.sq-bd {
    margin: 0 -20px;
}

.sq-bd>div {
    float: left;
}

.sq-bd input {
    height: 38px;
    line-height: 38px;
    box-sizing: border-box;
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    padding: 0 20px;
}

.sq-bd select {
    width: 100%;
    height: 38px;
    color: #9A9A9A;
    font-size: 16px;
    line-height: 38px;
    box-sizing: border-box;
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    padding: 0 20px;
}

.sq-bd input::-webkit-input-placeholder {
    color: #9A9A9A;
    font-size: 16px;
}

.sq-bd input:focus,
.sq-bd select:focus {
    outline: none;
    border: 1px solid #0090da;
}

.sq-bd>div:nth-child(-n+2) {
    width: 50%;
    padding: 0 20px;
}

.sq-bd>div:nth-child(-n+2) input,
.sq-bd>div:nth-child(3) input,
.sq-bd>div:nth-child(4) input {
    width: 100%;
}

.sq-bd>div:nth-child(3) {
    width: 70%;
}

.sq-bd>div:nth-child(4) {
    width: 30%;
}

.sq-bd>div:nth-child(4) input {
    background-color: #0090DA;
    color: #FFFFFF;
    font-size: 16px;
}

.p15 {
    padding: 15px;
}

.bmks {
    margin-top: 60px;
}

.bmks h2 {
    font-size: 30px;
    color: #0090da;
    font-weight: bold;
    text-align: center;
}

.remenbm {
    margin: 38px 0;
}

.remenbm ul {
    margin: 0 -15px;
}

.bgbai {
    position: relative;
    padding: 30px;
    background-color: #FFFFFF;
    box-shadow: 0 0 5px 3px #e6e6e6;
}

.bgbai a h3 {
    font-size: 18px;
    line-height: 30px;
    color: #333333;
}

.bgbai a h4 span {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    padding-left: 10px;
}

.bgbai a h4 img {
    width: 16px;
    margin-top: 5px;
}

.bgbai a>img {
    width: 48px;
    margin-top: 25px;
}

.ybm {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    background-color: #0090DA !important;
    color: #FFFFFF;
    font-size: 14px;
    padding: 0 40px;
    border-radius: 40px 0 0 40px;
    position: absolute;
    right: 0;
    bottom: 30px;
}











/* 常见问题学习指南 */

.xuexizn {
    background-color: #FFFFFF;
    padding: 25px 30px;
    box-shadow: 0 0 3px 3px #f2f2f2;
}

.xuexizn h2 {
    font-size: 25px;
    color: #333333;
    font-weight: bold;
    line-height: 30px;
}

.xuexizn ul li {
    line-height: 58px;
    border-bottom: 1px solid #f1f1f1;
}

.xuexizn ul li a {
    font-size: 16px;
    color: #666666;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.xuexizn ul li a img {
    width: 12px;
    margin: 23px 0;
    margin-right: 10px;
}

.yuan2 {
    display: none;
}

.xuexizn ul li a:hover .yuan2,
.xuexizn ul li a:focus .yuan2 {
    display: inline-block;
}

.xuexizn ul li a:hover .yuan1,
.xuexizn ul li a:focus .yuan1 {
    display: none;
}

.xuexizn ul li a:hover,
.xuexizn ul li a:focus {
    color: #0090da;
}

.ull a {
    color: #0090da;
    border-bottom: 2px solid #0090da;
}

.qiehuan .hh {
    display: none;
}

.xian {
    display: block !important;
}

.bmcg {
    width: 600px;
    padding: 50px 10px;
    position: relative;
}

.tjcg-gb {
    position: absolute;
    right: 30px;
    top: 30px;
}

.tjcg-img {
    width: 120px;
}

.bmcg h2 {
    font-size: 18px;
    color: #333333;
    padding-top: 30px;
}

.bmcg h3 {
    font-size: 18px;
    color: #666666;
    padding-top: 20px;
}

.tzgg {
    padding-top: 20px;
}

.tzgg>ul {
    margin: 0 -30px;
}

.tzgg>ul li {
    padding: 20px 30px;
}

.kuangyy {
    height: 110px;
    background-color: #FFFFFF;
    box-shadow: 0 0 3px 3px #f0f0f0;
    padding: 25px;
    border-radius: 10px;
}

.kuangyy a {
    display: flex;
    align-items: center;
}

.riqi {
    width: 20%;
    float: left;
    text-align: center;
}

.riqi h2 {
    font-size: 30px;
    color: #333333;
}

.riqi h3 {
    font-size: 14px;
    color: #9a9a9a;
    padding-top: 10px;
}

.tzggms {
    width: 80%;
    float: left;
}

.tzggms p {
    font-size: 18px;
    height: 60px;
    color: #333333;
    line-height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.kuangyy a:hover .riqi h2,
.kuangyy a:hover .tzggms p {
    color: #0090da;
}

.tzgg .fyt {
    padding-top: 20px;
    padding-bottom: 40px;
}

.newdetail {
    padding: 25px;
    background-color: #FFFFFF;
    box-shadow: 0 0 3px 3px #f2f2f2;
}

.newsdeta-top h2 {
    font-size: 24px;
    letter-spacing: -.5px;
    color: #333333;
    font-weight: bold;
}

.newsdeta-top h3 {
    color: #9a9a9a;
    font-size: 14px;
    padding: 20px 0;
}

.newsdeta-top h3 span:first-child {
    margin-right: 85px;
}

.newsdeta-top hr {
    margin: 10px 0;
}

.newsdeta-zw p {
    padding-top: 12px;
    font-size: 14px;
    color: #666666;
    line-height: 30px;
    white-space: pre-line !important;
}

.fanye {
    padding: 60px 0;
}

.fanye table {
    width: 100%;
    text-align: center;
}

.fanye table tr td:nth-child(2) {
    width: 46%;
}

.fanye table tr td {
    padding: 0;
}

.fanye table tr td a img {
    width: 16px;
    margin-top: 21px;
    margin-right: 10px;
}

.fanye table tr td a {
    display: block;
    font-size: 14px;
    color: #9A9A9A;
    height: 58px;
    line-height: 58px;
}

/* .fanye table tr td a:hover{
	background-color: #0090da;
	color: #FFFFFF;
} */
.fanye table tr td:nth-child(3) a {
    background-color: #0090da;
    color: #FFFFFF;
}

.search-ss {
    background-color: #FFFFFF;
    box-shadow: 0 5px 8px 0 #ebebeb;
    margin-bottom: 5px;
}

.search-ss>div {
    padding: 40px 10px;
}

.search-ss h3 {
    font-size: 14px;
}

.search-ss h3 a {
    color: #666666;
}

.search-ss h3 a:first-child {
    color: #9A9A9A;
}

.search-ss h2 {
    padding-top: 40px;
    font-size: 24px;
    color: #333333;
}

.search-ss h2 span {
    color: #0090da;
}

.zwjl {
    width: 63%;
    padding-top: 130px;
    padding-bottom: 60px;
}

.kecheng {
    padding: 30px 0;
}

.kecheng>ul {
    margin: 0 -10px;
}

.kecheng>ul li {
    padding: 10px;
}

.kcssjg {
    background-color: #FFFFFF;
    box-shadow: 0 0 3px 3px #eeeeee;
    border-radius: 10px;
    padding: 20px;
}

.kcss-ms h2 {
    color: #333333;
    font-size: 16px;
    line-height: 24px;
    padding-top: 15px;
}

.kcss-ms h3 {
    color: #9a9a9a;
    font-size: 14px;
    padding-top: 15px;
    position: relative;
}

.kcss-ms h3 span:last-child {
    position: absolute;
    right: 0;
}

.kcss-ms h4 img {
    width: 18px;
    margin-top: -5px;
    margin-right: 10px;
}

.kcss-ms h4 {
    padding-top: 30px;
    color: #333333;
    font-size: 14px;
}

.kcss-ms h5 {
    display: block;
    font-size: 12px;
    color: #9A9A9A;
    position: relative;
    padding-top: 30px;
}

.kcss-ms h5 span {
    color: #ff7000;
    font-size: 24px;
}

.kcss-ms h5 b {
    display: inline-block;
    position: absolute;
    right: 0;
    font-weight: normal;
    color: #FFFFFF;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    background-image: linear-gradient(90deg, #ff9000, #ff7306);
    border-radius: 30px;
    cursor: pointer;
}

.fan180 {
    transform: rotate(180deg);
    display: inline-block;
}

.pager>li>a,
.pager>li>span {
    width: 40px;
    padding: 0;
    line-height: none;
    display: inline-block;
    height: 40px !important;
    line-height: 40px;
    font-size: 16px;
    color: #9a9a9a;
    position: relative;
}

.pager>li>a img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.pager-loose>li>a {
    margin-left: 12px;
}

.gengduo {
    border: none !important;
    background: none !important;
}

.biaoti {
    text-align: center;
}

.biaoti h2 {
    padding-top: 10px;
    font-size: 30px;
    font-weight: bold;
    color: #0090da;
}

.biaoti h3 {
    color: #9a9a9a;
    font-size: 18px;
    padding-top: 18px;
}

.biaoti span {
    display: block;
    width: 30px;
    height: 2px;
    background-color: #30a7e4;
    margin: auto;
    margin-top: 18px;
}

.tiesfw ul {
    margin: 40px -20px;
}

.tiesfw ul li {
    padding: 0 20px;
    text-align: center;
}

.tiesfw ul li h2 {
    color: #666666;
    font-size: 16px;
    padding-top: 20px;
}

.tsfw-img {
    width: 120px;
    border-radius: 50%;
    margin: auto;
}

.tsfw-img img {
    width: 100%;
    border-radius: 50%;
}

.wenzi h2,
.wenzi h3 {
    color: #FFFFFF;
    padding: 0 40px;
    line-height: 38px;
}

.zhiyejn {
    padding-top: 20px;
    padding-bottom: 60px;
}

.zhiyejn ul li {
    position: relative;
}

.zhiyejn ul li:nth-child(-n+2) .miaoshu {
    float: right;
}


.wenzi {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(0, -50%);
}

.zhiyejn ul li:nth-child(-n+2) .wenzi {
    left: 0;
}

.wenzi h2 {
    font-size: 18px;
}

.miaoshu img {
    width: 100%;
}

.wenzi h3 {
    font-size: 16px;
}

.zhiyejn ul li:nth-child(1) {
    background-color: #4c96da;
}

.zhiyejn ul li:nth-child(2) {
    background-color: #9a59d1;
}

.zhiyejn ul li:nth-child(3) {
    background-color: #30be70;
}

.zhiyejn ul li:nth-child(4) {
    background-color: #0090da;
}

.hzdw ul {
    margin: 0 -20px;
    margin-top: 18px;
    margin-bottom: 40px;
}

.hzdw ul li {
    padding: 20px;
    text-align: center;
}

.hzdw ul li a {
    display: block;
    border: 1px solid #e9e9e9;
    border-radius: 15px;
    background-color: #FFFFFF;
}

.hzdw ul li a img {
    width: 100%;
}

.fwlc ul {
    margin: 0 -30px;
    margin-top: 40px;
    margin-bottom: 50px;
}

.fwlc ul li {
    width: 14.28%;
    text-align: center;
    padding: 0 30px;
    float: left;
    position: relative;
}

.fwlc ul li h2 {
    color: #666666;
    font-size: 16px;
    padding-top: 20px;
}

.fwlc ul li img {
    width: 90px;
}

.fwlc ul li::after {
    content: '';
    width: 60px;
    border-top: 1px dashed #0090da;
    position: absolute;
    top: 45px;
    left: 145px;
}

.fwlc ul li:last-child::after {
    content: none;
}

.hzrz ul {
    margin: 0 -20px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.hzrz ul li {
    padding: 20px;
}

.hzrz ul li img {
    width: 100%;
}

.hzqy-img {
    text-align: center;
}

.hzqy-img img {
    padding: 30px 20px;
}

.xuexiku {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 60px;
    background-color: #323232;
    z-index: 99999;
    /* position: relative; */
}

.xuexiku h2 {
    font-size: 14px;
    color: #FFFFFF;
    line-height: 60px;
    float: left;
}

.xuexiku h2 span {
    color: #0090da;
}

.xuexiku>div>span {
    float: right;
    line-height: 60px;
}

.xuexiku a {
    color: #FFFFFF;
    font-size: 14px;
    padding: 10px 20px;
    border-radius: 8px;
    background-color: #0090da;
}

.xuexiku a:hover {
    opacity: .8;
}

.flkm {
    box-shadow: 0 5px 8px 0 #ebebeb;
    margin-bottom: 5px;
}

.flkm h2 {
    color: #666666;
    font-size: 14px;
    line-height: 54px;
}

.flkm h2 a {
    color: #9A9A9A;
    font-size: 14px;
}

.flkm table {
    width: 100%;
    margin-bottom: 28px;
}

.flkm table th {
    text-align: center;
    width: 13%;
    background-color: #f9f9f9;
    border: 1px solid #e9e9e9;
}

.flkm table td {
    border: 1px solid #e9e9e9;
    padding-left: 30px;
}

.flkm table td ul li {
    display: inline-block;
}

.anfl ul {
    margin: 5px -15px;
}

.anfl ul li {
    padding: 0 15px;
}

.anfl ul li a {
    text-align: center;
    display: block;
    height: 28px;
    line-height: 28px;
    width: 100px;
    color: #666666;
    font-size: 14px;
}

.fl-xz a {
    background-color: #0090da;
    border-radius: 28px;
    color: #FFFFFF !important;
}

.ankm ul {
    margin: 5px 0;
}

.ankm ul li {
    padding: 0 16px;
    line-height: 30px;
}

.ankm ul li a {
    font-size: 14px;
    color: #666666;
}

.km-xz a {
    color: #0090da !important;
}

.shaixuan {
    height: 50px;
    background-color: #f1f1f1;
    border-radius: 10px;
    position: relative;
}

.shaixuan h2 {
    line-height: 50px;
    color: #666666;
    font-size: 14px;
    padding-left: 20px;
}

.shaixuan h2 select,
.shaixuan h2 input {
    height: 28px;
    line-height: 28px;
    background-color: #FFFFFF;
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    margin-right: 20px;
    color: #333333;
    font-size: 14px;
}

.shaixuan h2 input {
    width: 120px;
}

.shaixuan h2 select {
    width: 80px;
}

.shaixuan h2 input:focus,
.shaixuan h2 select:focus {
    outline: none;
    border: 1px solid #0090da;
}

.shaixuan h2 a {
    width: 80px;
    display: inline-block;
    text-align: center;
    height: 30px;
    line-height: 30px;
    color: #FFFFFF;
    background-color: #0090da;
    border-radius: 10px;
}

.huanye h3 {
    display: inline-block;
    line-height: 50px;
    color: #666666;
    font-size: 14px;
    vertical-align: bottom;
}

.huanye h3 span {
    color: #0090da;
}

.huanye {
    position: absolute;
    right: 0;
    top: 0;
}

.huanye img {
    margin: 15px 10px;
    display: none;
}

.huanye a img:first-child {
    display: inline-block;
}

.huanye a:hover img:last-child {
    display: inline-block;
}

.huanye a:hover img:first-child {
    display: none;
}

.liebiao-xq {
    margin-bottom: 40px;
}

.lbxq-img {
    padding-right: 30px;
}

.lbxq-img img {
    width: 100%;
}

.lbxq-ms {
    padding-left: 30px;
}

.lbxq-ms h3 {
    font-size: 16px;
    color: #0090da;
}

.lbxq-ms h2 {
    font-size: 20px;
    color: #333333;
    line-height: 24px;
    padding-top: 20px;
    padding-bottom: 10px;
}

.lbxq-ms img {
    margin-right: 10px;
    vertical-align: bottom;
}

.lbxq-ms p {
    font-size: 14px;
    line-height: 33px;
    color: #9A9A9A;
}

.lbxq-ms h4 {
    color: #333333;
    font-size: 14px;
    padding-top: 20px;
    line-height: 21px;
}

.lbxq-ms h5 {
    color: #9A9A9A;
    font-size: 14px;
    padding-top: 35px;
}

.lbxq-ms h5 span {
    color: #ff7000;
    font-size: 36px;
}

.msxx {
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 140px;
    border-radius: 40px;
    color: #666666;
    font-size: 18px;
    background-color: #e9e9e9 !important;
    margin-top: 20px;
}

.kcxq {
    background-color: #f1f1f1;
    height: 60px;
    margin-top: 50px;
}

.kcxq a {
    display: block;
    width: 14.2%;
    float: left;
    line-height: 59px;
    /* background-color: #FFFFFF !important; */
    /* border-top: 1px solid #0090da; */
    text-align: center;
    color: #666666;
    font-size: 18px;
}

.kcxq_a {
    background-color: #FFFFFF !important;
    border-top: 1px solid #0090da;
}

.kcxq-nr {
    background-color: #FFFFFF;
    margin-bottom: 70px;
}

.kcxqnr-mk {
    display: none;
    padding: 40px 20px;
    border-bottom: 1px solid #f1f1f1;
}

.kcxq-nr .kcxqnr-mk:last-child {
    border-bottom: none;
}

.kcxqnr-mk h2 img {
    margin-right: 10px;
}

.kcxqnr-mk h2 {
    color: #0090da;
    font-size: 20px;
}

.kcxqnr-mk p {
    font-size: 14px;
    color: #666666;
    line-height: 30px;
    padding-top: 12px;
}

.kcxqnr-mk ul li {
    border-bottom: 1px dashed #f1f1f1;
}

.kcxqnr-mk ul li a {
    color: #333333;
    font-size: 16px;
    line-height: 62px;
}

.kcxqnr-mk ul li span {
    font-size: 10px;
    color: #666666;
    display: inline-block;
    width: 22px;
    height: 22px;
    text-align: center;
    background-color: #f1f1f1;
    border-radius: 50%;
    line-height: 22px;
    margin-right: 10px;
}

.kcxqnr-mk dt {
    border: 1px solid #F1F1F1;
    border-radius: 15px;
    padding: 20px;
    margin: 10px 0;
    /* display: none; */
}

/* .kcxqnr-mk dt:nth-child(-n+3){
	display: block;
} */


.xueyuan-xx img {
    width: 40px;
    border-radius: 50%;
    margin-right: 18px;
}

.xueyuan-xx h2 {
    line-height: 40px;
    color: #333333;
    font-size: 14px;
    position: relative;
    font-weight: normal;
}

.xueyuan-xx h2 span {
    position: absolute;
    color: #9A9A9A;
    right: 0;
    top: 13px;
}

.xueyuan-xx p {
    color: #666666;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: -0.5px;
}

.kcxqnr-mk dl {
    padding-top: 10px;
}

.jzgd,
.shouqi {
    display: block;
    text-align: center;
    color: #9A9A9A;
    font-size: 14px;
}

.shouqi {
    display: none;
}

.jzgd:hover,
.jzgd:focus,
.shouqi:hover,
.shouqi:focus {
    color: #0090da;
}

.ljxx,
.jrxxk {
    display: inline-block;
    line-height: 42px;
    margin-top: 20px;
    padding: 0 35px;
}

.ljxx {
    color: #FFFFFF;
    background-color: #ff7000 !important;
    border-radius: 42px;
    font-size: 18px;
}

.jrxxk {
    color: #666666;
    font-size: 18px;
}

.jrxxk img {
    margin-top: 10px;
}

.ljxx:hover {
    color: #FFFFFF;
    opacity: .8;
}

.jrxxk:hover {
    color: #666666;
    text-decoration: underline;
}

.banners {
    min-width: 1200px;
    position: relative;
}

.banners>img {
    width: 100%;
    /* min-height: 400px; */
}

.banner-ms {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.banner-ms a img {
    margin-left: 10px;
    margin-top: 16px;
}

.banner-ms h3 {
    color: #f1f1f1;
    font-size: 22px;
}

.banner-ms h2 {
    color: #f1f1f1;
    font-size: 70px;
    font-weight: bold;
    letter-spacing: 4px;
    line-height: 128px;
}

.banner-ms h2 span {
    color: #fffc00;
}

.banner-ms h4 {
    color: #f1f1f1;
    color: 20px;
}

.banner-ms a {
    display: inline-block;
    margin-top: 40px;
    height: 50px;
    line-height: 50px;
    background-color: #FFFFFF;
    border-radius: 50px;
    color: #3cc4ec;
    font-size: 18px;
    width: 200px;
    text-align: center;
}

.fen3 {
    margin: 40px 0;
}

.fen3 ul {
    margin: 0 -15px;
}

.fen3 ul li {
    padding: 0 15px;
}

.f3-jt {
    border-radius: 10px;
    box-shadow: 0 0 3px 3px #f1f1f1;
}

.f3jt-img img {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.f3jt-ms {
    padding: 10px 0;
    padding-left: 38px;
}

.f3jt-ms h2 {
    line-height: 30px;
    color: #666666;
    font-size: 16px;
}

.tsxlfs {
    margin: 20px 0;
}

.xlts-biao {
    text-align: center;
}

.xlts-biao h2 {
    color: #333333;
    font-size: 30px;
    font-weight: bold;
}

.xlts-biao h3 {
    color: #666666;
    font-size: 18px;
    padding-top: 20px;
}

.tsxlfs ul {
    margin: 40px -20px;
}

.tsxlfs ul li {
    padding: 0 20px;
}

.tsxlfs ul li:nth-child(2n) {
    margin-top: 60px;
}

.tsxlfs ul li a {
    display: block;
    background-color: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0 0 3px 3px #f1f1f1;
}

.tsfs-img img {
    width: 100%;
    padding-right: 20px;
    border-top-left-radius: 10px;
}

.tsfs-ms {
    text-align: center;
    padding-top: 30px;
}

.tsfs-ms h2 {
    color: #333333;
    font-size: 18px;
}

.tsfs-ms p {
    white-space: pre-line;
    color: #666666;
    font-size: 14px;
    line-height: 30px;
    padding-top: 12px;
    padding-bottom: 36px;
}

.ljbk {
    margin: 20px 0;
}

.ljbk img {
    width: 100%;
}

.yxtj ul {
    margin: 20px -20px;
}

.yxtj ul li {
    padding: 20px;
    text-align: center;
}

.yxtj-nr {
    padding: 20px;
    border: 1px solid #e9e9e9;
}

.yxtj-ms h2 {
    color: #333333;
    line-height: 58px;
    font-size: 18px;
}

.yxtj-ms span {
    display: inline-block;
    width: 160px;
    height: 40px;
    line-height: 40px;
    background-color: #e9e9e9;
    border-radius: 10px;
    color: #9a9a9a;
    font-size: 14px;
}

.yxtj-nr a:hover span {
    background-color: #0090da;
    color: #FFFFFF;
}

.yxtj-nr:hover {
    border: 5px solid #0090da;
    padding: 16px;
}

.rmzy {
    text-align: center;
}

.rmzy table {
    width: 100%;
    text-align: center;
    margin: 40px 0;
}

.rmzy table th {
    width: 16.66%;
    text-align: center;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 58px;
    background-color: #0090da;
    font-weight: normal;
}

.rmzy table th,
.rmzy table td {
    border: 1px solid #e9e9e9;
}

.rmzy table td {
    line-height: 50px;
    font-size: 16px;
    color: #666666;
}

.rmzy a {
    text-align: center;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    width: 240px;
    background-color: #ffba00;
    position: absolute;
    border-radius: 15px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    z-index: 222;
}

.ljbg {
    display: inline-block;
    height: 60px;
    width: 240px;
    background-color: #be8b00;
    border-radius: 15px;
    margin-top: 5px;
    margin-left: 5px;
}

.tsxl {
    margin: 60px 0;
    min-width: 1200px;
}

.tsxl .swiper-wrapper .swiper-slide {
    width: 16.666666%;
}

.tsxl .swiper-container {
    margin-top: 55px;
}

.tsxl .swiper-wrapper .swiper-slide {
    padding: 0 1px;
    background-color: #000000;
    position: relative;
    text-align: center;
}

.tsxl .swiper-wrapper .swiper-slide img {
    opacity: .4;
}

.tsxl .swiper-wrapper .swiper-slide h2 {
    display: none;
    width: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, .6);
    bottom: 0;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 60px;
}

.tsxl .swiper-wrapper .swiper-slide a:hover img {
    opacity: 1;
}

.tsxl .swiper-wrapper .swiper-slide a:hover h2 {
    display: block;
}

.ljzx {
    min-width: 1200px;
    height: 160px;
    background: url(../img/ljzx-bg.png) no-repeat;
    background-size: cover;
    position: relative;
}

.ljzx-bg {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.ljzx-bg h2 {
    float: left;
    font-size: 30px;
    font-weight: bold;
    color: #FFFFFF;
    padding-right: 70px;
}

.ljzx-bg h2 span {
    display: block;
    font-size: 18px;
    font-weight: normal;
    padding-top: 20px;
}

.ljzx-bg input {
    height: 50px;
    width: 300px;
    line-height: 50px;
    background-color: #FFFFFF;
    border-radius: 50px;
    border: none !important;
    padding: 0 20px;
    margin: 0 30px;
}

.ljzx-bg input::-webkit-input-placeholder {
    font-size: 16px;
    color: #9a9a9a;
}

.ljzx-bg a {
    display: inline-block;
    float: right;
    width: 180px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    border-radius: 50px;
    color: #f64302;
    font-size: 24px;
    background-image: linear-gradient(to bottom, #e5f906, #f0b500);
}

/*
.inplj{
	width: 100px;
	display: inline-block;
} */
.inplj .inp3 {
    position: relative;
    width: 80px;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    border-radius: 5px;
    float: left;
    margin-right: 10px;
    border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e9e9e9;
}

.inplj .inp3::before {
    content: "";
    position: absolute;
    right: 10px;
    top: 18px;
    width: 12px;
    height: 5px;
    background: url("../images/xiala.png") no-repeat;
    background-size: 100% 100%;
    z-index: 99;
}

.inplj .inp3.inp-hide::before {
    content: "";
    position: absolute;
    right: 10px;
    top: 18px;
    width: 12px;
    height: 5px;
    background: url("") no-repeat;
    background-size: 100% 100%;
    z-index: 99;
}

.inp3 li {
    position: relative;
    width: 80px;
    height: 28px;
    line-height: 28px;
    background: #fff;
    padding-left: 10px;
    z-index: 9;
}

.xlcd {
    display: inline-block;
    position: relative;
}

.xlxs {
    margin-right: 20px;
}

.xlxs li {
    padding: 0 5px;
    width: 80px;
    height: 28px;
    line-height: 28px;
    background-color: #FFFFFF;
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    color: #333333;
    font-size: 14px;
    position: relative;
    cursor: default;
}

.xlxs img {
    position: absolute;
    right: 5px;
    top: 5px;
    display: inline-block;
    width: 14px;
    transform: rotate(180deg);
}

.xlxs li span,
.xlyc li span {
    display: inline-block;
}

/* .inp-hide{
	position: absolute !important;s
	left: 0;
	top: 11px;
	border: 1px solid #0090da !important;
} */
.xlyc {
    position: absolute;
    top: 28px;
    width: 82px;
    border: 1px solid #0090da;
    border-top: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    /* border-radius: 10px; */
    background-color: #FFFFFF;
    z-index: 999;
}

.xlyc li {
    line-height: 28px;
    padding: 0 8px;
    cursor: default;
}

.inp-hide {
    display: none;
}

.qiehuanys {
    border: 1px solid #0090da;
    border-bottom: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.qiehuanys li {
    border: none;
    border-radius: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.xkcg {
    width: 600px;
    position: relative;
    padding: 30px 20px;
}

.xkcg h2 {
    color: #f64302;
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 25px;
}

.xkcg p {
    line-height: 28px;
    font-size: 16px;
    text-align: left;
    padding-bottom: 10px;
}

.xkcg p span {
    color: #f64302;
}

.xin_anniu {
    padding-top: 20px;
}

.xin_anniu a {
    display: inline-block;
    margin: 0 2px;
    padding: 0 18px;
    line-height: 38px;
    font-size: 16px;
    color: #FFFFFF;
    border-radius: 5px;
}

.xin_anniu a:first-child {
    background-color: #ff6600 !important;
}

.xin_anniu a:last-child {
    background-color: #71767a !important;
}



/* 加入购物车 */

.m-sidebar {
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translate(-50%, 0);
    background: #0090da;
    z-index: 2000;
    width: 120px;
    height: 42px;
    line-height: 42px;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
}

.cart {
    color: #fff;
    text-align: center;
    line-height: 42px;
    padding: 0 10px;
}

.cart span {
    display: block;
    line-height: 42px;
    margin: 0 auto;
}

#msg {
    position: fixed;
    bottom: 80px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 10000;
    width: 1px;
    height: 52px;
    line-height: 52px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    background: #ffba00;
    border-radius: 8px;
    display: none;
}


.u-flyer {
    display: block;
    width: 60px;
    height: 50px;
    /* border-radius: 50px; */
    position: fixed;
    z-index: 9999;
}

.button {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 16px/100% 'Microsoft yahei', Arial, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

.button:hover {
    text-decoration: none;
}

.button:active {
    position: relative;
    top: 1px;
}









































.tiesfw ul li a:hover img,
.kecheng ul li a:hover .kcss-img img,
.hzdw ul li a:hover img,
.yxtj-nr a:hover img {
    -webkit-transform: scale(1.1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 750ms;
    -moz-transform: scale(1.1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 750ms;
    overflow: hidden;
}

.tsfw-img,
.kcss-img,
.hzdw ul li a,
.yxtj-img {
    display: block;
    overflow: hidden;
}









@media (max-width:1700px) and (min-width:1400px) {
    .yccl {
        right: 0px;
    }

    .zccl {
        left: 0px;
    }
}

@media (max-width:1400px) {
    .yccl {
        right: 0;
    }

    .zccl {
        left: 0;
    }
}