.wp {

    max-width: 1200px;

    margin: 0 auto;

}



/* 公共样式 */

/* 字体图片 */

@font-face {

  font-family: 'iconfont';

  src: url('../font/iconfont.eot');

  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),

      url('../font/iconfont.woff2') format('woff2'),

      url('../font/iconfont.woff') format('woff'),

      url('../font/iconfont.ttf') format('truetype'),

      url('../font/iconfont.svg#iconfont') format('svg');

}

.iconfont {

  font-family: "iconfont" !important;

  font-size: 16px;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



/* banner */

.banner {

    overflow: hidden;

}

.banner .item a {

    display: block;

  

}

.banner .item a .con {

    padding-top: 33%;

    position: relative;

      -webkit-background-size: cover;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

}

.banner .slider .slick-dots {

    width: 100%;

    text-align: center;

    position: absolute;

    left: 0;

    bottom: 24px;

}



.banner .slider .slick-dots li {

    display: inline-block;

}



.banner .slider .slick-dots li button {

    width: 8px;

    height: 8px;

    background: #fff;

    border: none;

    border-radius: 50%;

    font-size: 0;

    margin: 0 5px;

    cursor: pointer;

    padding: 0;

}

.banner .slider .slick-dots li.slick-active button {

    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.21);

}



.banner .slider .slick-arrow {

    position: absolute;

    width: 81px;

    height: 82px;

    background: rgba(0, 0, 0, 0.2);

    top: 50%;

    z-index: 9999;

    transform: translate(0, -50%);

    -webkit-transform: translate(0, -50%);

    -moz-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    -o-transform: translate(0, -50%);

    transition: all 0.3s;

    cursor: pointer;

}



.banner .slider button.slick-arrow {

    border: none;

    font-size: 0;

}



.banner .slider .slick-prev::before,

.banner .slider .slick-next::before {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    width: 17px;

    height: 30px;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    background-size: 100%;

}



.banner .slider .slick-prev::before {

    background: #fff;

    background: url("../images/pres.png") no-repeat center;

}



.banner .slider .slick-next::before {

    background: #fff;

    background: url("../images/nexts.png") no-repeat center;

}



.banner .slider .slick-prev {

    left: 0;

}



.banner .slider .slick-next {

    right: 0;

}

.banner .txt{

    width: 452px;

    height: 230px;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

    -webkit-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    background-color: rgba(0, 0, 0, 0.24);

    text-align: center;

    padding-top: 52px;

    color: #ffffff;

}

.banner .txt h4{

    height: 34px;

    line-height: 34px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 24px;

    font-weight: normal;

}

.banner .txt h2{

    margin-top: 22px;

    height: 40px;

    line-height: 40px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 36px;

    font-weight: normal;

}

.banner .txt span{

    height: 20px;

    line-height: 20px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 10px;

}

.banner .txt em{

    width: 100%;

    font-size: 14px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    height: 20px;

    line-height: 20px;

    display: block;

}

/* bannerEnd*/

.menuBtn {

    display: none;

    position: absolute;

    left: 10px;

    top: 10px;

    float: right;

    width: 36px;

    height: 36px;

    padding: 3px;

    cursor: pointer;

}

.menuBtn b {

    display: block;

    height: 2px;

    border-radius: 2px;

    background-color: #fff;

    margin: 5px 0 7px;

    transition: 0.3s;

    -ms-transition: 0.3s;

    -moz-transition: 0.3s;

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

}

.menuBtn.open b {

    position: absolute;

    left: 3px;

    top: 35%;

    display: none;

}

.menuBtn.open b:first-child {

    display: block;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

}

.menuBtn.open b:last-child {

    display: block;

    transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

}



/*******************************

    -------[=友情链接]-------

********************************/

.row-a6 {

    overflow: hidden;

    background-color: #ffbe0f;

    border-bottom: 5px solid #000000;

    margin-top: 30px;

}



.m-link1 {

    padding: 20px 0;

}

.m-link1 .item {

    overflow: hidden;

    color: #fff;

}

.m-link1 .item:first-child {

    margin-bottom: 40px;

}

.m-link1 .item span {

    float: left;

    font-size: 16px;

    margin-right: 18px;

    font-weight: 600;

}

.ul-link1 {

    overflow: hidden;

}

.ul-link1 li {

    float: left;

}

.ul-link1 li a {

    display: block;

    margin-right: 20px;

    font-size: 14px;

    color: #fff;

    height: 21px;

    line-height: 21px;

}

.ul-link1 li a:hover {

    color: #fff;

}

/* 手机底部菜单 */

.h50 {

    display: none;

}

.yunu-link {

    display: none;

    overflow: hidden;

    position: fixed;

    bottom: 0;

    left: 0;

    right: 0;

    z-index: 9;

    background-color: #fff;

    padding: 4px 0;

    box-shadow: 5px 0 10px rgba(0, 0, 0, 0.05);

}

.yunu-link li {

    float: left;

    width: 25%;

}

.yunu-link li a {

    display: block;

    text-align: center;

    font-size: 13px;

    color: #000;

}

.yunu-link li.on a,

.yunu-link li:hover a {

    color: #038741;

}

.yunu-link li a i {

    display: block;

    margin: 0 auto;

    height: 25px;

    line-height: 25px;

    font-size: 36px;

    color: #666;

}

.yunu-link li.on a,

.yunu-link li:hover a,

.yunu-link li:hover a i {

    color: #ffbe0f;

}

.yunu-link li.on a i {

    color: #ffbe0f;

}

.yunu-link li a i.i2 {

    font-size: 22px;

}

.yunu-link li a i.i3 {

    font-size: 26px;

}

.yunu-link li a i.i4 {

    font-size: 26px;

}

/* 客服 */

.kf {

    width: 208px;

    position: fixed;

    /* right: 20px; */

    right: -208px;

    top: 100px;

    z-index: 9;

}

.kt-top {

    height: 40px;

    line-height: 40px;

    background: url("../images/kf/kefu.png") 12px center no-repeat #ffbe0f;

    background-size: 20px auto;

    padding-left: 46px;

    font-size: 14px;

    color: #ffffff;

}

.kt-top span:hover {

    transform: rotate(90deg);

}

.kt-top span {

    width: 18px;

    height: 16px;

    float: right;

    position: relative;

    margin: 10px 10px 0px 0px;

    cursor: pointer;

    transition: 0.5s;

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    -ms-transition: 0.5s;

    -o-transition: 0.5s;

}

.kt-top span b {

    width: 100%;

    height: 2px;

    background: #fff;

    display: block;

    position: absolute;

    top: 50%;

    left: 0;

}

.kt-top span b:first-child {

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

}

.kt-top span b:last-child {

    transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

}

.kf .con {

    overflow: hidden;

    background: #ffffff;

}

.kf .qq li {

    height: 36px;

    line-height: 36px;

    border-bottom: #f5f5f5 solid 1px;

    padding-left: 16px;

}

.kf .qq li a {

    height: 36px !important;

    color: #666666;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    text-decoration: initial;

    display: block;

}

.kf .qq li a img {

    padding-right: 6px;

}

.kf .con h5 {

    height: 26px;

    line-height: 26px;

    margin-top: 12px;

    background: url("../images/kf/lianxi.png") 16px center no-repeat;

    padding-left: 45px;

    color: #666666;

    font-size: 14px;

}

.kf .contact {

    margin-top: 1px;

}

.kf .contact p {

    height: 26px;

    line-height: 26px;

    color: #666666;

    font-size: 14px;

    padding-left: 22px;

}

.kf .contact p:nth-child(2n) {

    padding-left: 32px;

}

.kf .con h5.qr-icon {

    background: url("../images/kf/erweima.png") 16px center no-repeat;

}

.kf .con .qr {

    width: 100%;

    margin-top: 10px;

    padding-left: 40px;

}

.kf .con .qr img {

    width: 110px;

    height: 110px;

}

.kf .backTop {

    width: 100%;

    height: 40px;

    margin-top: 10px;

    background: url("../images/kf/huidaodingbu.png") center center no-repeat

        #ffbe0f;

    background-size: 18px auto;

    cursor: pointer;

}

.kf-side {

    padding: 18px 10px 10px;

    background: #ffbe0f;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

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

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    left: -34px;

    cursor: pointer;

}

.kf-side b {

    display: block;

    color: #ffffff;

    line-height: 18px;

    font-size: 14px;

    font-weight: normal;

}

.kf-side span.arrow {

    width: 12px;

    height: 12px;

    background: url("../images/kf/jt-1.png") no-repeat;

    background-size: 100%;

    display: block;

    margin-top: 10px;

}

.kf-side span.on {

    background: url("../images/kf/jt-2.png") no-repeat;

    background-size: 100%;

}