#download{padding:30px 0 80px}

#download form{position: relative;}
#download form input[type=text] {
    display: block;
    background-color: #f4f4f4;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
    padding-right: 37px;
    font-size: 16px;
    margin-bottom: 20px;
    border: 0;
}

#download form input[type=submit] {
    position: absolute;
    background-image: url(../images/searchgray.png);
    width: 21px;
    height: 21px;
    right: 9px;
    top: 9px;
    border: 0;
    background-repeat: no-repeat;
    background-position: center;
}

#download .page-cate{}
#download .page-cate a.on{color: #0c4098;}
#download .page-cate .par-cate>a b{font-size: 20px;}
#download .page-cate .child-cate{display: none;}
#download .page-cate .child-cate b{font-size: 16px;font-weight: normal;}
#download .page-cate .child-cate.active{display: block;}

#download .download-box{float: right;width: calc(100% - 360px);}
#download .download-box a{margin-top: 15px;display: block;position: relative;background-color: #f4f4f4;padding:10px 30px;padding-right: 60px;}
#download .download-box a:nth-child(1){margin-top: 0;}
#download .download-box a::after{content:"";position: absolute;top:50%;transform: translateY(-50%);right:30px;width: 23px;height: 23px;
background-color: #0c4098;background-image: url(../images/downbtnb.png);background-repeat: no-repeat;background-position: center;background-size: 15px;}
#download .download-box a b{font-size: 16px;line-height: 22px;font-weight: normal;display: block;margin-bottom: 5px;}
#download .download-box a p{font-size: 14px;line-height: 20px;}

#cateBtn{display: none;}
@media(max-width:1100px){
    #download {position: relative;}
    #download .page-cate{border: 1px solid #ccc;position: absolute;top: 15px;left: 0;transform: translateX(-315px);z-index: 3;
    background-color: #f8f8f8;padding: 20px;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;
    
    }
    #download .page-cate ul{height: 282px;overflow: hidden;overflow-y: auto;}
    #download .page-cate.active{transform: translateX(20px);}
    #download .download-box{width: 100%;}

    #cateBtn{display: inline-block;padding: 5px 10px;font-size: 16px;position: absolute;left: 0;top: -10px;background-color: #f9f9f9;z-index: 3;font-weight: 500;}
    #cateBtn.active{left:20px}

    .page-cate li>a{padding:15px 0}
    #download .page-cate .par-cate>a b{font-size: 16px;}
    #download .page-cate .child-cate b{font-size: 14px;}
    .page-cate .child-box a{font-size: 13px;margin-top: 10px;}
}




/*faq*/
#faq{padding:30px 0 80px}
#faq .list{padding:25px 30px;position: relative;border-bottom: 2px solid #ccc;
-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
#faq .list::before{content:"";display: block;width: 20px;height: 20px;position: absolute;left: 0px;top:25px;
background-image: url(../images/faqicon.png);background-position: center;background-repeat: no-repeat;
-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
#faq .list:nth-child(1){border-top: 2px solid #ccc;}
#faq .list b{font-size: 20px;line-height: 28px;margin-bottom: 5px;display: block;}
#faq .list .con{font-size: 16px;line-height: 25px;color: #666;display: none;}
#faq .list.active{border-color: #000;}
#faq .list.active::before{transform: scale(0.9) rotate(45deg);}

#tocontact{margin-bottom: 80px;}
#tocontact .con{background-image: url(../images/tocontact-back.webp);background-position: center;background-repeat: no-repeat;background-size: cover;
padding:110px 90px;padding-right: 30%;}
#tocontact .con b{}
#tocontact .con p{margin:35px 0 60px;font-size: 16px;line-height: 25px;color: #666;}
#tocontact .con a{width: 310px;font-size: 18px;font-weight: normal;height: 60px;line-height: 60px;text-align: center;background-color: #fa4616;color: #fff;border-radius: 30px;display: block;}
#tocontact .con a:hover{background-color: transparent;color: #fa4616;outline: #fa4616 1px solid;}


@media(max-width:1100px){
    #faq{padding-bottom: 30px;}
    #faq .list b{font-size: 18px;line-height: 27px;}
    #faq .list .con{font-size: 14px;line-height: 22px;}

    #tocontact{margin-bottom: 30px;}

}

@media(max-width:768px){
    #faq .list b{font-size: 16px;line-height: 25px;}
    #faq .list .con{font-size: 13px;line-height: 20px;}

    #tocontact .con{padding:30px 20px}
    #tocontact .con p{margin:25px 0;}
    #tocontact .con a{width: 100%;font-size: 14px;height: 35px;line-height: 35px;}
}