body {
    color: #333;
    font-size: 100px;
   font-family:"PingFangr","微软雅黑","Arial",Helvetica,"黑体",Arial,Tahoma;
    margin:0 auto;
    position:relative;
    /* overflow-x: hidden; */
}
.slick-prev:before,.slick-next:before,.slick-dots li button:before{ display: none; }
.img-hide{ overflow:hidden; display: block; }

.img-hide img{ transition: 0.3s all; transform: scale(1,1); }
.img-hide:hover img{ transition: 0.3s all; transform: scale(1.05,1.05); }
.txt-elise{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    /*white-space: pre-wrap;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;*/
    }
.swiper-button-next:after, .swiper-button-prev:after{ display: none!important; }
li{ list-style:none;}
a{ color: #333; }
ul{ padding:0; margin:0;}
a:hover,a{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
p{ margin:0; }
html{ overflow-x: hidden; }
img{ max-width:100%; display: block; vertical-align: middle;}

.header{ padding:0 2.2rem; min-height: 114px; }
.logo{ margin-top: 32px; }
.logo img{ width: 3.38rem; }
.phone p{ font-size: 0.26rem; color: #141414; margin:0.3rem 0 0 0; }
.banner img{ width: 100%; }
.banner{ position: relative; }
.one-width{ width: 14rem; margin-top: 1rem; margin-left: auto; margin-right: auto; }
.one-sm .col-xs-6{ padding:0 0.25rem; }
.tt-back{ height: 0.84rem; margin-bottom: 0.3rem; background: url(../images/tt-back.png) center no-repeat; background-size: 100% 100%; font-size: 0.32rem; color: #fff; line-height: 0.66rem; }
.cp-back{ background:#f7f7f7; box-shadow: 0 0 24px rgba(141,141,141,0.3); padding:0.3rem 0.6rem;  }
.cp-tt{ color: #232323; font-size: 0.28rem; line-height: 0.45rem; }
.cp-img{ margin-top: 0.5rem;  }
.cp-img img{ height: 4.04rem; margin:0 auto; }
.cp-a{ display: block; background: #ff7d31; font-size: 0.34rem; line-height: 0.7rem; color: #fff; }
.tow-width{ width: 15.4rem; margin:0.8rem auto 0 auto; }
.tow-title{ height: 1.04rem; margin-bottom: 0.4rem; background: #1b437e url(../images/raw.png) 95% center no-repeat; background-size:0.44rem auto;  line-height: 1.04rem; border-radius: 0.44rem 0.44rem 0 0; color: #fff; font-size: 0.4rem; font-weight: bold; padding-left: 0.8rem; }
.tow-list li{ float: left; width: 20%; padding:0 6px; }
.tow-list{ margin:0 -6px; }
.tow-list li a{ display: block; position: relative; border-radius: 0.1rem; overflow:hidden; box-shadow: 0 0 20px rgba(141,141,141,0.3); }
.tow-list li a span{ position: absolute; left: 0; bottom: 0; right: 0; background: #1b437e; font-size: 0.3rem; color: #fff; font-weight: 400; line-height: 0.75rem; }
.tow-list li a img{ width: 100%; }
.three-box{ background: #1b437e; margin-top: 1.2rem; padding:0.3rem 0; }
.three-sm{ width: 15.4rem; margin:0 auto;  }
.three-tt{ font-size: 0.42rem; color: #fff; font-weight: bold; }
.three-p{ width: 7rem; text-align: justify; font-size: 0.25rem; color: #fff; line-height: 1.6; margin-top: 0.2rem; }
.three-more{ display: block; font-size: 0.3rem; color: #fff!important; font-weight: bold; width: 3.1rem; line-height: 0.52rem; background: #ff7d31; text-align: center; margin-top: 0.25rem; }
.three-img{ width: 9.56rem; margin-right: -1.55rem; }
.four-width{ width: 15.4rem; margin:1.1rem auto 0 auto;  }
.four-tt{ font-size: 0.58rem; color: #1b437e; font-weight: bold; padding-bottom: 0.3rem; background: url(../images/tt-lind.png) center bottom no-repeat; background-size: 9.57rem auto; }
.four-tt-sm{ font-size: 0.4rem; color: #1b437e; font-weight: bold; margin-top: 0.3rem; }
.four-left{ width: 7.8rem; }
.four-p{ font-size: 0.25rem; color: #252525; line-height: 1.6; text-align: justify; }
.four-list li{ float: left; margin-top: 0.2rem; width: 33.333333%; padding:0 0.2rem; }
.four-list{ margin:0 -0.2rem; }
.four-img img{ width: 2.3rem; height: 1.7rem; }
.four-list-p{ font-size: 0.21rem; color: #252525; line-height: 1.6; margin-top: 0.1rem; }
.four-right{ width: 7.15rem; margin-top: 0.1rem; }
.four-botom{ margin-top: 0.9rem; }
.five-back{ background: #f7f7f7; margin-top: 1.4rem; padding-top: 0.6rem; }
.five-sm{ width: 15.4rem; margin:0 auto; padding-bottom: 0.9rem;  }
.five-list li{ float: left; width: 33.333333%; padding:0 0.09rem; }
.five-list{ margin:0 -0.09rem; margin-top: 0.7rem; }
.five-list li a{ display: block; position: relative; box-shadow: 0 0 0.24rem rgba(12,42,87,0.2); padding:0.2rem; background: #1b437e; }
.five-img img{ width: 100%; height: 3.23rem; }
.five-tt{ font-size: 0.28rem; color: #fff; margin-top: 0.15rem; }
.six-back{ position: relative; overflow:hidden; margin-top: 1.55rem;  padding-bottom: 1rem;}
.six-sm{ width: 15.4rem; margin:0 auto; position: relative; z-index: 100;  }
.six-img img{ width: 100%; }
.six-img{ width: 7.34rem; }
.six-right{ width: 7.4rem; }
.six-right-tt{ font-size: 0.4rem; margin-bottom: 0.9rem; padding-bottom: 0.15rem; color: #1b437e; font-weight: bold; border-bottom: solid 0.03rem #1b437e; }
.six-back:before{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 1.35rem; background: #1b437e; padding-bottom: 1rem; }
.six-right-p{ font-size: 0.28rem; color: #fff; line-height: 1.7; text-align: justify; }
.banner-form{ font-size: 0.2rem; bottom: 0; background: #fff; padding:0.25rem 0; position: absolute; left: 3.2rem; right:3.2rem;  }
.banner-form .col-md-3{ width: 16.666666%!important; float: left; padding:0 0.1rem; background: url(../images/lind.png) right center no-repeat; }
.banner-form .row{ margin:0 -0.1rem; }
.banner-form .form-control{ height: 0.86rem; box-shadow: none; font-size: 0.2rem; border:none; background: none; background-size: auto 100%; }
.banner-form select{ height: 0.86rem; border:none; width: 100%!important; }
.banner-form .btn{ font-size: 0.26rem; margin-top: 0.1rem; color: #fff; padding:0; border:none; border-radius: 0; background: #ff7d31; width: 100%; line-height: 0.54rem; }
.banner-form .col-md-3:last-child{ padding:0 0.3rem; }
.mask-box{ position: fixed; font-size: 14px; left: 0; top: 0; right: 0; bottom: 0; background:rgba(0,0,0,0.5); z-index: 1000; display: none; }
.mask-box-sm{ position: fixed; padding: 20px 25px; z-index: 10000; left: 50%; background: #fff; margin-left: -250px; margin-top: -300px; top:50%; right: 0; width: 500px; }
.mask-open{ cursor: pointer; }
label{ font-size: 14px; }
.formbox h2{ font-size: 26px; color: #ff7d31; font-weight: bold; margin:0; }
.formbox p{ font-size: 20px; color: #5e5e5e; margin:5px 0 10px 0; }
.formbox .form input,.formbox .form textarea{ width: 100%!important; height: 40px; padding:0 10px; margin-bottom: 5px; }
.formbox .form select{ display: none; }
.formbox .form input.onpageinputbtt{ background: #ff7d31; border-color: #ff7d31; color: #fff; font-size: 22px; padding:6px 0; height: auto; }
.sub-footer p {
    text-align: center;

    background-color: #f4f4f4;
    width: 100%;
    margin-bottom: 0px;
    padding: 30px 0px;
    font-size: 15px;
    color: #aaaaaa;
}
@media( max-width: 767px){
    .mask-box-sm {
    width: 300px;
    margin-left: -150px;
}
.mask-box-sm {
    margin-top: -230px;
}
.formbox p{ font-size: 16px; }
    .header{ padding:0 15px; }
    label{ display: none; }
    .sub-footer p{ padding:15px; }
    .logo{ padding-top: 17px; }
    .logo img{ width: 73px; }
    .phone p{ margin:0; padding:5px 0; font-size: 12px; }
    .banner-form{ position: static; width: 100%; padding:15px; }
    .banner-form .col-md-3{ width: 100%!important; background: none; padding:0 0.1rem!important; }
    .banner-form .form-control,.banner-form select{ height: 34px; padding-left: 12px; border:solid 1px #ddd; background: none; font-size: 14px; margin-bottom: 10px; }
    .banner-form .btn{ line-height: 34px; font-size: 14px; margin:0; }
    .one-width{ width: 100%; padding:0 15px; margin-top: 0px; }
    .one-sm .col-xs-6{ width: 100%; margin-top: 20px; }
    .tt-back{ height: 44px; margin-bottom: 15px; background-size: 100% 100%; font-size: 18px; line-height: 35px; }
    .cp-tt{ font-size: 16px; line-height: 1.5; }
    .cp-back{ padding:15px; }
    .cp-img img{ height: auto; }
    .cp-a{ line-height: 40px; font-size: 16px; }
    .tow-width{ width: 100%; margin:20px auto 0 auto; padding:0 15px; }
    .tow-list li{ width: 50%; margin-bottom: 10px; padding:0 5px; }
    .tow-list{ margin:0 -5px; }
    .tow-title{ line-height: 50px; font-size: 22px; padding:0 15px;height: 50px; background-size: 20px auto; }
    .tow-list li a span{ font-size: 16px; line-height: 35px; }
    .three-box{ margin-top: 20px; padding:20px 0; }
    .three-sm{ width: 100%; padding:0 15px; }
    .three-left{ width: 100%; }
    .three-p,.four-p{ width: 100%; font-size: 14px; line-height: 25px; }
    .three-tt{ font-size: 18px; }
    .three-more{ font-size: 16px; width: 150px; line-height: 36px; margin-top: 10px; }
    .three-img,.four-width{ width: 100%; margin:15px 0 0 0; }
    .four-tt{ font-size: 24px; padding-bottom: 10px; background-size: auto 3px; }
    .four-tt-sm{ font-size: 13px; margin-top: 10px; }
    .four-width{ padding:0 15px; }
    .four-left{ width: 100%; }
    .four-img img{ width: 100%; height: auto; }
    .four-right{ width: 100%; margin-top: 15px; }
    .five-back{ margin-top: 0; }
    .five-sm{ width: 100%; padding:15px; }
    .six-img{ width: 100%; }
    .six-img img{ width: 100%; height: auto; }
    .six-right{ width: 100%; }
    .six-right-tt{ font-size: 16px; margin-bottom: 10px; margin-top: 15px; color: #fff; }
    .six-right-p{ font-size: 14px; line-height: 25px; }
    .six-sm{ width: 100%; padding:0 15px; }

}