body {
    background: url("4557268.png") no-repeat center top;
}
/****** 首页 ******/
.warp { width: 100%; overflow: hidden; margin: 0 auto; }

a:hover { cursor:pointer; }

.w955 { width: 955px; margin: 0 auto; overflow: hidden; }

/* .bg-color { background: #fff; } */

.w950 { width: 950px; margin: 0 auto; overflow: hidden; }

.mar-top { margin-top: 360px; }

.header { width: 100%; height: 560px; overflow: hidden; }
.header .href-nav { position: absolute; left: 0px; top: 50px; width: 100%; height: 50px; }
.w1000 { width: 1000px; margin: 0 auto; overflow: hidden; }
.w1065 {
    width: 1065px;
    margin: 0 auto;
    overflow: hidden;
}
.header .logo-btn { width: 352px; height: 60px; float: left; }
.header .logo-btn img { width: 100%; }
.header .false-btn { width: 122px; height: 25px; float: right; margin: 15px 0px 0px 0px; }
.header .logo-btn a, .header .false-btn a { display: block; width: 100%; height: 100%; margin: 0 auto; }

.header .banner-animation { position: absolute; top: 220px; left: 0px; z-index: 99999; width: 100%; height: auto; }
.header .banner-animation .w1000 { position: relative; height: auto; display: flex; flex-direction: column; align-items: center;}
.header .banner-animation .w1000 .banner-text1{ position: relative; width: 643px;}
.header .banner-animation .w1000 .banner-text2{ position: relative; width: 1000px; margin-top: 70px;}
.header .banner-animation .w1000 .banner-text3{ position: relative; width: 621px;height: 51px; margin-top: 50px;}

@keyframes myfirst {
    0% {
        left: -630px;
    }

    100% {
        left: 0;
    }
}

@-moz-keyframes myfirst /* Firefox */ {
    0% {
        left: -630px;
    }

    100% {
        left: 0;
    }
}

@-webkit-keyframes myfirst /* Safari and Chrome */ {
    0% {
        left: -630px;
    }

    100% {
        left: 0;
    }
}

@-o-keyframes myfirst /* Opera */ {
    0% {
        left: -630px;
    }

    100% {
        left: 0;
    }
}


@keyframes myfirst2 {
    0% {
        right: -592px;
    }

    100% {
        right: 0;
    }
}

@-moz-keyframes myfirst2 /* Firefox */ {
    0% {
        right: -592px;
    }

    100% {
        right: 0;
    }
}

@-webkit-keyframes myfirst2 /* Safari and Chrome */ {
    0% {
        right: -592px;
    }

    100% {
        right: 0;
    }
}

@-o-keyframes myfirst2 /* Opera */ {
    0% {
        right: -592px;
    }

    100% {
        right: 0;
    }
}

.header .banner-animation img{ width: 100%; }


.video-box {
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 99999999;
    width: 100%;
    height: 100%;
}

.wap-banner-box {
    width: 100%;
    height: 100%;
}

    .wap-banner-box img {
        width: 100%;
        height: 100%;
    }
    
/* 内容 */
.content {
    width: 1000px;
    overflow: hidden;
    margin: 0 auto;
}
.content-boxs { width: 100%; overflow: hidden; margin: 0 auto; }

.toutiao {
    width: 100%;
    height: 100px;
    margin-top: 50px;
}
.toutiao img{display:inline-block}
.toutiao .toutiao-text{
        display: inline-block;
        width: 100%;;
        height: 100px;
}
    .toutiao .toutiao-text p {
        width: 920px;
        height: 100%;
        margin: 0 auto;
        font-size: 36px;
        color: #d8352f;
        display: flex;
        justify-content: center;  /* 水平居中 */
        align-items: center; 
    }
    .toutiao-text p a{
        font-size: 36px;
        line-height: 100px;     
        color: #d8352f;
        font-weight: 900;
        display: inline-block;   /* 确保链接也是行内块 */
        vertical-align: middle;  /* 垂直居中微调 */
    }
        /* .toutiao-text p a:hover {
            color: #d8352f;
        } */
        .one .top {
            border-bottom: dotted 3px #a0a0a0;
        }
.one .top a:hover { color: #d34947!important; }

.one  { width: 100%; overflow: hidden;background: #fff;}
.one  .left { width: 528px; height: 335px; }
    .one  .left .device {
        width: 528px;
        height: 335px;
        position: relative;
        overflow: hidden;
    }
.one  .left .swiper-container { width: 528px; height: 335px; }
.one  .left .swiper-slide { position: relative; }
.one  .left .swiper-slide img { display: block; width: 100%; height: 335px; }
    .one  .left .swiper-title {
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 100%;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
        text-indent: 0;
        color: #fff;
        z-index: 999;
        background-color: rgba(188, 84,86,0.8);;
    }
.one  .left .pagination { position: absolute; right: 0px; bottom: 12px; text-align: center; font-size: 0px; z-index: 9999; }
    .one  .left .swiper-pagination-switch {
        display: inline-block;
        width: 9px;
        height: 9px;
        background: #d5d5d5;
        border-radius: 50%;
        margin: 0 5px;
        cursor: pointer;
    }
    .one  .left .swiper-active-switch {
        background: #d8352f;
    }

 .one .right{
    width: 442px;
    height: 320px;
    padding: 15px 10px 0 20px;
 }
.one .right .top,
.one .right .bottom,
.one .right .top .title, 
.one .right .top .content{
    width: 100%;
    overflow: hidden;
    float: left;
    text-align: left;
    color: #595757;
}
 .one .right .top .title{
    line-height: 30px;
    font-size: 21px;
    font-weight: bolder;
}
.one .right .top .content{
    line-height: 24px; margin: 6px 0px 15px 0px; font-size: 14px; color: #595757; 
}
.one .right .top a{
    color: #595757; 
}

.one .right .bottom{ 
    padding: 5px 0px 20px 0px;
    position: relative;}
.one .right .bottom ul{
    width: 100%;
    overflow: hidden;
}
.one .right .bottom ul li{
    width: 100%;
    overflow: hidden;
    float: left;
    line-height: 42px;
    font-size: 16px;
    color: #595757;
}
.one .right .bottom ul li:hover{
    color: #b31f23;
}

.two{
    margin-top: 40px;
}
.two .top{border-bottom: dotted 1px #a0a0a0;}
.two .left,.two .right{ width: 494px; height: 502px; position: relative;}
.two .left .content{width: 494px; background: #fff; margin-top: 15px; position: relative;height: 414px;}
.two .left .content .contanier{width: 444px;position: relative;height: 338px; padding: 25px;}
.two .left .top,
.two .left .bottom,
.two .left .top .title, 
.two .left .top .content{
    width: 100%;
    overflow: hidden;
    float: left;
    text-align: left;
    color: #595757;
    height: auto;
}
.two .left .top .content a{color: #595757;}
 .two .left .top .title{
    line-height: 30px;
    font-size: 21px;
    font-weight: bolder;
}
.two .left .top .content{
    line-height: 24px; margin: 6px 0px 15px 0px; font-size: 14px; color: #595757; position: relative;;
}
.two .left .top .more{
    line-height: 24px; margin: 6px 0px 15px 0px; font-size: 14px; color: #595757; 
}

.two .left .bottom{ 
    padding: 5px 0px 20px 0px;
    position: relative;}
.two .left .bottom ul{
    width: 100%;
    overflow: hidden;
}
.two .left .bottom ul li{
    width: 100%;
    overflow: hidden;
    float: left;
    line-height: 42px;
    font-size: 16px;
    color: #595757;
    position: relative; 
    padding-left: 10px;
}
.two .left .bottom ul li:before{
    content: "";
    background: #595757;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.two .left .bottom ul li:hover{
    color: #b31f23;
}
.two .more{position: absolute;width: 100%; height: 24px;line-height: 24px; 
    right: 0; bottom: 0; font-size: 14px; background-color: #f6f6f6; text-align: right;}



.two .right .content{width: 494px; background: #fff; margin-top: 15px; position: relative;height: 414px;}
.two .right .content .contanier{width: 444px;position: relative;height: 338px; padding: 15px;}
.two .right .device { width: 252px; height: 370px;  position: relative; overflow: hidden; }
.two .right .swiper-container {width: 252px;  width: 100%; height: 370px; }
.two .right .swiper-slide {width: 252px; height: 370px;  position: relative; }
.two .right .swiper-slide img { display: block; width: 100%; height: 100%; }
.two .right .swiper-title { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 40px; line-height: 40px; font-size: 14px;
 text-indent: 1.5em; color: #fff; background: url("#"); z-index: 999; } 
.two .right .pagination { display: none; position: absolute; right: 25px; text-align: center; bottom: 10px; z-index: 999; } 
.two .right .swiper-pagination-switch { display: inline-block; width: 9px; height: 9px; background: #fff; border-radius: 50%;
 margin: 0 3px; cursor: pointer; } 
.two .right .swiper-active-switch { width: 25px; height: 9px; border-radius: 25px; background: #fff; }
.mobile-box {
    width: 177px;
    height: 366px;
    position: absolute;
    right: 0px;
    top: 15px;
    z-index: 9999;
    overflow: hidden;
    background: url("4557270.png") no-repeat center;
    background-size:100%;
}
.mobile-box .picMarquee-top{margin: 0 auto;
    width: 80px;
    height: 265px;
    overflow: hidden;
    margin-top: 75px;
    overflow: hidden;
    position: relative;}
.mobile-box .picMarquee-top .hd{
    display: none;
    overflow: hidden;
    height: 30px;
}
.mobile-box .picMarquee-top .bd .tempWrap{
    margin-top: -15px
}
.mobile-box .picMarquee-top .bd ul{
    overflow:hidden;
    zoom: 1;
}
.mobile-box .picMarquee-top .bd ul li{
    width: 100%;
    line-height: 30px;
    margin: 0 0 10px 0;
    border-radius: 5px;
    font-size: 18px;
    color: #fff;
}
.mobile-box .picMarquee-top .bd ul li .title{
    line-height: 30px;
    margin: 0 0 10px 0;
    border-radius: 5px;
    font-size: 18px;
    color: #fff;
    background-color: #c90d0c;
    text-align: center;
}
.mobile-box .picMarquee-top .bd ul li .pic img{
    width: 80px;
    height: 80px;
    margin: 0 auto;
    display:block;
}


.four { margin-top: 30px; }
.four .titlePic { text-align: center; width: 100%;}
.four .all-title a { float: none; margin: 0 auto; }
.four .four-lb-box { width: 100%; overflow: hidden; float: left; margin-top: 10px; background-color: #fff;}

.multipleColumn {
    overflow: hidden;
    position: relative;
    width: 1135px;
}

.multipleColumn .tempWrap {
width: 100% !important;
}

.multipleColumn .bd {
overflow: hidden;
}

.multipleColumn .bd ul {
overflow: hidden;
zoom: 1;
width: 338px;
height: 460px;
float: left;
}

.multipleColumn .bd ul li {
width: 338px;
height: 212px;
overflow: hidden;
margin: 20px auto 0px auto;
}

.multipleColumn .bd ul li img {
width: 323px;
height: 212px;
display: block;
border-radius:17px;
}

.multipleColumn .bd ul li a:hover img {
border-color: #999;
}

.multipleColumn .bd ul li .title {
line-height: 24px;
}


.five { height: 648px; margin: 50px 0px 42px 0px;  }
.five .titlePic { text-align: left; width: 100%;}
.five .all-title a { float: none; margin: 0 auto; }
.five .five-con-box { width: 1000px; overflow: hidden; float: left; margin-top: 10px; background-color: #fff; height: 548px; }
.five .five-con-box .left { width: 650px; height: 525px; overflow: hidden; margin: 10px;}

.five .five-con-box .left .device2 { width: 100%; height: 525px; margin: 0 auto; position: relative; overflow: hidden; }
.five .five-con-box .left .six-style-con { overflow: hidden; }
.five .five-con-box .left .swiper-container { width: 100%; height: 525px; }
.five .five-con-box .left .swiper-wrapper { width: 100%; height: 525px; }

.five .five-con-box .left .swiper-slide { width: 100%; height: 525px; text-align: center; overflow: hidden; position: relative; }
.five .five-con-box .left .swiper-slide a { display: block; width: 100%; height: 100%; }
.five .five-con-box .left .swiper-slide img { width: 100%; height: 525px; vertical-align: middle; }
.swiper-title {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    text-align: left;
    text-indent: 1em;
    background-color: rgb(188, 84,86,0.8);
}

.five .five-con-box .left .pagination { display: none; position: absolute; right: 18px; bottom: 15px; text-align: center; width: auto;
 height: auto; z-index: 999; }.five .five-con-box .leftt .swiper-pagination-switch { display: inline-block; width: 30px; height: 4px; 
    border-radius: 4px; background: #e6e4dc; margin: 0 5px; cursor: pointer; }
.five .five-con-box .left .swiper-active-switch { background: #ff9900; }

.five .five-con-box .right { width: 302px; height: 525px; overflow: hidden; margin: 10px;}
.five .five-con-box .right .picMarquee-top2 { width: 100%; overflow:hidden; position:relative; }
.five .five-con-box .right .picMarquee-top2 .hd { display: none; overflow:hidden; height: 30px; }
.five .five-con-box .right .picMarquee-top2 .bd { height: 525px; overflow: hidden; }
.five .five-con-box .right .picMarquee-top2 .bd .tempWrap { height: 525px!important; }
.five .five-con-box .right .picMarquee-top2 .bd ul { overflow: hidden; zoom: 1; }
.five .five-con-box .right .picMarquee-top2 .bd ul li { width: 302px; text-align:center; zoom: 1; float: left;
 margin: 11px 0px 11px 0px; background: #ffffff; position: relative; }
.five .five-con-box .right .picMarquee-top2 .bd ul li img { width: 100%; height: 200px; margin: 0 auto; display: block; }
/* 二级列表页 */ 
.url-nav { width: 100%; overflow: hidden; float: left; margin-top: 10px; line-height: 50px; font-size: 16px; color: #1a1a1a; }
.url-nav .w950 { text-indent: 1em; border-bottom: solid 1px #999; } 
.url-nav a { font-size: 14px; color: #1a1a1a; } 

.li-style { width: 100%; overflow: hidden; float: left; margin-top: 15px; }
.li-style ul li { width: 100%; height: 40px; float: left; line-height: 40px; position: relative; } 
.li-style ul li a { color: #000; }
    .li-style ul li:after {
        content: "";
        position: absolute;
        left: 15px;
        top: 50%;
        margin-top: -3px;
        width: 6px;
        height: 6px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background: #595757;
    } 
.li-style ul li .b-left { width: 80%; overflow: hidden; float: left; text-align: left; text-indent: 2em; font-size: 16px; } 
.li-style ul li .b-right { width: 20%; overflow: hidden; float: left; text-align: right; font-size: 14px; color: #999999; } 

.page-box { width: 100%; overflow: hidden; float: left; padding: 20px 0px; text-align: center; font-size: 0; }
    .page-box font {
        display: inline-block;
        padding: 5px 10px;
        margin: 0px 5px;
        font-size: 16px;
        color: #fff;
        border: solid 1px #c83e3f;
        border-radius: 5px;
        background: #c83e3f;
    } 
.page-box a { display: inline-block; padding: 5px 10px; margin: 0px 5px; font-size: 16px; border: solid 1px #c83e3f; border-radius: 5px; }
.page-box a:hover { cursor: pointer; color: #fff!important; border: solid 1px #c83e3f; border-radius: 5px; background: #c83e3f; }
/* 二级列表页 end */ 
 
 
/* 内容页 */ 
.title-box { width: 100%; line-height: 30px; overflow: hidden; padding: 10px 0px; font-size: 24px; font-weight: bold;
 text-align: center; } 
.fb-time { width: 100%; line-height: 40px; overflow: hidden; margin-bottom: 20px; text-align: center; font-size: 14px; 
 border-bottom: solid 1px #ddd; } 
.content-boxs .texts-boxs { width: 96%; overflow: hidden; padding: 0px 2% 50px 2%; }
.content-boxs .texts-boxs p img { display: block; max-width: 100%; margin: 0px auto; }
.pc-box { position: absolute; left: 0px; bottom: 0px; width: 100%; padding: 20px 0px; overflow: hidden; } 
.print-close { width: 100%; overflow: hidden; margin: 50px 0px 0px 0px; text-align: center; } 
.print-close span { padding: 0px 10px; } 
.print-close span a { color: #414141; } 
.border-b { border-bottom: solid 1px #ac0000; box-sizing: border-box; margin-bottom: 0px; } 
/* 内容页 end */

/* 总修改 start */
/*img:hover {
    transform: scale(1.1);
    transition: all 1s;
}*/
.all-title img:hover {
    transform: none;
}