body{
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    color: #000;
    font: 16px/1 "Microsoft YaHei",Arial,"Helvetica Neue", Helvetica,sans-serif;
    background: #ededed;
}
ul,ol,dl,p,h1,h2,h3,h4,h5{ margin: 0; padding: 0;}
a{ color: inherit; }
a:hover{ color: inherit; text-decoration: none;}
a:focus{ outline: 0; color: inherit; text-decoration: none; }
input:focus,textarea:focus{ outline: none;}
.imgHover{ overflow: hidden;}
.imgHover img{ 
    transition: all .5s linear;
    -o-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
}
.imgHover:hover img{
    transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
}


.header{ padding: 15px 0; line-height: 1; background: #fff;}
.header ul{ margin-top: 22px; line-height: 20px; }
.header li{ float: left; padding-left: 15px;  }
.header li + li{ border-left: 1px solid; margin-left: 15px; }
.header b{ font-size: 20px; color: #e60012;}
.header .tel{ font-size: 20px; font-weight: 700; color: #da251d; margin-top: 7px;}

.banner img{ width: 100%;}


h2{ font-size: 48px; font-weight: 700; color: #185bad;}

.foreword{ position: relative; padding: 80px 0 35px; background: #fff;}
.foreword .bg{ position: absolute; left: 0; bottom: 0; height: 69%; width: 100%; background: #e1261c;}
.foreword .bg span{ position: absolute; right: 0; bottom: 0; width: 63%; height: 100%; background: url("../images/foreword-bg.jpg") no-repeat center/cover;}
.foreword .container{ position: relative;}
.foreword .pic{ width: 53.75%;}
.foreword .txt{ width: 42.1%;}
.foreword .txt h2{ margin: 50px 0 40px;}
.foreword p{ font-size: 18px; line-height: 48px;}

.tit{ position: relative; text-align: center; padding-bottom: 45px; border-bottom: 1px dashed #666;}
.tit span{ position: absolute; left: 50%; bottom: -5px; width: 90px; height: 10px; margin-left: -45px; background: #185bad;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}

.gongyi{ padding: 80px 0; background: url("../images/gongyi-bg.jpg") no-repeat center/cover;}
.gongyi ul{ margin: 55px 0 80px;}
.gongyi li{ float: left; width: 32.3%; padding: 20px; height: 233px; line-height: 36px; background: #fff; cursor: pointer;
    -webkit-box-shadow: 3px 5px 6px 0 rgba(53, 53, 53, 0.2);
    -moz-box-shadow: 3px 5px 6px 0 rgba(53, 53, 53, 0.2);
    box-shadow: 3px 5px 6px 0 rgba(53, 53, 53, 0.2);}
.gongyi li + li{ margin-left: 1.55%;}
.gongyi li.on{ color: #fff; background: url("../images/gongyi1.png") no-repeat center/cover; }
.gongyi .li2.on{ background-image: url("../images/gongyi2.jpg");}
.gongyi .li3.on{ background-image: url("../images/gongyi3.jpg");}

.case{ padding: 80px 0; background: url("../images/case-bg.jpg") no-repeat center/cover;}
.case .tit{ color: #fff; border-bottom-color: #fff;}
.case .tit span{ background: #e1261c;}
.case .p{ margin: 45px 0 35px; color: #fff; text-align: center; line-height: 36px;}
.case .swiper-container{ padding-bottom: 65px;}
.case .swiper-slide{ position: relative; width: 779px; height: 438px; background: #000;}
.case .swiper-slide img{ opacity: 0.6;}
.case .swiper-slide p{ display: none; position: absolute; left: 0; bottom: 0; width: 100%; line-height: 60px; font-size: 20px; text-align: center; color: #fff; background: url("../images/case-hd.png") no-repeat center/cover;}
.case .swiper-slide-active img{ opacity: 1; }
.case .swiper-slide-active p{ display: block; }
.case .swiper-pagination{ bottom: 0;}
.case .swiper-pagination-bullet{ width: 14px; height: 14px; background: #cfcac9; opacity: 1;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;}
.case .swiper-pagination-bullet-active{ width: 56px; background: #e1261c; }
.case .swiper-button-next,.case .swiper-button-prev{ width: 52px; height: 52px; margin-top: -52px; color: #fff; font-family: Consolas; font-size: 32px; text-align: center; line-height: 52px; background: rgba(0,0,0,.5);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }
.case .swiper-button-prev{ left: 0;}
.case .swiper-button-next{ right: 0;}

.shili{ padding: 70px 0; background: #fff;}
.shili .p{ margin: 45px 0 30px; text-align: center; line-height: 30px;}
.shili h3{ padding-left: 60px; margin-bottom: 30px; font-size: 36px; font-weight: bold; color: #e1261c; background: url("../images/shili-icon.png") no-repeat left center;}
.shili .list1 li{ position: relative; float: left; width: 32.8%;}
.shili .list1 .pic{ position: relative;}
.shili .list1 .txt{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 12px 30px; color: #fff; background: url("../images/shili-hd.png") no-repeat center/cover;}
.shili .list1 h4{ font-size: 20px;}
.shili .list1 p{ margin-top: 10px; font-size: 14px; line-height: 30px;}
.shili .list1 .pic2{ margin-top: 10px;}
.shili .list1 .li2{ margin: 0 .8%; padding-top: 295px;}
.shili .list1 .li2 .pic2{ position: absolute; left: 0; top: 0; width: 100%; margin-top: 0;}

.shili .list1 + h3{ margin: 50px 0 40px;}
.shili .list2 li{ float: left; width: 24.745%;}
.shili .list2 li + li{ margin-left: .34%;}
.shili .list2 p{ text-align: center; line-height: 52px; background: #ebebeb;}


.product{ padding: 80px 0; background: #f6f6f6;}
.product ul{ margin: 5px -12px 0;}
.product li{ float: left; width: 50%; padding: 0 12px; margin-top: 50px;}
.product .pic{ width: 58.8%;}
.product .txt{ position: relative; width: 41.2%; padding: 25px 0; color: #333; }
.product .txt .bian{ position: absolute; left: 0; top: 4%; width: 94%; height: 92%; border: 2px solid #185bad; border-left-width: 0;}
.product .txt .cont{ position: relative; height: 210px; padding: 12px 20px; background: #eaedf0;}
.product .txt .name{ display: block; margin-bottom: 8px; font-size: 20px;}
.product .txt p{ text-indent: -10px; line-height: 28px; }
.product .txt .more{ display: block; margin-top: 8px; width: 114px; line-height: 34px; text-align: center; font-size: 18px; color: #fff; background: #e1261c;}

.fuwu{ padding-top: 75px; background: #fff;}
.fuwu .p{ width: 540px; margin: 60px auto 40px; font-size: 27px; color: #e1261c; border-bottom: 1px solid;}
.fuwu .p b{ display: inline-block; padding: 5px 10px; margin-right: 5px; font-size: 36px; color: #fff; background: #e1261c;}
.fuwu .p .b2{ margin-left: 40px;}
.fuwu li{ position: relative; float: left; width: 33.33%; padding: 20px 0 20px 165px; }
.fuwu .li2,.fuwu .li5{ border: solid #c8c8c8; border-width: 0 2px;}
.fuwu .li1,.fuwu .li2,.fuwu .li3{ line-height: 60px; border-bottom: 2px solid #c8c8c8;}
.fuwu .li4,.fuwu .li5,.fuwu .li6{ padding: 30px 0 15px 165px;}
.fuwu li img{ position: absolute; left: 90px; top: 50%; margin-top: -29px;}
.fuwu .li1 img{ left: 100px; }
.fuwu .li2 img{ margin-top: -27px;}
.fuwu .li3 img{ margin-top: -30px;}
.fuwu .li4 img,
.fuwu .li5 img,
.fuwu .li6 img{ margin-top: 0; top: 25px;}
.fuwu .li4 img{ left: 110px; top: 20px;}
.fuwu .li5 img{ left: 90px;}
.fuwu li b{ display: block; font-size: 24px; color: #333;}
.fuwu li span{ display: block; margin-top: 10px; font-size: 20px; color: #787878;}


.lianxi{ padding: 70px 0 50px; background: #fff;}
.lianxi .tit{ margin-bottom: 45px;}
.lx-lianxi{ padding: 0 0 40px; background: #f0f0f0;}
.lx-lianxi .kzx-title{ margin-bottom: 30px;}
.lx-biaodan{ width: 51.25%; }
.lx-biaodan p{ line-height: 36px; margin-bottom: 15px; }
.lx-biaodan p b{ color: #c40000; }
.lx-biaodan label{ font-weight: 400; color: #040000; line-height: 26px; }
.lx-biaodan input{ height: 30px; line-height: 30px; }
.lx-biaodan textarea{ line-height: 24px; resize: none; }
.lx-biaodan input,.lx-biaodan textarea{ padding: 0 3px; width: 100%; border: 1px solid #ccc; }
.lx-biaodan li{ position: relative; float: left; width: 100%; padding-left: 70px; margin-bottom: 17px; }
.lx-biaodan label{ position: absolute; left: 0; top: 0; font-size: 14px; }
.lx-biaodan label b{ position: absolute; left: -8px; top: 2px; color: #f00; }
.lx-biaodan .diqu,.lx-biaodan .name{ width: 48%; }
.lx-biaodan .name{ margin-right: 4%; }
.lx-biaodan .diqu label{ left: 20px; }
.lx-biaodan .saytext + li input{
    display: block; width: 140px; height: 32px;
    padding: 0; margin: 0 auto;
    text-align: center; line-height: 32px; color: #fff;
    border: 0 none; background: #c40000;
}
.lx-biaodan .LV_validation_message{ position: absolute; bottom: -16px; left: 70px; top: auto; right: 0; line-height: 1; font-size: 13px; height: 14px; font-weight: 400;  color: #c40000;}
.lx-biaodan .LV_valid{ font-size: 0;}

.lx-weixin{ width: 30.5%; margin-right: 70px; }
.lx-weixin  img + p{ margin: 10px 0 10px; line-height: 24px; }
.lx-weixin p + p{ line-height: 30px; }
.lx-weixin p b{ font-size: 24px; color: #c40000;}

.footer{ padding: 30px 0; background-color: #333; color: #fff;}
.footer a{ display: inline-block; padding: 0 5px; line-height: 46px;}
.footer a:hover{ text-decoration: underline;}

.goTop{ display: none; position: fixed; right: 10px; bottom: 80px; width: 50px; height: 50px; font-size: 23px; text-align: center; line-height: 50px; background: #c40000 url("../images/top.png") no-repeat center; color: #fff;  z-index: 9999; cursor: pointer;}


@media screen and (max-width: 1259px){

    h2{ font-size: 42px;}

    .foreword{ padding-top: 65px;}
    .foreword .bg{ height: 71%;}
    .foreword .txt{ width: 43%;}
    .foreword .txt h2{ margin: 25px 0 30px;}
    .foreword .txt p{ line-height: 40px;}

    .tit{ padding-bottom: 40px;}
    .gongyi{ padding: 65px 0;}
    .gongyi ul{ margin: 50px 0 65px;}
    .gongyi li{ height: 290px;}

    .case{ padding: 65px 0;}
    .case .swiper-container{ padding-bottom: 55px;}
    .case .swiper-slide{ width: 610px; height: 342px;}

    .shili{ padding: 60px 0;}
    .shili h3{ font-size: 34px;}
    .shili .list1 .li2{ padding-top: 234px;}
    .shili .list1 .txt{ padding: 10px 13px;}
    .shili .list1 h4{ font-size: 18px;}
    .shili .list1 p{ font-size: 13px; line-height: 22px;}
    .shili .list1 + h3{ margin: 40px 0 30px;}

    .product{ padding: 65px 0;}
    .product .txt{ padding: 20px 0;}
    .product .txt .cont{ height: 162px; padding: 12px;}
    .product .txt .name{ font-size: 18px;}
    .product .txt p{ font-size: 14px; line-height: 24px; text-indent: -8px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    .product .txt .more{ font-size: 16px; }

    .fuwu{ padding-top: 65px;}
    .fuwu .p{ margin-top: 50px;}
    .fuwu li{ padding: 15px 0 15px 110px!important;}
    .fuwu .li4, .fuwu .li5, .fuwu .li6{ padding-top: 25px!important;}
    .fuwu li img{ left: 35px!important;}
    .fuwu .li4 img{ left: 45px!important;}

    .lianxi{ padding: 50px 0 30px;}
    .lianxi .tit{ margin-bottom: 40px;}
    .lx-weixin{ width: 37.5%; margin-right: 0;}

}

@media screen and (max-width: 991px){
    .header ul{margin-top: 11px; font-size: 14px;}
    .header .logo img{ width: 140px;}
    .header b{ font-size: 16px;}

    h2{ font-size: 36px;}

    .foreword{ padding: 50px 0 30px;}
    .foreword .bg{ height: 72%;}
    .foreword .txt{ width: 44%;}
    .foreword .txt h2{ margin: 15px 0;}
    .foreword .txt p{ font-size: 16px; line-height: 30px;}

    .tit{ padding-bottom: 30px;}

    .gongyi{ padding: 50px 0;}
    .gongyi ul{ margin: 40px 0 45px;}
    .gongyi li{ height: 290px; padding: 15px; font-size: 15px; line-height: 32px;}

    .case{ padding: 50px 0;}
    .case .p{ margin: 35px 0 25px;}
    .case .swiper-container{ padding-bottom: 45px;}
    .case .swiper-slide{ width: 600px; height: 338px;}

    .shili{ padding: 45px 0;}
    .shili .p{ margin: 35px 0 25px;}
    .shili h3{ margin-bottom: 25px; font-size: 30px;}
    .shili .list1 .li2{ padding-top: 181px;}
    .shili .list1 .txt{ padding: 10px 10px;}
    .shili .list1 p{ margin-top: 6px; font-size: 12px; line-height: 18px;}
    .shili .list1 + h3{ margin: 35px 0 25px;}
    .shili .list2 p{ line-height: 46px;}

    .product{ padding: 50px 0;}
    .product ul{ margin: 10px -8px 0;}
    .product li{ padding: 0 8px; margin-top: 35px;}
    .product .txt{ padding: 13px 0;}
    .product .txt .cont{ height: 130px; padding: 10px;}
    .product .txt .name{ margin-bottom: 6px; font-size: 16px; font-weight: bold;}
    .product .txt p{ font-size: 12px; line-height: 18px; text-indent: -6px;}
    .product .txt .more{ margin-top: 6px; font-size: 14px; width: 100px; line-height: 30px; }

    .fuwu{ padding-top: 50px; }
    .fuwu .p{width: 500px; margin-top: 40px; font-size: 25px;}
    .fuwu .p b{ font-size: 32px;}
    .fuwu li{ padding: 15px 0 15px 75px!important;}
    .fuwu li b{ font-size: 22px;}
    .fuwu li span{ font-size: 18px;}
    .fuwu li img{ height: 46px; left: 20px!important; margin-top: -23px!important;}
    .fuwu .li4 img, .fuwu .li5 img, .fuwu .li6 img{ top: 50%;}
    .fuwu .li4 img{ left: 30px!important;}


    .lianxi{ padding: 40px 0 20px;}
    .lianxi .tit{ margin-bottom: 30px;}
    .lx-biaodan{ width: 53%;}
    .lx-biaodan p{ font-size: 14px; line-height: 30px;}
    .lx-weixin{ width: 44%; font-size: 14px;}
    
}

@media screen and (max-width: 767px){
    .header .logo img{ width: 120px;}

    h2{ font-size: 30px;}

    .foreword{ padding: 30px 0 25px;}
    .foreword .bg{ height: 80%;}
    .foreword .bg span{ width: 100%; height: 68%;}
    .foreword .pic{ width: 100%;}
    .foreword .txt{ width: 100%; margin-top: 10px;}

    .tit{ padding-bottom: 20px;}
    .tit span{ width: 80px; margin-left: -40px; height: 6px; bottom: -3px; }

    .gongyi{ padding: 35px 0;}
    .gongyi ul{ margin: 30px 0;}
    .gongyi li{ height: 260px; font-size: 14px; line-height: 24px;}

    .case{ padding: 35px 0;}
    .case .p{ margin: 25px 0 20px; font-size: 14px; line-height: 28px;}
    .case .swiper-container{ padding-bottom: 20px;}
    .case .swiper-slide{width: 100%; height: auto;}
    .case .swiper-slide p{ font-size: 16px; line-height: 22px; padding: 2.5vw 5px;}
    .case .swiper-pagination-bullet{ width: 10px; height: 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;}
    .case .swiper-pagination-bullet-active{ width: 30px;}

    .shili{ padding: 30px 0;}
    .shili .p{ margin: 20px 0 15px; font-size: 14px; line-height: 28px;}
    .shili h3{ margin-bottom: 20px; font-size: 24px; padding-left: 40px; background-size: 30px 23px;}
    .shili .list1 .li2{ padding-top: 0;}
    .shili .list1 .li2 .pic2{ position: static; }
    .shili .list1 .pic{ margin-top: 1vw!important;}
    .shili .list1 .txt{ padding: 0;}
    .shili .list1 h4{ font-size: 14px; padding: 10px 5px; text-align: center;}
    .shili .list1 p{ display: none;}
    .shili .list1 + h3{ margin: 25px 0 15px;}
    .shili .list2 li{ width: 49%; }
    .shili .list2 li + li{ margin-left: 0;}
    .shili .list2 p{ line-height: 34px; font-size: 14px;}
    .shili .list2 img{ width: 100%;}

    .product{ padding: 35px 0;}
    .product ul{ margin: 15px 0 0;}
    .product li{ width: 100%; padding: 0; margin-top: 3vw;}
    .product .pic img{ width: 100%;}
    .product .txt{ position: relative; height: 44.167vw; padding: 0;}
    .product .txt .bian{ top: 1.8vw; height: 38.167vw; }
    .product .txt .cont{ position: absolute; top: 5vw; height: 32.167vw; width: 100%; padding: 3vw;}
    .product .txt .name{ margin-bottom: 10px; font-size: 18px; font-weight: bold;}
    .product .txt p{ font-size: 14px; line-height: 28px; text-indent: -8px;}
    .product .txt .more{ margin-top: 10px; }

    .fuwu{ padding-top: 35px; }
    .fuwu .p{ width: 68vw; margin: 8vw auto 6vw; font-size: 3.6vw;}
    .fuwu .p b{ font-size: 5vw; padding: 5px 1vw; margin-right: 1vw;}
    .fuwu .p .b2{ margin-left: 3vw;}
    .fuwu li b{ font-size: 3.2vw;}
    .fuwu .li1, .fuwu .li2, .fuwu .li3{ padding: 3vw .5vw 3vw 9vw!important; line-height: 6vw;}
    .fuwu .li4, .fuwu .li5, .fuwu .li6{ padding: 2vw .5vw 2vw 9vw!important;}
    .fuwu li span{ font-size: 2.5vw; margin-top: .5vw; line-height: 4.4vw;}
    .fuwu li img{ left: 2vw!important; height: 6vw; margin-top: -3vw!important;}
    .fuwu .li4 img{ left: 3vw!important;}


    .lianxi{ padding: 30px 0;}
    .lianxi .tit{ margin-bottom: 20px;}
    .lx-biaodan{ width: 100%;}
    .lx-biaodan .diqu, .lx-biaodan .name{ width: 100%;}
    .lx-weixin{ width: 100%;}

    .footer{ padding: 15px 0;}
    .footer img{ width: 120px;}
    .footer a{ font-size: 14px; line-height: 34px; }

}
@media screen and (max-width: 600px){
    .gongyi li{ width: 100%; height: auto; font-size: 15px; line-height: 28px;}
    .gongyi li + li{ margin: 15px 0 0;}

    .product .txt p:nth-child(4){ display: none;}

}
@media screen and (max-width: 520px){
    .product .txt{ height: 40vw;}
    .product .txt .bian{ top: 2vw; height: 36.167vw; }
    .product .txt .cont{ top: 5.5vw; height: 30.168vw; padding: 2vw;}
    .product .txt .name{ font-size: 3.5vw; margin-bottom: 2vw;}
    .product .txt p{ font-size: 2.6vw; line-height: 5vw; text-indent: -6px;}
    .product .txt .more{ width: 20vw; font-size: 2.8vw; line-height: 7vw;}

    .fuwu li{ width: 50%; border: 0!important; border-top: 2px solid #c8c8c8!important;}
    .fuwu li b{ font-size: 3.6vw;}
    .fuwu li span{ font-size: 3vw; margin-top: 1vw; line-height: 5vw;}
    .fuwu .li1, .fuwu .li2{ border-width: 0!important;}
    .fuwu .li1, .fuwu .li3, .fuwu .li5{ border-right: 2px solid #c8c8c8!important;}
    .fuwu .li1, .fuwu .li2, .fuwu .li3{ padding: 3vw .5vw 3vw 12vw!important; line-height: 7.6vw;}
    .fuwu .li4, .fuwu .li5, .fuwu .li6{ padding: 2vw .5vw 2vw 12vw!important;}
    .fuwu li img{ left: 3vw!important; height: 7vw; margin-top: -3.5vw!important;}
    .fuwu .li1 img{ left: 3.6vw!important;}
    .fuwu .li4 img{ left: 5.2vw!important;}

}
@media screen and (max-width: 450px){
    .case .swiper-slide p{ font-size: 14px; line-height: 18px;}

    .shili .list1 h4{ font-size: 12px; letter-spacing: -.7px; padding: 10px 2px;}


    .footer img{ width: 78px;}
    .footer a{ padding: 0 .1vw; font-size: 12px; line-height: 22px; }

}