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: middle
}

a:active, a:hover, a:visited {
    background: 0 0
}

.iconfont, em, i, th {
    font-style: normal
}

body, html {
    height: 100%;
	font-size:0;
    -webkit-text-size-adjust: none
}

ol, ul {
    padding-left: 0;
    list-style: none
}

img {
    border: none
}

th {
    font-weight: 400
}

input {
    vertical-align: middle
}

.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
}


.fl {
    float: left
}

.fr {
    float: right
}

a {
    color: #3d3c3d;
    text-decoration: none;
    transition: all .3s
}

a:hover {
    color: #004098
}

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)
    }
}

/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
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(/images/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(/images/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: 0
}

#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
}

.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
}


.header {
    width: 100%;
}

.header h1 {
    width: 2.3rem;
    text-align: center;
    height: 1.09rem;
    float: left
}

.header h1 a {
    display: block;
    /*height: .36rem;*/
    /*width: 1.17rem;*/
    overflow: hidden;
    /*margin: .28rem auto;*/
    /*background: url(/images/logo.png) center no-repeat;*/
    position: relative;
    background-size: cover
}

.zs1,.zs2{
    position:absolute;
    height:0.8rem;
    cursor:pointer;
}
.zs1{
    width:0.8rem;
	left:0.2rem;
}
.zs2{
    width:0.6rem;
    left:1.15rem;
}
.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: right
}

.header .nav ul {
    float: left
}

.header .nav ul li {
    float: left;
    position: relative
}

.header .nav ul li > a {
    color: #222;
	font-size:18px;
    box-sizing: border-box;
    padding: 0 .26rem 0;
    /*height: 1rem;*/
    display: block;
    opacity: .9;
    position: relative;
    z-index: 2;
	/*text-shadow: 0 0 8px #000;*/
}

.header .nav ul li > a:hover {
    opacity: 1
}

.header .nav ul li:before {
    display: inline-block;
    width: .7rem;
    height: .63rem;
    left: -.05rem;
    top: .25rem;
    z-index: 1;
    position: absolute;
    opacity: 0;
    transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -webkit-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transform: scale(.5, .5);
    -webkit-transform: scale(.5, .5);
    -o-transform: scale(.5, .5);
    -moz-transform: scale(.5, .5)
}

.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: -1rem;
    height: 6.1rem !important;
    margin-left: -5.65rem;
    overflow: hidden;
    box-shadow: 0 0 .1rem rgba(0, 0, 0, .1)
}

.header .nav ul li .service .left-tab {
    width: 1.5rem;
    float: left;
    text-align: center;
    height: 6.1rem;
    background: -webkit-linear-gradient(#004098, #009fc3);
    background: -o-linear-gradient(#004098, #009fc3);
    background: -moz-linear-gradient(#004098, #009fc3);
    background: linear-gradient(#004098, #009fc3);
    background: #004098\9 \0;
}

.header .nav ul li .service .left-tab a {
    display: block;
    height: .85rem;
    line-height: .85rem;
    color: #fff
}

.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: #004098
}

.header .nav ul li .service .right-nr {
    width: 9.8rem;
    float: right;
    box-sizing: border-box;
    height: 6.1rem;
    overflow-y: auto
}
.header .code{ float:right; line-height:75px; margin-left:15px;}

@media all and (min-width:768px) and (max-width:1600px){
.header .nav ul li > a {
    color: #222;
	font-size:17px;
    box-sizing: border-box;
    padding: 0 .30rem 0;
    /*height: 1rem;*/
    display: block;
    opacity: .9;
    position: relative;
    z-index: 2;
	/*text-shadow: 0 0 8px #000;*/
}

}

.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: .25rem .4rem;
    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: #004098
}

.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{
    background:#f2f4f5;
}
.header .nav ul li .service .right-nr .nr dl dd p a:hover {
    color: #000;
}

.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: 1.5rem;
    left: 50%;
    margin-left: -.75rem
}

.header .nav ul li .small p {
    line-height: .2rem;
    transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -webkit-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    background: rgba(0, 0, 0, .36);
    margin-bottom: 2px;
    text-align: center;
    font-size: .16rem;
    position: relative;
	padding:0.12rem 0;
}

.header .nav ul li .small p a {
    color: #fff;
    position: relative;
    z-index: 2;
    display: block
}

.header .nav ul li .small p:before {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: -webkit-linear-gradient(left, #004198, #00b8ce);
    background: -o-linear-gradient(right, #004198, #00b8ce);
    background: -moz-linear-gradient(right, #004198, #00b8ce);
    background: linear-gradient(to right, #004198, #00b8ce);
    width: 0;
    height: 100%;
    transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -webkit-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    opacity: .2
}

.header .nav ul li .small p:hover:before {
    width: 100%;
    opacity: 1
}

.header .nav > a {
    float: left
}

.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(/images/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 (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 {
        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
    }

    .xs-header, .xs-nav {
        display: block !important
    }

    .xs-header {
        height: 1rem;
        border-bottom: .01rem solid #ddd;
        line-height: 1rem;
        background: #fff;
        top: 0;
        width: 100%;
        z-index: 1000;
        -moz-transition: all ease-out .3s;
        -webkit-transition: all ease-out .3s;
        -o-transition: all ease-out .3s;
        overflow: hidden
    }

    .xs-header h1 {
        padding: .02rem .3rem;
        box-sizing: border-box;
        float: left;
        height: 1rem;
        text-align: left
    }

    .xs-header h1 img {
        width: auto;
        height: 100%;
        vertical-align: top
    }

    .xs-header .fr a, .xs-header .fr span {
        float: left;
        line-height: 1rem
    }

    .xs-header .fr a {
        padding:0 0.3rem;
        color: #333;
        font-size: .35rem
    }

    .xs-header .fr span {
        color: #ddd;
        font-size: .3rem;
        line-height: .95rem
    }

    .xs-header .nav-btn {
        height: 1rem;
        font-size: .45rem !important
    }

    .xs-header .sear-btn {
        height: 1rem;
        font-size: .4rem !important
    }

    .xs-search {
        width: 100%;
        top: 50px;
        padding: .3rem;
        background: rgba(0, 0, 0, .6);
        display: none;
        z-index: 100;
        box-sizing: border-box
    }

    .xs-search .sear {
        width: 100%;
        height: .8rem;
        line-height: .8rem;
        border: .01rem solid #ddd;
        margin: 0 auto;
        overflow: hidden;
        position: relative;
        border-radius: .09rem
    }

    .xs-search .sear .text {
        float: left;
        height: .8rem;
        line-height: .8rem;
        font-size: .26rem;
        outline: 0;
        color: #ccc;
        padding: 0 .3rem;
        width: 4.5rem
    }

    .xs-search .sear .btn, .xs-search .sear .btn input {
        height: .8rem;
        line-height: .8rem;
        color: #fff;
        cursor: pointer
    }

    .xs-search .sear .btn {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2;
        background: #004098;
        border-radius: 0 .09rem .09rem 0;
        display: inline-block;
        overflow: hidden
    }

    .xs-nav, .xs-nav .nav-mark {
        position: fixed;
        height: 100%
    }

    .xs-search .sear .btn input {
        background: 0 0;
        border: none;
        padding: 0 .5rem;
        outline: 0;
        float: left;
        font-size: .28rem
    }

    .xs-nav {
        width: 55%;
        box-sizing: border-box;
        right: -56%;
        top: 0;
        z-index: 999;
        -moz-transition: all ease-out .3s;
        -webkit-transition: all ease-out .3s;
        -o-transition: all ease-out .3s
    }

    .xs-nav .nav-mark {
        left: 0;
        top: 0;
        width: 100%;
        z-index: 1;
        display: none;
        background: rgba(0, 0, 0, .4)
    }

    .xs-nav ul {
        position: relative;
        z-index: 2;
        background: #fff;
        padding-left: .5rem;
        height: 100%;
        box-sizing: border-box;
        padding-top: 1rem;
        overflow-y: auto
    }

    .xs-nav li {
        border-bottom: 1px solid #ddd;
        font-size: .23rem;
        border-top: 1px solid #ddd
    }

    .xs-nav li + li {
        margin-top: -1px
    }

    .xs-nav li > a {
        display: block;
        color: #000;
        overflow: hidden;
        font-size: .3rem;
        padding: 0 .3rem 0 0;
        height: 49px;
        line-height: 49px
    }

    .xs-nav li > a i {
        display: inline-block;
        display: none !important;
        float: left;
        width: 8px;
        height: 8px;
        border: 1px solid #666;
        border-radius: 50%;
        margin-right: 12px;
        margin-top: 20px
    }

    .xs-nav li > a em {
        display: inline-block;
        float: right;
        transition: all ease-out .3s;
        -moz-transition: all ease-out .3s;
        -webkit-transition: all ease-out .3s;
        -o-transition: all ease-out .3s
    }

    .xs-nav li.active > a, .xs-nav li:active > a {
        color: #004098
    }

    .xs-nav li.active > a i, .xs-nav li:active > a i {
        border-color: #fff
    }

    .xs-nav li dl, .xs-nav li dl.fw dd > a {
        border-bottom: 1px solid #ddd;
        margin-left: -.5rem;
        overflow: hidden
    }

    .xs-nav li.active > a em, .xs-nav li:active > a em {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -moz-transform: rotate(90deg)
    }

    .xs-nav li dl {
        padding: 8px 0 8px .5rem;
        background: #f5f5f5;
        display: none;
        border-top: 1px solid #ddd;
        margin-bottom: -1px
    }

    .xs-nav li dl dd {
        font-size: .26rem
    }

    .xs-nav li dl dd > a {
        display: block;
        color: #333;
        padding: 4px 0;
        line-height: 32px;
    }

    .xs-nav li dl dd > a img {
        width: 20px;
        float: left;
        margin-right: 15px
    }

    .xs-nav li dl dd.active a {
        color: #004098
    }

    .xs-nav li dl.fw {
        padding: 0 0 0 .5rem
    }

    .xs-nav li dl.fw dd > a {
        background-color: #fff;
        padding-left: .5rem
    }

    .xs-nav li dl.fw dd > a em {
        float: right;
        font-size: .26rem;
        margin-right: .2rem;
        transition: all ease-out .3s;
        -moz-transition: all ease-out .3s;
        -webkit-transition: all ease-out .3s;
        -o-transition: all ease-out .3s
    }

    .xs-nav li dl.fw dd > a.active em {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -moz-transform: rotate(90deg)
    }

    .xs-nav li dl.fw dd .sanji {
        padding: 8px 0;
        display: none
    }

    .xs-nav li dl.fw dd .sanji .nr > a {
        font-size: .28rem;
        display: block;
        line-height: 30px
    }

    .xs-nav li dl.fw dd .sanji .nr p {
        display: none
    }

    .xs-nav li dl.fw dd .sanji .nr p a {
        display: block;
        line-height: 1.8;
        font-size: .24rem;
        color: #999
    }

    .xs-nav li dl.fw dd:last-child > a {
        border-bottom: none
    }

    .xs-nav.active {
        right: 0
    }

    .xs-nav.active .nav-mark {
        display: block
    }

    .xf-menu {
        transform: translateY(40%)
    }

    .xf-menu p a:hover em {
        width: 1rem
    }

    .xf-menu p:last-child a {
        padding: 0 .15rem
    }

    .xf-menu p:last-child a em {
        width: 0;
        margin-left: 0
    }

    .xf-menu p:last-child a:hover em {
        width: 1.7rem
    }

    
    .layer.layer-ts ul li, .layer.layer-xd ul li {
        padding-left: 1.4rem
    }

    .layer.layer-ts ul li > span, .layer.layer-xd ul li > span {
        line-height: .6rem
    }

    .layer.layer-ts ul li .nr input, .layer.layer-xd ul li .nr input {
        height: .6rem;
        line-height: .58rem
    }

    .layer.layer-ts ul li .nr .clearfix a, .layer.layer-xd ul li .nr .clearfix a {
        height: .45rem;
        line-height: .43rem;
        padding: 0 .2rem
    }

}
.ys-list{width: 80%;background-color: rgb(217,229,241);border-radius: 30px;height: 50px;margin: auto;}
.ys-list .ys-list-icon{
    border-radius: 50%;width: 30px;height: 30px;margin: auto;display: inline-block;position: relative;top: 10px;left: 10px;background-color: rgb(147,150,155);text-align: center;line-height: 30px;color: white;font-size: 14px;
}
.learn-more{
    margin: auto;background-color: #75B2F7;letter-spacing: 10px;height: 1.1rem;cursor: pointer;
}
.learn-more-son{
    line-height: .9rem;height: .9rem;font-weight: 900;font-size: .3rem;margin: .1rem;background-color: #75B2F7;border: 1px solid #FFFFFF;text-align: center;
}
.learn-more-first{
    color: #FFFFFF;display: inline-block;
}
.learn-more-second{
    color: #FFEF3A;display: inline-block;
}
.opacity-9{
    opacity: .9;
}
.opacity-8{
    opacity: .8;
}
.opacity-7{
    opacity: .7;
}
.opacity-6{
    opacity: .6;
}
.opacity-5{
    opacity: .5;
}
.opacity-4{
    opacity: .4;
}
.opacity-3{
    opacity: .3;
}
.opacity-2{
    opacity: .2;
}
.opacity-1{
    opacity: .1;
}

.table-1 td{border:1px solid;line-height:.3rem;}
.table-1{width:80%;margin:auto;max-width:1000px;}