.mktitle .cn{}
.mktitle .en{font-size:20px; letter-spacing:1px;}

.contacts .banner .pa_text div{font-size: 30px;color: #fff;font-weight: bold;}
.contacts .jb{width: 100%;height: auto;margin-top:0; padding:5% 0; }
.contacts .jb .obox{ overflow: hidden;}
.contacts .jb .obox .text{width: 100%;text-align: center;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;     padding-top: 10px;}
.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: 50%; 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: 18px;color: #333333;line-height: 35px;}
.contacts .jb .obox .two_text{width: 40%; position:absolute; top:45px; right:5%; }
.contacts .jb .obox .two_text img{width: 45%;float:left  }
.contacts .jb .obox .two_text p { float: left; width: 55%; font-size: 15px;    line-height: 40px; text-indent: 20px;}
.contacts .jb .obox .two_text .p1{font-size:18px; margin-top: 50px;}
.contacts .jb .obox .two_text .p2{color:#ff6a00; padding:8px 0;}

.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(../image/fde6e88dad2e0141.png) no-repeat 20px 10px; background-color: #e2e2e2;}
.download .downloadbanner .item .btn_view{background:url(../image/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;}


@media (max-width: 1200px) {
    .mktitle .en{font-size:12px; letter-spacing:1px;}

    .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: center;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%; background-color:#fff; position:relative; overflow: hidden;}
    .contacts .jb .obox .three_img .three{height: auto;position: relative; width: 100%; padding:5% 0; overflow: hidden}
    .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: 50px;}
    .contacts .jb .obox .three_img .three .text1 .c_text{font-size: 16px;line-height:2;}
    .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}
}


