html,body{
    width:100%;
    height:100%;
    color:#fff;
    background: #f7f5f5;
}

/*=================全局=================*/
.yahei,.yahei *{font-family: "Microsoft YaHei New", "Microsoft Yahei", 微软雅黑 !important;}
h1,h2,h2 *,b,span,p{font-size: inherit;}
.content{width: 70%;}
.contents{max-width:100%;margin: 0 auto;}
.paddings{padding: 80px 0;}
.margin60{margin-top: 60px;}
.banner img{width: 100%;display: block;}
.img_box{overflow: hidden;}
.img_box img{height: 100%;}
.tit{text-align: center;margin:4em 0;}
.tit h2{font-size: 2.6em;}
.tit h2 b{
    font-size: 1.2em;
    color: #fff;
    background: #b32230;
    border-radius: 20px;
    padding: 0 20px;
}
.tit p{font-size: 1.5em;color: #777;}


#content .box{width: 100%; position: relative;padding-bottom: 70px;overflow: hidden;padding-top: 30px; }

.video_box{
    background: #999;
    background-size: cover;
    height: 700px;
    text-align: center;
}
.video_box video{margin-top: 100px;  height: 500px;}

.yingxiao_wt{overflow: hidden;}
.yingxiao_wt .imgs{float: left;width: 30%;margin: 0 3%;}
.yingxiao_wt .img_box{
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 30px;
}
.yingxiao_wt .imgs img{width: 100%;display: inline-block;}
.yingxiao_wt ul{width: 30%;float: left;margin-top: 5%;}
.yingxiao_wt ul li{
    border-radius: 50%;
    width: 100%;line-height:3.5em;
    text-align: center;float: left;
    margin: 0px 4%;margin-bottom: 60px;
    box-shadow: 0px 1px;
    background: #fff;
    box-sizing: border-box;
    font-size: 2em;
    color: #b32230;
    font-family: "Microsoft YaHei New", "Microsoft Yahei", 微软雅黑 !important;
}
.yingxiao_wt ul li.redli{-webkit-text-stroke: 1px #fff;color: #fff;background: #b32230;}
.yingxiao_wt ul li:last-child{width: 92%;}
.yingxiao_wt ul .margin-r{margin-right: -20px;}
.yingxiao_wt ul .margin-l{margin-left: -20px;}

.yingxiao_wtjj{overflow: hidden;}
.yingxiao_wtjj .content{margin:3% auto;}
.yingxiao_wtjj .img_box{float: left;width: 40%;height: 532px;}
.yingxiao_wtjj ul{float: right;width: 59%;height: 532px;}
.yingxiao_wtjj ul li{
    line-height: 24px;
    width: 48%;
    float: left;
    background: #fff;
    box-sizing: border-box;
    padding: 1.5em;
    margin: 0 1%;
    height: 31.3%;
    overflow: hidden;
    margin-bottom: 2%;
}
.yingxiao_wtjj ul li h2{font-size:1.6em;}
.yingxiao_wtjj ul li p{font-size: 1.2em;width: 90%;margin-top: 15px;line-height: 26px;}
.yingxiao_wtjj ul li p b{color: #b32230;}


.about{background: #f3f3f3;overflow: hidden;}
.about_img{
    width:55%;height: 500px;
    overflow: hidden;
    float: left;
    margin-bottom: 50px;
}
.about_img img{width: 100%;}
.about_r{width: 40%;float: right;margin-top: 4%;}
.about_r p{margin-top: 50px;font-size: 1.2em;line-height: 32px;}
.lishi{overflow: hidden;margin-top: 50px;}
.lishi_content{border-top: 1px solid #bbb;margin-bottom: 50px;}
.lishi_content ul li:after{
    content: '';
    width: 0px;
    height: 0px;
    position: absolute;
    top: 35px;right: 0px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 20px solid #b32230;
    border-bottom: 15px solid transparent;
}
.lishi_content ul li{margin-top: -50px;position: relative;}
.lishi_content ul li span{
    display: inline-block;
    background:  #0a69ad;
    color: #fff;
    width: 100px;height: 100px;
    border-radius: 50%;
    line-height: 100px;text-align: center;
    font-size: 1.4em;
}
.lishi_content ul li p{line-height: 28px;margin-top: 30px;}
.lishi_content .swiper-pagination{bottom: 50px;}

.mendian{overflow: hidden;}
.mdli{float: left;width: 25%;padding:0 5px;box-sizing: border-box;overflow: hidden;height: 300px;margin-bottom: 10px;}
.mendian li:first-child{width: 65%;height: 450px;}
.mendian li:nth-child(2){width: 35%;height: 450px;}
.mendian li img{width: 100%;min-height: 100%;}

.youshi .about_img{width: 52%;margin: 0;}
.youshi .about_r{margin: 0;width: 45%;}
.youshi .about_r h2{margin-top: 13px;font-size: 1.2em;}
.youshi .about_r p{margin-top: 0px;font-size: 16px;line-height: 24px;}
.pin_anli{background: #fff;}
.anli,.pinpai{
    width: 100%;
    padding-bottom:60px;
    margin: 20px auto;
}
.swiper-slide {
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.anli_wrapper .swiper-slide {width: 25%;  }
.swiper-slide p{margin-top: 10px;}
.anli_wrapper .swiper-slide .img_box{width: 100%;height: 300px;}

.kefu_wrapper .swiper-slide { width: 20%;border: 1px solid #c1bdbd;padding-bottom: 20px;box-sizing: border-box;}
.kefu_wrapper .swiper-slide .img_box{width: 100%;height: 150px;padding:25px;box-sizing: border-box;}
.kefu_wrapper .swiper-slide img{height: 100%;max-width: 100%;display: inline-block;}
.swiper-pagination{bottom:0px;z-index: 9;left: 50%;}
.swiper-pagination-bullet{margin-left: 10px;background: none;border: 1px solid #222;width: 15px;height: 15px;}
.swiper-pagination-bullet-active{background: #b32230;border: 1px solid #b32230;}

.shichang{}
.sc_l,.sc_r{width: 40%;float: left;margin: 0 5%;}
.shichang_dl{overflow: hidden;width:100%;padding: 10px;box-sizing: border-box;}
.shichang_dl dt{}
.shichang_dl dt img{width: 100%;}
.shichang_dl dd h2{font-size: 1.8em;margin: 20px 0;}
.shichang_dl dd p{font-size: 1.2em;line-height: 1.8em;}
.shichang_dl dd p b{color: #b32230;}

.quyu{overflow: hidden;margin-top: 60px;}
.quyu .left{width: 65%;float: left;}
.quyu .font{}
.quyu .font span{
    display: inline-block;
    width: 23%;
    background: #333;
    color: #fff;
    margin: 0 1%;
    border-radius: 20px;
    text-align: center;
    line-height: 28px;
}
.quyu .left img{width: 100%;}
.quyu .right{width: 30%;margin-top: 6%;}

.qiangm{overflow: hidden;}
.qiangm ul{margin-top: 6%;overflow: hidden;}
.qiangm ul li{float: left;width: 50%;height:500px;overflow: hidden;}
.qiangm ul li img{width: 100%;min-height: 100%;}
.qiangm_text{
    border-radius: 50%;border: 10px solid #003366;
    position: absolute;
    top: 50%;left: 50%;
    width: 500px;height: 500px;
    background: #fff;
    overflow: hidden;
    margin-left: -250px;
    margin-top: -250px;
    padding: 20px;
    box-sizing: border-box;
}
.qiangm_text h2{
    text-align: center;
    font-size: 3em;
    color: #0066cc;
    margin-top: 13%;
}
.qiangm_text h2 span{
    font-size: 1.5em;
    -webkit-text-stroke: 1px #b32230;
    color: #b32230;
    display: block;
}
.qiangm_text p{line-height: 32px;font-size: 1.3em;padding:5px 20px;}

.tuzhuang_ul{overflow: hidden;}
.tuzhuang_ul li{width: 30.3%;margin: 0px 1.5%;float: left;margin-bottom: 50px;}
.tuzhuang_ul li img{width: 100%;}
.tuzhuang_ul li p{line-height: 32px;}


.product{background: #fff;}
.protit{
    background: url("../images/zhaoshang/img_logo.jpg") no-repeat center;
    height: 235px;
    overflow: hidden;
    margin:3em auto;
    background-size: contain;
}
.protit h2{margin-top: 155px;}

.xiaoshou,.support{background: #f3f3f3;overflow: inherit !important;}
.xs_bg{background:#b32230;height:300px;width: 100%; overflow: hidden;position: absolute;bottom: 0;}
.xs_q{display: block;position: absolute;bottom: 0;z-index: 9;width: 30%;}
.xs_text{margin-left: 30%;margin-top:4%;}
.xs_text h2{color: #fff;font-size: 2.5em;}
.xs_text p{color: #eee;font-size: 1.2em;line-height: 32px;}
.taocan{overflow: hidden;position: absolute;left: 5%;right: 5%;}
.taocan li{float: left;width:22%;box-sizing: border-box;margin:25px 1.5%;position: relative;overflow: hidden;}
.taocan li:nth-child(4),.taocan li:nth-child(2){margin-top: 6%;}
.taocan li .ico{width: 100%;height: 300px;    box-sizing: border-box;}
.taocan li .ico img{width: 100%;display: block;min-height: 100%;}
.taocan li .text{position: absolute;bottom:0;background: rgba(0,0,0,0.8);padding:15px;text-align: center;box-sizing: border-box;width: 100%;}
.taocan li .text h2{color: #fff;font-size: 1.6em;line-height: 2em;}
.taocan li .text p{color:#ddd;font-size: 1.2em;line-height: 1.4em;}


.yxmoshi,.white_bg{background: #fff;overflow: hidden;}
.yxmoshi .img_box{width: 60%;float: left;height:650px;overflow: hidden;}
.yxmoshi .img_box img{width: 100%;}
.yxmoshi ul{width: 40%;float: left;background: #f3f3f3;height: 650px;}
.yxmoshi ul li{position: relative;height:80px;margin: 60px 0;}
.yxmoshi ul li span{
    background: #b32230;
    color: #fff;
    position: absolute;
    margin-left: -70px;
    display: block;
    width: 130px;line-height: 80px;
    border-radius: 50%;
    font-size: 2em;
    text-align: center;
    font-weight: 600;
}
.yxmoshi ul li p{line-height: 80px;margin-left: 90px;font-size: 1.6em;}

.support_box .img_box{width: 30%;float: left;height:480px;overflow: hidden;}
.support_box .img_box img{width: 100%;height: auto;}
.support_ul{width: 65%;float: left;margin-left: 5%;}
.support_ul li{margin-bottom: 20px;font-size: 1.4em;}
.support_ul li span{
    font-size: 1.2em;
    background: #b32230;
    color: #fff;
    border-radius: 50%;
    width: 50px;line-height: 50px;
    text-align: center;
    display: inline-block;
    margin-right: 15px;
}
.requir_ul{overflow: hidden;}
.requir_ul li{
    width: 23%;height: 180px;
    margin: 20px 1%;
    background: #fff;
    padding: 30px;
    box-sizing: border-box;
    float: left;
    box-shadow: 1px 3px 6px #ddd;
}
.requir_ul li h2{font-size: 1.6em;margin-bottom: 10px;}
.requir_ul li p{font-size: 1.2em;line-height: 1.4em;color: #777;}

.liuyan_tit{margin:60px 0;text-align: center;}
.liuyan_tit h2{font-size: 5em;color: #fff;}
.liuyan_tit p{font-size: 2.5em;color: #fff;}
.liuyan_box{
    background: url("../images/zhaoshang/liuyan.jpg") no-repeat center top;
    height:1060px;width: 100%;
    overflow: hidden;
}
.liuyan_content{
    background: rgba(255,255,255,0.8);
    width: 55%;
    margin: 80px auto;
    padding: 80px;
    box-sizing: border-box;
    overflow: hidden;
}
.liuyan_form{width: 50%;}
.liuyan_form p,.liuyan_form textarea{background: #fff;border-radius: 10px;line-height: 38px;margin-bottom: 15px;padding: 5px 10px;width: 58%;}
.liuyan_form p input{border: 0;line-height: 38px;}
.liuyan_form p label{color: #888;}
.liuyan_form textarea{border: 0;height:150px;width: 70%;}
.sub_btn{
    background: #b32230;
    color: #fff;
    font-size: 1.5em;
    display: block;
    width: 150px;
    line-height: 50px;
    border-radius: 50px;
    text-align: center;
    margin: 20px 100px;
    margin-bottom: 0;
    cursor: pointer;
}
.liuyan_text{width: 40%;margin-left: 10%;}
.liuyan_text .photo img{vertical-align: middle;}
.liuyan_text .photo strong{font-size: 2em;-webkit-text-stroke:2px #b32230;color: #b32230;}
.liuyan_text p{font-size: 1.3em;margin-top: 15px;}
.liuyan_text .code{text-align: center;margin-top: 30px;}


#back{
    color:#fff;
    font-size: 25px;
    width:60px;
    height: 60px;
    border:2px solid #ccc;
    background: #222;
    cursor: pointer;
    position: fixed;
    bottom: 50px;
    right: 60px;
    text-align: center;
    line-height: 60px;
    display: none;
    _position:absolute;
    _right:50px;
    _top:expression(eval(document.documentElement.clientHeight-this.offsetHeight-50+document.documentElement.scrollTop));
    z-index: 999;
}

@media (max-width: 1680px) {
    .tit h2{font-size: 2.4em;}
    .tit{margin: 3em 0;}
    .content {width: 100%;}
    .mendian li{height: 320px;}
    .mendian li:first-child,.mendian li:nth-child(2){height: 480px;}
    .xs_q{height: 500px;}
    .xs_text{margin-top: 2%;margin-right: 2%;}
    .qiangm ul li{height: 400px;}
    .about .desc{font-size: 1.2em;line-height: 26px;width: 80%;}
    .about_ul li p{font-size: 1.6em;margin-top: 15px;}
    .lishi_content ul li span{
        width: 80px;
        height: 80px;
        line-height: 80px;
        font-size: 1.2em;
    }
    .lishi_content ul li p{margin-top: 10px;font-size: 1em;line-height: 24px;}
    .lishi_content .swiper-pagination{bottom: 10px;}
    .anli_wrapper .swiper-slide .img_box{height: 230px;}
    .kefu_wrapper .swiper-slide .img_box{height: 130px;}
    .product_content{height:550px; margin-left: -5%;}
    .product_content li{padding: 0!important;}
    .product_content li:nth-child(2), .product_content li:nth-child(3) {margin-left: 15%;}
    .product_content li:nth-child(3), .product_content li:nth-child(4) {padding-top: 2%!important;}
    .product_content img{width: 130px;}
    .liuyan_content{width: 85%;}
}


@media (max-width: 1480px) {
    .tit h2{font-size: 2em;}
    .tit{margin: 2em 0;}
    .lishi_content ul li span {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 1em;
        margin-top: 18px;
    }
    .yingxiao_wtjj ul li h2{font-size:1.5em;}
    .yingxiao_wtjj ul li p{font-size: 1.1em;}
    .lishi_content{margin-top: 70px;}
    .about .about_desc{height: 380px;}
    .about_ul li p,.requir_ul li h2{font-size: 1.4em;}
    .support_ul li{font-size: 1.2em;}
    .about_ul li:nth-child(1){width: 180px;height: 180px;}
    .lishi_content ul li:after{
        top: 40px;
        border-top: 10px solid transparent;
        border-left: 15px solid #b32230;
        border-bottom: 10px solid transparent;
    }

    #content .banner{height: 1000px;}
    .yingxiao_wtjj ul li p{width: 100%;}
}

@media (max-width: 1280px) {
    .xs_q{height: 400px;}
    .qiangm ul{margin: 0;}
    #content .banner{height: 800px;}
}

@media (max-width: 980px) {

}
@media (max-width: 680px) {

}
@media (max-width: 580px) {
}