@charset "utf-8";


/* CSS Document */
@media only screen and (min-width: 800px) {
::-webkit-scrollbar {
 width: 8px;
 height: 8px;
 background-color: #003f98;
}
  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track {
 -webkit-border-radius: 0px;
         border-radius: 0px;
 background: #003f98;
}
  
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb {
 -webkit-border-radius: 0px;
         border-radius: 0px;
 background-color:#d9b765;
}
}

/*=========
 基本默认值
 ==========*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-word-break: normal !important;
    word-break: normal !important;
    word-wrap: break-word !important;
}

html,body {
    -webkit-overflow-scrolling: touch; /*苹果手机端滑动卡屏*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent; /*手机端点击底部出现背景*/
    width: 100%;
    min-width: 320px;
    font-size: 12px;
}

@font-face {
    font-family: ziti;
    src: url('../font/DINCond-MediumRegular.ttf')
}

body {
    color: #000;
    font-family: "Arial", "sans-serif";
}

li {
    list-style: none;
}

img {
    border: none;
    vertical-align: top;
    max-width: 100%;
}

a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-decoration: none;
    color: #000;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

::after, ::before {
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

table {
    border-collapse: collapse;
}

input, textarea, select {
    font-family: "Arial", "sans-serif";
    font-size: 12px;
    outline: none;
}

@media only screen and (min-width: 2000px) {
    html{
        zoom:1.3;
    }
}

/*94%的内容*/
.container {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    position: relative
}

.fl {
    float: left;
}

.fr {
    float: right;
}

/*动画*/
.donghua {
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
}

/*文字溢出*/
.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}

/*图片通用样式*/
.img-common {
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: cover;
         background-size: cover;
    -webkit-background-size: cover;
}

/*清楚浮动*/
.clearfix:before,
.clearfix:after {
    content: "";
    display: block;
}

.clearfix:after {
    clear: both;
}

/*Flex居中样式*/
.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
         justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
         align-items: center;
}

/* =========

    导航

 ========= */
.nav-box {
    position: fixed;
    left: 0;
    top:0;
    width: 100%;
    height: 92px;
    z-index: 1000;
    background-color: #fff;
}
.nav-box .nav-main{
    position: absolute;
    right: 0;
    top: 0;
}
/*间距*/
.nav-space{
    height: 92px;
}
.nav-box .nav-border-bottom{
    width: 100%;
    height: 2px;
    background:-moz-linear-gradient(left,#e73828,#d9b765);/*Mozilla*/
    background:-webkit-gradient(linear,0 50%,100% 50%,from(#e73828),to(#d9b765));/*Old gradient for webkit*/
    background:-webkit-linear-gradient(left,#e73828,#d9b765);/*new gradient for Webkit*/
    background:-o-linear-gradient(left,#e73828,#d9b765); /*Opera11*/
    position: absolute;
    left: 0;
    bottom: 0;
}
/*logo*/
.nav-box .nav-logo {
    display: block;
    float: left;
}
.nav-box .nav-logo .mmimg{
    display: none;
}
/*菜单*/
.nav-box .nav-menu {
    float: right;
    background-color: #003f98;
    width: 92px;
    height: 92px;
    position: relative;
    cursor: pointer;
}

.nav-box .nav-menu .line {
    width: 18px;
    height: 2px;
    background-color: #d9b765;
    display: block;
}

.nav-box .nav-menu .line.line1 {
    margin-bottom: 4px;
}

.nav-box .nav-menu .line.line3 {
    margin-top: 4px;
}

/*搜索*/
.nav-search {
    float: right;
    height: 92px;
    z-index: 111;
    position: relative;
}

.nav-search .search-form input[type=text]{
    line-height: 92px;
    width: 0;
    padding: 0;
    outline: none;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    border: none;
    font-size: 1.16rem;
    height: 92px;
    background-color: #d9b765;
    color: #ffffff;
    position: absolute;
    right: 92px;
    top:0;
}
.nav-search .search-form input[type=text]::-webkit-input-placeholder { /* WebKit browsers */
    color: #ffffff;
}
.nav-search .search-form input[type=text]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ffffff;
}
.nav-search .search-form input[type=text]::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ffffff;
}
.nav-search .search-form input[type=text]:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #ffffff;
}
.nav-search .search-form input[type=submit]{
    float: right;
    display: block;
    width: 92px;
    height: 92px;
    background-color: #d9b765;
    border:none;
    cursor: pointer;
    background-image: url(../images/searchicon_02.png);
    background-repeat: no-repeat;
background-position: center;
}
/*mmsearch*/
.mmnav-search{
    display: none;
}
/*微信*/
.index-weixin{
  height: 90px;
    margin-right: 20px;
    float: right;
}
.index-weixin a{
    background-image: url("../images/weixin_03.png");
    display: block;
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: cover;
         background-size: cover;
    position: relative;
}
.index-weixin a .weixin-sub{
    width: 100px;
    height: 100px;
    position: absolute;
    top: 100%;
    left: -50%;
    z-index: 111;
    margin-left: -15px;
    display: none;
}
@media only screen and (min-width: 601px){
  .index-weixin a:hover .weixin-sub{
    display: block;
}  
}
/*中英文*/
.nav-language{
    margin: 0 20px;
    height: 90px;
    float: right;
}
.nav-language .lang-icon{
    width: 15px;
    height: 16px;
    margin-right: 5px;
}
.nav-language a{
    line-height: 26px;
    color: #848484;
    display: block;
    margin: 0 5px;
    font-size: 1rem;
    font-family: Arial;
}
.nav-language span{
    color: #848484;
}
/*导航*/
.nav-list{
    float: right;
    height: 100%;
    font-size: 0;
}
.nav-list .list-n-first{
    display: inline-block;
    padding: 0 26px;
    position: relative;
}
.nav-list .list-n-first .nav-a{
    line-height: 92px;
    display: block;
    font-size: 1.16rem;
    color: #3f3f3f;
    font-weight: bold;
    position: relative;
}
.nav-list .list-n-first .nav-a:after{
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 4px;
    background-color: #d9b765;
    top:0;
    left: 0;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}
.nav-list .list-n-first.on .nav-a:after{
    width: 100%;
}
.nav-list .list-n{
    display: inline-block;
    padding: 0 26px;
    position: relative;
    z-index: 11;
}
.nav-list .list-n .nav-a{
    line-height: 92px;
    display: block;
    font-size: 1.16rem;
    color: #3f3f3f;
    font-weight: bold;
    position: relative;
}
.nav-list .list-n .nav-a:after{
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 4px;
    background-color: #d9b765;
    top:0;
    left: 0;
        -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}
.nav-list .list-n.on .nav-a:after{
    width: 100%;
}
.nav-list .list-n .nav-sub{
    position: fixed;
    top: 92px;
    left: 0;
    right: 0;
    width: auto;
    z-index: 101;
    height: 55px;
    line-height: 55px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
}
.nav-list .list-n[data-on="in"] .nav-sub{
    opacity: 1;
    visibility: visible;
}
.nav-list .list-n .nav-sub .list-s{
    padding: 0 26px;
    display: inline-block;
    -webkit-transform: translate3d(10%, 0, 0);
    -ms-transform: translate3d(10%, 0, 0);
    -o-transform: translate3d(10%, 0, 0);
    -moz-transform: translate3d(10%, 0, 0);
         transform: translate3d(10%, 0, 0);
    opacity: 0;
    visibility: hidden;
}
.nav-list .list-n[data-on="in"] .nav-sub .list-s{
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    -webkit-transition-delay: .15s;
       -moz-transition-delay: .15s;
         -o-transition-delay: .15s;
            transition-delay: .15s;
    opacity: 1;
    visibility: visible;
}
.nav-list .list-n .nav-sub .list-s a{
    display: block;
    font-size: 1.16rem;
    line-height: 55px;
    color: #ffffff;
}
.nav-list .list-n .nav-sub .list-s a:hover{
    color: #d9b765;
}
.sub-bg{
    position: fixed;
    top: 92px;
    left: 0;
    width: 100vw;
    background-color: rgba(0, 0, 0, .5);
    z-index: 100;
    display: block;
    height: 0;
    line-height: 55px;
    overflow: hidden;
}
@media only screen and (min-width: 601px){
    .nav-search:hover .search-form input[type=text]{
        width: 120px;
        padding: 0 10px;
    }
    .nav-list .list-n-first:hover .nav-a:after{
    width: 100%;
}
.nav-list .list-n:hover .nav-a:after{
    width: 100%;
}
}
@media only screen and (max-width:1480px){
    .nav-list .list-n-first {
        padding: 0 20px;
    }
    .nav-list .list-n {
        padding: 0 20px;
    }

}
@media only screen and (max-width:1280px){
      .nav-box{
        height: 70px;
    }
    .nav-box .nav-logo img{
        height: 70px;
    }
    .nav-list .list-n-first .nav-a{
        line-height: 70px;
    }
    .nav-list .list-n .nav-a{
        line-height: 70px;
    }
    .index-weixin{
        height: 70px;
    }
    .nav-search .search-form input[type=text]{
        height: 70px;
        line-height: 70px;
        right: 70px;
    }
    .nav-search .search-form input[type=submit]{
        width: 70px;
        height: 70px;
    }
    .nav-box .nav-menu{
        width: 70px;
        height: 70px;
    }
    .nav-space{
        height: 70px;
    }
    .nav-language{
        height: 70px;
    }
    .nav-list .list-n .nav-sub{
        top: 70px;
    }
    .sub-bg{
        top: 70px;
    }
    .index-weixin {
        display: none;
    }
     .nav-language {
        display: none;
    }
}

@media only screen and (max-width:1024px){
   
      .nav-box .container {
    padding-left: 3%;
    width: 100%;
}
    .nav-box {
        height: 62px;
    }
    .nav-box .nav-logo img{
        height: 60px;
    }
    .nav-search {
       display: none;
    }
    .mmnav-search{
        display: block;
        float: right;
    }
    .mmnav-search .mmsearch-icon{
    width: 60px;
    height: 60px;
    background-color: #d9b765;
    border: none;
    cursor: pointer;
    background-image: url(../images/searchicon_02.png);
    background-repeat: no-repeat;
    background-position: center;
    }
    .mmnav-search .mmsearch-form{
        position: fixed;
        top: 60px;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.2);
        padding-right: 50px;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        -moz-transition: all .5s ease;
        transition: all .5s ease;
        -webkit-transform: translate3d(100%,0,0);
           -moz-transform: translate3d(100%,0,0);
                transform: translate3d(100%,0,0);
        opacity: 0;
        visibility: hidden;
    }
    .mmnav-search[data-on="on"] .mmsearch-form{
        -webkit-transform: translate3d(0,0,0);
           -moz-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
        opacity: 1;
        visibility: visible;
    }
    .mmnav-search .mmsearch-form input[type="text"]{
        line-height: 60px;
    width: 100%;
    padding: 0 3%;
    outline: none;
    border: none;
    font-size: 1.16rem;
    height:60px;
    background-color: #d9b765;
    color: #ffffff;
    }
    .mmnav-search .mmsearch-form input[type="text"]::-webkit-input-placeholder { /* WebKit browsers */
    color: #ffffff;
}
.mmnav-search .mmsearch-form input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ffffff;
}
.mmnav-search .mmsearch-form input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ffffff;
}
.mmnav-search .mmsearch-form input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #ffffff;
}
.mmnav-search .mmsearch-form input[type=submit] {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 60px;
    height: 60px;
    background-color: #d9b765;
    border: none;
    cursor: pointer;
    background-image: url(../images/searchicon_02.png);
    background-repeat: no-repeat;
    background-position: center;
}
    .nav-box .nav-menu {
        width: 60px;
        height: 60px;
    }
    .nav-space {
        height: 60px;
    }
    
    .nav-list .list-n-first .nav-a{
        line-height: 60px;
    }
    .nav-list .list-n .nav-a{
        line-height: 60px;
    }
      .nav-list .list-n .nav-sub{
        top: 60px;
    }
    .sub-bg{
        top: 60px;
    }
}


@media only screen and (max-width:1024px){
    .nav-list {
        display: none;
    }
}
@media only screen and (max-width:600px){
    .nav-search .search-form input[type=text]{
        width: 120px;
        padding: 0 10px;
    }
}



/*右侧导航*/
.mm-nav-box {
    width: 360px;
    height: 100vh;
    background-color: #fff;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0);
    opacity: 0;
    visibility: hidden;
    overflow-x: auto;
}

.mm-nav-box[data-on="active"] {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility:visible;
}

.mm-nav-box .mm-nav-header {
    width: 100%;
    height: 92px;
    background-color: #d9b765;
    padding: 0 40px;
    line-height: 92px;
    text-align: left;
    color: #ffffff;
    font-size: 1.5rem;
    position: relative;
}

.mm-nav-box .mm-nav-header .mm-nav-close {
    float: right;
    width: 46px;
    height: 46px;
    border: 2px solid #ffffff;
    position: absolute;
    top: 50%;
    margin-top: -23px;
    right: 3%;
    cursor: pointer;
}

.mm-nav-box .mm-nav-header .mm-nav-close:before {
    content: "";
    display: block;
    width: 23px;
    height: 3px;
    position: absolute;
    background-color: #fff;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    left: 50%;
    top: 50%;
    margin-top: 0;
    margin-left: -10px;
}

.mm-nav-box .mm-nav-header .mm-nav-close:after {
    content: "";
    display: block;
    width: 23px;
    height: 3px;
    position: absolute;
    background-color: #fff;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    left: 50%;
    top: 50%;
    margin-top: 0;
    margin-left: -10px;
}

.mm-nav-box .mm-nav-content {
    width: 100%;
    padding: 20px 40px 0 40px;
    height: auto;
}

.mm-nav-box .mm-nav-content .mm-nav-list dl {
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 12px;
    border-bottom: 2px #f4f4f4 solid;
}

.mm-nav-box .mm-nav-content .mm-nav-list dl dt {
    font-size: 1.5rem;
    color: #333333;
    padding-bottom: 10px;
    font-weight: bold;
}

.mm-nav-box .mm-nav-content .mm-nav-list dl dd {
    float: left;
    margin: 0 20px 5px 0;
}

.mm-nav-box .mm-nav-content .mm-nav-list dl dd a {
    display: block;
    font-size: 1rem;
    color: #999999;
}
/*中英文*/
.mm-nav-box .mmlang-box{
    display: none;
}
.mm-nav-box .mmlang-box a{ 
    display: inline-block;
    font-size: 1.16rem;
    color: #444444;
    margin: 0 5px;
}
.mm-nav-box .mmlang-box img{
    width: 20px;
    height: 20px;
}
.mmMask {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 900;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
}

@media only screen and (max-width:1600px){
   .mm-nav-box .mm-nav-header{
        height: 70px;
        line-height: 70px;
    }
}
 

@media only screen and (max-width:1400px){
    .mm-nav-box .mmlang-box{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 3% 0;
}
   .mm-nav-box .mm-nav-header{
        height: 60px;
        line-height: 60px;
    }
}

@media only screen and (max-width:1024px){
    .mm-nav-box .mm-nav-header {
    height: 62px;
    padding: 0 4%;
    line-height: 62px;
}
.mm-nav-box .mm-nav-content {
    padding: 2% 4% 0 4%;
}
.mm-nav-box .mm-nav-header .mm-nav-close {
    width: 36px;
    height: 36px;
    margin-top: -18px;
}

}
@media only screen and (max-width:414px){
.mm-nav-box {
    width: 100%;
}
}
/* =========

    首页

  ========== */

/*幻灯片*/
.banner-swiper {
    position: relative;
}
.banner-swiper .swiper-wrapper .swiper-slide{
    overflow: hidden;
}
.banner-swiper .swiper-wrapper .swiper-slide .banner-img{
    display: block;
    height: 550px;
}
.banner-swiper .banner-swiper-prev {
    position: absolute;
    width: 40px;
    height: 40px;
    border: 2px solid #ffffff;
    top: 50%;
    margin-top: -20px;
    left: 3%;
    z-index: 10;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: translateX(-10vw);
       -moz-transform: translateX(-10vw);
        -ms-transform: translateX(-10vw);
         -o-transform: translateX(-10vw);
            transform: translateX(-10vw);
    opacity: 0;;
    visibility: hidden;
}

.banner-swiper .banner-swiper-prev:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-style: solid;
    border-color: #ffffff transparent transparent #ffffff;
    border-width: 2px;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: 50%;
    margin-left: -2px;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg); /* IE 9 */
    -moz-transform: rotate(-45deg); /* Firefox */
    -webkit-transform: rotate(-45deg); /* Safari 和 Chrome */
    -o-transform: rotate(-45deg); /* Opera */
}

.banner-swiper .banner-swiper-next {
    position: absolute;
    width: 40px;
    height: 40px;
    border: 2px solid #ffffff;
    top: 50%;
    margin-top: -20px;
    right: 3%;
    z-index: 10;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    cursor: pointer;
      -webkit-transition: all .5s ease;
      -o-transition: all .5s ease;
      -moz-transition: all .5s ease;
      transition: all .5s ease;
    -webkit-transform: translateX(10vw);
       -moz-transform: translateX(10vw);
        -ms-transform: translateX(10vw);
         -o-transform: translateX(10vw);
            transform: translateX(10vw);
    opacity: 0;;
    visibility: hidden;
}

.banner-swiper .banner-swiper-next:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-style: solid;
    border-color: #ffffff transparent transparent #ffffff;
    border-width: 2px;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 50%;
    margin-right: -2px;
    transform: rotate(135deg);
    -ms-transform: rotate(135deg); /* IE 9 */
    -moz-transform: rotate(135deg); /* Firefox */
    -webkit-transform: rotate(135deg); /* Safari 和 Chrome */
    -o-transform: rotate(135deg); /* Opera */
}
@media only screen and (min-width: 601px){
.banner-swiper:hover .banner-swiper-prev {
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
        -ms-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;;
    visibility: visible;
}
.banner-swiper:hover .banner-swiper-next {
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
        -ms-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;;
    visibility: visible;
}
}

@media only screen and (max-width:1280px){
    .banner-swiper .swiper-wrapper .swiper-slide .banner-img{
        height: 500px;
    }
}
@media only screen and (max-width:1024px){
    .banner-swiper .swiper-wrapper .swiper-slide .banner-img{
        height: 450px;
    }
}
@media only screen and (max-width:800px){
    .banner-swiper .swiper-wrapper .swiper-slide .banner-img{
        height: 400px;
    }
}
@media only screen and (max-width:600px){
    .banner-swiper .swiper-wrapper .swiper-slide .banner-img{
        height: 300px;
    }
}
@media only screen and (max-width:414px){
    .banner-swiper .swiper-wrapper .swiper-slide .banner-img{
        height: 250px;
    }
}
@media only screen and (max-width:380px){
    .banner-swiper .swiper-wrapper .swiper-slide .banner-img{
        height: 200px;
    }
}
@media only screen and (max-width:359px){
    .banner-swiper .swiper-wrapper .swiper-slide .banner-img{
        height: 180px;
    }
}



/*服务*/
.inservice {
    height: 100px;
    margin-top: -100px;
    background-color: rgba(0, 0, 0, .3);
    position: relative;
    z-index: 100;
    overflow: hidden;
}

.inservice .service-list .list-s {
    float: left;
    width: calc((100% - 416px) / 7);
    height: 100px;
    display: block;
    overflow: hidden;
    border-right: 1px solid rgba(255, 255, 255, .35);
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    -moz-transition: all .6s ease;
    transition: all .6s ease;
}

.inservice .service-list .list-s[data-on="touch"] {
    width: 416px;
}

.inservice .service-list .list-s .service-box {
    width: 416px;
    height: 100px;
}

.inservice .service-list .list-s .service-box .a {
    display: block;
    height: 100%;
}

.inservice .service-list .list-s .service-box .service-icon {
    text-align: center;
    float: left;
    width: 112px;
    height: 100%;
    position: relative;
    border-right: 1px solid rgba(255, 255, 255, .35);
    -webkit-transition: all .8s ease;
    -o-transition: all .8s ease;
    -moz-transition: all .8s ease;
    transition: all .8s ease;
    -webkit-transform: translate3d(0,-50%,0);
       -moz-transform: translate3d(0,-50%,0);
            transform: translate3d(0,-50%,0);
    opacity: 0;
    visibility: hidden;
}
.inservice .service-list .list-s:nth-child(2) .service-box .service-icon{
    -webkit-transition-delay: .1s;
       -moz-transition-delay: .1s;
         -o-transition-delay: .1s;
            transition-delay: .1s;
}
.inservice .service-list .list-s:nth-child(3) .service-box .service-icon{
    -webkit-transition-delay: .2s;
       -moz-transition-delay: .2s;
         -o-transition-delay: .2s;
            transition-delay: .2s;
}
.inservice .service-list .list-s:nth-child(4) .service-box .service-icon{
    -webkit-transition-delay: .3s;
       -moz-transition-delay: .3s;
         -o-transition-delay: .3s;
            transition-delay: .3s;
}
.inservice .service-list .list-s:nth-child(5) .service-box .service-icon{
    -webkit-transition-delay: .4s;
       -moz-transition-delay: .4s;
         -o-transition-delay: .4s;
            transition-delay: .4s;
}
.inservice .service-list .list-s:nth-child(6) .service-box .service-icon{
    -webkit-transition-delay: .5s;
       -moz-transition-delay: .5s;
         -o-transition-delay: .5s;
            transition-delay: .5s;
}
.inservice .service-list .list-s:nth-child(7) .service-box .service-icon{
    -webkit-transition-delay: .6s;
       -moz-transition-delay: .6s;
         -o-transition-delay: .6s;
            transition-delay: .6s;
}
.inservice .service-list.on .list-s .service-box .service-icon{
    -webkit-transform: translate3d(0,0,0);
       -moz-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
    opacity: 1;
    visibility: visible;
}
.inservice .service-list .list-s[data-on="touch"] .service-box .service-icon {
    background-color: #d9b765;
}

.inservice .service-list .list-s .service-box .service-icon .tb {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto;
}

.inservice .service-list .list-s .service-box .service-icon .zt {
    display: block;
    color: #fff;
    font-size: 1.16rem;
    line-height: 1;
    margin-top: 10px;
}

.inservice .service-list .list-s .demo {
    width: -moz-calc(100% - 112px);
    width: -webkit-calc(100% - 112px);
    width: calc(100% - 112px);
    background-color: #003f98;
    padding-top: 20px;
    padding-left: 15px;
    height: 100%;
    float: left;
    position: relative;
    padding-right: 40px;
}

.inservice .service-list .list-s .demo .hw {
    position: absolute;
    right: 0;
    top: 0;
}

.inservice .service-list .list-s .demo .title {
    font-size: 1rem;
    line-height: 1;
    margin-bottom: 15px;
    color: #ffffff;

}
.inservice .service-list .list-s .demo .massage {
    font-size: 1rem;
    line-height: 20px;
    color: rgba(255, 255, 255, .5);
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
       height: 72px;
}
/*手机版*/
.inservice .mmservice-list{
    display: none;
}
@media only screen and (max-width:1280px){
    ./*inservice{
        height: 80px;
        margin-top: -80px;
    }
    .inservice .service-list{
        font-size: 0;
    }
    .inservice .service-list .list-s{
        display: inline-block;
        *display: inline;
        *zoom: 1;
        float: none;
        width: 100px;
        height: 80px;
    }
    .inservice .service-list .list-s[data-on="touch"]{
    }
    .inservice .service-list .list-s .service-box{
        height: 80px;
    }
    .inservice .service-list .list-s .service-box .service-icon{
        width: 100px;
    }
    .inservice .service-list .list-s .demo {
        width: -moz-calc(100% - 100px);
        width: -webkit-calc(100% - 100px);
        width: calc(100% - 100px);
        text-align: left;
        padding-top: 10px;
    }*/
}
@media only screen and (max-width:1280px){
    .inservice {
        height: auto;
        margin-top: 0;
        background-color: #fff;
    }
    .inservice .service-list{
        display: none;
    }
    .inservice .mmservice-list{
        display: block;
    }
    .inservice .mmservice-list .mlist-s{
        margin-bottom: 5px;
        background-color: #d9b765;
        width: 100%;
    }
    .inservice .mmservice-list .mlist-s .mmservice-word{
        padding-left: 60px;
        font-size: 1.5rem;
        color: #262626;
        position: relative;
        cursor: pointer;
        padding-top: 3%;
        padding-right: 3%;
        padding-bottom: 3%;
    }

    .inservice .mmservice-list .mlist-s .mmservice-word .mmservice-ico{
        width: 30px;
        height: 30px;
        background-color: #d9b765;
        background-repeat: no-repeat;
        background-position: center;
        -moz-background-size: cover;
             background-size: cover;
        position: absolute;
       left: 10px;
    top: 50%;
    margin-top: -15px;
    }
    .inservice .mmservice-list .mlist-s .mmservice-word:after{
        content: "";
        width: 10px;
        height: 10px;
        border-style: solid;
        border-width: 1px;
        border-color: transparent #262626 #262626 transparent;
        position: absolute;
        right: 3%;
        top: 50%;
        margin-top: -5px;
        transform:rotate(45deg);
        -ms-transform:rotate(45deg);    /* IE 9 */
        -moz-transform:rotate(45deg);   /* Firefox */
        -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
        -o-transform:rotate(45deg);     /* Opera */
    }
    .inservice .mmservice-list .mlist-s .mmservice-sub{
        font-size: 1.16rem;
        color: rgba(255, 255, 255, .5);
        display: none;
        background-color:#003f98 ;
        padding: 3%;
    }
}

@media only screen and (max-width:600px){

}

/*首页内容*/
.index-main{
    padding-top: 25px;
    padding-bottom: 50px;
}
/*首页新闻*/
.index-main .innews-bg{
    width: 395px;
    margin-right: 2%;
    float: left;
        -webkit-transition: all 1s ease;
        -o-transition: all 1s ease;
        -moz-transition: all 1s ease;
        transition: all 1s ease;
    -webkit-transform: translate3d(-10%,0,0);
       -moz-transform: translate3d(-10%,0,0);
            transform: translate3d(-10%,0,0);
    opacity: 0;
    visibility: hidden;
}
.index-main .innews-bg.on{
    -webkit-transform: translate3d(0,0,0);
       -moz-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
    opacity: 1;
    visibility: visible;
}
.index-main .innews-bg .innews-themebox{
    position: relative;
}
.index-main .innews-bg .innews-themebox:after{
    width: 100%;
    height: 2px;
    background-color: #e1e1e1;
    position: absolute;
    left: 0;
    bottom: 0;
    margin-top: -2px;
}
.index-main .innews-bg .innews-themebox .innews-cntheme{
    font-size: 1.16rem;
    color: #484848;
    line-height: 1.33rem;
    padding-bottom: 12px;
    border-bottom: 2px solid #d9b765;
    display: inline-block;
    font-weight: bold;
    margin-right: 10px;
    vertical-align: inherit;
    position: relative;
    z-index: 111;
}
.index-main .innews-bg .innews-themebox .innews-entheme{
    font-size: 1.5rem;
    color: #d9b765;
    display: inline-block;
    font-family: "ziti","微软雅黑"
}
.index-main .innews-bg .innews-themebox .innews-more{
    width: 12px;
    height: 12px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -6px;
}
.index-main .innews-bg .innews-themebox .innews-more:before{
    content: "";
    width: 100%;
    height: 2px;
    background-color: #e1e1e1;
    position: absolute;
    left: 0;
    top:50%;
    margin-top: -1px;
}
.index-main .innews-bg .innews-themebox .innews-more:after{
    content: "";
    width: 2px;
    height: 100%;
    background-color: #e1e1e1;
    position: absolute;
    left: 50%;
    top:0;
    margin-left: -1px;
}
.index-main .innews-bg .innews-menu .list-top{
    padding-left: 70px;
    margin-bottom: 20px;
    display: block;
    position: relative;
    border-bottom: 1px dashed #d5d5d5;
}
.index-main .innews-bg .innews-menu .list-top .timebox{
    position: absolute;
    width: 70px;
    height: 100%;
    left: 0;
    top: 0;
}
.index-main .innews-bg .innews-menu .list-top .timebox .timebox-yuan{
    width: 70px;
    height: 70px;
    background-color: #d9b765;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}
.index-main .innews-bg .innews-menu .list-top .timebox .innes-time{
    padding-top: 15px;
    padding-bottom: 10px;
    width: 46px;
    background-color: #f3f3f3;
    font-size: 1rem;
    color: #003f98;
    margin-top: -6px;
    margin-left: auto;
    margin-right: auto;
}
.index-main .innews-bg .innews-menu .list-top .timebox .innes-time span{
    display: block;
    font-size: 2.66rem;
    color: #003f98;
    text-align: center;
}
.index-main .innews-bg .innews-menu .list-top .list-top-main{
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 15px;
}
.index-main .innews-bg .innews-menu .list-top .list-top-main .innews-title{
    font-size: 1.16rem;
    color: #4b4b4b;
    font-weight: bold;
    margin-bottom: 10px;
}
.index-main .innews-bg .innews-menu .list-top .list-top-main .innews-demo{
    font-size: 1rem;
    color: #9b9b9b;
    line-height: 1.5;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
height: 3rem;
}
.index-main .innews-bg .innews-menu .list-in{
    display: block;
    margin-top: 5px;
    position: relative;
    padding-left: 80px;
}
.index-main .innews-bg .innews-menu .list-in .innes-time{
    font-size: 1rem;
    color: #adadad;
    position: absolute;
    left: 0;
    top: 0;
}

/*右侧*/
.inmain-right{
    width: -webkit-calc(98% - 395px);
    width: -moz-calc(98% - 395px);
    width: calc(98% - 395px);
    height: 260px;
    float: right;
      display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-direction: row;
    background: -moz-linear-gradient(bottom,#e73828,#d9b765);
    background: -webkit-gradient(linear,0 50%,100% 50%,from(#e73828),to(#d9b765));
    background: -webkit-linear-gradient(bottom,#e73828,#d9b765);
    background: -o-linear-gradient(bottom,#e73828,#d9b765);
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-transform: translate3d(10%,0,0);
       -moz-transform: translate3d(10%,0,0);
            transform: translate3d(10%,0,0);
    opacity: 0;
    visibility: hidden;
}
.inmain-right.on{
 -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
         transform: translate3d(0,0,0);
    opacity: 1;
    visibility: visible;
}
.inmain-right .inabout-box{
    width: 65%;
    margin-right: 6px;
 -webkit-flex: 1;
    -ms-flex: 1;
   -moz-box-flex: 1;
      flex: 1;
    -webkit-box-flex: 1;
    overflow: hidden;
}
.inmain-right .inabout-box .inabout-bg{
    padding-top: -webkit-calc(250 / 517 * 100%);
    padding-top: -moz-calc(250 / 517 * 100%);
    padding-top: calc(250 / 517 * 100%);
    height: 100%;
    display: block;
    position: relative;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
}
.inmain-right .inabout-box .inabout-bg .inabout-theme{
    font-size: 1.33rem;
    color: rgba(255,255,255,.35);
    font-weight: bold;
    position: absolute;
    display: inline-block;
    top: 30px;
    left: 30px;
}
.inmain-right .inabout-box .inabout-bg .inabout-theme .inabout-entheme{
    font-size: 2.5rem;
    color: rgba(255,255,255,.25);
    font-family: "ziti";
    margin-top: 5px;
}
.inmain-right .invideo-box{
    width: -webkit-calc(35% - 6px);
    width: -moz-calc(35% - 6px);
    width: calc(35% - 6px);
    overflow: hidden;
}
.inmain-right .invideo-box .invideo-bg{
    padding-top: -webkit-calc(250 / 257 * 100%);
    padding-top: -moz-calc(250 / 257 * 100%);
    padding-top: calc(250 / 257 * 100%);    
    height: 100%;
    display: block;
    position: relative;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        -moz-transition: all .5s ease;
        transition: all .5s ease;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
}
.inmain-right .invideo-box .invideo-bg .invideo-theme{
    font-size: 1.33rem;
    color: rgba(255,255,255,.35);
    font-weight: bold;
    position: absolute;
    display: inline-block;
    top: 30px;
    left: 30px;
}
.inmain-right .invideo-box .invideo-bg .invideo-theme .invideo-entheme{
    font-size: 2.5rem;
    color: rgba(255,255,255,.25);
    font-family: "ziti";
    margin-top: 5px;
}
@media only screen and (min-width: 601px){
    .inmain-right .inabout-box .inabout-bg:hover{
    -webkit-transform: scale(1.03);
       -moz-transform: scale(1.03);
        -ms-transform: scale(1.03);
         -o-transform: scale(1.03);
            transform: scale(1.03);
}
.inmain-right .invideo-box .invideo-bg:hover{
    -webkit-transform: scale(1.03);
       -moz-transform: scale(1.03);
        -ms-transform: scale(1.03);
         -o-transform: scale(1.03);
            transform: scale(1.03);    
}
}
@media only screen and (max-width:1024px){
    .index-main {
        padding-top: 3%;
        padding-bottom: 5%;
    }
 .index-main .innews-bg {
        width: 100%;
        margin-right: 0;
        float: none;
        margin-top: 3%;
    }
    .index-main .innews-bg .innews-menu .list-top {
    margin-bottom: 2%;
}
    .index-main .innews-bg .innews-menu .list-top .list-top-main {
    padding-top: 3%;
    padding-bottom: 3%;
}  

    .inmain-right {
        width: 100%;
        height: auto;
        float: none;
    }
  
}
@media only screen and (max-width:600px){
     .inmain-right {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
                flex-direction: column;
    }
 .inmain-right .inabout-box {
        width: 100%;
        margin-right: 0;
    }
    .inmain-right .invideo-box {
        width: 100%;
    }
     .inmain-right .invideo-box .invideo-bg {
        padding-top: -webkit-calc(250 / 257 * 50%);
        padding-top: -moz-calc(250 / 257 * 50%);
        padding-top: calc(250 / 257 * 50%);
    }
      
}


/* =========

通用内页大图

 ========= */
.allpage-banner{
    display: block;
    height: 400px;
    position: relative;
}
.allpage-banner .pbanner-title{
    font-size: 7.5rem;
    color: rgba(217,183,101,.2);
    text-align: right;
    font-family: "ziti";
    position: absolute;
    left: 50%;
    bottom: 30%;
    z-index: 111;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);
    text-transform:uppercase;
    -moz-animation:mymove 1s infinite;
      -o-animation:mymove 1s infinite;
         animation:mymove 1s infinite;
    -webkit-animation:mymove 1s infinite; /* Safari and Chrome */
    -moz-animation-iteration-count:1;
      -o-animation-iteration-count:1;
         animation-iteration-count:1;
-webkit-animation-iteration-count:1; /* Safari 和 Chrome */
}
@keyframes mymove
{
0%   {-webkit-transform: translate3d(-50%,-30%,0);-moz-transform: translate3d(-50%,-30%,0);transform: translate3d(-50%,-30%,0);opacity: 0;visibility: hidden;}
100% {-webkit-transform: translate3d(-50%,0,0);-moz-transform: translate3d(-50%,0,0);transform: translate3d(-50%,0,0);opacity: 1;visibility: visible;}
}
@-moz-keyframes mymove /* Firefox */
{
0%   {-moz-transform: translate3d(-50%,-30%,0);transform: translate3d(-50%,-30%,0);opacity: 0;visibility: hidden;}
100% {-moz-transform: translate3d(-50%,0,0);transform: translate3d(-50%,0,0);opacity: 1;visibility: visible;}
}
@-webkit-keyframes mymove /* Safari 和 Chrome */
{
0%   {-webkit-transform: translate3d(-50%,-30%,0);transform: translate3d(-50%,-30%,0);opacity: 0;visibility: hidden;}
100% {-webkit-transform: translate3d(-50%,0,0);transform: translate3d(-50%,0,0);opacity: 1;visibility: visible;}
}
@-o-keyframes mymove /* Opera */
{
0%   {transform: translate3d(-50%,-30%,0);opacity: 0;visibility: hidden;}
100% {transform: translate3d(-50%,0,0);opacity: 1;visibility: visible;}
}

@media only screen and (max-width:1440px){
    .allpage-banner{
        height: 350px;
    }
}
@media only screen and (max-width:1280px){
    .allpage-banner{
        height: 300px;
    }
}
@media only screen and (max-width:1024px){
    .allpage-banner{
        height: 250px;
    }
    .allpage-banner .pbanner-title{
        font-size: 6rem;
    }
}
@media only screen and (max-width:800px){
    .allpage-banner{
        height: 200px;
    }
        .allpage-banner .pbanner-title{
        font-size: 5rem;
    }
}
@media only screen and (max-width:640px){
    .allpage-banner{
        height: 180px;
    }
        .allpage-banner .pbanner-title{
        display: none;
    }
}
@media only screen and (max-width:414px){
    .allpage-banner{
        height: 100px;
    }
}
/* =========

内页通用导航

 ========= */
.allpage-navbox{
    position: relative;
    height: 67px;
}
.allpage-navbox .mainid{
    position: absolute;
    top: -92px;
}
.allpage-navbox:after{
    content: "";
    width: 100%;
    height: 2px;
    background-color: #f4f4f4;
    position: absolute;
    left: 0;
    bottom: 0;
    margin-top: -2px;
}
/*导航菜单*/
.allpage-navbox .pnav-menu {
    position: relative;
}
.allpage-navbox .pnav-menu .pnav-word{
    display: none;
}
.allpage-navbox .pnav-menu .pnav-sub .list-p{
    font-size: 1.08rem;
    color: #848181;
    font-weight: bold;
   line-height: 65px;
    display: inline-block;
    margin-right: 20px;
    position: relative;
    z-index: 1;
}

/*路径*/
.allpage-navbox .pnav-pathbox{
    position: absolute;
    right: 0;
    top: 0;
}
.allpage-navbox .pnav-pathbox .path-item{
    display: inline-block;
     font-size: 1.08rem;
    color: #848181;
    font-weight: bold;
   height: 65px;
   line-height: 65px;
   vertical-align: top;
   padding:0 10px;
   position: relative;
}
.allpage-navbox .pnav-pathbox .path-item.path-nav.jt:after{
    content: "";
    border-style: solid;
    border-width: 4px;
    border-color:transparent transparent transparent #989898;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -4px;
    margin-left: -2px;
}
.allpage-navbox .pnav-pathbox .path-item.path-nav:n-:after{
    display: none;
}
.allpage-navbox .pnav-pathbox .path-item.on{
    color: #003f98;
}
.allpage-navbox .pnav-pathbox .path-item.path-home{
    width: 62px;
    height: 65px;
    background-color: #f4f4f4;
}

@media only screen and (min-width:801px){
    .allpage-navbox .pnav-menu .list-p.on{
        color: #3f3f3f;
        border-bottom: 2px solid #003f98;
    }
}
@media only screen and (max-width:800px){
.allpage-navbox {
    height: 40px;
}
.allpage-navbox .pnav-pathbox {
    display: none;
}
.allpage-navbox .pnav-menu .pnav-word{
    display: block;
    font-size: 1.08rem;
    color: #848181;
    line-height: 40px;
    text-align: center;
    position: relative;
}
.allpage-navbox .pnav-menu .pnav-word:after{
    content: "";
    width: 8px;
    height: 8px;
    border-style: solid;
    border-width: 1px;
    border-color: transparent #848181 #848181 transparent;
    position: absolute;
    right: 30%;
    top: 50%;
    margin-top: -4px;
    transform:rotate(45deg);
-ms-transform:rotate(45deg);    /* IE 9 */
-moz-transform:rotate(45deg);   /* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg);     /* Opera */
}
.allpage-navbox .pnav-menu[data-on="on"] .pnav-word:after{
     transform:rotate(225deg);
-ms-transform:rotate(225deg);    /* IE 9 */
-moz-transform:rotate(225deg);   /* Firefox */
-webkit-transform:rotate(225deg); /* Safari 和 Chrome */
-o-transform:rotate(225deg);     /* Opera */
}
.allpage-navbox .pnav-menu .pnav-sub{
    position: absolute;
    left: 50%;
    top:100%;
    background-color: #fff;
    z-index: 11;
    width: 50%;
    border: 1px solid rgba(0,0,0,.5);
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    display: none;
}
.allpage-navbox .pnav-menu .pnav-sub .list-p {
    text-align: center;
    font-weight: normal;
    line-height: 40px;
    display: block;
    margin-right: 0;
    border-bottom: 1px solid rgba(0,0,0,.5)
}
}

/* =========

内页通用标题

 ========= */
.allpage-theme{
    font-size: 1.83rem;
    color: #003f98;
    font-weight: bold;
    position: relative;
}
.allpage-theme .allpage-enword{
    font-size: 3rem;
    color: #d9b765;
    font-family: "ziti";
    font-weight: normal;
    opacity: .5;
    margin-bottom: 5px;
    text-transform:uppercase;
}

@media only screen and (max-width:600px){
    .allpage-theme .allpage-enword{
        font-size: 2.5rem;
    }

}
@media only screen and (max-width:414px){
    .allpage-theme .allpage-enword{
        font-size: 2rem;
    }
    .allpage-theme{
        font-size: 1.5rem;
    }
}

/* =========

    走进新葡亰8883ent欢迎您

 ========= */

/*简介*/
.intro-bg{
    padding-top: 60px;
    padding-bottom: 90px;
}
.intro-bg .intro-right{
    width: 410px;
    float: right;
    margin-left: 5%;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-transform: translate3d(20%,0,0);
       -moz-transform: translate3d(20%,0,0);
            transform: translate3d(20%,0,0);
    opacity: 0;
    visibility: hidden;
}
.intro-bg.on .intro-right{
    -webkit-transform: translate3d(0,0,0);
       -moz-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
    opacity: 1;
    visibility: visible;
}
.intro-bg .intro-right .right-img{
    padding-top: -webkit-calc(373 / 410 * 100%);
    padding-top: -moz-calc(373 / 410 * 100%);
    padding-top: calc(373 / 410 * 100%);
}
.intro-bg .intro-right .right-demo{
    padding: 35px;
    font-size: 1.25rem;
    color: #fff;
    line-height: 1.5;
    font-weight: bold;
}
.intro-bg .intro-left{
    width: -webkit-calc(95% - 410px);
    width: -moz-calc(95% - 410px);
    width: calc(95% - 410px);
    float: left;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}
.intro-bg .intro-left .left-content{
    padding: 40px 0;
    font-size: 1.16rem;
    color: #595959;
    line-height: 2;
}

@media only screen and (max-width:1400px){
    .intro-bg{
        padding-bottom: 80px;
    }
}
@media only screen and (max-width:1280px){
    .intro-bg{
        padding-bottom: 70px;
    }
}
@media only screen and (max-width:1024px){
    .intro-bg{
        padding-top: 6%;
        padding-bottom: 6%;
    }
    .intro-bg .intro-right {
        width: 100%;
        float: none;
        margin-left: 0;
    }
    .intro-bg .intro-right .right-img {
        padding-top: -webkit-calc(373 / 410 * 50%);
        padding-top: -moz-calc(373 / 410 * 50%);
        padding-top: calc(373 / 410 * 50%);
    }
    .intro-bg .intro-right .right-demo {
        padding: 3%;
    }
    .intro-bg .intro-left {
        width: 100%;
        float: none;
    }
    .intro-bg .intro-left .left-content {
        padding: 4% 0;
    }
}

@media only screen and (max-width:600px){
    .intro-bg .intro-right .right-demo {
        font-weight: normal;
    }
}
/*董事长致辞*/
.chairman-bg {
    padding-top: 65px;
    padding-bottom: 100px;
}
.chairman-bg .chairman-main{
    padding-top: 40px;
}
.chairman-bg .chairman-main .chairman-right{
    width: 365px;
    float: right;
    margin-left: 7%;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-transform: translate3d(20%,0,0);
       -moz-transform: translate3d(20%,0,0);
            transform: translate3d(20%,0,0);
    opacity: 0;
    visibility: hidden;
}
.chairman-bg.on .chairman-main .chairman-right{
    -webkit-transform: translate3d(0,0,0);
       -moz-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
    opacity: 1;
    visibility: visible;
}
.chairman-bg .chairman-main .chairman-right .right-img{
    padding-top: -webkit-calc(550 / 365 * 100%);
    padding-top: -moz-calc(550 / 365 * 100%);
    padding-top: calc(550 / 365 * 100%);
}
.chairman-bg .chairman-main .chairman-right .right-demo{
    padding: 50px 30px;
    font-size: 2.5rem;
    color: #d9b765;
    line-height: 1.5;
    font-family: "ziti","微软雅黑";
    text-transform:uppercase;
}
.chairman-bg .chairman-main .chairman-left{
    width: -webkit-calc(93% - 365px);
    width: -moz-calc(93% - 365px);
    width: calc(93% - 365px);
    float: left;
}
.chairman-bg .chairman-main .chairman-left .left-content{
    font-size: 1.16rem;
    color: #595959;
    line-height: 2;
}

@media only screen and (max-width:1400px){
    .chairman-bg {
        padding-bottom: 90px;
    }
}
@media only screen and (max-width:1280px){
    .chairman-bg {
        padding-bottom: 80px;
    }
}
@media only screen and (max-width:1024px){
    .chairman-bg {
        padding-top: 6%;
        padding-bottom: 6%;
    }
    .chairman-bg .chairman-main {
        padding-top: 4%;
    }
    .chairman-bg .chairman-main .chairman-right {
        width: 100%;
        float: none;
        margin-left: 0;
    }
    .chairman-bg .chairman-main .chairman-right .right-img {
        padding-top: -webkit-calc(550 / 365 * 50%);
        padding-top: -moz-calc(550 / 365 * 50%);
        padding-top: calc(550 / 365 * 50%);
    }
    .chairman-bg .chairman-main .chairman-right .right-demo {
        padding: 5% 3%;
    }
    .chairman-bg .chairman-main .chairman-left {
        width: 100%;
        float: none;
        margin-top: 3%;
    }
}
@media only screen and (max-width:600px){
    .chairman-bg .chairman-main .chairman-right .right-demo {
        font-size: 2rem;
    }
}
/*组织架构*/
.framework-bg{
    padding-top: 70px;
    padding-bottom: 90px;
    background-repeat: no-repeat;
-moz-background-size: cover;
     background-size: cover;
}
.framework-bg .framework-content{
    margin-top: 40px;
}

@media only screen and (max-width:1024px){
    .framework-bg{
        padding-top: 6%;
        padding-bottom: 6%;
    }
    .framework-bg .framework-content{
        margin-top: 4%;
    }
}
/*愿景文化*/
.vision-bg .vision-main{
    padding-bottom: 85px;
}
.vision-bg .vision-main .allpage-theme{
    position: absolute;
    left: 0;
    top: 30%;
}
.vision-bg .vision-main .vision-content{
    width: 420px;
    min-height: 440px;
    float: right;
    font-size: 1.08rem;
    color: #e8e8e8;
    line-height: 2;
    padding: 30px;
    margin-top: -85px;
}

@media only screen and (max-width:1280px){
    .vision-bg .vision-main{
        padding-bottom: 75px;
    }
    .vision-bg .vision-main .vision-content {
        margin-top: -75px;
    }
}
@media only screen and (max-width:1024px){
    .vision-bg .vision-main{
        padding-bottom: 6%;
    }
    .vision-bg .vision-main .vision-content {
        padding: 3%;
        margin-top: -6%;
    }
}
@media only screen and (max-width:800px){
    .vision-bg .vision-main .vision-content {
        min-height: auto;
        width: 100%;
        margin-top: 3%;
    }
    .vision-bg .vision-main .allpage-theme {
        position: static;
    }
    .vision-bg .vision-main {
        padding:3% 0;
    }
}
/*大事记*/
.history-bg{
    padding-top: 65px;
}
.history-bg .historysilde{
    margin-top: 65px;
}
.history-bg .historysilde .bd{
    background-color: #f5f5f5;
}

.history-bg .historysilde .bd .historybox{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-direction: row;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-transform: translate3d(0,30%,0);
       -moz-transform: translate3d(0,30%,0);
            transform: translate3d(0,30%,0);
    opacity: 0;
    visibility: hidden;
}
.history-bg .historysilde .bd .historybox.on{
-webkit-transform: translate3d(0,0,0);
   -moz-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    opacity: 1;
    visibility: visible;
}
.history-bg .historysilde .bd li{
    position: relative;
}
.history-bg .historysilde .bd li:before{
    content: "";
    width: 2px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    left: 335px;
    top: 0;
}
.history-bg .historysilde .bd li:after{
    content: "";
    width: 335px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left:0;
    bottom: 0;
}
.history-bg .historysilde .bd li .historybox .history-year{
    width: 335px;
    font-size: 6rem;
    color: #d9b765;
    position: relative;
    display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-box-align: center;
     align-items: center;
}
.history-bg .historysilde .bd li .historybox .history-year .year-c{
   width: 16px;
   height: 16px;
   background-color: #fff; 
   border: 2px solid #003f98;
   -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
           border-radius: 50%;
   position: absolute;
   right: 0;
   top: 50%;
   margin-top: -8px;
   margin-right: -8px;
   -moz-animation:yearc 2s infinite;
     -o-animation:yearc 2s infinite;
        animation:yearc 2s infinite;
    -webkit-animation:yearc 2s infinite; /* Safari and Chrome */
}
.history-bg .historysilde .bd li .historybox .history-year .year-c:after{
    content: "";
    width: 6px;
    height: 6px;
    background-color: #003f98;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -3px;
    margin-left: -3px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}
.history-bg .historysilde .bd .historybox .history-content{
    width: -webkit-calc(100% - 335px);
    width: -moz-calc(100% - 335px);
    width: calc(100% - 335px);
    padding-top: 60px;
    padding-left: 70px;
    padding-bottom: 60px;
    font-size: 1.16rem;
    color: #595959;
}
.history-bg .historysilde .hd{
    height: 90px;
    position: relative;
}
.history-bg .historysilde .hd .next{
   width: 34px;
   height: 34px;    
   border: 2px solid #003f98;
   -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
           border-radius: 50%;
   display: inline-block;
   position: absolute;
   left: 335px;
   top: 50%;
   -webkit-transform: translate(-50%,-50%);
      -moz-transform: translate(-50%,-50%);
       -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
           transform: translate(-50%,-50%);
   cursor: pointer;
}
.history-bg .historysilde .hd .next:after{
    content: "";
    width: 8px;
    height: 8px;
    border-style: solid;
    border-width: 2px;
    border-color: transparent #003f98 #003f98 transparent;
    position: absolute;
    left: 50%;
    top: 45%; 
    margin-top: -2px;
    margin-left: -4px;
   transform:rotate(45deg);
-ms-transform:rotate(45deg);     /* IE 9 */
-moz-transform:rotate(45deg);    /* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg);  /* Opera */ 
  -moz-animation:myjt 2s infinite; 
    -o-animation:myjt 2s infinite; 
       animation:myjt 2s infinite;
    -webkit-animation:myjt 2s infinite; /* Safari and Chrome */
}

@keyframes yearc
{
0%   {-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
50%  {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
100% {-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
}
@-moz-keyframes yearc /* Firefox */
{
0%   {-moz-transform: scale(1);transform: scale(1);}
50%  {-moz-transform: scale(1.2);transform: scale(1.2);}
100% {-moz-transform: scale(1);transform: scale(1);}
}
@-webkit-keyframes yearc /* Safari 和 Chrome */
{
0%   {-webkit-transform: scale(1);transform: scale(1);}
50%  {-webkit-transform: scale(1.2);transform: scale(1.2);}
100% {-webkit-transform: scale(1);transform: scale(1);}
}
@-o-keyframes yearc /* Opera */
{
0%   {-o-transform: scale(1);transform: scale(1);}
50%  {-o-transform: scale(1.2);transform: scale(1.2);}
100% {-o-transform: scale(1);transform: scale(1);}
}
@keyframes myjt
{
0%   {-webkit-transform: translateY(-50%) rotate(45deg);-moz-transform: translateY(-50%) rotate(45deg);-o-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg);}
50%  {-webkit-transform: translateY(0) rotate(45deg);-moz-transform: translateY(0) rotate(45deg);-o-transform: translateY(0) rotate(45deg);transform: translateY(0) rotate(45deg);}
100% {-webkit-transform: translateY(-50%) rotate(45deg);-moz-transform: translateY(-50%) rotate(45deg);-o-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg);}
}
@-moz-keyframes myjt /* Firefox */
{
0%   {-moz-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg);}
50%  {-moz-transform: translateY(0) rotate(45deg);transform: translateY(0) rotate(45deg);}
100% {-moz-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg);}
}
@-webkit-keyframes myjt /* Safari 和 Chrome */
{
0%   {-webkit-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg);}
50%  {-webkit-transform: translateY(0) rotate(45deg);transform: translateY(0) rotate(45deg);}
100% {-webkit-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg);}
}
@-o-keyframes myjt /* Opera */
{
0%   {-o-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg);}
50%  {-o-transform: translateY(0) rotate(45deg);transform: translateY(0) rotate(45deg);}
100% {-o-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg);}
}

@media only screen and (max-width:1024px){
    .history-bg {
        padding-top: 6%;
    }
    .history-bg .historysilde {
        margin-top: 6%;
    }
    .history-bg .historysilde .bd .historybox .history-content {
        padding-top: 6%;
        padding-left: 6%;
        padding-bottom: 6%;
    }
    .history-bg .historysilde .bd li .historybox .history-year{
        font-size: 5rem;
    }
    .history-bg .historysilde .hd .next{
     left: 50%;
 }
}
@media only screen and (max-width:800px){
    .history-bg .historysilde .tempWrap{
        height: auto!important;
    }
    .history-bg .historysilde .bd ul li{
    height: auto!important;
}
    .history-bg .historysilde .bd .historybox{;
        -ms-flex-direction:column;
        -webkit-flex-direction:column;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
           -moz-box-orient:vertical;
           -moz-box-direction:normal;
                flex-direction:column;
    }

    .history-bg .historysilde .bd li .historybox .history-year{
        width: 100%;
        font-size: 6rem;
        padding: 0 3%;
        font-size: 4rem;
    }
    .history-bg .historysilde .bd .historybox .history-content{
        width: 100%;
        padding: 3%;
    }
    .history-bg .historysilde .bd li{
        padding: 4%;
    }
    .history-bg .historysilde .bd li:before{
        content: "";
        width: 2px;
        height: 100%;
        background-color: #fff;
        position: absolute;
        left: 0;
        top: 0;
    }
    .history-bg .historysilde .bd li:after{
        content: "";
        width: 100%;
        height: 2px;
        background-color: #fff;
        position: absolute;
        left:0;
        bottom: 0;
    }
    .history-bg .historysilde .bd li .historybox .history-year .year-c{
     right: auto;
     left: 0;
     margin-right: 0;
     margin-left: -8px;
 }
}
@media only screen and (max-width:600px){
    .history-bg .historysilde .bd li .historybox .history-year{
       font-size: 3rem;
   }
   .history-bg .historysilde .hd{
    height: 60px;
}
}


/* =========

    新闻

 ========= */
.news-bg{
    padding-top: 65px;
    padding-bottom: 115px;
    position: relative;
      display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-direction: row;
}
.news-bg:after{
    content: "";
    width: 2px;
    height: 100%;
    background-color: #eeeeee;
    position: absolute;
    right: 400px;
    top: 0;
}
.news-bg .news-left{
    width: -webkit-calc(100% - 400px);
    width: -moz-calc(100% - 400px);
    width: calc(100% - 400px);
    padding-right: 40px;
     -webkit-flex: 1;
    -ms-flex: 1;
   -moz-box-flex: 1;
        flex: 1;
    -webkit-box-flex: 1;
}
.news-bg .news-left .allpage-theme .year-box{
    position: absolute;
    right: 0;
    bottom: 0;
    padding-right: 30px;
}
.news-bg .news-left .allpage-theme .year-box .year-time{
    font-size: 4rem;
    color: #d9b765;
    font-family: "ziti"
}
.news-bg .news-left .allpage-theme .year-box .year-chose{
       width: 20px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.news-bg .news-left .allpage-theme .year-box .year-chose:after{
    content: "";
    width: 100%;
    height: 2px;
    background-color: #cbcbcb;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
}
.news-bg .news-left .allpage-theme .year-box .year-chose .yprev{
    display: block;
    width: 100%;
    height: 50%;
    position: relative;
}
.news-bg .news-left .allpage-theme .year-box .year-chose .yprev:after{
    content: "";
    width: 12px;
    height: 12px;
    border-style: solid;
    border-width: 2px;
    border-color: #003f98 #003f98 transparent transparent;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -2px;
    margin-left: -6px;
    transform:rotate(-45deg);
-ms-transform:rotate(-45deg);    /* IE 9 */
-moz-transform:rotate(-45deg);   /* Firefox */
-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
-o-transform:rotate(-45deg);     /* Opera */
}
.news-bg .news-left .allpage-theme .year-box .year-chose .ynext{
    display: block;
    width: 100%;
    height: 50%;
    position: relative;
}
.news-bg .news-left .allpage-theme .year-box .year-chose .ynext:after{
    content: "";
    width: 12px;
    height: 12px;
    border-style: solid;
    border-width: 2px;
    border-color: #003f98 #003f98 transparent transparent;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -8px;
    margin-left: -6px;
    transform:rotate(135deg);
-ms-transform:rotate(135deg);    /* IE 9 */
-moz-transform:rotate(135deg);   /* Firefox */
-webkit-transform:rotate(135deg); /* Safari 和 Chrome */
-o-transform:rotate(135deg);     /* Opera */
}
/*新闻列表*/
.news-bg .news-left .news-list{
    margin-top: 30px;
    border-top: 1px solid #ededed;
}
.news-bg .news-left .news-list .list-n{
    display: block;
    padding: 25px 0;
    position: relative;
    overflow: hidden;
}
.news-bg .news-left .news-list .list-n .list-nbg{
    width: 0;
    height: 100%;
    background-color: #ededed;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}
.news-bg .news-left .news-list .list-n .news-timebox{
    width: 86px;
    height: 86px;
    background-color: #ededed;
    float: left;
    margin-right: 3%; 
    font-size: 1.83rem;
    color: #d9b765;
    font-family: "ziti";
    text-align: center;
}

.news-bg .news-left .news-list .list-n .news-timebox span{
    font-size: 3.5rem;
    margin-bottom: 10px;
}
.news-bg .news-left .news-list .list-n .news-main{
    width: -webkit-calc(97% - 86px);
    width: -moz-calc(97% - 86px);
    width: calc(97% - 86px);
    float: right;
}
.news-bg .news-left .news-list .list-n .news-main .news-time{
    display: none;
}
.news-bg .news-left .news-list .list-n .news-main .news-title{
    font-size: 1.5rem;
    color: #383838;
    font-weight: bold;
    margin-bottom: 10px;
}
.news-bg .news-left .news-list .list-n .news-main .news-demo{
    font-size: 1.08rem;
    color: #848484;
    line-height: 2rem;
    display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;
overflow: hidden;
}
.news-bg .news-left .news-list .list-n .news-eye{
    width: 130px;
    height: 100%;
    background-color: #003f98;
    background-image: url(../images/eye_03.png);
    position: absolute;
    right: 0;
    top:0;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: translate3d(100%,0,0);
       -moz-transform: translate3d(100%,0,0);
            transform: translate3d(100%,0,0);
    opacity: 0;
    visibility: hidden;
}
.news-bg .news-left .news-loadbox{
    padding: 10px 0;
    text-align: center;
    background-color: #003f98;
    cursor: pointer;
    margin-top: 3%;
}
.news-bg .news-left .news-loadbox .news-load{
    width: 34px;
    height: 34px;
    border: 2px solid #d9b765;
    display: inline-block;
    position: relative;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}
.news-bg .news-left .news-loadbox .news-load:after{
    content: "";
    width: 8px;
    height: 8px;
    border-style: solid;
    border-width: 2px;
    border-color: transparent #d9b765 #d9b765 transparent;
    transform:rotate(45deg);
-ms-transform:rotate(45deg);    /* IE 9 */
-moz-transform:rotate(45deg);   /* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg);     /* Opera */
position: absolute;
left: 50%;
top: 50%;
margin-top: -6px;
margin-left: -4px;
}
/*推荐*/
.news-bg .news-right{
    width: 400px;
    padding-left: 35px;
}
.news-bg .news-right .news-search{
    border: 2px solid #f4f4f4;
    position: relative;
    margin-bottom: 40px;
}
.news-bg .news-right .news-search input[type="text"]{
    width: 100%;
    height: 55px;
    padding: 0 20px;
    border: none;
    font-size: 1.16rem;
}
.news-bg .news-right .news-search input[type="submit"]{
    width: 55px;
    height: 55px;
    background-color: #f4f4f4;
    background-image: url(../images/searchi_03.png);
    border: none;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}
/*推荐列表*/
.news-bg .news-right .recommend-list .list-top{
    margin-bottom: 20px;
    position: relative;
    display: block;
    padding-bottom: 35px;
}
.news-bg .news-right .recommend-list .list-top:before{
    content: "";
    width: 100%;
    height: 2px;
    background-color: #d5d5d5;
    position: absolute;
    left: 0;
    bottom: 0;
}
.news-bg .news-right .recommend-list .list-top:after{
    content: "";
    width: 50px;
    height: 2px;
    background-color: #d9b765;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.news-bg .news-right .recommend-list .list-top .top-imgbox{
    overflow: hidden;
}
.news-bg .news-right .recommend-list .list-top .top-imgbox .top-img{
    padding-top: -webkit-calc(230 / 365 * 100%);
    padding-top: -moz-calc(230 / 365 * 100%);
    padding-top: calc(230 / 365 * 100%);
    margin-bottom: 20px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
}
.news-bg .news-right .recommend-list .list-top .top-time{
    font-size: 2.5rem;
    color: #d9b765;
    margin-bottom: 5px;
    font-family: "ziti";
}
.news-bg .news-right .recommend-list .list-top .top-title{
    font-size: 1.33rem;
    color: #797a81;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 10px;
}
.news-bg .news-right .recommend-list .list-top .top-demo{
    font-size: 1rem;
    color: #848484;
    line-height: 1.5;
    margin-bottom: 20px;
}
.news-bg .news-right .recommend-list .list-top .top-detail{
    font-size: 1.16rem;
    color: #003f98;
    padding-right: 20px;
    display: inline-block;
    font-weight: bold;
    position: relative;
    line-height: 1;
}
.news-bg .news-right .recommend-list .list-top .top-detail:before{
    content: "";
    width: 8px;
    height: 8px;
    border-style: solid;
    border-width: 1px;
    border-color: #003f98 #003f98 transparent transparent;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -4px;
    transform:rotate(45deg);
-ms-transform:rotate(45deg);    /* IE 9 */
-moz-transform:rotate(45deg);   /* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg);     /* Opera */
}
.news-bg .news-right .recommend-list .list-top .top-detail:after{
    content: "";
    width: 8px;
    height: 8px;
    border-style: solid;
    border-width: 1px;
    border-color: #003f98 #003f98 transparent transparent;
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -4px;
    transform:rotate(45deg);
-ms-transform:rotate(45deg);    /* IE 9 */
-moz-transform:rotate(45deg);   /* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg);     /* Opera */
}
.news-bg .news-right .recommend-list .list-r{
    position: relative;
    padding-right: 90px;
    font-size: 1rem;
    color: #4f4e4e;
    margin-bottom: 5px;
    display: block;
    -webkit-transition: all 0s;
    -o-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s;
}
.news-bg .news-right .recommend-list .list-r .recommend-time{
    font-size: 1rem;
    color: #adadad;
    position: absolute;
    right: 0;
    top: 0;
}
@media only screen and (min-width: 601px){
    .news-bg .news-left .news-list .list-n:hover .list-nbg {
    width: 100%;
}
.news-bg .news-left .news-list .list-n:hover .news-eye{
    -webkit-transform: translate3d(0,0,0);
       -moz-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
    opacity: 1;
    visibility: visible;
}
.news-bg .news-right .recommend-list .list-top:hover .top-imgbox .top-img{
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
}
.news-bg .news-right .recommend-list .list-r:hover{
    color: #003f98;
    font-weight: bold;
}
}
@media only screen and (max-width:1600px){
    .news-bg {
        padding-bottom: 100px;
    }
}
@media only screen and (max-width:1400px){
    .news-bg {
        padding-bottom: 80px;
    }
}
@media only screen and (max-width:1280px){
    .news-bg {
        padding-bottom: 70px;
    }
}
@media only screen and (max-width:1024px){
    .news-bg {
        padding-top: 6%;
        padding-bottom: 6%;
    }
    .news-bg .news-right {
        display: none;
    }
    .news-bg:after {
      display: none;
  }
  .news-bg .news-left {
    width:100%;
    padding-right: 0;
}
.news-bg .news-left .news-list {
    margin-top: 3%;
}
.news-bg .news-left .news-list .list-n {
    padding: 2.5% 0;
}
.news-bg .news-left .news-list .list-n .news-main .news-title {
    margin-bottom: 1%;
}
}
@media only screen and (max-width:800px){
    .news-bg .news-left .news-list .list-n .news-timebox {
        display: none;
    }
    .news-bg .news-left .news-list .list-n .news-main {
        width:100%;
        float: none;
    }
    .news-bg .news-left .news-list .list-n .news-main .news-time {
        display: block;
        font-size: 1.5rem;
        color: #d9b765;
        margin-bottom: 1%;
    }
}
@media only screen and (max-width:600px){
    .news-bg .news-left .news-list .list-n .news-main .news-title {
        font-weight: normal;
    }
}

/*公司年报*/
.news-bg .news-left .news-list.report{
    padding-top: 25px;
}
.news-bg .news-left .news-list .list-report{
    width: -webkit-calc((100% - 70px) / 3);
    width: -moz-calc((100% - 70px) / 3);
    width: calc((100% - 70px) / 3);
    float: left;
    margin-right: 35px;
    margin-bottom: 40px;
}

.news-bg .news-left .news-list .list-report:nth-child(3n){
    margin-right: 0;
}
.news-bg .news-left .news-list .list-report .report-imgbox{
    position: relative;
    border: 4px solid #f4f4f4;
}
.news-bg .news-left .news-list .list-report .report-imgbox .report-img{
    padding-top: -webkit-calc(307 / 222 * 100%);
    padding-top: -moz-calc(307 / 222 * 100%);
    padding-top: calc(307 / 222 * 100%);
}
.news-bg .news-left .news-list .list-report .report-imgbox .report-sub{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0;
    visibility: hidden;
}
.news-bg .news-left .news-list .list-report .report-imgbox .report-sub .report-item{
    display: block;
    padding: 15px 45px;
    background-color: #fff;
    font-size: 1.16rem;
    color: #5a5a5a;
    margin: 5px 0;
}
.news-bg .news-left .news-list .list-report .report-title{
    margin-top: 20px;
    font-size: 1.16rem;
    color: #5a5a5a;
    text-align: center;
}
.news-bg .news-left .news-list .list-report .report-mmitem{
    display: none;
}
.news-bg .news-right .recommend-list .report-top{
    padding-bottom: 25px;
    position: relative;
    margin-bottom: 20px;
}
.news-bg .news-right .recommend-list .report-top:before{
    content: "";
    width: 100%;
    height: 2px;
    background-color: #d5d5d5;
    position: absolute;
    left: 0;
    bottom: 0;
}
.news-bg .news-right .recommend-list .report-top:after{
    content: "";
    width: 50px;
    height: 2px;
    background-color: #d9b765;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.news-bg .news-right .recommend-list .report-top .top-mainbox{
    margin-bottom: 50px;
}
.news-bg .news-right .recommend-list .report-top .top-mainbox .top-img{
    width: 50%;
    height: 243px;
    border: 4px solid #f4f4f4;
    float: left;
}
.news-bg .news-right .recommend-list .report-top .top-mainbox .top-main{
    width: 50%;
    float: right;
    padding-top: 80px;
    padding-left: 30px;
}
.news-bg .news-right .recommend-list .report-top .top-mainbox .top-main .top-title{
    font-size: 1.66rem;
    color: #5a5a5a;
    font-weight: bold;
    margin-bottom: 30px;
}
.news-bg .news-right .recommend-list .report-top .top-mainbox .top-main .top-item{
    width: 90px;
    height: 35px;
    border: 1px solid #d5d5d5;
    font-size: 1rem;
    color: #848484;
    line-height: 35px;
    display: block;
    text-align: center;
    margin: 5px 0;
}
.news-bg .news-right .recommend-list .report-top .top-word{
    font-size: 1.16rem;
    color: #828282;
    font-weight: bold;
}
@media only screen and (min-width: 601px){
    .news-bg .news-left .news-list .list-report:hover .report-imgbox{
        border: 4px solid #d9b765;
    }
    .news-bg .news-left .news-list .list-report:hover .report-sub{
        opacity: 1;
        visibility: visible;
    }
    .news-bg .news-left .news-list .list-report .report-sub .report-item:hover{
        background-color: #d9b765;
    }
}

@media only screen and (max-width:1024px){
    .news-bg .news-left .news-list .list-report {
        margin-bottom: 2%;
    }
    .news-bg .news-left .news-list .list-report .report-title {
        margin-top: 2%;
    }
    .news-bg .news-left .news-list .list-report .report-imgbox .report-sub {
        display: none;
    }
    .news-bg .news-left .news-list .list-report .report-mmitem {
        display: inline-block;
        width: 49%;
        padding: 2% 0;
        background-color: #d9b765;
        font-size: 1.16rem;
        color: #fff;
        margin: 5px 0;
        text-align: center;
    }
}

@media only screen and (max-width:600px){
    .news-bg .news-left .news-list .list-report {
        width: -webkit-calc((100% - 35px) / 2);
        width: -moz-calc((100% - 35px) / 2);
        width: calc((100% - 35px) / 2);
    }

    .news-bg .news-left .news-list .list-report:nth-child(3n) {
        margin-right: 35px;
    }
    .news-bg .news-left .news-list .list-report:nth-child(2n) {
        margin-right: 0;
    }
}
@media only screen and (max-width:414px){
    .news-bg .news-left .news-list .list-report {
        width: 100%;
        float: none;
        margin-right: 0;
    }
}





/* =========

    新闻详情

 ========= */
.newsview-bg{
    padding-top: 70px;
    padding-bottom: 100px;
}
.newsview-bg .newsview-title{
    font-size: 1.83rem;
    color: #003f98;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
}
.newsview-bg .newsview-topbox{
    text-align: center;
    margin-bottom: 30px;
}
.newsview-bg .newsview-topbox .topbox-item{
    display: inline-block;
    margin: 0 10px;
    font-size: 1rem;
    color: #acacac;
}
.newsview-bg .newsview-topbox .topbox-item.newsview-share a{
    width: 20px;
    height: 20px;
    -moz-background-size: cover;
         background-size: cover;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}
.newsview-bg .newsview-topbox .topbox-item.newsview-share a.bshare-weixin{
   background: url(/phone/images/sweixin_03.png) no-repeat 0;
}
.newsview-bg .newsview-topbox .topbox-item.newsview-share a.bshare-sinaminiblog{
    background: url(/phone/images/sweibo_03.png) no-repeat 0;
}
.newsview-bg .newsview-topbox .topbox-item.newsview-share a.bshare-qzone{
   background: url(/phone/images/szoom_03.png) no-repeat 0;
}
.newsview-bg .newsview-topbox .topbox-item.newsview-share a.bshare-qqim{
   background: url(/phone/images/sqq_03.png) no-repeat 0;
}
.bsBox,.bsBox *{
    -webkit-box-sizing:content-box;
       -moz-box-sizing:content-box;
            box-sizing:content-box;
}
.newsview-bg .newsview-content{
    border-top: 2px solid #f4f4f4;
    border-bottom: 2px solid #f4f4f4;
    padding: 30px 0;
    font-size: 1.16rem;
    color: #3d3d3d;
    line-height: 2;
    overflow: hidden;
}
.newsview-bg .pagebox{
    margin-top: 15px;
}
.newsview-bg .pagebox .page-item{
    display: inline-block;
    width: 90px;
    padding: 15px 0;
    background-color: #003f98;
    text-align: center;
}
.newsview-bg .pagebox .page-item.prev{
    float: left;
}
.newsview-bg .pagebox .page-item.prev span{
    font-size: 1rem;
    color: #fff;
    padding-left: 16px;
    position: relative;
}
.newsview-bg .pagebox .page-item.prev span:before{
    content: "";
    width: 8px;
    height: 8px;
    border-style: solid;
    border-width: 1px;
    border-color: #d9b765 transparent transparent #d9b765;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -4px;
    transform:rotate(-45deg);
-ms-transform:rotate(-45deg);    /* IE 9 */
-moz-transform:rotate(-45deg);   /* Firefox */
-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
-o-transform:rotate(-45deg);     /* Opera */
}
.newsview-bg .pagebox .page-item.prev span:after{
    content: "";
    width: 8px;
    height: 8px;
    border-style: solid;
    border-width: 1px;
    border-color: #d9b765 transparent transparent #d9b765;
    position: absolute;
    left: 8px;
    top: 50%;
    margin-top: -4px;
    transform:rotate(-45deg);
-ms-transform:rotate(-45deg);    /* IE 9 */
-moz-transform:rotate(-45deg);   /* Firefox */
-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
-o-transform:rotate(-45deg);     /* Opera */
}
.newsview-bg .pagebox .page-item.next{
    float: right;
}
.newsview-bg .pagebox .page-item.next span{
    font-size: 1rem;
    color: #fff;
    padding-right: 16px;
    position: relative;
}
.newsview-bg .pagebox .page-item.next span:before{
    content: "";
    width: 8px;
    height: 8px;
    border-style: solid;
    border-width: 1px;
    border-color: #d9b765 #d9b765 transparent transparent;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -4px;
    transform:rotate(45deg);
-ms-transform:rotate(45deg);    /* IE 9 */
-moz-transform:rotate(45deg);   /* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg);     /* Opera */
}
.newsview-bg .pagebox .page-item.next span:after{
    content: "";
    width: 8px;
    height: 8px;
    border-style: solid;
    border-width: 1px;
    border-color: #d9b765 #d9b765 transparent transparent;
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -4px;
    transform:rotate(45deg);
-ms-transform:rotate(45deg);    /* IE 9 */
-moz-transform:rotate(45deg);   /* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg);     /* Opera */
}

@media only screen and (max-width:1280px){
    .newsview-bg {
        padding-top: 70px;
        padding-bottom: 80px;
    }
}
@media only screen and (max-width:1024px){
    .newsview-bg {
        padding-top:6%;
        padding-bottom: 6%;
    }
    .newsview-bg .newsview-title {
        margin-bottom: 2%;
    }
    .newsview-bg .newsview-topbox {
        margin-bottom: 3%;
    }
    .newsview-bg .newsview-content {
        padding: 3% 0;
    }
    .newsview-bg .pagebox {
        margin-top: 2%;
    }
}

@media only screen and (max-width:800px){
.newsview-bg .newsview-topbox .topbox-item.newsview-share{
    display: none;
}
}

@media only screen and (max-width:414px){
    .newsview-bg .newsview-title {
        font-size: 1.6rem;
        font-weight: normal;
    }
}


/* =========

    主营业务

 ========= */
.business-banner{
    padding-top: 90px;
    padding-bottom: 80px;
    display: block;
}
.business-banner .banner-massage{
    max-width: 980px;
    font-size: 1.16rem;
    color: #595959;
    line-height: 2;
    text-align: center;
}
.business-classmenu .bclass-item{
    padding: 150px 0;
    display: block;
    margin-bottom: 5px;
    background-color: rgba(0,0,0,.3);
}
.business-classmenu .bclass-item .bclass-namebox{
    margin-bottom: 20px;
}
.business-classmenu .bclass-item .bclass-namebox .bclass-name{
    font-size: 3rem;
    color: #fff;
    padding-bottom: 20px;
    position: relative;
    display: inline-block;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-transform: translate3d(0,-30%,0);
       -moz-transform: translate3d(0,-30%,0);
            transform: translate3d(0,-30%,0);
    opacity: 0;
    visibility: hidden;
}
.business-classmenu .bclass-item.on .bclass-namebox .bclass-name{
 -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
         transform: translate3d(0,0,0);
    opacity: 1;
    visibility: visible;
}
.business-classmenu .bclass-item .bclass-namebox .bclass-name:after{
    content: "";
    width: 50vw;
    height: 3px;
    background-color: #d9b765;
    position: absolute;
    bottom: 0;
    right: 50vw;
}
.business-classmenu .bclass-item .bclass-demo{
    font-size: 1.16rem;
    color: #fff;
    line-height: 1.5;
    min-height: 3.5rem;
    margin-bottom: 40px;
}
.business-classmenu .bclass-item .bclass-link{
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    position: relative;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}
.business-classmenu .bclass-item .bclass-link:after{
    content: "";
    width: 10px;
    height: 10px;
    border-style: solid;;
    border-width: 2px;
    border-color: #fff #fff transparent transparent;
    transform:rotate(45deg);
-ms-transform:rotate(45deg);     /* IE 9 */
-moz-transform:rotate(45deg);    /* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg);  /* Opera */
position: absolute;
left: 50%;
top: 50%;
margin-top: -5px;
margin-left: -8px;
}
@media only screen and (min-width:601px){
    .business-classmenu .bclass-item:hover .bclass-namebox .bclass-name:after{
        right: 0;
    }
}
@media only screen and (max-width:1600px){
    .business-classmenu .bclass-item {
        padding: 120px 0;
    }
}
@media only screen and (max-width:1400px){
    .business-classmenu .bclass-item {
        padding: 100px 0;
    }
}
@media only screen and (max-width:1280px){
    .business-banner {
        padding-top: 80px;
        padding-bottom: 70px;
    }
    .business-classmenu .bclass-item {
        padding: 80px 0;
    }
}
@media only screen and (max-width:1024px){
    .business-banner {
        padding-top: 7%;
        padding-bottom: 6%;
    }
    .business-classmenu .bclass-item {
        padding: 6% 0;
        margin-bottom: 1%;
    }
    .business-classmenu .bclass-item .bclass-namebox .bclass-name {
        font-size: 3rem;
        padding-bottom: 10px;
    }
    .business-classmenu .bclass-item .bclass-demo {
        margin-bottom: 4%;
    }
}
@media only screen and (max-width:800px){
    .business-classmenu .bclass-item .bclass-namebox .bclass-name {
        font-size: 2.5rem;
    }
}
@media only screen and (max-width:600px){
    .business-classmenu .bclass-item .bclass-namebox .bclass-name {
        font-size: 2rem;
    }
}
@media only screen and (max-width:414px){
    .business-classmenu .bclass-item .bclass-namebox .bclass-name {
        font-size: 1.8rem;
    }
    .business-classmenu .bclass-item .bclass-link {
        width: 30px;
        height: 30px;
    }
}

/*市产业投资母基金*/
.businessview-bg{
    padding-top: 70px;
}
.businessview-bg.cfoud .allpage-theme{
    color: #e73828;
}
.businessview-bg .bv-list{
    margin-top: 60px;
    padding-top: 60px;
    padding-bottom: 60px;
    border-top: 2px solid #f4f4f4;
}

.businessview-bg .bv-list .bv-top .bv-img{
    width: 50%;
    height: 350px;
    float: right;
}
.businessview-bg .bv-list .bv-top:nth-child(2n) .bv-img{
    float: left;
}
.businessview-bg .bv-list .bv-top .bv-content{
    width: 47%;
    float: left;
    font-size: 1.16rem;
    color: #363636;
    line-height: 2;
     padding: 0;
}
.businessview-bg .bv-list .bv-top:nth-child(2n) .bv-content{
    float: right;
}
.businessview-bg.cfoud .bv-showimg{
    border-top: 2px solid #e73828;
}
.businessview-bg .bv-showimg{
    padding-top: 70px;
    padding-bottom: 40px;
    background-color: #f5f5f5;
}
.businessview-bg.cfoud .bv-showimg .container{
    max-width: 720px;
}
.businessview-bg .bv-showimg .showimg{
    width: 100%;
    max-height: 100%;
}
.businessview-bg .bv-showimg .cfoud-swiper .cfoud-pagination{
    margin-top: 35px;
    text-align: center;
}
.businessview-bg .bv-showimg .cfoud-swiper .cfoud-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: #e73828;
}


@media only screen and (max-width:1024px){
    .businessview-bg {
        padding-top: 6%;
    }
    .businessview-bg .bv-list{
    margin-top: 6%;
    padding-top: 6%;
    padding-bottom: 6%;
}
    .businessview-bg .bv-list .bv-top .bv-img {
        width: 100%;
        height: auto;
        padding-top: -webkit-calc(350 / 600 * 100%);
        padding-top: -moz-calc(350 / 600 * 100%);
        padding-top: calc(350 / 600 * 100%);
        float: none;
    }
    .businessview-bg .bv-list .bv-top .bv-content {
        width: 100%;
        float: left;
        padding: 3% 0;
    }
    .businessview-bg .bv-showimg {
        padding-top: 6%;
        padding-bottom: 4%;
    }
}
/*并购母基金*/
.businessview-bg.mfoud .bv-showimg{
    border-top: 2px solid #0e6eb8;
}
.businessview-bg.mfoud .allpage-theme{
    color: #0e6eb8;
}
/*镇街合作基金*/
.businessview-bg.tfoud .allpage-theme{
    color: #003f98;
}
.businessview-bg.tfoud .bv-list{

}
/*企业直投基金*/
.businessview-bg.bfoud .bv-showimg{
    border-top: 2px solid #d9b765;
}
.businessview-bg.bfoud .allpage-theme{
    color: #d9b765;
}



/* =========

    投资企业

 ========= */
.investment-oh{
    overflow: hidden;
}
.investment-bg .investment-right{
    width: 420px;
    background-color: #f4f4f4;
    float: right;
    padding-top: 45px;
    padding-left: 40px;
    padding-bottom: 60px;
    position: relative;
}
.investment-bg .investment-right:after{
    content: "";
    width: 200%;
    height: 100%;
    background-color: #f4f4f4;
    position: absolute;
    top:0;
    left: 100%;
}
.investment-bg .investment-right .to-about{
    padding-top: -webkit-calc(330 / 380 * 100%);
    padding-top: -moz-calc(330 / 380 * 100%);
    padding-top: calc(330 / 380 * 100%);
    display: block;
    position: relative;
    margin-bottom: 36px;
}
.investment-bg .investment-right .to-about .tabout-theme{
    position: absolute;
    left: 3%;
    top: 3%; 
   font-size: 1.5rem;
    color: rgba(255,255,255,.4);
    font-weight: bold;
}
.investment-bg .investment-right .to-about .tabout-theme span{
    font-size: 2.5rem;
    color: rgba(255,255,255,.3);   
    font-family: "ziti";
    display: block;
    font-weight: normal;
}
.investment-bg .investment-right .to-business .tbusiness-theme{
    font-size: 1.5rem;
    color: #828282;
    font-weight: bold;
    margin-bottom: 35px;
}
.investment-bg .investment-right .to-business .tbusiness-theme span{
    font-size: 2.5rem;
    color: rgba(0,0,0,.3);
    font-family: "ziti";
    margin-top: 5px;
    display: block;
    font-weight: normal;
}
.investment-bg .investment-right .to-business .tbusiness-massage{
    margin-top: 35px;
    margin-bottom: 35px;
    font-size: 1.08rem;
    color: #7a7a7a;
    line-height: 2;
}
.investment-bg .investment-right .to-business .tbusiness-more{
    display: inline-block;
    font-size: 1.08rem;
    color: #d9b765;
    font-weight: bold;
}
.investment-bg .investment-main{
    width: -webkit-calc(97% - 420px);
    width: -moz-calc(97% - 420px);
    width: calc(97% - 420px);
    margin-right: 3%;
    float: left;
    padding: 70px 0; 
}
.investment-bg .investment-main .investment-list{
    margin-top: 35px;
    padding-top: 30px;
    border-top: 2px solid #f4f4f4;
}
.investment-bg .investment-main .investment-list .list-i{
    position: relative;
    margin-bottom: 60px;
    overflow: hidden;
}
.investment-bg .investment-main .investment-list .list-i .investment-title{
    padding: 20px 25px;
    background-color: #003f98;
    font-size: 1.33rem;
    color: #d9b765;
    position: relative;
    cursor: pointer;
}
.investment-bg .investment-main .investment-list .list-i .investment-title:before{
    content: "";
    width: 15px;
    height: 3px;
    background-color: rgba(255,255,255,1);
    position: absolute;
    right: 3%;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}
.investment-bg .investment-main .investment-list .list-i .investment-title:after{
    content: "";
       width:3px;
    height: 15px;
    background-color: rgba(255,255,255,1);
      position: absolute;
    right: 3%;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    margin-right: 6px;
}
.investment-bg .investment-main .investment-list .list-i[data-on="on"] .investment-title:after{
    display: none;
}
.investment-bg .investment-main .investment-list .list-i .investment-massage{
    padding: 30px;
    background-color: #f4f4f4;
    font-size: 1.16rem;
    color: #595959;
    line-height: 2;
}

@media only screen and (max-width:1280px){
    .investment-bg .investment-right {
        width: 350px;
    }
    .investment-bg .investment-main {
        width: -webkit-calc(97% - 350px);
        width: -moz-calc(97% - 350px);
        width: calc(97% - 350px);
    }
}
@media only screen and (max-width:1024px){
    .investment-bg .investment-right {
        width: 300px;
        padding-top: 5%;
        padding-left: 4%;
        padding-bottom: 6%;
    }
    .investment-bg .investment-right .to-about {
        margin-bottom: 3%;
    }
    .investment-bg .investment-right .to-business .tbusiness-theme {
        margin-bottom: 3%;
    }
    .investment-bg .investment-right .to-business .tbusiness-massage {
        margin-top: 3%;
        margin-bottom: 3%;
    }
    .investment-bg .investment-main {
        width: -webkit-calc(97% - 300px);
        width: -moz-calc(97% - 300px);
        width: calc(97% - 300px);
        padding: 6% 0;
    }
    .investment-bg .investment-main .investment-list {
        margin-top: 3%;
        padding-top: 3%;
    }
    .investment-bg .investment-main .investment-list .list-i {
        margin-bottom: 6%;
    }
    .investment-bg .investment-main .investment-list .list-i .investment-massage {
        padding: 3%;
    }
}
@media only screen and (max-width:800px){
    .investment-bg .investment-right {
        width: 100%;
        float: none;
    }
    .investment-bg .investment-right .to-about {
        padding-top: -webkit-calc(330 / 380 * 50%);
        padding-top: -moz-calc(330 / 380 * 50%);
        padding-top: calc(330 / 380 * 50%);
    }
    .investment-bg .investment-main {
        width: 100%;
        float: none;
    }
}

/* =========

    企业文化

 ========= */
 /*活动剪影*/
.activity-bg{
    padding: 70px 0;
}
.activity-bg .activity-list .list-a{
    padding: 30px 0;
    border-bottom: 1px solid #ededed;
    display: block;
}
.activity-bg .activity-list .list-a .activity-imgbox{
    display: none;
    overflow: hidden;
    float: left;
    margin-right: 3%;
}
.activity-bg .activity-list .list-a[data-on="on"] .activity-imgbox{
    display: none;
}
.activity-bg .activity-list .list-a .activity-imgbox .activity-img{
    width: 300px;
    height: 200px;  
}
.activity-bg .activity-list .list-a .activity-main{
    /* width: -webkit-calc(97% - 300px);
    width: -moz-calc(97% - 300px);
    width: calc(97% - 300px); */
    width: 97%;
    /* float: right; */
}
.activity-bg .activity-list .list-a[data-on="on"] .activity-main{
    width: 100%;
}
.activity-bg .activity-list .list-a .activity-main .activity-date{
    font-size: 2rem;
    color: #d9b765;
    margin-bottom: 10px;
}
.activity-bg .activity-list .list-a .activity-main .activity-title{
    font-size: 1.5rem;
    color: #626262;
    margin-bottom: 15px;
    font-weight: bold;
}
.activity-bg .activity-list .list-a .activity-main .activity-demobox{
 /* height: 3.5rem; */
 overflow: hidden;
 margin-bottom: 30px;
}
.activity-bg .activity-list .list-a .activity-main .activity-demobox .activity-demo{
 font-size: 1.16rem;
 color: #757575;
 line-height: 1.5; 
 display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.activity-bg .activity-list .list-a .activity-main .activity-more{
    font-size: 1.08rem;
    color: #d9b765;
    font-weight: bold;
    cursor: pointer;
    display: none;
}

/*活动剪影加载*/
.activity-bg .activity-loadbox{
    margin-top: 40px;
    text-align: center;
}
.activity-bg .activity-loadbox .activity-load{
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: #003f98;
    position: relative;
   -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
           border-radius: 50%;
   cursor: pointer;
}
.activity-bg .activity-loadbox .activity-load .yuan{
    width: 4px;
    height: 4px;
    background-color: #d9b765;
    position: absolute;
    left: 50%;
    top:50%;
   -webkit-transform: translate(-50%,-50%);
      -moz-transform: translate(-50%,-50%);
       -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
           transform: translate(-50%,-50%);
   -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
           border-radius: 50%;
}
.activity-bg .activity-loadbox .activity-load .yuan.yuan1{
    margin-left: -8px;
}
.activity-bg .activity-loadbox .activity-load .yuan.yuan3{
    margin-left: 8px;
}
@media only screen and (max-width:1024px){
    .activity-bg {
        padding: 6% 0;
    }
    .activity-bg .activity-list .list-a {
        padding: 4% 0;
    }
    .activity-bg .activity-list .list-a .activity-main .activity-date {
        margin-bottom: 1%;
    }
    .activity-bg .activity-list .list-a .activity-main .activity-title {
        margin-bottom: 1%;
    }
    .activity-bg .activity-list .list-a .activity-main .activity-demobox {
        margin-bottom: 3%;
    }
    .activity-bg .activity-loadbox{
    margin-top: 4%;
}
}
@media only screen and (max-width:800px){
    .activity-bg .activity-list .list-a .activity-imgbox{
        overflow: hidden;
        float: none;
        margin-right: 0;
        margin-bottom: 3%;
    }
    .activity-bg .activity-list .list-a .activity-imgbox .activity-img {
        width: auto;
        height: auto;
        padding-top: -webkit-calc(200 / 300 * 100%);
        padding-top: -moz-calc(200 / 300 * 100%);
        padding-top: calc(200 / 300 * 100%);
    }
    .activity-bg .activity-list .list-a .activity-main {
        width:100%;
        float: none;
    }
}
@media only screen and (max-width:600px){
    .activity-bg .activity-list .list-a .activity-main .activity-title {
        font-weight: normal;
    }
    .activity-bg .activity-list .list-a .activity-main .activity-more {
        font-weight: normal;
    }
}

/*党建信息*/
.party-bg {
    padding-top: 70px;
    padding-bottom: 110px;
}
.party-bg .allpage-theme .party-search{
    position: absolute; 
    right: 0;
    top: 0;
    border: 2px solid #f4f4f4;
    z-index: 111;
    padding-right: 55px;
}
.party-bg .allpage-theme .party-search input[type="text"]{
    width: 300px;
    height: 55px;
    border: none;
    padding: 25px;
}
.party-bg .allpage-theme .party-search input[type="submit"]{
    width: 60px;
    height: 55px;
    background-color: #f4f4f4;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    cursor: pointer;
    background-image: url(../images/searchi_03.png);
    background-repeat: no-repeat;
background-position: center;
-moz-background-size: cover;
     background-size: cover;
}

/*党建列表*/
.party-bg .party-list{
    margin-top: 30px;
}
.party-bg .party-list .list-p{
    padding: 30px 0;
    position: relative;
    border-top: 1px solid #ededed;
    display: block;
}
.party-bg .party-list .list-p .party-datebox{
    width: 115px;
    float: left;
    font-size: 1.83rem;
    color: #d9b765;
    text-align: center;
    font-family: "ziti"
}
.party-bg .party-list .list-p .party-datebox span{
  font-size: 3.5rem;
    color: #d9b765;
    display: block;
}
.party-bg .party-list .list-p .party-main{
    width: -webkit-calc(100% - 115px);
    width: -moz-calc(100% - 115px);
    width: calc(100% - 115px);
    float: right;
}
.party-bg .party-list .list-p .party-main .party-mmdate{
    display: none;
}
.party-bg .party-list .list-p .party-main .party-title{
    font-size: 1.5rem;
    color: #383838;
    margin-bottom: 10px;
    font-weight: bold;
}
.party-bg .party-list .list-p .party-main .party-demobox{
    height: 3.25rem;
    overflow: hidden;
}
.party-bg .party-list .list-p .party-main .party-demobox .party-demo{
    font-size: 1.08rem;
    color: #848484;
    line-height: 1.5;
}
/*党建加载*/
.party-bg .party-loadbox{
    padding: 10px 0;
    background-color: #003f98;
    text-align: center;
    cursor: pointer;
}
.party-bg .party-loadbox .party-load{
    display: inline-block;
    width: 34px;
    height: 34px;
    position: relative;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    border: 2px solid #d4b466;
}
.party-bg .party-loadbox .party-load:after{
    content: "";
    width: 8px;
    height: 8px;
    border-style: solid;
    border-width: 2px;
    border-color: transparent #d4b466 #d4b466 transparent;
    position: absolute;
    left: 50%;
    top: 50%;
    transform:rotate(45deg);
-ms-transform:rotate(45deg);     /* IE 9 */
-moz-transform:rotate(45deg);    /* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg);  /* Opera */
margin-top: -6px;
margin-left:-4px;
}
@media only screen and (max-width:1280px){
    .party-bg {
        padding-bottom: 80px;
    }
}
@media only screen and (max-width:1024px){
    .party-bg {
        padding-top: 6%;
        padding-bottom: 6%;
    }
    .party-bg .party-list {
        margin-top: 3%;
    }
    .party-bg .party-list .list-p {
        padding: 3% 0;
    }
    .party-bg .party-list .list-p .party-main .party-title {
        margin-bottom: 1%;
    }
}
@media only screen and (max-width:800px){
    .party-bg .allpage-theme .party-search {
        position: static;
        margin-bottom: 2%;
    }
    .party-bg .allpage-theme .party-search input[type="text"] {
        width: 100%;
    }
    .party-bg .party-list .list-p .party-main {
        width: 100%;
    }
    .party-bg .party-list .list-p .party-datebox {
        display: none;
    }
    .party-bg .party-list .list-p .party-main .party-mmdate {
        display: block;
        font-size: 1.83rem;
        color: #d9b765;
        font-family: "ziti";
    }
}
@media only screen and (max-width:600px){
    .party-bg .party-list .list-p .party-main .party-title {
        font-weight: normal;
    }
    .party-bg .party-loadbox{
    padding: 1% 0;
}
.party-bg .party-loadbox .party-load{
    width: 26px;
    height: 26px;
}
.party-bg .party-loadbox .party-load:after{
    width: 6px;
    height: 6px;
margin-top: -5px;
margin-left:-3px;
}
}
/*视频风采*/
.video-bg .container{
    max-width: 980px;
}
.video-bg .video-topbg{
    background-color: #fafafa;
    padding-top: 70px;
    padding-bottom: 45px;
}
.video-bg .video-topbg .tvideo-box{
    -webkit-box-shadow: 0 0 50px rgba(0,0,0,.5);
       -moz-box-shadow: 0 0 50px rgba(0,0,0,.5);
            box-shadow: 0 0 50px rgba(0,0,0,.5);
    height: 520px;
}
.video-bg .video-topbg .tvideo-box.video{
    height: auto;
}
.video-bg .video-topbg .tvideo-box .mejs-poster img{
    display: block;
}
.video-bg .video-topbg .vtop-title{
    font-size: 1.5rem;
    color: #626262;
    margin-top: 40px;
    text-align: center;
}
/*视频轮播*/
.video-bg .video-swiperbox{
    position: relative;
}
.video-bg .video-swiperbox{
    padding: 40px 0;
}
.video-bg .video-swiperbox .video-swiper .swiper-wrapper .swiper-slide .video-img{
    display: block;
    padding-top: -webkit-calc(127 / 230 * 100%);
    padding-top: -moz-calc(127 / 230 * 100%);
    padding-top: calc(127 / 230 * 100%);
    position: relative;
}
.video-bg .video-swiperbox .video-swiper .swiper-wrapper .swiper-slide .video-img .video-play{
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    top:50%;
    margin-top: -20px;
    margin-left: -20px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
        -ms-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
}
.video-bg .video-swiperbox .video-swiper-prev{
    width: 40px;
    height: 40px;
    border: 1px solid #e1e1e1;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -20px;
    margin-left: -80px;
    cursor: pointer;
}
.video-bg .video-swiperbox .video-swiper-prev:after{
    content: "";
    width: 12px;
    height: 12px;
    border-style: solid;
    border-width: 1px;
    border-color: #2653a0 transparent transparent #2653a0;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -6px;
    margin-left: -3px;
    transform:rotate(-45deg);
-ms-transform:rotate(-45deg);     /* IE 9 */
-moz-transform:rotate(-45deg);    /* Firefox */
-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
-o-transform:rotate(-45deg);  /* Opera */
}
.video-bg .video-swiperbox .video-swiper-next{
        width: 40px;
    height: 40px;
    border: 1px solid #e1e1e1;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -20px;
    margin-right: -80px;
    cursor: pointer;
}
.video-bg .video-swiperbox .video-swiper-next:after{
    content: "";
    width: 12px;
    height: 12px;
    border-style: solid;
    border-width: 1px;
    border-color: #2653a0 #2653a0 transparent transparent;
    position: absolute;
    right: 50%;
    top: 50%;
    margin-top: -6px;
    margin-right: -3px;
    transform:rotate(45deg);
-ms-transform:rotate(45deg);     /* IE 9 */
-moz-transform:rotate(45deg);    /* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg);  /* Opera */
}
@media only screen and (min-width: 601px){
    .video-bg .video-swiperbox .video-swiper .swiper-wrapper .swiper-slide:hover .video-img .video-play{
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
}
}

@media only screen and (max-width:1024px){
.video-bg .video-topbg {
    padding-top: 6%;
    padding-bottom: 5%;
}
.video-bg .video-topbg .vtop-title {
    margin-top: 4%;
}
.video-bg .video-swiperbox {
    padding: 4% 0;
}
.video-bg .video-swiperbox .video-swiper-prev {
    display: none;
}
.video-bg .video-swiperbox .video-swiper-next {
    display: none;
}
}
@media only screen and (max-width:800px){

}
@media only screen and (max-width:600px){
.video-bg .video-swiperbox .video-swiper .swiper-wrapper .swiper-slide .video-img .video-play{
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
}
.video-bg .video-topbg .vtop-title {
    font-size: 1.8rem;
}
.video-bg .video-topbg .tvideo-box{
    height: 380px;
}
}
@media only screen and (max-width:414px){
.video-bg .video-topbg .vtop-title {
    font-size: 1.25rem;
}
.video-bg .video-topbg .tvideo-box{
    height: 280px;
}
}







/* =========

    加入我们

 ========= */
.join-bg{
    padding-top: 70px;
    padding-bottom: 110px;
}
.join-bg .join-list{
    margin-top: 40px;
    border-top: 2px solid #f5f5f5;
}
.join-bg .join-list .list-j{
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #f5f5f5;
    position: relative;
    padding-right: 60px;
}
.join-bg .join-list .list-j .join-content{
    display: none;
}
.join-bg .join-list .list-j .join-title{
    font-size: 1.66rem;
    color: #d9b765;
    margin-bottom: 20px;
}
.join-bg .join-list .list-j .join-massage .join-info{
    display: inline-block;
    font-size: 1.16rem;
    color: #808080;
    margin-right: 30px;
}
.join-bg .join-list .list-j .join-icon{
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    cursor: pointer;
}
@media only screen and (max-width:1600px){
    .join-bg {
        padding-bottom: 100px;
    }
}
@media only screen and (max-width:1400px){
    .join-bg {
        padding-bottom: 80px;
    }
}
@media only screen and (max-width:1280px){
    .join-bg {
        padding-top: 60px;
        padding-bottom: 70px;
    }
}
@media only screen and (max-width:1024px){
    .join-bg {
        padding-top: 6%;
        padding-bottom: 6%;
    }
    .join-bg .join-list {
        margin-top: 4%;
    }
    .join-bg .join-list .list-j{
        padding-top: 4%;
        padding-bottom: 4%;
    }
    .join-bg .join-list .list-j .join-title {
        margin-bottom: 2%;
    }
}

@media only screen and (max-width:414px){
    .join-bg .join-list .list-j {
        padding-right: 50px;
    }
    .join-bg .join-list .list-j .join-icon img{
        width: 50px;
        height: 50px;
    }
}



/*隐藏弹出窗*/
.join-sub{
    display: none;
}
.layui-layer {
    max-width: 1200px!important;
    max-height: 465px!important;
}
.layui-layer-content .join-laybox{
    padding: 40px;
        display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-direction: row;
}
.layui-layer-content .join-laybox .jleft{
    width: 60%;
}
.layui-layer-content .join-laybox .jleft .jlay-title{
    font-size: 2rem;
    color: #3a3a3a;
    margin-bottom: 10px;
}
.layui-layer-content .join-laybox .jleft .jlay-time{
    font-size: 2rem;
    color: #d9b765;
    margin-bottom: 10px;
}
.layui-layer-content .join-laybox .jleft .jlay-massage{
    margin-bottom: 10px;
}
.layui-layer-content .join-laybox .jleft .jlay-massage .join-info{
    display: inline-block;
        font-size: 1.16rem;
    color: #808080;
    margin-right: 30px;
}

.layui-layer-content .join-laybox .jleft .jlay-content{
        padding-right: 40px;
        max-height: 300px;
    font-size: 1.08rem;
    color: #636363;
    line-height: 2;
    overflow-y: auto;
}
.layui-layer-content .join-laybox .jright{
    width: 40%;
    padding: 3%;
}
.layui-layer-content .join-laybox .jright .jright-main{
    padding-right: 100px;
    position: relative;

}
.layui-layer-content .join-laybox .jright .jright-main .jright-ico{
    width: 80px;
    height: 80px;
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
}
.layui-layer-content .join-laybox .jright .jright-main .jright-email{
    font-size: 2rem;
    color: #003f98;
}
.layui-layer-content .join-laybox .jright .jright-main .jright-emailword{
    font-size: 1.08rem;
    color: #b0b0b0;
    margin-bottom: 10px;
}
.layui-layer-content .join-laybox .jright .jright-main .jright-share{
    font-size: 1.08rem;
    color: #636363;
    font-weight: bold;
}
.layui-layer-content .join-laybox .jright .jright-main .jright-share a{
    width: 20px;
    height: 20px;
-moz-background-size: cover;
     background-size: cover;
-webkit-border-radius: 50%;
   -moz-border-radius: 50%;
        border-radius: 50%;
}
.layui-layer-content .join-laybox .jright .jright-main .jright-share a.bshare-weixi{
    background: url(/phone/images/sweixin_03.png) no-repeat 0;
}
.layui-layer-content .join-laybox .jright .jright-main .jright-share a.bshare-sinaminiblog{
    background: url(/phone/images/sweibo_03.png) no-repeat 0;
}
.layui-layer-content .join-laybox .jright .jright-main .jright-share a.bshare-qzone{
    background: url(/phone/images/szoom_03.png) no-repeat 0;
}
.layui-layer-content .join-laybox .jright .jright-main .jright-share a.bshare-qqim{
    background: url(/phone/images/sqq_03.png) no-repeat 0;
}
@media only screen and (min-width: 800px) {
.layui-layer-content .join-laybox .jleft .jlay-content::-webkit-scrollbar {
 width: 5px;
 height: 5px;
 background-color: #f4f4f4;
}
  
/*定义滚动条轨道 内阴影+圆角*/  
.layui-layer-content .join-laybox .jleft .jlay-content::-webkit-scrollbar-track {
 -webkit-border-radius: 0px;
         border-radius: 0px;
 background: #f4f4f4;
}
  
/*定义滑块 内阴影+圆角*/  
.layui-layer-content .join-laybox .jleft .jlay-content::-webkit-scrollbar-thumb {
 -webkit-border-radius: 0px;
         border-radius: 0px;
 background-color:#d9b765;
}
}
@media only screen and (max-width: 601px){
    .layui-layer {
        max-height: none!important;
    }
}
/*隐藏弹出窗end*/

@media only screen and (max-width:1024px){
    .layui-layer-content .join-laybox {
        padding: 4%;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
                flex-direction: column;
    }
    .layui-layer-content .join-laybox .jleft {
        width: 100%;
    }
    .layui-layer-content .join-laybox .jright {
        width: 100%;
        padding: 3%;
    }
    .layui-layer-content .join-laybox .jright .jright-main .jright-ico {
        width: 60px;
        height: 60px;
    }
}
@media only screen and (max-width:800px){
    .layui-layer-content .join-laybox .jright .jright-main .jright-share {
        display: none;
    }
}





/* =========

    联系我们

 ========= */
.contact-bg{
    padding-top: 65px;
    padding-bottom: 50px;
}
.contact-bg .contact-main{
    position: relative;
}
.contact-bg .contact-main .contact-content{
    font-size: 1.16rem;
    color:  #7e7e7e;
    line-height: 2;
    margin-top: 15px;
}
.contact-bg .contact-main .contact-weixin{
    position: absolute;
    right: 0;
    top: 0;
}
.contact-bg .contact-main .contact-weixin .cweixin-title{
    font-size: 1.08rem;
    color: #595959;
    margin-bottom: 10px;
}
.contact-bg .contact-main .contact-weixin .cweixinimg{
    width: 150px;
    height: 150px;
    border: 1px solid #f4f4f4;
}
/*地图*/
.allmap{
    width: 100%;
    height: 490px;
}
.allmap img{
    max-width: none;
}
@media only screen and (max-width:1600px){
    .allmap {
        height: 450px;
    }
}
@media only screen and (max-width:1400px){
    .allmap {
        height: 420px;
    }
}
@media only screen and (max-width:1280px){
    .allmap {
        height: 400px;
    }
}
@media only screen and (max-width:1024px){
    .contact-bg {
        padding-top: 6%;
        padding-bottom: 5%;
    }
    .contact-bg .contact-main .contact-content {
        margin-top: 1%;
    }
    .contact-bg .contact-main .contact-weixin {
        display: none
    }
    .allmap {
        height: 350px;
    }
}
@media only screen and (max-width:800px){
    .allmap {
        height: 300px;
    }
}
@media only screen and (max-width:600px){
    .allmap {
        height: 280px;
    }
}
@media only screen and (max-width:414px){
    .allmap {
        height: 230px;
    }
}

@media only screen and (max-width:320px){
    .allmap {
        height: 200px;
    }
}
/* =========

    页脚

 ========= */
.footer{
    background-color: #38383c;
    padding-top: 40px;
 }
.footer .footer-main{
    padding-bottom: 40px;
    position: relative;
}
.footer .footer-main .footer-contact{
    font-size: 1rem;
    color: rgba(255,255,255,.5);
    line-height: 2;
    margin-bottom: 20px;
}
.footer .footer-main .footer-link .list-f{
    display: inline-block;
    font-size: 1rem;
    color: rgba(255,255,255,.2);
    line-height: 1;
    padding: 0 6px;
    border-right: 1px solid rgba(255,255,255,.2);
    cursor: pointer;
}
.footer .footer-main .footer-content{
     font-size: 1rem;
    color: rgba(255,255,255,.2);
    line-height: 1;
    margin-top: 10px;
}
.footer .footer-main .fweixin-box{
    position: absolute;
    right: 0;
    top:0;
}
.footer .footer-main .fweixin-box .weixinimg{
    width: 90px;
    height: 90px;
    margin: 0 auto;
}
.footer .footer-main .fweixin-box .fweixin-title{
    font-size: 1rem;
    color: rgba(255,255,255,.2);
    margin-top: 10px;
    text-align: center;
}
@media only screen and (min-width: 601px){
    .footer .footer-main .footer-link .list-f:hover{
      color: rgba(255,255,255,.8);
    }
}

@media only screen and (max-width:1024px){
    .footer {
        padding-top: 4%;
    }
    .footer .footer-main .footer-contact {
        margin-bottom: 2%;
    }
    .footer .footer-main .footer-content {
        margin-top: 1%;
    }
    .footer .footer-main .fweixin-box {
        display: none;
    }
    .footer .footer-main {
        padding-bottom: 4%;
    }
}



/*底部加载动画*/
.paggg {
    display: block;
    padding: 3%;
    text-align: center;
    width: 100%;
}

.loading-svg {
    width: 50px;
    height: 50px;
    text-align: center;
}

h1 {
    text-align: center;
    color: #fff;
    margin: 0 0 100px;
    font-size: 34px;
    font-weight: 100;
    text-transform: uppercase;
    background-color: #e43725;
    padding: 20px 0;
}

h1 b {
    font-weight: 700;
}

.made-with-love {
    margin-top: 20px;
    padding: 10px;
    font-size: 10px;
    color: #fff;
}

.made-with-love i {
    font-style: normal;
    color: #F50057;
    font-size: 14px;
    position: relative;
    top: 2px;
}

.made-with-love a {
    color: #fff;
    text-decoration: none;
}

.made-with-love a:hover {
    text-decoration: underline;
}



/*法律声明*/
.legal-bg{
    min-height: 50vh;
    font-size: 1.16rem;
    color: #444444;
    line-height: 2;
    padding: 30px 0;
}
@media only screen and (max-width:1024px){
.legal-bg{
    min-height: none;
    padding: 3% 0;
}
}





/*搜索*/
.search-main img{ max-width:100%;}
.search-main {
    width: 94%;
    max-width: 1200px;
    margin: auto;
    padding: 30px 0;
    min-height: 300px;
    margin-top:100px;
}
.search-main .list{ margin-bottom:30px;}
.search-main .type {
    line-height: 50px;
    font-size: 3.33rem;
    color: #000;
    font-weight: bold;
        text-align: center;
}

.search-main .list ul li {
    display: block;

    overflow: hidden;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    padding:30px 0;
}

.search-main .list ul li.nothing {
    height: 100px;
    border: 0px;
    line-height: 100px;
    text-align: center;
    font-size: 18px;
    color: #999;
}


.search-main .list ul li a .text .title {
    font-size: 18px;
    margin-bottom: 10px;
}

.search-main .list ul li a .text .demo {
    font-size: 12px;
    opacity: .7;
    line-height: 1.8;
    margin-bottom: 20px;
}

.search-main .list ul li a .text .rq {
    font-size: 14px;
    opacity: .7;
    line-height: 1.8;
    margin-bottom: 15px;
}
.search-main .list ul li a .tu{ margin-bottom:20px;}
@media only screen and (min-width:600px) {
.search-main .list ul li a {

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
         flex-direction: row;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
}

.search-main .list ul li a .tu{ width:200px; margin-right:30px; margin-bottom:0px;}
.search-main .list ul li a .text {
    -webkit-flex: 1;
    -ms-flex: 1;
    -moz-box-flex: 1;
         flex: 1;
    -webkit-box-flex: 1;
}
}

.search-main .list ul li a span {
    float: right;
    margin-right: 20px;
}

.search-main .list ul li a:hover {
    color: #e62129;
}
@media only screen and (max-width:800px) {
    .search-main{ margin-top:6%;padding: 3% 0;}
    .search-main .list ul li {
    padding: 3% 0;
}
.search-main .list ul li a .tu {
    margin-bottom: 2%;
}
.search-main .list ul li a .text .demo {
    margin-bottom: 2%;
}
.search-main .list ul li a .text .rq {
    margin-bottom: 2%;
}
}
@media only screen and (max-width:500px) {

.search-main .type {
    font-size:2.5rem;
    font-weight: normal;
}
}