body,

button,

input,

select,

textarea {

    font: 12px/1.4 \\5FAE\8F6F\96C5\9ED1, arial;

    color: #5a5a5a;

    font-size: 12px

}



* {

    margin: 0;

    padding: 0;

    border: 0;

    box-sizing: border-box

}



:focus {

    outline: none

}



body,

button,

input,

select,

textarea {

    font: .24rem/1.14 \\5FAE\8F6F\96C5\9ED1, arial;

    color: #8e8e8e;

    font-size: .24rem

}



table {

    border-collapse: collapse;

    border-spacing: 0

}



ul {

    list-style: none

}



a,

button,

input[type=button],

input[type=file],

input[type=reset],

input[type=submit] {

    cursor: pointer

}



a {

    color: inherit;

    color: expression(this.parentNode.currentStyle.color);

    text-decoration: none

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-size: 100%

}



small {

    font-size: 12px

}



.ml5 {

    margin-left: 5px

}



.mt5 {

    margin-top: 5px

}



.mr5 {

    margin-right: 5px

}



.mb5 {

    margin-bottom: 5px

}



.mg5 {

    margin: 5px

}



.pl5 {

    padding-left: 5px

}



.pt5 {

    padding-top: 5px

}



.pr5 {

    padding-right: 5px

}



.pb5 {

    padding-bottom: 5px

}



.pd5 {

    padding: 5px

}



.ml10 {

    margin-left: 10px

}



.mt10 {

    margin-top: 10px

}



.mr10 {

    margin-right: 10px

}



.mb10 {

    margin-bottom: 10px

}



.mg10 {

    margin: 10px

}



.pl10 {

    padding-left: 10px

}



.pt10 {

    padding-top: 10px

}



.pr10 {

    padding-right: 10px

}



.pb10 {

    padding-bottom: 10px

}



.pd10 {

    padding: 10px

}



.ml15 {

    margin-left: 15px

}



.mt15 {

    margin-top: 15px

}



.mr15 {

    margin-right: 15px

}



.mb15 {

    margin-bottom: 15px

}



.mg15 {

    margin: 15px

}



.pl15 {

    padding-left: 15px

}



.pt15 {

    padding-top: 15px

}



.pr15 {

    padding-right: 15px

}



.pb15 {

    padding-bottom: 15px

}



.pd15 {

    padding: 15px

}



.ml20 {

    margin-left: 20px

}



.mt20 {

    margin-top: 20px

}



.mr20 {

    margin-right: 20px

}



.mb20 {

    margin-bottom: 20px

}



.mg20 {

    margin: 20px

}



.pl20 {

    padding-left: 20px

}



.pt20 {

    padding-top: 20px

}



.pr20 {

    padding-right: 20px

}



.pb20 {

    padding-bottom: 20px

}



.pd20 {

    padding: 20px

}



.ml25 {

    margin-left: 25px

}



.mt25 {

    margin-top: 25px

}



.mr25 {

    margin-right: 25px

}



.mb25 {

    margin-bottom: 25px

}



.mg25 {

    margin: 25px

}



.pl25 {

    padding-left: 25px

}



.pt25 {

    padding-top: 25px

}



.pr25 {

    padding-right: 25px

}



.pb25 {

    padding-bottom: 25px

}



.pd25 {

    padding: 25px

}



.ml30 {

    margin-left: 30px

}



.mt30 {

    margin-top: 30px

}



.mr30 {

    margin-right: 30px

}



.mb30 {

    margin-bottom: 30px

}



.mg30 {

    margin: 30px

}



.pl30 {

    padding-left: 30px

}



.pt30 {

    padding-top: 30px

}



.pr30 {

    padding-right: 30px

}



.pb30 {

    padding-bottom: 30px

}



.pd30 {

    padding: 30px

}



.ml35 {

    margin-left: 35px

}



.mt35 {

    margin-top: 35px

}



.mr35 {

    margin-right: 35px

}



.mb35 {

    margin-bottom: 35px

}



.mg35 {

    margin: 35px

}



.pl35 {

    padding-left: 35px

}



.pt35 {

    padding-top: 35px

}



.pr35 {

    padding-right: 35px

}



.pb35 {

    padding-bottom: 35px

}



.pd35 {

    padding: 35px

}



.ml40 {

    margin-left: 40px

}



.mt40 {

    margin-top: 40px

}



.mr40 {

    margin-right: 40px

}



.mb40 {

    margin-bottom: 40px

}



.mg40 {

    margin: 40px

}



.pl40 {

    padding-left: 40px

}



.pt40 {

    padding-top: 40px

}



.pr40 {

    padding-right: 40px

}



.pb40 {

    padding-bottom: 40px

}



.pd40 {

    padding: 40px

}



.ml45 {

    margin-left: 45px

}



.mt45 {

    margin-top: 45px

}



.mr45 {

    margin-right: 45px

}



.mb45 {

    margin-bottom: 45px

}



.mg45 {

    margin: 45px

}



.pl45 {

    padding-left: 45px

}



.pt45 {

    padding-top: 45px

}



.pr45 {

    padding-right: 45px

}



.pb45 {

    padding-bottom: 45px

}



.pd45 {

    padding: 45px

}



.ml50 {

    margin-left: 50px

}



.mt50 {

    margin-top: 50px

}



.mr50 {

    margin-right: 50px

}



.mb50 {

    margin-bottom: 50px

}



.mg50 {

    margin: 50px

}



.pl50 {

    padding-left: 50px

}



.pt50 {

    padding-top: 50px

}



.pr50 {

    padding-right: 50px

}



.pb50 {

    padding-bottom: 50px

}



.pd50 {

    padding: 50px

}



.border-box,

.border-box *,

.border-box :after,

.border-box :before {

    box-sizing: border-box

}



.fc {

    color: #ff1d1f

}



.bg {

    background: #f7f7f7

}



.center {

    padding: 0 .18rem

}



.fl {

    float: left

}



.fr {

    float: right

}



.clear {

    clear: both

}



.clearfix {

    *zoom: 1

}



.clearfix:after {

    content: "";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden

}



.ellipsis,

.list_new h2 {

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden

}



.tac {

    text-align: center

}



.big:hover,

.bigger {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

    transition: scale .5s

}



.mask {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    z-index: 1;

    background: rgba(0, 0, 0, .5)

}



.content img {

    max-width: 100%

}



.ibox1 ul:after,

.last_flex,

.screening>ul:after {

    text-align-last: auto;

    text-justify: auto;

    text-align: left;

    letter-spacing: normal;

    word-spacing: normal;

    margin: 0!important;

    padding: 0!important

}



.flex_space_between,

.ibar ul,

.ibox7 ul,

.ilist,

.screening>ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



::-webkit-scrollbar {

    width: 3px

}



::-webkit-scrollbar-thumb,

::-webkit-scrollbar-track-piece {

    background-color: #eee

}



html {

    height: 100%

}



body {

    min-height: 100%;

    position: relative;

    padding: .89rem 0 0

}



.w1200 {

    width: 95%;

    margin: 0 auto

}



.header_t {

    position: fixed;

    height: .89rem;

    top: 0;

    z-index: 99

}



.header,

.header_t {

    width: 100%;

    background: #fff

}

.header_t img{ margin-left: 10px; }

.header_t span {

    position: absolute;

    width: 100%;

    display: block;

    left: 0;

}



.header {

    z-index: 2;

    line-height: .89rem;

    text-align: center;

    color: #2454ac;

    font-size: .36rem;

    margin-bottom: .3rem

}



.header img {

    float: left;

    height: .89rem

}



.logo1 {

    margin-left: .4rem

}



.logo1,

.logo2 {

    height: .8rem

}



.header .back,

.header .menu {

    display: block;

    width: .76rem;

    height: .89rem;

    position: absolute;

    top: 0;

    bottom: 0;

    cursor: pointer;

    font-size: 0;

    z-index: 4

}



.header .back i,

.header .menu i {

    vertical-align: middle

}



.header .logo {

    width: 2.73rem;

    height: .73rem

}



.header .back {

    left: 0

}



.header .back i {

    font-size: .6rem

}



.header .menu {

    right: 0;

    background: #2454ac

}



.header .menu i {

    font-size: .46rem;

    color: #fff

}



.nav {

    height: auto;

    bottom: 0;

    right: 0;

    z-index: 5

}



.mask,

.nav {

    display: none;

    width: 100%;

    position: fixed;

    top: .89rem;

    background: transparent;

    transition: background .2s

}



.mask {

    height: auto;

    left: 0;

    z-index: 3;

    background-color: #333;

    opacity: .3

}



.nav>ul {

    background: #2454ac;

    width: 100%;

    right: 0;

    top: 0;

    bottom: 0;

    height: auto;

    overflow-x: hidden;

    transition: right .2s;

    opacity: 1

}



.nav>ul li {

    position: relative

}



.nav>ul li a {

    display: block;

    height: .6rem;

    line-height: .6rem;

    color: #fff;

    font-size: .3rem;

    text-align: left;

    border-bottom: 1px solid #fff;

    text-indent: 1em

}



.nav>ul li>a>i {

    position: absolute;

    right: .5rem;

    top: 0;

    line-height: 1rem;

    font-size: .5rem;

    transition: -webkit-transform .2s;

    transition: transform .2s;

    transition: transform .2s, -webkit-transform .2s

}



.nav>ul li>a.in>i {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg)

}



.nav>ul li ul {

    display: none

}



.nav>ul li ul a {

    font-size: .3rem

}



.nav.in {

    background: rgba(0, 0, 0, .5);

    visibility: visible

}



.nav.in ul {

    right: 0

}



.index_title1 {

    margin-right: .3rem

}



.banner {

    height: 3.27rem;

    overflow: hidden;

    position: relative

}



.banner li {

    float: left

}



.banner li img {

    display: block

}



.banner_btn {

    position: absolute;

    left: 0;

    bottom: 5%;

    width: 100%;

    text-align: center;

    font-size: 0;

    line-height: 0

}



.banner_btn span {

    display: inline-block

}



.banner_btn a {

    display: block;

    float: left;

    width: .2rem;

    height: .2rem;

    border-radius: 100%;

    margin: .05rem;

    background: hsla(0, 0%, 100%, .5);

    position: relative;

    transition: background .2s

}



.banner_btn a.in,

.banner_btn a:hover {

    background: #fff

}



.search {

    width: 100%;

    height: 1rem;

    background-color: #f5f5f5

}



.search .w1200 input[type=text] {

    width: 83%;

    height: .6rem;

    line-height: .6rem;

    float: left;

    text-indent: 1em;

    margin-top: .2rem

}



.search .w1200 input[type=submit] {

    width: 17%;

    height: .6rem;

    line-height: .6rem;

    background: url(../img/search.jpg) no-repeat 0;

    float: left;

    background-size: cover;

    margin-top: .2rem

}



.ad .div1 {

    margin-left: .5%;

    background: url(../img/ad1.jpg) no-repeat top;

    background-size: 100% 100%

}



.ad .div1,

.ad .div2 {

    width: 33%;

    height: 1.5rem

}



.ad .div2 {

    background: url(../img/ad2.jpg) no-repeat top;

    background-size: 100% 100%

}



.ad .div3 {

    width: 33%;

    height: 1.5rem;

    background: url(../img/ad3.jpg) no-repeat top;

    background-size: 100% 100%

}



.ad p {

    text-align: center;

    font-size: .2rem;

    color: #fff;

    line-height: .3rem;

    margin-top: .4rem

}



.itit {

    width: 100%;

    margin-top: .3rem

}



.itit h4 {

    font-size: .4rem;

    color: #2454ac;

    font-weight: 400;

    line-height: 1rem;

    background: url(../img/ititbg.png) no-repeat 0 100%

}



.itit h4 span {

    font-size: .25rem;

    color: #999;

    margin-left: .2rem

}



.itit h4 a {

    display: block;

    padding: .1rem;

    font-size: .25rem;

    color: #888;

    border: 1px solid #eaeaea;

    line-height: .2rem;

    margin-top: .3rem

}



.itit ul {

    margin-top: .2rem

}



.itit ul li {

    float: left;

    margin-right: 2%;

    margin-bottom: 2%;

    width: 32%

}



.itit ul li a {

    display: block;

    width: 100%;

    height: .7rem;

    line-height: .7rem;

    text-align: center;

    font-size: .25rem;

    font-weight: 700;

    color: #2454ac;

    overflow: hidden;

    border: 1px solid #2454ac

}



.itit ul li:nth-child(3n) {

    margin-right: 0

}



.pro_catlist ul {

    margin-top: .3rem

}



.pro_catlist ul li {

    float: left;

    width: 48%;

    margin-right: 4%;

    margin-bottom: 4%

}



.pro_catlist ul li a {

    display: block;

    width: 100%;

    height: 2.4rem;

    overflow: hidden;

    position: relative

}



.pro_catlist ul li a img {

    width: 100%; height:2.2rem;

}



.pro_catlist ul li img{}

.pro_catlist ul li .catename {

    display: block;

    width: 100%;

    line-height: .45rem;

    color: #333;

    font-size: .3rem;

    text-align: center;

    overflow: hidden;

}



.pro_catlist ul li:nth-child(2n) {

    margin-right: 0

}



.about {

    width: 100%;

    margin-top: .2rem

}



.about p {

    font-size: .25rem;

    line-height: .5rem;

    color: #666;

    margin-bottom: .3rem

}



.about img {

    width: 100%

}



.news ul {

    margin-top: .3rem

}



.news ul li {

    padding: .3rem 0;

    border-bottom: 1px dotted #e2e2e2

}



.news ul li a {

    font-weight: 700;

    font-size: .28rem;

    color: #5a5a5a;

    line-height: .5rem

}



.news ul li .p1 {

    color: #999

}



.news ul li .p1,

.news ul li .p2 {

    font-size: .2rem;

    line-height: .4rem

}



.news ul li .p2 {

    color: #888

}



.news ul li:last-child {

    margin-bottom: .3rem

}



.aboutus {

    width: 100%;

    margin-top: .3rem

}



.aboutus img {

    display: block;

    max-width: 100%;

    margin-bottom: .2rem

}



.aboutus p {

    font-size: .28rem;

    color: #666;

    line-height: .5rem

}



.prolist ul {

    margin-top: .3rem

}



.prolist ul li {

    float: left;

    width: 49%;

    margin-right: 2%

}



.prolist ul li .img {

    display: block

}



.prolist ul li .img,

.prolist ul li .img img {

    width: 100%;

    height: 2.2rem

}



.prolist ul li .title {

    display: block;

    font-size: .25rem;

    color: #5a5a5a;

    line-height: .6rem;

    font-weight: 700;

    text-align: center

}



.prolist ul li:nth-child(2n) {

    margin-right: 0

}



.page {

    clear: both;

    font-size: .25rem;

    margin: .3rem auto;

    color: #5a5a5a;

    text-align: center

}



.page .current {

    color: #2454ac;

    border-color: #2454ac

}



.page a,

.page span {

    display: inline-block;

    padding: .2rem;

    border: 1px solid #5a5a5a;

    color: #5a5a5a

}



.zxly {

    width: 100%;

    margin-top: .3rem

}



.zxly .red {

    color: red

}



.zxly .p1 {

    font-size: .28rem;

    line-height: .45rem;

    color: #5a5a5a

}



.zxly input[type=text] {

    width: 100%;

    height: .7rem;

    background-color: #f0f0f0

}



.zxly textarea {

    width: 100%;

    height: 1.4rem;

    background-color: #f0f0f0

}



.zxly input[type=submit] {

    width: 100%;

    height: .7rem;

    background-color: #2454ac;

    margin-top: .3rem;

    margin-bottom: .3rem;

    color: #fff;

    text-align: center

}



.zxly input[type=submit],

.zxly p {

    font-size: .3rem;

    line-height: .7rem

}



.zxly p {

    color: #666

}



.contactus {

    width: 100%;

    margin-top: .3rem

}



.contactus p {

    color: #333;

    font-size: .3rem;

    line-height: .7rem

}



.main .backto {

    width: 100%;

    height: .7rem;

    background-color: #2454ac;

    line-height: .7rem;

    color: #fff;

    font-size: .25rem;

    margin-bottom: .3rem

}



.main .backto,

.main .title {

    text-align: center;

    font-weight: 700

}



.main .title {

    font-size: .35rem;

    color: #5a5a5a

}



.main .tips,

.main .title {

    line-height: .6rem;

    margin-bottom: .1rem

}



.main .tips {

    color: #999;

    text-align: center

}



.main .img {

    width: 100%;

    height: 5rem;

    margin: 0 auto

}



.main .content {

    color: #333;

    margin-bottom: .3rem;

    font-size: .3rem

}



.main .content,

.main .content2 {

    line-height: .6rem;

    padding-top: 0

}



.main .content2 {

    font-size: .25rem;

    color: #999

}



.main .content2 a {

    color: #333

}



.main .content2:last-child {

    margin-bottom: .3rem

}



.main .description {

    width: 100%;

    padding: .2rem;

    background: #f5f5f5;

    font-size: .25rem;

    line-height: .5rem

}



.dowebok {

    width: 100%;

    margin: .3rem auto;

    font-size: 0

}



.dowebok ul {

    height: 1.1rem

}



.dowebok img {

    vertical-align: top

}



.str_wrap {

    overflow: hidden;

    font-size: 12px;

    line-height: 16px;

    position: relative;

    -moz-user-select: none;

    -webkit-user-select: none;

    -ms-user-select: none;

    user-select: none;

    white-space: nowrap

}



.str_move {

    white-space: nowrap;

    position: absolute;

    top: 0;

    left: 0;

    cursor: move

}



.str_move_clone {

    display: inline-block;

    vertical-align: top;

    position: absolute;

    left: 100%;

    top: 0

}



.str_vertical .str_move_clone {

    left: 0;

    top: 100%

}



.str_down .str_move_clone {

    left: 0;

    bottom: 100%

}



.str_down .str_move,

.str_vertical .str_move {

    white-space: normal;

    width: 100%

}



.no_drag .str_move,

.noStop .str_move,

.str_static .str_move {

    cursor: inherit

}



.str_wrap img {

    max-width: none

}



.dowebok ul {

    margin: .3rem;

    width: 10000px

}



.dowebok ul li {

    float: left;

    margin-left: .3rem

}



.dowebok ul li,

.dowebok ul li img {

    height: 1.3rem;

    width: 1.5rem

}



.footer {

    width: 100%;

    height: 2rem;



    margin-bottom: 1rem

}



.footer p {

    text-align: center

}



.footer .p1 {

    color: #333;

    font-weight: 700;

    padding-top: .3rem

}



.footer .p1,

.footer .p2 {

    font-size: .25rem;

    line-height: .4rem

}



.footer .p2 {

    color: #666

}



.fixed {

    width: 100%;

    height: 1rem;

    background: #2454ac;

    overflow: hidden;

    position: fixed;

    bottom: 0;

    left: 0;

    z-index: 9999;

    padding-top: .2rem

}



.fixed ul li {

    float: left;

    width: 25%;

    height: 1rem

}



.fixed ul li a {

    display: block;

    width: 100%;

    height: 1rem

}



.fixed ul li i {

    display: block;

    font-size: .35rem;

    margin-bottom: .2rem

}

.fixed ul li p {

    font-size: .25rem;

}



.fixed ul li i,

.fixed ul li p {

    text-align: center;

    color: #fff

}



@-webkit-keyframes a {

    0% {

        opacity: 0;

        -webkit-transform: translateY(-145%);

        transform: translateY(-145%)

    }

    10% {

        opacity: .5

    }

    20% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

    80% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

    90% {

        opacity: .5

    }

    to {

        opacity: 0;

        -webkit-transform: translateY(145%);

        transform: translateY(145%)

    }

}



@keyframes a {

    0% {

        opacity: 0;

        -webkit-transform: translateY(-145%);

        transform: translateY(-145%)

    }

    10% {

        opacity: .5

    }

    20% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

    80% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

    90% {

        opacity: .5

    }

    to {

        opacity: 0;

        -webkit-transform: translateY(145%);

        transform: translateY(145%)

    }

}



.load_more {

    position: relative;

    transition: all .3s

}



.load_more .la-ball-fall {

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -36px;

    margin-top: -9px;

    opacity: 0;

    visibility: hidden;

    cursor: not-allowed

}



.load_more .la-ball-fall.la-sm {

    margin-left: -18px;

    margin-top: -4px

}



.load_more .la-ball-fall.la-2x {

    margin-left: -72px;

    margin-top: -18px

}



.load_more .la-ball-fall.la-3x {

    margin-left: -108px;

    margin-top: -27px

}



.load_more .load_more_btn {

    border: 0;

    color: #fff;

    text-align: center;

    width: 100%;

    line-height: 2em;

    border-radius: 2em;

    background-color: #2454ac;

    transition: background-color .2s;

    outline: none

}



.load_more .load_more_btn:hover {

    background-color: #2454ac

}



.load_more .load_more_btn[disabled] {

    color: transparent;

    opacity: .6;

    cursor: not-allowed

}



.load_more .load_more_btn[disabled]~.la-ball-fall {

    opacity: 1;

    visibility: visible;

    transition-delay: 0s

}



.la-ball-fall {

    display: block;

    font-size: 0;

    color: #fff

}



.la-ball-fall,

.la-ball-fall>div {

    position: relative;

    box-sizing: border-box

}



.la-ball-fall.la-dark {

    color: #333

}



.la-ball-fall>div {

    display: inline-block;

    float: none;

    background-color: currentColor;

    border: 0 solid currentColor;

    width: 10px;

    height: 10px;

    margin: 4px;

    border-radius: 100%;

    opacity: 0;

    -webkit-animation: a 1s ease-in-out infinite;

    animation: a 1s ease-in-out infinite

}



.la-ball-fall>div:first-child {

    -webkit-animation-delay: -.3s;

    animation-delay: -.3s

}



.la-ball-fall>div:nth-child(2) {

    -webkit-animation-delay: -.2s;

    animation-delay: -.2s

}



.la-ball-fall>div:nth-child(3) {

    -webkit-animation-delay: -.1s;

    animation-delay: -.1s

}



.la-ball-fall>div:nth-child(4) {

    -webkit-animation-delay: 0ms;

    animation-delay: 0ms

}



.la-ball-fall.la-sm>div {

    width: 5px;

    height: 5px;

    margin: 2px

}



.la-ball-fall.la-2x>div {

    width: 20px;

    height: 20px;

    margin: 8px

}



.la-ball-fall.la-3x>div {

    width: 30px;

    height: 30px;

    margin: 12px

}





/*# sourceMappingURL=yunu.css.map */