/*

* @Author: xubo

* @Date:   2019-03-29 16:06:34

* @Last Modified time: 2019-06-04 09:06:32

* �榊��桁�紊眼��絨障��banner

*/

article, b, body, div, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, img, li, section, span, strong {

    margin: 0;

    padding: 0;

    border: 0;

    vertical-align: baseline;

}

footer, header, nav, section {

    display: block;

}

input, button {

    background-color: transparent !important;

    outline: none !important;

    border: 0px !important;

}

 select,mip-form input, mip-form textarea, mip-form select{

    outline: none !important;

    border: 0px !important;

    padding:0;

 }

li {

    list-style: none;

}

img {

    objec-fit: cover;

}

* {

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    font-family: "Microsoft YaHei Regular";

}

body {

    text-align: left;

    color: #333;

    line-height: 1.6;

    font-family: "Microsoft YaHei Regular";

    overflow-x: hidden;

}

.guan{

    text-align:left !important;

    color:#fff !important;

}

.oline{

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-line-clamp: 1;

    word-break: break-all;

    display: -webkit-box;

    -webkit-box-orient: vertical;

}

.tline{

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    word-break: break-all;

    display: -webkit-box;

    -webkit-box-orient: vertical;

}

.sline{

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-line-clamp: 3;

    word-break: break-all;

    display: -webkit-box;

    -webkit-box-orient: vertical;

}

.fline{

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-line-clamp: 4;

    word-break: break-all;

    display: -webkit-box;

    -webkit-box-orient: vertical;

}

.area1200 {

    width: 12rem;

    margin: 0 auto;

    position: relative;

}

.update-ie {

    position: fixed;

    z-index: 2000;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: #fff;

    font-size: .20rem;

    text-align: center;

}

.update-ie p {

    padding-top: .30rem;

}

.update-ie a {

    color: #009aed;

}

.margin0{

    margin:0 auto;

}

/*蕁狗��logo*/

.header {

    position: relative;

    z-index: 2;

    background: #fff;

}

.header-inner {

    position: relative;

    margin: 0 auto;

}

.logo {

    width: auto;

    height: .48rem;

    margin-top: .16rem;

    float: left;

}

.logo mip-img img {

    width: auto;

    height: .48rem;

}

.header-logo {

    float: left;

    z-index: 9999;

    position: relative;

}

.header-logo p {

    font-size: .26rem;

    float: left;

    line-height: .80rem;

    color: #0c0c12;

    margin-left: .12rem;

}

.header-logo-img {

    width: auto;

    display: block;

}

.header-phone {

    float: right;

    width: 2.65rem;

    margin-right: .25rem;

    position: relative;

    height: .48rem;

    margin-top: .16rem;

}

.header-phone .con {

    width: .95rem;

    position: absolute;

    right: 0;

}

.header-rexian-img {

    width: .21rem;

    height: .15rem;

    margin-top: .05rem;

    float: left;

}

.header-phone .con p {

    font-size: .15rem;

    color: #0c0c12;

    float: right;

}

.header-phone .phone-num {

    font-size: .34rem;

    color: #0090ff;

    position: absolute;

    right: 0;

    top: .18rem;

    white-space: nowrap;

}



/* 絲取�� */

.nav {

    height: .65rem;

    background: #0090ff;

}

.nav .con {

    height: 100%;

}

.nav .con a:nth-child(1){

    margin-left: 0;

}

.nav .con a {

    display: block;

    float: left;

    width: 1.25rem;

    font-weight: bold;

    overflow: hidden;

    white-space: nowrap;

    height: .60rem;

    text-align: center;

    line-height: .60rem;

    margin-left: .25rem;

    font-size: .20rem;

    color: #fff;

    position: relative;

}

.nav .con a:after {

    content: "";

    position: absolute;

    width: .28rem;

    height: .05rem;

    left: 50%;

    margin-left: -.14rem;

    bottom: .08rem;

    background: #0090ff;

}

.nav .con a:hover {

    background: #fff;

    color: #0090ff;

    transition: background 0.5s;

    -moz-transition: background 0.5s; /* Firefox 4 */

    -webkit-transition: background 0.5s; /* Safari and Chrome */

}

.bxian{

    width:2.04rem;

    height:.05rem;

}

/* banner */

.banner {

    width: 100%;

    overflow:hidden;

}



/* 莉��㊤���号�桁� */

.mip-carousel-indicatorDot {

    bottom: -.25rem;

    display: -ms-flexbox;

    display: flex;

    display: -webkit-box;

    display: -webkit-flex;

    align-items: center;

    justify-content: center;

}

.mip-carousel-indicatorDot .mip-carousel-indecator-item {

    background-color: #fff !important;

    border:.02rem solid #8a8a8a;

}

.mip-carousel-indicatorDot .mip-carousel-activeitem {

    background-color: transparent !important;

    width: .13em !important;

    height: .13rem !important;

    border-radius:50%;

    border:.02rem solid #0090ff !important;

    background: #fff !important;



}

.mip-carousel-indicatorDot .mip-carousel-indecator-item {

    width: .13em !important;

    height: .13rem !important;

    border-radius:50%;

    // border:.02rem solid #eee !important;

    margin-right: 5px !important;

}

.banner .mip-carousel-preBtn {

    left: 3.60rem;

    background-image: url(../images/bjtl.png);

}

.banner .mip-carousel-nextBtn {

    right: 3.60rem;

    background-image: url(../images/bjtr.png);

}



/* banner綺������� */

.color {

    background: #eeeeee;

}

.gonggao {

    height: .50rem;

    background: #000;

}

.banner .mip-carousel-indicator-wrapper {

    display: none;

}



/* �掩����篁� */

.head p:nth-child(1),.con .head p:nth-child(1) {

    font-size: .20rem;

    color: #0a0910;

    text-align: center;

}

.head p:nth-child(2),.con .head p:nth-child(2) {

    font-size: .50rem;

    color: #0a0910;

    font-weight: bold;

    text-align: center;

}

.zbotxian{

    width:2.22rem;

    height:.05rem;

}

.more a {

    display: block;

    font-size: .16rem;

    color: #000;

    height: .34rem;

    text-align: center;

    line-height: .34rem;

    z-index: 9999;

}

.more {

    width: 1.30rem;

    height: .36rem;

    border: 1px solid #0a0910;

    // margin: 0 auto;

}



/* 綺��� */

.footer {

    width: 100%;

    height: 4.60rem;

    background: #212121;

    position: relative;

}

.footer-wrapper {

    height: 3.95rem;

    overflow: hidden;

}

.footer .footer-wrapper .left {

    width: 33.3%;

    float: left;

}

.footer  p {

    color: #fff;

}

.footer .footer-wrapper .left .head {

    margin-top: .50rem;

}

.footer .footer-wrapper .left .head p {

    font-size: .22rem;

}

.footer .footer-wrapper .left .phone, .footer .footer-wrapper .left .address {

    height: .75rem;

    position: relative;

}

.footer .footer-wrapper .left .phone {

    margin-top: .65rem;

}

.footer .footer-wrapper .left .phone p:nth-child(2), .footer .footer-wrapper .left .address p:nth-child(2) {

    position: absolute;

    bottom: 0;

    left: 0;

    font-size: .16rem;

}

.footer .footer-wrapper .left .phone p:nth-child(3), .footer .footer-wrapper .left .address p:nth-child(3) {

    position: absolute;

    bottom: 0;

    left: .40rem;

    font-size: .14rem;

}

.phone p:nth-child(1) {

    font-size: .16rem;

}

.phone .num {

    font-size: .35rem !important;

    color: #0090ff;

}

.address p {

    font-size: .16rem;

}

.dizhi-img, .dianhu-img {

    width: .27rem;

    height: .27rem;

    float: left;

    margin-top: .1rem;

}

.hxian-img {

    width: 3.51rem;

    height: .06rem;

}

.links {

    float: left;

    overflow: hidden;

    height: auto;

    margin-top: .65rem;

    margin-left: -.30rem;

}

.footer .footer-wrapper .left .links a {

    font-size: .14rem;

    color: #fff;

    position: relative;

    float: left;

    max-width: 1.60rem;

    padding-bottom: .04rem;

    margin-left: .30rem;

    text-overflow: ellipsis;

    -webkit-line-clamp: 1;

    overflow: hidden;

    word-break: break-all;

    display: -webkit-box;

    -webkit-box-orient: vertical;

}

.footer .footer-wrapper .right {

    width: 33.3%;

    float: right;

}

.footer .footer-wrapper .right .bot {

    // width: 1.60rem;

    position: relative;

    margin-top: .50rem;

    margin-left: 1.55rem;

}

.footer .footer-wrapper .left .head .guan, .footer .footer-wrapper .right .bot .guan {

    position: relative;

    padding-top: .02rem;

}

.footer .footer-wrapper .left .head .guan:after, .footer .footer-wrapper .right .bot .guan:after {

    content: "";

    width: .50rem;

    height: 3px;

    background: #fff;

    position: absolute;

    top: 0;

    left: 0;

}

.erma {

    width: 1.92rem;

    height: 1.58rem;

    position: relative;

    margin-left: 1.55rem;

}

.ercode {

    width: 1.58rem;

    height: 1.58rem;

    margin-top: .65rem;

}

mip-scrollbox[data-type=row], mip-scrollbox[data-type=row] [data-inner] {

    padding-left: 10px;

}

.sao {

    width: .18rem;

    position: absolute;

    top: 0;

    left: 1.61rem;

    height: 1.19rem;

    text-align: center;

    font-size: .12rem !important;

    display: block;

    line-height: 1;

}

.footer .footer-wrapper .right .bot p:first-child {

    font-weight: bold;

}

.footer .footer-wrapper .right .bot p {

    font-size: .22rem;

    color: #fff;

}

.ul-page {

    width:7.40rem;

    height:.45rem;

    background:#eee;

    border-radius:.10rem;

    margin: .30rem auto;

    text-align:center;

}

.ul-page .prev,.ul-page .page-next,.ul-page .page-prev{

    width:auto !important;

    background:#636363;

    color:#fff;

}

.ul-page a {

    margin-left: .15rem;

    display: inline-block;

    width: auto;

    padding:0 .08rem 0 .08rem;

    text-align:center;

    height: .30rem;

    color: #000;

    text-align: center;

    line-height: .28rem;

    margin-top:.075rem;

    border: 1px solid #000;

    background: #fff;

    font-size: .14rem;

    vertical-align:top;

}

.paging a, .current {

    display: block;

    width: auto;

    padding: 0 .08rem 0 .08rem;

    height: .30rem;

    color: #000;

    border: 1px solid #0090ff;

    text-align: center;

    line-height: .30rem;

    border: 1px solid #000;

    background: #fff;

    font-size: .14rem;

}

.paging a:hover, .current:hover {

    color: #fff;

    border: 1px solid #0090ff;

    background: #0090ff;

    cursor: pointer;

    transition: all 0.35s;

    -moz-transition: all 0.35s; /* Firefox 4 */

    -webkit-transition: all 0.35s; /* Safari and Chrome */

    -o-transition: all 0.35s; /* Opera */

}

.ul-page a:hover {

    color: #fff;

    border: 1px solid #0090ff;

    background: #0090ff;

    cursor: pointer;

    transition: all .35s;

    -moz-transition: all .35s; /* Firefox 4 */

    -webkit-transition: all .35s; /* Safari and Chrome */

    -o-transition: all .35s; /* Opera */

}

.nextpage {

    width: .59rem;

    height: .27rem;

}

.prepage {

    width: .62rem;

    height: .27rem;

}

.paging .current {

    font-size: .14rem;

}

.page {

    text-align: center;

    width: .27rem;

    height: .27rem;

    line-height: .27rem;

    font-size: .12rem;

    color: #999999;

    background-image: url("../images/pagebg.png");

    background-size: .27rem .27rem;

}



/* 綺���bottom */

.footer-bottom {

    width: 100%;

    height: .65rem;

    line-height: .65rem;

    background: #000;

}

.footer-bottom p {

    font-size: .14rem;

    color: #fff;

    font-family: "Microsoft YaHei Light";

}

.footer-bottom p a{color:#fff;}