@charset "utf-8"; * {
    margin: 0;
    outline: 0;
    padding: 0
}

html,body,div,span,h1,h2,h3,h4,h5,h6,p,abbr,address,cite,code,del,dfn,em,img,sub,sup,var,i,dl,dd,dt,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video {
    margin: 0;
    padding: 0;
    zoom:1}

article,aside,figure,footer,header,hgroup,nav,menu,section {
    display: block
}

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

input,select {
    vertical-align: middle
}

textarea {
    resize: none
}

a,button {
    outline: none;
    *star: expression(this.onFocus=this.blur());
    cursor: pointer
}

img {
    vertical-align: middle
}

ul,li {
    list-style: none
}

body,html {
    color: #404040;
    font-family: Microsoft Yahei,Arial;
    width: 100%;
    font-size: 13px;
    background: #fff;
    overflow-x: hidden;
    -webkit-tap-highlight-color: transparent
}

body {
    overflow-x: hidden
}

.container {
//background: #fff
}

@media screen and (max-width: 1100px) {
    .nav li a {
        padding:0 25px
    }

    .nav .nav_menu {
        width: 135px!important
    }
}

img {
    border: 0;
    display: block
}

img {
    display: inline-block
}

a {
    text-decoration: none;
    color: #404040
}

a:hover {
    color: #303030;
    text-decoration: none
}

a:active,a:hover,a:visited {
    text-decoration: none
}

i {
    font-style: normal
}

.orange {
    color: #ffe400
}

.blue {
    color: #699bcc
}

.clear {
    padding: 0;
    margin: 0;
    width: 0;
    height: 0;
    font-size: 0;
    overflow: 0;
    clear: both;
    line-height: 0
}

.clearfix {
    zoom:1;_height: 1px
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearFloat {
    *zoom:1}

.clearFloat:after {
    visibility: hidden;
    clear: both;
    display: block;
    content: ".";
    height: 0
}

.txtIndent {
    text-indent: -9999em
}

.seo {
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    visibility: hidden;
    top: 0;
    left: 0
}

.seo,.hideImg {
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    visibility: hidden;
    top: 0;
    left: 0
}

.hideImg {
    overflow: hidden
}

.hideImg img {
    width: 0;
    height: 0;
    overflow: hidden
}

.fl {
    float: left
}

.fr {
    float: right
}

.fl,.fr {
    _display: inline
}

.ma {
    margin: 0 auto
}

.tc {
    text-align: center
}

.pt53 {
    padding-top: 53px
}

.mr20 {
    margin-right: 20px
}

.w1200 {
    width: 1200px
}

input,textarea {
    border-radius: 0;
    padding: 0;
    margin: 0
}

em {
    font-style: normal
}

input,textarea:focus {
    outline: none
}

.headerm {
    z-index: 5000
}

.headerz {
    z-index: 5000
}

.header .logo {
    float: left;
    width: 121px;
    margin-left: 50px
}

.header .logo a {
    display: block
}

#logo {
    fill: none
}

#logo_pic,#logo_cn_1 path,#logo_cn_2 path,#logo_en path,#logo_en rect,#logo_en polygon {
    fill: #fff
}

.header_r {
    position: relative;
    z-index: 6000;
    float: right;
    height: 84px
}

.header_tell {
    float: right;
    width: 188px;
    padding-left: 43px;
    height: 84px;
    background: url(../images/tell_icon.png) no-repeat left center;
    line-height: 84px;
    font-size: 20px;
    color: #fff
}

.nav {
    float: left;
    height: 84px;
    margin-right: 20px;
    line-height: 84px
}

.nav li {
    position: relative;
    float: left;
    height: 84px
}

.nav li a {
    position: relative;
    display: block;
    padding: 0 24px;
    font-size: 16px;
    color: #fff
}

.nav li .nav_a em {
    display: block;
    transition: all .3s ease-in-out 0s
}

.nav li .nav_a .navem {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px)
}

.nav li a .navonline {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 0;
    height: 1px;
    background: #60c6cd;
    transition: all .6s ease-in-out 0s;
    overflow: hidden
}

.nav li a .navonline_on,.nav li .navon .navonline {
    width: 100%
}

.nav_cont {
    position: absolute;
    top: 84px;
    width: 100%;
    height: 255px;
    border-top: 1px solid #6a6764;
    border-bottom: 1px solid #27696b;
    background-color: rgba(0,0,0,.7);
    transition: all .2s ease-in-out 0s;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10%);
    -webkit-transform: translateY(10%)
}

.nav_contsc {
    z-index: 5000;
    opacity: 1;
    transform: translateX(0px);
    visibility: visible
}

.nav .nav_menu {
    position: absolute;
    top: 84px;
    z-index: 6000;
    width: 126px;
    padding-top: 12px;
    line-height: 30px;
    transition: all .6s ease-in-out 0s;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10%);
    -webkit-transform: translateY(10%)
}

.nav li .nav_menusc {
    opacity: 1;
    transform: translateX(0px);
    visibility: visible
}

.nav .nav_menu a,.fw_nav a {
    position: relative;
    padding: 0;
    border: 0;
    padding-left: 29px;
    font-size: 13px;
    color: #1eb0b9
}

.nav .nav_menu i,.fw_nav i {
    position: absolute;
    top: 14px;
    left: 0;
    width: 9px;
    height: 2px;
    background: #1eb0b9;
    transition: all .6s
}

.nav .nav_menu span,.fw_nav span {
    display: block;
    transition: all .6s
}

.nav .nav_menu a:hover i,.fw_nav a:hover i {
    width: 20px;
    background: #fff
}

.nav .nav_menu a:hover span,.fw_nav a:hover span {
    transform: translateX(10px);
    -webkit-transform: translateX(10px)
}

.nav .nav_menu a:hover {
    color: #fff
}

.navmenu {
    position: absolute;
    top: 15px;
    right: 51px;
    z-index: 7000;
    width: 57px;
    height: 53px;
    background: url(../images/navmenu.png) no-repeat;
    cursor: pointer;
    transition: all .6s
}

.navmenu:hover {
    box-shadow: 0 0 10px #1e4c51
}

.navmenu .icon::before,.navmenu .icon::after {
    background-color: #858586;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transition-duration: .5s;
    width: 25px
}

.navmenu .icon::before {
    top: -9px
}

.navmenu .icon::before,.navmenu .icon::after {
    background-color: #858586;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transition-duration: .5s;
    width: 25px
}

.navmenu .icon::after {
    top: 9px
}

.navmenu .icon {
    background-color: #858586;
    height: 2px;
    left: 16px;
    position: absolute;
    top: 24px;
    transition-duration: .5s;
    width: 25px
}

.navmenu_s.navmenu .icon::before {
    transform: translateY(9px) rotate(45deg)
}

.navmenu_s.navmenu .icon::after {
    transform: translateY(-9px) rotate(-45deg)
}

.navmenu_s.navmenu .icon {
    width: 0
}

.fw_nav {
    position: absolute;
    top: 0;
    left: -143px;
    width: 129px;
    padding-bottom: 10px;
    border: 1px solid #256e73;
    background-color: rgba(39,190,199,.2);
    transition: all 1s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(30px);
    transform: translateY(30px)
}

.fw_nav_a {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px)
}

.fw_nav a {
    display: block;
    margin-top: 8px;
    padding-left: 47px;
    font-size: 12px;
    color: #fff
}

.fw_nav i {
    top: 7px;
    left: 17px;
    background: #fff
}

.fw_nav span {
    display: block;
    transition: all .6s
}

.fw_nav a:hover i {
    background: #1eb0b9
}

.fw_nav a:hover {
    color: #1eb0b9
}

.header_r2 {
    opacity: 0;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    transition: all .6s
}

.header_r2_2 {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.columns_header {
    top: 0;
    border-bottom: 1px solid #ababab
}

.columns_header .logo {
    width: 95px;
    margin-left: 50px;
    margin-top: 18px
}

.columns_header .logo img {
    width: 100%
}

.case_header {
    position: static;
    height: 80px;
    border-bottom: 1px solid #ececec;
    box-shadow: 0 3px 10px #f4f4f4
}

.case_header .header_r {
    margin-right: 40px
}

.case_header .nav li a .navonline {
    height: 2px
}

.case_header .logo {
    float: left;
    width: 95px;
    margin-left: 50px;
    margin-top: 18px
}

.case_header .nav li {
    height: 80px
}

.case_header .nav li a {
    color: #666
}

.case_header .nav {
    height: 80px;
    line-height: 80px
}

.case_header .header_r {
    height: 80px
}

.case_header .nav_cont,.case_header .nav_menu {
    top: 80px
}

.case_header .case_tell {
    float: right;
    width: 150px;
    padding-left: 43px;
    height: 80px;
    line-height: 80px;
    font-size: 20px;
    color: #666;
    font-weight: 700;
    background: url(../images/cellphonedark.png) left center no-repeat
}

.case_header .nav .nav_menu a {
    color: #1eb0b9
}

.case_header .nav .nav_menu a:hover {
    color: #fff
}

#page {
    text-align: center;
    margin-bottom: 100px
}

#page a,#page span {
    padding: 7px 10px;
    display: inline-block;
    background: #ebebeb;
    color: #666;
    margin: 4px 2px
}

#page a:hover,#page a.RepeaterNumberList_Now {
    color: #fff;
    background: #16babb
}

@media(max-width: 992px) {
    #page {
        text-align:center;
        margin-bottom: 30px
    }
}

.fpnav {
    position: fixed;
    left: 43px;
    top: 189px;
    bottom: 62px;
    z-index: 5000;
    width: 17px;
    padding-top: 51px;
    background: url(../images/fpnav_bg.png) repeat-y
}

.fpnav li {
    width: 17px;
    height: 17px;
    margin-bottom: 21px
}

.fpnav li a {
    display: block;
    width: 17px;
    height: 17px;
    background: url(../images/fpnav_icon_hover.png) no-repeat
}

.fpnav li .menuon_1 {
    background: url(../images/fpnav_icon.png) no-repeat
}

.fpnav .active a {
    background: url(../images/fpnav_icon.png) no-repeat
}

.kefudt_r {
    position: fixed;
    top: 50%;
    right: 9px;
    z-index: 80000;
    width: 81px;
    height: 367px;
    margin: -183px 0 0 -249px
}

.kefudt_r a {
    position: relative;
    display: block;
    width: 77px;
    height: 24px;
    z-index: 500;
    padding-top: 53px;
    text-align: center;
    font-size: 12px;
    color: #fff
}

.kefudt_r span strong {
    display: none;
    font-size: 14px;
    font-weight: 400
}

.kefudt_r .kefudt_icon1 {
    background: url(../images/kefudt_icon2.png) no-repeat
}

.kefudt_r .kefudt_icon2 {
    background: url(../images/kefudt_icon3.png) no-repeat
}

.kefudt_r .kefudt_icon3 {
    background: url(../images/kefudt_icon4.png) no-repeat
}

.kefudt_r .kefudt_icon4 {
    background: url(../images/kefudt_icon5.png) no-repeat
}

.kefudt_r span {
    position: absolute;
    display: block;
    width: 78px;
    height: 77px;
    right: 0;
    border: 1px solid #1eb0b9;
    background: rgba(0,0,0,.5);
    text-align: center;
    transition: all .6s
}

.kefudt_r span:before {
    content: "";
    width: 0;
    height: 77px;
    background: #2bb0b8;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .6s;
    z-index: -1;
    opacity: .8
}

.kefudt_r span.active,.kefudt_r span:hover {
    width: 220px;
    background: 0 0;
    overflow: hidden
}

.kefudt_r span.active:before,.kefudt_r span:hover:before {
    width: 220px
}

.kefudt_r span:hover a {
    width: 100%;
    background: 0 0;
    padding: 0;
    line-height: 77px
}

.kefudt_r span:hover a em {
    display: none
}

.kefudt_r span:hover strong {
    display: block
}

.kefudt_r>span:first-child {
    top: 0
}

.kefudt_r>span:nth-child(2) {
    top: 94px
}

.kefudt_r>span:nth-child(3) {
    top: 188px
}

.kefudt_r>span:nth-child(4) {
    top: 282px
}

.kefudt_r .search_web .kefudt_icon5 {
    display: none;
    width: 100%;
    padding-top: 30px;
    white-space: nowrap
}

.kefudt_r .search_web .kefudt_icon5 input {
    display: inline-block;
    width: 160px;
    height: 17px;
    vertical-align: top;
    background: 0 0;
    border: none;
    border-left: 1px solid rgba(255,255,255,.5);
    padding: 0 10px;
    outline: none;
    font-size: 14px;
    font-family: microsoft yahei,微软雅黑;
    color: #fff
}

.kefudt_r .search_web .kefudt_icon5 input::-webkit-input-placeholder {
    color: rgba(255,255,255,.5)
}

.kefudt_r .search_web .kefudt_icon5 input::-moz-placeholder {
    color: rgba(255,255,255,.5)
}

.kefudt_r .search_web .kefudt_icon5 input:-moz-placeholder {
    color: rgba(255,255,255,.5)
}

.kefudt_r .search_web .kefudt_icon5 input:-ms-input-placeholder {
    color: rgba(255,255,255,.5)
}

.kefudt_r .search_web .kefudt_icon5 i {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(../images/search_icon.png) center center/100% 100% no-repeat;
    vertical-align: top;
    cursor: pointer
}

.kefudt_r .search_web.active .kefudt_icon4,.kefudt_r .search_web:hover .kefudt_icon4 {
    display: none
}

.kefudt_r .search_web.active .kefudt_icon5,.kefudt_r .search_web:hover .kefudt_icon5 {
    display: block
}

.returntop {
    position: absolute;
    bottom: 62px;
    right: 51px;
    z-index: 5000;
    width: 47px;
    height: 47px
}

.returntop a {
    display: block;
    width: 47px;
    height: 47px;
    /*background: url(../images/top.png) no-repeat*/
}

.returntop1 {
    position: fixed;
    display: none
}

.zhezhaobox {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    background: url(../images/as_bg.png);
    text-align: center;
    display: none
}

.zhezhaobox span {
    display: block;
    background: #f6f6b4
}

.wap_footer {
    display: none
}

.wap_1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5000;
    width: 100%;
    background: #000
}

.fBtns {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 388px;
    margin-top: -194px
}

.fBtns li,.fBtns span {
    background: url(../images/roll_btn.png) no-repeat
}

.fBtns li {
    position: relative;
    height: 79px;
    line-height: 79px
}

.fBtns li span {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    display: block;
    z-index: 1
}

.fBtns li a {
    position: absolute;
    right: 0;
    height: 100%;
    width: 100%;
    display: block;
    z-index: 2;
    transition: all .6s;
    font-size: 20px;
    color: #fff;
    cursor: default
}

.fBtns li a i {
    padding: 0 46px 0 20px
}

.fBtns li a:hover {
    width: 488px;
    background: #14acae;
    box-shadow: 0 0 3px #fff;
    font-weight: 700
}

.fPics_list {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 500;
    width: 413px;
    height: 100%;
    background: url(../images/bannerwar_bg.png)
}

.linkbtom {
    background: #000
}

.linkbtom_l {
    float: left;
    width: 263px;
    color: #fff;
    padding: 0 20px;
    margin: 32px 0 0 40px
}

.linkbtom_l p {
    margin-bottom: 10px;
    font-size: 12px
}

.linkbtom_z .linkbtom_p1 {
    padding-left: 20px;
    margin-bottom: 10px;
    background: url(../images/footer_icon01.png) no-repeat left center;
    background-size: 15%
}

.linkbtom_z .linkbtom_p4 {
    margin-bottom: 10px
}

.linkbtom_z .linkbtom_p2 {
    line-height: 18px;
    padding-left: 19px;
    background: url(../images/footer_icon02.png) no-repeat left center
}

.linkbtom_z .linkbtom_p3 {
    line-height: 18px;
    padding-left: 19px;
    background: url(../images/footer_icon03.png) no-repeat left center
}

.linkbtom_z {
    float: left;
//width: 624px;
    padding: 0 20px;
    width: 100%
}

.linkbtom_z ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.linkbtom_z li {
    float: left;
    text-align: center;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column
}

.linkbtom_z li p {
    font-size: 12px;
    margin-bottom: 10px
}

@media screen and (max-width: 1440px) {
    .linkbtom_z li {
        margin-right:60px
    }
}

// .linkbtom_z li:nth-child(6)::after {
   //content: '';
   //position: absolute;
   //left: -10px;
   //width: 1px;
   //}

.linkbtom_z li:last-child {
    margin-right: 0
}

.linkbtom_z li span {
    display: block;
    margin-bottom: 16px;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    text-align: left
}

.linkbtom_z li a {
    display: block;
    margin-bottom: 10px;
    font-size: 12px;
    color: #b4b5b5;
    text-align: left
}

.linkbtom_z li a:hover {
    color: #25aaa8
}

.linkbtom_r {
    float: right;
    text-align: center
}

.linkbtom_r p {
    padding-top: 14px;
    font-size: 13px;
    color: #fff
}

.footer {
    border-top: 1px solid #232323;
    padding: 12px 0 0;
    background: #000;
    text-align: center;
    font-size: 13px;
    color: #c8c8c8
}

.footer a {
    color: #c8c8c8
}

.wp1,.wp2,.wp3,.wp4,.wp5,.wp6,.wp7,.wp8,.wp9,.wp10,.wp11,.wp12,.wp13,.wp14,.wp15,.wp16,.wp17,.wp18,.wp19,.wp20,.wp21,.wp22,.wp23,.wp24,.wp25,.wp26,.wp27,.wp28,.wp29,.wp30,.wp31,.wp32,.wp33,.wp34,.wp35,.wp36,.wp37,.wp38,.wp39,.wp40,.wp41,.wp42,.wp43,.wp44,.wp45,.wp46,.wp47,.wp48,.wp49 {
    visibility: hidden
}

.bounceInLeft,.bounceInRight,.fadeInUp,.fadeInUpDelay,.fadeInDown,.fadeInUpD,.fadeInLeft,.fadeInRight,.flash,.bounceIn,.zoomIn,.flipInX,.lightSpeedIn,.opac,.sanjiaoxian1,.sanjiaoxian2,.sanjiaoxian3,.fadeInRight11,.fadeInLeft11,.app01phone,.backgroundbox,.line_box,.shou,.fankai {
    visibility: visible
}

.columns_banner {
    position: relative;
    left: 50%;
    top: 0;
    width: 1920px;
    height: 600px;
    margin-left: -960px
}

.wap_header,.loso,.wap_app02_cont {
    display: none
}

.wap_banner,.wap_app01 {
    display: none
}

.returntop {
    position: fixed;
    bottom: 150px;
    right: 9px;
    z-index: 5000;
    width: 47px;
    height: 47px
}

.returntop a {
    display: block;
    width: 47px;
    height: 47px;
    /*background: url(../images/top.png) no-repeat*/
}

.fpline {
    position: fixed;
    top: 189px;
    left: auto;
    right: 0;
    bottom: 62px;
    z-index: 5000;
    width: 17px;
    padding-top: 51px;
    /*background: url(../images/fpnav_bg.png) repeat-y;*/
    height: 546px
}

.linkbtom {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.linkbtom p {
    color: #b4b5b5
}

.linkbtom a.help {
    width: 140px;
    height: 34px;
    background: #0ab2ac;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    box-sizing: border-box;
    margin-top: 16px;
    color: #fff
}

.linkbtom a.help:hover {
    color: #fff
}

.linkbtom * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.share {
    color: #666;
    font-size: 13px;
    margin-top: 52px;
    line-height: 32px;
    float: left
}

.share a {
    display: inline-block;
    width: 32px;
    height: 31px;
    margin-left: 13px;
    vertical-align: bottom;
    transition: .8s transform;
    -webkit-transition: .8s transform;
    -moz-transition: .8s transform;
    -ms-transition: .8s transform
}

.bdshare-button-style2-32 a {
    display: inline-block!important;
    float: none!important;
    margin: 0 0 0 12px!important
}

.share a:hover {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg)
}

.share .bds_sqq {
    background: url(../images/icon.png) 0 -70px no-repeat
}

.share .share02 {
    background: url(../images/icon.png) -45px -70px no-repeat
}

.share .share03 {
    background: url(../images/icon.png) -90px -70px no-repeat
}

.share .share04 {
    background: url(../images/icon.png) -130px -70px no-repeat
}

.share .share01:hover {
    background: url(../images/icon.png) 0 -35px no-repeat!important
}

.share .share02:hover {
    background: url(../images/icon.png) -45px -35px no-repeat!important
}

.share .share03:hover {
    background: url(../images/icon.png) -90px -35px no-repeat!important
}

.share .share04:hover {
    background: url(../images/icon.png) -130px -35px no-repeat!important
}

.share .bds_more {
    background: url(../images/bds_more.png) center center/25px 25px no-repeat!important
}

.share .bds_sqq {
    background: url(../images/bds_sqq.png) center center/20px 25px no-repeat!important
}

.share .bds_tsina {
    background: url(../images/bds_tsina.png) center center/32px 25px no-repeat!important
}

.share .bds_weixin {
    background: url(../images/bds_weixin.png) center center/32px 25px no-repeat!important
}

@media screen and (max-width: 1250px) {
    .linkbtom_c {
        max-width:890px
    }

    .linkbtom_z {
        width: 463px;
        padding: 0 20px 0
    }

    .linkbtom_z li {
        margin-right: 20px
    }

    .linkbtom_l {
        width: 239px
    }

    .nav li a {
        padding: 0 15px
    }

    .fBtns {
        position: absolute;
        top: 50%;
        width: 100%;
        height: 328px;
        margin-top: -164px
    }

    .fBtns li {
        position: relative;
        height: 65px;
        line-height: 65px
    }
}

@media screen and (max-width: 1100px) {
    .header_tell {
        width:140px
    }

    .nav li {
        margin-right: 10px
    }

    .nav li a {
        padding: 0 5px
    }
}

@media screen and (max-width: 996px) {
    .linkbtom_z {
        display:none
    }

    .linkbtom_c {
        max-width: 710px
    }

    .columns_header .logo {
        margin-left: 20px
    }

    .header_tell {
        width: 146px
    }

    .fBtns {
        position: absolute;
        top: 50%;
        width: 100%;
        height: 252px;
        margin-top: -126px
    }

    .fPics_list {
        width: 330px
    }

    .fBtns li a {
        font-size: 16px
    }

    .fBtns li a i {
        padding: 0 30px 0 20px
    }

    .fBtns li a:hover {
        width: 388px
    }

    .fBtns li {
        position: relative;
        height: 50px;
        line-height: 50px
    }
}

@media(max-width: 921px) {
    .header_tell {
        display:none
    }
}

@media screen and (max-width: 768px) {
    .returntop {
        bottom:1.8rem;
        right: 10px
    }

    .wap_footer {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 5000;
        width: 100%;
        height: 55px;
        background: #1eb0b9
    }

    .wap_footer li {
        float: left;
        width: 25%;
        height: 60px;
        text-align: center
    }

    .wap_footer li a {
        display: block;
        box-sizing: border-box;
        padding-top: 30px;
        font-size: 14px;
        color: #fff
    }

    .wap_footer .wap_footer1 {
        background: url(../images/wap_footer_icon1.png) no-repeat center;
        background-size: 44px
    }

    .wap_footer .wap_footer2 {
        background: url(../images/wap_footer_icon2.png) no-repeat center;
        background-size: 44px
    }

    .wap_footer .wap_footer3 {
        background: url(../images/wap_footer_icon3.png) no-repeat center;
        background-size: 44px
    }

    .wap_footer .wap_footer4 {
        background: url(../images/wap_footer_icon4.png) no-repeat center;
        background-size: 44px
    }

    .footer,.linkbtom {
        display: none
    }

    .wap_banner {
        display: block
    }

    .wap_banner img {
        width: 100%
    }

    .imgnone {
        display: none
    }

    .wap_header {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 5000;
        display: block;
        width: 100%;
        height: 1.45rem
    }

    .wap_header1 {
        display: block;
        background: #000
    }

    .waplogo {
        float: left;
        width: 2.2rem;
        height: 1.45rem;
        margin-left: .5rem
    }

    .waptell {
        float: right;
        width: .5rem;
        margin-right: .7rem;
        margin-top: .4rem
    }

    .waptell img,.waplogo img {
        width: 100%
    }

    .wapmenu {
        float: right;
        position: relative;
        width: .6rem;
        height: .6rem;
        border: 1px solid transparent;
        border-radius: 50%;
        margin-top: .4rem;
        margin-right: .5rem;
        cursor: pointer
    }

    .wapmenu .icon::before,.wapmenu .icon::after {
        background-color: #fff;
        content: "";
        height: 2px;
        left: .05rem;
        position: absolute;
        transition-duration: .5s;
        width: .5rem
    }

    .wapmenu .icon::before {
        top: -.2rem
    }

    .wapmenu .icon::before,.wapmenu .icon::after {
        background-color: #fff;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        transition-duration: .5s;
        width: .5rem
    }

    .wapmenu .icon::after {
        top: .2rem
    }

    .wapmenu .icon {
        background-color: #fff;
        height: 2px;
        left: .05rem;
        position: absolute;
        top: .3rem;
        transition-duration: .5s;
        width: .4rem
    }

    .navmenu_s.navmenu .icon::before {
        transform: translateY(0.09rem) rotate(45deg)
    }

    .navmenu_s.navmenu .icon::after {
        transform: translateY(-0.09rem) rotate(-45deg)
    }

    .navmenu_s.navmenu .icon {
        width: 0
    }

    .h5-nav-list {
        box-sizing: border-box;
        width: 100%;
        position: absolute;
        top: 1.45rem;
        left: 0;
        height: 100vh;
        padding-bottom: 2.9rem;
        background: #000;
        -webkit-transition: all .8s;
        transition: all .8s;
        -webkit-transform: translateY(-100%) scaleY(.5);
        transform: translateY(-100%) scaleY(.5);
        transform-origin: top;
        z-index: 5000;
        overflow: auto
    }

    .h5-nav-list li {
        border-bottom: 1px solid #333;
        line-height: 1.4rem
    }

    .h5-nav-list li a {
        display: block;
        padding-left: 3.12rem;
        transition: all .6s
    }

    .h5-nav-list li span {
        transition: all .6s;
        font-size: .4rem;
        color: #fff
    }

    .h5-nav-list li i {
        transition: all .6s;
        padding-left: 5px;
        font-size: .35rem;
        color: #666
    }

    .h5-nav-list li a:hover span {
        color: #2bbfc8
    }

    .h5-nav-list li a:hover i {
        color: #18797f
    }

    .h5-nav-list li .h5_nav_cont {
        padding: 10px 0;
        background: #161616
    }

    .h5-nav-list li .h5_nav_cont .h5_nav_icon {
        position: relative;
        padding-left: .5rem;
        font-size: .3rem
    }

    .h5-nav-list li .h5_nav_cont .h5_nav_icon em {
        position: absolute;
        top: .3rem;
        left: 0;
        width: .27rem;
        height: 1px;
        background: #7e7c7c;
        transition: all .6s;
        overflow: hidden
    }

    .h5-nav-list li .h5_nav_cont a {
        transition: all .6s;
        line-height: .6rem;
        color: #7e7c7c
    }

    .h5-nav-list li .h5_nav_cont a:hover {
        color: #2bbfc8
    }

    .h5-nav-list li .h5_nav_cont a:hover .h5_nav_icon em {
        background: #2bbfc8
    }

    .wapmenu_open {
        -webkit-transform: translateY(0) scaleY(1);
        transform: translateY(0) scaleY(1)
    }

    .wapmenu_a.wapmenu .icon::before {
        transform: translateY(0.19rem) rotate(45deg)
    }

    .wapmenu_a.wapmenu .icon::after {
        transform: translateY(-0.19rem) rotate(-45deg)
    }

    .wapmenu_a.wapmenu .icon {
        width: 0
    }

    .wapmenu_a {
        border-radius: 50%;
        overflow: hidden
    }

    .mybox .fBtns {
        position: absolute;
        top: 50%;
        width: 100%;
        height: 258px;
        margin-top: -129px
    }

    .mybox .fBtns li a:hover {
        width: 4.8rem
    }

    .mybox .fBtns li {
        position: relative;
        height: 50px;
        line-height: 50px
    }

    .linkbtom_c {
        width: 95%
    }

    .linkbtom_r {
        float: none;
        margin: 0 auto;
        margin-top: 30px
    }

    .linkbtom_l {
        float: none
    }

    .fPics_list {
        width: 50%
    }

    .fpline,.kefudt_r,.columns_header,.returntop {
        display: none
    }

    .returntop {
        bottom: 1.5rem;
        right: 10px;
        width: 35px;
        height: 35px
    }

    .returntop a {
        width: 35px;
        height: 35px;
        background-size: 35px
    }

    .mybox .fBtns li a {
        font-size: 14px
    }

    .columns_banner {
        width: 100%;
        height: auto;
        top: auto;
        left: auto;
        margin: 0
    }

    .columns_banner img {
        width: 100%
    }

    .z_connectus {
        display: none
    }

    .fpline {
        display: none
    }

    .header .header_r .nav {
        display: none
    }

    .header .header_tell {
        display: none
    }

    .z_header .z_header_nav {
        display: none
    }

    .z_pro_header_nav {
        display: none
    }

    .share {
        margin-top: 14px
    }

    .waplogo.active {
        display: none
    }

    .wapsearch {
        float: right;
        width: .7rem;
        margin-right: .35rem;
        margin-top: .4rem;
        font-size: 0;
        overflow: hidden;
        transition: all .3s
    }

    .wapsearch.active {
        width: calc(100% - 3rem)
    }

    .wapsearch .wapsearch_input {
        display: inline-block;
        width: calc(100% - 0.7rem);
        border: none;
        border-bottom: 1px solid #fff;
        outline: none;
        vertical-align: middle;
        text-indent: 10px;
        font-size: 16px;
        line-height: 0;
        color: #fff;
        background: 0 0;
        font-family: inherit
    }

    .wapsearch.active .wapsearch_input {
        line-height: 2
    }

    .wapsearch .wapsearch_btn {
        display: inline-block;
        width: .5rem;
        margin-left: .1rem;
        vertical-align: middle;
        cursor: pointer
    }

    .wapsearch .wapsearch_do_search {
        display: none
    }

    .wapsearch.active .wapsearch_before_search {
        display: none
    }

    .wapsearch.active .wapsearch_do_search {
        display: inline-block
    }
}

@media screen and (max-width: 640px) {
    .fBtns {
        height:178px;
        margin-top: -89px
    }

    .fBtns li {
        position: relative;
        height: 35px;
        line-height: 35px
    }

    .fBtns li a {
        font-size: 14px
    }

    .fBtns li a:hover {
        width: 110%
    }
}

@media screen and (max-width: 500px) {
    .fBtns {
        height:128px
    }

    .fBtns li {
        position: relative;
        height: 25px;
        line-height: 25px;
        margin-top: 10px
    }

    .fBtns li a {
        font-size: 12px
    }

    .fBtns li a i {
        padding: 0 15px 0 20px
    }
}

@media screen and (max-width: 320px) {
    .fBtns {
        margin-top:-60px
    }

    .fBtns li {
        margin-top: 0
    }
}

#cnzz_stat_icon_1272376911 {
    display: none
}

.hidden2,.hidden3,.hidden4,.hidden5 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.hidden1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hidden2 {
    -webkit-line-clamp: 2
}

.hidden3 {
    -webkit-line-clamp: 3
}

.hidden4 {
    -webkit-line-clamp: 4
}

.hidden5 {
    -webkit-line-clamp: 5
}