.help{padding:60px 0;     background: url(../box/liantu.jpg???) top left;
    background-size: cover;}
.help>article{width:1300px;}

.helpsearch{text-align:center;}
.helpsearch h1{font-weight:bold; font-size:36px; margin-bottom:10px;}
.helpsearch form{width:620px; margin:0 auto; max-width:100%; position:relative;}
.helpsearch form input{height:58px; border-radius:50px; padding:0 28px;}
.helpsearch form button{position:absolute; right:0; top:0; line-height:58px; width:58px; text-align:center; font-size:22px; cursor:pointer; background:none; border:none; color:#888; font-weight:bold;}
.helpsearch form button i:before{content:"\f0d1"; font-family:'remixicon' !important;}

.helptop{height:380px; border:1px solid #e2e5fa; border-radius:12px; margin-top:70px; overflow:hidden; background:#fff;}
.hppleft{float:left; position:relative; width:40%; height:100%; background:#383883 url('../../upload/photo/202406/151409330.jpg'); background-size:cover; color:#fff;}
.hppleft>b{position:absolute; top:50%; left:0; right:0; padding:0 30px; margin-top:-50px; font-size:28px; line-height:50px;}
.hppright{float:left; width:60%; height:100%; padding:30px;}
.hppright h3{font-size:22px; font-weight:bold;}
.hppright ul{}
.hppright ul>li{margin-top:8px;}

.helpbot{}
.helpbot ul{margin:10px -10px 0 -10px;}
.helpbot ul:after{display:block; content:''; clear:both;}
.helpbot ul li{float:left; width:33.3333%; padding:0 10px; margin-top:20px;}
.helpbot ul li>a{display:block; border:1px solid #e2e5fa; background:#fff; border-radius:12px; overflow:hidden;}
.helpbot ul li>a>span{display:block; background:#383883; text-align:center; position:relative; height:160px; color:#fff;}
.helpbot ul li:nth-child(1)>a>span{background:url('../../upload/photo/202406/151410501.jpg'); background-size:cover;}
.helpbot ul li:nth-child(2)>a>span{background:url('../../upload/photo/202406/151411121.jpg'); background-size:cover;}
.helpbot ul li:nth-child(3)>a>span{background:url('../../upload/photo/202406/151411420.jpg'); background-size:cover;}
.helpbot ul li>a>span>b{position:absolute; top:50%; left:0; right:0; margin-top:-15px; font-size:24px; line-height:30px;}
.helpbot ul li>a>h3{padding:15px 15px 0 15px; font-weight:bold; margin-bottom:10px;}
.helpbot ul li>a>p{padding:0 15px 15px 15px;}
@media(max-width:767px){

.helptop{height:auto; margin-top:30px;}
.hppleft{float:none; width:auto; height:auto;}
.hppleft>b{position:static; padding:20px; margin-top:0; font-size:21px; line-height:30px; display:block;}
.hppright{float:none; width:auto; height:auto; padding:20px; font-size:14px;}

.helpbot ul{margin:10px 0 0;} 
.helpbot ul li{float:none; width:auto; padding:0; margin-top:10px;}
}

.video{margin-bottom:40px;}
.video>article{width:1300px;}
.video ul{margin:30px -10px 0 -10px;}
.video ul:after{display:block; content:''; clear:both;}
.video ul li{float:left; width:25%; padding:0 10px; margin-bottom:20px;}
.video ul li a{display:block;}
.video ul li ins{display:block; overflow:hidden;}
.video ul li ins>img{display:block; transition:.3s;}
.video ul li a:hover ins>img{transform:scale(1.05);}
.video ul li span{display:block; text-align:center; padding:5px; font-size:16px;}
@media(max-width:767px){
.video ul{margin:10px 0 0;}
.video ul li{float:none; width:auto; padding:0; margin-bottom:10px;}
}