.contact-right{right:0 !important;}

.download{margin-top:5%;overflow:hidden}

.download-box{position:relative}

.down-left{width:49.9%;height:100%;border:5px solid #e6e6e6; background:#fff; position:relative; z-index:1}

.down-left .down-left-box p{margin-top:20%;width:100%;text-align:center;color:#5c5c5c;margin-bottom:10%}

.down-left .down-left-box input{display:block;margin:0 auto;font-size:18px}

.down-left .down-left-box span{display:block;font-size:15px;width:100%;text-align:center;margin:5% 0 7% 0}

.down-left .down-left-box .denglu{display:block;width:425px;height:73px;background-color:#707070;color:#fff;text-align:center;font-size:25px;margin-bottom:21%;border:0}

.down-left-box p{font-size:35px}

.down-left-box input{width:425px;padding:0 2.5%;height:65px;}

.down-left-box span{font-size:15px}





.down-album{width:100%; margin-top:25px; position:relative;}

.down-album .page{ position:absolute; right:7.5%; top:12%;z-index:9}

.down-album .page a{ float:left; margin-left:10px;}

.down-album li{ position:relative; overflow:hidden;}

.down-album li a{ color:#fff;}

.down-album li .down-album-box{top:10%;left:7.5%;position:absolute;color:#fff;}

.down-album li .down-album-box font{font-size:50px; display:block;}

.down-album li .down-album-box span{ font-size:22px; display:block; margin-bottom:20px;}

.down-album li .down-album-box p{ font-size:20px; max-width:450px; padding-right:15px;}

.down-album li .des{ font-size:15px; text-transform:uppercase; position:absolute; bottom:11%; left:7.5%;}

.down-album li .box-des{ position:absolute; right:7.5%; border:solid 2px #fff;bottom:11%; padding:20px 25px;}

.down-album li .box-des span{ display:block; font-size:15px; text-transform:uppercase;}

.down-album li .box-des font{ display:block; font-size:20px; margin-top:20px;}





.download-view{ overflow:hidden; margin-top:5%;}

.download-view ul li{ position:relative;width:32.33%; margin-right:1.5%; float:left; margin-bottom:1.5%;}

.download-view ul li.clears{margin-right:0%;}

.download-view ul li .item{ background:url(../images/bg.png) repeat; width:100%; height:100%; color:#fff; position:absolute; top:0; left:0;}

.download-view ul li .item span{ color:#fff; font-size:22px; position:absolute; left:7.5%; bottom:10%;}

.download-view ul li:hover .item{ display:none}









@media (max-width: 1024px){

.down-album li .down-album-box font{ font-size:40px;}

.down-album li .down-album-box span{ font-size:18px;}

.down-album li .down-album-box p{ font-size:14px;}

.down-album li .des{ font-size:14px; bottom:10%;}

.down-album li .box-des{ bottom:11%;}

.down-album li .box-des span{ font-size:14px;}

.down-album li .box-des font{ font-size:16px;}



.download-view ul li .item span{ font-size:18px;}

}

@media (max-width: 768px){

.contact-right img {margin-top:5%;}

.down-album li .down-album-box font{ font-size:34px;}

.down-album li .down-album-box span{ font-size:16px;}

.down-album li .down-album-box p{ font-size:13px;}

.down-album li .des{ font-size:13px; bottom:10%;}

.down-album li .box-des{ bottom:11%; padding:10px 15px;}

.down-album li .box-des span{ font-size:12px;}

.down-album li .box-des font{ font-size:14px;}

.down-album .page{ display:none}

.download-view ul li .item span{ font-size:16px;}

}

@media (max-width: 640px){

.down-album li img{max-width:120%;width:120%;margin-left:-10%}

.download-view ul li{ width:48%; margin:0 1% 2% 1% !important;}

}

@media (max-width: 480px){

.down-album li .des{ font-size:12px; bottom:10%;}

.down-album li .box-des{ display:none}

.down-album li .down-album-box font{ font-size:28px;}

.down-album li .down-album-box span{ font-size:14px;}

.down-album li .down-album-box p{ font-size:12px;}

.download-view ul li{ width:100%; margin-left:0 !important; margin-right:0 !important;}

}

@media (max-width: 320px){

.down-album li .des{ display:none}

.down-album li .box-des{ display:none}

.down-album li .down-album-box font{ font-size:22px;}

.down-album li .down-album-box span{ font-size:13px;}

.down-album li .down-album-box p{ font-size:12px;}

}



@media screen and (min-width:768px) and (max-width:1279px){

.down-left-box p{font-size:26px}

.down-left-box input{width:425px;padding:0 2.5%;height:55px;}

.down-left-box span{font-size:15px}

.down-left-box input{width:325px!important;height:50px!important}

.down-left-box .denglu{width:325px!important;height:63px!important;font-size:20px!important}

}

@media screen and (min-width:481px) and (max-width:767px){

.down-left{width:100%!important;}

.down-left-box p{font-size:30px}

.down-left-box input{width:425px;padding:0 2.5%;height:55px}

.down-left-box span{font-size:15px}

}

@media screen and (min-width:310px) and (max-width:480px){

.down-left{width:100%!important;}

.down-left .down-left-box p{font-size:24px;}

.down-left .down-left-box input{width:90%;height:45px; font-size:16px;padding:0 2.5%;}

.down-left .down-left-box span{font-size:15px}

.down-left .down-left-box .denglu{width:90%; height:50px;font-size:18px}

}