#web-ietip {
    width: 526px;
    height: 90px;
    padding: 83px 0 0 84px;
    overflow: hidden;
    background: url(../image/browser.png) no-repeat center center;
    margin: 200px auto 0;
}

#web-ietip a {
    display: block;
    width: 65px;
    height: 80px;
    float: left;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0;
}

.ellipsis {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.eps2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}



@media(max-width: 1584px) {
   
}

.s12 {
    font-size: calc(12 * 100vw / 1920);
}

@media(max-width: 1920px) {
    .s12 {
        font-size: 12.0px;
    }
}

.s13 {
    font-size: calc(13 * 100vw / 1920);
}

@media(max-width: 1816px) {
    .s13 {
        font-size: 12.3px;
    }
}

.s14 {
    font-size: calc(14 * 100vw / 1920);
}

@media(max-width: 1728px) {
    .s14 {
        font-size: 12.6px;
    }
}

.s15 {
    font-size: calc(15 * 100vw / 1920);
}

@media(max-width: 1651px) {
    .s15 {
        font-size: 12.9px;
    }
}

.s16 {
    font-size: font-size: 1.03rem;
}

@media(max-width: 1584px) {
    .s16 {
        font-size: 1.2rem;
    }
}
@media(min-width: 1584px) {
    .s16 {
        font-size: 1.2rem;
    }
}
.s17 {
    font-size: calc(17 * 100vw / 1920);
}

@media(max-width: 1524px) {
    .s17 {
        font-size: 13.5px;
    }
}

.s18 {
    font-size: calc(18 * 100vw / 1920);
}

@media(max-width: 1472px) {
    .s18 {
        font-size: 13.8px;
    }
}

.s19 {
    font-size: calc(19 * 100vw / 1920);
}

@media(max-width: 1424px) {
    .s19 {
        font-size: 14.1px;
    }
}

.s20 {
    font-size: calc(20 * 100vw / 1920);
}

@media(max-width: 1382px) {
    .s20 {
        font-size: 1.2rem;
    }
}

.s21 {
    font-size: calc(21 * 100vw / 1920);
}

@media(max-width: 1344px) {
    .s21 {
        font-size: 14.7px;
    }
}

.s22 {
    font-size: calc(22 * 100vw / 1920);
}

@media(max-width: 1309px) {
    .s22 {
        font-size: 15.0px;
    }
}

.s23 {
    font-size: calc(23 * 100vw / 1920);
}

@media(max-width: 1277px) {
    .s23 {
        font-size: 15.3px;
    }
}

.s24 {
    font-size: calc(24 * 100vw / 1920);
}

@media(max-width: 1248px) {
    .s24 {
        font-size: 15.6px;
    }
}

.s25 {
    font-size: calc(25 * 100vw / 1920);
}

@media(max-width: 1221px) {
    .s25 {
        font-size: 15.9px;
    }
}

.s26 {
    font-size: calc(26 * 100vw / 1920);
}

@media(max-width: 1196px) {
    .s26 {
        font-size: 16.2px;
    }
}

.s27 {
    font-size: calc(27 * 100vw / 1920);
}

@media(max-width: 1173px) {
    .s27 {
        font-size: 16.5px;
    }
}

.s28 {
    font-size: calc(28 * 100vw / 1920);
}

@media(max-width: 1152px) {
    .s28 {
        font-size: 16.8px;
    }
}

.s29 {
    font-size: calc(29 * 100vw / 1920);
}

@media(max-width: 1132px) {
    .s29 {
        font-size: 17.1px;
    }
}

.s30 {
    font-size: calc(30 * 100vw / 1920);
}

@media(max-width: 1113px) {
    .s30 {
        font-size: 17.4px;
    }
}

.s31 {
    font-size: calc(31 * 100vw / 1920);
}

@media(max-width: 1096px) {
    .s31 {
        font-size: 17.7px;
    }
}

.s32 {
    font-size: calc(32 * 100vw / 1920);
}

@media(max-width: 1080px) {
    .s32 {
        font-size: 18.0px;
    }
}

.s33 {
    font-size: calc(33 * 100vw / 1920);
}

@media(max-width: 1064px) {
    .s33 {
        font-size: 18.3px;
    }
}

.s34 {
    font-size: calc(34 * 100vw / 1920);
}

@media(max-width: 1050px) {
    .s34 {
        font-size: 18.6px;
    }
}

.s35 {
    font-size: calc(35 * 100vw / 1920);
}

@media(max-width: 1036px) {
    .s35 {
        font-size: 18.9px;
    }
}

.s36 {
    font-size: calc(36 * 100vw / 1920);
}

@media(max-width: 1024px) {
    .s36 {
        font-size: 19.2px;
    }
}

.s37 {
    font-size: calc(37 * 100vw / 1920);
}

@media(max-width: 1011px) {
    .s37 {
        font-size: 19.5px;
    }
}

.s38 {
    font-size: calc(38 * 100vw / 1920);
}

@media(max-width: 1000px) {
    .s38 {
        font-size: 19.8px;
    }
}

.s39 {
    font-size: calc(39 * 100vw / 1920);
}

@media(max-width: 989px) {
    .s39 {
        font-size: 20.1px;
    }
}

.s40 {
    font-size: calc(40 * 100vw / 1920);
}

@media(max-width: 979px) {
    .s40 {
        font-size: 20.4px;
    }
}

.s41 {
    font-size: calc(41 * 100vw / 1920);
}

@media(max-width: 969px) {
    .s41 {
        font-size: 20.7px;
    }
}

.s42 {
    font-size: calc(42 * 100vw / 1920);
}

@media(max-width: 960px) {
    .s42 {
        font-size: 21.0px;
    }
}

.s43 {
    font-size: calc(43 * 100vw / 1920);
}

@media(max-width: 951px) {
    .s43 {
        font-size: 21.3px;
    }
}

.s44 {
    font-size: calc(44 * 100vw / 1920);
}

@media(max-width: 942px) {
    .s44 {
        font-size: 21.6px;
    }
}

.s45 {
    font-size: calc(45 * 100vw / 1920);
}

@media(max-width: 934px) {
    .s45 {
        font-size: 21.9px;
    }
}

.s46 {
    font-size: calc(46 * 100vw / 1920);
}

@media(max-width: 926px) {
    .s46 {
        font-size: 22.2px;
    }
}

.s47 {
    font-size: calc(47 * 100vw / 1920);
}

@media(max-width: 919px) {
    .s47 {
        font-size: 22.5px;
    }
}

.s48 {
    font-size: calc(48 * 100vw / 1920);
}

@media(max-width: 911px) {
    .s48 {
        font-size: 22.8px;
    }
}

.s49 {
    font-size: calc(49 * 100vw / 1920);
}

@media(max-width: 905px) {
    .s49 {
        font-size: 23.1px;
    }
}

.s50 {
    font-size: calc(50 * 100vw / 1920);
}

@media(max-width: 898px) {
    .s50 {
        font-size: 23.4px;
    }
}

.s51 {
    font-size: calc(51 * 100vw / 1920);
}

@media(max-width: 892px) {
    .s51 {
        font-size: 23.7px;
    }
}

.s52 {
    font-size: calc(52 * 100vw / 1920);
}

@media(max-width: 886px) {
    .s52 {
        font-size: 24.0px;
    }
}

.s53 {
    font-size: calc(53 * 100vw / 1920);
}

@media(max-width: 880px) {
    .s53 {
        font-size: 24.3px;
    }
}

.s54 {
    font-size: calc(54 * 100vw / 1920);
}

@media(max-width: 874px) {
    .s54 {
        font-size: 24.6px;
    }
}

.s55 {
    font-size: calc(55 * 100vw / 1920);
}

@media(max-width: 869px) {
    .s55 {
        font-size: 24.9px;
    }
}

.s56 {
    font-size: calc(56 * 100vw / 1920);
}

@media(max-width: 864px) {
    .s56 {
        font-size: 25.2px;
    }
}

.s57 {
    font-size: calc(57 * 100vw / 1920);
}

@media(max-width: 858px) {
    .s57 {
        font-size: 25.5px;
    }
}

.s58 {
    font-size: calc(58 * 100vw / 1920);
}

@media(max-width: 854px) {
    .s58 {
        font-size: 25.8px;
    }
}

.s59 {
    font-size: calc(59 * 100vw / 1920);
}

@media(max-width: 849px) {
    .s59 {
        font-size: 26.1px;
    }
}

.s60 {
    font-size: calc(60 * 100vw / 1920);
}

@media(max-width: 844px) {
    .s60 {
        font-size: 26.4px;
    }
}

.s61 {
    font-size: calc(61 * 100vw / 1920);
}

@media(max-width: 840px) {
    .s61 {
        font-size: 26.7px;
    }
}

.s62 {
    font-size: calc(62 * 100vw / 1920);
}

@media(max-width: 836px) {
    .s62 {
        font-size: 27.0px;
    }
}

.s63 {
    font-size: calc(63 * 100vw / 1920);
}

@media(max-width: 832px) {
    .s63 {
        font-size: 27.3px;
    }
}

.s64 {
    font-size: calc(64 * 100vw / 1920);
}

@media(max-width: 828px) {
    .s64 {
        font-size: 27.6px;
    }
}

.s65 {
    font-size: calc(65 * 100vw / 1920);
}

@media(max-width: 824px) {
    .s65 {
        font-size: 27.9px;
    }
}

.s66 {
    font-size: calc(66 * 100vw / 1920);
}

@media(max-width: 820px) {
    .s66 {
        font-size: 28.2px;
    }
}

.s67 {
    font-size: calc(67 * 100vw / 1920);
}

@media(max-width: 816px) {
    .s67 {
        font-size: 28.5px;
    }
}

.s68 {
    font-size: calc(68 * 100vw / 1920);
}

@media(max-width: 813px) {
    .s68 {
        font-size: 28.8px;
    }
}

.s69 {
    font-size: calc(69 * 100vw / 1920);
}

@media(max-width: 809px) {
    .s69 {
        font-size: 29.1px;
    }
}

.s70 {
    font-size: calc(70 * 100vw / 1920);
}

@media(max-width: 806px) {
    .s70 {
        font-size: 29.4px;
    }
}

.s71 {
    font-size: calc(71 * 100vw / 1920);
}

@media(max-width: 800px) {
    .s71 {
        font-size: 30px;
    }
}

.s72 {
    font-size: calc(72 * 100vw / 1920);
}

@media(max-width: 796px) {
    .s72 {
        font-size: 30.3px;
    }
}

.s73 {
    font-size: calc(73 * 100vw / 1920);
}

@media(max-width: 793px) {
    .s73 {
        font-size: 30.6px;
    }
}

.s74 {
    font-size: calc(74 * 100vw / 1920);
}

@media(max-width: 791px) {
    .s74 {
        font-size: 30.9px;
    }
}

.s75 {
    font-size: calc(75 * 100vw / 1920);
}

@media(max-width: 788px) {
    .s75 {
        font-size: 31.2px;
    }
}

.s76 {
    font-size: calc(76 * 100vw / 1920);
}

@media(max-width: 79px) {
    .s76 {
        font-size: 31.5px;
    }
}

.s77 {
    font-size: calc(77 * 100vw / 1920);
}

@media(max-width: 785px) {
    .s77 {
        font-size: 31.8px;
    }
}

.s78 {
    font-size: calc(78 * 100vw / 1920);
}

@media(max-width: 782px) {
    .s78 {
        font-size: 32.1px;
    }
}

.s79 {
    font-size: calc(79 * 100vw / 1920);
}

@media(max-width: 780px) {
    .s79 {
        font-size: 32.4px;
    }
}

.s80 {
    font-size: calc(80 * 100vw / 1920);
}

@media(max-width: 777px) {
    .s80 {
        font-size: 32.7px;
    }
}




/* body{padding-top: 1rem;} */
.header {
    position: relative;
    z-index: 188;
    width: 100%;
    background-color: #ffffff;
    border-bottom: 1px solid #fafafa;
}

.h-a {
    width: 100%;
    margin: 0 auto;
}

.h-cont {
    /* padding: 8px 0px; */
}

.h-cont:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0;
}

.h-left {
    float: left;
}

.h-logo {
    display: block;
    padding: 12.5px;
    /* height: 1rem;
    line-height: 1rem; */
}



.h-right {
    float: right;
     padding: 7px; 
}

.h-h {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

@media screen and (max-width:1360px) {
.h-nav-center{
    position: relative;
    right: 12%;
}
}
@media screen and (max-width:1300px) {
.h-nav-center{
    position: relative;
    right: 21%;
}
}
@media screen and (min-width:1360px) {
.h-nav-center{
    position: relative;
    right: 25%;
}
}
@media screen and (min-width:1700px) {
.h-nav-center{
    position: relative;
    right: 35%;
}
}
@media screen and (min-width:1400px) {
.h-i {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding: 1.8rem 1.2rem;
}
}
@media screen and (max-width:1400px) {
.h-i {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding: 1.8rem 1.2rem;
}
}
@media screen and (min-width:1600px) {
.h-i {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding: 1.8rem 1.8rem;
}
}
.h-j {
    display: inline-block;
    color: #333333;
    line-height: 1.2rem;
    position: relative;
}

.h-i:hover .h-j {
    color: #1b3c89;
}

.h-i.active .h-j {
    color: #1b3c89;
}

.h-sub {
    display: none;
    position: fixed;
    top: 5.8rem;
    left: 0;
    z-index: 188;
    width: 100%;
    padding: 1.5rem 0 .6rem;
  background-color: #f9f9fa; 
}

.header.show .h-opa {
    display: block;
    top: 1rem;
}

.hb-cont {
    width: 100%;
    margin:0 auto;
    border-bottom: 1px solid #e9e9e9;
}
@media screen and (max-width:1080px) {
    .has-pc .hb-cont {
    text-align: left;
    margin-top: .3rem;

}
}
@media screen and (min-width:1080px) {
    .has-pc .hb-cont {
    text-align: left;
    margin-top: 1.8rem;

}

}

.hb-one {
    display: inline-block;
    vertical-align: middle;
}
@media screen and (min-width:1400px) {
.hb-a {
    display: inline-block;
    cursor: pointer;
    color: #333333;
    padding: 0.8rem 0.8rem;
    margin-right: 2rem;
}
}
@media screen and (max-width:1400px) {
    .hb-a {
        display: inline-block;
        cursor: pointer;
        color: #333333;
        padding: 0.8rem 0.8rem;
        margin-right: 1rem;
    }
    }

.h-phone {
    display: none;
}

.hb-pc {
   /*  width: 14.4rem; */
    margin: 0 auto;
    padding-top: .5rem;
}

.hc-cont {
    display: none;
    width: 100%;
    font-size: 0;
    padding: 10px 0px;
}

.hc-cont.show {
    display: block;
}

.hc-left {
    display: inline-block;
    vertical-align: middle;
    width: 16.667%;
    padding-right: .4rem;
}

.hc-nav {
    display: block;
    position: relative;
    width: 100%;
    padding: .1rem .06rem .1rem 0;
    margin-bottom: .1rem;
    color: #666666;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0.7rem 0rem;
}

.hc-nav.active {
    color: #1b3c89;
    border-bottom: 1px solid #ececec;
}

.hc-nav.active:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -.05rem;
    border-bottom: .05rem solid transparent;
    border-top: .05rem solid transparent;
    border-left: .06rem solid #1b3c89;
}

.hc-right {
    display: inline-block;
    vertical-align: middle;
    width: 83.333%;
    
}

.hc-item {
    display: none;
    width: 100%;
    padding: .8rem .5rem;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.hc-item.show {
    display: block;
}

.hc-text {
    display: inline-block;
    vertical-align: middle;
    width: 32.9rem;
}

.hc-name {
    color: #1b3c89;
    padding-bottom: .3rem;
    position: relative;
    margin-bottom: .25rem;
}

.hc-name:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: .24rem;
    height: .02rem;
    background-color: #1b3c89;
}

.hc-intro {
    color: #000000;
    line-height: 2.25;
}

.hc-img {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 5.9rem);
    text-align: center;
    height: 2.1rem;
    line-height: 2.1rem;
}

.hc-img img {
    max-width: 100%;
    max-height: 100%;
}

/* 第二种 */
.h-sub2 {
    display: none;
    width: 120px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 5.33rem;
    transform: translate(-50%, 0);
    z-index: 1000;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

.h-sub2>li>a {
    display: block;
    cursor: pointer;
    width: 100%;
    padding: 10px 5px;
    line-height: 1.5;
    text-align: center;
    color: #333333;
    transition: background-color .3s;
}

.h-sub2>li>a:hover {
    background-color: #1b3c89;
    color: #fff !important;
}
/* 第三种 */
.h-sub8 {
    display: none;
    width: 250px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 5.33rem;
    transform: translate(-50%, 0);
    z-index: 1000;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

.h-sub8>li>a {
    display: block;
    cursor: pointer;
    width: 100%;
    padding: 10px 5px;
    line-height: 1.5;
    text-align: center;
    color: #333333;
    transition: background-color .3s;
}

.h-sub8>li>a:hover {
    background-color: #1b3c89;
    color: #fff !important;
}

/* 语言 */
.h-language {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1.2rem;
    position: relative;
    cursor: pointer;
     left: 25%;
}






.hl-item {
    display: block;
    cursor: pointer;
    width: 100%;
    padding: 10px 5px;
    line-height: 1.5;
    text-align: center;
    font-size: 14px;
    color: #666;
    transition: background-color .3s;
}

.hl-item:hover {
    background-color: #1b3c89;
    color: #fff;
}

/* 搜索 */
.h-search {
    display: inline-block;
    vertical-align: middle;
    margin-right: .9rem;
}

@media screen and (max-width: 1200px) {
    .h-logo img {
        max-width: ;
        height: 40px;
    }
    .hs-icon {
        display: block;
        cursor: pointer;
        width:3rem;
        height: 3rem;
        background-image: url('../image/a13.png');
        background-size: 1.2em auto;
        background-position: center center;
        background-repeat: no-repeat;
    }
    .hl-tip {
        display: block;
        color: #333333;
        line-height: 3rem;
    }
    
    .hl-tip:before {
        content: '';
        display: inline-block;
        vertical-align: top;
        margin-right: .09rem;
        width: 3rem;
        height: 3rem;
        background-image: url('../image/a11.png');
        background-size: 1em auto;
        background-position: center center;
        background-repeat: no-repeat;
    }
    
    .hl-tip:after {
        content: '';
        display: inline-block;
        vertical-align: top;
        margin-left: .05rem;
        width: 3em;
        height: 3rem;
        background-image: url('../image/a12.png');
        background-size: .56em auto;
        background-position: center center;
        background-repeat: no-repeat;
    }
    .hl-list {
        display: none;
        width: 100px;
        background-color: #fff;
        position: absolute;
        left: 50%;
        top: 3rem;
        transform: translate(-50%, 0);
        z-index: 1000;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    }

}

@media screen and (min-width: 1200px) {
    .h-logo img {
        max-width: ;
        height: 55px;
    }

.hs-icon {
    display: block;
    cursor: pointer;
    width: 1.5rem;
    height: 1.2rem;
    background-image: url('../image/a13.png');
    background-size: 1.15rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}
.hl-tip {
    display: block;
    color: #333333;
    line-height: 1rem;
}

.hl-tip:before {
    content: '';
    display: inline-block;
    vertical-align: top;
    margin-right: .09rem;
    width: 1.2rem;
    height: 1.2rem;
    background-image: url('../image/a11.png');
    background-size: 1.2rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.hl-tip:after {
    content: '';
    display: inline-block;
    vertical-align: top;
    margin-left: .05rem;
    width: .56em;
    height: 1rem;
    background-image: url('../image/a12.png');
    background-size: .56em auto;
    background-position: center center;
    background-repeat: no-repeat;
}
.hl-list {
    display: none;
    width: 100px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 2rem;
    transform: translate(-50%, 0);
    z-index: 1000;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

}


.hs-a {
    display: none;
    z-index: 108;
    white-space: nowrap;
    position: fixed;
    top: 1.5rem;
    left: 50%;
    transform: translate(-50%, 0);
}

.hs-form {
    font-size: 0;
    display: inline-block;
    margin-top: 60%;
}

.hs-text {
    border: none;
    padding: 0 .2rem;
    display: inline-block;
    vertical-align: middle;
    width: 16rem;
    height: 45px;
    background-color: #fff;
    color: #333;
}

.hs-submit {
    border: none;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 45px;
    height: 45px;
    background-color: #1b3c89;
    background-image: url('../image/a13-b.png');
    background-size: 15px auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.header.search-state .hs-a {
    display: block;
}

.header.search-state .h-opa {
    display: block;
}

.h-phone {
    display: inline-block;
    vertical-align: middle;
}

.hp-icon {
    display: inline-block;
    vertical-align: middle;
    width: .8em;
    margin-right: .08rem;
}

.hp-icon img {
    width: 100%;
}

.hp-text {
    display: inline-block;
    vertical-align: middle;
    color: #1b3c89;
    font-weight: bold;
    line-height: 1rem;
}

.h-menu {
    display: none;
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    width: 3rem;
    height: 3rem;
    background-image: url('../image/a-menu.png');
    background-size: 2rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.h-opa {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10;
    cursor: pointer;
}

.h-car {
    display: inline-block;
    margin-right: .2rem;
    cursor: pointer;
    min-width: 18px;
    width: .25rem;
    height: 1rem;
    line-height: 1rem;
}

.h-car img {
    width: 100%;
}

@media(max-width: 1500px) {
    .h-i {
        /* padding: .7rem; */
    }

    .h-language {
        margin-left: .9rem;
       margin-right: 0.7rem; 
       left: 25%;
    }
}

@media(min-width: 1200px) {
    .hb-one:hover .hb-a {
        color: #1b3c89;
        border-bottom: .02rem solid #1b3c89;
    }

    .hb-one.active .hb-a {
        color: #1b3c89;
        border-bottom: .02rem solid #1b3c89;
    }

    .h-i:hover .h-j:after {
        content: '';
        position: absolute;
       bottom: -2.4rem;
    left: 0;
    width: 100%;
    height: 0.2rem;
        background-color: #1b3c89;
    }

    .h-i.active .h-j:after {
        content: '';
        position: absolute;
        bottom: -2.4rem;
        left: 0;
        width: 100%;
        height: .2rem;
        background-color: #1b3c89;
    }


}

@media(max-width: 1200px) {
    .h-a {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .h-language {
        margin-left: 0;
        margin-right: 10px;
    }

    .h-h {
        width: 260px;
        position: fixed;
        text-align: left;
        right: 0;
        top: 0;
        height: 100vh;
        background-color: #fff;
        margin-right: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        overflow: auto;
        z-index: 10080;
        transform: translate(100%, 0);
        transition: transform .3s;
    }

    .h-i {
        width: 100%;
        padding: 0 !important;
        margin: 0 !important;
    }

    .h-j {
        padding: 0;
        padding-left: 20px;
        height: 40px;
        line-height: 40px;
        color: #666;
        font-size: 16px;
    }

    .h-i:hover .h-j {
        border-bottom: none;
        color: #666;
    }

    .h-i.active .h-j {
        border-bottom: none;
    }

    .h-i.has-sub:after {
        content: "";
        background-image: url('../image/a-right.png');
        background-size: 18px 18px;
        background-position: center center;
        background-repeat: no-repeat;
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        position: absolute;
        right: 0;
        top: 0;
        font-size: 20px;
        color: #333;
    }

    .h-i.has-sub.show:after {
        background-image: url('../image/a-down.png');
    }

    .h-sub {
        position: relative;
        top: 0;
        padding: 0;
        background-color: #fff;
        box-shadow: none;
        left: 0;
        transform: translate(0, 0);
        width: 100% !important;
    }

    .hb-cont {
        width: 100%;
        text-align: left;
    }

    .hb-one {
        width: 100%;
        padding: 0 !important;
        margin: 0 !important;
        position: relative;
    }

    .hb-a {
        margin: 0;
        padding: 0;
        padding-left: 20px;
        height: 40px;
        line-height: 40px;
        color: #666;
        font-size: 15px;
    }

    .h-phone {
        display: none;
        width: 100%;
    }

    .h-phone>li>a {
        display: block;
        cursor: pointer;
        width: 100%;
        padding: 10px 5px 10px 10px;
        line-height: 1.5;
        font-size: 14px;
        color: #666;
    }

    .hb-one.has-phone:after {
        content: "";
        background-image: url('../image/a-right.png');
        background-size: 18px 18px;
        background-position: center center;
        background-repeat: no-repeat;
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        position: absolute;
        right: -12px;
        top: 0;
        font-size: 20px;
        color: #333;
    }

    .hb-one.has-phone.show:after {
        background-image: url('../image/a-down.png');
    }

    .h-i.has-nav2:after {
        content: "";
        background-image: url('../image/a-right.png');
        background-size: 18px 18px;
        background-position: center center;
        background-repeat: no-repeat;
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        position: absolute;
        right: 0;
        top: 0;
        font-size: 20px;
        color: #333;
    }

    .h-i.has-nav2.show:after {
        background-image: url('../image/a-down.png');
    }

    .h-sub2 {
        position: relative;
        top: 0;
        background-color: #fff;
        box-shadow: none;
        left: 0;
        transform: translate(0, 0);
        width: 100% !important;
    }

    .h-sub2>li>a {
        text-align: left;
        padding-left: 40px;
        color: #666;
    }


    .hb-pc {
        display: none;
    }

    .h-right {
        margin-right: 2.3rem;
        margin-top: 5px;
    }

    /* 菜单 */
    .h-menu {
        display: block;
        margin-top: 12px;
    }

    .header.menu-state .h-h {
        transform: translate(0, 0);
    }

    .header.menu-state .h-opa {
        display: block;
    }
}

@media(max-width:500px) {
    .hp-icon {
        font-size: 12px;
    }

    .hp-text {
        font-size: 12px;
    }

    /* .h-search{margin: 0 .1rem;} */
    .hl-tip {
        font-size: 12px;
    }

    .hl-tip:before {
        display: none;
    }

    .hs-text {
        width: 5rem;
        height: 30px;
    }

    .hs-submit {
        height: 30px;
    }
}



.footer {
    width: 100%;
    background-color: #162853;
    overflow: hidden;
}

.f-a {
    width: 100%;
    padding-top: .7rem;
    padding-bottom: .1rem;
    border-bottom: 1px solid rgba(232, 232, 232, .1);
}

.f-b {
    width: 14.4rem;
    margin: 0 auto;
}

.f-cont {
    width: 100%;
    font-size: 0;
}

.f-cont:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0;
}

.f-left {
    float: left;
    width: 4.7rem;
    padding-right: .25rem;
}

.f-tip {
    width: 100%;
    color: rgba(255, 255, 255, .7);
    margin-bottom: .3rem;
}

.f-phone {
    color: #ffffff;
    font-weight: bold;
    margin-bottom: .2rem;
}

.f-textbox {
    color: rgba(255, 255, 255, .7);
    line-height: 2.57;
}

.f-textbox * {
    line-height: inherit;
}

.f-list {
    float: left;
    font-size: 0;
}

.f-item {
    display: inline-block;
    vertical-align: top;
    width: 1.5rem;
}

.f-c {
    display: block;
    width: 100%;
    color: rgba(255, 255, 255, .7);
    margin-bottom: .3rem;
}

.f-links {
    display: inline-block;
}

.f-link {
    display: block;
    cursor: pointer;
    color: rgba(255, 255, 255, .7);
    line-height: 2.57;
}

.f-link:hover {
    color: #fff;
}

.f-right {
    float: right;
    text-align: right;
}

.f-share {
    display: block;
}

.f-one {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-bottom: .3rem;
    border-radius: 50%;
    margin-right: .2rem;
    text-align: center;
    line-height: .36rem;
    width: .36rem;
    height: .36rem;
    background-color: #ffffff;
}

.f-one:last-child {
    margin-right: 0;
}

.f-one img {
    max-width: 55%;
    max-height: 55%;
}

.f-code {
    display: inline-block;
    text-align: center;
}

.f-img {
    width: 1.1rem;
    min-width: 80px;
    margin-bottom: .18rem;
}

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

.f-d {
    color: rgba(255, 255, 255, .7);
}

.f-bottom {
    width: 100%;
}

.f-e {
    width: 14.4rem;
    margin: 0 auto;
    padding: .15rem 0;
}

.f-e:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0;
}

.f-f {
    float: left;
    line-height: 1.7;
    color: rgba(255, 255, 255, .7);
    padding: .15rem 0;
}

.f-g {
    float: right;
    cursor: pointer;
    display: block;
    line-height: 1.7;
    padding: .15rem 0;
    color: rgba(255, 255, 255, .7);
}

.f-h {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-top: .5rem;
}

.f-i {
    color: rgba(255, 255, 255, .7);
    line-height: 1.5;
    margin-top: .1rem;
}

.f-tr {
    flex: 1;
    font-size: 0;
    padding-left: .15rem;
}

.f-td {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    color: rgba(255, 255, 255, .7);
    line-height: 1.5;
    margin-right: .15rem;
    margin-top: .1rem;
}

.f-td:hover {
    color: #fff;
}


@media(max-width:750px) {
    .f-a {
        padding-top: .5rem;
    }

    .f-b {
        width: 100%;
        max-width: 500px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .f-left {
        width: 100%;
        margin-bottom: .3rem;
    }

    .f-list {
        display: none;
        width: 100%;
        margin-bottom: .3rem;
    }

    .f-item {
        width: 100%;
        margin-bottom: .25rem;
    }

    .f-c {
        width: 100%;
        margin-bottom: .2rem;
    }

    .f-links {
        width: 100%;
    }

    .f-link {
        display: inline-block;
        vertical-align: middle;
        margin-right: .25rem;
    }

    .f-right {
        width: 100%;
        text-align: left;
    }

    .f-one {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .f-e {
        width: 100%;
        max-width: 500px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .f-f {
        width: 100%;
    }

    .f-g {
        width: 100%;
    }

    .f-tr {
        width: 100%;
        flex: none;
        margin-top: .15rem;
        padding-left: 0;
    }
}




@media(max-width:750px) {
    
}

.nav {
    width: 100%;
}

.nav-top {
    width: 100%;
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.07);
    font-size: 0;
    background-color: #fff;
}

.nav-navbox {
    width: 14.4rem;
    margin: 0 auto;
    font-size: 0;
}

.nav-nav {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 33.33%;
    text-align: center;
    line-height: .6rem;
    color: #555555;
}

.nav-nav:hover {
    color: #ffffff;
    background-color: #e60013;
}

.nav-nav.active {
    color: #ffffff;
    background-color: #e60013;
}

.nav-bottom {
    width: 100%;
}

.nav-b {
    width: 14.4rem;
    margin: 0 auto;
    font-size: 0;
}

.nav-item {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    color: #888888;
    line-height: .6rem;
}

.nav-item:after {
    content: '/';
    margin: 0 2px;
}

.nav-item:last-child:after {
    display: none;
}

.nav-item:first-child:before {
    content: '';
    display: inline-block;
    vertical-align: top;
    margin-right: .1rem;
    width: 1.28em;
    height: .6rem;
    background-image: url('../image/a1.png');
    background-size: 1.28em auto;
    background-position: center center;
    background-repeat: no-repeat;
}



@media(max-width:750px) {
    .nav-navbox {
        width: 100% !important;
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
        white-space: nowrap;
        overflow: auto;
    }

    .nav-nav {
        width: auto !important;
        margin: 0 .15rem;
        padding: 0 .25rem;
    }

    .nav-bottom {
        display: none;
    }
}




@media(max-width:1200px) {
   
}


.a-a {
    width: 100%;
    padding-top: .3rem;
    padding-bottom: .9rem;
}

.a-b {
    width: 14.4rem;
    margin: 0 auto;
}

.my-titles {
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: #1a1b1c;
    margin-bottom: .5rem;
}

.a-top {
    width: 100%;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: .3rem;
    margin-bottom: .8rem;
}

.a-c {
    width: 100%;
}

.a-one {
    width: 4.4rem;
    margin-right: .6rem;
}

.a-one:last-child {
    margin-right: 0;
}

.a-d {
    width: 100%;
    cursor: pointer;
}

.a-one .a-img {
    width: 100%;
    overflow: hidden;
}

.a-one .a-img img {
    width: 100%;
    transform: scale(1.00);
    transition: all ease .5s;
}

.a-one .a-text {
    width: 100%;
    position: relative;
    padding: .3rem 0 .3rem .9rem;
}

.a-one .a-text:after {
    content: '';
    position: absolute;
    top: 50%;
    left: .7rem;
    margin-top: -.44rem;
    width: 1px;
    height: .88rem;
    background-color: #e3e3e3;
}

.a-one .a-time {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    text-align: center;
}

.a-one .a-e {
    color: #535353;
    font-weight: bold;
    margin-bottom: .1rem;
}

.a-one .a-f {
    color: #535353;
}

.a-one .a-name {
    margin-bottom: .25rem;
    color: #1a1b1c;
    line-height: 1.3;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.a-one .a-intro {
    color: #666666;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.a-one:hover .a-img img {
    transform: scale(1.05);
}

.a-one:hover .a-name {
    color: #e60013;
}

.a-cont {
    width: 100%;
    padding-bottom: .4rem;
}

.a-item {
    display: block;
    width: 100%;
    cursor: pointer;
    border: solid 1px #eeeeee;
    font-size: 0;
    margin-bottom: .4rem;
}

.a-item .a-img {
    display: inline-block;
    vertical-align: middle;
    width: 3.5rem;
    overflow: hidden;
}

.a-item .a-img img {
    width: 100%;
    transform: scale(1.00);
    transition: all ease .5s;
}

.a-item .a-text {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 3.5rem);
    position: relative;
    padding: 0 2.35rem 0 1.9rem;
}

.a-item .a-time {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 1.9rem;
    text-align: center;
}

.a-item .a-e {
    color: #535353;
    font-weight: bold;
    padding-bottom: .15rem;
    margin-bottom: .15rem;
    position: relative;
}

.a-item .a-e:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -.11rem;
    width: .22rem;
    height: .03rem;
    background-color: #e60013;
}

.a-item .a-f {
    color: #535353;
}

.a-item .a-name {
    margin-bottom: .2rem;
    color: #1a1b1c;
    line-height: 1.3;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.a-item .a-intro {
    color: #666666;
    line-height: 2.25;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.a-more {
    position: absolute;
    top: 50%;
    right: .35rem;
    margin-top: -.2rem;
    min-width: 1.3rem;
    height: .4rem;
    text-align: center;
    line-height: .4rem;
    color: #ffffff;
    background-color: #26407f;
    border-radius: .2rem;
}

.a-item:hover .a-img img {
    transform: scale(1.05);
}

.a-item:hover .a-name {
    color: #e60013;
}

.a-item:hover .a-more {
    background-color: #e60013;
}

@media(max-width:1200px) {
    .a-one .a-text {
        padding-left: 1.2rem;
    }

    .a-one .a-text:after {
        display: none;
    }
}

@media(min-width:750px) {
    .a-item .a-img {
        height: 2.45rem;
        position: relative;
    }

    .a-item .a-img img {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

}

@media(max-width:750px) {
    .a-a {
        padding-top: .5rem;
    }

    .a-b {
        width: 100%;
        max-width: 500px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .a-one {
        width: calc(50% - 5px);
        margin-right: 10px;
    }

    .a-one .a-text {
        padding-left: 0;
    }

    .a-one .a-time {
        position: relative;
        top: 0;
        transform: translate(0, 0);
        width: 100%;
        text-align: left;
        margin-top: .3rem;
    }

    .a-one .a-e {
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 0;
        margin-right: .15rem;
    }

    .a-one .a-f {
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 0;
    }

    .a-item {
        padding: .3rem .15rem;
    }

    .a-item .a-img {
        width: 3rem;
    }

    .a-item .a-text {
        width: calc(100% - 3rem);
        padding: 0 .2rem;
    }

    .a-item .a-time {
        position: relative;
        top: 0;
        transform: translate(0, 0);
        width: 100%;
        text-align: left;
        margin-top: .3rem;
    }

    .a-item .a-e {
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 0;
        padding-bottom: 0;
        margin-right: .15rem;
    }

    .a-item .a-f {
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 0;
    }

    .a-item .a-e:after {
        display: none;
    }

    .a-more {
        position: relative;
        top: 0;
        right: 0;
        transform: translate(0, 0);
        display: inline-block;
        margin-top: .3rem;
        padding: 0 .25rem;
        height: 26px;
        line-height: 26px;
        border-radius: 13px;
    }
}

.b-a {
    width: 100%;
    padding-top: .35rem;
}

.b-b {
    width: 14.4rem;
    margin: 0 auto;
}

.b-cont {
    width: 100%;
    position: relative;
}

.b-cont:before {
    content: '';
    position: absolute;
    top: 0;
    left: 10.3rem;
    width: 1px;
    height: 100%;
    background-color: #ececec;
}

.b-cont:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0;
}

.b-left {
    float: left;
    width: 9.7rem;
    padding-bottom: .9rem;
}

.b-top {
    width: 100%;
    border-bottom: 1px solid #ececec;
    margin-bottom: .3rem;
}

.b-titles {
    display: block;
    margin-bottom: .25rem;
    line-height: 1.3;
    color: #333333;
}

.b-c {
    width: 100%;
    font-size: 0;
}

.b-d {
    display: inline-block;
    vertical-align: middle;
    margin-right: .3rem;
    margin-bottom: .4rem;
}

.b-e {
    display: inline-block;
    vertical-align: middle;
    color: #999999;
    margin-right: .4rem;
}

.b-e img {
    height: 1em;
    margin-right: .1rem;
}

.b-share {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: .4rem;
}

.b-one {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    height: 1em;
    margin-right: .35rem;
}

.b-one img {
    height: 100%;
}

.b-one:hover {
    opacity: .9;
}

.b-textbox {
    width: 100%;
    color: #555555;
    line-height: 1.875;
    letter-spacing: .16em;
    padding-bottom: .4rem;
    border-bottom: 1px solid #ececec;
}

.b-textbox * {
    line-height: inherit;
    max-width: 100%;
}

.b-buttom {
    width: 100%;
    border-bottom: 1px solid #ececec;
    font-size: 0;
    padding: .1rem 0;
    margin-bottom: .5rem;
}

.b-item {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    padding: .1rem .2rem .1rem 0;
}

.b-tip {
    color: #555555;
    line-height: 1.75;
}

.b-link {
    cursor: pointer;
    color: #555555;
    line-height: 1.75;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.b-link:hover {
    color: #e60013;
}

.b-f {
    width: 100%;
    text-align: center;
}

.b-return {
    display: inline-block;
    cursor: pointer;
    padding: .17rem .58rem;
    background-color: #e60013;
    color: #ffffff;
    border-radius: .25rem;
}

.b-right {
    float: right;
    width: 3.2rem;
}

.b-g {
    font-weight: bold;
    color: #e60013;
    margin-bottom: .4rem;
}

.b-list {
    width: 100%;
}

.b-h {
    display: block;
    cursor: pointer;
    width: 100%;
    padding-bottom: .3rem;
    margin-bottom: .2rem;
    border-bottom: 1px solid #ececec;
}

.b-name {
    margin-bottom: .2rem;
    color: #555555;
    line-height: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.b-time {
    color: #999999;
}

.b-h:hover .b-name {
    color: #e60013;
}

@media(max-width:750px) {
    .b-a {
        padding-top: .5rem;
        padding-bottom: .5rem;
    }

    .b-b {
        width: 100%;
        max-width: 500px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .b-cont:before {
        display: none;
    }

    .b-left {
        width: 100%;
    }

    .b-d {
        width: 100%;
        margin-right: 0;
    }

    .b-e {
        margin-right: .25rem;
    }

    .b-e:last-child {
        margin-right: 0;
    }

    .b-right {
        width: 100%;
    }
}

.c-a {
    width: 100%;
    padding-top: .1rem;
    padding-bottom: 1.3rem;
}

.c-a .my-titles {
    margin-bottom: .35rem;
}

.c-form {
    width: 100%;
}

.c-b {
    width: 14.4rem;
    margin: 0 auto;
}

.c-top {
    width: 100%;
    padding-bottom: .55rem;
}

.c-intro {
    color: #555555;
    line-height: 1.6;
    text-align: center;
}

.c-cont {
    width: 100%;
    position: relative;
    padding: .6rem .8rem .5rem 4.8rem;
    background-color: #eef3f9;
}

.c-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 4.2rem;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.c-item {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: .3rem;
    width: 100%;
}

.c-c {
    width: 100%;
    border: none;
    color: #333333;
    padding: 0 .25rem;
    height: .6rem;
    line-height: .6rem;
    background-color: #ffffff;
}

.c-textarea {
    width: 100%;
    border: none;
    color: #333333;
    padding: .1rem .25rem;
    height: 1rem;
    line-height: .4rem;
    background-color: #ffffff;
}


.c-button {
    width: 100%;
    text-align: center;
    margin-top: .2rem;
}

.c-submit {
    display: inline-block;
    cursor: pointer;
    border: none;
    padding: .17rem .58rem;
    color: #ffffff;
    background-color: #e60013;
    border-radius: .25rem;
}

.c-list {
    width: 100%;
    font-size: 0;
}

@media(min-width:750px) {
    .c-list .c-item {
        width: calc(50% - .2rem);
        margin-right: .4rem;
    }

    .c-list .c-item:nth-child(2n) {
        margin-right: 0;
    }
}

@media(max-width:750px) {
    .c-a {
        padding-top: .5rem;
    }

    .c-b {
        width: 100%;
        max-width: 500px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .c-cont {
        padding: 0;
    }

    .c-left {
        display: none;
        position: relative;
        top: 0;
        width: 100%;
        height: auto;
        padding-top: 128%;
    }

    .c-right {
        width: 100%;
        padding: .5rem .2rem;
    }

    .c-textarea {
        padding: 0 .25rem;
        line-height: .6rem;
        height: 1.2rem;
    }
}

.d-a {
    width: 100%;
    background-color: #f8f8f8;
    padding-top: .1rem;
    padding-bottom: .9rem;
}

.d-b {
    width: 14.4rem;
    margin: 0 auto;
}

.d-cont {
    width: 100%;
    padding-bottom: .6rem;
}

.d-item {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    padding: .25rem .6rem .25rem .3rem;
    cursor: pointer;
    width: 100%;
    margin-bottom: .2rem;
    background-color: #fff;
}

.d-name {
    flex: 1;
    padding-right: .2rem;
    color: #666666;
    line-height: 1.5;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.d-c {
    display: block;
    font-size: 0;
}

.d-d {
    display: inline-block;
    vertical-align: middle;
    border-right: 1px solid #cccccc;
    padding-right: .6rem;
    margin-right: .5rem;
}

.d-icon {
    display: inline-block;
    vertical-align: middle;
    width: 1.125em;
    margin-right: .15rem;
}

.d-icon1 {
    display: block;
    width: 100%;
}

.d-icon1 img {
    width: 100%;
}

.d-icon2 {
    display: none;
    width: 100%;
}

.d-icon2 img {
    width: 100%;
}

.d-item .d-text {
    display: inline-block;
    vertical-align: middle;
    color: #666666;
    line-height: .36rem;
}

.d-time {
    display: inline-block;
    vertical-align: middle;
    color: #888888;
    line-height: 1.5;
}

.d-item:hover {
    background-color: #e60013;
}

.d-item:hover .d-name {
    color: #fff;
}

.d-item:hover .d-text {
    color: #fff;
}

.d-item:hover .d-time {
    color: #fff;
}

.d-item:hover .d-icon1 {
    display: none;
}

.d-item:hover .d-icon2 {
    display: block;
}

.d-top {
    width: 100%;
    text-align: center;
    margin-bottom: .5rem;
    font-size: 0;
}

.d-form {
    font-size: 0;
    display: inline-block;
    text-align: left;
}

.d-top .d-text {
    border: none;
    padding: 0 .2rem;
    display: inline-block;
    vertical-align: middle;
    width: 6rem;
    height: 45px;
    background-color: #fff;
    color: #333;
}

.d-submit {
    border: none;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 45px;
    height: 45px;
    background-color: #1b3c89;
    background-image: url('../image/a13-b.png');
    background-size: 15px auto;
    background-position: center center;
    background-repeat: no-repeat;
}


@media(max-width:750px) {
    .d-a {
        padding-top: .5rem;
    }

    .d-b {
        width: 100%;
        max-width: 500px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .d-item {
        display: block;
        width: 100%;
        padding: .25rem .2rem;
    }

    .d-name {
        padding-right: 0;
    }

    .d-c {
        width: 100%;
        margin-top: .3rem;
    }

    .d-d {
        padding-right: .3rem;
        margin-right: .3rem;
    }

    .d-form {
        width: 100%;
    }

    .d-top .d-text {
        width: calc(100% - 46px);
    }
}












@media(max-width:750px) {
    .m-b {
        width: 100%;
        max-width: 500px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .m-right {
        width: 100%;
        margin-left: 0;
    }

    .m-left {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, .2);
    }

    .m-navbox {
        width: 100%;
        white-space: nowrap;
        overflow: auto;
        padding: 0;
    }

    .m-nav {
        display: inline-block;
        vertical-align: middle;
        margin-right: .25rem;
    }
}

.n-a {
    width: 100%;
    padding-top: .78rem;
    padding-bottom: .9rem;
    overflow: hidden;
}

.n-b {
    width: 14.4rem;
    margin: 0 auto;
}

.n-top {
    width: 100%;
    text-align: center;
    margin-bottom: .5rem;
}

.n-titles {
    color: #1a1b1c;
    font-weight: bold;
    margin-bottom: .5rem;
}

.n-navbox {
    display: inline-block;
    padding: .04rem .07rem;
    font-size: 0;
    background-color: #f3f3f3;
    border-radius: .25rem;
}

.n-nav {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    color: #717172;
    padding: 0 .4rem;
    line-height: .42rem;
    border-radius: .21rem;
}

.n-nav:hover {
    background-color: #e60013;
    color: #ffffff;
}

.n-nav.active {
    background-color: #e60013;
    color: #ffffff;
}

.n-list {
    width: 100%;
    position: relative;
}

.n-one {
    position: absolute;
    top: 0;
    left: -150%;
    width: 100%;
    text-align: center;
}

.n-one.show {
    position: relative;
    left: 0;
}

.n-c {
    width: 100%;
    position: relative;
    text-align: left;
    margin-bottom: .4rem;
}

.n-d {
    width: 100%;
}

.n-item {
    width: 4.55rem;
    margin-right: .35rem;
}

.n-item:last-child {
    margin-right: 0;
}

.n-e {
    width: 100%;
    cursor: pointer;
}

.n-img {
    width: 100%;
    overflow: hidden;
    height: 3.08rem;
    position: relative;
}

.n-img img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.n-text {
    width: 100%;
    position: relative;
    padding: .4rem 0 .4rem .9rem;
}

.n-text:after {
    content: '';
    position: absolute;
    top: 50%;
    left: .7rem;
    margin-top: -.44rem;
    width: 1px;
    height: .88rem;
    background-color: #e3e3e3;
}

.n-time {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    text-align: center;
}

.n-f {
    color: #ababab;
    font-weight: bold;
    margin-bottom: .1rem;
}

.n-g {
    color: #666666;
}

.n-name {
    margin-bottom: .2rem;
    color: #1a1b1c;
    line-height: 1.3;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.n-intro {
    color: #666666;
    line-height: 1.5;
    height: 3em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.n-item:hover .n-img img {
    transform: scale(1.05);
}

.n-item:hover .n-name {
    color: #e60013;
}

.n-check {
    display: inline-block;
    cursor: pointer;
    padding: .17rem .42rem;
    color: #ffffff;
    background-color: #e60013;
    border-radius: .25rem;
}

@media(max-width:1200px) {
    .n-text {
        padding-left: 1.2rem;
    }

    .n-text:after {
        display: none;
    }
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .example {
        padding: 0 0.6rem !important;
    }
    .live2-right{
        padding-left: 0px;
        padding-right: 0px;
    }
    .example2 {
        padding: 0 0.6rem !important;
    }
    .live3-right{
        padding-left: 0px;
        padding-right: 0px;
    }
    .live-box {
        width: 0% !important;

    }
    .live-box3{
        padding: 0 0px 0 0px !important;

    }
    .live-box31{
        padding: 0 0px 0 0px !important;

    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .example {
        padding: 0 1rem !important;
    }
    .live2-right{
        padding-left: 0px;
        padding-right: 0px;
    }
    .example2 {
        padding: 0 1rem !important;
    }
    .live3-right{
        padding-left: 0px;
        padding-right: 0px;
    }
    .live-box {
        width: 0% !important;

    }
    .live-box2 {
        width: 0% !important;

    }
    .live-box3{
        padding: 0 0px 0 0px !important;

    }
    .live-box31{
        padding: 0 0px 0 0px !important;

    }
    .live5 {
        padding-left: 0px;
        padding-right: 0px;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .example {
        padding: 0 1rem !important;
    }
    .live2 {
        padding-left: 0px;
    }
    .live2-right{
        padding-left: 50px;
        padding-right: 50px;
    }
    .example2 {
        padding: 0 1rem !important;
    }
    .live3 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .live3-right{
        padding-left: 50px;
        padding-right: 50px;
    }
    .live-box {
        width: 50% !important;

    }
    .live-box2 {
        width: 100% !important;

    }
    .live-box3{
        padding: 0 25px 0 70px !important;

    }
    .live-box31{
        padding: 0 70px 0 25px !important;

    }
    .live5 {
        padding-left: 20px;
        padding-right: 20px;
    }
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .example {
        padding: 0 1rem !important;
    }

    .live2 {
        padding-left: 80px;
    }
    .live2-right{
        padding-left: 80px;
        padding-right: 63px;
    }
    .example2 {
        padding: 0 1rem !important;
    }

    .live3 {
        padding-left: 20px;
        padding-right: 80px;
    }
    .live3-right{
        padding-left: 63px;
        padding-right: 80px;
    }
    
    .live-box {
        width: 50% !important;

    }
    .live-box2 {
        width: 100% !important;

    }
    .live-box3{
        padding: 0 46px 0 70px !important

    }
    .live-box31{
        padding: 0 92px 0 25px !important;

    }
    .live3-padding{
        padding-right: 100px !important;
    }
      
    .live5 {
        padding-left: 80px;
        padding-right: 80px;
    }
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
   
}

 /*css digg style pagination*/
 .digg {
    padding: 3px;
    margin: 3px;
    text-align: center
}

.digg a {
    border: #1b3c89 1px solid;
    padding: 2px 5px;
    margin: 2px;
    color: #1b3c89;
    text-decoration: none
}

.digg a:hover {
    border: #1b3c89 1px solid;
    color: #000;
}

.digg a:active {
    border: #1b3c89 1px solid;
    color: #000;
}

.digg .current {
    border: solid 1px #1b3c89;
    padding: 2px 5px;
    font-weight: bold;
    margin: 2px;
    color: #fff !important;
    background: #1b3c89 !important;
}

.digg .disabled {
    border: #eee 1px solid;
    padding: 2px 5px;
    margin: 2px;
    color: #ddd;
}

.post-entry .post-entry-overlay .post-entry-meta p{
   
    font-size: 0rem;
  
 
     }
 
  .post-entry:hover .post-entry-overlay .post-entry-meta p{
    margin-top: 1rem;
    font-size: 1rem;
    line-height: 1.2rem;
    color: darkgrey;
 
     }
     
     @media screen and (max-width: 768px) {
        .pro-mt{
            margin-top: 0rem;
        }
        .heading-text {

            margin-top: 30px;
        }

        .pro-h .img-fluid {
            max-width: 100%;
            height: auto;
        }

        .pro-h img {
            position: relative;
            top: 0rem;
        }



        .pro-h .img-fluid img {
            vertical-align: middle;
        }
    }


    @media screen and (max-width: 1290px) {
        .pro-mt{
            margin-top: 1rem;
        }
        .heading-text {

            margin-top: 60px;
        }

        .pro-h .img-fluid {
            max-width: 100%;
            height: auto;
        }

        .pro-h img {
            position: relative;
            top: -6.877rem;
        }



        .pro-h .img-fluid img {
            vertical-align: middle;
        }
    }


    @media screen and (min-width: 1290px) {
        
       
        .pro-mt{
            margin-top: 3rem;
        }
        .heading-text {

            margin-top: 70px;
        }

        .pro-h .img-fluid {
            max-width: 100%;
            height: auto;
        }

        .pro-h img {
            position: relative;
            top: -6.877rem;
        }



        .pro-h .img-fluid img {
            vertical-align: middle;
        }
    }
    @media only screen and (max-width:600px) {
        
        .portfolio-description1 {
        left: 0;
        margin: 0 auto;
        padding: 0px;
        opacity: 0;
        position: absolute;
        right: 0;
        text-align: center;
        top: 48%;
        -webkit-transform: translate3d(0px, -38%, 0px);
        transform: translate3d(0px, -38%, 0px);
        -webkit-transition: all 250ms ease-in-out 0s;
        transition: all 250ms ease-in-out 0s;
        visibility: hidden;
        width: 88%;
        z-index: 3;
        }
        
        .portfolio-description1{
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
        opacity: 1;
        visibility: visible;
        }
        .portfolio-description1 .pro-line {
           
          /*    border-bottom: 1px solid #e4e6ef;*/
                    /* float: left; */
                   
          padding-bottom: 10px;   
        }
        .portfolio-description1  .newhei{
               
               height: 15rem;
               line-height:  15rem;
               
           }
        }
        
        @media only screen and (min-width:600px) {
        
        .portfolio-description1 {
        left: 0;
        margin: 0 auto;
        padding: 0px;
        opacity: 0;
        position: absolute;
        right: 0;
        text-align: center;
        top: 48%;
        -webkit-transform: translate3d(0px, -38%, 0px);
        transform: translate3d(0px, -38%, 0px);
        -webkit-transition: all 250ms ease-in-out 0s;
        transition: all 250ms ease-in-out 0s;
        visibility: hidden;
        width: 88%;
        z-index: 3;
        }
        
        .portfolio-description1{
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
        opacity: 1;
        visibility: visible;
        }
        .portfolio-description1 .pro-line {
           
         /*     border-bottom: 1px solid #e4e6ef;*/
                    /* float: left; */
                   
          padding-bottom: 10px;   
        }
         .portfolio-description1  .newhei{
               
               height: 10rem;
               line-height:  10rem;
               
           }
        }
        @media only screen and (min-width:990px) {
        
        .portfolio-description1 {
        left: 0;
        margin: 0 auto;
        padding: 0px;
        opacity: 0;
        position: absolute;
        right: 0;
        text-align: center;
        top: 48%;
        -webkit-transform: translate3d(0px, -38%, 0px);
        transform: translate3d(0px, -38%, 0px);
        -webkit-transition: all 250ms ease-in-out 0s;
        transition: all 250ms ease-in-out 0s;
        visibility: hidden;
        width: 88%;
        z-index: 3;
        }
        
        .portfolio-description1{
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
        opacity: 1;
        visibility: visible;
        }
        .portfolio-description1 .pro-line {
            
           /*  border-bottom: 1px solid #e4e6ef;*/
                    /* float: left; */
                   
          padding-bottom: 10px;   
        }
         .portfolio-description1  .newhei{
               
                height: 6rem;
                line-height:  6rem;
           }
        
        }
       
        @media only screen and (min-width:1360px) {
        
        .portfolio-description1 {
        left: 0;
        margin: 0 auto;
        padding: 0px;
        opacity: 0;
        position: absolute;
        right: 0;
        text-align: center;
        top: 49%;
        -webkit-transform: translate3d(0px, -38%, 0px);
        transform: translate3d(0px, -38%, 0px);
        -webkit-transition: all 250ms ease-in-out 0s;
        transition: all 250ms ease-in-out 0s;
        visibility: hidden;
        width: 88%;
        z-index: 3;
        }
        
        .portfolio-description1{
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
        opacity: 1;
        visibility: visible;
        }
        .portfolio-description1 .pro-line {
       
      /*    border-bottom: 1px solid #e4e6ef;*/
                /* float: left; */
               
        padding-bottom: 10px;   
        }
        .portfolio-description1  .newhei{
               
               height: 8rem;
                 line-height: 8rem;
           }
        }
        @media only screen and (min-width:1560px) {
        
            .portfolio-description1 {
            left: 0;
            margin: 0 auto;
            padding: 0px;
            opacity: 0;
            position: absolute;
            right: 0;
            text-align: center;
            top: 49%;
            -webkit-transform: translate3d(0px, -38%, 0px);
            transform: translate3d(0px, -38%, 0px);
            -webkit-transition: all 250ms ease-in-out 0s;
            transition: all 250ms ease-in-out 0s;
            visibility: hidden;
            width: 88%;
            z-index: 3;
            }
            
            .portfolio-description1{
            -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
            opacity: 1;
            visibility: visible;
            }
            .portfolio-description1 .pro-line {
           
          /*    border-bottom: 1px solid #e4e6ef;*/
                    /* float: left; */
                   
            padding-bottom: 10px;   
            }
           .portfolio-description1  .newhei{
               
               height: 20rem;
                line-height: 20rem;
               
           }
            
            
            
            
            }
                  @media screen and (max-width: 1290px) {
        .bot-bot a {
             font-size: 1.2rem;
            border-radius: 2rem;
            padding-top: 0.8rem !important;
            padding-bottom: 0.8rem !important;
            padding-left: 3rem !important;
            padding-right: 3rem !important;
            background-color: #eaa52e !important;
            color: #fff;
        }
    }



    @media screen and (min-width: 1290px) {
        .bot-bot a {
           font-size: 1.2rem;
            border-radius: 2rem;
            padding-top: 1rem !important;
            padding-bottom: 1rem !important;
            padding-left: 3rem !important;
            padding-right: 3rem !important;
            background-color: #eaa52e !important;
            color: #fff;
        }

    }

    .bot-bot a:hover {
        color: #eaa52e !important;
        border: #eaa52e solid 2px;
        background-color: rgba(255, 255, 255, 0.637) !important;
    }
        .grid-filters {
    clear: both;
    display: block;
    width: 100%;
    margin-bottom: 26px;
    position: relative;
}
.grid-filters ul {
    list-style: none;
    padding: 0;
    position: relative;
    height: auto;
}
.grid-filters li {
    position: relative;
    margin-right: 6px;
    border: 0;
    margin-bottom: -1px;
    display: inline-block;
}
.grid-filters li a {
    font-weight: 600;
    display: block;
    position: relative;
    padding: 8px 10px;
    font-size: 13px;
    line-height: 15px;
    color: #3c4043;
    border-radius: 50px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
}
.grid-filters li a:hover {
    border:  2px solid #eaa52e;
    border-radius: 15px;
    
    
    
}
 @media screen and (max-width:1290px) {
     .pro-omr{
    margin-top:2rem;
    margin-bottom:4.5rem;
     }
    .eng-mr{
         margin-top:2rem;
    margin-bottom:2rem;
        
    }
    
     .news-mr{
         margin-top:2rem;
    margin-bottom:2rem;
        
    }
 }
 @media screen and (min-width:1290px) {
     .pro-omr{
    margin-top:2.5rem;
    margin-bottom:2.5rem;
     }
    .eng-mr{
         margin-top:3rem;
    margin-bottom:4rem;
        
    } 
     .news-mr{
         margin-top:2rem;
    margin-bottom:4rem;
        
    }
     
 }
  @media screen and (min-width:1490px) {
      .pro-omr{
    margin-top:4.8rem;
    margin-bottom:4.8rem;
      }
     
     .eng-mr{
         margin-top:3rem;
    margin-bottom:3rem;
        
    }
      .news-mr{
         margin-top:2rem;
    margin-bottom:4rem;
        
    }
 }   
   @media screen and (min-width:1680px) {
      .pro-omr{
    margin-top:7.8rem;
    margin-bottom:18.8rem;
      }
     
      .eng-mr{
         margin-top:4rem;
    margin-bottom:12rem;
        
    }
     .news-mr{
         margin-top:4rem;
    margin-bottom:8rem;
        
    }
 }  

 @media screen and (max-width:1290px) {
        .eng-t{

          margin-top: 50px !important;

        }

     }
 @media screen and (min-width:1290px) {
        .eng-t{

          margin-top: 0px !important;

        }

     }



     @media screen and (min-width: 1400px) {
        .portfolio-item-wrap .pr-img{

            padding: 3rem;

        }

     }
     @media screen and (max-width: 1400px) {
        .portfolio-item-wrap .pr-img{

            padding: 0rem;

        }

     }
         @media screen and (max-width: 768px) {
        .px-bor:nth-child(2) {
            border-left: #fff;
            border-right: #fff;
        }
        .bg-img-ou{
        height: 1250px;
        

        }
        .bg-img-ou .mocx{
            top: 7%;
        }
    }


    @media screen and (min-width: 768px) {
        .px-bor:nth-child(2) {
            border-left: #000 solid 1px;
            border-right: #000 solid 1px;
        }
        .bg-img-ou{
        height: 600px;

        }
        .bg-img-ou .mocx{
            top: 12%;
        }
        
    }


    @media screen and (max-width: 1290px) {
        .more-pr a {
            position: relative;
            bottom: -5.60rem;
            padding-top: 0.8rem !important;
            padding-bottom: 0.8rem !important;
            padding-left: 3rem !important;
            padding-right: 3rem !important;
            background-color: #eaa52e !important;
            color: #fff;
        }
       
    }
    
    
    


    @media screen and (min-width: 1290px) {
        .more-pr a {
            position: relative;
            bottom: -5.60rem;
            padding-top: 1rem !important;
            padding-bottom: 1rem !important;
            padding-left: 3rem !important;
            padding-right: 3rem !important;
            background-color: #eaa52e !important;
            color: #fff;
        }

    }

    .more-pr a:hover {
        color: #eaa52e !important;
        border: #eaa52e solid 2px;
        background-color: rgba(255, 255, 255, 0.637) !important;
    }}
    
    
   @media screen and (max-width: 400px) {
     
       .occo{
            border-top: 1px solid #e4e6ef; 
            padding-top: 18px;
             position: absolute;
            width: 100%;
             bottom: 5%;
        }
     
     
     
 }    
  @media screen and (min-width: 400px) {
     
       .occo{
            border-top: 1px solid #e4e6ef; 
            padding-top: 18px;
             position: absolute;
            width: 100%;
             bottom: 5%;
        }
     
     
     
 } 
 @media screen and (min-width: 768px) {
     
       .occo{
            border-top: 1px solid #e4e6ef; 
            padding-top: 18px;
            position: absolute;
            width: 100%;
             bottom: 5%;
        }
     
     
     
 }   
   @media screen and (min-width: 800px) {
     
       .occo{
            border-top: 1px solid #e4e6ef; 
            padding-top: 18px;
            position: absolute;
            width: 100%;
             bottom: 5%;
        }
     
     
     
 }
    @media screen and (min-width: 1040px) {
     
       .occo{
            border-top: 1px solid #e4e6ef; 
            padding-top: 18px;
             position: absolute;
            width: 100%;
             bottom: 5%;
        }
     
     
     
 }
  @media screen and (min-width: 1200px) {
     
       .occo{
            border-top: 1px solid #e4e6ef; 
            padding-top: 18px;
             position: absolute;
            width: 100%;
             bottom: 5%;
        }
     
     
     
 }
 @media screen and (min-width: 1350px) {
     
       .occo{
            border-top: 1px solid #e4e6ef; 
            padding-top: 18px;
             position: absolute;
            width: 100%;
            bottom: 5%;
        }
     
     
     
 }
  @media screen and (min-width: 1450px) {
     
       .occo{
            border-top: 1px solid #e4e6ef; 
            padding-top: 18px;
            position: absolute;
            width: 100%;
             bottom: 5%;
        }
     
     
     
 }
   @media screen and (min-width: 1560px) {
     
       .occo{
            border-top: 1px solid #e4e6ef; 
            padding-top: 18px;
             position: absolute;
            width: 100%;
             bottom: 5%;
        }
     
     
     
 }
   @media screen and (min-width: 1680px) {
     
       .occo{
            border-top: 1px solid #e4e6ef; 
            padding-top: 18px;
            position: absolute;
            width: 100%;
            bottom: 5%;
        }
     
     
     
 }