body{font:14px/1.5 "Microsoft YaHei","黑体","宋体",sans-serif;color:#333;background-color:#222}
body,div,p,img,h1,h2,h3,h4,h5,h6,form,table,th,tr,td,select,ul,ol,li,dl,dt,dd{margin:0;padding:0;outline:none}
a{color:#333;text-decoration:none}
li{list-style:none}
.fl{float:left}
.fr{float:right}
.cs{cursor:pointer}
img{vertical-align:top}
.overflow1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.overflow2{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.overflow3{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.clearfix:after{content:'';display:block;clear:both;height:0;visibility:hidden}
.clearfix{zoom:1}
/* flex */
.flex{display:-webkit-flex;display:flex}
.flex-col{display:-webkit-flex;display:flex;flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.item-center{align-items:center}
.item-end{align-items:flex-end}
.justify-center{justify-content:center}
.justify-end{justify-content:flex-end}
.justify-between{justify-content:space-between}
.justify-around{justify-content:space-around}
.w1200{width:1200px;margin:0 auto}
.hide{display:none}

/*------PC版-----*/
.main{min-width:1230px}
/* 留边距 */
.wrapper {width:1230px;margin:0 auto;padding:0 15px;box-sizing:border-box}
.header {height:32px;border-bottom:1px solid #dfdfdf;background:#fff}
.w1000 {width:1000px;margin:0 auto}
.header .fr {color:#aaa;line-height:32px}
.header .fr a {color:#666;padding:0 10px}

.banner>img{width:100%}
.nav{background:#d53c40;text-align:center;padding:12px 0;font-size:0px}
.nav a{font-size:20px;color:#fff;display:inline-block;height:46px;line-height:46px;padding:0 20px;border-radius:23px;margin:0 20px;font-weight:bold}
.nav a.cur,.nav a:hover{color:#D53C40;background-color:#fff}
.dy{padding:100px 0 120px 0;color:#fff}
.dy .fl{margin-left:60px}
.dy .fl h2{font-size:50px}
.dy_text{margin-right:55px;width:850px;font-size:18px;line-height:38px;color:#CCCCCC}
.dy_text p{text-align:justify}
.dy_text p b{color:#fff}
.module{padding:100px 0 110px 0}
h1.tit{font-weight:bold;font-size:70px;color:#fff;text-align:center}
h3.subtit{font-weight:400;font-size:22px;color:#fff;text-align:center;margin-bottom:100px}
.video-box{position:relative;border:1px solid #D53C40;box-sizing:border-box;width:720px;height:405px}
.video-box .videobg{width:100%;height:100%}
.video-box .playicon{cursor:pointer;position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);transition:all 0.5s}
.video-box .playicon:hover{transform:translate(-50%,-50%) scale(.8);transition:all 0.5s}
.second{background:url(images/bg2.png);background-position:top center;background-repeat:no-repeat;background-size:cover}
.second .annual{position:relative}
.second .annual::before{content:"";position:absolute;left:-118px;top:-155px;width:424px;height:424px;background:#ED403A;border-radius:50%;background:linear-gradient(135deg,rgb(237,64,58) 15%,rgb(237,64,58,0) 70%)}
.event{width:450px;height:405px;background:#D53C40;color:#fff;padding:30px 35px 0 35px;box-sizing:border-box;position:relative}
.event::before{position:absolute;content:"";left:0;top:0;width: 0;height: 0;border-top:145px solid #ffffff;border-right: 145px solid transparent;}
.event img{width:100%;height:200px;position:relative;z-index:2;}
.event h4{font-size:24px;margin:15px 0 12px 0;text-align:center}
.event p{font-size:14px;line-height:22px}
.event p span{text-decoration:underline}
.third{background:url(images/bg3.png);background-position:top center;background-repeat:no-repeat;background-size:cover}
.third .industry{position:relative}
.third .industry::before{content:"";position:absolute;right:-144px;top:-156px;width:414px;height:414px;border-radius:50%;background:linear-gradient(0deg,#222222,#D83F39)}
.third .tlist{margin-top:23px}
.third .tlist li{float:left;margin-top:25px;width:380px;height:180px;background:#FFFFFF;padding:20px 20px 0 20px;box-sizing:border-box;position:relative}
.third .tlist li:not(:nth-child(3n)){margin-right:30px}
.third .tlist li::before{position:absolute;content:"";left:0;top:0;width:0;height:0;border-top:35px solid #D83F39;border-right:35px solid transparent}
.third .tlist li h4{margin-bottom:15px;font-size:20px;color:#000000;line-height:30px;height:60px}
.third .tlist li p{font-size:14px;color:#666666;line-height:22px}
.third .tlist li:hover h4,.third .tlist li p span{color:#D53C40}
.fourth .wrapper{width:1470px}
.fourth{background:url(images/bg4.png);background-position:top center;background-repeat:no-repeat;background-size:cover}
.flist li{float:left;margin-bottom:10px;width:350px;height:360px;background:#FFFFFF;padding:15px 15px 0 15px;box-sizing:border-box;position:relative}
.flist li:not(:nth-child(4n)){margin-right:10px}
.flist li::before{position:absolute;content:"";left:0;top:0;width:0;height:0;border-top:130px solid #D83F39;border-right:130px solid transparent}
.flist li a{position:relative;z-index:2}
.flist li div{width:100%;height:200px}
.flist li img{width:100%;height:100%}
.flist li h4{margin:15px 0 12px 0;font-size:20px;color:#000000;line-height:30px}
.flist li p{font-size:14px;color:#666666;line-height:22px}
.flist li a:hover h4,.flist li p span{color:#D53C40}
.fifth .flist{width:1072px;margin:0 auto}
.fifth .flist li:nth-child(3n){margin-right:0px}
.case{position:relative;padding:25px 0;background:#D53C40;margin:25px 0 37px 0}
.case_item{height:180px;cursor:pointer;position:relative}
.case_item>img{width:100%;height:100%}
.case_item>div{position:absolute;z-index:1;left:0;bottom:0;width:100%;height:44px;background:linear-gradient(180deg,rgba(0,0,0,0),#000000)}
.case_item>div h4{margin-left:10px;font-size:16px;color:#FFFFFF;line-height:46px}
.case_item>div img{position:absolute;z-index:1;right:10px;bottom:8px;transition:all 0.5s}
.case_item:hover>div img{transform:scale(1.2);transition:all 0.5s}
.swiper{
    width: 1310px;
    position:unset !important;
    --swiper-navigation-sides-offset:23px;
    --swiper-pagination-bottom: -37px;
    --swiper-pagination-bullet-horizontal-gap:5px;
    --swiper-pagination-bullet-width:14px;
    --swiper-pagination-bullet-height:14px;
    --swiper-pagination-color:#D53C40;
    --swiper-pagination-bullet-inactive-color:#fff;
    --swiper-pagination-bullet-inactive-opacity:1;
    --swiper-pagination-bullet-border-radius:7px;
}
.swiper-pagination{font-size:0}
.swiper-button-prev::after,.swiper-button-next::after{content:"" !important}
.swiper-button-next img{transform:rotate(180deg)}
.fifth{background:url(images/bg5.png);background-position:top center;background-repeat:no-repeat;background-size:cover}
.innovate{width:1200px;margin:35px auto 0}
.innovate ul{width:450px}
.innovate ul li{position:relative;color:#fff;width:100%;height:94px;background:#000000;border:1px solid #000000;padding:0 10px 0 60px;box-sizing:border-box}
.innovate ul li.act{background:#D53C40;border-color:#D53C40}
.innovate ul li:not(:first-child){margin-top:10px}
.innovate ul li:hover{border-color:#D53C40}
.innovate ul li div.flex{height:100%}
.innovate ul li div.flex img{position:absolute;z-index:1;left:20px;top:50%;transform:translateY(-50%)}
.innovate ul li div.flex h2{font-size:20px}
.innovate ul li div.flex p{margin-top:5px;font-size:18px;line-height:20px}
.sixth{background:url(images/bg6.png);background-position:top center;background-repeat:no-repeat;background-size:cover}
.sixth .brand li{float:left;width:190px;height:100px;background:#FFFFFF;padding:2px;margin-bottom:10px;box-sizing:border-box}
.sixth .brand li:not(:nth-child(6n)){margin-right:10px}
.sixth .brand li img{width:100%;height:100%;object-fit:contain}
.sixth .brand li:first-child{padding:0;background-color:#D53C40}
.seventh .word h1{color:#fff;font-size:28px}
.seventh .word h1 span{font-size:88px;line-height:80px;padding-left:15px}
.seventh .word h1:first-child{margin-left:25px;vertical-align:top}
.seventh .word h1:last-child{text-align:right;margin-right:130px;vertical-align:bottom}
.seventh .word div{position:relative;padding:35px 55px 0 100px;width:735px;height:425px;box-sizing:border-box;background:#FFFFFF;margin:-40px 0 40px calc(100% - 735px)}
.seventh .word div::before{position:absolute;z-index:-2;content:"";left:-465px;top:75px;width:700px;height:413px;background:#D53C40}
.seventh .word div p{margin-top:40px;font-size:18px;color:#333333;line-height:38px}
.seventh .word div img.wordpeo{position:absolute;z-index:1;bottom:0;left:-447px;width:494px;height:330px}
.lm_title{margin:100px 0 45px 0;font-size:30px;line-height:48px;color:#655858;display:inline-block;border-bottom:5px solid #FD1F1E}
.contactus{padding-bottom:100px}
.contactus h6{padding-bottom:10px;font-size:24px;line-height:30px;color:#525252;position:relative}
.contactus h6::after{content:"";position:absolute;z-index:1;left:0;bottom:0;width:50px;height:1px;background:#F38058}
.contactus p{font-size:16px;line-height:36px;color:#655858}
.contactus .qrcode{width:129px;height:129px;border:1px solid #ED7C5E}
.hide-video{position:fixed;z-index:-5;right:-2px;bottom:-2px;width:2px;height:2px}
.hide-video video{width:100%;height:100%}
.h5warp{display:none}

@media screen and (max-width:767px) {
    .pcwarp{display:none}
    .h5warp{display:block}

    .main{min-width:100%}
    .wrapper{width:100%;padding:0 .3rem}
    .module{padding:2rem 0 2.2rem 0}
    .dropdown{background:#d53c40;color:#fff;font-size:.52rem;height:1.6rem;padding:0 .4rem}
    .dropbtn{width:.8rem;height:.8rem}
    .nav{padding:0;width:100%;height:11.4rem;position:absolute;z-index:2;left:0;display:none}
    .nav a{font-size:.52rem;display:block;height:1.4rem;line-height:1.4rem;padding:0;border-radius:0;margin:0;font-weight:normal}
    .nav a:hover{color:#fff;background-color:#D53C40}
    .dy{padding:2rem .5rem 2.4rem .5rem}
    .dy .fl{margin-left:0}
    .dy .fl img{width:1.4rem;margin:.3rem .32rem 0 0}
    .dy .fl h2{font-size:1rem;display:inline-block}
    .dy_text{margin:.8rem 0 0 0;width:auto;font-size:.48rem;line-height:.8rem;color:#CCCCCC}
    .dy_text p{text-align:justify}
    .dy_text p b{color:#fff}
    h1.tit{font-size:1.4rem}
    h3.subtit{font-size:.48rem;margin-bottom:2rem}
    .video-box{width:100%;height:8.1rem}
    .video-box .playicon{width:1.6rem;height:1.6rem}
    .second .annual::before{left:-1.2rem;top:-1.8rem;width:4rem;height:4rem}
    .event{width:100%;height:auto;padding:.6rem .7rem}
    .event::before{border-top-width:4rem;border-right-width:4rem}
    .event img{width:100%;height:8rem}
    .event h4{font-size:.6rem;margin:.3rem 0 .24rem 0}
    .event p{font-size:.48rem;line-height:auto}
    .third .industry::before{right:-1.2rem;top:-1.8rem;width:4rem;height:4rem}
    .third .tlist{margin-top:.46rem}
    .third .tlist li{float:none;margin-top:.5rem;width:100%;height:auto;padding:.68rem .4rem}
    .third .tlist li:not(:nth-child(3n)){margin-right:0}
    .third .tlist li::before{border-top-width:1.2rem;border-right-width:1.2rem}
    .third .tlist li h4{margin-bottom:.3rem;font-size:.6rem;line-height:.8rem;height:auto}
    .third .tlist li p{font-size:.48rem;line-height:.68rem}
    .fourth .wrapper,.fifth .flist{width:100%}
    .flist li{float:none;margin-bottom:.4rem;width:100%;height:auto;padding:.4rem}
    .flist li:not(:nth-child(4n)){margin-right:0}
    .flist li::before{border-top-width:4rem;border-right-width:4rem}
    .flist li img{width:100%;height:8rem}
    .flist li h4{margin:.4rem 0 .32rem 0;font-size:.6rem;line-height:.8rem}
    .flist li p{font-size:.48rem;line-height:.68rem}

    .case{padding:.5rem 0;margin:.5rem 0 .74rem 0}
    .case_item{height:7.6rem}
    .case_item>div{height:1.2rem}
    .case_item>div h4{margin-left:.5rem;font-size:.6rem;line-height:1rem}
    .case_item>div img{right:10px;bottom:8px}
    .swiper{
        width: 80%;
        --swiper-navigation-sides-offset:.2rem;
        --swiper-pagination-bottom: -0.74rem;
        --swiper-pagination-bullet-horizontal-gap:.1rem;
        --swiper-pagination-bullet-width:.28rem;
        --swiper-pagination-bullet-height:.28rem;
        --swiper-pagination-bullet-border-radius:.14rem;
    }
    .innovate{width:100%;margin:.8rem auto 0}
    .innovate ul{width:100%}
    .innovate ul li{height:auto;padding:.4rem;background:#000000;border-color:#000000}
    .innovate ul li.act{background:#000000;border-color:#000000}
    .innovate ul li:not(:first-child){margin-top:.4rem}
    .innovate ul li div.flex img{display:none}
    .innovate ul li div.flex h2{margin-top:.2rem;font-size:.6rem}
    .innovate ul li div.flex p{margin-top:.1rem;font-size:.48rem;line-height:.68rem}
    .sixth .brand li{width:calc(33.3% - 0.4rem);height:2rem;margin-bottom:.2rem}
    .sixth .brand li:not(:nth-child(6n)){margin-right:0}
    .sixth .brand li:not(:nth-child(3n)){margin-right:.2rem}
    .seventh .word h1{font-size:.56rem}
    .seventh .word h1 span{font-size:1.6rem;line-height:1.6rem;padding-left:.3rem}
    .seventh .word h1:first-child{margin-left:.5rem}
    .seventh .word h1:last-child{margin-right:.5rem}
    .seventh .word div{padding:.7rem .8rem;width:100%;height:auto;margin:.4rem 0}
    .seventh .word div::before{display:none}
    .seventh .word div img.wordmh{width:1.4rem}
    .seventh .word div p{margin-top:.8rem;font-size:.48rem;line-height:.68rem}
    .seventh .word div img.wordpeo{position:relative;z-index:1;bottom:0;left:0;width:100%;height:auto;margin-top:.5rem}
    .lm_title{margin:2rem 0 .9rem 0;font-size:.68rem;line-height:.96rem;border-bottom-width:.1rem}
    .contactus{padding-bottom:2rem}
    .contactus>.fl{width:100% !important;margin-top:.5rem}
    .contactus h6{padding-bottom:.2rem;font-size:.48rem;line-height:.6rem}
    .contactus p{font-size:.48rem;line-height:.72rem}
    .contactus .qrcode{width:5rem;height:5rem}
    .main{overflow:hidden}
}