body {
    padding-top: 5rem;
    font-size: 14px;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    overflow-x:hidden;
}
@media(min-width:768px){
    body{
        padding-top:80px;
        padding-bottom:0;
    }
}
@media(min-width:992px) {
    body {
        padding-top: 110px;
        padding-bottom: 0;
    }
}
@media(min-width:1200px) {
    .container {
        width: 1200px;
        padding-left:0;
        padding-right:0;
    }
    body{
        font-size:14px;
    }
}

@media(min-width:1400px) {
    .container {
        width: 1300px;
        padding-left: 0;
        padding-right: 0;
    }
}

.body {
    font-size: 1.2rem;
    line-height: 1.8;
    color: #666;
    
}

    .body img {
        width: 100%;
    }

    .body p + p {
        margin-top: 1em;
    }
    .body h2, .body h3, .body h4, .body h5, .body h6, .body h1{
        display:block;
        color:#000;
        padding:1em 0;
        line-height:1.6;
    }
    .body h2 {
        font-size:2rem;
    }
    .body h3 {
        font-size:1.8rem;
    }
    .body h4 {
        font-size:15px;
        font-weight:bold;
    }
    .body h1 {
        font-size:2.2rem;
    }

    @media(min-width:1200px){
        .body{
            font-size:15px;
            line-height:2;
        }
        .body img {
            width: auto;
            max-width:1200px;
        }
        .body h1 {
            font-size: 24px;
            font-weight: bold;
        }
        .body h2 {
            font-size: 22px;
            font-weight: bold;
        }
        .body h3 {
        font-size:18px;
        font-weight:bold;
        }
        .body h4 {
            font-size: 16px;
            font-weight: bold;
        }
    }


    .ttable {
        display: table;
        width: 100%;
        height: 100%;
    }
.tcel{display:table-cell; vertical-align:middle; height:100%; width:100%;}
a{}
a:hover,a:active,a:focus{text-decoration:none;}

header {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    background: #fff;
    height: 5rem;
    z-index: 55;
    box-shadow:0 0 15px 0 rgba(0,0,0,.24);
}
header .logo{display:block;}
    header .logo a {
        display: block;
        position: absolute;
        top: 1.2rem;
        bottom: 1.2rem;
        
    }
header .logo a img{height:100%; width:auto;}
header .lang{
    position:absolute;
    right:40px;
    top:0;
    bottom:0;
    width:30px;
    text-align:center;
    z-index:222;
}
    header .lang a {
        display: block;
        background: url(/Images/icon-en.png) no-repeat center center;
        background-size: contain;
        width: 25px;
        height: 25px;
        overflow: hidden;
        text-indent: -9999em;
        margin: 0 auto;
        position: absolute;
        top: 50%;
        margin-top: -12.5px;
        left: 50%;
        margin-left: -12.5px;
    }
    header .lang.en a {
        background: url(/Images/icon-zh.png) no-repeat center center;
        background-size: contain;
    }
        header button#daohang {
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            width: 40px;
            background: none;
            border: none;
            color: #034ba0;
            z-index: 222;
        }
        header button#daohang i {
            font-size: 32px;
            line-height: 1;
            transform: translate(-50%,-50%);
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top:-3px;
        }
        header button#daohang.active i {
            margin-top: -4px;
        }
        header button#daohang.active i:before {
            content: "\e60b";
            font-size: 22px;
        }
    header .container{position:relative;height:100%;}
    header .layui-form{
        position:absolute;
        top:25px;
        right:80px;


    }
        header .layui-form input {
            background: #004a9f;
            border-color: #004a9f;
            border-radius: 2em;
            width: 140px;
            height: 30px;
            color: #fff;
            padding: 0 15px;
            font-size: 12px;
        }
        header .layui-form .layui-btn{
            position:absolute;
            right:0;top:0;
            bottom:0;
            height:auto;
            background:none;
        }
            header .layui-form .layui-btn .xicon-sea {
                background: url(/Images/icon-sea.png) no-repeat center center;
                background-size: contain;
                height: 22px;
                width: 18px;
                display:block;
            }
            header .layui-form input::-webkit-input-placeholder { /* WebKit browsers */
                color: #fff;
            }

            header .layui-form input::-moz-placeholder { /* Mozilla Firefox 19+ */
                color: #fff;
             
            }

            header .layui-form input:-ms-input-placeholder { /* Internet Explorer 10+ */
                color: #fff;
                
            }

   


@media(min-width:768px){
    header{
        height:80px;
    }
        header .logo a {
            top: 20px;
            bottom: 20px;
        }
        header .logo a img{
            float:left;
        }
        header .logo a span{
            position:relative;
            float:left;
            color:#fff;
            margin:10px 0 0 15px;
            font-size:12px;
            line-height:1.2;
            font-family:'Microsoft YaHei';
            padding-left:20px;
            display:none;
        }
            header .logo a span:before {
                position: absolute;
                content: '';
                display: block;
                width: 1px;
                background: rgba(255,255,255,.6);
                left: 0;
                top: 5px;
                bottom: 5px;
            }
        header .lang{
            
        }
      
}
@media(min-width:992px) {
    header {
        height: 110px;
    }
        header .logo{
            
        }
        header .logo a {
            top: 35px;
            bottom: 30px;
        }
    header .logo a span{
        display:block;
        font-size:14px;
    }

        header .layui-form {
            top: 15px;
            right: 40px;
        }
        header .lang{
            height:30px;
            top:15px;
            right:0;
        }
}
@media(min-width:1200px) {
    header {
        height: 110px;
    }
    header .logo a {
        top: 32px;
        bottom: 33px;
    }
        header .logo a img{
            height:auto;
        }
        header .logo a span {
            display: block;
            font-size: 18px;
        }
        header .layui-form{
            top:35px;
            right:45px;
        }
            header .layui-form input{
                height:40px;
                width:140px;
                font-size:14px;
            }
            header .layui-form .layui-btn .xicon-sea {
                height: 20px;
                
            }
        header .lang{
            height:auto;
            top:0;
        }
       
}

nav{
    position:fixed;
    background:rgba(255,255,255,.95);
    left:0;
    right:0;
    top:0;
    height:0;
    overflow:hidden;
    color:#fff;
    z-index:44;
    transition:all ease .3s;
    z-index:22;
}
    nav.active {
        height: auto;
        top: 5rem;
        
        -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.35);
        -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.35);
        box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.35);
    }
    nav ul{padding:10px;padding-bottom:1.5em;}
    nav li {
        padding-left: 20px;
        border-bottom: 1px dotted rgba(0,0,0,.093);
    }
        nav li a{padding:.6rem 0;display:block;font-size:1.5rem;  }
            nav li a:focus{color:#fff;}
            nav li:last-child {
                padding-top: 1.5em;
                border-bottom: none;
                padding-left: 0;
            }
            nav li:last-child a {
                background: #004a9f;
                color: #fff;
                border-radius: 10em;
                text-align: center;
                padding: 1rem 0;
                font-size: 1.8rem;
            }
@media(min-width:768px){
    nav.active{
        top:80px;
    }
}
@media(min-width:992px){
    nav.active {
        height: 42px;
        top: 80px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    nav {
        position: relative;
        height: 42px;
        background:none;
        margin-right:-15px;
        top:40px;
        z-index:22;
        float:right;
    }
    nav ul{margin:0 -5px;padding:0;}
    nav ul:after{content:'';display:block; clear:both;}
        nav li {
            
            float: left;
            padding: 0 15px;
            border: none;
            text-align: center;
            height: 42px;
            position:relative;
        }
            nav li+li:before{
                position:absolute;
                top:15px;
                bottom:15px;
                left:0;
                width:1px;
                background:rgba(255,255,255,.4);
                content:'';
            }
            nav li a {
                padding: 0;
                font-size: 14px;
                position: relative;
                line-height:42px;
                color: #333;
                font-weight:bold;
                height: 42px;
                display: inline-block;
            }
                nav li a:hover {
                    color: #004a9f;
                }
                nav li.active a:after {
                    opacity: 1;
                }
        nav li a:after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            height: 1px;
            background: #fff;
            opacity: 0;
            transition:all ease .3s;
            border-radius:5px;
        }
        nav li a:hover:after {
            opacity:1!important;
        }

    nav li:last-child{padding-right:10px;padding-left:15px;}
            nav li:last-child {
                padding-top: 0;
                border-bottom: none;
            }

                nav li:last-child a {
                    background: none;
                    border-radius: 0;
                    text-align: center;
                    padding: 0;
                    color: #333;
                    font-size: 14px;
                    height: 42px;
                    line-height: 42px;
                    width: auto;
                    display: block;
                    padding-top: 0;
                    margin: 0 0 0 auto;
                }
                    nav li:last-child a:hover{
                        color:#004a9f;
                    }
                    nav li:last-child a:after {
                        content: '';
                        position: absolute;
                        left: 0;
                        bottom: 0;
                        right: 0;
                        height: 1px;
                        background: #fff;
                        opacity: 0;
                        transition: all ease .3s;
                        border-radius: 5px;
                    }
            nav li.active a {
                color: #000;
                height: 42px;
            }
        nav li.active a:after{
            opacity:0;
        }
}
@media(min-width:992px) {
    nav{
        top:50px;
       
    }
        nav li{
            padding:0 20px;
        }
        nav li a {
            font-size: 15px !important;
        }
        nav li.active a{
  
        }
          
}

@media(min-width:1200px) {
   
       
        nav {
            left:auto;
            top: 36px;
            right:220px;
        }
    nav ul{}
    nav li{
        
        padding:0 15px;
    }
        nav li:first-child{
            width:auto;
        }
        nav li + li:before{
            top:14px;bottom:12px;
        }
        nav li a {
          
            font-size:18px !important;
            font-weight:400;
        }
        nav li.active a{
           
        }
        nav li a span {
           
            margin: 0;
        }
        nav li:last-child{}
            nav li:last-child a {
              
            }
}
@media(min-width:1400px){
    nav {
        right: 240px;
    }
        nav li {
            padding: 0 25px;
        }
}



/*BANNER*/
.banner {
    height: 680px;
    position:relative;
}
    .banner .swiper-container {
        height: 100%;
    }

    .banner .swiper-slide {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height:100%;
    }
    .banner .container {
        display: table;
        height: 100%;
        

    }

    .banner .swiper-button-prev {
        background: rgba(0,0,0,.35);
        width: 36px;
        height: 76px;
        left: 0;
        transition: all ease .3s;
        outline: none;
    }

        .banner .swiper-button-prev:hover {
            opacity: 1;
            background: #004a9f;
        }

            .banner .swiper-button-prev:hover:before {
                opacity: 1;
            }

        .banner .swiper-button-prev:before {
            position: absolute;
            content: '';
            top: 50%;
            margin-top: -10px;
            left: 50%;
            margin-left: -10px;
            width: 20px;
            height: 20px;
            background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E") no-repeat center center;
            background-size: contain;
            opacity: .5;
        }

    .banner .swiper-button-next {
        background: rgba(0,0,0,.35);
        width: 36px;
        height: 76px;
        right: 0;
        transition: all ease .3s;
        outline: none;
    }

        .banner .swiper-button-next:hover {
            opacity: 1;
            background: #004a9f;
        }

            .banner .swiper-button-next:hover:before {
                opacity: 1;
            }

        .banner .swiper-button-next:before {
            position: absolute;
            content: '';
            top: 50%;
            margin-top: -10px;
            left: 50%;
            margin-left: -10px;
            width: 20px;
            height: 20px;
            background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E") no-repeat center center;
            background-size: contain;
            opacity: .5;
        }
    .banner .swiper-pagination {
        bottom: 15px;
    }
    .banner .swiper-pagination-bullet {
        opacity: 1;
        background: none;
        outline: none;
    }

    .banner .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        border-radius: 10em;
        background: none;
        border:2px solid #fff;
    }

    .banner .swiper-pagination-bullet-active {
        background: #fff;
        border-color:#fff;
        width: 12px;
        height: 12px;
    }


    .banner .item {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        height: 100%;
        padding: 0 15px;
        color: #fff;
        text-shadow: 0px 0px 10px #333;
        padding-top: 3em;
        padding-right:30%;
        margin:0;padding-bottom: 15em;
    }

        .banner .item .th1 {
            font-size: 18px;
            line-height: 1.2;
            padding-bottom: .6em;
            font-weight:bold;
        }

        .banner .item .des {
            font-size: 14px;
            line-height: 1.8;
        }


.xbanner {
    position: relative;
    height: 300px;
}


    .xbanner .swiper-container {
        height: 100%;
    }

    .xbanner .swiper-slide {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        display:table;
    }
    .xbanner .item {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        height: 100%;
        padding: 0 15px;
        color: #fff;
        text-shadow: 1px 1px 1px #ADA9A6;
        padding-top:0;
        padding-bottom: 0;
    }
        .xbanner .item .th1{
            font-size:1.4rem;
            line-height:1.2;
            padding-bottom:.6em;
            text-align: center!important;
        }
        .xbanner .item .des {
            font-size: 1.1rem;
            line-height: 1.4; text-align: center!important;
        }

        .xbanner a {
            display: block;
            position: relative;
            height: 100%;
        }
    .xbanner a>div {position:absolute;left:0;top:0;bottom:0;right:0; z-index:2; text-align:center;}
    .xbanner .title1 {
        font-size: 3rem;
        font-weight: bold;
        line-height:1;
        color: #fff;
        text-shadow: 1px 1px 1px rgba(0,0,0,.82);
    }
    .xbanner .title2 {
        padding-top: 1rem;
        font-size: 2rem;
        line-height: 1;
        font-weight: 300;
        color: #fff;
        text-shadow: 1px 1px 1px rgba(0,0,0,.92);
    }
    .xbanner .swiper-pagination {
        bottom: 5px;
    }
    .xbanner .swiper-pagination-bullet {
        opacity: 1;
        background: none;
        outline: none;
        
    }

    .xbanner .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        border-radius: 10em;
        background: none;
        border: 2px solid #fff;
    }

    .xbanner .swiper-pagination-bullet-active {
        background: #ea6f18;
        border-color: #ea6f18;
        width: 10px;
        height: 10px;
        margin-left: -6px;
        margin-top: -6px;
    }
@media(min-width:768px){
    .banner {
        height: 450px;
    }
        .banner .title1 {
            font-size: 30px;
            text-shadow: 1px 1px 10px rgba(0,0,0,.82);
        }

        .banner .title2 {
            font-size: 18px;
            padding-top: 15px;
            text-shadow: 1px 1px 10px rgba(0,0,0,.82);
        }
        .xbanner .item{
            padding-bottom: 14em;
        }
        .xbanner .item .th1{
            text-align: left!important;
        }
        .xbanner .item .des{
            text-align: left!important;
        }
}
@media(min-width:992px) {
    .banner {
        height: 550px;
    }
        .banner .item .th1 {
            font-size: 30px;
            padding-bottom:.2em;
        }

        .banner .item .des {
            font-size: 18px;
            padding-top: 20px;
        }
}
@media(min-width:1200px) {
    .banner {
        height: 660px;
        position: relative;
    }
        .banner .item .th1 {
            font-size: 34px;
            padding-bottom: .2em;
        }

        .banner .item .des {
            font-size: 20px;
            padding-top: 20px;
        }
}

footer{
    background:#444;
    padding:20px 0;
}
.footer-info{
    color:#fff;
    border-bottom:1px solid rgba(255,255,255,.2);
    padding-bottom:20px;
}
.footer-info h2{
    font-size:2rem;
}
.footer-info h3{
    font-size:1.4rem;
}

.footer-nav {
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255,255,255,.2);
}
    .footer-nav:after{
        content:'';
        display:block;
        clear:both;
    }
    .footer-nav > ul {
        margin: 0 -10px;
    }
.footer-nav>ul>li{
    width:33.33%;
    float:left;
    padding:0 10px;
}
    .footer-nav > ul > li>a{
        font-size:1.8rem;
        color:#fff;
        display:block;
        line-height:1;
        padding:10px 0;
    }
    .footer-nav > ul > li>ul>li>a{
        color:rgba(255,255,255,.5);
        display:block;
        line-height:1;
        padding:5px 0;
    }

    footer .copy{
       
        padding-top:20px;
        text-align:center;
        color:rgba(255,255,255,.8);
    }
        footer .copy a {
            color: rgba(255,255,255,.8);
        }
@media(min-width:768px){
    footer{
        padding-top:30px;
    }
    .footer-info{
        border:none;
        font-size:12px;
        color:rgba(255,255,255,.5);
    }
    .footer-info h2{
        font-size:16px;
        color:#fff;
        display:block;padding-bottom:5px;
    }
    .footer-info p+p{
        
    }
        .footer-info h3 {
            font-size: 12px;
            color: #fff;
        }
    .footer-nav{
        padding-top:0;
        border:none;
    }
    .footer-nav>ul>li>a{
        padding-top:0;
        font-size:14px;
    }
    .footer-nav>ul>li>ul>li>a{
        font-size:12px;
        line-height:1.3;
    }
    .footer-img{

    }
    .footer-img .img img{
        padding:5px;
        background:#fff;
        border-radius:10px;
    }
    .footer-img .icons{
        padding-top:10px;
    }
        .footer-img .icons ul{
            margin:0 -10px;
        }
        .footer-img .icons li{
            width:33.33%;
            float:left;
            text-align:center;
        }
        .footer-img .icons li a{
            color:rgba(255,255,255,.5);
            font-size:18px;
        }
            .footer-img .icons li a:hover{
                color:#fff;
            }
            .footer-img .icons li a.icon-weibo1{
                font-size:20px;
            }
            .footer-img .icons li a.icon-weixin {
                font-size: 20px;
            }
            footer .copy{
                border-top:1px solid rgba(255,255,255,.2);
                font-size:12px;
            }
}

@media(min-width:992px){
    footer {
        padding-top: 40px;
    }
    .footer-info h2{
        font-size:18px;
        line-height:1;
    }
    .footer-info{
        line-height:1.8;
    }
    .footer-nav{
        padding-left:50px;
    }
    .footer-nav>ul>li>a{
        font-size:18px;
    }

    .footer-img{
        width:110px;
        float:right;
    }
    footer .copy{
        margin-top:20px;
    }
}
@media(min-width:1200px) {
    footer {
        padding-top: 60px;
    }

    .footer-info h2 {
        font-size: 20px;
        line-height: 1;
    }

    .footer-info {
        line-height: 1.8;
        font-size:15px;
    }

    .footer-nav {
        padding-left: 100px;
    }

        .footer-nav > ul > li > a {
            font-size: 20px;
        }
        .footer-nav > ul > li>ul>li>a{
            font-size:15px;
        }

        .footer-img {
            width: 110px;
            float: right;
        }

    footer .copy {
        margin-top: 20px;
        font-size:15px;
        color:rgba(255,255,255,.7);
    }
}




/*index*/
.index-tit{
    display:block;
    padding:30px 0;
    text-align:center;
}
.index-tit h2{
    line-height:1;
    font-size:2rem;
    font-weight:bold;
    position:relative;
    padding-bottom:5px;
}
.index-tit h2>span{
    display:block;
    font-size:1rem;
    color:rgba(0,0,0,.2);
    font-weight:normal;
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    text-transform:uppercase;
    padding:5px 0;
}
.index-tit h2:after{
    content:'';
    display:block;
    position:absolute;
    bottom:0;
    left:50%;
    width:1em;
    margin-left:-0.5em;
    height:2px;
    background:#004a9f;
    border-radius:10px;
}
.index-tit a.more{
    display:none;
}
.index-tit a.more.btn-default{

}
.index-tit .anlitab{
    padding-top:20px;
}
    .index-tit .anlitab li{
        display:inline-block;
        margin-bottom:5px;
        
    }
    .index-tit .anlitab li a{
        display:block;
        height:30px;
        line-height:30px;
        border:1px solid rgba(0,0,0,.2);
        padding:0 10px;
    }
        .index-tit .anlitab li a:hover {
            border: 1px solid rgba(0,0,0,.3);
        }
        .index-tit .anlitab li.active a {
            background: #004a9f;
            border-color: #004a9f;
            color: #fff;
        }

.index-box1 {
    background: #fbfbfb;
    padding-bottom:20px;
}
img{
    object-fit:cover;
    width:100%;
}
.index-box1 .img{

}
.index-box1 .txt{
    padding-top:20px;
}
.index-box1 .txt h3{
    font-size:1.8rem;
    line-height:1;
    padding-bottom:10px;
}
.index-box1 .txt .body{
    padding-bottom:20px;
}
.index-box1 .txt .botton{
    text-align:center;
}
    .index-box1 .txt .botton a{

    }

    .btn{
        border-radius:0;
        padding-left:20px;padding-right:20px;
    }

.index-box2 .item{
    position:relative;
}
.index-box2 .item .img{
    height:260px;
    overflow:hidden;
    position:relative;
    z-index:1;
}
.index-box2 .item .img:before{
    content:'';
     position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:2;
    background:rgba(0,0,0,.5);
    z-index:2;

}
.index-box2 .item .img img{
    height:100%;
    
}
    .index-box2 .item .txt {
        position: absolute;
        z-index: 2;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        text-align: center;
        color: #fff;
        font-size: 1.4rem;
        transition: all ease-in-out .3s;
    }
.index-box2 .item .txt>span{
    height:50px;
    overflow:hidden;
    display:block;
    position:relative;
}
    .index-box2 .item .txt > span img {
        width: 45px;
        object-fit: contain;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .index-box2 .item .txt h3 {
        font-size: 1.6rem;
        display:block;
        padding-top:8px;
        line-height:1.4;
    }
.index-box2 .item .des{
    position:absolute;
    width:100%;
    height:100%;
    z-index:3;
   top:100%;
   transition:all ease-in-out .3s;
   background:rgba(0,74,159,.8);
   padding:20px;
}
.index-box2 .item .des a{
    color:#fff;
}
.index-box2 .item .des h3{
    display:block;
    font-size:1.6rem;
    font-weight:bold;
    padding-bottom:5px;
    line-height:1;
    padding-top:10px;
}
    .index-box2 .item .des p {
        line-height: 1.8;
        padding-top: 10px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        word-break: break-all;
    }
    .index-box2 .item .des span {
        width: 40px;
        height: 40px;
        font-size:20px;
        position:absolute;
        bottom:20px;
    }
    .index-box2 .item .des span i{
        font-size:20px;
    }
.index-box2 .item:hover .des{
    top:0;
}
.index-box2 .item:hover .txt{
    top:-100%;
}
.index-box2 .box{
    padding-bottom:100px;
    position:relative;
}
    .index-box2 .box .swiper-button-prev, .index-box2 .box .swiper-button-next{
        bottom:30px;
        top:auto;
        border:1px solid rgba(0,0,0,.1);
        background:none;
        width:40px;
        height:40px;
        transition:all ease-in .3s;
        
    }
        .index-box2 .box .swiper-button-prev{
            left:50%;
            transform:translateX(-120%);
        }
    .index-box2 .box .swiper-button-next {
        right: 50%;
        transform: translateX(120%);
    }
        .index-box2 .box .swiper-button-prev:before, .index-box2 .box .swiper-button-next:before {
            content: '';
            transition: all ease-in .3s;
            position: absolute;
            top: 50%;
            width: 20px;
            height: 20px;
            margin-top: -10px;
            left: 50%;
            margin-left: -10px;
            background-repeat: no-repeat !important;
            background-position: center center !important;
            background-size: contain !important;
        }
        .index-box2 .box .swiper-button-prev:before {
            background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ccc'%2F%3E%3C%2Fsvg%3E");
            
        }
        .index-box2 .box .swiper-button-next:before {
            background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ccc'%2F%3E%3C%2Fsvg%3E");
        }
    .index-box2 .box .swiper-button-prev:hover, .index-box2 .box .swiper-button-next:hover {
        border-color:#004a9f;
    }
    .index-box2 .box .swiper-button-prev:hover:before {
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23004a9f'%2F%3E%3C%2Fsvg%3E");
    }
        .index-box2 .box .swiper-button-next:hover:before {
            background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23004a9f'%2F%3E%3C%2Fsvg%3E");
        }

.index-box3{
    background:url(/Images/7.jpg) no-repeat center center;
    background-size:cover;
    padding-bottom:60px;
}
.index-box3 .index-tit{
    color:#fff;
}
.index-box3 .index-tit h2 span{
    color:rgba(255,255,255,.5);
}
.index-box3 .index-tit h2:after{
    background:#fff;
}
.index-box3 .box{
    background:#fff;
    padding:15px;
}
.index-box3 .img{
    height:240px;
    overflow:hidden;
}
.index-box3 .img .swiper-container{
    height:100%;
}
    .index-box3 .img .item{
        height:100%;
    }
    .index-box3 .img .item a{
        display:block;
        position:relative;
        height:100%;
    }
    .index-box3 .img .item img{
        height:100%;
    }
        .index-box3 .img .item p {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 10px 15px;
            text-align: center;
            margin: 0;
            color: #fff;
            background: rgba(0,0,0,.8);
            overflow: hidden;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
        }
.index-box3 .txt .item{
    position:relative;
    padding-top:20px;
    padding-bottom:20px;
    
}
    .index-box3 .txt .item + .item{
      
    }
    .index-box3 .txt .item + .item:before {
        content: '';
        display: block;
        background: rgba(0,0,0,.05);
        position: absolute;
        left: 0;
        right: 0;
        height: 1px;
        top:0;
    }
    .index-box3 .txt .item a{
        display:block;
        padding-left:90px;
        position:relative;
        padding-right:15px;
    }
    .index-box3 .txt .item h3{
        font-size:1.4rem;
        display:block;
        line-height:1.2;
        font-weight:bold;
    }
    .index-box3 .txt .item p{
        margin-top:8px;
        color:rgba(0,0,0,.4);
        font-size:1.2rem;
    }
    .index-box3 .txt .item span{
        position:absolute;
        left:0;
        top:50%;
        transform:translateY(-50%);
        font-size:1.2rem;
        text-align:center;
        width:80px;
        line-height:1;
        color:rgba(0,0,0,.3);
    }
        .index-box3 .txt .item span i {
            display: block;
            text-align: center;
            font-style: normal;
            font-size: 42px;
            color: #0178cb;
        }
    .index-box3 .txt .item:hover{
        background:#004a9f;
        color:#fff;
    }
        .index-box3 .txt .item:hover h3, .index-box3 .txt .item:hover p, .index-box3 .txt .item:hover span, .index-box3 .txt .item:hover span i{
            color: #fff;
        }
.index-box4{
    background:#fbfbfb;
    padding-bottom:60px;
}
.index-box4 .row {
    margin: 0 -5px;
}
.index-box4 .row .col-xs-6{
    padding:5px;
}
.index-box4 .item{
    display:none;
}
.index-box4 .item.active{
    display:block;
}
.index-box4 .items {
    transition: all ease-in .3s;
}
.index-box4 .items a{
    display:block;
}
.index-box4 .items .img{
    height:120px;
    overflow:hidden;
}
    .index-box4 .items .img img {
        height: 100%;
        transition: all ease-in .3s;
    }
    .index-box4 .items .txt {
        height: 40px;
        line-height: 40px;
        padding: 0 15px;
        box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
        overflow: hidden;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        position: relative;
        transition: all ease-in .3s;
    }
        .index-box4 .items .txt:after {
            position: absolute;
            right: 5px;
            top: 50%;
            transform: translateY(-50%);
            font-family: "iconfont" !important;
            font-size: 16px;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e74a";
            color:#ccc;
        }
    .index-box4 .items:hover {
        box-shadow: 0 0 5px 0 rgba(0,74,159,.4);
    }
        .index-box4 .items:hover .img img{
            transform:scale(1.1);
        }
        .index-box4 .items:hover .txt {
            background: #004a9f;
            color: #fff;
        }

.index-box5{
    padding-bottom:60px;
}

.index-box5 .box{}
    .index-box5 .box ul{
        margin:0 -5px;
    }
    .index-box5 .box:after{
        content:'';
        display:block; clear:both;
    }
    .index-box5 .box li {
        width: 33.33%;
        float: left;
        padding:5px;
    }
    .index-box5 .box li a{
        border:1px solid rgba(0,0,0,.1);
        display:block;
        transition:all ease-in-out .3s;
        height:50px;
        overflow: hidden;
    }
    .index-box5 .box li a img{
       
        object-fit: contain;
        
    }
    .index-box5 .box li a:hover{
        border-color:#004a9f;
    }
.box {
}

    .box:before, .box:after {
        display: block;
        clear: both;
        content: '';
    }
@media(min-width:768px){
    .index-box1{
        padding-bottom:60px;
    }
    .index-box1 .img {
        float: right;
        width: 300px;
        height: 200px;
        overflow:hidden;
    }
    .index-box1 .txt{
        margin-right:320px;
    }
    .index-box1 .txt .botton{
        text-align:left;
    }
    .index-box1 .txt h3{
        font-weight:bold;
    }
    .index-box2 .row{}
    .index-box2 .col-sm-3{
        padding:5px;
    }
    .index-box5 .box li{
        width:25%;
    }
        .index-box5 .box li a{
            height:80px;
        }
}
@media(min-width:992px){
    .index-box1 .container, .index-box2 .container, .index-box3 .container, .index-box4 .container, .index-box5 .container{
        position:relative;
        padding-left:200px;
    }
    .index-box1{
        padding-top:60px;
        padding-bottom:60px;
    }
    .index-tit {
        position:absolute;
        left:0;
        bottom:0;
        width: 200px;
        text-align: left;
        top:0;
        padding-top:0;
        padding-bottom:0;
    }
    .index-tit h2:after{
        left:0;
        margin-left:0;
        height:3px;
    }
    .index-tit h2{
        font-size:24px;
        padding-bottom:20px;
    }
    .index-tit h2 span{
        font-size:16px;
        color:rgba(0,0,0,.5);
        padding-top:10px;
    }
    .index-tit a.more{
        display:block;
        position:absolute;bottom:0;
        padding:10px 40px;
    }
        .index-tit .anlitab li{
            display:block;
            width:160px;
            text-align:center;
        }
            .index-tit .anlitab li a {
                height: 40px;
                line-height: 40px;
            }
            .index-box2, .index-box3, .index-box4, .index-box5 {
                padding-top: 60px;
                padding-bottom: 60px;
            }
    .index-box2 .box{
        padding-bottom:0;
    }
        .index-box2 .box .swiper-button-prev{
            left:-150px;
            bottom:0;
        }
        .index-box2 .box .swiper-button-next {
            left: -200px;
            bottom: 0;
        }
        .index-box3 .index-tit a.more{
            background:none;
            color:#fff;
        }
                .index-box4 .container{
                    min-height:480px;
                }
                .index-box4 .items .img {
                    height: 180px;
                }
                .index-box4 .row {
                    margin-top: -10px;
                    margin-bottom: -10px;
                }
                .index-box4 .row .col-xs-6 {
                    padding-top: 10px;
                    padding-bottom: 10px;
                }
                .index-box4 .items .txt{
                    height:50px;
                    line-height:50px;
                }
                .index-box3{
                    overflow:hidden;
                }
                .index-box3 .box {
                    padding: 30px;
                    padding-right:0;
                }
                    .index-box3 .box:after{
                        position:absolute;
                        content:'';
                        top:0;
                        bottom:0;
                        width:100%;
                        right:-50%;
                        background:#fff;
                    }
                    .index-box3 .img {
                        width: 40%;
                        float: left;
                        position:relative;
                        z-index:2;
                    }
    .index-box3 .txt{
        position:relative;
        z-index:3;
        margin-left:42%;
    }
        .index-box3 .txt .item h3 {
            overflow: hidden;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
        }
        .index-box3 .txt .item p {
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            word-break: break-all;
        }
        .index-box3 .txt .item{
            padding-top:13px;
            padding-bottom:13px;
        }
}
@media(min-width:1200px){
    .index-tit{
        width:256px;
    }
    .index-tit h2{
        font-size:32px;
        font-weight:400;
    }
    .index-tit h2:after{
        height:5px;
        border-radius:20px;
    }
    .index-box1 .container, .index-box2 .container, .index-box3 .container, .index-box4 .container, .index-box5 .container{
        padding-left:256px;
    }
    .index-box1, .index-box2, .index-box3, .index-box4, .index-box5{
        padding-top:80px;
        padding-bottom:80px;
    }
    .index-box1 .txt h3{
        font-size:20px;
    }
    .index-box1 .txt .body{
        font-size:15px;
        line-height:2;
        padding-top:20px;
        
    }
    .index-box1 .txt{
        margin-right:55%;
        padding-left:40px;
    }
    .index-box1 .img{
        width:50%;
        height:360px;
    }
        .index-box1 .txt .botton a{
            padding:15px 45px;
        }
        .index-box2 .item .img{
            height:320px;
        }
        .index-box2 .item .txt h3{
            font-size:20px;
            padding-top:20px;
        }
        .index-box2 .item .des{
            padding:30px;
        }
        .index-box2 .item .des h3 {
            font-size: 20px;
        }
        .index-box2 .item .des p{
            font-size:15px;

        }
            .index-box2 .item .des span{
                bottom:30px;
            }
            .index-box2 .item .des span i {
                font-size: 32px;
            }
        .index-box2 .box .swiper-button-prev{
            left:-206px;
        }
        .index-box2 .box .swiper-button-next{
            left:-250px;
        }
        .index-box3 .box{
            padding:40px;
            padding-right:0;
        }
        .index-box3 .img {
            width: 426px;
            height: 330px;
        }
        .index-box3 .txt{
            margin-left:446px;
        }
            .index-box3 .txt .item{
                padding-top:22px;
                padding-bottom:23px;
            }
                .index-box3 .txt .item h3{
                    font-size:18px;
                    font-weight:400;
                }
                .index-box3 .txt .item p{
                    font-size:14px;
                }
        .index-box4 .items .img{
            height:190px;
        }
        .index-box4 .items .txt{
            height:70px;
            line-height:70px;
            font-size:16px;
        }
            .index-box4 .items .txt:after{
                right:10px;
            }
        .index-box4 .row{
            margin:-15px;
        }
        .index-box4 .row .col-xs-6 {
            padding: 15px;
        }
        .index-box5 .box li a{
            height:110px;
        }
        .index-box5 .box ul{
            margin:-10px;
        }
        .index-box5 .box li {
            padding: 10px;
        }
        .index-box5 .box ul:after{
            content:'';
            display:block; clear:both;
        }
    .index-tit .anlitab li a{
        font-size:15px;
    }
    .index-tit .anlitab li{
        margin-bottom:10px;
    }
}







/*��ҳ��ʼ*/

/*banner*/
.page-banner {
    height: 170px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position:relative;
}

    .page-banner .container {
        position: relative;
        height: 100%;
    }

    .page-banner .txt {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

        .page-banner .txt h2 {
            font-size: 2.4rem;
            font-weight: bold;
            color: #fff;
            display: block;
            line-height: 1;
            text-shadow: 1px 1px 2px #333;
            padding-bottom: 5px;
        }

        .page-banner .txt span {
            text-transform: uppercase;
            color: #fff;
            text-shadow: 1px 1px 2px #333;
            display: block;
        }
@media(min-width:768px)
{
    .page-banner{
        height:300px;
    }
        .page-banner .txt h2 {
            font-size: 22px;
        }

        .page-banner .txt span {
            font-size: 14px;
        }
}
@media(min-width:992px) {
    .page-banner {
        height: 350px;
    }
        .page-banner .txt h2 {
            font-size: 30px;
        }

        .page-banner .txt span {
            font-size: 16px;
        }
}
@media(min-width:1200px) {
    .page-banner {
        height: 460px;
    }
        .page-banner .txt h2 {
            font-size: 40px;
            text-shadow: 1px 1px 5px rgba(0,0,0,.6);
            font-weight: 400;
        }
        .page-banner .txt span {
            font-size: 18px;
            text-shadow: 1px 1px 3px rgba(0,0,0,.6);
        }
}

.page-container{

}
.page-container .left{
    padding-bottom:15px;
    overflow:hidden;
}
    .page-container .right {
        background: #fafafa;
        margin:0 -15px;
        padding:15px;
        overflow:hidden;
    }
.left-tit{
    display:block;
    padding-top:30px;
    padding-bottom:20px;

}
.left-tit h3{
    font-size:2rem;
    font-weight:bold;
    display:block;
    line-height:1;
    color:#333;
}
.left-tit span{
    display:block;
    font-size:1rem;
    color:#999;
    font-weight:300;
    text-transform:uppercase;
    line-height:1;
    padding-top:5px;
}

.left-nav{
    padding-top:0;
}
.left-nav ul{}
.left-nav li{padding:10px 0;}
.left-nav li a{
    display:block;
    position:relative;
    display:inline-block;
    padding-bottom:6px;
    line-height:1;
}
.left-nav li a:after{
    content:'';
    height:2px;
    border-radius:10px;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    background:#004a9f;
    display:none;
}
.left-nav li.active{}
.left-nav li.active a{
    color:#004a9f;
}
.left-nav li.active a:after{
    display:block;
}

@media(min-width:768px){
    .page-container .left{
        width:150px;
        float:left;
        padding-top:30px;
    }
    .left-tit{
        padding-top:0;
    }
    .left-tit h3{
        font-weight:600;
    }
    .page-container .right {
        position: relative;
        padding: 0;
        margin: 0;
        margin-left: 150px;
        padding-top: 30px;
        padding-bottom:30px;
        z-index:22;
    }
        .page-container .right>div{
            position:relative;
            z-index:22;
            padding-left:20px;
        }
    .page-container{
        position:relative;
    }
    .page-container:after {
        position: absolute;
        right: -50%;
        width: 100%;
        top: 0;
        bottom: 0;
        content: '';
        z-index: 1;
        background: #fafafa;
        display:block;
    }
}
.page-container .right:before{
    content:'';display:block; clear:both;
}
.page-container .right > div:before, .page-container .right > div:after {
    display: block;
    content: '';
    clear: both;
}
@media(min-width:992px) {
    .page-container .left {
        width: 180px;
        padding-top: 40px;
    }
    .page-container .right{
        margin-left:180px;
        padding-top:40px;
    }
        .page-container .right > div{
            padding-left:30px;
            min-height:600px;
        }
}
@media(min-width:1200px) {
    .page-container .left {
        width: 220px;
        padding-top: 80px;
    }

    .page-container .right {
        margin-left: 220px;
        padding-top: 80px;
        padding-bottom:80px;
    }

        .page-container .right > div {
            padding-left: 50px;
        }
        .left-tit h3{
            font-size:30px;
            font-weight:400;
        }
        .left-tit span{
            font-size:14px;
            padding-top:10px;
        }
    .left-nav li{
        padding:20px 0;
    }
    .left-nav li a {
        font-size: 18px;
    }
}

.body-null{
    
    position:relative;
    width:100%;
    height:500px;
    padding-top:100px;
}
    .body-null img{
        width:auto;
        margin:0 auto;
        display:block;
        margin-bottom:20px;
    }
    .body-null > div {
        text-align: center;
       
        text-align: center;
        font-size:18px;

    }

.layui-collapse{
    border:none;
}
.layui-colla-content, .layui-colla-item{
    margin:5px 0;
    border:none;
    border-radius:5px;
}
.layui-colla-title{
    background:#004a9f;
    color:#fff;
    border-radius:5px;
    padding-left:10px;
}
.layui-colla-content{
    background:#fff;
}
.layui-colla-icon {
    left: auto;
    right: 0;
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent:-9999em;
    overflow:hidden;
    width:30px;

}
    .layui-colla-icon:before {
        content: "\e620";
        position:absolute;
        left:0;
        top:0;
        font-size:16px;
        width:30px;
        text-indent:0;
    }
.in .layui-colla-icon:before {
    content: "\e728";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px;
    width: 30px;
    text-indent: 0;
}
@media(min-width:1200px){
    .body-null > div{
        font-size:25px;
    }
    .layui-colla-title {
        font-size: 20px;
        height: 70px;
        line-height: 70px;
        padding-left: 20px;
    }
    .layui-colla-icon{
        right:10px;
    }
    .layui-colla-content{
        padding:30px;
    }
    .layui-colla-content, .layui-colla-item{
        margin:10px 0;
    }
    .layui-colla-icon:before, .in .layui-colla-icon:before {
        font-size: 24px;
    }
}

.page-fwlist{}
.page-fwlist .row{
    margin:-5px;
}
.page-fwlist .col-xs-6{
    padding:5px;
}
    .page-fwlist .item {
        transition: all ease-in-out .3s;
        
    }
.page-fwlist .item a{
    display:block;
    position:relative;
    overflow:hidden;
    border-radius:10px;

}
    .page-fwlist .item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all ease-in-out .3s;
    }
    .page-fwlist .item p {
        position: absolute;
        bottom: 0;
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
        left: 0;
        right: 0;
        text-align: center;
        color: #fff;
        font-size: 1.2rem;
        padding-bottom: 10px;
        padding-top: 20px;
        transition: all ease-in-out .3s;
    }
    .page-fwlist .item:hover a{
        
    }
    .page-fwlist .item:hover img {
        transform:scale(1.2);
    }
    .page-fwlist .item:hover p{
       padding-top:50px;
        padding-bottom:25px;
    }

article{}
    article:before, article:after{
        display:block;
        content:'';
        clear:both;
    }
    .page-fwarticle {
    }
article.page-fwarticle .article-tit {
}
article.page-fwarticle .article-tit h1{
    font-size:2rem;
    font-weight:bold;
    color:#004a9f;
    display:block;
    line-height:1.5;
    padding-bottom:10px;
}
article .row{
    margin:-5px;
    padding-top:20px;
}
article .col-xs-6{
    padding:5px;
}
article .article-fh{
    padding-top:20px;
}
article .article-fh .layui-btn{
    background:#004a9f;
    color:#fff;
    border:none;
}

.article-tit{
    border-bottom:1px solid #ddd;
    margin-bottom:20px;
}
.article-tit h1{
    font-size:2rem;
    color:#004a9f;
    display:block;
    padding:0 0 10px 0;
    
}
.article-tit p{
    padding-bottom:20px;
    color:rgba(0,0,0,.4);
}
.article-next{
    border-top:1px solid #ddd;
    margin-top:20px;
    padding-top:10px;
}
.article-next li{
    font-size:1.2rem;
    padding-bottom:10px;
}


.page-fwlist .item a{
    height: 120px;
}

@media(min-width:768px) {
    .page-fwlist .item a{
        height: 120px;
    }
}
@media(min-width:992px) {
    .page-fwlist .row {
        margin: -10px;
    }

    .page-fwlist .col-xs-6 {
        padding: 10px;
    }
    .page-fwlist .item p {
        font-size: 16px;
        font-weight: 400;
    }
    .article-next ul{
        float:left;
    }
    .article-next .layui-btn{
        float:right;
    }
    .page-fwlist .item a{
        height: 158px;
    }
}
@media(min-width:1200px) {
    .page-fwlist .item a{
        height: 220px;
    }
    .page-fwlist .row {
        margin: -15px;
    }

    .page-fwlist .col-xs-6 {
        padding: 15px;
    }
    .page-fwlist .item p{
        font-size:22px;
        font-weight:400;
    }
    article.page-fwarticle .article-tit h1 {
        font-size: 32px;
        font-weight: 400;
    }
     .article-fh{
        padding-top:30px;
    }
    .article-fh .layui-btn {
        height: 50px;
        line-height: 50px;
        padding: 0 40px;
        font-size: 17px;
        border-radius: 10px;
    }

    .article-tit h1 {
        font-size: 32px;       
    }

    .article-tit p {
       font-size:15px;
    }
    .article-next li{
        font-size:16px;
    }
}

.page-xwlist {
}
.page-xwlist .item{
    padding-bottom:20px;
}
.page-xwlist .item:after{}
.page-xwlist .item a{
    display:block;
    position:relative;
}
.page-xwlist .item a:after{
    display:block; clear:both;content:'';
}
.page-xwlist .item img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.page-xwlist .item .img{
    overflow:hidden;
    width:140px;
    height:120px;
    float:left;
    border-radius:5px;
    transition:all ease-in-out .2s;
}
.page-xwlist .item .txt{
    margin-left:160px;
    overflow:hidden;
}
    .page-xwlist .item .txt h4 {
        display: block;
        font-size: 1.4rem;
        line-height: 1.4;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        word-break: break-all;
        color:#004a9f;
    }
    .page-xwlist .item .txt span{
        font-size:1rem;
        color:#aaa;
    }
    .page-xwlist .item .txt p {
        font-size: 1.1rem;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        word-break: break-all;
        color:#999;
    }
    .page-xwlist .item .txt i.btn{
        font-size:1rem;
        font-style:normal;
        padding:4px 10px;
        border-radius:4px;
        margin-top:10px;
    }
    .page-xwlist .item:hover .txt i.btn{
        background:#004a9f;
        color:#fff;
        border-color:#004a9f;
    }
    .page-xwlist .item:hover .img{
        box-shadow:0 0 20px 0 rgba(0,0,0,.4);
    }
@media(min-width:768px) {
    .page-xwlist .item {
        padding-bottom: 0;
    }
    .page-xwlist .item+.item{
        padding-top:30px;
    }
        .page-xwlist .item .img {
            width: 200px;
            height: 150px;
        }
        .page-xwlist .item .txt {
            margin-left: 230px;
        }
            .page-xwlist .item .txt h4 {
                font-size: 16px;
                
            }

            .page-xwlist .item .txt span {
                font-size: 12px;
                display: block;
                padding-bottom: 5px;
                padding-top: 5px;
            }

            .page-xwlist .item .txt p {
                font-size: 12px;
                line-height: 1.8;
            }

            .page-xwlist .item .txt i.btn {
                font-size: 12px;
                color: #999;
                padding: 6px 30px;
                position: absolute;
                bottom: 0;
            }
}
@media(min-width:992px) {
}
@media(min-width:1200px){

    .page-xwlist .item+.item{
        padding-top:50px;
    }
    .page-xwlist .item .img {
        width: 300px;
        height: 200px;
    }
    .page-xwlist .item .txt{
        margin-left:330px;
    }
        .page-xwlist .item .txt h4{
            font-size:22px;
            
        }
        .page-xwlist .item .txt span {
            font-size: 14px;
            display: block;
            padding-bottom: 10px;
            padding-top: 10px;
        }
        .page-xwlist .item .txt p{
            font-size:16px;
            line-height:1.8;
        }
        .page-xwlist .item .txt i.btn{
            font-size:15px;
            color:#999;
            padding:6px 30px;
            position:absolute;
            bottom:0;
        }
}

.page-allist{}
.page-allist .item{}
.page-allist .item+.item{
    padding-top:20px;
}
.page-allist .item a{
    display:block;
    height:200px;
    overflow:hidden;
    background:#fff;
    transition:all ease-in-out .3s;
}
.page-allist .item a:after{
    display:block;
    content:'';
    clear:both;
}
.page-allist .item .img{
    float:right;
    width:50%;
    height:100%;
    overflow:hidden;
}
    .page-allist .item .img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .page-allist .item .txt {
        margin-right: 50%;
        position: relative;
        height: 100%;
        padding:20px;
    }
    .page-allist .item .txt:before{
        position:absolute;
        content:'';
        top:0;
        bottom:0;
        background:#004a9f;
        width:3px;
        left:0;
    }
    .page-allist .item .txt:after{}
        .page-allist .item .txt h4 {
            display: block;
            font-size: 1.6rem;
            font-weight: bold;
            line-height: 1;
            position:relative;
            padding-bottom:10px;
            padding-top:10px;
        }
    .page-allist .item .txt h4:after{
        position:absolute;
        bottom:0;
        width:1em;
        height:1px;
        background:#ccc;
        content:'';
    }
    .page-allist .item .txt h4 span{
        display:block;
        font-size:1rem;
        line-height:1;
        text-transform:uppercase;
        color:#004a9f;
        font-weight:300;
        padding-top:5px;
    }
        .page-allist .item .txt p {
            margin-top:10px;
            margin-bottom:20px;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            word-break: break-all;
            font-size:1.2rem;
            color:#999;
            line-height:1.8;
        }
    .page-allist .item .txt span.layui-btn{
        background:#004a9f;
        font-size:1.2rem;
        height:26px;
        line-height:26px;
        position:absolute;
        bottom:20px;
    }
    .page-allist .item:nth-child(even){}
    .page-allist .item:nth-child(even) .img{
        float:left;
    }
        .page-allist .item:nth-child(even) .txt {
            margin-left: 50%;
            margin-right: 0;
        }
    .page-allist .item:nth-child(even) .txt:before{
        right:0;
        left:auto;
    }
    .page-allist .item:nth-child(even) .txt:after{}

@media(min-width:768px){
    .page-allist .item + .item {
        padding-top: 20px;
    }
}
@media(min-width:992px) {
    .page-allist .item + .item {
        padding-top: 30px;
    }
}
@media(min-width:1200px) {
    .page-allist .item + .item {
        padding-top: 50px;
    }
    .page-allist .item a {
        height: 390px;
    }
    .page-allist .item .img{
        width:570px;
    }
    .page-allist .item .txt{
        margin-right:570px;
        padding:50px;
    }
    .page-allist .item:nth-child(even) .txt{
        margin-left:570px;
    }
    .page-allist .item .txt h4{
        font-size:30px;
        font-weight:400;
    }
    .page-allist .item .txt h4 span{
        font-size:18px;
        padding-top:10px;
    }
    .page-allist .item .txt p{
        font-size:16px;
        display:block;
    }
    .page-allist .item .txt span.layui-btn{
        font-size:16px;
        width:130px;
        height:45px;
        line-height:45px;
        bottom:50px;
    }
}
.page-allist .item:hover a{
    box-shadow:-5px 5px 20px 0 rgba(0,0,0,.4);
    transform:translate(-4px,-5px);
}
.page-allist .item:hover .txt h4{
    color:#004a9f;
}



.page-lxlist {
}

    .page-lxlist .item {
    }
        .page-lxlist .item:after{
            display:block;
            content:'';clear:both;
        }

        .page-lxlist .item + .item {
            padding-top: 20px;
        }




        .page-lxlist .item .img {
           
            overflow: hidden;
        }

            .page-lxlist .item .img img {
                width: 100%;
                object-fit: inherit;
            }

        .page-lxlist .item .txt {
            
            position: relative;
           
            padding: 20px;
            padding-left:0;
        }



            .page-lxlist .item .txt h4 {
                display: block;
                font-size: 1.6rem;
                font-weight: bold;
                line-height: 1;
                position: relative;
                padding-bottom: 0;
                
            }

              


            .page-lxlist .item .txt p {
                margin-top: 0;
                
                font-size: 1.2rem;
                color: #999;
                line-height: 1.8;
            }
             .page-lxlist .item h3{
                 font-weight:bold;
                 font-size:2rem;
                 color:#004a9f;
                 display:block;padding-bottom:10px;
             }

@media(min-width:768px){
    .page-lxlist .item .img{
        float:left;
        width:300px;
        
    }
    .page-lxlist .item .txt {
        margin-left:300px;
        padding-left:20px;
    }
    .page-lxlist .item h3{
        font-weight:400;
    }
}
@media(min-width:992px) {
    .page-lxlist .item .img {
        width: 400px;
       
    }

    .page-lxlist .item .txt {
        margin-left: 400px;
        padding-left: 20px;
        padding:30px;
        padding-top:0;height: 260px;
    }
        .page-lxlist .item .txt .cc {
            top: 50%;
            position: absolute;
            left: 30px;
            right: 0;
            transform: translateY(-50%);
        }
    .page-lxlist .item+.item{
        padding-top:30px;
    }
    .page-lxlist .item h3 {
        font-size: 24px;
        padding-bottom: 20px;
    }
}
@media(min-width:1200px) {
    .page-lxlist .item .img {
        width: 550px;
        
    }
    .page-lxlist .item .txt {
        margin-left: 550px; 
        padding: 30px;padding-top:0;height: 315px;
        position: relative;
        
    }
    .page-lxlist .item .txt .cc{
        top:50%;
       position: absolute;
       left: 30px;
       right: 0;
       transform: translateY(-50%);
    }
    .page-lxlist .item + .item {
        padding-top: 80px;
    }
    .page-lxlist .item h3 {
        font-size: 30px;
        padding-bottom: 30px;
    }
    .page-lxlist .item .txt h4{
        font-size:22px;
        font-weight:400;
    }
    .page-lxlist .item .txt p{
        font-size:16px;
        margin-top:0;
        line-height:2;
    }
}

/*path*/
.page-path {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    z-index:3;
    background:rgba(0,0,0,.3);
}

.page-paths {
    text-align:right;
}

    .page-paths ul {
    }

    .page-paths li {
        display: inline-block;
        color: #ccc;
        position: relative;
    }

        .page-paths li a {
            height: 40px;
            line-height: 40px;
            color: #ccc;
        }

            .page-paths li a:hover {
                color: #fff;
            }

        .page-paths li + li:before {
            content: '- ';
        }

        .page-paths li.active {
        }

            .page-paths li.active a {
                color: #fff;
            }
@media(min-width:768px) {
    .page-paths {
        
    }
}
@media(min-width:992px) {
    .page-path {
        height: 60px;
    }

    .page-paths {
        line-height: 60px;
    }

    .page-menu li > a {
        display: block;
        font-size: 14px;
       
    }
}

@media(min-width:1200px) {
    .page-path {
        height: 60px;
    }

    .page-paths {
        height: 60px;
    }

    .page-menu li > a {
        display: block;
        padding: 0 0;
    }
}

.pagination > li{
    margin:0 2px;
    display:inline-block;
    border-radius:5px;
}
    .pagination > li > a, .pagination > li > span{
        border-radius:5px;
        border-color:#004a9f;
    }
.pagination > .active > a{
    background:#004a9f;
    border-color:#004a9f;
}
.pagination > li > a:hover, .pagination > li > span:hover {
    border-color: #004a9f;
}

.hxysrow{
    margin: -5px;
}
.hxysrow .col-xs-6{
    padding:5px;
}
.hxysrow .item{
    background: #fff;
    border: 1px solid #e8e8e8;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.04);
    padding: 15px;
    border-radius: 10px;
}
.hxysrow .item::after{
    content: '';
    display: block;
    clear: both;
}
.hxysrow .item .img{
    width: 40px;
    height: 40px;
    float: left;


}
.hxysrow .item .img img{
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.hxysrow .item .txt{
    margin-left: 50px;
    line-height: 1.5;
    padding-top: 5px;
}

@media(min-width:992px){
    .hxysrow .item{
        padding: 25px;
    }
    .hxysrow .item .img{
        width: 60px;
        height: 60px;
    }
    .hxysrow .item .txt{
        margin-left: 70px;
        line-height: 1.5;
        padding-top: 8px;
        font-size: 14px;
    }
}
@media(min-width:1200px){
    .hxysrow{
        margin: -15px;
        width: 880px;
    }
    .hxysrow .col-xs-6{
        padding:15px;
    }
    .hxysrow .item{
        padding: 40px 0 40px 50px;
    }
    .hxysrow .item .img{
        width: 96px;
        height: 96px;
    }
    .hxysrow .item .txt{
        margin-left: 120px;
        line-height: 1.5;
        padding-top: 15px;
        font-size: 20px;
    }
}