area, blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, img, input, li, ol, p, param, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0
}

img, input {
    display: inline-block
}

body img, img {
    vertical-align: top
}

a:active, a:hover, a:visited {
    background: 0 0
}

.iconfont, em, i, th {
    font-style: normal
}

body, html {
    height: 100%;
    -webkit-text-size-adjust: none
}

ol, ul {
    padding-left: 0;
    list-style: none
}

img {
    border: none
}

th {
    font-weight: 400
}

input {
    vertical-align: middle
}
li{list-style: none;}

.clearfix, html[xmlns] .clearfix {
    display: block
}

.clearfix:after {
    content: '\20';
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.clearfix {
    zoom: 1
}

* html .clearfix {
    height: 1%
}

.swiper-slide, .swiper-wrapper {
    width: 100%;
    height: 100%;
    position: relative
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 400
}

.fl {
    float: left
}

.fr {
    float: right
}

a {
    color: #3d3c3d;
    text-decoration: none;
    transition: all .3s
}

a:hover {
    
}

button, input, select, textarea {
    font-family: Arial, "Microsoft YaHei", simsun;
    color: #3d3c3d;
    box-shadow: none;
    border-radius: 0;
    background: 0 0;
    border: none;
    outline: 0
}

a:active, dd:active, img:active {
    -webkit-tap-highlight-color: transparent
}

@keyframes suofang {
    0%, 100% {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -moz-transform: scale(1, 1)
    }
    50% {
        transform: scale(1.03, 1.03);
        -webkit-transform: scale(1.03, 1.03);
        -o-transform: scale(1.03, 1.03);
        -moz-transform: scale(1.03, 1.03)
    }
}

@-moz-keyframes suofang {
    0%, 100% {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -moz-transform: scale(1, 1)
    }
    50% {
        transform: scale(1.03, 1.03);
        -webkit-transform: scale(1.03, 1.03);
        -o-transform: scale(1.03, 1.03);
        -moz-transform: scale(1.03, 1.03)
    }
}

@-webkit-keyframes suofang {
    0%, 100% {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -moz-transform: scale(1, 1)
    }
    50% {
        transform: scale(1.03, 1.03);
        -webkit-transform: scale(1.03, 1.03);
        -o-transform: scale(1.03, 1.03);
        -moz-transform: scale(1.03, 1.03)
    }
}

@-o-keyframes suofang {
    0%, 100% {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -moz-transform: scale(1, 1)
    }
    50% {
        transform: scale(1.03, 1.03);
        -webkit-transform: scale(1.03, 1.03);
        -o-transform: scale(1.03, 1.03);
        -moz-transform: scale(1.03, 1.03)
    }
}

@keyframes logo {
    0% {
        left: -100%
    }
    100% {
        left: 100%
    }
}

@-moz-keyframes logo {
    0% {
        left: -100%
    }
    100% {
        left: 100%
    }
}

@-webkit-keyframes logo {
    0% {
        left: -100%
    }
    100% {
        left: 100%
    }
}

@-o-keyframes logo {
    0% {
        left: -100%
    }
    100% {
        left: 100%
    }
}

@keyframes zhuan {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -moz-transform: rotate(0)
    }
    50% {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -moz-transform: rotate(180deg)
    }
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg)
    }
}

@-moz-keyframes zhuan {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -moz-transform: rotate(0)
    }
    50% {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -moz-transform: rotate(180deg)
    }
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes zhuan {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -moz-transform: rotate(0)
    }
    50% {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -moz-transform: rotate(180deg)
    }
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg)
    }
}

@-o-keyframes zhuan {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -moz-transform: rotate(0)
    }
    50% {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -moz-transform: rotate(180deg)
    }
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg)
    }
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.c-cai {
    color: #004098
}

.bgf {
    background-color: #fff
}

.btn-hover:hover {
    opacity: .85
}

body {
    background: #fff;
    color: #3d3c3d;
    font-family: "Microsoft YaHei", Arial, simsun;
    line-height: 1
}

input, textarea {
    font-size: .14rem
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #999
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #999
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #999
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #999
}


@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}


html.swipebox-html.swipebox-touch {
    overflow: hidden !important
}

#swipebox-overlay img {
    border: none !important
}

#swipebox-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999 !important;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#swipebox-container {
    position: relative;
    width: 100%;
    height: 100%
}

#swipebox-slider {
    -webkit-transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    white-space: nowrap;
    position: absolute;
    display: none;
    cursor: pointer
}

#swipebox-slider .slide {
    height: 100%;
    width: 100%;
    line-height: 1px;
    text-align: center;
    display: inline-block
}

#swipebox-slider .slide:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

#swipebox-slider .slide .swipebox-inline-container, #swipebox-slider .slide .swipebox-video-container, #swipebox-slider .slide img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    vertical-align: middle
}

#swipebox-slider .slide .swipebox-video-container {
    background: 0 0;
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding: 5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#swipebox-slider .slide .swipebox-video-container .swipebox-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative
}

#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0
}

#swipebox-slider .slide-loading {
    background: url(../image/loader.gif) center center no-repeat
}

#swipebox-bottom-bar {
    bottom: -50px
}

#swipebox-top-bar {
    top: -50px;
    color: #fff !important;
    font-size: 15px;
    line-height: 43px;
    font-family: Helvetica, Arial, sans-serif
}

#swipebox-title {
    display: block;
    width: 100%;
    text-align: center
}

#swipebox-close, #swipebox-next, #swipebox-prev {
    background-image: url(../image/icons.png);
    background-repeat: no-repeat;
    border: none !important;
    text-decoration: none !important;
    cursor: pointer;
    width: 50px;
    height: 50px;
    top: 0
}

#swipebox-next, #swipebox-prev {
    position: fixed;
    top: 50%;
    transform: translateY(-50%)
}

#swipebox-arrows {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 50px
}

.main, .swipebox-no-close-button #swipebox-close, .xs-search {
    display: none
}

#swipebox-prev {
    background-position: -32px 13px;
    float: left;
    left: 50%;
    margin-left: -5rem
}

#swipebox-next {
    background-position: -78px 13px;
    float: right;
    right: 50%;
    margin-right: -5rem
}

#swipebox-close, .header {
    /* position: fixed;
    top: -14px; */
}

#swipebox-close {
    right: 0;
    z-index: 9999;
    background-position: 15px 12px
}

#swipebox-next.disabled, #swipebox-prev.disabled {
    opacity: .3
}

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
    -webkit-animation: rightSpring .3s;
    animation: rightSpring .3s
}

.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
    -webkit-animation: leftSpring .3s;
    animation: leftSpring .3s
}

.swipebox-touch #swipebox-container:after, .swipebox-touch #swipebox-container:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    content: ' ';
    position: absolute;
    z-index: 999;
    top: 0;
    height: 100%;
    width: 20px;
    opacity: 0
}

.footer:before, .header .nav ul li .small p:before, .header .nav ul li:before, .header .nav ul li:first-child > a:after, .header .nav > a.sear.active:after, .header h1 a i:after, .home .swiper-slide.page-3 .wrap .slide:before, .page-ban:before {
    content: ''
}

.swipebox-touch #swipebox-container:before {
    left: 0;
    -webkit-box-shadow: inset 10px 0 10px -8px #656565;
    box-shadow: inset 10px 0 10px -8px #656565
}

.swipebox-touch #swipebox-container:after {
    right: 0;
    -webkit-box-shadow: inset -10px 0 10px -8px #656565;
    box-shadow: inset -10px 0 10px -8px #656565
}

.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before, .swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
    opacity: 1
}

@-webkit-keyframes rightSpring {
    0%, 100% {
        left: 0
    }
    50% {
        left: -30px
    }
}

@keyframes rightSpring {
    0%, 100% {
        left: 0
    }
    50% {
        left: -30px
    }
}

@-webkit-keyframes leftSpring {
    0%, 100% {
        left: 0
    }
    50% {
        left: 30px
    }
}

@keyframes leftSpring {
    0%, 100% {
        left: 0
    }
    50% {
        left: 30px
    }
}

@media screen and (min-width: 800px) {
    #swipebox-close {
        right: 10px
    }

    #swipebox-arrows {
        width: 92%;
        max-width: 800px
    }
}

#swipebox-overlay {
    background: rgba(0, 0, 0, .8)
}

#swipebox-bottom-bar, #swipebox-top-bar {
    text-shadow: 1px 1px 1px #000
}

body {
    font-size: .14rem
}

.main {
    overflow-x: hidden;
    width: 100%
}

.main img {
    /* width: 100%; */
    max-width: 1920px;
    height: auto;
}

.wrap {
    width: 12rem;
    margin: 0 auto
}

.paging {
    text-align: center;
    margin-top: .3rem;
    font-size: 0
}

.paging li {
    display: inline-block;
    font-size: .14rem;
    margin: 0 .05rem;
    transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -webkit-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    text-align: center;
    width: .37rem;
    height: .37rem;
    line-height: .37rem
}

.paging li a {
    color: #999;
    display: block
}

.paging li.next, .paging li.prev {
    background: #f4f5f9;
    width: .7rem
}

.paging li.active, .paging li.next:hover, .paging li.prev:hover {
    background: #004098 !important;
    color: #fff
}

.paging li.next:hover a, .paging li.prev:hover a {
    color: #fff
}

.paging li.active a {
    color: #fff
}

.paging li:hover {
    background: #f4f5f9
}

.load-more {
    text-align: center;
    margin: .6rem auto
}

.load-more a {
    font-size: .5rem;
    color: #a9a9a9;
    display: inline-block;
    animation: zhuan 1.6s infinite ease-out;
    -moz-animation: zhuan 1.6s infinite ease-out;
    -webkit-animation: zhuan 1.6s infinite ease-out;
    -o-animation: zhuan 1.6s infinite ease-out
}
.home-page-titl{}

.header {
    left: 0;
    z-index: 200;
    width: 100%;
    height: 90px;
    position: relative;
    /* background: rgba(0, 0, 0, 0.2); */
}
.head-banner{margin-top: -138px;}
.head-title{text-align: center;color: #fff;margin-top: -146;}
.head-img{width: 1920px;margin: 0 auto;}
.head-img img{text-align: center;display: table-cell;    vertical-align: middle;}
.head-title h1{font-size: 50px;/* font-weight: bold; */}
.head-title h2{font-size: 12px;margin-top: 15px;text-transform:uppercase;}
.head-title p{margin-top: 40px;font-size: 16px;}

.fullSlide .bd ul{width:100% !important;height:330px;}
.fullSlide .bd li{width:100% !important;height:450px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:450px;}
.fullSlide .click{
    width: 100%;
    height: 231px;
    /* line-height:60px; */
    /* background: rgba(0,0,0,.2); */
    /* color:#ffffff; */
    /* font-size:24px; */
    position:absolute;
    border-radius: none;
    padding-top: 129px;
    padding-left: -150px;
    text-align:center;
    cursor:pointer;
    text-align: center;
}
.ny-banner .fullSlide{display: none;}



.header-titl{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;}
.header h1 {
    width: 317px;
    text-align: center;
    height: 1rem;
    z-index: 2;
    padding: 2px 50px;
    box-sizing: border-box;
    padding-left: 0;
}

.header h1 a {
    display: block;
    height: .96rem;
    /*width: 1.17rem;*/
    overflow: hidden;
    /*margin: .28rem auto;*/
    background: url(../image/logo.jpg) center no-repeat;
    position: relative;
    background-size: 100%;
}


.zs1,.zs2{
    position:absolute;
    height:0.8rem;
    cursor:pointer;
}
.zs1{
    width:0.8rem;
}
.zs2{
    width:0.6rem;
    left:0.8rem;
}
.imga{ display:none;}
.zs1:hover .imga{ display:block; }
.zs2:hover .imga{ display:block; }
.header h1 a i, .header h1 a i:after {
    position: absolute;
    left: 0;
    height: .02rem;
    bottom: 0
}

.header h1 a i {
    width: 95%;
    overflow: hidden
}

.header h1 a i:after {
    width: 100%;
    display: block;
    animation: logo 1s infinite linear;
    -moz-animation: logo 1s infinite linear;
    -webkit-animation: logo 1s infinite linear;
    -o-animation: logo 1s infinite linear;
    background: -webkit-linear-gradient(left, #fff, rgba(255, 255, 255, .5));
    background: -o-linear-gradient(right, #fff, rgba(255, 255, 255, .5));
    background: -moz-linear-gradient(right, #fff, rgba(255, 255, 255, .5));
    background: linear-gradient(to right, #fff, rgba(255, 255, 255, .5))
}

.header .nav {
    /* float: left; */
}

.header .nav ul {
    display: flex;
    justify-content: space-between;
}

.header .nav ul li {
    /* float: left; */
    position: relative;
}

.header .nav ul li > a {
    color: #000;
    box-sizing: border-box;
    padding: .4rem .1rem 0;
    height: .9rem;
    display: block;
    opacity: .9;
    position: relative;
    z-index: 2;
    font-size: 18px;
}

.nav ul li a.active{border-bottom: 1px solid #fff;}
.header .nav ul li > a:hover {
    opacity: 1;border-bottom: 1px solid #1d25e6;color: #1d25e6 !important;

}

.header .nav ul li .down-nav {
    display: none;
    position: absolute
}

.header .nav ul li:first-child > a:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 12px solid #fff;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -10px;
    display: none
}

.header .nav ul li:hover:before {
    opacity: 1;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -moz-transform: scale(1, 1)
}

.header .nav ul li:hover > a:after {
    /*   display: block  */
}

.header .nav ul li .service {
    width: 11.3rem;
    background: rgba(255, 255, 255, 1);
    left: -2.4rem;
    height: 5.7rem !important;
    margin-left: -1.2rem;
    overflow: hidden;
    box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);
    z-index: 22;
    padding-top: 0px;
    margin-top: 1px;
    padding-bottom: 0!important;
}

.header .nav ul li .service .left-tab {
    width: 2rem;
    float: left;
    text-align: center;
    height: 5.7rem;
    background: #eee;
    font-size: 16px;
}

.header .nav ul li .service .left-tab a {
    display: block;
    height: .45rem;
    line-height: .45rem;
    color: #000000;
}

.header .nav ul li .service .left-tab a + a {
    border-top: 1px solid rgba(255, 255, 255, .2)
}

.header .nav ul li .service .left-tab a.active {
    background: #fff;
    color: #1d25e6;
    border-right: 1px solid #1d25e6;
}

.header .nav ul li .service .right-nr {
    width: 9.3rem;
    float: right;
    box-sizing: border-box;
    height: 5.7rem;
    overflow-y: auto;
    /* background: #ccc; */
}
.header .nav ul li .service .right-nr .nr dl dd:hover h6 a{color: #1d25e6;}
.header .header-right{/* float: right; */margin-top: 30px;width: 168px;z-index: 2;color: #000;}
.header .header-right .header-right-t{border: 1px solid #000;border-radius: 100px;padding: 6px 8px;display: flex;justify-content: space-between;}
.header .header-right .header-right-t input{font-size: 14px;padding: 4px 0;color: #000;width: 100%;text-align: center;}
.header-right-t-img{background: url(../image/sou.png)no-repeat center;background-size: 100%;height: 24px;width: 20px;}
.header .header-right .header-right-b{text-align: center;color: #000;margin-top: 6px;font-size: 18px;font-weight: bold;}
.footer .dl, .footer .dl dl, .header .nav ul li .service .right-nr .nr dl, .header .nav > a.lan {
    overflow: hidden
}

.header .nav ul li .service .right-nr .nr {
    padding: .1rem .1rem;
    display: none;
}

.header .nav ul li .service .right-nr .nr dl{
    column-count: 4;
    column-gap: 0;
    -webkit-column-count: 4;
    -webkit-column-gap: 0;
    -moz-column-count: 4;
    -moz-column-gap: 0;
    display: block;
}

.header .nav ul li .service .right-nr .nr dl dd {
    width: 90%;
    /*float: left;*/
    box-sizing: border-box;
    break-inside: avoid-column;
    page-break-inside:avoid;
    -webkit-break-inside: avoid;
    -webkit-column-break-inside: avoid-column;

}

.header .nav ul li .service .right-nr .nr dl dd h6 {
    padding: .15rem 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: .1rem;
    font-size: .18rem;
    font-weight: 700;
    padding-left:0.1rem;
}

.header .nav ul li .service .right-nr .nr dl dd h6 a {
    color: #333
}

.header .nav ul li .service .right-nr .nr dl dd h6 a:hover {
    color: #1d25e6;
}

.header .nav ul li .service .right-nr .nr dl dd p {
    line-height: .28rem;
    font-size: .16rem;
    padding-left:0.1rem;
}

.header .nav ul li .service .right-nr .nr dl dd p a {
    color: #000;
}
.header .nav ul li .service .right-nr .nr dl dd p:hover{
 
}
.header .nav ul li .service .right-nr .nr dl dd p a:hover {
    color: #1d25e6;
}

.header .nav ul li .service .right-nr .nr dl dd + dd {
    /*margin-left: 3%*/
    margin-top: 30px;
}

.header .nav ul li .service .right-nr .nr dl + dl {
    border-top: 1px solid #ddd;
    margin-top: .25rem;
    padding-top: .1rem
}

.header .nav ul li .small {
    width: 11.5rem;
    left: 50%;
    margin-left: -4.75rem;z-index: 22;margin-top: 16px;
}
.small{background: #fff;padding: 0 30px;padding-bottom: 60px;box-shadow:0 0 0.1rem rgba(0, 0, 0, .1);}
.small-fl{width: 2.5rem;float: left;margin: 0 10px;}
.small-t h2{margin-top: 20px;padding: .15rem 0;border-bottom: 1px solid #ddd; margin-bottom: .1rem;font-size: .18rem; font-weight: 700;padding-left: 0.1rem;}
.small-fl .small-t:hover h2{color: #1d25e6;}
.small-p p{line-height: .28rem;font-size: .16rem;padding-left: 0.1rem;}
.small-p p:hover{color: #1d25e6;}
.small-t h2:hover{color: #1d25e6 !important;}
.small-t h2 a:hover{color: #1d25e6 !important;}
.small-fl .small-t:hover h2{color: #1d25e6 !important;}
.small-fl .small-t:hover h2 a{color: #1d25e6 !important;}

.header .nav ul li .small2 {
    width: 1.5rem;
    left: 65%;
    margin-left: -.9rem;
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, .1);
    margin-top: 1px;
}

.header .nav ul li .small2 p {
    height: .5rem;
    line-height: .5rem;
    transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -webkit-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    background: #fff;
    
    text-align: center;
    font-size: .16rem;
    position: relative;
    border-bottom: 1px solid #e7eefb;
}

.header .nav ul li .small2 p a {
    color: #484848;
    position: relative;
    z-index: 2;
    display: block;
}
.header .nav ul li .small2 p:hover a{color: #1d25e6;}

.header .nav ul li .small3 {
    width: 1.5rem;
    left: 60%;
    margin-left: -.84rem;box-shadow: 0 0 0.1rem rgba(0, 0, 0, .1);margin-top: 1px;
}

.header .nav ul li .small3 p {
    height: .5rem;
    line-height: .5rem;
    transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -webkit-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    background: #fff;
    
    text-align: center;
    font-size: .16rem;
    position: relative;
    border-bottom: 1px solid #e7eefb;
}

.header .nav ul li .small3 p a {
    color: #484848;
    position: relative;
    z-index: 2;
    display: block;
}
.header .nav ul li .small3 p:hover a{color: #1d25e6;}

.header .nav > a {
    float: left
}

.down-nav p a:hover{color: #1d25e6;}


.header .nav > a.lan {
    padding: .6rem .26rem 0;
    height: 1.09rem;
    position: relative;
    color: #fff;
    opacity: .9
}

.header .nav > a.lan:hover {
    opacity: 1
}

.header .nav > a.lan span {
    position: absolute;
    left: 0;
    top: .585rem;
    width: 1px;
    height: 25px;
    background: rgba(255, 255, 255, .15)
}

.header .nav > a.sear {
    width: 1.59rem;
    height: 1.09rem;
    text-align: center;
    color: #fff;
    opacity: .9;
    line-height: 1.09rem;
    font-size: 25px;
    position: relative;cursor: auto;
}

.header .nav > a.sear:hover {
    opacity: 1
}

.header .nav > a.sear.active:after {
    display: block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid rgba(0, 0, 0, .36);
    position: absolute;
    left: 50%;
    margin-left: -8px;
    bottom: -1px
}

.header .nav .sear-box {
    height: .6rem;
    display: none;
    background: rgba(0, 0, 0, .36);
    position: absolute;
    right: 0;
    top: 1.1rem;
    width: 4.5rem;
    box-sizing: border-box;
    padding: .15rem .2rem
}

.header .nav .sear-box input {
    width: 100%;
    height: .3rem;
    line-height: .3rem;
    color: #fff
}

.header .nav .sear-box input::-webkit-input-placeholder {
    color: #bbb
}

.header .nav .sear-box input::-moz-placeholder {
    color: #bbb
}

.header .nav .sear-box input:-moz-placeholder {
    color: #bbb
}

.header .nav .sear-box input:-ms-input-placeholder {
    color: #bbb
}

.header.blue {
    border-color: #d8e7f3
}

.header.blue h1 a {
    /*background: url(../images/logo2.png) center no-repeat;*/
    background-size: cover
}

.header.blue h1 a i:after {
    background: -webkit-linear-gradient(left, #004098, rgba(0, 64, 152, .5));
    background: -o-linear-gradient(right, #004098, rgba(0, 64, 152, .5));
    background: -moz-linear-gradient(right, #004098, rgba(0, 64, 152, .5));
    background: linear-gradient(to right, #004098, rgba(0, 64, 152, .5))
}

.header.blue .nav ul li:before {
    background: url(../image/nav1.png) center no-repeat
}

.header.blue .nav ul li > a, .header.blue .nav > a {
    color: #666
}

.header.blue .nav > a span {
    background: #d8e7f3
}

.header.blue .nav > a.sear {
    border-color: #d8e7f3;
    color: #004098
}

@media screen and (max-width: 1500px) {
    .header .nav ul li .service {
        margin-left: -2rem;
    }

    .home .swiper-slide.page-2 ul {
        margin-bottom: 1.2rem !important
    }

    .home .swiper-slide.page-4 .wrap dl {
        margin-bottom: .4rem
    }

    .home .swiper-slide.swiper-slide-active .wrap {
        transform: translateY(-50%) !important
    }

    .home .swiper-slide.page-1.swiper-slide-active .wrap {
        transform: translateY(0) !important
    }
}

@media screen and (max-width: 1400px) {
    .page-1 .btn {
        display: none !important
    }
}

@media screen and (min-width: 768px) {
    ::-webkit-scrollbar {
        width: 6px;
        background-color: #ddd
    }

    ::-webkit-scrollbar-track-piece {
        width: 6px;
        background-color: #ddd
    }

    ::-webkit-scrollbar-thumb {
        width: 6px;
        background-color: #aaa;
        cursor: pointer
    }

    ::-webkit-scrollbar-thumb:hover {
        background-color: #999
    }

    .f-12 {
        font-size: .12rem !important
    }

    .f-14 {
        font-size: .14rem !important
    }

    .f-16 {
        font-size: .16rem !important
    }

    .f-18 {
        font-size: .18rem !important
    }

    .f-20, .f-22 {
        font-size: .2rem !important
    }

    .f-24 {
        font-size: .24rem !important
    }

    .f-26 {
        font-size: .26rem !important
    }

    .f-28 {
        font-size: .28rem !important
    }

    .f-30 {
        font-size: .3rem !important
    }

    .f-32 {
        font-size: .32rem !important
    }

    .f-34 {
        font-size: .34rem !important
    }

    .f-36 {
        font-size: .36rem !important
    }

    .f-38 {
        font-size: .38rem !important
    }

    .f-40 {
        font-size: .4rem !important
    }

    .f-42 {
        font-size: .42rem !important
    }

    .f-44 {
        font-size: .44rem !important
    }

    .f-46 {
        font-size: .46rem !important
    }

    .f-48 {
        font-size: .48rem !important
    }

    .f-50 {
        font-size: .5rem !important
    }

    .f-52 {
        font-size: .52rem !important
    }

    .f-56 {
        font-size: .56rem !important
    }

    .f-66 {
        font-size: .66rem !important
    }

    .f-70 {
        font-size: .7rem !important
    }

    .f-72 {
        font-size: .72rem !important
    }

    .f-60 {
        font-size: .6rem !important
    }

    .f-80 {
        font-size: .8rem !important
    }

    .f-100 {
        font-size: 1rem !important
    }
}

@media screen and (max-width: 640px) {
    .yw-cont .nr img{
        transform: scale(1.1);
    }
    .xs-header, .xs-search {
        position: fixed;
        left: 0
    }

    .f-12 {
        font-size: .2rem !important
    }

    .f-14 {
        font-size: .22rem !important
    }

    .f-16 {
        font-size: .24rem !important
    }

    .f-18 {
        font-size: .26rem !important
    }

    .f-20 {
        font-size: .28rem !important
    }

    .f-22 {
        font-size: .29rem !important
    }

    .f-24 {
        font-size: .3rem !important
    }

    .f-26 {
        font-size: .31rem !important
    }

    .f-28 {
        font-size: .32rem !important
    }

    .f-30 {
        font-size: .33rem !important
    }

    .f-32 {
        font-size: .34rem !important
    }

    .f-34 {
        font-size: .35rem !important
    }

    .f-36 {
        font-size: .36rem !important
    }

    .f-38 {
        font-size: .38rem !important
    }

    .f-40 {
        font-size: .4rem !important
    }

    .f-42 {
        font-size: .42rem !important
    }

    .f-44 {
        font-size: .44rem !important
    }

    .f-46 {
        font-size: .46rem !important
    }

    .f-48 {
        font-size: .48rem !important
    }

    .f-50 {
        font-size: .5rem !important
    }

    .f-52 {
        font-size: .52rem !important
    }

    .f-54 {
        font-size: .54rem !important
    }

    .f-56 {
        font-size: .56rem !important
    }

    .f-60 {
        font-size: .6rem !important
    }

    .f-66 {
        font-size: .66rem !important
    }

    .f-70 {
        font-size: .7rem !important
    }

    .f-72 {
        font-size: .72rem !important
    }

    .f-80 {
        font-size: .8rem !important
    }

    .f-100 {
        font-size: 1rem !important
    }

    body {
        padding-top: 1rem;
        font-size: .22rem !important;
        overflow-x: hidden;
        width: 100%;
        box-sizing: border-box
    }

    .main {
        transition: all ease-out .3s;
        -moz-transition: all ease-out .3s;
        -webkit-transition: all ease-out .3s;
        -o-transition: all ease-out .3s;
        padding-top: 0
    }

    .xs-header, .xs-nav {
        transition: all ease-out .3s
    }

    .cont, .wrap {
        width: 100%;
        box-sizing: border-box
    }

    .wrap {
        /*padding: 0 .3rem*/
    }

    .header {
        display: none !important
    }