.focus-box {
            background-position: center;
            position: relative;
            font-family: '\5b8b\4f53';
        }
.libox2 p::before{background: rgb(54,52,99);}
.color-blue{color: rgb(54,52,99);}
        .focus-container {
            overflow: hidden;
            position: relative;
            visibility: hidden;
        }

            .focus-container .focus-item {
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                overflow: hidden;
            }

                .focus-container .focus-item img {
                    width: 100%;
                    height: 100%;
                    border: 0;
                    vertical-align: top;
                }

        .focus-title-bar {
            position: absolute;
            left: 50%;
            bottom: 34px;
            z-index: 40;
            width: 100%;
            height: 50px;
            margin-left: -550px;
        }

        .focus-title-bg {
            width: 100%;
            height: 100%;
            background-color: #000;
            opacity: 0.7;
            filter: alpha(opacity=70);
        }

        .focus-title {
            display: inline-block;
            white-space: nowrap;
            height: 50px;
            line-height: 50px;
            padding: 0 15px;
            color: #fff;
            font-size: 20px;
            font-weight: normal;
            font-family: "Microsoft YaHei";
            position: absolute;
            left: 0;
            top: 0;
            z-index: 50;
        }

            .focus-title a, .focus-text a {
                color: #fff;
                text-decoration: none;
            }

                .focus-title a:hover, .focus-text a:hover {
                    color: #e5e5e5;
                    text-decoration: none;
                }

        .focus-text-box {
            position: absolute;
            left: 30px;
            top: 10px;
            z-index: 20;
            width: 40%;
            height: 100px;
        }

        .focus-text-bg {
            width: 100%;
            height: 100%;
            background-color: #000;
            opacity: 0.7;
            filter: alpha(opacity=70);
        }

        .focus-text-inner {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 30;
            height: 100%;
            overflow: hidden;
        }

        .focus-text {
            padding: 10px;
            line-height: 1.5;
            color: #fff;
            font-size: 13px;
        }

        .focus-navigation {
            display: block;
            width: 30px;
            text-align: center;
            height: 50px;
            line-height: 50px;
            background: #000;
            text-decoration: none;
            color: #fff;
            font-size: 30px;
            font-weight: bold;
            text-decoration: none;
            cursor: pointer;
            position: absolute;
            top: 50%;
            margin-top: -25px;
            z-index: 50;
            opacity: 0.7;
            filter: alpha(opacity=70);
        }

            .focus-navigation:hover {
                font-size: 30px;
                font-weight: bold;
                color: #fff;
                text-decoration: none;
            }

            .focus-navigation:active {
                opacity: 1;
                filter: alpha(opacity=100);
            }

        .focus-prev {
            left: 0px;
        }

        .focus-next {
            right: 0px;
        }

        .focus-pagination {
            position: absolute;
            right: 10px;
            bottom: 0;
            z-index: 60;
            height: 20px;
            text-align: right;
        }

        .focus-page {
            display: inline-block;
            width: 0px;
            height: 10px;
            line-height: 10px;
            text-align: center;
            font-size: 12px;
            text-decoration: none;
            font-family: Arial, Helvetica, sans-serif;
            overflow: hidden;
            border-radius: 5px;
            background-color: #999;
            color: #fff;
            margin-right: 5px;
            cursor: pointer;
        }

            .focus-page span {
                display: none;
            }

            .focus-page:hover {
                text-decoration: none;
                font-size: 12px;
                color: #fff;
                font-weight: bold;
            }

        .focus-page-active {
            background-color: #ff4019;
        }

        .mbanner .focus .focus-title-bar {
            height: 45px;
            bottom: 40px;
            left: 50%;
            right: auto;
            margin-left: -600px;
        }

            .mbanner .focus .focus-title-bar .focus-title {
                display: inline-block;
                white-space: nowrap;
                height: 45px;
                line-height: 45px;
                color: #fff;
                font-size: 16px;
            }

        .mbanner .focus .focus-title-bg {
            width: 100%;
            height: 100%;
            background-color: #000;
            opacity: 0.4;
            filter: alpha(opacity=60);
        }

        .mbanner .focus .focus-pagination {
            height: 24px;
            padding-bottom: 32px;
            position: absolute;
            right: 0;
            bottom: 0px;
            left: 0px;
            margin-right: 0px;
            z-index: 60;
            background: url(/_upload/tpl/01/39/313/template313/img/focus_pagination.png) no-repeat center center;
            text-align: center;
        }

        .mbanner .focus .focus-page {
            width: 20px;
            height: 24px;
            background: url(/_upload/tpl/01/39/313/template313/img/focus_page.png) no-repeat;
            cursor: pointer;
            margin: 0 4px;
            border-radius: 0px;
        }

        .mbanner .focus .focus-page-active {
            background: url(/_upload/tpl/01/39/313/template313/img/focus_page.png) no-repeat;
        }

        .mbanner .focus .focus-page-1 {
            background-position: left top;
        }

            .mbanner .focus .focus-page-1.focus-page-active {
                background-position: left bottom;
            }

        .mbanner .focus .focus-page-2 {
            background-position: -56px top;
        }

            .mbanner .focus .focus-page-2.focus-page-active {
                background-position: -56px bottom;
            }

        .mbanner .focus .focus-page-3 {
            background-position: -108px top;
        }

            .mbanner .focus .focus-page-3.focus-page-active {
                background-position: -108px bottom;
            }


        .mbanner .focus .focus-navigation {
            width: 34px;
            opacity: 0.7;
            filter: alpha(opacity=70);
        }

            .mbanner .focus .focus-navigation:hover {
                opacity: 1;
                filter: alpha(opacity=100);
            }

            .mbanner .focus .focus-navigation:active {
                opacity: 1;
                filter: alpha(opacity=100);
            }

        .mbanner .focus .focus-prev {
            left: 0px;
        }

        .mbanner .focus .focus-next {
            right: 0px;
            background-position: right top;
        }

        .swiper-container {
            width: 100%;
            /*height: 100%;*/
        }

        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;
            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }

        .swiper-container2 {
            height: 150px;
        }

            .swiper-container2 .swiper-pagination {
                bottom: 5px;
                text-align: right;
                padding-right: 10px;
            }

            .swiper-container2 .swiper-pagination-bullet {
                width: 8px;
                height: 8px;
                margin: 0 3px !important;
            }

        .menudiv {
            background-color: #363463;
        }

        header {
            background-color: #363463;
            height: 100px;
        }

        footer {
            background-color: #363463;
        }

        .link {
            background-color: transparent;
        }
.wp_nav .nav-item > a {
            color: white;
        }

       .wp_nav .nav-item {
            width: 10%;
        }

 
        .wp_search .search {
            margin-left: -50px;
        }

        .search {
            float: right;
            position: relative;
            background: rgba(255,255,255,.9);
            border: 1px #363463 solid;
            line-height: 2;
            width: 150px;
            z-index: 99;
            margin-top: 0px;
            padding-left: 10px;
            background: url('/_upload/tpl/01/39/313/template313/img/seach.png') 90% 50% no-repeat #fff;
            height: 30px;
        }

        .logo {
            margin-left: 60px;
        }

        .pad-10 {
            line-height: 30px;
        }

        .bg-gray-d {
            background: #e1dddd;
        }
       @media screen and (max-width: 980px) {
            .link {
                display: none;
            }

            .search {
                width: 100%;
                padding: 5px;
                border-radius: 0;
                margin: 0 5px;
            }

            .telnav {
                display: block;
            }

            .logo {
                width: 80%;
                max-width: 375px;
                margin-left: 12%;
            }

            #zsybox {
                padding: 10px;
            }

                #zsybox .col-32 {
                    width: 100%;
                }

            footer {
                font-size: 14px;
            }

                footer .w1200 > div {
                    width: 100%;
                    text-align: center;
                }

                footer .w1200 img {
                    margin: 20px auto;
                }

                footer .fot a:before {
                    display: none;
                }

         

     
        }

        .focus-box {
            background-position: center;
            position: relative;
            font-family: '\5b8b\4f53';
        }

        .focus-container {
            overflow: hidden;
            position: relative;
            visibility: hidden;
        }

            .focus-container .focus-item {
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                overflow: hidden;
            }

                .focus-container .focus-item img {
                    width: 100%;
                    height: 100%;
                    border: 0;
                    vertical-align: top;
                }

        .focus-title-bar {
            position: absolute;
            left: 50%;
            bottom: 34px;
            z-index: 40;
            width: 100%;
            height: 50px;
            margin-left: -550px;
        }

        .focus-title-bg {
            width: 100%;
            height: 100%;
            background-color: #000;
            opacity: 0.7;
            filter: alpha(opacity=70);
        }

        .focus-title {
            display: inline-block;
            white-space: nowrap;
            height: 50px;
            line-height: 50px;
            padding: 0 15px;
            color: #fff;
            font-size: 20px;
            font-weight: normal;
            font-family: "Microsoft YaHei";
            position: absolute;
            left: 0;
            top: 0;
            z-index: 50;
        }

            .focus-title a, .focus-text a {
                color: #fff;
                text-decoration: none;
            }

                .focus-title a:hover, .focus-text a:hover {
                    color: #e5e5e5;
                    text-decoration: none;
                }

        .focus-text-box {
            position: absolute;
            left: 30px;
            top: 10px;
            z-index: 20;
            width: 40%;
            height: 100px;
        }

        .focus-text-bg {
            width: 100%;
            height: 100%;
            background-color: #000;
            opacity: 0.7;
            filter: alpha(opacity=70);
        }

        .focus-text-inner {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 30;
            height: 100%;
            overflow: hidden;
        }

        .focus-text {
            padding: 10px;
            line-height: 1.5;
            color: #fff;
            font-size: 13px;
        }

        .focus-navigation {
            display: block;
            width: 30px;
            text-align: center;
            height: 50px;
            line-height: 50px;
            background: #000;
            text-decoration: none;
            color: #fff;
            font-size: 30px;
            font-weight: bold;
            text-decoration: none;
            cursor: pointer;
            position: absolute;
            top: 50%;
            margin-top: -25px;
            z-index: 50;
            opacity: 0.7;
            filter: alpha(opacity=70);
        }

            .focus-navigation:hover {
                font-size: 30px;
                font-weight: bold;
                color: #fff;
                text-decoration: none;
            }

            .focus-navigation:active {
                opacity: 1;
                filter: alpha(opacity=100);
            }

        .focus-prev {
            left: 0px;
        }

        .focus-next {
            right: 0px;
        }

        .focus-pagination {
            position: absolute;
            right: 10px;
            bottom: 0;
            z-index: 60;
            height: 20px;
            text-align: right;
        }

        .focus-page {
            display: inline-block;
            width: 0px;
            height: 10px;
            line-height: 10px;
            text-align: center;
            font-size: 12px;
            text-decoration: none;
            font-family: Arial, Helvetica, sans-serif;
            overflow: hidden;
            border-radius: 5px;
            background-color: #999;
            color: #fff;
            margin-right: 5px;
            cursor: pointer;
        }

            .focus-page span {
                display: none;
            }

            .focus-page:hover {
                text-decoration: none;
                font-size: 12px;
                color: #fff;
                font-weight: bold;
            }

        .focus-page-active {
            background-color: #ff4019;
        }

        .mbanner .focus .focus-title-bar {
            height: 45px;
            bottom: 40px;
            left: 50%;
            right: auto;
            margin-left: -600px;
        }

            .mbanner .focus .focus-title-bar .focus-title {
                display: inline-block;
                white-space: nowrap;
                height: 45px;
                line-height: 45px;
                color: #fff;
                font-size: 16px;
            }

        .mbanner .focus .focus-title-bg {
            width: 100%;
            height: 100%;
            background-color: #000;
            opacity: 0.4;
            filter: alpha(opacity=60);
        }

        .mbanner .focus .focus-pagination {
            height: 24px;
            padding-bottom: 32px;
            position: absolute;
            right: 0;
            bottom: 0px;
            left: 0px;
            margin-right: 0px;
            z-index: 60;
            background: url(/_upload/tpl/01/39/313/template313/img/focus_pagination.png) no-repeat center center;
            text-align: center;
        }

        .mbanner .focus .focus-page {
            width: 20px;
            height: 24px;
            background: url(/_upload/tpl/01/39/313/template313/img/focus_page.png) no-repeat;
            cursor: pointer;
            margin: 0 4px;
            border-radius: 0px;
        }

        .mbanner .focus .focus-page-active {
            background: url(/_upload/tpl/01/39/313/template313/img/focus_page.png) no-repeat;
        }

        .mbanner .focus .focus-page-1 {
            background-position: left top;
        }

            .mbanner .focus .focus-page-1.focus-page-active {
                background-position: left bottom;
            }

        .mbanner .focus .focus-page-2 {
            background-position: -56px top;
        }

            .mbanner .focus .focus-page-2.focus-page-active {
                background-position: -56px bottom;
            }

        .mbanner .focus .focus-page-3 {
            background-position: -108px top;
        }

            .mbanner .focus .focus-page-3.focus-page-active {
                background-position: -108px bottom;
            }


        .mbanner .focus .focus-navigation {
            width: 34px;
            opacity: 0.7;
            filter: alpha(opacity=70);
        }

            .mbanner .focus .focus-navigation:hover {
                opacity: 1;
                filter: alpha(opacity=100);
            }

            .mbanner .focus .focus-navigation:active {
                opacity: 1;
                filter: alpha(opacity=100);
            }

        .mbanner .focus .focus-prev {
            left: 0px;
        }

        .mbanner .focus .focus-next {
            right: 0px;
            background-position: right top;
        }

        .swiper-container {
            width: 100%;
            /*height: 100%;*/
        }

        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;
            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }

        .swiper-container2 {
            height: 150px;
        }

            .swiper-container2 .swiper-pagination {
                bottom: 5px;
                text-align: right;
                padding-right: 10px;
            }

            .swiper-container2 .swiper-pagination-bullet {
                width: 8px;
                height: 8px;
                margin: 0 3px !important;
            }

        .menudiv {
            background-color: #363463;
        }

        header {
            background-color: #363463;
            height: 100px;
        }

        footer {
            background-color: #363463;
        }

        .link {
            background-color: transparent;
        }

  
       

        .wp_search .search {
            margin-left: -50px;
        }

        .search {
            float: right;
            position: relative;
            background: rgba(255,255,255,.9);
            border: 1px #363463 solid;
            line-height: 2;
            width: 150px;
            z-index: 99;
            margin-top: 10px;
            padding-left: 20px;
            background: url('/_upload/tpl/01/39/313/template313/img/seach.png') 90% 50% no-repeat #fff;
            height: 30px;
        }

        .logo {
            margin-left: 60px;
        }

        .pad-10 {
            line-height: 30px;
        }

        .bg-gray-d {
            background: #e1dddd;
        }

.menu_top{padding:.4rem 1rem;border-bottom: 1px solid #ccc;font-size: 20px;margin-bottom:2rem;position: relative;}
.menu_top:before{content: '';position: absolute;width: 4px;height:20px;background-image: linear-gradient(45deg,#6baf08 50%,#fbdb28 50%);left:0;top:0;bottom:0;margin:auto;}
.menu_top span {font-size: 17px;text-shadow: 1px 1px 2px rgb(125,125,125);}
.post-16 {width: 100%; float: right;padding-top: 13px;}
.post-16 .news_img {width: 114px; height: 76px;}
.post-16 .news_list {margin: -3px;}
.post-16 .news_list .news {float: left; width: auto; height: auto; margin: 3px; border: none; position: relative; overflow: hidden;}
.post-16 .news_list .news .news_title {width: 94%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 30px; line-height: 30px; padding: 0 5px;}
.post-16 .news_list .news .news_con {width: 100%; position: absolute; bottom: -100%; left: 0; z-index: 1; transition: all 0.5s;}
.post-16 .news_list .news:hover .news_con {bottom: 0;}
.post-16 .news_list li.news .news_bg {    position: absolute;    left: 0px;    bottom: -8px;    right: 0px;    height: 30px;    background:#000;opacity: .7;    filter: Alpha(opacity=70);}
.post-16 .news_list .news .news_img img {    width: 100%;    height: 100%;}
.post-16 .news_list .news:hover .news_bg {width: 100%; height: 30px; position: absolute; bottom: 0;background:rgb(102,156,204);opacity: .7;    filter: Alpha(opacity=70);}
.post-16 .news_list .news:hover .news_title a {color: #fff; font-weight: normal;width: 100%;}
.post-16 .news_list .news:hover .news_img img {-webkit-transform: scale(1.4); -moz-transform: scale(1.4); transform: scale(1.4); filter: alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; transition: all 1s;}
.libox { margin-bottom: 10px;  }
.nav_anim_t-feiqi{animation: trans_t 1s;}
nav {background: #363463;color:white; position: relative;}
.nav_close {
    position: absolute;
    top: .1rem;
    left: .1rem;
    border: 1px solid 
    rgba(255,255,255,.5);
    font: 24px/1 '宋体';
    display: none;
}
.flex-stretch { align-items: stretch;
}
.flex-r-w { flex-flow: row wrap;
}
.flex-x-s {  justify-content: flex-start;
}
.flex {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
  

}
nav{
    background: #363463;
    color: white;
    position: relative;
}
nav ul li{
    position: relative;
    width: 10%;
    border-left: 1px solid #363463;
}
nav a{
    display: block;
    color: white;

}
nav ul li >a{
    text-align: center;
    padding: 16px;
   padding-left:0px;
    font-size: 16px;
}
nav ul li >div a{
    padding:.05rem .00rem .05rem .05rem ;
  color:#000;
}
nav ul li >div{
    position: absolute;
    width: 100%;
    left: 0;
    top: 53px;
    background:#fff;
    display: none;
}
nav ul li{
    z-index: 99;
}
nav ul li:hover >div{
    display: block;
}
nav ul li a:hover{
    background: #1288E7;
  color:#ea8418;
}
nav ul li >div p{   
    position: absolute;
    width: 100%;
    background: rgba(0,148,38,.8);
    left:100%;
    display: none;
}
nav ul li div>a:hover p{
    display: block;
}
.sec_box{	
	position: relative;
}
.sec_box >div{
	position: absolute;
	width: 100%;
	left:100%;
	top:0;
	background: #fff;
	display: none;
}
nav ul li .sec_box:hover >div{
	display: block;
}

/*导航动画*/
.nav_anim ul li:hover div-feiqi {
    animation: .3s nav_anim ease-in;
}
.nav_anim ul li{
    transform-style:revert;
    transform: perspective(800px);
}
@keyframes nav_anim {
    0%{transform: rotateY(30deg);}
    50%{transform: rotateY(-30deg);}
    100%{transform: rotateY(0deg);}
}

.nav_close{
    position: absolute;
    top:.1rem;
    left: .1rem;
    border: 1px solid rgba(255,255,255,.5);
    font: 24px/1 '宋体';
    display: none;
}
.phone_nav{
    position: fixed;
    top:0;
    right: 0px;
    width: 60vw;
    height: 100vh;
    padding-top: .8rem;
    background: rgba(54,52,99,.95);
    z-index: 99999;
}
.phone_nav li{
    width: 100%!important;
}
.phone_nav li a{
    border-bottom: 1px solid rgba(255,255,255,.2);
}
.phone_nav li >div{
    position: relative!important;
    top: 0;
    text-align: center;
    line-height: 2;
}
.phone_nav ul li:hover {display:block;}
.col-2 img{width:80px;}
.col-22 img{height:60px;padding-top:10px;}
.menu2{display:none;}
.dminner{height:248px}
@media screen and (max-width: 980px) {
.dminner{height:90px}
.phone_nav{  display: none;}
            .link {
                display: none;
            }

            .search {
                width: 100%;
                padding: 5px;
                border-radius: 0;
                margin: 0 5px;
            }
.menu2{
    position: absolute;
    top:50px;
    bottom: 0;
    right: .1rem;
     display: block;
   width:30px;
}
.col-2 img{width:30px;}
.col-22 img{height:30px;}
            .telnav {
                display: block;
            }

            .logo {
                width: 80%;
                max-width: 375px;
                margin-left: 12%;
            }

            #zsybox {
                padding: 10px;
            }

                #zsybox .col-32 {
                    width: 100%;
                }

            footer {
                font-size: 14px;
            }

                footer .w1200 > div {
                    width: 100%;
                    text-align: center;
                }

                footer .w1200 img {
                    margin: 20px auto;
                }

                footer .fot a:before {
                    display: none;
                }

            section {
                position: relative;
          
            }

            #kjdh {
               
                width: 98%;
          
                box-sizing: border-box;
            }
.news_list li.news{line-height: normal;}
.mbanner .focus .focus-pagination{margin-bottom: -35px;}
        }
.pad-l-30 {padding-left: 30px;}
.col-9{padding-left: 40px;}
.pad-l-20{padding-left: 30px;}