@charset "utf-8";

html {
    -webkit-font-smoothing: antialiased
}

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

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset,
img {
    border: 0
}

address,
b,
caption,
cite,
code,
dfn,
em,
i,
strong,
th,
var {
    font-style: normal;
    font-weight: 400
}

dl,
ol,
ul {
    list-style-type: none
}

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

a {
    text-decoration: none;
    -webkit-transition: color .5s;
    transition: color .25s;
}

a:hover {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
    outline: 0;
    outline: none;
    /*blr:expression(this.onFocus=this.blur())*/
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

textarea {
    resize: none
}

img {
    vertical-align: middle
}

button,
input[type=submit],
input[type=text],
input[type=button],
select {
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
    outline: 0;
    outline: 0;
    /*blr:expression(this.onFocus=this.blur())*/
}

html,
body {
    overflow-x: hidden;
}

body {
    color: #000;
    line-height: 1.3;
    background: #fff;
    font-family: "Source Han Sans", Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Microsoft YaHei", SimSun, Heiti, sans-serif
}

.fl {
    float: left
}

.fr {
    float: right
}

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

.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    background-color: #F9F9F9;
    z-index: 0;
    position: relative;
    display: block;
    overflow: hidden;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    max-height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.wrapper {
    max-width: 1400px;
    margin: 0 auto;
}

@media screen and (min-width:0px) {
    .paddingbox {
        padding: 0 15px;
    }
}

@media screen and (min-width:768px) {
    .paddingbox {
        padding: 0 30px;
    }
}

@media screen and (min-width:1200px) {
    .paddingbox {
        padding: 0;
    }
}

/*首页banner-s*/
@media screen and (min-width:0px) {
    .banner-wrap {
        position: relative;
    }

    .banner-img {
        width: 100%;
    }

    .banner-msg {
        width: 180px;
        position: absolute;
        top: 50%;
        margin-top: -45px;
        left: 50%;
        margin-left: -90px;
    }

    .banner-msg-img {
        width: 100%;
    }

    .banner-msg-btn {
        display: block;
        width: 33%;
        margin: 0 auto;
        margin-top: 17px;
        height: 24px;
        line-height: 24px;
        font-size: 12px;
        color: #00aaf0;
        border: 1px solid #00aaf0;
        text-align: center;
    }

    .banner .slick-dots {
        position: absolute;
        z-index: 1;
        left: 0;
        width: 100%;
        height: 12px;
        text-align: center;
        bottom: 3px;
    }

    .banner .slick-dots li button {
        opacity: 0;
        width: 100%;
        height: 100px;
    }

    .banner .slick-dots li {
        background: #f5d3be;
        border-radius: 100%;
        width: 8px;
        height: 8px;
        display: inline-block;
        vertical-align: top;
        margin: 0 5px;
    }

    .banner .slick-dots li.slick-active {
        background: #ffffff;
    }
}

@media screen and (min-width:768px) {
    .banner-msg {
        width: 426px;
        margin-left: -213px;
        margin-top: -80px;
    }

    .banner-msg-btn {
        margin-top: 47px;
        height: 44px;
        line-height: 44px;
        font-size: 16px;
    }

    .banner-msg-btn {
        border: 2px solid #00aaf0;
    }

    .banner .slick-dots {
        bottom: 40px;
    }

    .banner .slick-dots li {
        width: 12px;
        height: 12px;
        margin: 0 8px;
    }
}

@media screen and (min-width:1200px) {
    .banner-msg {
        margin-left: -453px;
    }
}

/*首页banner-e*/


/*首页列表ban-s*/
@media screen and (min-width:0px) {
    .banlist li a {
        display: block;
        overflow: hidden;
    }

    .banlist {
        padding: 2px 0;
    }

    .banlist li {
        padding: 2px 0;
    }

    .banlist li img {
        -webkit-transition: -webkit-transform .5s;
        transition: transform .5s;
        width: 100%;
    }

    .banlist li img:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@media screen and (min-width:768px) {
    .banlist li {
        padding: 2px;
        box-sizing: border-box;
        float: left;
        width: 50%;
    }
}

@media screen and (min-width:1200px) {
    .banlist li {
        width: 25%;
    }
}

/*首页列表ban-e*/

/*footer-s*/
@media screen and (min-width:0px) {
    .footer-top {
        padding: 10px 0;
        background: #f7f7f7;
    }

    .f-sj .footer-top {
        background: #ffffff;
    }

    .webmap {
        margin-bottom: 5px;
    }

    .webmap dt {
        line-height: 35px;
        border-bottom: 1px solid #eeeeee;
    }

    .webmap dt a {
        font-size: 13px;
        color: #333333;
    }

    .webmap dt span {
        float: right;
        font-size: 20px;
        width: 30px;
        text-align: center;
        color: #666666;
    }

    .webmap dd {
        display: none;
        height: 25px;
        padding: 0 5px;
        margin: 0 5px 5px 0;
        line-height: 25px;
    }

    .webmap.on dd {
        display: block;
    }

    .webmap dd a {
        font-size: 12px;
        color: #666;
    }

    .webmap dd a:hover {
        color: #ff9803;
    }

    .contacttip {
        padding-top: 10px;
        color: #666666;
    }

    .contacttip-ph {
        line-height: 40px;
        font-size: 30px;
    }

    .contacttip-time {
        line-height: 20px;
        font-size: 13px;
    }

    .contacttip-ser:hover {
        opacity: .8;
    }

    .contacttip-ser {
        -webkit-transition: opacity .25s;
        transition: opacity .25s;
        display: inline-block;
        color: #ffffff;
        font-size: 13px;
        background: #ff9803;
        padding: 0 10px;
        height: 30px;
        line-height: 30px;
        margin-top: 10px;
    }

    .footer-bottom {
        padding: 10px 0;
    }

    .f-sj .footer-bottom {
        background: #f7f7f7;
    }

    .links {
        text-align: center;
        color: #666666;
        line-height: 25px;
        font-size: 12px;
    }

    .links a {
        color: #666666;
    }

    .copyright {
        text-align: center;
        color: #666666;
        line-height: 25px;
        font-size: 12px;
    }

    .contacyway {
        padding-top: 10px;
        text-align: center;
    }

    .contacyway li {
        margin: 0 5px;
        display: inline-block;
    }

    .contacyway li a {
        display: block;
        background-image: url("../images/allbgs.png");
        width: 47px;
        height: 47px;
    }

    .contacyway li.c1 a {
        background-position: -94px 0;
    }

    .contacyway li.c2 a {
        background-position: -235px 0;
    }

    .contacyway li.c3 a {
        background-position: 0 0;
    }

    .contacyway li.c1 a:hover {
        background-position: -188px 0;
    }

    .contacyway li.c2 a:hover {
        background-position: -47px 0;
    }

    .contacyway li.c3 a:hover {
        background-position: -141px 0;
    }
}

/*@media screen and (min-width:768px) {*/
/*.footer-top{*/
/*padding: 20px 0;}*/

/*.webmap{*/
/*float: left;*/
/*width: 50%;*/
/*margin-bottom: 10px;}*/
/*.webmap dt{*/
/*line-height: 40px;*/
/*}*/
/*.webmap dt a{*/
/*font-size: 14px;*/
/*}*/
/*.webmap dd{*/
/*height: 30px;*/
/*padding: 0 10px;*/
/*margin:0 10px 10px 0 ;*/
/*line-height: 30px;*/
/*}*/

/*.contacttip{*/
/*padding-top: 15px;*/
/*float: left;}*/
/*.contacttip-ph{*/
/*line-height: 50px;*/
/*font-size: 33px;}*/
/*.contacttip-time{*/
/*line-height: 25px;*/
/*font-size: 14px;}*/
/*.contacttip-ser{*/
/*font-size: 14px;*/
/*padding: 0 15px;*/
/*height: 40px;*/
/*line-height: 40px;*/
/*margin-top: 15px;*/
/*}*/

/*.footer-bottom{*/
/*padding: 30px 0;}*/

/*.links{*/
/*margin-right: 20px;*/
/*line-height: 47px;*/
/*float: left;}*/


/*.copyright{*/
/*line-height: 47px;*/
/*float: left;}*/
/*.contacyway{*/
/*padding-top:0;*/
/*float: right;}*/



/*}*/



@media screen and (min-width:768px) {
    .footer-top {
        padding: 30px 0;
    }

    .webmap {
        float: left;
        width: 20%;
        margin-bottom: 0;
    }

    .webmap dt {
        line-height: 62px;
        border-bottom: none;
    }

    .webmap dt a {
        font-size: 15px;
    }

    .webmap dt span {
        display: none;
    }

    .webmap dd {
        display: block;
        height: 35px;
        padding: 0;
        margin: 0;
        line-height: 35px;
        float: none;
        border: none;
    }

    .contacttip {
        padding-top: 0;
        width: 20%;
        text-align: center;
        float: right;
    }

    .contacttip-ph {
        line-height: 60px;
        font-size: 28px;
    }

    .contacttip-ser {
        padding: 0 30px;
        height: 43px;
        line-height: 43px;
        margin-top: 20px;
    }

    .lrp {
        padding: 0 50px;
    }

    .footer-bottom {
        padding: 35px 0;
    }
}

@media screen and (min-width:1200px) {
    .contacttip-ph {
        line-height: 60px;
        font-size: 36px;
    }
}

@media screen and (min-width:1500px) {
    .lrp {
        padding: 0;
    }
}

/*footer-e*/


/*header-s*/

@media screen and (min-width:0px) {
    .header {
        height: 50px;
    }

    .header.spe .header-wrap {
        position: relative;
    }

    .header-wrap {
        background: #ffffff;
        left: 0;
        top: 0;
        width: 100%;
        position: fixed;
        z-index: 1000;
        height: 50px;
    }

    .logo {
        float: left;
        padding: 10px 0 0 15px;
    }

    .logo img {
        width: 120px;
    }

    .menubtn {
        width: 50px;
        height: 50px;
        float: right;
        background-image: url("../images/menubtn_icon.png");
        background-size: auto 50px;
        background-position: right center;
        background-repeat: no-repeat;
        -webkit-transition: background 0.5s;
        transition: background 0.5s;
    }

    .menubtn.o {
        background-position: left center;
    }

    .menu {
        padding: 10px 50px;
        overflow-y: auto;
        box-sizing: border-box;
        position: fixed;
        display: none;
        z-index: 100;
        top: 50px;
        height: 100%;
        left: 0;
        right: 0;
        background: #ffffff;
    }

    .menu-list li {
        border-bottom: 1px solid #e8e8e8;
        line-height: 40px;
        height: 40px;
    }

    .menu-list li a {
        display: block;
        color: #666666;
        font-size: 14px;
    }

    .search {
        margin-top: 8px;
        height: 33px;
    }

    .search-txt {
        background: #f3f3f3;
        border: none;
        height: 33px;
        line-height: 33px;
        padding: 0 10px;
        box-sizing: border-box;
        font-size: 12px;
        float: left;
        width: 80%;
    }

    .search-btn {
        border: none;
        background-image: url("../images/searchbtn_icon.png");
        background-size: 16px auto;
        background-repeat: no-repeat;
        background-color: #f3f3f3;
        background-position: center center;
        width: 20%;
        height: 33px;
        float: left;
    }

    .searchtip {
        padding-top: 10px;
        display: none;
    }

    .searchtip h5 {
        text-indent: 8px;
        line-height: 25px;
        font-size: 15px;
        color: #333333;
        margin-bottom: 5px;
    }

    .searchtip a {
        display: inline-block;
        padding: 2px 5px;
        color: #666666;
        margin: 4px 3px;
        font-size: 13px;
    }

    .searchtip a:hover {
        background: #ffffff;
        color: #42afec;
    }

    .menu-list-oc {
        display: none;
        width: 37px;
        height: 10px;
        margin: 0 auto;
        margin-bottom: 30px;
        margin-top: 30px;
        background-image: url("../images/menu_listoc_icon.png");
        background-position: center top;
    }

    .actbtn {
        width: 50px;
        height: 50px;
        float: right;
        background-image: url("../images/allbgs2.png");
        background-size: auto 80px;
        background-position: -94px center;
        background-repeat: no-repeat;
    }

    .actbtn:hover {
        background-position: -494px center;
    }

    .searchbtn {
        display: none;
    }

    .searchbox {
        display: none;
    }

    .nav {
        display: none;
        position: fixed;
        z-index: 0;
        left: -3000px;
    }
}

@media screen and (min-width:768px) {
    .header {
        height: 70px;
    }

    .header-wrap {
        height: 70px;
    }

    .logo {
        padding: 15px 0 0 30px;
    }

    .logo img {
        width: 138px;
    }

    .menubtn {
        width: 70px;
        height: 70px;
        background-size: auto 65px;
    }

    .menu {
        padding: 10px 100px;
        top: 70px;
    }

    .actbtn {
        height: 70px;
        width: 70px;
        background-size: auto 100px;
        background-position: -114px center;
    }

    .actbtn:hover {
        background-position: -614px center;
    }
}

@media screen and (min-width:1200px) {
    .header {
        height: 80px;
    }

    .header-wrap {
        height: 80px;
    }

    .logo {
        padding: 20px 0 0 0;
    }

    .nobgheader .header-wrap {
        background-color: transparent
    }

    .nobgheader .nav li a {
        color: #ffffff;
    }

    .nobgheader .searchbtn {
        background-position: 0 center;
    }

    .nobgheader .searchbtn.o {
        background-position: -240px center;
    }

    .nobgheader .actbtn {
        background-position: -160px center;
    }

    .menubtn {
        display: none;
    }

    .menu {
        display: none !important;
    }

    .actbtn {
        height: 80px;
        width: 80px;
        background-size: auto 80px;
        background-position: -80px center;
    }

    .nobgheader .actbtn:hover,
    .actbtn:hover {
        background-position: -480px center;
    }

    .searchbtn {
        display: block;
        width: 80px;
        height: 80px;
        float: right;
        background-image: url("../images/allbgs2.png");
        background-size: auto 80px;
        background-position: -320px center;
        background-repeat: no-repeat;
    }

    .nobgheader .searchbtn:hover,
    .searchbtn:hover {
        background-position: -560px center;
    }

    .searchbtn.o {
        background-position: -400px 0;
    }

    .nobgheader .searchbtn.o:hover,
    .searchbtn.o:hover {
        background-position: -640px 0;
    }

    .searchbox.spe {
        position: absolute;
    }

    .searchbox {
        display: block;
        left: 50%;
        margin-left: -480px;
        top: -80px;
        z-index: 10000;
        position: fixed;
        width: 960px;
    }

    .search {
        height: 60px;
        margin-top: 0;
        padding-top: 20px;
    }

    .searchtip {
        background: url("../images/topbg.png") repeat;
        margin-top: 0;
    }

    .search-txt {
        width: 90%;
    }

    .search-btn {
        width: 10%;
    }

    .searchtip {
        padding-bottom: 34px;
    }

    .searchtip h5 {
        line-height: 40px;
        text-indent: 10px;
    }

    .searchtip a {
        padding: 4px 6px;
        margin: 6px 5px;
    }

    .searchbox-wrap {
        width: 565px;
        margin: 0 auto;
    }

    .nav {
        /*padding-right: 90px;*/
        position: inherit;
        left: 0;
        float: right;
        display: block;
    }

    .nav li {
        line-height: 80px;
        height: 80px;
        padding: 0 20px;
        float: left;
    }

    .nav li a {
        color: #666666;
        font-size: 16px
    }

    .nav li.on a {
        color: #2daae2;
    }

    .nav li:hover a {
        color: #2daae2;
    }

    .sub {
        display: none;
        background: #f9f9f9;
        position: fixed;
        top: 80px;
        left: 0;
        width: 100%;
    }

    .spe .sub {
        /* position: absolute; */
    }

    .sub-wrap {
        width: 960px;
        margin: 0 auto;
    }

    .sub-wrap {
        line-height: 35px;
        font-size: 14px;
    }

    .nav li:hover .sub-wrap a {
        color: #666666;
    }

    .nav li:hover .sub-wrap a:hover {
        color: #2daae2;
    }

    .sub-wrap a {
        float: left;
        padding-bottom: 10px;
        text-align: center;
        width: 20%;
    }

    .sub-wrap img {
        /*transition: opacity .5s;
        -webkit-transition: opacity .5s;
        opacity: .5;*/
        width: 80%;
    }

    .sub-wrap a:hover img {
        opacity: 1;
    }
}

@media screen and (min-width:1386px) {
    .nav {
        padding-right: 50px;
        position: inherit;
        left: 0;
        float: right;
        display: block;
    }

    .nav li {
        line-height: 80px;
        height: 80px;
        padding: 0 30px;
        float: left;
    }
}

/*header-e*/



/*main-s*/

@media screen and (min-width:0px) {
    .main {
        background: #f7f7f7;
    }
}

/*main-e*/


/*place-s*/

@media screen and (min-width:0px) {
    .place {
        line-height: 30px;
        font-size: 12px;
        color: #999;
    }

    .place span {
        margin: 0 5px;
    }

    .place a {
        color: #666666;
    }
}

@media screen and (min-width:768px) {
    .place {
        line-height: 50px;
    }
}

@media screen and (min-width:1200px) {
    .place {
        line-height: 70px;
    }
}

/*place-e*/

/*webban-s*/

@media screen and (min-width:0px) {
    .webban {
        position: relative;
    }

    .webban img {
        width: 100%;
    }

    .webban-msg {
        width: 100%;
        height: 50px;
        margin-top: -25px;
        color: #ffffff;
        left: 0;
        text-align: center;
        top: 50%;
        position: absolute;
    }

    .webban-msg h5 {
        line-height: 30px;
        font-size: 18px;
    }

    .webban-msg p {
        line-height: 20px;
        font-size: 14px;
    }
}

@media screen and (min-width:768px) {
    .webban-msg {
        height: 140px;
        margin-top: -70px;
    }

    .webban-msg h5 {
        line-height: 90px;
        font-size: 61px;
    }

    .webban-msg p {
        line-height: 50px;
        font-size: 34px;
    }
}

/*webban-e*/


/*webmenu-s*/

@media screen and (min-width:0px) {
    .webmenu li {
        width: 33.333%;
        float: left;
        line-height: 30px;
        text-align: center;
        font-size: 13px;
        border-bottom: 1px solid #ebebeb;
    }

    .webmenu li.on {
        background: #ffffff;
        border-bottom: 1px solid #fff;
    }

    .webmenu li a:hover,
    .webmenu li.on a {
        color: #ff9803;
    }

    .webmenu li a {
        color: #333333;
        font-weight: bold;
    }
}

@media screen and (min-width:768px) {
    .webmenu li {
        font-size: 14px;
        line-height: 50px;
    }
}

@media screen and (min-width:1200px) {
    .webmenu li {
        font-size: 15px;
        line-height: 70px;
    }
}

/*wwebmenu-e*/



/*buycho-select-s*/
@media screen and (min-width:0px) {
    .cho-select {
        background: #fff url("../images/sjx_icon.png") 95% center no-repeat;
        height: 30px;
        width: 70%;
        margin: 0 auto;
        margin-top: 25px;
        line-height: 30px;
        text-align: center;
        position: relative;
        font-size: 14px;
    }

    .cho-select cite {
        display: block;
    }

    .divselect ul {
        width: 100%;
        display: none;
        position: absolute;
        left: 0;
        top: 30px;
        background: #ffffff;
    }

    .divselect ul li {
        height: 30px;
        line-height: 30px;
        text-align: center;
    }

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

    .divselect ul li a:hover {
        color: #666;
    }
}

@media screen and (min-width:768px) {
    .cho-select {
        height: 50px;
        width: 60%;
        margin-top: 35px;
        line-height: 50px;
        font-size: 16px;
    }

    .divselect ul {
        top: 50px;
    }
}

@media screen and (min-width:1200px) {
    .cho-select {
        width: 40%;
        margin-top: 50px;
        font-size: 17px;
    }
}

/*buycho-select-e*/



/*cho-cite-s*/
@media screen and (min-width:0px) {
    .tabs {
        padding: 10px 0;
        text-align: center;
    }

    .tabs a {
        font-size: 12px;
        height: 30px;
        vertical-align: top;
        padding: 0 5px;
        line-height: 30px;
        color: #999999;
        display: inline-block;
    }

    .tabs a:hover,
    .tabs a.on {
        color: #333333;
        background: #ffffff;
    }

    .ad {
        background: #ffffff;
        padding: 20px;
    }

    .ad-list dd {
        display: none;
    }

    .ad-list dd.on {
        display: block;
    }

    .ad li {
        float: left;
        width: 100%;
        line-height: 24px;
        text-align: center;
        margin: 20px 0;
    }

    .ad h4 {
        display: inline-block;
        vertical-align: top;
        padding: 0 5px;
        text-align: center;
        background: #ff9803;
        color: #ffffff;
        font-size: 14px;
    }

    .ad-wrap {
        text-align: left;
        margin-left: 10px;
        vertical-align: top;
        display: inline-block;
    }

    .ad h5 {
        color: #333;
        font-size: 18px;
    }

    .ad p {
        color: #666;
        font-size: 14px;
    }
}

@media screen and (min-width:768px) {
    .tabs {
        padding: 20px 0 0 0;
    }

    .tabs a {
        font-size: 13px;
        height: 40px;
        padding: 0 7px;
        line-height: 40px;
    }

    .ad {
        padding: 30px;
    }

    .ad li {
        margin: 30px 0;
        width: 50%;
    }

    .ad-wrap {
        vertical-align: top;
        display: inline-block;
    }
}

@media screen and (min-width:1200px) {
    .tabs {
        padding: 30px 0 0 0;
    }

    .tabs a {
        font-size: 14px;
        height: 50px;
        padding: 0 10px;
        line-height: 50px;
    }

    .ad {
        padding: 40px;
    }

    .ad li:nth-child(3n) {
        border: none;
    }

    .ad li {
        border-right: 1px solid #efefef;
        box-sizing: border-box;
        width: 33.33%;
        margin: 40px 0;
    }
}

/*cho-cite-e*/


/*jointip-s*/
@media screen and (min-width:0px) {
    .jointip {
        text-align: center;
        padding: 30px 0;
    }

    .jointip h5 {
        color: #333333;
        line-height: 60px;
        font-size: 22px;
    }

    .jointip a {
        width: 210px;
        height: 56px;
        line-height: 56px;
        background: #ff9803;
        color: #ffffff;
        border-radius: 3px;
        display: inline-block;
        font-size: 18px;
        -webkit-transition: opacity .5s;
        transition: opacity .5s;
    }

    .jointip a:hover {
        opacity: .8;
    }
}

@media screen and (min-width:768px) {
    .jointip {
        padding: 50px 0;
    }

    .jointip h5 {
        line-height: 80px;
        font-size: 32px;
    }
}

@media screen and (min-width:1200px) {
    .jointip {
        padding: 70px 0;
    }

    .jointip h5 {
        line-height: 90px;
        font-size: 40px;
    }
}

/*jointip-e*/


/*proban-s*/
@media screen and (min-width:0px) {
    .proban {
        padding-top: 10px;
    }

    .proban img {
        width: 100%;
        -webkit-transition: -webkit-transform .5s;
        transition: transform .5s;
    }

    .proban img:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    .proban li {
        overflow: hidden;
    }
}

@media screen and (min-width:768px) {
    .proban {
        padding-top: 20px;
    }

    .proban li {
        width: 50%;
        float: left;
    }
}

/*proban-e*/

/*webtit-s*/
@media screen and (min-width:0px) {
    .webtit {
        padding-top: 10px;
        line-height: 50px;
        font-size: 22px;
        color: #333333;
        text-align: center;
    }
}

@media screen and (min-width:768px) {
    .webtit {
        padding-top: 20px;
        line-height: 80px;
        font-size: 28px;
    }
}

@media screen and (min-width:1200px) {
    .webtit {
        padding-top: 50px;
        line-height: 140px;
        font-size: 36px;
    }
}

/*webtit-e*/




/*webmenu2-s*/

@media screen and (min-width:0px) {
    .webmenu2 {
        text-align: center;
    }

    .webmenu2 a {
        display: inline-block;
        font-size: 12px;
        color: #858585;
        margin: 3px;
        padding: 2px 5px;
    }

    .webmenu2 a.on {
        border: 1px solid #ff9803;
        color: #ff9803;
    }
}

@media screen and (min-width:768px) {
    .webmenu2 a {
        font-size: 13px;
        margin: 5px;
        padding: 3px 8px;
    }

    .webmenu2 a.on {
        border: 2px solid #ff9803;
    }
}

@media screen and (min-width:1200px) {
    .webmenu2 a {
        font-size: 14px;
        margin: 10px;
        padding: 6px 12px;
    }
}

/*wwebmenu2-e*/
/*prolist-s*/
@media screen and (min-width:0px) {
    .prolist {
        padding: 40px 0;
    }

    .prolist img {
        width: 100%;
    }

    .prolist {
        text-align: center;
    }

    .prolist h5 {
        padding-top: 10px;
        line-height: 30px;
        color: #333333;
        font-size: 16px;
    }

    .prolist p {
        line-height: 20px;
        color: #858585;
        font-size: 12px;
    }

    .prolist .a {
        line-height: 40px;
        font-size: 15px;
        color: #ffffff;
        display: none;
    }

    .prolist .slick-slide {
        width: 50%;
        display: block;
    }

    .prolist .hh {
        height: 90px;
    }

    .prolist .slick-slide .hh,
    .prolist .slick-slide {
        -webkit-transition: background .4s;
        transition: background .4s
    }

    .prolist .slick-slide:hover .hh a {
        display: inline-block;
    }

    .prolist .slick-slide:hover p {
        display: none;
    }

    .prolist .slick-slide:hover {
        background: #ffffff;
    }

    .prolist .slick-slide:hover .hh {
        background: #ff9803;
    }

    .prolist .slick-slide:hover h5 {
        color: #ffffff;
    }

    .prolist .slick-dots {
        position: absolute;
        z-index: 1;
        left: 0;
        width: 100%;
        height: 12px;
        text-align: center;
        bottom: 10px;
    }

    .prolist .slick-dots li button {
        opacity: 0;
        width: 100%;
        height: 100px;
    }

    .prolist .slick-dots li {
        background: #7e7e7e;
        border-radius: 100%;
        width: 10px;
        height: 10px;
        display: inline-block;
        vertical-align: top;
        margin: 0 5px;
    }

    .prolist .slick-dots li.slick-active {
        background: transparent;
        width: 9px;
        height: 9px;
        border: 1px solid #ff9803;
    }
}

@media screen and (min-width:768px) {
    .prolist .slick-slide {
        width: 25%;
        display: block;
    }

    .prolist h5 {
        padding-top: 15px;
        line-height: 40px;
        font-size: 18px;
    }

    .prolist a {
        font-size: 16px;
    }

    .prolist .hh {
        height: 120px;
    }
}

@media screen and (min-width:1200px) {
    .prolist {
        padding: 80px 0;
    }

    .prolist h5 {
        padding-top: 20px;
        line-height: 50px;
        font-size: 24px;
    }

    .prolist a {
        font-size: 18px;
    }

    .prolist .hh {
        height: 150px;
    }

    .prolist .slick-dots {
        bottom: 30px;
    }
}

/*prolist-e*/



/*webmenu3-s*/



@media screen and (min-width:0px) {
    .webmenu3 {
        background: #ffffff;
    }

    .webmenu3 a {
        float: left;
        text-align: center;
        font-size: 12px;
        color: #999999;
        line-height: 30px;
    }

    .webmenu3 a:hover {
        color: #ff9803;
    }

    .webmenu3 a.on {
        color: #ffffff;
        background: #ff9803;
    }

    .webmenu3-5 a {
        width: 25%;
    }

    .webmenu3-4 a {
        width: 25%;
    }
}

@media screen and (min-width:768px) {
    .webmenu3 a {
        font-size: 13px;
        line-height: 45px;
    }
}

@media screen and (min-width:1200px) {
    .webmenu3 a {
        font-size: 14px;
        line-height: 59px;
    }
}

/*webmenu3-e*/




/*news-cho-s*/



@media screen and (min-width:0px) {
    .news-cho {
        height: 30px;
        line-height: 30px;
    }

    .news-cho a {
        color: #858585;
        margin-right: 10px;
        font-size: 12px;
    }

    .news-cho a:hover {
        color: #666666;
    }

    .news-cho a.on {
        color: #333333;
    }

    .news-cho a.more {
        padding-right: 15px;
        background: url("../images/bgp2.png") right center no-repeat;
        background-size: 6px auto
    }
}

@media screen and (min-width:768px) {
    .news-cho {
        height: 45px;
        line-height: 45px;
    }

    .news-cho a {
        margin-right: 50px;
        font-size: 13px;
    }

    .news-cho a.more {
        padding-right: 20px;
        background-size: 9px auto
    }
}

@media screen and (min-width:1200px) {
    .news-cho {
        height: 60px;
        line-height: 60px;
    }

    .news-cho a {
        margin-right: 70px;
        font-size: 14px;
    }
}

/*news-cho-e*/



/*news-s*/
@media screen and (min-width:0px) {
    .news {
        padding-bottom: 20px;
    }

    .news-list {
        background: #ffffff;
        padding: 10px;
    }

    .news-l {
        padding-bottom: 20px;
    }

    .news-list li {
        border-bottom: 1px solid #e5e5e5;
        margin-bottom: 10px;
    }

    .news-tit {
        line-height: 30px;
        font-size: 16px;
    }

    .news-tit a {
        color: #333;
    }

    .news-img {
        display: block;
    }

    .news-img img {
        width: 100%;
    }

    .news-cnt {
        color: #666666;
        padding-top: 10px;
        line-height: 20px;
        font-size: 12px;
    }

    .news-cnt img {
        max-width: 100%;
        height: auto;
    }

    .news-link {
        line-height: 30px;
        text-align: right;
    }

    .news-link a {
        padding-right: 15px;
        color: #2bb0ea;
        font-size: 12px;
        background: url("../images/bgp2.png") right center no-repeat;
        background-size: 6px auto
    }

    .news-msg {
        line-height: 20px;
        font-size: 12px;
        padding-bottom: 5px;
    }

    .news-msg-msg {
        color: #666666;
    }

    .news-msg-looknum {
        color: #666666;
        padding-left: 20px;
        background: url("../images/bgp3.png") left center no-repeat;
        background-size: 15px auto
    }

    .news-msg-sharebtn {
        display: none;
        vertical-align: middle;
        margin-left: 20px;
        width: 14px;
        height: 14px;
        color: #666666;
        background: url("../images/bgp4.png") left center no-repeat;
        background-size: 100% 100%
    }

    .share007 {
        float: right;
        display: inline-block;
        margin-left: 15px;
        vertical-align: middle;
    }

    .share007 a {
        margin-left: 5px;
        width: 18px;
        height: 18px;
        background-image: url("../images/nmb007.png");
        display: inline-block;
        vertical-align: middle;
    }

    .share007 a.s1 {
        background-position: 0 -5px
    }

    .share007 a.s2 {
        background-position: 0 -40px
    }

    .share007 a.s3 {
        background-position: 0 -78px
    }

    .share007 a.s4 {
        background-position: -41px -9px;
    }

    .share007 a.s1:hover {
        background-position: 0 -22px
    }

    .share007 a.s2:hover {
        background-position: 0 -58px
    }

    .share007 a.s3:hover {
        background-position: 0 -97px
    }

    .share007 a.s4:hover {
        background-position: -41px -38px;
    }

    .page {
        padding-top: 20px;
        text-align: center;
    }

    .page a {
        display: inline-block;
        width: 25px;
        height: 25px;
        font-size: 12px;
        margin: 0 2px;
        background: #f7f7f7;
        color: #666666;
        text-align: center;
        line-height: 25px;
    }

    /* .spe a.news-msg-sharebtn{
            background: #ffffff;} */

    .page .prev,
    .page .next {
        background: #01a0e6;
        color: #ffffff;
    }

    .news-hot {
        background: #ffffff;
        padding: 10px;
        padding-top: 5px;
    }

    .news-hot-tit {
        line-height: 40px;
        background: url("../images/bgp5.png") right center no-repeat;
    }

    .news-hot-list-img {
        float: left;
    }

    .news-hot-list li {
        margin-bottom: 10px;
    }

    .news-hot-list-img img {
        width: 60px;
        height: 60px;
    }

    .news-hot-list-cnt {
        padding-left: 80px;
    }

    .news-hot-list-cnt p {
        display: none;
    }

    .news-hot-list-cnt h5 {
        line-height: 24px;
    }

    .news-hot-list-cnt h5 a {
        color: #666666;
        font-size: 14px;
    }

    .news-list li.spe {
        border: none;
    }

    .sxy {
        margin-top: 20px;
        height: 20px;
        line-height: 20px;
    }

    .sxy a {
        color: #2bb0ea;
        font-size: 12px;
    }

    .sxy .s {
        float: left;
    }

    .sxy .x {
        float: right;
    }
}

@media screen and (min-width:768px) {
    .news {
        padding-bottom: 40px;
    }

    .news-list {
        padding: 20px;
    }

    .news-l {
        padding-bottom: 40px;
    }

    .news-list li {
        margin-bottom: 20px;
    }

    .news-tit {
        line-height: 40px;
        font-size: 20px;
    }

    .news-cnt {
        padding-top: 20px;
        line-height: 24px;
        font-size: 13px;
    }

    .news-cnt img {
        max-width: 100%;
        height: auto;
    }

    .news-link {
        line-height: 40px;
    }

    .news-link a {
        padding-right: 20px;
        font-size: 13px;
        background-size: 8px auto
    }

    .news-msg {
        line-height: 30px;
        font-size: 13px;
        padding-bottom: 10px;
    }

    .news-msg-r {
        float: right;
    }

    .news-msg-l {
        float: left;
    }

    .page {
        padding-top: 40px;
    }

    .page a {
        width: 30px;
        height: 30px;
        font-size: 13px;
        margin: 0 4px;
        line-height: 30px;
    }

    .page a:hover {
        background: #666666;
        color: #ffffff;
    }

    .page a.hover {
        background: #666666;
        color: #ffffff;
    }

    .news-hot {
        padding: 20px;
        padding-top: 10px;
    }

    .news-hot-tit {
        font-size: 20px;
        line-height: 60px;
    }

    .news-hot-list li {
        margin-bottom: 20px;
    }

    .news-hot-list-img img {
        width: 90px;
        height: 90px;
    }

    .news-hot-list-cnt {
        padding-left: 120px;
    }

    .news-hot-list-cnt p {
        line-height: 24px;
        font-size: 12px;
        padding-top: 10px;
        color: #999999;
        display: block;
    }

    .news-hot-list-cnt h5 {
        line-height: 30px;
    }

    .news-hot-list-cnt h5 a {
        font-size: 16px;
    }

    .sxy {
        margin-top: 40px;
        height: 30px;
        line-height: 30px;
    }

    .sxy a {
        font-size: 13px;
    }
}

@media screen and (min-width:1200px) {
    .news-l {
        padding-bottom: 50px;
    }

    .news-l {
        float: left;
        width: 67%;
        ;
    }

    .news-r {
        float: right;
        width: 32%;
    }

    .news {
        padding-bottom: 60px;
    }

    .news-list {
        padding: 40px;
    }

    .news-list li {
        margin-bottom: 30px;
    }

    .news-tit {
        line-height: 50px;
        font-size: 30px;
    }

    .news-cnt {
        padding-top: 30px;
        line-height: 30px;
        font-size: 14px;
    }

    .news-link {
        line-height: 60px;
    }

    .news-link a {
        font-size: 14px;
    }

    .news-msg {
        line-height: 35px;
        font-size: 14px;
        padding-bottom: 20px;
    }

    .page {
        padding-top: 50px;
    }

    .page a {
        width: 40px;
        height: 40px;
        font-size: 14px;
        line-height: 40px;
    }

    .share007 {
        height: 30px;
        float: none;
        display: none;
    }

    .news-msg-sharebtn.show {
        display: inline-block;
    }

    .share007.show {
        vertical-align: top;
        display: inline-block;
    }

    .news-hot {
        padding: 40px;
        padding-top: 10px;
    }

    .news-hot-tit {
        line-height: 90px;
        font-size: 30px;
    }

    .news-hot-list li {
        margin-bottom: 40px;
    }

    .news-hot-list-img img {
        width: 120px;
        height: 120px;
    }

    .news-hot-list-cnt {
        padding-left: 150px;
    }

    .sxy {
        margin-top: 60px;
        height: 40px;
        line-height: 40px;
    }

    .sxy a {
        font-size: 14px;
    }
}

/*news-e*/




/*jobcho-s*/
@media screen and (min-width:0px) {
    .jobcho {
        background: #ffffff;
    }

    .jobcho-search {
        border-bottom: 1px solid #e5e5e5;
    }

    .jobcho-search-wrap {
        padding: 0 10px;
        box-sizing: border-box;
        width: 85%;
        float: left;
    }

    .jobcho-search-btn {
        width: 15%;
        height: 30px;
        background: #01a0e7 url("../images/bgp6.png") center no-repeat;
        border: none;
        float: left;
    }

    .jobcho-search-txt {
        font-size: 12px;
        width: 100%;
        padding: 0 5px;
        box-sizing: border-box;
        height: 30px;
        line-height: 30px;
        border: none;
        background: url("../images/bgp7.png") left center no-repeat;
        background-size: auto 15px
    }

    .divselect007 {
        position: relative;
        height: 30px;
        line-height: 30px;
        box-sizing: border-box;
        float: left;
        width: 50%;
    }

    .divselect007 cite {
        font-size: 12px;
        color: #333;
        font-weight: bold;
        margin-right: 10px;
        text-align: center;
        padding-right: 15px;
        background: url("../images/bgp8.png") right center no-repeat;
        background-size: 15px auto;
        display: block;
    }

    .divselect007 ul {
        width: 100%;
        display: none;
        position: absolute;
        left: 0;
        top: 30px;
        background: #f9f9f9;
        z-index: 999;
    }

    .divselect007 ul li {
        height: 25px;
        line-height: 25px;
        font-size: 12px;
        text-align: center;
    }

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

    .divselect007 ul li a:hover {
        color: #666;
    }
}

@media screen and (min-width:768px) {
    .jobcho-search {
        float: left;
        width: 50%;
        border-bottom: none;
    }

    .jobcho-search-wrap {
        padding: 0 20px;
    }

    .jobcho-search-btn {
        height: 50px;
    }

    .jobcho-search-txt {
        font-size: 13px;
        padding: 0 10px;
        height: 50px;
        line-height: 50px;
        background-size: auto 25px
    }

    .jobcho-slectbox {
        float: left;
        width: 50%;
    }

    .divselect007 {
        height: 50px;
        line-height: 50px;
    }

    .divselect007 cite {
        font-size: 13px;
        margin-right: 20px;
        padding-right: 20px;
        background: url("../images/bgp8.png") right center no-repeat;
        background-size: 20px auto;
    }

    .divselect007 ul {
        top: 50px;
    }

    .divselect007 ul li {
        height: 30px;
        line-height: 30px;
        font-size: 13px;
    }
}

@media screen and (min-width:1200px) {
    .jobcho-search-wrap {
        padding: 0 30px;
    }

    .jobcho-search-btn {
        height: 80px;
    }

    .jobcho-search-txt {
        font-size: 14px;
        padding: 0 20px;
        height: 80px;
        line-height: 80px;
    }

    .divselect007 {
        height: 80px;
        line-height: 80px;
    }

    .divselect007 cite {
        font-size: 14px;
    }

    .divselect007 ul {
        top: 80px;
    }

    .divselect007 ul li {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
}

/*jobcho-e*/


/*job-s*/
@media screen and (min-width:0px) {
    .job {
        padding-top: 10px;
        padding-bottom: 30px;
    }

    .job-wrap {
        padding: 10px;
        background: #ffffff;
    }

    .job-tit {
        line-height: 40px;
        color: #333333;
        font-size: 16px;
    }

    .job-table2,
    .job-table {
        width: 100%;
        font-size: 12px;
    }

    .job-table2 {
        margin-bottom: 10px;
    }

    .job-table th {
        background: #01a0e6;
        color: #ffffff;
    }

    .job-table2 td,
    .job-table th,
    .job-table td {
        text-align: center;
        padding: 10px;
    }

    .job-table2 td {
        border-bottom: 1px solid #eaeaea;
        color: #666666;
    }

    .job-table td {
        color: #333;
    }

    .job-table .o td {
        background: #f7f7f7;
    }

    .job-table .t td {
        background: #fff;
    }

    .job-table2 .hhl,
    .job-table .hhl {
        text-align: left
    }
}

@media screen and (min-width:768px) {
    .job {
        padding-top: 20px;
        padding-bottom: 50px;
    }

    .job-wrap {
        padding: 20px;
        padding-top: 10px;
    }

    .job-tit {
        line-height: 50px;
        font-size: 18px;
    }

    .job-table2,
    .job-table {
        font-size: 13px;
    }

    .job-table2 {
        margin-bottom: 20px;
    }

    .job-table2 td,
    .job-table th,
    .job-table td {
        padding: 15px;
    }

    .job-box {
        float: left;
        width: 50%;
        padding: 0 20px;
        box-sizing: border-box
    }
}

@media screen and (min-width:1200px) {
    .job {
        padding-top: 30px;
        padding-bottom: 70px;
    }

    .job-wrap {
        padding: 30px;
        padding-top: 10px;
    }

    .job-l {
        float: left;
        width: 74%;
    }

    .job-r {
        float: right;
        width: 25%;
    }

    .job-tit {
        line-height: 70px;
        font-size: 24px;
    }

    .job-table2,
    .job-table {
        font-size: 14px;
    }

    .job-table2 {
        margin-bottom: 30px;
    }

    .job-table2 td,
    .job-table th,
    .job-table td {
        padding: 20px;
    }

    .job-table2 td {
        padding: 20px 12px;
    }

    .job-box {
        width: 100%;
        float: none;
        padding: 0;
    }
}

/*job-e*/




/*job-msg-s*/
@media screen and (min-width:0px) {
    .job-msg-bg {
        position: fixed;
        z-index: 10000;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: #000000;
        opacity: .5;
    }

    .job-msg-wrap {
        background: #ffffff;
        border-radius: 5px;
        overflow: hidden;
        position: fixed;
        top: 5%;
        left: 50%;
        width: 100%;
        z-index: 10001;
        margin-left: -50%;
    }

    .job-msg-h {
        height: 50px;
        line-height: 50px;
        position: relative;
        background: #01a0e6;
    }

    .job-msg-tit {
        text-align: center;
        color: #ffffff;
        font-weight: bold;
        font-size: 16px;
    }

    .job-msg-btn {
        position: absolute;
        right: 18px;
        top: 18px;
        width: 15px;
        height: 15px;
        background-size: 100% 100%;
        background-image: url("../images/bgp9.png")
    }

    .job-msg-cnt {
        padding: 10px;
    }

    .job-msg-ad {
        line-height: 30px;
        font-size: 13px;
        color: #666666;
    }

    .job-msg-c {
        padding: 10px;
        max-height: 300px;
        overflow: auto;
        background: #f7f7f7;
        line-height: 24px;
        font-size: 13px;
        color: #666666;
    }

    .job-msg-c-a:hover {
        opacity: 0.8;
    }

    .job-msg-c-a {
        width: 60%;
        display: block;
        margin: 0 auto;
        margin-top: 20px;
        height: 30px;
        background: #01a0e6;
        text-align: center;
        border-radius: 30px;
        line-height: 30px;
        max-width: 262px;
        font-size: 14px;
        color: #ffffff;
    }

    .job-msg-c-a em {
        display: inline-block;
        padding-left: 27px;
        background: url("../images/bgp10.png") left center no-repeat;
        background-size: 15px auto
    }
}

@media screen and (min-width:768px) {
    .job-msg-wrap {
        width: 715px;
        margin-left: -357px;
    }

    .job-msg-h {
        height: 70px;
        line-height: 70px;
    }

    .job-msg-tit {
        font-size: 24px;
    }

    .job-msg-btn {
        right: 25px;
        top: 25px;
        width: 20px;
        height: 20px;
    }

    .job-msg-cnt {
        padding: 20px;
    }

    .job-msg-ad {
        line-height: 50px;
        font-size: 14px;
    }

    .job-msg-c {
        padding: 20px;
        line-height: 28px;
        font-size: 14px;
    }

    .job-msg-c-a {
        margin-top: 40px;
        height: 50px;
        border-radius: 50px;
        line-height: 50px;
        font-size: 18px;
    }

    .job-msg-c-a em {
        padding-left: 47px;
        background-size: auto auto
    }
}

/*job-msg-e*/



/*us-s*/
@media screen and (min-width:0px) {
    .usbox {
        padding-bottom: 20px;
    }

    .us {
        background: #ffffff;
        padding: 10px;
    }

    .us-h {
        padding-bottom: 10px;
        line-height: 50px;
        color: #333333;
        font-size: 22px;
    }

    .us-p {
        line-height: 24px;
        color: #666666;
        font-size: 13px;
    }

    .us-list li:first-child {
        border-bottom: 1px solid #e7e7e7;
    }

    .us-list li {
        color: #333333;
        line-height: 30px;
        padding: 10px 0;
        text-align: center;
    }

    .us-list li h5 {
        font-size: 22px;
    }

    .us-list li p {
        font-size: 13px;
    }
}

@media screen and (min-width:768px) {
    .usbox {
        padding-bottom: 40px;
    }

    .us {
        padding: 20px;
    }

    .us-h {
        padding-bottom: 20px;
        line-height: 60px;
        font-size: 30px;
    }

    .us-p {
        line-height: 28px;
        font-size: 14px;
    }

    .us-list li:first-child {
        border-bottom: none;
        border-right: 1px solid #e7e7e7;
    }

    .us-list li {
        float: left;
        width: 50%;
        box-sizing: border-box;
        line-height: 50px;
        padding: 20px 0;
    }

    .us-list li h5 {
        font-size: 30px;
    }

    .us-list li p {
        font-size: 14px;
    }
}

@media screen and (min-width:1200px) {
    .usbox {
        padding-bottom: 80px;
    }

    .us {
        padding: 42px 288px;
    }
}

/*us-e*/


/*ewm-s*/
@media screen and (min-width:0px) {
    .ewm {
        padding: 10px 0 20px 0;
    }

    .ewm-wrap {
        background: #ffffff;
        padding: 10px;
    }

    .ewm-label {
        line-height: 30px;
        font-size: 13px;
        color: #666666;
        font-weight: bold;
    }

    .ewm-select {
        background: #f7f7f7;
        height: 40px;
        line-height: 40px;
        position: relative;
    }

    .ewm-select cite {
        margin: 0 10px;
        background: url("../images/bgp11.png") right center no-repeat;
        background-size: 15px auto;
        color: #333333;
        font-weight: bold;
        font-size: 13px;
        display: block;
    }

    .ewm-select ul {
        width: 100%;
        z-index: 999;
        display: none;
        position: absolute;
        left: 0;
        top: 40px;
        background: #e0e0e0;
    }

    .ewm-select ul li {
        height: 40px;
        line-height: 40px;
        padding: 0 10px;
        font-size: 13px;
    }

    .ewm-select ul li a {
        display: block;
        color: #999
    }

    .ewm-select ul li a:hover {
        color: #666;
    }

    .ewm-txt {
        height: 40px;
        line-height: 40px;
        border: none;
        padding: 0 10px;
        font-size: 13px;
        width: 100%;
        box-sizing: border-box;
        background: #f7f7f7;
    }

    .ewm-tip {
        line-height: 30px;
        font-size: 12px;
        color: #666666;
    }

    .ewm-btn {
        width: 100%;
        margin-top: 10px;
        height: 40px;
        color: #ffffff;
        background: #ff9803;
        -webkit-transition: opacity .25s;
        transition: opacity .25s;
        border: none;
        font-size: 15px;
    }

    .ewm-btn:hover {
        opacity: .8;
    }

    .ewm-r {
        /*display: none;*/
    }

    .ewm-r .bb {
        display: none;
    }
}

@media screen and (min-width:768px) {
    .ewm {
        padding: 20px 0 40px 0;
    }

    .ewm-l {
        padding-right: 350px;
    }

    .ewm-wrap {
        position: relative;
        padding: 20px;
    }

    .ewm-label {
        line-height: 40px;
        font-size: 14px;
    }

    .ewm-select {
        height: 50px;
        line-height: 50px;
    }

    .ewm-select cite {
        margin: 0 20px;
        background-size: 20px auto;
        font-size: 14px;
    }

    .ewm-select ul {
        top: 50px;
    }

    .ewm-select ul li {
        padding: 0 20px;
        font-size: 13px;
    }

    .ewm-txt {
        height: 50px;
        line-height: 50px;
        padding: 0 20px;
        font-size: 14px;
    }

    .ewm-tip {
        line-height: 40px;
        font-size: 13px;
    }

    .ewm-btn {
        margin-top: 20px;
        height: 50px;
    }

    .ewm-r {
        position: absolute;
        display: block;
        width: 350px;
        text-align: center;
        background: #ffffff;
        right: 0;
        top: 0;
    }

    .ewm-r .bb {
        margin-top: 35px;
        display: inline-block;
        width: 80%;
    }

    .ewmhh {
        position: absolute;
        left: 51%;
        width: 103px;
        height: 103px;
        top: 52%;
        margin-left: -51px;
        margin-top: -42px;
    }
}

@media screen and (min-width:1280px) {
    .ewmhh {
        position: absolute;
        left: 51%;
        width: 165px;
        height: 167px;
        top: 52%;
        margin-left: -82px;
        margin-top: -80px;
    }

    .ewm {
        padding: 20px 0 100px 0;
    }

    .ewm-l {
        padding-right: 50%;
    }

    .ewm-wrap {
        position: relative;
        padding: 120px 150px;
    }

    .ewm-label {
        line-height: 70px;
        width: 99px;
        float: left;
    }

    .ewm-rom {
        margin-bottom: 42px;
        height: 70px;
    }

    .ewm-select {
        height: 70px;
        float: left;
        width: 384px;
        line-height: 70px;
    }

    .ewm-select ul {
        top: 70px;
    }

    .ewm-txt {
        height: 70px;
        line-height: 70px;
        float: left;
        width: 384px;
    }

    .ewm-tip {
        line-height: 42px;
        margin-top: -40px;
        margin-left: 99px;
        width: 71%;
    }

    .ewm-btn {
        width: 384px;
        height: 70px;
        margin-left: 99px;
    }

    .ewm-r {
        width: 50%;
    }

    .ewm-r .bb {
        margin-top: 35px;
        width: auto;
        display: inline-block;
    }
}

/*ewm-e*/



/*pjs-h-s*/
@media screen and (min-width:0px) {
    .pjs-h.fix {
        position: fixed;
        background: url("../images/ss002.png") repeat;
        z-index: 1000;
        top: 0;
        left: 0;
        right: 0;
    }

    .pjs-h {
        line-height: 40px;
        background: #ffffff;
    }

    .pjs-name {
        border-bottom: 1px solid #f7f7f7;
        height: 38px;
        padding: 10px 0;
    }

    .pjs-name2 {
        border-bottom: 1px solid #f7f7f7;
        height: 38px;
        font-size: 20px;
        line-height: 38px;
        padding: 10px 0;
        overflow: hidden;
    }

    .pjs-name2 img {
        width: 255px
    }

    .pjs-name img {
        vertical-align: top;
    }

    .pjs-btns {
        position: relative;
    }

    .pjs-btns .b2 {
        float: left;
        margin-right: 10px;
        font-size: 12px;
        color: #ddd;
    }

    .pjs-btns .b2:hover,
    .pjs-btns .b2.on {
        color: #ff9803;
    }

    .pjs-btns .b {
        position: absolute;
        top: -45px;
        right: 0;
        color: #ffffff;
        background: #ff9803;
        height: 30px;
        line-height: 30px;
        -webkit-transition: opacity .5s;
        transition: opacity .5s;
        padding: 0 10px;
        border-radius: 3px;
    }

    .pjs-btns .b:hover {
        opacity: 0.8;
    }
}

@media screen and (max-width:1200px) {
    .pjs-name2 img {
        width: 155px
    }
}

@media screen and (min-width:768px) {
    .pjs-btns .b2 {
        margin-right: 25px;
        font-size: 13px;
    }

    .pjs-btns .b {
        padding: 0 20px;
    }
}

@media screen and (min-width:1200px) {
    .pjs-name2 {
        border: none;
        height: 70px;
        font-size: 24px;
        float: left;
        line-height: 70px;
        padding: 0;
    }

    .pjs-h {
        height: 80px;
        line-height: 80px;
    }

    .pjs-name {
        border: none;
        padding-top: 16px;
        float: left;
    }

    .pjs-btns {
        float: right;
    }

    .pjs-btns .b2 {
        margin-right: 0;
        margin-left: 34px;
        font-size: 14px;
    }

    .pjs-btns .b {
        position: inherit;
        float: right;
        margin-left: 34px;
        margin-right: 0;
        height: 35px;
        top: 0;
        right: 0;
        line-height: 35px;
        margin-top: 20px;
        padding: 0 45px;
    }
}

/*pjs-h-e*/





/*lc-s*/
@media screen and (min-width:0px) {
    .lc {
        padding: 10px 0 20px 0;
    }

    .lc-wrap {
        background-color: #ffffff;
    }

    .lc-ns {
        margin-bottom: 10px;
        line-height: 30px;
        font-size: 18px;
    }

    .lc-n {
        line-height: 34px;
        height: 34px;
        width: 34px;
        border-radius: 24px;
        background: #00b1e8;
        text-align: center;
        color: #ffffff;
        margin-bottom: 5px;
        font-size: 12px;
    }

    .lc dl {
        padding: 10px 0;
    }

    .lc dd {
        margin-bottom: 10px;
    }

    .lc li {
        margin-bottom: 15px;
    }

    .lc-c {
        line-height: 24px;
        color: #666666;
        font-size: 12px;
    }
}

@media screen and (min-width:768px) {
    .lc {
        padding: 20px 0 40px 0;
    }

    .lc-wrap {
        background-image: url("../images/bgp12.png");
        background-position: 434px center;
        background-size: 2px auto;
        background-repeat: repeat-y;
    }

    .lc-ns {
        float: left;
        width: 350px;
        margin-bottom: 0;
        line-height: 40px;
        font-size: 23px;
    }

    .lc ul {
        padding-left: 385px;
    }

    .lc li {
        width: 100%;
        float: left;
    }

    .lc-n {
        float: left;
        line-height: 42px;
        height: 42px;
        width: 42px;
        border-radius: 42px;
        margin-bottom: 0;
        font-size: 14px;
    }

    .lc dl {
        padding: 30px 0;
    }

    .lc dd {
        border-bottom: 2px solid #f7f7f7;
        margin-bottom: 50px;
    }

    .lc li {
        margin-bottom: 50px;
    }

    .lc-c {
        padding-left: 68px;
        line-height: 28px;
        padding-top: 7px;
        font-size: 14px;
    }
}

@media screen and (min-width:768px) {
    .lc {
        padding: 20px 0 80px 0;
    }

    .lc-wrap {
        padding: 0 66px;
        background-position: 500px center;
        background-size: 3px auto;
    }

    .lc-ns {
        float: left;
        width: 400px;
    }

    .lc ul {
        padding-left: 415px;
    }

    .lc dl {
        padding: 80px 0;
    }

    .lc dd {
        margin-bottom: 80px;
    }

    .lc li {
        margin-bottom: 70px;
    }
}

/*lc-e*/


@media screen and (min-width:0px) {
    .bzt {
        padding-bottom: 10px;
    }

    .f1-cnt {
        width: 250px;
        padding: 20px 0;
        margin-left: 5%;
        text-align: center;
        color: #333333;
    }

    .f1-cnt img {
        width: 40%;
    }

    .f1-cnt h5 {
        margin-bottom: 10px;
        line-height: 50px;
        font-size: 23px;
    }

    .f1-cnt p {
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 25px;
        font-size: 13px;
    }

    .f1-cnt a {
        background: url("../images/bgp13.png") right center no-repeat;
        display: inline-block;
        background-size: 20px 20px;
        line-height: 20px;
        padding-right: 30px;
        font-size: 16px;
        color: #ff9803;
    }

    .f1-cnt2 {
        width: 70%;
        float: right;
        padding: 20px 0;
        margin-right: 5%;
        color: #ffffff;
        text-align: center;
    }

    .f1-cnt3 h5,
    .f1-cnt2 h5 {
        margin-bottom: 10px;
        line-height: 50px;
        font-size: 23px;
    }

    .f1-cnt3 p,
    .f1-cnt2 p {
        line-height: 25px;
        font-size: 13px;
    }

    .f1-cnt3 {
        color: #333333;
        text-align: center;
        margin: 0 5%;
        padding-top: 10px;
    }

    .nc {
        padding-top: 20px;
    }

    .f1-cnt4 {
        width: 70%;
        float: left;
        padding: 20px 0;
        margin-left: 5%;
        color: #ffffff;
        text-align: center;
    }

    .f1-cnt4 h5 {
        margin-bottom: 10px;
        line-height: 50px;
        font-size: 23px;
    }

    .f1-cnt4 p {
        line-height: 25px;
        font-size: 13px;
    }

    .f1-cnt5 {
        padding: 20px 0;
        margin-left: 5%;
        float: left;
        width: 50%;
        color: #333333;
        text-align: center;
    }

    .f1-cnt5 h5 {
        margin-bottom: 10px;
        line-height: 50px;
        font-size: 23px;
    }

    .f1-cnt5 p {
        line-height: 25px;
        font-size: 13px;
    }

    .f1 {
        overflow: hidden;
        position: relative;
    }

    .dd {
        position: absolute;
        height: 100%;
        top: 0;
        left: 55%;
    }

    .f1-cnt6 {
        color: #333333;
        padding: 20px 0;
        margin: 0 auto;
        width: 50%;
        text-align: center;
    }

    .dd8 {
        /*display: none;*/
    }

    .dd2 {
        position: absolute;
        top: 30%;
        height: 50%;
        right: 75%;
    }

    .dd3 {
        position: absolute;
        top: 15%;
        height: 75%;
        left: 75%;
    }

    .f1-cnt6 h5 {
        margin-bottom: 10px;
        line-height: 50px;
        font-size: 23px;
    }

    .f1-cnt6 p {
        line-height: 25px;
        font-size: 13px;
    }

    .dd4 {
        margin-top: 10px;
        width: 100%;
    }

    .f1-cnt7 {
        width: 70%;
        float: left;
        padding: 20px 0;
        margin-left: 5%;
        color: #ffffff;
        text-align: center;
    }

    .f1-cnt7 h5 {
        margin-bottom: 10px;
        line-height: 50px;
        font-size: 23px;
    }

    .f1-cnt7 p {
        line-height: 25px;
        font-size: 13px;
    }

    .dd9 {
        display: none;
    }

    .f1-cnt8 {
        width: 80%;
        margin: 0 auto;
        color: #333333;
        padding: 20px 0;
        text-align: center;
    }

    .f1-cnt8 h5 {
        margin-bottom: 10px;
        line-height: 50px;
        font-size: 23px;
    }

    .f1-cnt8 p {
        line-height: 25px;
        font-size: 13px;
    }

    .dd-list {
        padding-bottom: 20px;
    }

    .dd-list li {
        float: left;
        width: 33.33%;
        text-align: center;
    }

    .dd-list li img {
        width: 60%;
    }

    .dd-list li.spe {
        width: 25%;
    }

    .dd-list li.spe img {
        width: 80%;
    }

    .dd-list li.spe p {
        padding-top: 5px;
        line-height: 20px;
        font-size: 12px;
    }

    .dd5 {
        padding-top: 60px;
        margin-bottom: -130px;
        text-align: center;
    }

    .dd5 img {
        height: 300px;
    }

    .dd6 {
        text-align: center;
        padding-bottom: 20px;
    }

    .dd6 img {
        height: 250px;
    }

    .app {
        display: inline-block;
        color: #ffffff;
        background: #ff9803;
        -webkit-transition: opacity .5s;
        transition: opacity .5s;
        height: 25px;
        margin-top: 10px;
        border-radius: 3px;
        line-height: 25px;
        font-size: 13px;
        padding: 0 15px;
    }

    .app:hover {
        opacity: .8;
    }

    .dd7 {
        text-align: center;
        padding-bottom: 20px;
    }

    .dd7 img {
        width: 280px;
    }

    .dd8 {
        width: 100%;
    }

    .f1-cnt001 {
        width: 70%;
        float: right;
        padding: 20px 0;
        margin-right: 5%;
        color: #ffffff;
        text-align: center;
    }

    .f1-cnt001 h5 {
        margin-bottom: 10px;
        line-height: 50px;
        font-size: 23px;
    }

    .f1-cnt001 p {
        line-height: 25px;
        font-size: 13px;
    }

    .f1-cnt002 {
        width: 50%;
        margin-left: 5%;
        padding: 20px 0;
        color: #333;
        text-align: left;
    }

    .f1-cnt002 h5 {
        margin-bottom: 10px;
        line-height: 50px;
        font-size: 23px;
    }

    .f1-cnt002 p {
        line-height: 25px;
        font-size: 13px;
    }

    .dd001 {
        position: absolute;
        left: 60%;
        height: 70%;
        top: 15%;
    }

    .dd002 {
        margin-top: 10px;
        width: 100%;
    }

    .dd003 {
        padding-bottom: 20px;
        text-align: center;
    }

    .dd003 img {
        margin: 0 5px;
        height: 150px;
    }

    .dd004 {
        text-align: center;
    }

    .dd004 img {
        width: 280px;
    }

    .dd005 {
        position: relative;
    }

    .dd005 img {
        position: relative;
        z-index: 1;
        width: 100%;
    }

    .dd005 .bdlo {
        width: 88%;
        right: 0;
        top: 0;
        animation: sh-ripple 2s ease infinite;
        -webkit-animation: sh-ripple 2s ease infinite;
        position: absolute;
        z-index: 0;
    }

    .dd006 {
        text-align: center;
    }

    .dd006 img {
        width: 100%;
    }

    .f1-cnt008 {
        width: 40%;
        margin: 0 auto;
        padding: 20px 0;
        color: #fff;
        text-align: center;
    }

    .f1-cnt008 h5 {
        margin-bottom: 10px;
        line-height: 50px;
        font-size: 23px;
    }

    .f1-cnt008 p {
        line-height: 25px;
        font-size: 13px;
    }

    .f1-cnthhh {
        padding: 20px;
        color: #333;
        text-align: left;
        padding-top: 220px;
    }

    .hhd {
        position: absolute;
        height: 200px;
        top: 20px;
    }

    .f1-cnthhh h5 {
        margin-bottom: 10px;
        line-height: 50px;
        font-size: 23px;
    }

    .f1-cnthhh p {
        line-height: 25px;
        font-size: 13px;
    }

    .dd008 {
        height: 50%;
        right: 70%;
        bottom: 0;
        position: absolute;
    }

    .dd009 {
        height: 50%;
        left: 70%;
        bottom: 0;
        position: absolute;
    }

    .dd010 {
        text-align: center;
        padding-bottom: 20px;
    }

    .ttt {
        display: inline-block;
        color: #ffffff;
        text-align: left;
        font-size: 13px;
        vertical-align: top;
    }

    .ttt h4 {
        line-height: 37px;
        height: 37px;
    }

    .ttt h5 {
        line-height: 91px;
        height: 91px;
    }

    .ttt-p {
        height: 82px;
        line-height: 82px;
        padding: 20px 0;
        border-bottom: 1px solid #fff
    }

    .ttt-p span {
        display: inline-block;
        vertical-align: middle;
    }

    .ttt-p .d {
        margin-right: 32px;
        width: 43px;
        background-size: 100% 100%;
        height: 43px;
    }

    .ttt-p .d.h {
        background-image: url("../images/xxxs3_35_2.png");
    }

    .ttt-p .d.l {
        background-image: url("../images/xxxs3_35.png");
    }

    .ttt-p .dw {
        width: 14px;
        height: 76px;
        background-image: url("../images/xxxs3_35_3.png");
        background-size: 100% 100%;
    }

    .ttt-p .ddd {
        width: 8px;
        vertical-align: bottom;
        margin-bottom: 8px;
        height: 8px;
        background-image: url("../images/ddd.png");
        background-size: 100% 100%;
    }

    .ttt-p .n {
        -webkit-transition: all .5s;
        transition: all 1s;
        width: 42px;
        background-image: url("../images/num.png");
        background-size: 42px 820px;
        height: 82px;
    }

    .ttt-p .n.z1 {
        background-position: 0 -328px;
    }

    .ttt-p .n.z2 {
        background-position: 0 -656px;
    }

    .ttt-p .n.z3 {
        background-position: 0 -738px;
    }

    .ttt-p .n.s1 {
        background-position: 0 -328px;
    }

    .ttt-p .n.s2 {
        background-position: 0 -492px;
    }

    .ttt-p .n.s3 {
        background-position: 0 -656px;
    }

    .dd010 img {
        vertical-align: middle;
        width: 80%;
    }

    @-webkit-keyframes sh-ripple {
        0% {
            -webkit-transform: scale(0);
            transform: scale(0)
        }

        50% {
            opacity: 1;
            filter: alpha(opacity=100)\9
        }

        100% {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 0;
            filter: alpha(opacity=0)\9;
        }
    }

    @keyframes sh-ripple {
        0% {
            -webkit-transform: scale(0);
            transform: scale(0)
        }

        50% {
            opacity: 1;
            filter: alpha(opacity=100)\9
        }

        100% {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 0;
            filter: alpha(opacity=0)\9;
        }
    }

    @-webkit-keyframes bounceInLeft {

        from,
        60%,
        75%,
        90%,
        to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        }

        0% {
            opacity: 0;
            -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
        }

        75% {
            -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
        }

        90% {
            -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
        }

        to {
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes bounceInLeft {

        from,
        60%,
        75%,
        90%,
        to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        }

        0% {
            opacity: 0;
            -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
        }

        75% {
            -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
        }

        90% {
            -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
        }

        to {
            -webkit-transform: none;
            transform: none;
        }
    }

    .bounceInLeft {
        -webkit-animation-name: bounceInLeft;
        animation-name: bounceInLeft;
    }

    .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .yyqq {
        animation: sh-ripple 2s ease infinite;
        -webkit-animation: sh-ripple 2s ease infinite;
        width: 56.44%;
        height: 60.27%;
        position: absolute;
        background: url("../images/dh01.png");
        background-size: 100% 100%;
        display: none
    }

    .hhee {
        animation: sh-ripple 2s ease infinite;
        -webkit-animation: sh-ripple 2s ease infinite;
    }

    .lzcx1,
    .lzcx2 {
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    .yyqqp1 {
        left: -8.87%;
        top: -10.38%;
    }

    .yyqqp2 {
        right: -8.87%;
        top: -10.38%;
    }

    .yyqqp3 {
        left: -8.87%;
        bottom: -10.38%;
    }

    .yyqqp4 {
        right: -8.87%;
        bottom: -10.38%;
    }

    .iambox {
        display: inline-block;
        position: relative;
    }

    .ssbg1 {
        position: absolute;
        background-size: 100% 100%;
        -webkit-transition: all 1s;
        transition: all 1s;
    }

    .ssbg1p1 {
        background-image: url("../images/ss01.png");
        width: 18.36%;
        height: 79.88%;
        left: 26.6%;
        top: 6.5%;
        z-index: 10;
    }

    .ssbg1p2 {
        background-image: url("../images/ss02.png");
        width: 5.73%;
        height: 39.66%;
        left: 34.2%;
        top: 24.6%;
        z-index: 9;
    }

    .ssbg1p3 {
        background-image: url("../images/ss03.png");
        width: 2.72%;
        height: 9.40%;
        left: 35.4%;
        top: 40.5%;
        z-index: 8;
    }

    .ssbg1p4 {
        background-image: url("../images/ss04.png");
        width: 6.41%;
        height: 31.73%;
        left: 33.7%;
        top: 31.2%;
        z-index: 7;
    }

    .ssbg1p5 {
        background-image: url("../images/ss05.png");
        width: 6.60%;
        height: 32.84%;
        left: 32.7%;
        top: 29.4%;
        z-index: 6;
    }

    .ssbg1p6 {
        background-image: url("../images/ss06.png");
        width: 8.26%;
        height: 40.95%;
        left: 31.8%;
        top: 22%;
        z-index: 5;
    }

    .ssbg1p7 {
        background-image: url("../images/ss07.png");
        width: 9.32%;
        height: 44.28%;
        left: 31.1%;
        top: 22%;
        z-index: 4;
    }

    .ssbg1p7.show {
        left: 41.1%;
    }

    .ssbg1p6.show {
        left: 50.8%;
    }

    .ssbg1p5.show {
        left: 60.7%;
        top: 27.4%;
    }

    .ssbg1p4.show {
        left: 68.7%;
        top: 25.2%;
    }

    .ssbg1p3.show {
        left: 78.4%
    }

    .ssbg1p2.show {
        left: 82.2%;
        top: 12.6%;
    }

    .ssbg1p1.show {
        left: 85.6%;
        top: -5.5%;
    }

    .fu {
        -webkit-transition: all 1s;
        transition: all 1s;
    }

    .fu.show {
        -webkit-transform: translate3d(0, -20%, 0);
        transform: translate3d(0, -20%, 0)
    }

    .cnm li {
        border-bottom: 1px solid #fff
    }

    .cnm img {
        width: 100%;
    }
}

@media screen and (min-width:768px) {
    .ttt {
        margin-right: 130px;
    }

    .ttt {
        font-size: 15px;
        margin-top: -20px;
        margin-bottom: 20px;
    }

    .bzt {
        padding-bottom: 20px;
    }

    .f1-cnt {
        width: 350px;
        padding: 80px 0;
        margin-left: 10%;
    }

    .f1-cnt img {
        width: 50%;
    }

    .f1-cnt h5 {
        margin-bottom: 20px;
        line-height: 70px;
        font-size: 35px;
    }

    .f1-cnt p {
        margin-top: 20px;
        margin-bottom: 20px;
        line-height: 35px;
        font-size: 14px;
    }

    .f1-cnt a {
        background-size: 23px 23px;
        line-height: 23px;
        -webkit-transition: all .5s;
        transition: all .5s;
        padding-right: 35px;
        font-size: 20px;
    }

    .f1-cnt a:hover {
        opacity: .8;
    }

    .f1-cnt2 {
        width: 60%;
        padding: 80px 0;
    }

    .f1-cnt3 h5,
    .f1-cnt2 h5 {
        margin-bottom: 20px;
        line-height: 70px;
        font-size: 35px;
    }

    .f1-cnt3 p,
    .f1-cnt2 p {
        line-height: 35px;
        font-size: 14px;
    }

    .f1-cnt3 {
        margin: 0 15%;
        padding-top: 80px;
    }

    .nc {
        padding-top: 80px;
    }

    .f1-cnt4 {
        width: 60%;
        padding: 80px 0;
    }

    .f1-cnt4 h5 {
        margin-bottom: 20px;
        line-height: 70px;
        font-size: 35px;
    }

    .f1-cnt4 p {
        line-height: 35px;
        font-size: 14px;
    }

    .f1-cnthhh {
        width: 40%;
        margin-left: 10%;
        padding: 80px 0;
    }

    .hhd {
        position: absolute;
        left: 50%;
        height: 230px;
        top: 50%;
        margin-top: -115px;
    }

    .f1-cnthhh h5 {
        margin-bottom: 20px;
        line-height: 70px;
        font-size: 35px;
    }

    .f1-cnthhh p {
        line-height: 35px;
        font-size: 14px;
    }

    .f1-cnt5 {
        padding: 80px 0;
        margin-left: 10%;
    }

    .f1-cnt5 h5 {
        margin-bottom: 20px;
        line-height: 70px;
        font-size: 35px;
    }

    .f1-cnt5 p {
        line-height: 35px;
        font-size: 14px;
    }

    .dd {
        left: 60%;
    }

    .f1-cnt6 h5 {
        margin-bottom: 20px;
        line-height: 70px;
        font-size: 35px;
    }

    .f1-cnt6 p {
        line-height: 35px;
        font-size: 14px;
    }

    .f1-cnt6 {
        padding: 0 0;
        height: 100%;
        position: absolute;
        top: 0;
        left: 25%;
    }

    .f1-cnt6 table {
        height: 100%;
        width: 100%;
    }

    .dd8 {
        display: block;
    }

    .dd2 {
        right: 80%;
    }

    .dd3 {
        left: 80%;
    }

    .f1-cnt7 {
        width: 60%;
        padding: 80px 0;
    }

    .f1-cnt7 h5 {
        margin-bottom: 20px;
        line-height: 70px;
        font-size: 35px;
    }

    .f1-cnt7 p {
        line-height: 35px;
        font-size: 14px;
    }

    .dd9 {
        display: none;
    }

    .dd4 {
        margin-top: 30px;
        width: 60%;
    }

    .f1-cnt8 {
        padding: 80px 0 0px;
    }

    .paddingB120 {
        padding-bottom: 120px
    }

    .f1-cnt8 h5 {
        margin-bottom: 20px;
        line-height: 70px;
        font-size: 35px;
    }

    .f1-cnt8 p {
        line-height: 35px;
        font-size: 14px;
    }

    .dd-list {
        padding-bottom: 80px;
    }

    .dd-list li img {
        width: 40%;
    }

    .dd-list li.spe img {
        width: 55%;
    }

    .dd-list li.spe p {
        padding-top: 10px;
        line-height: 30px;
        font-size: 14px;
    }

    .dd5 {
        padding-top: 80px;
        margin-bottom: -280px;
        text-align: center;
    }

    .dd5 img {
        height: 600px;
    }

    .dd6 {
        padding-bottom: 80px;
    }

    .dd6 img {
        height: 450px;
    }

    .app {
        height: 45px;
        margin-top: 20px;
        line-height: 45px;
        font-size: 14px;
        padding: 0 35px;
    }

    .dd7 {
        padding-bottom: 80px;
    }

    .dd7 img {
        width: 650px;
    }

    .f1-cnt001 {
        width: 60%;
        padding: 80px 0;
    }

    .f1-cnt001 h5 {
        margin-bottom: 20px;
        line-height: 70px;
        font-size: 35px;
    }

    .f1-cnt001 p {
        line-height: 35px;
        font-size: 14px;
    }

    .f1-cnt002 {
        width: 40%;
        padding: 80px 0;
    }

    .f1-cnt002 h5 {
        margin-bottom: 20px;
        line-height: 70px;
        font-size: 35px;
    }

    .f1-cnt002 p {
        line-height: 35px;
        font-size: 14px;
    }

    .dd002 {
        width: 80%;
        margin-top: 30px;
    }

    .dd003 {
        padding-bottom: 80px;
    }

    .dd003 img {
        margin: 0 30px;
        height: 180px;
    }

    .dd004 img {
        width: 520px;
    }

    .dd006 img {
        width: 100%;
    }

    .f1-cnt008 {
        width: 50%;
        padding: 120px 0;
    }

    .f1-cnt008 h5 {
        margin-bottom: 20px;
        line-height: 70px;
        font-size: 35px;
    }

    .f1-cnt008 p {
        line-height: 35px;
        font-size: 14px;
    }

    .dd008 {
        height: 70%;
        right: 75%;
    }

    .dd009 {
        height: 70%;
        left: 75%;
    }

    .dd010 {
        padding-bottom: 80px;
    }

    .dd010 img {
        width: 80%;
    }

    .cnm li {
        float: left;
        width: 33.333%;
        border-bottom: none
    }
}

@media screen and (min-width:1200px) {
    .bzt {
        padding-bottom: 40px;
    }

    .ttt {
        font-size: 18px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .f1-cnt {
        width: 550px;
        padding: 150px 0;
        margin-left: 3%;
    }

    .f1-cnt img {
        width: 60%;
    }

    .f1-cnt h5 {
        margin-top: 25px;
        line-height: 80px;
        font-size: 48px;
    }

    .f1-cnt p {
        margin-top: 25px;
        font-size: 18px;
    }

    .f1-cnt a {
        background-size: 25px 25px;
        line-height: 25px;
        padding-right: 40px;
        font-size: 24px;
    }

    .f1-cnt2 {
        width: 900px;
        padding: 450px 0 250px 0;
        margin-right: 2%;
    }

    .f1-cnt3 h5,
    .f1-cnt2 h5 {
        margin-bottom: 25px;
        line-height: 80px;
        font-size: 48px;
    }

    .f1-cnt3 p {
        font-size: 18px;
    }

    .f1-cnt2 p {
        font-size: 14px;
    }

    .f1-cnthhh {
        margin-left: 15%;
        padding: 100px 0;
    }

    .hhd {
        height: 270px;
        margin-top: -135px;
        left: 60%;
    }

    .f1-cnthhh h5 {
        margin-bottom: 25px;
        line-height: 80px;
        font-size: 48px;
    }

    .f1-cnthhh p {
        font-size: 18px;
    }

    .f1-cnt3 {
        margin: 0 auto;
        width: 989px;
        padding-top: 25px;
    }

    .f1-cnt4 {
        width: 855px;
        padding: 350px 0 350px 0;
    }

    .f1-cnt4 h5 {
        margin-bottom: 25px;
        line-height: 80px;
        font-size: 48px;
    }

    .f1-cnt4 p {
        font-size: 18px;
    }

    .f1-cnt5 {
        padding: 100px 0 550px 0;
    }

    .f1-cnt5 h5 {
        margin-bottom: 25px;
        line-height: 80px;
        font-size: 48px;
    }

    .f1-cnt5 p {
        font-size: 18px;
    }

    .dd {
        left: 50%;
    }

    .f1-cnt6 h5 {
        margin-bottom: 25px;
        line-height: 80px;
        font-size: 48px;
    }

    .f1-cnt6 p {
        font-size: 18px;
    }

    .f1-cnt6 {
        width: 30%;
        top: 0;
        left: 35%;
        position: absolute;
        height: 100%;
    }

    .d1-cnt6 table {
        height: 100%;
        width: 100%;
    }

    .dd2 {
        right: 70%;
    }

    .dd3 {
        left: 70%;
    }

    .f1-cnt7 {
        width: 855px;
        margin-left: 12%;
        padding: 160px 0;
    }

    .f1-cnt7 h5 {
        margin-bottom: 25px;
        line-height: 80px;
        font-size: 48px;
    }

    .f1-cnt7 p {
        font-size: 18px;
    }

    .dd9 {
        position: absolute;
        left: 50%;
        margin-left: 270px;
        bottom: 175px;
        display: block;
    }

    @-webkit-keyframes shshake {

        0%,
        25%,
        100% {
            -webkit-transform: translateY(0)
        }

        3%,
        9%,
        15% {
            -webkit-transform: translateY(-5px)
        }

        6%,
        12%,
        20% {
            -webkit-transform: translateY(5px)
        }
    }

    @-moz-keyframes shshake {

        0%,
        25%,
        100% {
            -moz-transform: translateY(0)
        }

        3%,
        9%,
        15% {
            -moz-transform: translateY(-5px)
        }

        6%,
        12%,
        20% {
            -moz-transform: translateY(5px)
        }
    }

    @keyframes shshake {

        0%,
        25%,
        100% {
            -webkit-transform: translateY(0)
        }

        3%,
        9%,
        15% {
            -webkit-transform: translateY(-5px)
        }

        6%,
        12%,
        20% {
            -webkit-transform: translateY(5px)
        }
    }

    .dd4 {
        margin-top: 40px;
    }

    .f1-cnt8 h5 {
        margin-bottom: 25px;
        line-height: 80px;
        font-size: 56px;
    }

    .f1-cnt8 p {
        font-size: 20px;
    }

    .dd-list {
        padding: 0 130px 80px 130px;
    }

    .dd5 {
        padding-top: 100px;
        margin-bottom: -380px;
        text-align: center;
    }

    .dd5 img {
        height: 839px;
    }

    .dd6 {
        padding-bottom: 100px;
    }

    .dd6 img {
        height: 534px;
    }

    .app {
        height: 55px;
        margin-top: 30px;
        line-height: 55px;
        font-size: 15px;
        padding: 0 80px;
    }

    .dd7 {
        padding-bottom: 100px;
    }

    .dd7 img {
        width: 848px;
    }

    .f1-cnt001 {
        width: 600px;
        margin-right: 18%;
        padding: 250px 0 450px 0;
    }

    .f1-cnt001 h5 {
        margin-bottom: 25px;
        line-height: 80px;
        font-size: 48px;
    }

    .f1-cnt001 p {
        font-size: 18px;
    }

    .f1-cnt002 {
        width: 40%;
        margin-left: 15%;
        padding: 100px 0;
    }

    .f1-cnt002 h5 {
        margin-bottom: 25px;
        line-height: 80px;
        font-size: 48px;
    }

    .f1-cnt002 p {
        font-size: 18px;
    }

    .dd002 {
        width: 60%;
        margin-top: 100px;
    }

    .dd003 {
        padding-bottom: 100px;
    }

    .dd003 img {
        margin: 0 50px;
        height: 190px;
    }

    .dd004 img {
        width: 620px;
    }

    .dd006 img {
        max-width: 90%;
    }

    .f1-cnt008 {
        width: 40%;
        padding: 190px 0 350px 0;
    }

    .f1-cnt008 h5 {
        margin-bottom: 25px;
        line-height: 80px;
        font-size: 48px;
    }

    .f1-cnt008 p {
        font-size: 18px;
    }

    .dd008 {
        height: 80%;
        right: 72%;
    }

    .dd009 {
        height: 80%;
        left: 72%;
    }

    .dd010 img {
        width: 80%;
        max-width: 1041px
    }


    @media screen and (min-width:0px) {
        .commsg {
            padding: 10px;
            background: #ffffff;
        }

        .commsg h5 {
            line-height: 40px;
            font-size: 18px;
            color: #333333;
        }

        .commsg li {
            padding-left: 30px;
            line-height: 30px;
            margin-bottom: 10px;
            color: #666666;
            font-size: 13px;
        }

        .commsg li.c1 {
            background: url("../images/bgp14.png") left center no-repeat;
            position: relative;
        }

        .commsg li.c2 {
            background: url("../images/bgp15.png") left center no-repeat;
        }

        .commsg li.c1 a {
            position: absolute;
            display: block;
            height: 100%;
            width: 50px;
            left: 0;
        }
    }

    @media screen and (min-width:768px) {
        .commsg {
            padding: 20px;
        }

        .commsg h5 {
            line-height: 50px;
            font-size: 23px;
        }

        .commsg li {
            padding-left: 50px;
            float: left;
            width: 50%;
            box-sizing: border-box;
            margin-bottom: 0;
            font-size: 13px;
        }
    }

    @media screen and (min-width:1200px) {
        .commsg {
            padding: 60px 200px;
        }

        .commsg h5 {
            margin-bottom: 20px;
            font-size: 30px;
        }

        .commsg li {
            font-size: 14px;
        }
    }

    @media screen and (min-width:0px) {
        .commsg2 {
            padding: 10px;
            background: #ffffff;
        }

        .commsg2 li {
            margin-bottom: 20px;
        }

        .commsg2 li h5 {
            line-height: 40px;
            font-size: 16px;
        }

        .commsg2 li .n {
            line-height: 30px;
            color: #ff9803;
            font-size: 15px;
        }

        .commsg2 li .m {
            line-height: 20px;
            font-size: 13px;
            color: #666666;
        }

        .ppdd {
            padding-bottom: 20px;
        }
    }

    @media screen and (min-width:768px) {
        .commsg2 {
            padding: 20px;
        }

        .commsg2 li {
            float: left;
            padding: 10px;
            border-bottom: 1px solid #f0f0f0;
            width: 50%;
            box-sizing: border-box;
            margin-bottom: 0;
        }

        .commsg2 li h5 {
            line-height: 50px;
            font-size: 20px;
        }

        .commsg2 li .n {
            line-height: 30px;
            font-size: 17px;
        }

        .commsg2 li .m {
            line-height: 25px;
            font-size: 14px;
        }

        .ppdd {
            padding-bottom: 40px;
        }
    }

    @media screen and (min-width:1200px) {
        .commsg2 {
            padding: 60px 200px;
        }

        .commsg2 li {
            padding: 20px;
        }

        .commsg2 li h5 {
            line-height: 60px;
            font-size: 24px;
        }

        .commsg2 li .n {
            line-height: 40px;
            font-size: 18px;
        }

        .commsg2 li .m {
            line-height: 30px;
        }

        .ppdd {
            padding-bottom: 80px;
        }
    }

    @media screen and (min-width:0px) {
        .y_contact {
            background-color: #ffffff;
            padding: 10px 0
        }

        .y_contact li {
            padding: 11px 0 11px 111px;
            background-repeat: no-repeat;
            background-position: 34px center;
            background-size: 38px;
            text-align: left;
            height: 85px;
            box-sizing: border-box;
            border-bottom: 1px solid #f7f7f7;
        }

        .y_contact li:last-child {
            border-bottom: none;
        }

        .y_contact li.ico_1 {
            background-image: url(../images/y01.png);
        }

        .y_contact li.ico_2 {
            background-image: url(../images/y02.png);
        }

        .y_contact li.ico_3 {
            background-image: url(../images/y03.png);
        }

        .y_tit {
            font-size: 12px;
            color: #4d5356;
            margin-bottom: 10px;
        }

        .y_cn {
            font-size: 16px;
            color: #858585
        }

        .y_day {
            font-size: 12px;
            color: #858585
        }

        .y_tn {
            font-size: 20px;
            color: #858585
        }

        .y_title {
            font-size: 24px;
            color: #333333;
            line-height: 50px;
            text-align: center;
        }

        .y_lest li {
            float: left;
            width: 50%;
            line-height: 20px;
            font-size: 12px;
            text-align: center;
            background-position: center 15px;
            background-repeat: no-repeat;
            background-size: 20px;
            padding: 40px 0 10px;
        }

        .y_lest li.ico_1 {
            background-image: url(../images/y04.png);
        }

        .y_lest li.ico_2 {
            background-image: url(../images/y05.png);
        }

        .y_lest li.ico_3 {
            background-image: url(../images/y06.png);
        }

        .y_lest li.ico_4 {
            background-image: url(../images/y07.png);
        }

        .y_slp {
            padding: 0 10px;
            background-color: #ffffff;
        }

        .y_slp .y_box {
            padding: 10px 0;
            border-bottom: 1px solid #f1f1f1;
        }

        .y_slp .y_box:last-child {
            border-bottom: none;
        }

        .y_slp .y_box h1 {
            font-size: 24px;
            color: #000000;
            line-height: 50px;
        }

        .y_slp .y_box dl {
            padding: 10px 0;
        }

        .y_slp .y_box dt {
            font-size: 12px;
            color: #000000;
            line-height: 30px;
        }

        .y_slp .y_box dd {
            padding-left: 10px;
            background: url(../images/y08.png) no-repeat left 10px;
            font-size: 12px;
            color: #666666;
            line-height: 24px;
        }

        .y_slp .y_box dd p {
            color: #9e9e9e;
            padding-left: 5px;
        }

        .y_padding {
            padding-bottom: 20px;
        }
    }

    @media screen and (min-width:768px) {
        .y_contact {
            padding: 20px 0
        }

        .y_contact li {
            float: left;
            width: 33.33%;
            box-sizing: border-box;
            padding: 15px 0 15px 85px;
            background-repeat: no-repeat;
            background-position: 20px center;
            background-size: 45px;
            text-align: left;
            height: 85px;
            border-bottom: none;
            border-right: 1px solid #eaeaea;
        }

        .y_contact li:last-child {
            border-bottom: none;
            border-right: none;
        }

        .y_tn {
            font-size: 16px;
        }

        .y_title {
            font-size: 34px;
            line-height: 85px;
        }

        .y_lest li {
            width: 25%;
            padding: 60px 0 20px;
            background-size: 30px;
            font-size: 12px;
        }

        .y_slp {
            padding: 0 100px;
        }

        .y_slp .y_box {
            padding: 20px 0;
        }

        .y_slp .y_box h1 {
            font-size: 30px;
            line-height: 65px;
        }

        .y_slp .y_box dl {
            padding: 15px 0;
        }

        .y_slp .y_box dt {
            line-height: 50px;
        }
    }

    @media screen and (min-width:1200px) {
        .y_contact {
            padding: 45px 0
        }

        .y_contact li {
            padding: 42px 0 42px 160px;
            background-size: 77px;
            background-position: 50px center;
            height: 146px;
        }

        .y_cn {
            font-size: 24px;
        }

        .y_tn {
            font-size: 20px;
        }

        .y_title {
            font-size: 36px;
            padding: 30px 0;
        }

        .y_lest {
            text-align: center
        }

        .y_lest li {
            width: 16.66%;
            padding: 60px 0 80px;
            background-size: 34px;
            font-size: 14px;
            display: inline-block;
            float: none
        }

        .y_slp {
            padding: 0 280px;
        }

        .y_slp .y_box {
            padding: 60px 0;
        }

        .y_slp .y_box h1 {
            font-size: 36px;
            line-height: 85px;
        }

        .y_slp .y_box dl {
            padding: 15px 0;
        }

        .y_slp .y_box dt {
            line-height: 50px;
            font-size: 14px;
        }

        .y_slp .y_box dd {
            font-size: 14px;
            line-height: 30px;
        }

        .y_padding {
            padding-bottom: 170px;
        }
    }

    @media screen and (min-width:0px) {
        .wt-box {
            padding-top: 10px;
            padding-bottom: 20px;
        }

        .wt {
            position: relative;
            background: #ffffff;
        }

        .menuwt {
            padding-bottom: 10px;
            background: #ff9803;
        }

        .menuwt h5 {
            line-height: 40px;
            text-indent: 15px;
            color: #ffffff;
            font-size: 16px;
            font-weight: bold;
        }

        .menuwt h5.on {
            background: #008ecd;
        }

        .menuwt h4 {
            line-height: 30px;
            text-indent: 15px;
            height: 30px;
        }

        .menuwt h4 a {
            display: block;
            font-size: 13px;
            color: #ffffff;
        }

        .menuwt .p {
            display: none;
        }

        .menuwt .p a {
            line-height: 25px;
            height: 25px;
            text-indent: 30px;
            color: #ffffff;
            font-size: 11px;
            display: block;
        }

        .menuwt li.show .p {
            display: block;
        }

        .menuwt .p a.on {
            background: #008ecd;
            border-left: 2px solid #fff
        }
    }

    @media screen and (min-width:768px) {
        .wt-box {
            padding-top: 20px;
            padding-bottom: 40px;
        }

        .menuwt {
            padding-bottom: 20px;
        }

        .menuwt h5 {
            line-height: 50px;
            text-indent: 18px;
            font-size: 18px;
        }

        .menuwt h4 {
            line-height: 40px;
            text-indent: 18px;
            height: 40px;
        }

        .menuwt h4 a {
            font-size: 14px;
        }

        .menuwt .p a {
            line-height: 30px;
            height: 30px;
            text-indent: 35px;
            font-size: 12px;
        }
    }

    @media screen and (min-width:1200px) {
        .wt-box {
            padding-top: 30px;
            padding-bottom: 80px;
        }

        .menuwt {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            min-height: 600px;
            width: 280px;
            padding-bottom: 0;
        }

        .menuwt h5 {
            line-height: 65px;
            text-indent: 38px;
        }

        .menuwt h4 {
            line-height: 50px;
            text-indent: 38px;
            height: 50px;
        }

        .menuwt .p a {
            line-height: 40px;
            height: 40px;
            text-indent: 48px;
        }
    }

    @media screen and (min-width:0px) {
        .wth {
            padding-bottom: 10px;
            margin-top: 10px;
        }

        .wth li h5 {
            /* line-height: 50px; */
            /* height: 50px; */
            padding: 0 10px;
        }

        .wth li {
            border-bottom: 1px solid #f7f7f7;
            overflow: hidden;
            padding: 13px 0;
        }

        .wth .bocon {
            padding: 27px 17px;
        }

        .wth .bocon img {
            width: 100%;
        }

        .wth .bocon p {
            padding: 10px 10px;
            font-size: 12px;
        }

        .wth li h5 i {
            float: left;
            display: none;
            width: 40px;
            text-align: center;
        }

        .wth li h5 i b {
            color: #ffffff;
            display: inline-block;
            width: 22px;
            height: 22px;
            vertical-align: middle;
            text-align: center;
            line-height: 22px;
            background: url("../images/bgp16.png");
            background-size: 100% 100%;
            font-size: 13px;
        }

        .wth li h5 {
            cursor: pointer;
        }

        .wth li h5 em {
            color: #333333;
            font-size: 13px;
            float: left;
        }

        .wth li h5 span {
            width: 25px;
            height: 35px;
            float: right;
            background: url("../images/bgp18.png") center no-repeat;
        }

        .wth li.show .p {
            display: block;
        }

        .wth li.show h5 span {
            background: url("../images/bgp17.png") center no-repeat;
        }

        .wth li .p {
            display: none;
            padding: 10px;
            background: #f7f7f7;
        }

        .wth li .l span {
            display: inline-block;
            line-height: 20px;
            margin-right: 5px;
            vertical-align: top;
            border-radius: 3px;
            padding: 0 10px;
            color: #ffffff;
            font-size: 11px;
        }

        .wth li .l span.l1 {
            background: #ff9803;
        }

        .wth li .l span.l2 {
            background: #9ed900;
        }

        .wth li .l span.l3 {
            background: #ed31a0;
        }

        .wth li .c {
            padding: 10px 0;
            line-height: 25px;
            color: #666666;
            font-size: 12px;
        }

        .wth li .z a {
            margin-right: 10px;
            line-height: 20px;
            color: #999999;
            font-size: 12px;
            background-repeat: no-repeat;
            display: inline-block;
            padding-left: 25px;
            background-position: left center;
        }

        .wth li .z a:hover {
            color: #555555;
        }

        .wth li .z a.z1 {
            background-image: url("../images/bgp19.png")
        }

        .wth li .z a.z2 {
            background-image: url("../images/bgp21.png")
        }

        .wth li .z a.z3 {
            background-image: url("../images/bgp23.png")
        }

        .wth li .z a.z1:hover {
            background-image: url("../images/bgp20.png")
        }

        .wth li .z a.z2:hover {
            background-image: url("../images/bgp22.png")
        }

        .wth li .z a.z3:hover {
            background-image: url("../images/bgp24.png")
        }

        .wth li h5 em a {
            color: #333333;
            background: url(../images/pdf.jpg) no-repeat right center;
            display: block;
            padding-right: 30px;
            background-size: 15px 17px;
        }

        .wth li h5 p {
            font-size: 14px;
            color: #d5d5d5;
            display: block;
            float: right;
            background: url(../images/view.jpg) no-repeat left center;
            padding-left: 30px;
            background-size: 17px 11px;
        }

        .wth dl dd {
            font-size: 15px;
            border-bottom: 1px solid #f7f7f7;
            padding: 25px 30px 25px 30px;
        }

        .wth dl dd a {
            color: #333;
        }

        .wth dl dd p {
            line-height: 25px;
        }

        .wth dl dd p i {
            margin-left: 5px;
            display: none;
        }

        .wth dl dd em {
            font-size: 14px;
            color: #d5d5d5;
            display: block;
            float: right;
            background: url(../images/view.jpg) no-repeat left center;
            padding-left: 30px;
        }

        .wth dl dd:hover p {
            color: #ff9803
        }

        .wth dl dd:hover em {
            color: #ff9803
        }
    }

    @media screen and (min-width:768px) {
        .wth {
            padding-bottom: 20px;
            margin-top: 20px;
        }

        .wth li h5 {
            /* line-height: 60px; */
            /* height: 60px; */
            padding: 0 20px;
        }

        .wth li h5 i {
            /* margin-top: 30px; */
            display: block;
        }

        .wth li h5 span {
            /* height: 60px; */
        }

        .wth li h5 em {
            font-size: 15px;
        }

        .wth li .p {
            padding: 20px;
        }

        .wth li .l span {
            line-height: 25px;
            margin-right: 10px;
            padding: 0 15px;
            font-size: 12px;
        }

        .wth li .c {
            padding: 20px 0;
            line-height: 30px;
            font-size: 13px
        }

        .wth li .z a {
            margin-right: 20px;
            line-height: 25px;
            font-size: 13px;
            padding-left: 30px;
        }

        .wth li h5 em a {
            color: #333333;
            background: url(../images/pdf.jpg) no-repeat right center;
            display: block;
            padding-right: 30px;
        }

        .wth li h5 p {
            font-size: 14px;
            color: #d5d5d5;
            display: block;
            float: right;
            background: url(../images/view.jpg) no-repeat left center;
            padding-left: 30px;
        }

        .wth .bocon {
            padding: 37px 27px;
        }

        .wth .bocon p {
            padding: 20px 20px;
            font-size: 14px;
        }

        .wth .bocon img {
            width: 100%;
        }

        .wth dl dd p i {
            display: inline-block;
        }
    }

    @media screen and (min-width:1200px) {
        .wth {
            padding-bottom: 40px;
            padding-left: 280px;
            min-height: 560px;
            margin-top: 0;
        }

        .wth .bocon {
            padding: 57px 47px;
        }

        .wth .bocon img {
            width: 100%;
        }

        .wth .bocon p {
            padding: 30px 30px;
            font-size: 16px;
        }

        .wth li h5 {
            /* line-height: 80px; */
            /* height: 80px; */
            padding: 0 30px;
            overflow: hidden;
        }

        .wth li h5:hover em {
            color: #ff9803;
        }

        .wth li h5:hover p {
            color: #ff9803;
        }

        .wth li h5 em {
            margin-left: 10px;
        }

        .wth li h5 em {
            color: #333333;
            /* background: url(../images/pdf.jpg) no-repeat right center ; */
            display: block;
            padding-right: 30px;
            width: 635px;
            line-height: 25px;
        }

        .wth li h5 p {
            font-size: 14px;
            color: #d5d5d5;
            display: block;
            float: right;
            background: url(../images/view.jpg) no-repeat left center;
            padding-left: 30px;
        }

        .wth li h5 span {
            /* height: 80px; */
        }

        .wth .bocon {
            padding: 47px 37px;
        }

        .wth .bocon p {
            padding: 30px 30px;
            font-size: 16px;
        }

        .wth li .p {
            padding: 30px;
        }

        .wth li .c {
            padding: 30px 0;
            font-size: 14px
        }

        .wth li .z a {
            margin-right: 25px;
        }
    }

    @media screen and (min-width:0px) {
        .f1-cnt-s5 {
            width: 70%;
            float: right;
            padding: 20px 0;
            margin-right: 5%;
            color: #ffffff;
            text-align: center;
        }

        .f1-cnt-s5 h5 {
            margin-bottom: 10px;
            line-height: 50px;
            font-size: 23px;
        }

        .f1-cnt-s5 p {
            line-height: 25px;
            font-size: 13px;
        }

        .dnl007 li {
            position: absolute;
        }

        .dnl007 li.a1 {
            height: 22%;
            left: 9%;
            top: 57%;
            width: 16%;
        }

        .dnl007 li.a2 {
            height: 20%;
            left: 22%;
            top: 28%;
            width: 13%;
        }

        .dnl007 li.a3 {
            height: 22%;
            left: 39%;
            top: 14%;
            width: 10%;
        }

        .dnl007 li.a4 {
            height: 22%;
            left: 55%;
            top: 8%;
            width: 8%;
        }

        .dd00-s {
            width: 45%;
            left: 60%;
            position: absolute;
            top: 53%;
        }

        .dd00-s img {
            width: 100%;
        }

        .dd00-s2 {
            position: relative;
            padding-bottom: 10px;
        }

        .dd00-s2 img {
            position: relative;
            z-index: 1;
            width: 80%;
        }

        .dd00-s2 .dnlm01 {
            position: absolute;
            animation: sh-ripple 2s ease infinite;
            -webkit-animation: sh-ripple 2s ease infinite;
            z-index: 0;
            width: 105%;
            bottom: -10%;
        }

        .f1-cnt002-s5 {
            text-align: left;
            width: 40%;
            position: relative;
            padding-top: 10px;
            left: 60%;
            color: #333;
        }

        .f1-cnt002-s5 h5 {
            margin-bottom: 10px;
            line-height: 50px;
            font-size: 23px;
        }

        .f1-cnt002-s5 p {
            line-height: 25px;
            font-size: 13px;
        }

        .ddss-s5 {
            text-align: left;
            padding-top: 10px;
        }

        .ddss-s5 img {
            width: 75%;
        }

        .dd7ss-s5 {
            text-align: center;
            padding-top: 10px;
        }

        .dd7ss-s5 img {
            width: 70%;
        }

        .dd7ss-sfu {
            text-align: left;
        }

        .dd7ss-sfu img {
            width: 55%;
        }

        .f1-cnt008-s {
            width: 80%;
            margin: 0 auto;
            padding: 50px 0 20px 0;
            color: #333;
            text-align: center;
        }

        .f1-cnt008-s h5 {
            margin-bottom: 10px;
            line-height: 50px;
            font-size: 23px;
        }

        .f1-cnt008-s p {
            line-height: 25px;
            font-size: 13px;
        }

        .dd700-s {
            text-align: center;
        }

        .dd700-s img {
            width: 70%;
        }

        .dd700-s223 {
            text-align: right;
            position: relative;
            margin-top: -20px;
        }

        .dnlm02 {
            display: inline-block;
            width: 100%;
            position: relative;
            height: 100%;
            background-image: url("../images/dnlm02.png");
            background-size: 100% 100%;
            left: 0;
            top: 0;
        }

        .dnlm02 em {
            color: #ffffff;
            position: absolute;
            left: -80%;
            bottom: 40%;
            font-size: 12px;
        }

        .dnlm04 li {
            display: none;
            height: 10%;
            width: 5%;
        }

        .dnlm04 li.on {
            display: block;
        }

        .dn1 {
            position: absolute;
            bottom: 42%;
            left: 0.8%;
        }

        .dn2 {
            bottom: 74%;
            left: 20%;
            position: absolute;
        }

        .dn3 {
            bottom: 86.8%;
            left: 37%;
            position: absolute;
        }

        .dn4 {
            bottom: 93%;
            left: 54%;
            position: absolute;
        }

        .rebox {
            width: 85%;
            display: inline-block;
            position: relative;
        }

        .dd700-s223 img {
            width: 100%;
        }

        .dnlm03 {
            position: absolute;
            color: #ffffff;
            left: -3%;
            bottom: 13%;
            font-size: 13px;
        }

        .dnlm03 li {
            display: none;
        }

        .dnlm03 li.on {
            display: block;
        }

        .f1-cnt001-xg {
            width: 70%;
            float: left;
            padding: 20px 0;
            margin-left: 5%;
            color: #333;
            text-align: center;
        }

        .f1-cnt001-xg h5 {
            margin-bottom: 10px;
            line-height: 50px;
            font-size: 23px;
        }

        .f1-cnt001-xg p {
            line-height: 25px;
            font-size: 13px;
        }

        .f1-cnt001-xg2 {
            width: 70%;
            float: left;
            padding: 20px 0;
            margin-left: 5%;
            color: #333;
            text-align: center;
        }

        .f1-cnt001-xg2 h5 {
            margin-bottom: 10px;
            line-height: 50px;
            font-size: 23px;
        }

        .f1-cnt001-xg2 p {
            line-height: 25px;
            font-size: 13px;
        }
    }

    @media screen and (min-width:768px) {
        .dnlm03 {
            position: absolute;
            left: -2%;
            font-size: 24px;
        }

        .dnlm02 em {
            font-size: 18px;
        }

        .f1-cnt-s5 {
            width: 60%;
            padding: 80px 0;
        }

        .f1-cnt-s5 h5 {
            margin-bottom: 20px;
            line-height: 70px;
            font-size: 35px;
        }

        .f1-cnt-s5 p {
            line-height: 35px;
            font-size: 14px;
        }

        .dd00-s {
            height: 55%;
            left: 46%;
            position: absolute;
            top: 37%;
        }

        .ddss-s5 {
            text-align: left;
            padding-top: 20px;
        }

        .dd7ss-s5 {
            text-align: center;
            padding-top: 20px;
        }

        .f1-cnt008-s {
            width: 50%;
            padding: 350px 0 100px 0;
        }

        .f1-cnt008-s h5 {
            margin-bottom: 20px;
            line-height: 70px;
            font-size: 35px;
        }

        .f1-cnt008-s p {
            line-height: 35px;
            font-size: 14px;
        }

        .dd700-s img {
            width: 60%;
        }

        .dd00-s2 {
            padding-bottom: 50px;
        }

        .dd00-s2 img {
            width: 65%;
        }

        .dd00-s2 .dnlm01 {
            width: 90%;
        }

        .f1-cnt002-s5 {
            padding-top: 80px;
        }

        .f1-cnt002-s5 h5 {
            margin-bottom: 20px;
            line-height: 70px;
            font-size: 35px;
        }

        .f1-cnt002-s5 p {
            line-height: 35px;
            font-size: 14px;
        }

        .dd700-s223 {
            margin-top: -80px;
        }

        .f1-cnt001-xg {
            width: 50%;
            ;
            padding: 100px 0 250px 0;
        }

        .f1-cnt001-xg h5 {
            margin-bottom: 20px;
            line-height: 70px;
            font-size: 35px;
        }

        .f1-cnt001-xg p {
            line-height: 35px;
            font-size: 14px;
        }

        .f1-cnt001-xg2 {
            width: 50%;
            ;
            padding: 175px 0 175px 0;
        }

        .f1-cnt001-xg2 h5 {
            margin-bottom: 20px;
            line-height: 70px;
            font-size: 35px;
        }

        .f1-cnt001-xg2 p {
            line-height: 35px;
            font-size: 14px;
        }
    }

    @media screen and (min-width:1200px) {
        .f1-cnt-s5 {
            width: 600px;
            margin-right: 10%;
            padding: 350px 0 350px 0;
        }

        .f1-cnt-s5 h5 {
            margin-bottom: 25px;
            line-height: 80px;
            font-size: 48px;
        }

        .f1-cnt-s5 p {
            font-size: 18px;
        }

        .dd00-s {
            height: 62%;
            left: 46%;
            position: absolute;
            top: 37%;
        }

        .ddss-s5 {
            text-align: left;
            padding-top: 40px;
        }

        .dd7ss-s5 {
            text-align: center;
            padding-top: 40px;
        }

        .f1-cnt008-s {
            margin-right: 15%;
            padding: 700px 0 100px 0;
        }

        .f1-cnt008-s h5 {
            margin-bottom: 25px;
            line-height: 80px;
            font-size: 48px;
        }

        .f1-cnt008-s p {
            font-size: 18px;
        }

        .dd700-s img {
            width: 50%;
        }

        .f1-cnt002-s5 {
            padding-top: 100px;
        }

        .f1-cnt002-s5 h5 {
            margin-bottom: 25px;
            line-height: 80px;
            font-size: 48px;
        }

        .f1-cnt002-s5 p {
            font-size: 18px;
        }

        .f1-cnt001-xg {
            width: 50%;
            ;
            padding: 180px 0 550px 0;
        }

        .f1-cnt001-xg h5 {
            margin-bottom: 25px;
            line-height: 80px;
            font-size: 48px;
        }

        .f1-cnt001-xg p {
            font-size: 18px;
        }

        .f1-cnt001-xg2 {
            width: 50%;
            ;
            padding: 350px 0 350px 0;
        }

        .f1-cnt001-xg2 h5 {
            margin-bottom: 25px;
            line-height: 80px;
            font-size: 48px;
        }

        .f1-cnt001-xg2 p {
            font-size: 18px;
        }
    }

    @media screen and (min-width:0px) {
        .pjs-btns .b {
            z-index: 1;
        }

        .pjs-btns .b b {
            display: block;
            position: relative;
            z-index: 1;
        }

        .proewm {
            text-align: center;
            right: -10px;
            display: none;
            top: 115%;
            position: absolute;
            width: 209px;
            height: 310px;
            background-image: url("../images/ewmb.png");
            background-size: 100% 100%;
        }

        .proewm h5 {
            width: 166px;
            padding-top: 12px;
            margin: 0 auto;
            line-height: 40px;
            height: 40px;
            font-size: 14px;
            color: #333333;
        }

        .proewm h6 {
            width: 166px;
            padding-top: 6px;
            margin: 0 auto;
            line-height: 20px;
            height: 40px;
            font-size: 14px;
            color: #333333;
        }

        .proewm.show {
            display: block
        }

        .proewm h5 span {
            float: right;
            color: #ff9803;
        }

        .proewm h5 em {
            float: left;
            color: #666666;
        }

        .proewm p {
            line-height: 18px;
            font-size: 14px;
            color: #666666;
            padding: 5px 0;
        }
    }

    @media screen and (min-width:0px) {
        .team {
            padding-top: 10px;
            padding-bottom: 20px;
        }

        .team li {
            padding: 20px 10px;
            text-align: center;
            color: #333333;
            background: #ffffff;
        }

        .team-img img {
            width: 70%;
        }

        .team-cnt h4 {
            padding-top: 10px;
            line-height: 28px;
            font-size: 15px;
        }

        .team-cnt h5 {
            line-height: 28px;
            font-size: 14px;
        }

        .team-cnt p {
            text-align: left;
            font-size: 13px;
            color: #666666;
            line-height: 24px;
        }
    }

    @media screen and (min-width:768px) {
        .team {
            padding-top: 20px;
            padding-bottom: 40px;
        }

        .team li {
            text-align: left;
            padding: 20px 20px 50px 20px;
        }

        .team li:nth-child(1n) .team-img {
            float: left;
        }

        .team li:nth-child(2n) .team-img {
            float: right;
            text-align: right;
        }

        .team li:nth-child(1n) .team-cnt {
            float: right;
        }

        .team li:nth-child(2n) .team-cnt {
            float: left;
        }

        .team-cnt {
            width: 66%;
        }

        .team-img {
            width: 33%;
        }

        .team-img img {
            width: 80%;
        }

        .team-cnt h4 {
            padding-top: 10px;
            line-height: 38px;
            font-size: 16px;
        }

        .team-cnt h5 {
            line-height: 38px;
            padding-bottom: 10px;
            font-size: 15px;
        }

        .team-cnt p {
            text-align: left;
            font-size: 14px;
            line-height: 28px;
        }
    }

    @media screen and (min-width:1200px) {
        .team {
            padding-top: 30px;
            padding-bottom: 80px;
        }

        .team li {
            padding: 50px 19% 50px 19%;
        }

        .team li:nth-child(1n) .team-cnt {
            float: right;
        }

        .team li:nth-child(2n) .team-cnt {
            float: left;
        }

        .team-cnt {
            width: 66%;
        }

        .team-img {
            width: 33%;
        }

        .team-img img {
            width: 80%;
        }

        .team-cnt h4 {
            padding-top: 10px;
            line-height: 43px;
            font-size: 26px;
        }

        .team-cnt h5 {
            line-height: 51px;
            padding-bottom: 10px;
            font-size: 18px;
        }

        .team-cnt p {
            text-align: left;
            font-size: 14px;
            line-height: 31px;
        }
    }

    @media screen and (min-width:1200px) {
        .team {
            padding-top: 30px;
            padding-bottom: 80px;
        }

        .team li {
            padding: 50px 19% 50px 19%;
        }

        .team li:nth-child(1n) .team-cnt {
            float: right;
        }

        .team li:nth-child(2n) .team-cnt {
            float: left;
        }

        .team-cnt {
            width: 66%;
        }

        .team-img {
            width: 33%;
        }

        .team-img img {
            width: 80%;
        }

        .team-cnt h4 {
            padding-top: 10px;
            line-height: 43px;
            font-size: 26px;
        }

        .team-cnt h5 {
            line-height: 51px;
            padding-bottom: 10px;
            font-size: 18px;
        }

        .team-cnt p {
            text-align: left;
            font-size: 14px;
            line-height: 31px;
        }
    }

    @media screen and (min-width:0px) {
        .act {
            max-width: 856px;
            background: #ffffff;
            padding: 10px;
            margin: 0 auto;
            padding-bottom: 30px;
        }

        .act-h {
            color: #333333;
            font-size: 20px;
            text-align: center;
            line-height: 80px;
        }

        .act-txt {
            border: 1px solid #e0e0e0;
            height: 30px;
            font-size: 12px;
            padding: 0 10px;
            float: left;
            margin-bottom: 10px;
            line-height: 30px;
            box-sizing: border-box
        }

        .act-w1 {
            width: 100%;
        }

        .act-w2 {
            width: 60%;
        }

        .act-img {
            width: 40%;
            text-align: center;
            height: 30px;
            float: right;
        }

        .act-img img {
            height: 100%;
        }

        .act-btn {
            width: 100%;
            background: #ff9803;
            height: 40px;
            color: #ffffff;
            font-size: 14px;
            display: block;
            text-align: center;
            line-height: 40px;
            border: none;
            margin-top: 10px;
        }

        .act-o h5 {
            line-height: 80px;
            height: 80px;
            background: url("../images/bgp25.png") repeat-x center;
            color: #999999;
            text-align: center;
            font-size: 13px;
        }

        .act-o span {
            display: inline-block;
            background: #ffffff;
            padding: 0 5px;
        }

        .act-for {
            text-align: center;
            padding-top: 20px;
            color: #666666;
            font-size: 13px;
        }

        .act-for a {
            color: #666666;
        }

        .act-for span {
            margin: 0 5px;
        }

        .act-tip {
            line-height: 20px;
            padding-top: 10px;
            font-size: 12px;
            color: #999999;
            text-align: center;
        }

        .act-tip a {
            color: #ff9803;
        }

        .act-tip2 {
            text-align: center;
            line-height: 30px;
            font-size: 13px;
            padding: 10px 0;
            color: #666666;
        }

        .act-tip2 i {
            display: inline-block;
            width: 70px;
            height: 70px;
            background-image: url("../images/bgp26.png");
            background-size: 100% 100%;
        }
    }

    @media screen and (min-width:768px) {
        .act {
            padding: 10px 150px;
            box-sizing: border-box;
            margin: 40px auto;
            padding-bottom: 30px;
        }

        .act .contacyway {
            float: none
        }

        .act .contacyway li {
            margin: 0 30px;
        }

        .act-h {
            font-size: 30px;
            line-height: 100px;
        }

        .act-txt {
            float: left;
            height: 45px;
            margin-bottom: 15px;
            line-height: 45px;
        }

        .act-img {
            height: 45px;
        }

        .act-btn {
            height: 50px;
            line-height: 50px;
            font-size: 16px;
            margin-top: 20px;
        }

        .act-o h5 {
            font-size: 14px;
        }

        .act-o span {
            padding: 0 10px;
        }

        .act-for {
            padding-top: 40px;
            font-size: 14px;
        }

        .act-for span {
            margin: 0 10px;
        }

        .act-tip {
            line-height: 30px;
            padding-top: 20px;
            font-size: 12px;
        }

        .act-tip2 {
            line-height: 40px;
            font-size: 14px;
            padding: 20px 0;
        }

        .act-tip2 i {
            width: 85px;
            height: 85px;
        }
    }

    @media screen and (min-width:1200px) {
        .act {
            margin: 100px auto;
            padding: 20px 240px;
            padding-bottom: 50px;
        }

        .act img {
            margin-right: 10px;
        }
    }

    @media screen and (min-width:0px) {
        .banner1 {
            display: none;
        }
    }

    @media screen and (min-width:768px) {
        .banner1 {
            display: block;
        }

        .banner2 {
            display: none;
        }
    }

    @media screen and (min-width:1200px) {
        #a2 {
            right: 43%;
            top: 37%;
        }
    }

    @media screen and (min-width:768px) {
        #a2 {
            right: 43%;
            top: 37%;
        }

        #a2 img {
            width: 50%;
        }
    }

    @media screen and (min-width:0px) {
        #a2 {
            right: 45%;
            top: 37%;
            text-align: center;
        }

        #a2 img {
            width: 50%;
        }
    }

    .youqing a {
        text-align: center;
        color: #333;
        line-height: 25px;
        font-size: 12px;
    }

    @media screen and (min-width:0px) {
        .f1-cnt.hehe {
            margin: 0 auto;
            color: #333333;
        }
    }

    @media screen and (min-width:768px) {
        .f1-cnt.hehe {
            left: 5%;
            padding: 0;
            top: 85%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            position: absolute;
            color: #ffffff;
        }

        .f1-cnt.hehe.hehe2 {
            right: 5%;
            left: auto;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .f1-cnt.hehe.hehe3 {
            left: 5%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .f1-cnt.hehe.hehe4 {
            left: 50%;
            -webkit-transform: translateY(-80%);
            transform: translateY(-80%);
        }

        .f1-cnt.hehe.hehe5 {
            left: 5%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .f1-cnt.hehe.hehe005 {
            right: 5%;
            left: auto;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .f1-cnt.hehe.hehe6 {
            width: 900px;
            color: #333333;
            left: 50%;
            ;
            -webkit-transform: translate3d(-50%, 50%, 0);
            transform: translate3d(-50%, 50%, 0);
        }

        .f1-cnt.hehe.hehe01 {
            left: 20%;
            ;
            -webkit-transform: translate3d(0, -110%, 0);
            transform: translate3d(0, -110%, 0);
        }

        .f1-cnt.hehe.hehe02 {
            width: 1000px;
            text-align: left;
            left: 5%;
            ;
            -webkit-transform: translate3d(0, 120%, 0);
            transform: translate3d(0, 120%, 0);
        }

        .f1-cnt.hehe.hehe088 {
            width: 500px;
            text-align: left;
            left: 5%;
            ;
            -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
        }

        .f1-cnt.hehe h5 {
            font-size: 30px;
            line-height: 40px;
            margin-bottom: 10px;
        }

        .f1-cnt.hehe p {
            font-size: 14px;
            line-height: 25px;
            margin-bottom: 10px;
            margin-top: 10px;
        }
    }

    @media screen and (max-width:767px) {
        .black1 {
            margin-top: 99px
        }

        .f1-cnt.hehe.hehe4 {
            position: absolute;
            left: 0;
            right: 0
        }
    }

    @media screen and (max-width:366px) {
        .black1 {
            margin-top: 139px
        }
    }

    @media screen and (min-width:1200px) {
        .f1-cnt.hehe.hehe02 {
            top: auto;
            bottom: 10%;
            left: 5%;
            ;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

        .f1-cnt.hehe {
            left: 10%;
            padding: 0;
            top: 102%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            position: absolute;
            color: #ffffff;
        }

        .f1-cnt.hehe h5 {
            font-size: 56px;
            line-height: 60px;
            margin-bottom: 50px;
        }

        .f1-cnt.hehe p {
            font-size: 20px;
            line-height: 35px;
            margin-bottom: 20px;
            margin-top: 20px;
        }

        .f1-cnt.hehe.hehe2 {
            width: 1000px;
            right: 5%;
            left: auto;
            -webkit-transform: translateY(10%);
            transform: translateY(10%);
        }

        .f1-cnt.hehe.hehe3 {
            width: 700px;
            left: 8%;
            -webkit-transform: translateY(-40%);
            transform: translateY(-40%);
        }

        .f1-cnt.hehe.hehe4 {
            left: 50%;
            -webkit-transform: translateY(-120%);
            transform: translateY(-120%);
        }

        .f1-cnt.hehe.hehe5 {
            width: 800px;
            left: 20%;
            top: 40%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .f1-cnt.hehe.hehe005 {
            width: 800px;
            right: 10%;
            left: auto;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .f1-cnt.hehe.hehe6 {
            -webkit-transform: translate3d(-50%, 60%, 0);
            transform: translate3d(-50%, 60%, 0);
        }
    }

    @media screen and (min-width:0px) {
        .que {
            padding: 1px 10px;
        }

        .quet1 {
            margin: 20px 0 10px 0;
            line-height: 20px;
            font-weight: bold;
            font-size: 13px;
        }

        .que-radio {
            padding-left: 10px;
            font-size: 12px;
            color: #333333;
            line-height: 30px;
        }

        .que-tip {
            line-height: 20px;
            margin-bottom: 10px;
            color: #666666;
            font-size: 13px;
        }

        .que-ser {
            color: #ff9803;
        }

        .que-tex {
            width: 100%;
            line-height: 20px;
            background: #f7f7f7;
            border: none;
            padding: 10px;
            box-sizing: border-box
        }

        .que-btn {
            background: #ff9803;
            height: 40px;
            color: #ffffff;
            font-size: 13px;
            width: 100%;
            border: none;
        }
    }

    @media screen and (min-width:768px) {
        .que {
            padding: 1px 20px;
        }

        .quet1 {
            margin: 30px 0 10px 0;
            line-height: 30px;
            font-size: 14px;
        }

        .que-radio {
            font-size: 13px;
            float: left;
            width: 25%;
            box-sizing: border-box;
            line-height: 40px;
        }

        .que-tip {
            line-height: 30px;
            margin-bottom: 10px;
            font-size: 14px;
        }

        .que-tex {
            line-height: 25px;
        }

        .que-btn {
            height: 50px;
            font-size: 14px;
        }
    }

    @media screen and (min-width:1200px) {
        .que {
            padding: 1px 75px;
        }

        .que .ewm-select {
            float: none;
            width: 100%;
        }

        .quet1 {
            margin: 40px 0 10px 0;
        }

        .que-radio {
            line-height: 50px;
        }

        .que-btn {
            float: right;
            width: 326px;
            height: 68px;
            margin-top: -50px;
            font-size: 15px;
        }
    }

    @media screen and (min-width:0px) {
        .ej {
            padding: 30px 0;
        }

        .ej-wrap1 {
            text-align: center;
        }

        .ej li {
            padding-bottom: 30px;
        }

        .ej-h1 {
            line-height: 42px;
            font-size: 23px;
            color: #333333;
        }

        .ej-p1 {
            padding-bottom: 10px;
            line-height: 32px;
            font-size: 20px;
            color: #333333;
        }

        .ej-link {
            position: relative;
            display: inline-block;
            padding-right: 20px;
            margin: 0 20px;
            background-image: url("../images/bgp2.png");
            background-position: right center;
            background-repeat: no-repeat;
            color: #333333;
            font-size: 13px;
        }

        .ej-img {
            padding-top: 10px;
        }

        .ej-img img {
            width: 100%;
        }
    }

    @media screen and (min-width:768px) {
        .ej-l {
            float: left;
        }

        .ej-r {
            float: right;
        }

        .ej-33 {
            width: 33%;
        }

        .ej-66 {
            width: 66%;
        }

        .ej-50 {
            width: 50%;
        }

        .ej {
            padding: 60px 0;
        }

        .ej li {
            padding-bottom: 60px;
        }

        .ej-h1 {
            line-height: 52px;
            font-size: 32px;
        }

        .ej-p1 {
            padding-bottom: 20px;
            line-height: 35px;
            font-size: 28px;
        }

        .ej-link {
            margin: 0 20px;
            background-image: url("../images/bgp2.png");
            background-position: right center;
            background-repeat: no-repeat;
            font-size: 14px;
        }

        .ej-img {
            padding-top: 0;
        }

        .ej-1 {
            margin-top: 10%;
        }

        .ej-3 {
            margin-top: 10%;
        }

        .ej-5 {
            margin-top: 8%;
        }
    }

    @media screen and (min-width:1200px) {
        .ej {
            padding: 100px 0;
        }

        .ej li {
            padding-bottom: 100px;
        }

        .ej-h1 {
            line-height: 92px;
            font-size: 48px;
        }

        .ej-p1 {
            padding-bottom: 30px;
            line-height: 60px;
            font-size: 40px;
        }
    }

    @media screen and (min-width:0px) {
        .your-class a {
            background: #f9f9f9;
            display: block;
            text-align: center;
            line-height: 20px;
            color: #666666;
            font-size: 12px;
        }

        .your-class a:hover {
            color: #ff9803;
        }

        .your-class img {
            display: inline-block;
            width: 80%;
        }
    }

    @media screen and (min-width:768px) {
        .your-class a {
            line-height: 30px;
            font-size: 14px;
        }
    }

    @media screen and (min-width:1200px) {
        .your-class {
            display: none;
        }
    }

    @media screen and (min-width:0px) {
        .app-ban {
            position: relative;
            height: 400px;
        }

        .h51 {
            font-size: 15px;
            font-weight: bold;
            margin-top: 30px;
            margin-bottom: 20px;
        }

        .app-ban-pop {
            position: absolute;
            padding: 0 10px;
            color: #ffffff;
            text-align: center;
            left: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 0;
        }

        .app-ban-pop h4 {
            line-height: 30px;
            font-size: 23px;
        }

        .app-ban-pop p {
            margin: 10px 0;
            line-height: 20px;
            font-size: 15px;
        }

        .app-ban-pop p em {
            color: #ff3f3f;
        }

        .app-ban-pop .aa {
            border-radius: 2px;
            width: 115px;
            margin: 0 10px;
            position: relative;
            color: #ffffff;
            font-size: 14px;
            height: 25px;
            line-height: 25px;
            display: inline-block;
        }

        .app-ban-pop .aa1 {
            background: url("../images/appbg1.png");
        }

        .app-ban-pop .aa2 {
            background: url("../images/appbg1.png");
        }

        .app-ban-pop .aa3 {
            background: url("../images/appbg2.png");
        }

        .app-ban-pop .aa em {
            padding-left: 15px;
            background-position: left center;
            background-repeat: no-repeat;
            display: inline-block;
            background-size: auto 15px
        }

        .app-ban-pop .aa1 em {
            background-image: url("../images/bgp28.png");
        }

        .app-ban-pop .aa2 em {
            background-image: url("../images/y09.png");
        }

        .app-ban-pop .aa3 em {
            background-image: url("../images/y10.png");
        }

        .app-ban2 {
            text-align: center;
            padding-bottom: 20px;
        }

        .app-ban2 img {
            width: 60%;
        }

        .apps-l {
            padding: 10px 0;
            text-align: center;
        }

        .apps-l img {
            width: 60%;
        }

        .apps-r {
            padding: 20px;
            background: url("../images/app02.png") center bottom no-repeat;
            background-size: cover
        }

        .apps-h {
            font-size: 23px;
            line-height: 30px;
        }

        .apps-h1 {
            color: #ffffff;
        }

        .apps-list {
            padding: 10px 0;
        }

        .apps-list li {
            float: left;
            width: 33.33%;
            padding: 10px;
            box-sizing: border-box;
            color: #ffffff;
            text-align: center;
            font-size: 12px;
            line-height: 15px;
        }

        .apps-list li img {
            height: 39px;
            margin-bottom: 10px;
        }

        .apps {
            padding-bottom: 20px;
        }

        .apps-list li.spe {
            color: #666666;
        }

        .apps-h2 {
            color: #1d2328;
        }

        .apps-h2 em {
            color: #1accfa;
        }

        .apps-l2 {
            text-align: right
        }

        .apps-l2 img {
            width: 70%;
        }

        .apps-r2 {
            padding: 20px 20px 50px 20px;
            background: url("../images/app17.png") center bottom no-repeat;
            background-size: 100% auto
        }

        .apps-r3 {
            padding: 20px;
            background: url("../images/app13.png") center bottom no-repeat;
            background-size: 90% auto
        }

        .apps-l3 {
            text-align: center
        }

        .apps-l3 img {
            width: 60%;
        }

        .apps-list li.spe2 {
            color: #666666;
            text-align: left;
            width: 100%;
            float: none
        }

        .apps-list li.spe2 img {
            height: auto;
            width: 22px;
            vertical-align: middle;
            margin: 0;
            margin-right: 10px;
            color: #666666;
        }
    }

    @media screen and (min-width:768px) {
        .app-ban {
            height: 650px;
        }

        .h51 {
            font-size: 18px;
            margin-top: 40px;
            margin-bottom: 30px;
        }

        .app-ban-pop {
            padding: 0 20px;
        }

        .app-ban-pop h4 {
            line-height: 100px;
            font-size: 80px;
        }

        .app-ban-pop p {
            margin: 20px 0;
            line-height: 40px;
            font-size: 23px;
        }

        .app-ban-pop .aa {
            width: 160px;
            margin: 0 30px;
            font-size: 20px;
            height: 45px;
            line-height: 45px;
        }

        .app-ban-pop .aa em {
            padding-left: 35px;
            display: inline-block;
            background-size: auto 25px
        }

        .app-ban2 {
            padding-bottom: 40px;
        }

        .app-ban2 img {
            width: 469px;
        }

        .apps {
            position: relative;
            margin-bottom: 50px;
        }

        .apps-l {
            padding: 0;
            right: 58%;
            width: 350px;
            bottom: -5px;
            position: absolute;
        }

        .apps-l img {
            width: 100%;
        }

        .apps-r {
            padding: 140px 0 80px 50%;
            background: url("../images/app02.png") center bottom no-repeat;
            background-size: cover
        }

        .apps-h {
            font-size: 40px;
            line-height: 50px;
        }

        .apps-list {
            padding: 30px 0 0 0;
            margin-left: -10px;
        }

        .apps-list li {
            width: 110px;
            font-size: 14px;
            line-height: 20px;
        }

        .apps-list li img {
            height: 39px;
            margin-bottom: 15px;
        }

        .apps-l2 {
            position: absolute;
            right: -1%;
            width: 40%;
            top: 0;
        }

        .apps-l2 img {
            width: 100%;
        }

        .apps-r2 {
            float: right;
            padding: 80px 50% 200px 0;
            background: none;
        }

        .apps-2 {
            background: url("../images/app17.png") center bottom no-repeat;
            background-size: 100% auto
        }

        .apps-r3 {
            padding: 80px 0 160px 50%;
        }

        .apps-l3 {
            position: absolute;
            width: 400px;
            right: 50%;
            top: 0;
        }

        .apps-l3 img {
            width: 100%;
        }
    }

    @media screen and (min-width:1200px) {
        .app-ban {
            height: 900px;
        }

        .h51 {
            font-size: 28px;
            margin-top: 95px;
            margin-bottom: 20px;
        }

        .app-ban-pop {
            padding: 0;
        }

        .app-ban-pop {
            -webkit-transform: translateY(-110%);
            transform: translateY(-110%);
        }

        .app-ban-pop h4 {
            font-size: 90px;
        }

        .app-ban-pop p {
            margin: 20px 0;
            font-size: 36px;
        }

        .app-ban-pop .aa {
            width: 300px;
            margin: 0 30px;
            font-size: 30px;
            height: 85px;
            line-height: 85px;
        }

        .app-ban-pop .aa em {
            padding-left: 55px;
            display: inline-block;
            background-size: auto 40px
        }

        .app-ban2 {
            padding-bottom: 80px;
        }

        .app-ban2 img {
            width: 569px;
        }

        .apps {
            margin-bottom: 110px;
        }

        .apps-l {
            padding: 0;
            right: 58%;
            width: 550px;
            bottom: -20px;
            position: absolute;
        }

        .apps-r {
            padding: 200px 0 126px 50%;
        }

        .apps-h {
            font-size: 72px;
            line-height: 93px;
        }

        .apps-list {
            padding: 50px 0 0 0;
            margin-left: -10px;
        }

        .apps-list li {
            font-size: 20px;
            width: 180px;
            line-height: 30px;
            margin-right: 45px;
        }

        .apps-list li img {
            height: 39px;
            margin-bottom: 15px;
        }

        .apps-l2 {
            position: absolute;
            right: -1%;
            width: 40%;
            top: -5%;
        }

        .apps-l2 img {
            width: 100%;
        }

        .apps-r2 {
            float: right;
            padding: 151px 40% 356px 0;
            background: none;
        }

        .apps-2 {
            background: url("../images/app17.png") center bottom no-repeat;
            background-size: 100% auto
        }

        .apps-list li.spe {
            width: 240px;
        }

        .apps-r3 {
            padding: 110px 0 229px 50%;
        }

        .apps-l3 {
            position: absolute;
            width: 668px;
            right: 50%;
            top: -15%;
        }

        .apps-list li.spe2 {
            line-height: 30px;
        }

        .apps-list li.spe2 img {
            margin-right: 20px;
        }
    }

    @media screen and (min-width:0px) {
        .wxo001 {
            display: none;
        }

        .wxo002 {
            width: 300px;
            height: auto;
        }
    }

    @media screen and (min-width:768px) {
        .wxo002 {
            width: 400px;
            height: auto;
            margin-left: 56%;
        }
    }

    @media screen and (min-width:1200px) {
        .wxo001 {
            display: inline-block;
            margin-left: 42%;
        }

        .wxo002 {
            display: none;
        }
    }

    .infos3 {
        text-align: center;
    }

    .infos3 .f12 {
        text-align: center;
    }

    /*4.19*/
    .pk-ban-pop {
        padding-top: 4%;
        box-sizing: border-box;
        text-align: center;
        width: 76%;
        height: 95%;
        margin-left: 14%;
    }

    .pk-ban-pop h4 {
        font-size: 90px;
        color: #fff;
        line-height: 1;
    }

    .pk-ban-pop p {
        font-size: 36px;
        color: #fff;
        line-height: 1;
        margin: 24px 0;
    }

    .pk-logo {
        width: 12%;
        display: block;
        margin: 0 auto 28px;
    }

    .pk-logo img {
        width: 100%;
    }

    .pk-ban-pop .pk-wrap {
        height: 50%;
        margin: 0 auto;
        width: 100%;
    }

    .pk-inner1 {
        margin-right: 12%;
        height: 100%;
        width: 44%;
    }

    .pk-inner1 p {
        text-align: right;
        font-size: 24px;
    }

    .pk-inner1 .pk-p1 {
        font-size: 40px;
        color: white;
    }

    .pk-inner1 .pk-p1 span {
        color: #19ccf9
    }

    .pk-inner1 .dlx {
        margin-top: 10%;
        width: 100%;
    }

    .pk-inner1 img {
        width: 100%;
    }

    .pk-inner1 .dlx .ddx {
        width: 49%;
        margin-right: 5%;
    }

    .pk-inner1 .dlx .dt1x {
        width: 46%;
        margin-bottom: 4.9%;
    }

    .pk-inner1 .dlx .dt2x {
        width: 46%;
    }

    .pk-inner1 .dtx {
        overflow: hidden;
    }

    .pk-inner2 {
        height: 100%;
        width: 44%;
    }

    .pk-inner2 p {
        text-align: left;
        font-size: 24px;
    }

    .pk-inner2 .pk-p1 {
        font-size: 40px;
        color: white;
    }

    .pk-inner2 .pk-p1 span {
        color: #19ccf9
    }

    .pk-inner2 .dlx {
        margin-top: 10%;
        width: 100%;
    }

    .pk-inner2 img {
        width: 100%;
    }

    .pk-inner2 .dlx .ddx {
        width: 28%;
        margin-right: 5%;
    }

    .pk-inner2 .dlx .dt1x {
        width: 46%;
        margin-bottom: 4.9%;
    }

    .pk-inner2 .dlx .dt2x {
        width: 46%;
    }

    .pk-inner2 .dtx {
        overflow: hidden;
    }

    .pk-span {
        width: 133px;
        height: 100%;
        display: inline-block;
    }

    .phone1 {
        background: url(../images/pk-bg1.jpg) no-repeat;
        background-size: cover;
        max-width: 750px;
        padding-top: 48px;
        padding-bottom: 30px;
        display: none;
    }

    .phone1 h4 {
        font-size: 32px;
        color: #fff;
        line-height: 1.3;
        text-align: center;
    }

    .phone1 h4 span {
        font-weight: bold;
    }

    .phone1 p {
        font-size: 20px;
        text-align: center;
        color: #fff;
        margin-bottom: 30px;
    }

    .phone1 div {
        width: 100%;
    }

    .phone1 .dt {
        margin-left: 21%;
        margin-right: 5.3%;
        width: 17.5%;
    }

    .phone1 .dt img {
        width: 100%;
    }

    .phone1 .d1 {
        width: 35%;
        margin-bottom: 4%;
    }

    .phone1 .d2 {
        width: 35%;
    }

    .phone1 .d1 img {
        width: 100%;
    }

    .phone1 .d2 img {
        width: 100%;
    }

    .phone2 {
        background: url(../images/pk-bg4.jpg) no-repeat;
        background-size: cover;
        max-width: 750px;
        padding-top: 48px;
        padding-bottom: 30px;
        display: none;
    }

    .phone2 h4 {
        font-size: 32px;
        color: #000;
        line-height: 1.3;
        text-align: center;
    }

    .phone2 h4 span {
        font-weight: bold;
    }

    .phone2 p {
        font-size: 20px;
        text-align: center;
        color: #000;
        margin-bottom: 30px;
    }

    .phone2 div {
        width: 100%;
    }

    .phone2 .dt {
        margin-left: 12%;
        margin-right: 5.3%;
        width: 34%;
    }

    .phone2 .dt img {
        width: 100%;
    }

    .phone2 .d1 {
        width: 35%;
        margin-bottom: 4%;
    }

    .phone2 .d2 {
        width: 35%;
    }

    .phone2 .d1 img {
        width: 100%;
    }

    .phone2 .d2 img {
        width: 100%;
    }

    @media screen and (max-width:1200px) {
        .pk-inner1 p {
            text-align: right;
            font-size: 18px;
        }

        .pk-inner1 .pk-p1 {
            font-size: 24px;
            color: white;
        }

        .pk-inner2 p {
            text-align: left;
            font-size: 18px;
        }

        .pk-inner2 .pk-p1 {
            font-size: 24px;
            color: white;
        }
    }

    .pk-logox {
        background: url(../images/p1.png) no-repeat;
        width: 160px;
        height: 160px;
        margin: 0 auto 28px;
        display: none;
    }

    @media screen and (max-width:766px) {
        .pk-ban-pop {
            padding-top: 60px;
        }

        .pk-ban-pop h4 {
            font-size: 50px;
        }

        .pk-ban-pop p {
            margin: 22px 0;
            font-size: 24px;
        }

        .phone1 {
            display: block;
        }

        .phone2 {
            display: block;
        }

        .pk-ban-pop .pk-wrap {
            display: none;
        }

        .pk-logo {
            display: none;
        }

        .pk-logox {
            display: block;
        }
    }

    .hidebody body,
    .hidebody {
        width: 100% !important;
        overflow: hidden !important;
        height: 100% !important;
    }

    @media screen and (min-width:0px) {
        .bc01 {
            padding: 40px 10px;
            text-align: center;
        }

        .bc h5 {
            font-size: 25px;
            line-height: 35px;
        }

        .bc p {
            padding-top: 15px;
            font-size: 15px;
            line-height: 25px;
        }

        .bc01-img {
            margin-top: 20px;
            width: 90%;
        }

        .bc01-img2 {
            margin-top: 20px;
            width: 90%;
        }

        .i8pr3 {
            margin-top: 20px;
            width: 70%;
        }

        .bc01-img3 {
            width: 100%;
        }

        .bc01-img4 {
            margin-top: 20px;
            width: 80%;
        }

        .bc01-img5 {
            width: 100%;
        }

        .i8pr2 {
            margin-bottom: 10px;
            width: 80%;
        }

        .i8pr,
        .bc01-img6 {
            width: 100%;
        }

        .bc01-box {
            padding-top: 80px;
            margin-top: 30px;
            position: relative;
        }

        .bc01-sm {
            position: absolute;
            font-size: 15px;
            z-index: 1;
            left: 0;
            top: 0;
            text-align: left;
            line-height: 20px;
        }

        .bc01-img7 {
            width: 100%;
        }

        .bc02 {
            padding: 30px 10px;
        }

        .bc03-img2,
        .bc03-img1 {
            width: 90%;
        }

        .bc03-box3 {
            padding: 40px 0;
        }

        .bc03-sm {
            font-size: 15px;
            display: block;
            padding: 10px;
            line-height: 25px;
        }

        .bc03 {
            padding: 30px 10px;
        }

        .bc03 h5 em {
            font-size: 20px;
        }

        .bc03-box2 {
            text-align: center;
        }

        .bc04-img1 {
            margin-bottom: 10px;
        }

        .bc04 {
            padding: 40px 10px;
            padding-bottom: 0;
        }

        .bc04-img2 {
            width: 90%;
        }
    }

    @media screen and (min-width:768px) {
        .bc01 {
            padding: 100px 40px;
        }

        .bc h5 {
            font-size: 35px;
            line-height: 55px;
        }

        .bc p {
            padding-top: 20px;
            font-size: 16px;
            line-height: 35px;
        }

        .bc01-img {
            margin-top: 60px;
            width: 60%;
        }

        .bc01-img2 {
            margin-top: 60px;
            width: 40%;
        }

        .i8pr3 {
            margin-top: 60px;
            width: 50%;
        }

        .bc01-img4 {
            margin-top: 60px;
            width: 70%;
        }

        .i8pr2 {
            margin-bottom: 30px;
            width: 80%;
        }

        .i8pr {
            width: 90%;
        }

        .bc01-sm {
            font-size: 16px;
            left: 42%;
            top: auto;
            ;
            bottom: -10%;
            line-height: 25px;
        }

        .bc02 {
            position: absolute;
            width: 55%;
            right: 3%;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            padding: 0;
        }

        .bc03 {
            padding: 30px 10px;
            width: 45%;
            float: right;
            box-sizing: border-box
        }

        .bc03-box1 {
            float: left;
            width: 50%;
        }

        .bc03 h5 em {
            font-size: 40px;
        }

        .bc03-box3 {
            padding: 100px 0;
        }

        .bc03-sm {
            font-size: 16px;
            padding: 20px;
            line-height: 30px;
        }

        .bc03-img2 {
            margin-top: 50px;
            width: 40%;
        }

        .bc04-img1 {
            margin-bottom: 20px;
        }

        .bc04 {
            padding: 40px 40px;
            padding-bottom: 30px;
        }

        .bc04-img2 {
            position: absolute;
            right: 0;
            width: 50%;
            bottom: 0;
        }
    }

    @media screen and (min-width:1200px) {
        .bc01 {
            padding: 135px 0;
        }

        .bc h5 {
            font-size: 56px;
            line-height: 85px;
        }

        .bc p {
            font-size: 18px;
            line-height: 50px;
        }

        .bc01-img {
            margin-top: 140px;
            width: 50%;
        }

        .bc01-img2 {
            margin-top: 140px;
            width: 30%;
        }

        .i8pr3 {
            margin-top: 140px;
            width: 40%;
        }

        .bc01-img4 {
            margin-top: 140px;
            width: 65%;
        }

        .i8pr2 {
            margin-bottom: 50px;
            width: 75%;
        }

        .i8pr {
            width: 85%;
        }

        .bc01-sm {
            font-size: 18px;
            bottom: -5%;
            line-height: 30px;
        }

        .bc02 {
            width: 40%;
            right: 2%;
        }

        .bc03 {
            padding: 30px 0px;
            padding-left: 5%;
            width: 35%;
            float: left;
        }

        .bc03-box1 {
            float: left;
            width: 40%;
        }

        .bc03-box2 {
            float: right;
            width: 25%;
        }

        .bc03 h5 em {
            font-size: 40px;
        }

        .bc03-box3 {
            padding: 120px 0;
        }

        .bc03-sm {
            font-size: 18px;
            padding: 30px;
            line-height: 35px;
        }

        .bc03-img2 {
            margin-top: 50px;
            text-align: left;
            width: 70%;
        }

        .bc04-img1 {
            margin-bottom: 30px;
        }

        .bc04 {
            padding: 100px 40px;
            padding-left: 10%;
            padding-bottom: 30px;
        }
    }

    .i8pr3,
    .i8pr2,
    .i8pr {
        position: relative;
        display: inline-block;
    }

    .i8pr i.show {
        -webkit-transform: scale(1.35, 1.35);
        transform: scale(1.35, 1.35);
    }

    .i8pr i {
        position: absolute;
        -webkit-transition: all .5s;
        transition: all .5s;
        width: 2.4%;
        height: 9.3%;
        border-radius: 100%;
    }

    .i8pr .i1 {
        background: #9ed900;
        left: 47.4%;
        top: 53.3%;
    }

    .i8pr .i2 {
        background: #ff0097;
        left: 51.6%;
        top: 53.3%;
    }

    .i8pr .i3 {
        background: #ff9803;
        left: 55.9%;
        top: 53.3%;
    }

    .slickhepo {
        width: 23.3%;
        left: 39.1%;
        top: 11.4%;
        height: 77.2%;
        position: absolute;
    }

    .slickhe img {
        width: 100%;
    }

    .slickhe {
        width: 100%;
    }

    .qnm1 {
        position: absolute;
        width: 25%;
        -webkit-transition: all .5s;
        transition: all .5s;
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0;
        height: 15.2%;
        left: 48.4%;
        background-image: url("../images/qnmss.png");
        background-size: 100% 100%;
        -webkit-transform: scale(.8);
        transform: scale(.8);
        top: 33.3%;
    }

    .qnm2 {
        position: absolute;
        width: 24%;
        height: 21.3%;
        -webkit-transition: all .5s;
        transition: all .5s;
        opacity: 0;
        left: 44.5%;
        -webkit-transform: scale(.8);
        transform: scale(.8);
        top: 52.8%;
        background-image: url("../images/qnmss2.png");
        background-size: 100% 100%;
    }

    .qnm2.show,
    .qnm1.show {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    /*7.26*/


    .tebie {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
    }

    /*@media screen and (max-width:768px){*/
    /*.tebie{*/
    /*display: block;*/
    /*width: 100%;height: inherit;*/
    /*position: relative;}*/
    /*}*/

    /*波的修改*/
    @media screen and (max-width:768px) {
        .royp p {
            text-align: left;
        }

        .f1-cnt.hnm {
            width: 80%;
        }

        .f1-cnt.hnm .hmbp {
            text-align: left;
            width: 100%;
        }

        .f1-cnt5 p {
            text-align: left;
        }

        .sbm-l {
            width: 90%;
        }

        .sbm-l p {
            text-align: left;
        }

        .bxx {
            padding: 8% 0;
        }

        .bxx1 {
            padding: 0 0 8% 0;
        }

        .s7-b {
            text-align: left;
            width: 80%;
            margin: 0 auto;
        }

        .hp2 .px-wrap2 .hfa {
            padding-top: 7%;
        }
    }

    @media screen and (max-width:500px) {
        .royp p {
            text-align: left !important;
        }
    }

    /*----------------------------------------------------2017-1-4新增页面----------------------------------------------------*/


    .join17 {
        width: 1400px;
        margin: 0 auto 0% auto;
        padding-bottom: 8%;
    }

    .join17 .jnav {
        overflow: hidden;
        width: 100%;
        background: #fff;
    }

    .join17 .jnav li {
        width: 33.33%;
        float: left;
        display: block;
        text-align: center;
        line-height: 90px;
        color: #585858;
        font-size: 16px;
        cursor: pointer;
    }

    .join17 .jnav li a {
        width: 100%;
        /* height: 100%;  */
        display: block;
        text-align: center;
        line-height: 90px;
        color: #585858;
        font-size: 16px;
        cursor: pointer;
    }

    .join17 .jnav .jn-1 {
        background: url(../images/j03.png) 35% 49% no-repeat;
    }

    .join17 .jnav .jn-1.on {
        background: #efefed url(../images/j03.png) 35% 49% no-repeat;
        font-weight: bold;
    }

    .join17 .jnav .jn-2 {
        background: url(../images/j01.png) 35% 49% no-repeat;
    }

    .join17 .jnav .jn-2.on {
        background: #efefed url(../images/j01.png) 35% 49% no-repeat;
        font-weight: bold;
    }

    .join17 .jnav .jn-3 {
        background: url(../images/j02.png) 35% 49% no-repeat;
    }

    .join17 .jnav .jn-3.on {
        background: #efefed url(../images/j02.png) 35% 49% no-repeat;
        font-weight: bold;
    }

    .menu-content {
        margin-top: 3%;
    }

    .menu-content .job {
        padding-top: 0;
    }

    .menu-content.acitve {
        display: block;
    }

    .menu-content .jleft {
        width: 60%;
        padding: 0% 3% 4% 3%;
        background: #fff;
        float: left;
    }

    .menu-content .jleft .pic {
        width: 100%;
        margin-bottom: 5%;
    }

    .menu-content .jleft .pic img {
        width: 100%;
    }

    .menu-content .jleft h4 {
        font-size: 14px;
        font-weight: bold;
        color: #5a5a5a
    }

    .menu-content .jleft ul li {
        padding-left: 4%;
        margin-top: 2%;
        padding-bottom: 2%;
        border-bottom: 1px dashed #d8d8d8;
    }

    .menu-content .jleft ul li h5 {
        padding-left: 2%;
        background: url(../images/bluen.png) left center no-repeat;
        font-weight: bold;
        font-size: 14px;
        color: #5a5a5a;
    }

    .menu-content .jleft ul li p {
        margin-top: 1%;
        padding-left: 2%;
        font-size: 14px;
        color: #5a5a5a;
    }

    .menu-content .jright {
        float: right;
        background: #fff;
        padding: 3% 3%;
        width: 26%;
    }

    .menu-content .jright h4 {
        font-size: 24px;
        color: #333333;
    }

    .menu-content .jright ul {
        overflow: hidden;
        margin-top: 5%;
    }

    .menu-content .jright ul li {
        margin-bottom: 3%;
        padding-bottom: 3%;
        font-size: 14px;
        color: #585858;
        padding-left: 2%;
        background: url(../images/jcin.png) no-repeat 0px 7px;
        padding-left: 5%;
        border-bottom: 1px solid #eeeeee;
    }

    .menu-content .jright ul li a {
        color: #585858;
    }

    .webban-msg1 {
        top: 35%;
    }

    .webban-msg1 p {
        line-height: normal;
    }

    .webban-msg1 h5 {
        line-height: normal;
    }

    .webban-msg {
        height: auto;
    }

    .job-table2 .hhl a,
    .job-table2 td a {
        color: #585858;
    }

    .job-table tr,
    .job-table2 tr {
        cursor: pointer;
    }

    .job-table tr:hover td {
        background: #fff;
    }

    @media screen and (max-width:1500px) {
        .join17 {
            width: 93%;
        }

        .join17 .jnav li {
            line-height: 60px;
        }

        .join17 .jnav .jn-1 {
            background: url(../images/j01.png) 28% 49% no-repeat;
        }

        .join17 .jnav .jn-1.on {
            background: #efefed url(../images/j01.png) 28% 49% no-repeat;
            font-weight: bold;
        }

        .join17 .jnav .jn-2 {
            background: url(../images/j02.png) 28% 49% no-repeat;
        }

        .join17 .jnav .jn-2.on {
            background: #efefed url(../images/j02.png) 28% 49% no-repeat;
            font-weight: bold;
        }

        .join17 .jnav .jn-3 {
            background: url(../images/j03.png) 28% 49% no-repeat;
        }

        .join17 .jnav .jn-3.on {
            background: #efefed url(../images/j03.png) 28% 49% no-repeat;
            font-weight: bold;
        }
    }

    @media screen and (min-width:1360px) {

        .job-table2 .hhl a:hover,
        .job-table2 td a:hover {
            color: #03a2e9;
        }
    }

    @media screen and (max-width:1200px) {
        .webban-msg h5 {
            font-size: 38px;
        }

        .webban-msg p {
            font-size: 28px;
        }

        .menu-content .jleft {
            float: none;
            width: 94%;
            margin-bottom: 3%;
        }

        .menu-content .jright {
            float: none;
            width: 94%;
        }

        .menu-content .jright h4 {
            font-size: 18px;
        }

        .menu-content .jright ul {
            margin-top: 2%
        }

        .menu-content .jright ul li {
            padding-bottom: 1%;
            margin-bottom: 1%;
            padding-left: 2%;
        }

        .webban-msg h5 {
            font-size: 24px;
        }

        .webban-msg p {
            font-size: 18px;
            margin-top: 2%;
        }
    }

    @media screen and (max-width:768px) {
        .join17 {
            width: 100%;
        }

        .join17 .jnav li {
            line-height: 35px;
            font-size: 13px;
        }

        .join17 .jnav .jn-1 {
            background: none;
        }

        .join17 .jnav .jn-1.on {
            background: #efefed none;
            font-weight: bold;
        }

        .join17 .jnav .jn-2 {
            background: none;
        }

        .join17 .jnav .jn-2.on {
            background: #efefed none;
            font-weight: bold;
        }

        .join17 .jnav .jn-3 {
            background: none;
        }

        .join17 .jnav .jn-3.on {
            background: #efefed none;
            font-weight: bold;
        }

        .muen-1 .jleft h4,
        .muen-1 .jright h4 {
            font-size: 16px;
        }

        .menu-content .jright ul li {
            background: none;
            padding-bottom: 2%;
            margin-bottom: 2%
        }

        .menu-content .jleft ul li h5 {
            padding-left: 0;
            background: none;
            font-size: 12px;
        }

        .menu-content .jleft ul li p {
            margin-top: 2%;
            line-height: 20px;
            font-size: 12px;
        }

        .menu-content .jright ul {
            margin-top: 5%;
        }

        .webban-msg h5 {
            font-size: 16px;
        }

        .webban-msg p {
            font-size: 14px;
        }
    }

    .j-lrp {
        width: 100%;
    }

    @media screen and (max-width:1200px) {
        .job .job-l {
            margin-bottom: 3%;
        }
    }

    /*职位搜索*/

    .muen-1 .sea {
        margin-bottom: 3px;
    }

    .muen-1 .sea .sea1 {
        background: #fff;
        overflow: hidden;
        width: 45%;
        float: left;
        height: 71px;
    }

    .muen-1 .sea .sea1 input {
        margin-left: 7%;
        margin-top: 25px;
        width: 60%;
        padding-left: 3%;
        height: 24px;
        font-size: 14px;
        line-height: 24px;
        border-left: 3px solid #04a1e7;
        border-top: none;
        border-bottom: none;
        border-right: none;
    }

    .muen-1 .sea .sea1 .submit {
        height: 71px;
        margin: 0;
        float: right;
        padding: 0 9%;
        border: none;
        width: 22%;
        background: #01a0e6 url(../images/bgp6.png) center center no-repeat;
        cursor: pointer;
    }

    .muen-1 .sea .sea2 {
        height: 46px;
        width: 27%;
        float: left;
        margin-left: .2%;
        background: #fff;
        padding: 25px .15% 0px .15%;
    }

    .muen-1 .sea .sea2 h5 {
        width: 40%;
        float: left;
        text-align: center;
        font-size: 14px;
        color: #999999;
    }

    .select {
        position: relative;
        display: block;
        width: 50%;
        float: right;
        color: #cccccc;
        vertical-align: middle;
        text-align: left;
        padding-left: 10%;
    }

    .select .placeholder {
        position: relative;
        display: block;
        z-index: 1;
        cursor: pointer;
        font-size: 14px;
        background: url(../images/bgp8.png) 80% no-repeat;
        font-weight: bold;
        color: #585858;
    }

    .select.is-open ul {
        display: block;
    }

    .select.select--white .placeholder {
        background: #fff;
        color: #999;
    }

    .select.select--white .placeholder:hover {
        background: #fafafa;
    }

    .select ul {
        display: none;
        position: absolute;
        overflow: hidden;
        width: 100%;
        background: #fff;
        top: 100%;
        left: 0;
        list-style: none;
        margin: 5px 0 0 0;
        padding: 0;
        z-index: 999;
    }

    .select ul li {
        display: block;
        text-align: left;
        color: #999;
        cursor: pointer;
        font-size: 14px;
    }

    .select ul li a {
        color: #999;
        font-size: 14px;
        display: block;
        padding: 10px 10px 10px 28px;
    }

    .select ul li:hover {
        background: #4ebbf0;
        color: #fff;
    }

    .select ul li:hover a {
        color: #fff;
    }

    @media screen and (max-width:768px) {
        .muen-1 .sea .sea1 {
            width: 100%;
            float: none;
            margin-bottom: 3px;
        }

        .muen-1 .sea .sea1 input {
            margin-top: 25px;
        }

        .muen-1 .sea .sea2 {
            float: none;
            width: 100%;
            padding: 3% 0;
            margin-left: 0;
            margin-bottom: 3px;
            height: 21px;
        }

        .muen-1 .sea .sea2:nth-child(3) {
            margin-bottom: 0
        }

        .muen-1 .sea .sea1 {
            height: 35px;
        }

        .muen-1 .sea .sea1 .submit {
            height: 35px;
        }

        .muen-1 .sea .sea1 input {
            margin-top: 7px;
        }

        .muen-1 .sea .sea2 h5 {
            font-size: 12px;
            line-height: 21px
        }

        .select .placeholder {
            font-size: 12px;
            font-weight: normal;
            line-height: 21px
        }
    }

    .job-msg {
        display: none;
    }

    .offer {
        width: 28%;
        position: absolute;
        bottom: 38%;
        right: 9%;
    }

    .offer:after {
        content: '';
        display: block;
        clear: both;
    }

    .offer a {
        display: block;
        width: 40%
    }

    .offer a:nth-child(1) {
        float: left;
    }

    .offer a:nth-child(2) {
        float: right;
    }

    .offer a span {
        display: block;
        text-align: center;
        color: #666666;
    }

    .offer a span img {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s;
        width: 100%
    }

    .offer a span:hover img {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s;
        transform: scale(1.2);
    }

    .mLeft {
        float: left;
        width: 66%;
        padding: 0 0%;
    }

    .allCon {
        padding: 2% 3%;
        overflow: hidden;
        background: #fff;
        position: relative;
    }

    .allCon span {
        float: left;
        display: block;
        width: 8%;
        font-weight: bold;
        font-size: 18px;
        color: #585858;
        background: url(../images/allcontry.png) center right no-repeat;
        padding-right: 2%;
    }

    .slickM {
        width: 91%;
        float: left;
        margin-left: 2%;
    }

    .slickM ul li {
        float: left;
        width: 9%;
        border: 1px solid #ededed;
        text-align: center;
        margin-left: 2%;
    }

    .slickM a {
        float: left;
        color: #686868;
        font-size: 14px;
        display: block;
        width: 100%;
        padding: 1% 0%;
    }

    .slickM li.on a {
        background: #03a2e9;
        color: #fff;
        border: 1px solid #03a2e9
    }

    .allCon .hd .prev {
        position: absolute;
        background: url(../images/lxprve.jpg) no-repeat;
        width: 30px;
        height: 28px;
        right: 4%;
        cursor: pointer;
        top: 20%;
    }

    .allCon .hd .next {
        position: absolute;
        background: url(../images/lxnext.jpg) no-repeat;
        width: 30px;
        height: 28px;
        right: 0;
        cursor: pointer;
        top: 20%;
    }

    .xxx {
        margin-top: 3px;
        background: #fff;
        padding: 3%
    }

    .xxx h3 {
        font-size: 24px;
        color: #333333;
    }

    .fanhuia {
        color: #555;
        float: right;
        font-size: 16px;
    }

    .fanhuia:hover {
        color: #01A0E6;
    }

    .mLeft dl {
        padding: 0 3% 5% 3%;
        background: #fff
    }

    .mLeft dl dt {
        overflow: hidden;
    }

    .mLeft dl dt span {
        float: left;
        background: #01a0e6;
        font-size: 14px;
        color: #fff;
        font-weight: bold;
        padding: 2% 0;
    }

    .mLeft dl dt .sp1 {
        width: 23%;
        padding-left: 5%;
        border-right: 1px solid #34b3eb;
    }

    .mLeft dl dt .sp2 {
        width: 24.8%;
        text-align: center;
        border-right: 1px solid #34b3eb;
    }

    .mLeft dl dt .sp3 {
        width: 46.8%;
        text-align: center;
        border-right: 1px solid #01a0e6;
    }

    .mLeft dl dd {
        overflow: hidden;
        border-bottom: 1px dashed #ebebeb
    }

    .mLeft dl dd span {
        float: left;
        background: #f7f7f7;
        font-size: 14px;
        color: #585858;
        padding: 2% 0;
    }

    .mLeft dl dd .sp1 {
        width: 23%;
        padding-left: 5%;
        border-right: 1px solid #f7f7f7;
    }

    .mLeft dl dd .sp2 {
        width: 24.8%;
        text-align: center;
        border-right: 1px solid #f7f7f7;
    }

    .mLeft dl dd .sp3 {
        width: 45.8%;
        text-align: center;
        border-right: 1px solid #f7f7f7;
    }

    @media screen and (max-width:1200px) {
        .mLeft {
            width: 100%;
            float: none;
            margin-bottom: 2%
        }

        .allCon span {
            float: none;
            background: none;
            width: 100%;
            margin-bottom: 2%;
        }

        .slickM {
            float: none;
            margin-top: 3%;
            width: 100%;
            margin-left: 0
        }

        .slickM ul li {
            margin-left: 0;
            margin-right: 2%;
        }

        .xxx h3 {
            font-size: 14px;
        }
    }

    @media screen and (max-width:768px) {
        .allCon .hd {
            display: none;
        }

        .allCon span {
            font-size: 14px;
        }

        .slickM ul li {
            width: 21%
        }

        .slickM a {
            width: 100%;
        }

        .mLeft dl dt .sp1,
        .mLeft dl dd .sp1 {
            width: 33%;
        }

        .mLeft dl dt .sp2,
        .mLeft dl dd .sp2 {
            width: 35.8%;
        }

        .mLeft dl dt span {
            font-size: 12px;
            font-weight: normal;
        }

        .menu-content .jright h4 {
            font-size: 14px;
        }
    }

    @media screen and (max-width:450px) {
        .mLeft dl dd .sp2 {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }
    }

    /*----------------------------------------------------2017-2-13修改页面----------------------------------------------------*/


    /*滚动条*/
    .mCustomScrollbar {
        -ms-touch-action: pinch-zoom;
        touch-action: pinch-zoom;
    }

    .mCustomScrollbar.mCS_no_scrollbar,
    .mCustomScrollbar.mCS_touch_action {
        -ms-touch-action: auto;
        touch-action: auto;
    }

    .mCustomScrollBox {
        position: relative;
        overflow: hidden;
        height: 100%;
        max-width: 100%;
        outline: none;
        direction: ltr;
    }

    .mCSB_container {
        overflow: hidden;
        width: auto;
        height: auto;
        color: #333333;
        font-size: 16px;
        line-height: 25px;
    }

    .mCSB_inside>.mCSB_container {
        width: 100%;
    }

    .mCSB_scrollTools {
        position: absolute;
        width: 6px;
        left: auto;
        top: 0px;
        right: 2px;
        bottom: 0;
    }

    .mCSB_scrollTools .mCSB_draggerContainer {
        position: absolute;
        top: 0;
        left: 3px;
        bottom: 0;
        right: 0;
        height: auto;
        width: 2px;
        background: #919191;
    }

    .mCSB_scrollTools .mCSB_dragger {
        cursor: pointer;
        width: 100%;
        height: 30px;
        z-index: 1;
        right: -.2px;
        border-radius: 5px
    }

    .mCSB_scrollTools .mCSB_draggerRail {
        width: 3px;
        margin: 0 auto;
        background: #f6f6f6;
    }

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        left: -2px;
        position: relative;
        width: 6px;
        height: 100%;
        margin: 0 auto;
        text-align: center;
        background: #01a0e6;
        border-radius: 3px;
    }

    .mCSB_scrollTools,
    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCSB_scrollTools .mCSB_buttonUp,
    .mCSB_scrollTools .mCSB_buttonDown,
    .mCSB_scrollTools .mCSB_buttonLeft,
    .mCSB_scrollTools .mCSB_buttonRight {
        -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
        -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
        -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
        transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    }

    .scrollbar {
        position: relative;
        height: 580px;
        overflow: hidden;
    }

    /*滚动条*/

    .royadd {
        width: 100%;
    }

    .royadd dd {
        overflow: hidden;
        cursor: pointer;
    }

    .royadd dd:nth-child(odd) {
        background: #f7f7f7;
    }

    .royadd dd span {
        display: block;
        float: left;
        padding: 2%;
        font-size: 14px;
    }

    .royadd dd .spax1 {
        width: 42%
    }

    .royadd dd .spax2 {
        width: 30%
    }

    .royadd dd .spax3 {
        width: 16%
    }

    .royadd dd:hover {
        background: #eee;
        color: #01A0E6;
    }

    @media screen and (max-width:1200px) {
        .royadd dd span {
            display: block;
            float: left;
            padding: 1%;
            font-size: 12px;
        }

        .scrollbar {
            position: relative;
            height: 340px;
            overflow: hidden;
        }

        .royadd dd .spax1 {
            width: 44%
        }

        .royadd dd .spax2 {
            width: 30%
        }

        .royadd dd .spax3 {
            width: 16%
        }
    }

    @media screen and (max-width:768px) {
        .scrollbar {
            position: relative;
            height: 290px;
            overflow: hidden;
        }
    }

    /*隐藏 菜单*/
    ul.nav>li:last-child {
        display: none;
    }

    .four ul.clearfix .tit {
        margin: 60px 0 50px;
        font-size: 24px
    }

    .tc {
        color: #ff9803 !important
    }

    /*foot*/
    .foot {
        background-color: #f3f3f3;
        text-align: center;
        height: 327px
    }

    .foot a {
        color: #707070;
        margin: 0 8px
    }

    .foot a:hover {
        color: #101010
    }

    .department {
        border-bottom: 1px solid #e3e3e3;
        line-height: 69px;
        margin: 0 auto 15px;
        max-width: 1200px;
        height: 69px !important;
    }

    .foot-logo {
        width: 181px;
        height: 45px;
        display: inline-block;
        background-image: url(http://www.5ifit.com/coachshop/images/global-components.png);
        background-position: -164px -343px;
        vertical-align: middle;
        margin-right: 45px !important
    }

    .f-link {
        height: auto !important
    }

    .f-link p {
        margin-bottom: 10px
    }

    .f-link p span {
        margin: 0 8px
    }

    .f-link a img {
        margin: 20px auto
    }

    .foot .foot-t-l>div,
    .foot .foot-t-l {
        height: auto !important
    }

    .foot .foot-t-l {
        text-align: center;
        margin: 0 auto;
        max-width: 900px;
        min-width: 600px
    }

    .foot .foot-t-l>div {
        float: left
    }

    .foot .foot-t-l>div:nth-child(1) {
        line-height: 24px
    }

    .foot .foot-t-l>div:nth-child(2) {
        width: 810px;
        text-align: left;
        margin-left: 20px
    }

    .foot .foot-t-l>div:nth-child(2) a {
        margin: 0 5px !important;
        line-height: 24px
    }

    .footQcode {
        display: none
    }

    .qcode {
        width: 30%;
        display: block;
        margin: 0 auto
    }

    @media screen and (max-width: 1025px) {
        .banner {
            height: 450px;
        }

        .xdText {
            margin: 60px 0
        }
    }

    @media screen and (max-width: 768px) {
        .banner {
            height: auto
        }

        .xdText {
            margin: 0
        }
    }

    @media screen and (max-width: 500px) {
        .navbar-brand {
            padding: 10px 0
        }

        .navbar-brand img {
            width: 200px;
            top: -1px
        }

        .container-fluid {
            padding-top: 5px;
            padding-bottom: 5px
        }

        .xiaoDian {
            margin-top: 60px !important
        }
    }

    @media screen and (max-width: 818px) and (min-width:501px) {
        .navbar-brand {
            padding: 8px 0
        }

        .navbar-brand img {
            width: 280px;
        }
    }

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

        .footQcode {
            display: block
        }
    }

    @media screen and (max-width: 450px) {
        .navbar-brand img {
            top: -1px
        }

        .qcode {
            width: 60%
        }

        .xdText h2 {
            font-size: 16px !important
        }

        .xdText p {
            font-size: 13px !important
        }
    }

}