.en_main { background: url(/en/resource/cms/2017/11/img_pc_site/2017110613525044058.jpg) no-repeat center top; }
#en_tl { width: 1140px; margin: 0 auto; padding: 10px 30px; background: #fff; border: 1px solid #dfe3e4;}

.en_form { margin-top: 30px; }
.en_form .inp { float: left; width: 480px; height: 38px; line-height: 38px; padding: 0 10px; border: 1px solid #ccc; font-size: 16px; color: #333;}
.en_form .btn { float: left; width:80px; height: 40px; line-height: 40px; color: #fff; font-size: 16px; background: #2fa3de; border: 0;}

@media screen and (max-width:1024px){
    .en_main { background: none; padding-top: 65px;}
    .en_ap_head {background: #2fa3de;}
    #en_tl { width: 100%; border: 0; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 10px 20px;}
    .en_form { margin-top: 20px;}
}

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

}

@media screen and (min-width:640px) and (max-width:767px){
    .en_form .inp { width: 380px; }

}

@media screen and (min-width:480px) and (max-width:639px){
    .en_main { padding-top: 55px;}
    .en_form .inp { width: 280px; }
    .en_list li { margin-top: 20px;}
    .en_list li .top { padding: 0 100px 0 10px;}
    .en_list li .top span { right: 10px;}
    .en_list li .summary { padding: 8px 10px; height: 84px; overflow: hidden;}

}

@media screen and (min-width:320px) and (max-width:479px){
    .en_main { padding-top: 55px;}
    .en_form .inp { width: 180px; }
    #en_tl { padding: 0 10px 20px;}
    .en_list li { margin-top: 20px;}
    .en_list li .top { padding: 0 10px;}
    .en_list li .top span { display: none;}
    .en_list li .summary { padding: 8px 10px; height: 84px; overflow: hidden;}
}