/*Common For Max 960*/
@media only screen and (max-width: 1199px) {
    .box-right{display: none;}
}



/*Common For Max 768*/
@media only screen and (max-width: 1000px) {
    .wp ,
    .copy{width: 98%;}
    .g-pad10{padding:0;}
    *{-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;   
        box-sizing: border-box;}
    .remwu{right:auto;left:-105px;}
    .ul-list {margin-left: 0;}
     .ul-list li{margin:0;overflow: hidden;width: 50%;height: auto;}
     .ul-list li .txt{padding:0 130px 0 14px;width: 100%;}
     .ul-list li .right, .ul-list li button{width: 120px;}
     .ul-list li .right strong{margin:0 10px 0 5px;font-size: 20px;width: 50px;}
     .ul-list li button{font-size: 14px;}
     .ul-list li i{display: none;}
     .ul-list li .txt:hover{background:rgba(38,118,215,.8);
        -webkit-box-shadow: 0px 0px 2px 1px #fff;
        -o-box-shadow: 0px 0px 2px 1px #fff;
        -moz-box-shadow: 0px 0px 2px 1px #fff;
        box-shadow: 0px 0px 2px 1px #fff;}

    .webnav li{margin:0 0 10px -10px;}
    .webnav li .tit{margin:0 0 5px 10px;float: none;background:none;width: 100%;}
    .webnav li .tit a{padding:0 13px 0 0;display: block;width: 100%;height: 35px;line-height: 35px;}
    .webnav li a{position: relative;margin:0;padding:0;width: 20%;}
    .webnav li i{display: block;position: relative;padding-top: 35%;}
    .webnav li img{left:0;top:0;width: 100%;}

    .download {padding:5px 0 15px 0;text-align: center;}
    .download em,
    .download .txt,
    .download .a1,
    .download img{float: none;}
    .download em{display: block;margin:5px 0;width: 100%;height: 25px;line-height: 25px;}
    .download img{margin:0 10px 0 0;display: inline-block;}
    .download .txt{margin:0;width: auto;border-right: 0;display: inline-block;}
    .download .a1{display: block;margin: 0 auto;}

    #fd{padding:10px 0;text-align: center;}
    .copy span{float: none;display: block;}
    .copy a{float: none;display: inline-block;}
}


@media only screen and (max-width: 900px) {
    .ul-list li{width: 100%;}
    .remwu{width: 300px;left:-40px;}
}

/*Common For Max 480*/
@media only screen and (max-width: 767px) {
    .logo{margin-top: 10px;height: auto;width: 245px;}
    .remwu{width: 180px;left:50%;top:212px;margin-left: -90px;}
    .webnav li a{width: 25%;}
    .download .a1{height: 30px;line-height: 30px;width: 100px;}
}

/*Common For Max 320*/
@media only screen and (max-width: 479px) {
    .ul-list li .txt{height: 35px;line-height: 35px;}
    .ul-list li .right, .ul-list li button{height: 35px;}
    .ul-list li .right strong{line-height: 35px;}
    .ul-list li .right span{margin-top: 8px;}
    .webnav li a{width: 33.3%;}
    .webnav{padding:20px 10px 17px;}
    .download .txt{padding:0 5px;height: auto;}

}