@charset 'utf-8';
/**
 *  iPhone 5/5s landscape & portrait
 */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 640px){
 
}

/**
 *  iPad landscape & portrait
 */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.g-wrap { width: 95%; }
#logo{left:0px;}
#nav { right: 235px; }
#shop{right:63px;}
#reference .left a{margin-right:45px;}
#subNav .g-wrap .about {left:419px;padding-left:10px;}
#subNav .g-wrap .news {left:500px;padding-left:10px;}
#subNav .g-wrap .relation {left:600px;padding-left:10px;}
#subNav .g-wrap .service {left:680px;padding-left:10px;}
#banner .pics li{background-size:cover;}
.redian .r-wrap .box-nav a{width:260px;height:160px;}
.redian .r-wrap .box-nav{height:165px;}
#reference .left{width:580px;}
#copyright .g-wrap .fl{width:584px;}
.redian .r-wrap .box-brand{height:450px;}
.redian .r-wrap .box-brand img{background-size:cover;}
#banner div{background-size:cover;}
#left{width:560px;}
#reference .right{width:417px;}
#main img{background-size:cover;width: 87%;}
#about-9 .editor{background-size:cover;}
.link-block a .summary{width:420px;}
.link-block a{height:120px;}
#career .box a{width:300px;}
#career .box a span{left:50px;}
#social-recruiting .box a{background-size:cover;width:475px;}
#social-recruiting-apply .box .header select{width:103px;}
.zw_input{width:80px;}
}