.g-title{position: relative;border-bottom: 0;width: 100%;overflow: hidden;padding-top: 30px;padding-bottom: 30px;text-align: center;}
.g-title .line{height: 0px;border-top: 1px solid #dbdbdb;width: 100%;background: #dbdbdb;overflow: auto;    margin: auto;    position: absolute;top:0;left:0;bottom:0;right:0;}
.g-title h2{background: #fff;color:#252525;padding: 0 35px;font-size: 20px;font-weight: lighter;position: relative;z-index: 9;margin: 0 auto;display: inline-block;border-right: 1px solid rgb(219, 219, 219);border-left: 1px solid rgb(219, 219, 219);}
.g-title h2 span{font-weight: bold;}
.g-wrapper .slogan p {max-width: 860px;margin: 0 auto;line-height: 32px;padding: 0px 0.6em;text-align: center;}
/* .aboutU-banner */
.aboutU-banner {height:299px;width:100%;background: url("/statics/images/sprite/itep-banner.jpg") center center no-repeat;}
/*aboutU-aboutUs*/
.aboutU-aboutUs{padding-bottom:30px}
.aboutU-aboutUs .g-wrapper .album{margin-left:-10px}
.aboutU-aboutUs .g-wrapper .album table{width:100%;max-width:530px;border-collapse:separate;border-spacing:0 10px}
.aboutU-aboutUs .g-wrapper .album table tr td{width:33.33%;padding-left:10px}
.aboutU-aboutUs .g-wrapper .album table tr:first-child td:first-child{width:66.66%;background:url(/statics/images/sprite/J-aboutU-aboutUs2.jpg) no-repeat;background-size:cover}
.aboutU-aboutUs .g-wrapper .album table tr td img{width:100%;display:block;border:1px solid #999}
.aboutU-aboutUs .g-wrapper .introducton{padding-top:20px;padding-left:10px;padding-right:10px}
.aboutU-aboutUs .g-wrapper .introducton p{text-indent:2em;padding-top:44px;line-height:25px;font-size:12px;font-family:simsun}
@media (min-width:480px){.aboutU-aboutUs .g-wrapper .album{padding-right:10px;padding-left:10px;padding-top:40px;width:480px;margin:auto}
    .aboutU-aboutUs .g-wrapper .album table{border-spacing:10px 10px}
    .aboutU-aboutUs .g-wrapper .album table tr td{padding-left:0}
    .aboutU-aboutUs .g-wrapper .introducton{width:480px;margin:auto}
}
@media (min-width:1200px){.aboutU-aboutUs .g-wrapper{width:1155px}
    .aboutU-aboutUs .g-wrapper .album{float:left;width:530px}
    .aboutU-aboutUs .g-wrapper .introducton{float:right;width:585px;font-size:15px;font-family:simsun;text-align:justify;padding-top:0}
}

/*aboutU-honor*/
.aboutU-honor .g-wrapper ul{width:288px;margin:0 auto;padding-top:20px}
.aboutU-honor .g-wrapper ul li{margin-top:13px}
.aboutU-honor .g-wrapper p{max-width:880px;margin:auto;text-align:center;padding:30px 10px}
@media (min-width:768px){.aboutU-honor .g-wrapper ul{width:600px}
    .aboutU-honor .g-wrapper ul li{float:left;margin-left:6px;margin-right:6px}
}
@media (min-width:1200px){.aboutU-honor .g-wrapper ul{width:1200px}
    .aboutU-honor .g-wrapper ul li{margin-left:6px;margin-right:6px}
}

/*aboutU-contact*/
.aboutU-contact .g-wrapper img{padding-top:50px;width:100%;display:block}
.aboutU-contact .g-wrapper .left{padding-bottom:46px}
.aboutU-contact .g-wrapper .left .wrap{padding: 25px 20px 0 20px;margin:0 auto;}
.aboutU-contact .g-wrapper .left .wrap a{color:#3f3f3f;font-size:23px;display:block;line-height:64px;text-indent:20px;margin-bottom:45px;white-space:nowrap}
.aboutU-contact .g-wrapper .left .wrap a span{display:block;width:70px;height:64px;float:left;background:url(/statics/images/sprite/common-ico.png?v2) no-repeat -163px -515px}
.aboutU-contact .g-wrapper .left .wrap p{padding:5px 0}
.aboutU-contact .g-wrapper .left dl dt{display:inline;padding:3px 10px;color:#fff;background-color:#4e4e4e}
.aboutU-contact .g-wrapper .left dl dd{padding:9px 10px}
.aboutU-contact .g-wrapper .left dl dd span{min-width:138px;display:inline-block}
.aboutU-contact .g-wrapper .right{margin:auto;max-width:680px}
.aboutU-contact .g-wrapper .right dl dt{display:inline;padding:3px 10px;color:#fff;background-color:#4e4e4e}
.aboutU-contact .g-wrapper .right dl dd{padding:9px 10px}
.aboutU-contact .g-wrapper .right dl dd span{min-width:138px;display:inline-block}
.aboutU-contact .map{height:320px;max-width: 1200px;width: 96%;margin: 0 auto;padding: 20px 0;position: relative;}
.aboutU-contact .map a.max{
    position: absolute;
    bottom: 20px;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    background: url(/statics/images/sprite/map_max.png) no-repeat;
}
@media (min-width:678px){
    .aboutU-contact .map{height: 420px;}
}
@media (min-width:999px){
    .aboutU-contact .map{height: 520px;}
}
@media (min-width:1200px){.aboutU-contact .g-wrapper .left{padding-bottom: 0;width:50%;position:absolute;top:50%;margin-top: -181px;}
    .aboutU-contact .g-wrapper .right{margin:auto;max-width:680px;width:50%;overflow:hidden;float:right}
}

/*aboutU-recruitment*/
.aboutU-recruitment{padding-bottom:90px}
.aboutU-recruitment .g-wrapper .pic{height:500px;background:url(/statics/images/sprite/J-itep-recruitment.jpg) no-repeat center;background-size:contain}
.aboutU-recruitment .g-wrapper .employment{margin:auto;padding-top:20px;max-width:680px}
.aboutU-recruitment .g-wrapper .employment dl{padding:0 10px}
.aboutU-recruitment .g-wrapper .employment dl dt{padding:10px 0;color:#3f3f3f;font-size:22px}
.aboutU-recruitment .g-wrapper .employment dl dd ul li{padding:5px 0}
@media (min-width:480px){.aboutU-contact .g-wrapper .left .wrap a{font-size:40px}
}
@media (min-width:1200px){.aboutU-recruitment .g-wrapper .pic{position:absolute;top:50%;margin-top:-250px;width:50%}
    .aboutU-recruitment .g-wrapper .employment{float:right;overflow:hidden;width:50%}
}

/*aboutU-recruitment*/
.aboutU-recruitment{padding-bottom:90px}
.aboutU-recruitment .g-wrapper .pic1{height:400px;background:url(/statics/images/sprite/iTEP-exam.jpg) no-repeat center;background-size:contain}
.aboutU-recruitment .g-wrapper .employment1{margin:auto;padding-top:20px;max-width:680px}
.aboutU-recruitment .g-wrapper .employment1 dl{padding:0 10px}
.aboutU-recruitment .g-wrapper .employment1 dl dt{padding:10px 0;color:#3f3f3f;font-size:22px}
.aboutU-recruitment .g-wrapper .employment1 dl dd ul li{padding:5px 0}
@media (min-width:480px){.aboutU-contact .g-wrapper .left .wrap a{font-size:40px}
}
@media (min-width:1200px){.aboutU-recruitment .g-wrapper .pic1{position:absolute;top:50%;margin-top:-250px;width:50%}
    .aboutU-recruitment .g-wrapper .employment1{float:right;overflow:hidden;width:50%}
}