/*
#mian{height:100%;width:100%;overflow: hidden;background: url("../images/zp/us-bg-02.jpg") no-repeat center;background-size: 100% 100%;}
#mian img{height:100%;width:100%;}
#aboutus{padding:12.5% 9.375% 0px 9.375%;width:auto;opacity: 1;}
#aboutBg{width:100%;height: auto;}
#aboutBg img{width:100%;height:auto;}
#aboutText{position:relative;z-index:103;left:0;display:block;width:100%;}
#wordAndmap{padding:3.2% 5% 0px 5%}
#wordAndmap .word{padding-top:25px;float: left;width:38.9%}
#wordAndmap .word ul{text-align: left;font-size: 16px;line-height: 35px;}
#wordAndmap .word ul .big{text-align: left;font-size: 25px;line-height: 35px; margin: 0% 0% 5% 0%;}
#wordAndmap .word .code{width:100%;text-align: left;padding-top:5px;}
#wordAndmap .word .code img{width:27%; padding-left: 72px;}
#wordAndmap .word .add ul li a {color: orangered;}
#wordAndmap .word .add ul li .gray{ color:grey;}
#wordAndmap .map{float: right;width:60%; border:1px solid #cccccc;}
#wordAndmap .map img{width:100%;}


@media screen and (max-width:1439px){
    #jobs .table{font-size:14px;}
    #jobs .table ul{height:50px;line-height:50px;}
    #jobs .table ul.table-header{height:35px;line-height:35px;font-size:15px;}
}

@media screen and (min-width:1400px) and (max-width:1580px){
    #jobs .table{font-size:15px;}
    #jobs .table ul{height:58px;line-height:58px;}
    #jobs .table ul.table-header{height:40px;line-height:40px;font-size:16px;}
}
@media screen and (min-width:1581px) and (max-width:1800px){
    #jobs .table{font-size:16px;}
    #jobs .table ul{height:65px;line-height:65px;}
    #jobs .table ul.table-header{height:48px;line-height:48px;font-size:17px;}
}
*/
#mian{height:100%;width:100%;overflow: hidden;background: url("../images/zp/us-bg-02.jpg") no-repeat center;background-size: 100% 100%;}
#aboutus{ width: 85%;height: 68%;background: url("../images/zp/about_bg.png") no-repeat center;background-size: 100% 100%;margin: 11% auto;overflow: hidden;}
#aboutText{float: left;width: 38%;height: 35%;}
#aboutText ul{ margin: 15% 10%  3% 10%}
#aboutText ul li{ padding: 2% 10%;font-size: 16px;line-height: 16px;}
#aboutText ul li .gray{ padding: 0% 2%;font-size: 16px;line-height: 16px;color: gray;}
#aboutText ul li a{ padding: 0% 2%;font-size: 16px;line-height: 16px;color: orangered;}
#aboutText ul .big{ padding: 2% 10%;font-size: 25px;line-height: 25px;;margin-bottom: 5%; font-weight:bold;}
#wordAndmap{float: left;width: 58%;margin: 4% 0  4% 0;height:80%;border:1px solid #c2cbe0}
.code{width: 25%;height: auto;}
.code img{width: 100%;margin: 0% 0% 0% 130%;}

#pho{position: fixed;bottom:10px;width: 100%;text-align: center}
#pho img{width: 20%}


@media screen   and (max-width:1023px) {
    #aboutText ul li{ font-size: 12px;line-height: 12px;}
    #aboutText ul li .gray{ font-size: 10px;line-height: 12px;}
    #aboutText ul li a{ font-size: 12px;line-height: 12px;}
    #aboutText ul .big{ font-size: 18px;line-height: 18px;}
    #aboutus{margin: 14% auto;}
}
@media screen and (min-width:1024px) and (max-width:1199px){
    #aboutText ul li{ font-size: 12px;line-height: 12px;}
    #aboutText ul li .gray{ font-size: 10px;line-height: 12px;}
    #aboutText ul li a{ font-size: 12px;line-height: 12px;}
    #aboutText ul .big{ font-size: 18px;line-height: 18px;}
    #aboutus{margin: 14% auto;}
}
@media screen and (min-width:1200px) and (max-width:1299px){
    #aboutText ul li{ font-size: 12px;line-height: 12px;}
    #aboutText ul li .gray{ font-size: 12px;line-height: 12px;}
    #aboutText ul li a{ font-size: 12px;line-height: 12px;}
    #aboutText ul .big{ font-size: 20px;line-height: 20px;}
}
@media screen and (min-width:1300px) and (max-width:1439px){
    #aboutText ul li{ font-size: 14px;line-height: 14px;}
    #aboutText ul li .gray{ font-size: 14px;line-height: 14px;}
    #aboutText ul li a{ font-size: 14px;line-height: 14px;}
    #aboutText ul .big{ font-size: 22px;line-height: 22px;}
}

@media screen and (min-width:1400px) and (max-width:1580px){
    #aboutText ul li{ font-size: 15px;line-height: 15px;}
    #aboutText ul li .gray{ font-size: 15px;line-height: 15px;}
    #aboutText ul li a{ font-size: 15px;line-height: 15px;}
    #aboutText ul .big{ font-size: 25px;line-height: 25px;}
}
@media screen and (min-width:1581px) and (max-width:1800px){
    #aboutText ul li{ font-size: 16px;line-height: 16px;}
    #aboutText ul li .gray{ font-size: 16px;line-height: 16px;}
    #aboutText ul li a{ padding: 0% 2%;font-size: 16px;line-height: 16px;}
    #aboutText ul .big{ font-size: 25px;line-height: 25px;}
}