.contacts .banner .pa_text div{font-size: 30px;color: #fff;font-weight: bold;}
.contacts .jb{width: 100%;height: auto;margin-top:58px; padding:0 0 5%; }
.contacts .jb .obox{ overflow: hidden;}
.contacts .jb .obox .text{width: 100%;text-align: left;margin: 30px 0 40px 0;}
.contacts .jb .obox .text .d_text{font-size: 28px;color: #0b51a0;margin-bottom: 32px; font-weight:bold;}
.contacts .jb .obox .text .c_text{font-size: 15px;color: #333;line-height: 2;letter-spacing: 0.2px;}
.contacts .jb .obox .three_img{width: 90%;padding: 2% 5%; background-color:#f9f9f9; position:relative; }
.contacts .jb .obox .three_img .three{height: auto;position: relative; width: 55%; padding:20px 0;}
.contacts .jb .obox .three_img .three .img img{position: absolute;top: 22px;left: 0;}
.contacts .jb .obox .three_img .three .img img:last-child{opacity: 0;}
.contacts .jb .obox .three_img .three:hover .img img:last-child{opacity: 1;}
.contacts .jb .obox .three_img .three:hover .img img:first-child{opacity: 0;}
.contacts .jb .obox .three_img .three .text1{margin-left: 70px;}
.contacts .jb .obox .three_img .three .text1 .d_text{font-size: 14px;color: #999;margin: 3px 0 13px 0;}
.contacts .jb .obox .three_img .three .text1 .c_text{font-size: 15px;color: #333333;line-height: 35px;}
.contacts .jb .obox .three_img .three .text1 .c_text:last-child{}
.contacts .jb .obox .two_text{width: 40%; position:absolute; top:80px; right:5%; }
.contacts .jb .obox .two_text img{width: 42%;float:left  }
.contacts .jb .obox .two_text p { float: left; width: 55%; font-size: 15px;    line-height: 30px; text-indent: 20px;}
.contacts .jb .obox .two_text .p1{font-size:16px; margin-top: 10px;}
.contacts .jb .obox .two_text .p2{color:#ff6a00; padding:8px 0; font-weight:bold; }

.download {overflow:hidden; margin-top: 58px;}
.download .downloadbanner{width:100%; overflow: hidden;  padding:5% 0; /*background:url(/upload/images/2020/11/1c6708e4a9d2d970.jpg) no-repeat center center;*/ background-size:cover;  }
.download .downloadbanner .container {overflow:hidden; position:relative;  }
.download .downloadbanner .leftbox{width:800px;float:left; }
.download .downloadbanner .item{overflow:hidden; display:none}
.download .downloadbanner .item:first-child{display:block;}
.download .downloadbanner .item .coverimg{float:left; height:380px; width:290px; margin-right:50px; border: 1px solid #ddd;}
.download .downloadbanner .item .name{font-size:26px; margin-top:25px; color:#333; font-weight:normal}
.download .downloadbanner .item .s{font-size:15px; line-height:42px; color:#666}
.download .downloadbanner .item .btn{display:block;  padding-left: 50px; padding-right: 30px; margin-right: 30px;height:40px; line-height:40px; background-color:#fff; font-size:16px; float:left; color:#333; margin-top:30px;}
.download .downloadbanner .item .btn:hover{background-color:#ff6a00; color:#fff; transition: all linear .2s;}
.download .downloadbanner .item .btn_down{ background:url(/upload/images/2020/11/fde6e88dad2e0141.png) no-repeat 20px 10px; background-color: #e2e2e2;}
.download .downloadbanner .item .btn_view{background:url(/upload/images/2020/11/cc981321d85b1cf9.png) no-repeat 20px 10px; background-color: #e2e2e2;}
.download .downloadbanner .rightbox{width:230px;position:absolute; right: 0; top: 0;bottom: 0; background-color: #f9f9f9; padding:30px 30px 0px 30px; overflow:hidden; border-bottom:30px solid #f9f9f9;}
.download .downloadbanner .rightbox a{display:block; width:100%; color: #333;line-height: 34px; font-size: 15px;}
.download .downloadbanner .rightbox a:hover,.download .downloadbanner .rightbox a.on{color:#ff6a00; font-weight:bold;}
.download .area{overflow:hidden;padding-bottom: 16px; border-bottom: 1px solid #f2f2f2;}
.download .area a{ margin-right: 20px; color: #555; padding: 5px 20px; border-radius: 5px; white-space: nowrap; font-size: 15px; background-color: #f2f2f2; display: block; float: left;}
.download .area a.on{background-color: #ff6501;color: #fff;}
.download .list2022{overflow:hidden; margin-top: 50px; display:flex; flex-wrap:wrap; justify-content:flex-start; }
.download .list2022 .item{width:23%; position:relative; margin-bottom:5%; margin-right:2%;}
.download .list2022 .item img{width:99%; border:1px solid #ddd; }
.download .list2022 .item .name{font-size:18px; margin-top:20px; color:#333; font-weight:normal; line-height:30px; text-align:center; }
.download .list2022 .item .view{position:absolute; top:0; left:0; bottom:0; width:100%; background-color:rgba(0,153,255,0.8); padding-top:50%; display:none}
.download .list2022 .item .btn{display:block;  padding-left: 50px; padding-right: 30px;height:40px; line-height:40px; background-color:#fff; font-size:16px; color:#333; margin:10px auto 0; width:80px; }
.download .list2022 .item .btn:hover{background-color:#ff6a00; color:#fff; transition: all linear .2s;}
.download .list2022 .item .btn_down{ background:url(/upload/images/2020/11/fde6e88dad2e0141.png) no-repeat 20px 10px; background-color: #e2e2e2;}
.download .list2022 .item .btn_view{background:url(/upload/images/2020/11/cc981321d85b1cf9.png) no-repeat 20px 10px; background-color: #e2e2e2;}
.download .list2022 .item:hover .view{display:block}



@media (max-width: 1200px) {

    .contacts .banner .pa_text div{font-size: 30px;color: #fff;font-weight: bold;}
    .contacts .jb{width: 90%;height: auto;  margin-top:55px; padding:5%}
    .contacts .jb .obox .text{width: 100%;text-align: left;margin: 5% 0;}
    .contacts .jb .obox .text .d_text{font-size: 22px;color: #0b51a0;margin-bottom: 25px;  }
    .contacts .jb .obox .three_img{width: 90%;padding: 5%; position:relative; overflow: hidden;}
    .contacts .jb .obox .three_img .three{height: auto;position: relative; width: 100%; padding:5% 0; overflow: hidden}
    .contacts .jb .obox .three_img .three .img{display:none}
    .contacts .jb .obox .two_text{ display:none}
    .contacts .jb .obox .two_text p { float: left; width: 50%; padding-left: 5%; font-size: 15px;    line-height: 1.3; text-indent: 0; margin-bottom: 5px;}
    .contacts .jb .obox .two_text .p1{font-size:15px; margin-top: 0;}
    .contacts .jb .obox .two_text .p2{color:#ff6a00; padding:5px 0 5px 5%;}
    .contacts .jb .obox .three_img .three .text1{margin-left: 0;}
    .contacts .jb .obox .three_img .three .text1 .c_text{font-size: 15px;line-height:1.5; margin-bottom: 15px;}
    .contacts .jb .obox .three_img .three .img img{width:38px;}

    .download .downloadbanner {background-color:#eee; padding-top:0;}
    .download .downloadbanner .container {display:none}
    .download .mobilelist{overflow:hidden; display:block; padding: 5%;}
    .download .mobilelist .dd{ width: 90%; overflow: hidden; background-color: #fff;  padding: 5%;}
    .download .mobilelist .dd h2{ line-height: 1.4; font-size: 16px; font-weight: bold; color: #333; margin: 0;}
    .download .mobilelist .dd h3{ line-height: 1.4; font-size: 18px; font-weight: normal; color: #333; margin: 0;  margin-bottom: 15%;}
    .download .mobilelist .dd img{ display:none; float: left; width: 45%;}
    .download .mobilelist .dd .btns{display:none;float: right; width: 45%;}
    .download .mobilelist .dd .btn{display:block; height:34px; line-height:34px; color:#fff;   background-color: #fe6500; text-align: center;  margin-top: 8%;}
    .download .mobilelist .dd .btn.btn_down{}
    .download .mobilelist .dd .btn.btn_view{}
    .download .mobilelist .dd.on img, .download .mobilelist .dd.on .btns{display:block}
    .download .mobilelist .dd.on h2{display:none}
    .download .area{ padding: 5% 3%; border-top: 1px solid #f2f2f2; width: 94%; min-width: 94%;}
    .download .area a{ margin-right: 10px; margin-bottom:10px;}
    .download .list2022{ margin-top: 5%;min-width: 94%; padding: 5% 3%; width: 94%; justify-content:space-between; }
    .download .list2022 .item{width:49%; margin-right:0;}
    .download .list2022 .item .name{font-size:14px; margin-top:5px; line-height:25px; height:50px; overflow:hidden;}
    .download .list2022 .item .btn{ width:90%; padding:0; background-image:none; text-align:center; }
}