body {
    background: url("../image/3458693.jpg") no-repeat center top;
}

.warp { width: 100%; overflow: hidden; margin: 0 auto; }

a:hover { color: #1a1a1a!important; }

.w1155 { width: 1155px; margin: 0 auto; overflow: hidden; }

.bg-color { background: #fff; }

.w1100 { width: 1100px; margin: 0 auto; overflow: hidden; }

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


.header { width: 100%; height: 695px; overflow: hidden; }
.header .href-nav { position: absolute; left: 0px; top: 50px; width: 100%; height: 50px; }
.w1065 { width: 1065px; margin: 0 auto; overflow: hidden; }
.header .logo-btn { width: 352px; height: 50px; float: left; margin-left: 106px; }
.header .logo-btn img { width: 100%; }
.header .false-btn { width: 122px; height: 24px; float: right; margin: 5px 16px 0px 0px; }
.header .logo-btn a, .header .false-btn a { display: block; width: 100%; height: 100%; margin: 0 auto; }

.header-lh-img { width: 100%; overflow: hidden; margin-top: 213px; }
.header-lh-img img { margin-left: 130px; }

.header .banner-animation { position: absolute; top: 325px; left: 0px; z-index: 99999; width: 100%; height: auto; }
.header .banner-animation .w1065 { position: relative; height: 300px; }
.header .banner-animation .left { position: absolute; left: 148px; top: 0px; width: 630px; height: 136px;
    animation:myfirst 3s;
    -moz-animation:myfirst 3s; 
    -webkit-animation:myfirst 3s; 
    -o-animation:myfirst 3s; 
}

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

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

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


.header .banner-animation .right { position: absolute; right: 78px; bottom: 0px; width: 592px; height: 165px;
    animation:myfirst2 3s;
    -moz-animation:myfirst2 3s; 
    -webkit-animation:myfirst2 3s; 
    -o-animation:myfirst2 3s; 
}

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

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

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

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

.header-lh-text { width: 100%; overflow: hidden; margin-top: 365px; text-align: center; font-size: 0px; }
.header-lh-text span.hlt-border { display: inline-block; border: solid 1px #fff; border-radius: 15px; }
.header-lh-text span { display: inline-block; border: solid 2px #da0b15; border-radius: 15px; }
.header-lh-text span b { display: inline-block; height: 45px; padding: 0px 38px; line-height: 45px; font-size: 30px; color: #da0b15;
 font-weight: 900; border: solid 1px #fff; border-radius: 15px; -webkit-text-stroke: 0.5px #fff; } 



.content { width: 100%; overflow: hidden; }
.content-boxs { width: 100%; overflow: hidden; margin: 0 auto; }

.one .top { width: 100%; overflow: hidden; float: left; padding: 10px 0px; line-height: 65px; text-align: center; font-size: 56px; }
.one .top a { color: #000000; }
.one .top a:hover { color: #d34947!important; }

.one .bottom { width: 100%; overflow: hidden; float: left; margin-top: 35px; }
.one .bottom .left { width: 645px; height: 435px; }
.one .bottom .left .device { width: 645px; height: 435px; position: relative; overflow: hidden; }


    
    
    
    
    
    
    
    


    
    
    
    
    
    
    
    

.one .bottom .left .swiper-container { width: 645px; height: 435px; }
.one .bottom .left .swiper-slide { position: relative; }
.one .bottom .left .swiper-slide img { display: block; width: 100%; height: 100%; }
.one .bottom .left .swiper-title { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 60px; line-height: 60px;
 font-size: 16px; text-indent: 1.5em; color: #fff; background: url("../image/3458705.png"); z-index: 999; }
.one .bottom .left .pagination { position: absolute; right: 20px; bottom: 20px; text-align: center; font-size: 0px; z-index: 9999; }
.one .bottom .left .swiper-pagination-switch { display: inline-block; width: 13px; height: 13px; background: #c93332; border-radius: 50%;
 margin: 0 3px; cursor: pointer; }
.one .bottom .left .swiper-active-switch { background: #fff; }

.one .bottom .right { width: 465px; height: 435px; }
.one .bottom .right .r-top,.one .bottom .right .r-bottom,.one .bottom .right .r-top .r-title,.one .bottom .right .r-top .r-jj {
    width: 100%; overflow: hidden; float: left; text-align: left; }

.one .bottom .right .r-top { border-bottom: solid 1px #ba0200; }
.one .bottom .right .r-top .r-title { margin-top: -7px; line-height: 40px; font-size: 26px; color: #000; }
.one .bottom .right .r-top .r-jj { line-height: 30px; margin: 6px 0px 25px 0px; font-size: 18px; color: #595757; }
.one .bottom .right .r-top .r-jj a { color: #e8242e; }  

.one .bottom .right .r-bottom { padding: 14px 0px 39px 0px; border-bottom: solid 1px #ba0200; position: relative; }
.one .bottom .right .r-bottom ul { width: 100%; overflow: hidden; }
.one .bottom .right .r-bottom li { width: 100%; overflow: hidden; float: left; line-height: 54px; font-size: 20px; text-indent: 1.5em;
 position: relative; }
.one .bottom .right .r-bottom li:after { content: ''; position: absolute; left: 0px; top: 50%; z-index: 999; margin-top: -4.5px;
 width: 8px; height: 9px; background: #d34947; }
.one .bottom .right .r-bottom li a { color: #585755; }

.all-title { width: 100%; height: 48px; overflow: hidden; float: left; text-align: center; font-size: 0px;
 background: url("../image/3458716.png") no-repeat center; }
.all-title b { display: inline-block; height: 48px; margin: 0 auto; font-size: 0px; color: #bb0200; position: relative; }
.all-title b:after { content: ''; position: absolute; left: 0px; bottom: 0px; width: 143px; height: 19px;
 background: url("../image/3458700.png") no-repeat; }
.all-title b:before { content: ''; position: absolute; right: 0px; top: 0px; width: 143px; height: 19px;
 background: url("../image/3458701.png") no-repeat; }
.all-title a { display: inline-block; padding: 7px 36px; line-height: 34px; font-size: 34px; color: #bb0200; font-weight: 900;
 -webkit-text-stroke: 1px #fff; }
 
.more-btn { position: absolute; bottom: 20px; right: 0px; height: 22px; font-size: 16px; }
.more-btn a { display: block; width: 100%; height: 100%; float: left; color: #595758; }


.two { margin-top: 100px; }
.two .left { width: 510px; overflow: hidden; }
.two .left .news-ul { width: 470px; margin-top: 40px; }

.news-ul,.news-top,.news-t-title,.news-t-jj,.news-bottom { width: 100%; overflow: hidden; float: left; text-align: left; }
.news-top { border-bottom: solid 1px #bb0200; }
.two .left .news-t-title { font-size: 24px; color: #000; line-height: 40px; text-align: left; font-weight: 600; }
.two .left .news-t-jj { padding: 5px 0px 25px 0px; line-height: 30px; font-size: 16px; color: #595856; }
.two .left .news-t-jj a { color: #e73c44; }

.two .left .news-bottom { height: 270px; padding: 15px 0px 28px 0px; border-bottom: solid 1px #bb0200; position: relative; }
.two .left .news-bottom ul li { width: 100%; line-height: 54px; overflow: hidden; float: left; font-size: 20px; color: #575757; }
.two .left .news-bottom ul li a { color: #575757; }
.two .left .more-btn { bottom: 15px; } 

.two .right { width: 578px; overflow: hidden; float: right; }
.two .right .top-box,.two .right .top-box .top-b-title,.news-title-ul { width: 100%; overflow: hidden; float: left;
 text-align: left; }
.two .right .top-box .two-rt-box { width: 100%; overflow: hidden; background: url("../image/3458694.png") no-repeat center top; }
.two .right .top-box .trb-mar { background: url("../image/3458695.png") no-repeat center top; }
.two .right .top-box .top-b-title { margin-top: 38px; line-height: 18px; font-size: 18px; text-align: center; color: #d8000f; }
.two .right .top-box .trb-mar .top-b-title { margin-top: 13px; }
.two .right .top-box .top-b-title a { color: #d8000f; }
.two .right .news-title-ul { padding-bottom: 13px; }
.two .right .top-box .trb-mar .news-title-ul { padding-bottom: 21px; }
.two .right .news-title-ul ul { width: 100%; overflow: hidden; text-align: center; font-size: 0px; }
.two .right .news-title-ul ul li { display: inline-block; padding: 0px 6px; margin-top: 20px; overflow: hidden; text-align: center; }
.two .right .trb-mar .news-title-ul ul { margin-top: 3px; }
.two .right .trb-mar .news-title-ul ul li { margin-top: 14px; }
.two .right .news-title-ul ul li .img { width: 88px; height: 88px; overflow: hidden; margin: 0 auto; border-radius: 50%; }
.two .right .news-title-ul ul li .img img { width: 88px; }
.two .right .news-title-ul ul li .name { width: 100%; line-height: 20px; margin-top: 12px; font-size: 16px; color: #000000; text-align: center; }


.three { margin-top: 116px; }
.three .w1155 { height: 455px; overflow: visible; border-bottom: solid 25px #c90d0c; }
.three .left { width: 620px; overflow: hidden; }
.three .left .news-ul { width: 560px; margin-top: 40px; }
.three .left .news-bottom { padding-bottom: 45px; position: relative; }
.three .left .news-bottom ul li { width: 100%; overflow: hidden; font-size: 0px;; }
.three .left .news-bottom ul li:nth-child(odd) { background-color: #ecdbd4; }
.three .left .news-bottom ul li span { display: inline-block; margin-left: 42px; line-height: 35px; text-indent: 1.5em; font-size: 16px;
 background: url("../image/3458715.png") no-repeat center left; }
.three .left .news-bottom ul li a { color: #595757; }
.three .left .more-btn { bottom: 16px; }

.three .right { width: 532px; height: 455px; position: relative; }
.three .right .device { width: 225px; height: 335px; margin-top: 45px; position: relative; overflow: hidden; }






















.three .right .swiper-container { width: 100%; height: 325px; }
.three .right .swiper-slide { position: relative; }
.three .right .swiper-slide img { display: block; width: 100%; height: 100%; }
.three .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("../image/3458716.png"); z-index: 999; } 
.three .right .pagination { display: none; position: absolute; right: 25px; text-align: center; bottom: 10px; z-index: 999; } 
.three .right .swiper-pagination-switch { display: inline-block; width: 9px; height: 9px; background: #fff; border-radius: 50%;
 margin: 0 3px; cursor: pointer; } .three .right .swiper-active-switch { width: 25px; height: 9px; border-radius: 25px; background: #fff; }
.mobile-box { position: absolute; right: 30px; top: 60px; z-index: 9999; width: 225px; height: 410px; overflow: hidden;
 background: url("../image/3458708.png") no-repeat center; }


.four { margin-top: 87px; } 
.four .four-lb-box { width: 100%; height: 500px; overflow: hidden; float: left; margin-top: 20px;
 background: url("../image/3458720.png") no-repeat center; } 


.five { margin-top: 86px; }
.five .five-con-box { width: 100%; overflow: hidden; float: left; margin: 26px 0px 80px 0px; }
.five .five-con-box .left { width: 820px; height: 620px; overflow: hidden; }

.five .five-con-box .left .device2 { width: 100%; height: 620px; 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: 620px; }
.five .five-con-box .left .swiper-wrapper { width: 100%; height: 620px; }

.five .five-con-box .left .swiper-slide { width: 100%; height: 620px; 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: 620px; 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: url("../image/3458705.png") center; }

.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: 308px; height: 620px; overflow: hidden; position: relative; }
.five .five-con-box .right:after, .five .five-con-box .right:before { content: ''; position: absolute; left: 0px; z-index: 999;
 width: 100%; height: 10px; background: #de3c3a; }
.five .five-con-box .right:after { top: 0px; }
.five .five-con-box .right:before { bottom: 0px; }
.five .five-con-box .right .picMarquee-top2 { width: 308px; overflow:hidden; margin-top: 35px; 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: 555px; overflow: hidden; }
.five .five-con-box .right .picMarquee-top2 .bd ul { overflow:hidden; zoom:1; }
.five .five-con-box .right .picMarquee-top2 .bd ul li { width: 308px; text-align:center; zoom:1; float: left;
 margin: 8px 0px 8px 0px; background: #fff; position: relative; }
.five .five-con-box .right .picMarquee-top2 .bd ul li img { width: 100%; height: 265px; 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 .w1100 { 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: 15px 0px 60px 0px; }
.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: 0px; top: 50%; margin-top: -3px; width: 6px; height: 6px;
 -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #ff6564; } 
.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; }
 
 
 
 
.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; }