html{
    font-family:"PingFang SC, PingFang SC-Regular";
    color: #333;
}
.is_mobile{
    display: none!important;
}
.flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.w12{
    width: 1200px;
    margin:  0 auto;
}
#top{
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 100000;
}
header{
    position: fixed;
    left: 0px;
    top:30px ;
    z-index: 99999;
    width: 100%;
    height: 80px;
    background: #fff;
}
header>div{
    height: 100%;
}
.logo{
    width: 274px;
}
.headHash li{
    position: relative;
    line-height: 80px;
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    margin-left: 50px;
}
.headHash li.active a,.headHash li:hover a{
    color: #DC002F;
}
.headHash li.active::after,.headHash li:hover::after{
    content:"";
    position: absolute;
    left: 50%;
    bottom: 0px;
    width: 36px;
    height: 3px;
    margin-left: -18px;
    background: #dc002f;
}
.headHash li a{
    line-height:25px ;
    color: #333333;
}
.bannerWrap{
    position: relative;
    margin-top: 110px;
}
.banner{
    display: block;
    width: 100%;
    height: auto;
}
.bannerDesc{
    position: absolute;
    top:4.5% ;
    left: 50%;
    width:50.2% ;
    height: 24.75%;
    transform: translate(-50%,0);
}
.b_swiper{
    position: absolute;
    bottom: 8.625%;
    left:50%;
    width: 31.25%;
    height:60% ;
    transform: translate(-50%,0);
    background: url(../img/bs.png) left top no-repeat;
    background-size: 100% 100%;
}
.b_swiper_wrap{
    position: absolute;
    left: 1.6667%;
    top:28.96% ;
    width:64.7%;
    height: 45.83%;
    overflow: hidden;
}
.b_swiper_wrap .swiper-slide{
    display: block;
    width: 100%;
    height: 100%;
}
.part{
    position: relative;
    margin-top: 80px;
}
.positionCls{
    position: absolute;
    left: 0px;
    top: -110px;
}
.part1{
   padding: 108px 30px 40px; 
   height: 1246px;      
   box-sizing: border-box;
   background: url(../img/part1.png) left top no-repeat; 
   background-size: 100% 100%;
}   
.partTitle{
    position: absolute;
    left: 142px;
    top: 11px;
    line-height: 56px;
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
}
.xwjDesc img{
    display: block;
    width: 560px;
    height: 420px;
    margin-right: 50px;
}
.xwjDescWord{
    flex: 1;
    text-align: left;
}
.xwjDescWord h3{
    line-height: 50px;
    font-size: 36px;
    font-weight: 700;
    color: #333333;
}
.xwjDescWord p{
    padding-top: 16px;
    padding-bottom: 30px;
}
.xwjDescWord p,.xwjDescWord ul{
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #666666;
    line-height: 24px; 
}
.productMan{
    display: block;
    position: relative;
    margin-top: 36px;
    margin-bottom: 50px;
    padding-left: 26px;
    line-height: 22px;
    font-size: 16px;
    font-weight: 400;
    color: #dc002f;
    cursor: pointer;
}
.productMan:hover{
    text-decoration: underline;
}
.productMan::before{
    content:"";
    position: absolute;
    top: 3px;
    left: 0px;
    width: 16px;
    height: 16px;
    background: url(../img/down.png) left top no-repeat;
    background-size: 100% 100%; 
}
.applyBtn{
    display: block;
    width: 240px;
    height: 64px;
    background: #dc002f;
    border-radius: 8px;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    color: #ffffff; 
    line-height: 64px;
    cursor: pointer;
}
.applyBtn:hover{
    background: #C6002A;
}
.applyBtn.disabled,.applyBtn.disabled:hover{
    background: #ccc;
    cursor: not-allowed;
}
.productChar{
    background: url("../img/productCharBg.png") left top no-repeat;
    background-size: 100% 100%;
    margin: 30px 0;
    padding: 30px 30px 30px 88px;
}
.productChar li{
   width: 330px;
   height: 410px;
}
.productChar li img{
    display: block;
}
.productCharWord{
    height: 163px;
    box-sizing: border-box;
    background: #fff;
    padding: 20px;
}
.productCharWord h4{
    color: #333333;
    height: 33px;
    line-height: 33px;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #333333;
    margin-bottom: 10px;  
}
.productCharWord h4 span{
    font-size: 24px;
    font-weight: 700;
    margin-right: 12px;
}
.productCharWord div{
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #666666;
}
.try{
    height: 148px;
    background: url(../img/try.png) left top no-repeat;
    background-size: 100% 100%;
}
.part2{
    height: 968px;
    background: url(../img/part2.png) left top no-repeat;
    background-size: 100% 100%;
    padding:109px 30px 0;
    box-sizing: border-box;
}
.part2 .partTitle{
    left: 182px;
}
.industry>div{
    width: 560px;
    color: #333;
}
.industry>div h3{
    position: relative;
    padding-left: 149px;
    line-height: 56px;
    font-size: 24px;
    font-weight: 700;
    text-align: left;
    color: #333333;
    background: #e6e7eb;
    width: 400px;
    margin: 0 auto;
    box-sizing: border-box;
}
.industry>div h3::before{
    content:"";
    position: absolute;
    left: 107px;
    top: 12px;
    width: 32px;
    height: 32px;
}
.partTitle_left h3::before{
    background: url(../img/yqj.png) left top no-repeat;
    background-size: 100% 100%;
}
.partTitle_right h3::before{
    background: url(../img/car.png) left top no-repeat;
    background-size: 100% 100%;
}
.industry>div ul{
    padding: 32px 30px 0 0;
    height: 686px;
    background: linear-gradient(180deg,#f9f9f9, #eff1f3);
    border: 1px solid #e4e4e4;
    border-radius: 8px;
    box-shadow: 0px 0px 16px 0px #ffffff inset; 
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #333333;
    
}
.industry>div ul li{
    padding-left: 56px;
    margin: 15px 0;
    line-height: 24px;
    position: relative;
}
.industry>div ul li::before{
    content:"";
    position: absolute;
    top: 4px;
    left: 30px;
    width: 16px;
    height: 16px;
    background: url(../img/arrow.png) left top no-repeat;
    background-size: 100% 100%;
}
.industryBtn{
    justify-content: center;
    margin-top: 30px;
}
.industryBtn a{
    margin: 0 10px;
    width: 160px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    line-height: 48px;
    cursor: pointer;
    background: #dc002f;
    box-sizing: border-box;
}
.industryBtn a:hover{
    background: #C6002A;
}
.industryBtn a.industryBtn1{
    position: relative;
    text-align: left;
    padding-left: 61px;    
    background: #13778F;
}
.industryBtn a.industryBtn1::before{
    content:"";
    position: absolute;
    left: 35px;
    top: 16px;
    width: 16px;
    height: 16px;
    background: url(../img/down2.png) left top no-repeat;
    background-size: 100% 100%;
}
.industryBtn a.industryBtn1:hover{
    background: #116B80;
}
.part3{
    padding: 128px 30px 0;
    height: 1028px;
    background: url(../img/part3.png) left top no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
}
.part3 .partTitle{
   left: 222px; 
}
.drawWrap{
    position: relative;
    width: 570px;
    height: 570px;
}
.turntable{
    position: absolute;
    left: 0px;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../img/zb.png) left top no-repeat;
    background-size: 100% 100%;
}
.ljcj{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 136px;
    height: 136px;
    transform: translate(-50%,-50%);
    z-index: 3;
    background: url(../img/ljcj.png) left top no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.bigArrow{
    position: absolute;
    top: 168px;
    left: 246px;
    width: 79px;
    height:119px ;
    background: url(../img/bigArrow.png) left top no-repeat;
    background-size: 100% 100%;
}
.drawName{
    width: 420px;
}
.drawName>div{
    height: 420px;
    background: #eaebed;
    border-radius: 8px;
}
.drawName h3{
    background: #dc002f;
    border-radius: 8px 8px 0px 0px;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    line-height: 48px;
}
.tips{
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: #999999;
    line-height: 18px;
    margin-top: 20px;
}
.contact{
    padding: 20px 50px 0 30px;
    height: 250px;
    background: linear-gradient(180deg,#edeff0, #e6e7ea);
    border-radius: 8px;
    box-sizing: border-box;
    margin-top: 40px;
}
.contact_left ul{
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #333333;
    line-height: 28px;
}
.contact_left ul span{
    color: #dc002f;
} 
.contact_fs{
    margin-top: 20px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #666666;
    line-height: 29px;

}
.contact_fs img{
    vertical-align: middle;
    width: 32px;
    height: 32px;
    margin-right: 15px;
}
.contact_right img{
    width: 180px;
    height: 180px;
    vertical-align: middle;
}
.contact_right div{
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #666666;
    line-height: 20px;
    margin-top: 10px;
}
.footer{
    padding: 10px 0;
    background: #333;
}
.companyIndru{
    position: relative;
    margin-top: 111px;
    height:280px ;
    height: 280px;
    background: #2e3133;
}
.companyIndru>div{
    position: absolute;
    bottom: 0px;
    right: 0px;
    width:81.25%;
    height: 310px;
    background: #484b4c;
    border-radius: 48px 0px 0px 0px;
    padding-top: 85px;
    padding-left: 60px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
    color: #cccccc;
    line-height: 24px;
}
.companyIndru>div img{
    display: block;
    width: 234px;
    height: 22px;
    margin-bottom: 36px;
}
.right{
    position: fixed;
    right: 0px;
    bottom: 200px;
    width: 120px;
    height: 328px;
    padding: 77px 10px 0;
    box-sizing: border-box;
    background: url(../img/right.png) left no-repeat;
    background-size: 100% 100%;
}
.call{
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    color: #666666;
    line-height: 16px;
}
.rightPhone{
    margin-top: 6px;
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #333333;
    line-height: 20px;
}
.right li{
    line-height: 32px;
    background: #777777;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    margin-top: 5px;
}
.right li:hover,.right li.active{
    background: #dc002f; 
}
.right li a{
    display: block;
    color: #ffffff;
}
.right ul li:first-child{
    padding: 3px 0 ;
    line-height: 18px;
} 
.goTop{
    display: block;
    height: 32px;
    background: url(../img/top.png) left top no-repeat;
    background-size: 100% 100%;
    margin-top: 5px;
    cursor: pointer;
}
#jq_marquee_box{
    color:#DC002F;
    height: 312px;
    overflow: hidden;
    padding: 0 30px;
    margin-top: 30px;
    margin-bottom: 30px;
    box-sizing: border-box;
}
.draw-winlist-item{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #333333;
    line-height: 32px;
}
.draw-winlist-item .lt{
    width: 82px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.draw-winlist-item .ct{
    width: 68px;
    text-align: center;
    color: #999999;
}
.draw-winlist-item .gt{
    color: #DC002F;
}
.drawForm{
    display: none;
}
.drawFormBg{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999999;
    width: 100vw;
    height: 100vh;
    opacity: 0.5;
    background: #000000;
}
.drawFormContent{
    position: fixed;
    left: 50%;
    top: 50%;
    width: 700px;
    max-height: 800px;
    height: 80%;
    background: #ffffff;
    border-radius: 8px;
    z-index: 1999999;
    transform: translate(-50%,-50%);
    padding:25px 30px 50px ;
    box-sizing: border-box;
}
.drawClose{
    position: absolute;
    top: 16px;
    right: 16px;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.drawFormContent h3{
    font-size: 24px;
    font-weight: 700;
    text-align: left;
    color: #333333;
    line-height: 36px;
    margin-bottom: 11px;
}
.comTips{
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #fb4754;
    line-height: 20px;
    margin-bottom: 20px;
}
.drawFormContent ul{
    color: #333;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    line-height: 20px;
}
.drawFormContent ul li{
    margin-bottom: 20px;
}
.drawFormContent ul li.checkWrap{
    margin-bottom: 0px;
}
.formItem span{
    position: relative;
    padding-left: 12px;
    width: 61px;
    margin-right: 10px;
    box-sizing: border-box;
}
.formItem span::before{
    content:"*";
    position: absolute;
    left: 0px;
    color:#D00000 ;
}
.formItem input[type="text"],.formItem select{
    font-size: 16px;
    width: 230px;
    height: 40px;
    padding-left: 12px;
    background: #ffffff;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    box-sizing: border-box;
    outline: none;
}
.address{
    justify-content: flex-start;
}
.address span{
    padding-left: 6px;
    width: 71px;
    margin-right: 0px;
}
.address .province{
    width: 131px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.address .city{
    width: 131px;
    border-left: none;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-right:10px;
}
.detailAddress{
    flex: 1;
}
.checkWrap{
    margin-top: 30px;
}
.checkWrap{
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    line-height: 20px; 
}
.checkWrap>div{
    margin-top: 18px;
    justify-content: flex-start;
}
.checkWrap>div label{
    padding-left: 2px;
}
.checkWrap>div label:first-child{
    width: 254px;
}
.checkWrap>div label:nth-child(2){
    width: 190px;
}
.checkWrap>div label input{
    position: relative;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-right:10px ;
    border: 1px solid #707070;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
}
.checkWrap>div label input::before{
    content:"";
    position: absolute;
    left: -1px;
    top: -1px;
    width: 20px;
    height: 20px;
    background: url(../img/check.png) left top no-repeat;
    background-size: 100% 100%;
}
.checkWrap>div label input:checked::before{
    background: url(../img/check2.png) left top no-repeat;
    background-size: 100% 100%;
}
.submitBtn{
    display: block;
    margin: 36px auto 25px;
    width: 350px;
    line-height: 50px;
    text-align: center;
    background: #dc002f;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    cursor: pointer;
}
.submitBtn:hover{
    background:#C6002A
}
.userProtocol{
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: #999999;
    line-height: 17px;
    letter-spacing: 0px;
    white-space: nowrap;
}
.formScroll{
    height: 65%;
    overflow: auto;
}
.drawPopcontent{
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 400px;
    height: 260px;
    background: #ffffff;
    border-radius: 8px;
    z-index: 1999999;
    text-align: center;
    padding-top: 24px;
    box-sizing: border-box;
}
.mt24{
    margin-top: 24px;
}
.mb28{
    margin-bottom: 28px;
}
.drawPopcontent .smile{
    width: 80px;
    height: 80px;
    vertical-align: middle;
}
.drawPopcontent>h3{
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    color: #333333;
    line-height: 25px;
    margin-bottom: 5px;
}
.drawPopcontent>p{
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #666666;
    line-height: 20px;
}
.drawPopcontent>div{
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    color: #dc002f;
    line-height: 42px; 
    margin-bottom: 10px;
}
.drawPopcontent>img.jp{
    width: 132px;
    height: 100px;
    vertical-align: middle;
    margin-bottom: 10px;
}
.mt11{
    margin-top: 11px;
    margin-bottom: 16px;
}
.mb16{
    margin-bottom: 16px;
}
.drawPopcontent>a{
    display: block;
    margin: 0 auto;
    width: 160px;
    line-height: 48px;
    background: #da1f3d;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    color: #ffffff;
    margin-top: 36px;
    cursor: pointer;
}
.drawPopcontent>h3.xi{
    font-weight: 400;
}
.drawPop{
    display: none;
}
.successWrap{
    width: 320px;
    height: 220px;
}
.successWrap{
    margin-top: 16px;
    font-size: 16px;
    line-height: 22px;
}
.subSuccess{
    width: 48px!important;
    height: 48px!important;
    margin-top: 30px;
}
.successWrap .drawClose{
    display: none;
}