/*banner*/
.banner{width:100%;height:500px;background:url("../img/about_banner.jpg") no-repeat center}h1{color:#fff;padding:270px 0 0;text-align:center}.about{padding-bottom:50px;overflow:hidden}.about .img{margin-top:90px;position:relative;z-index:5}.about h2{margin:75px 0 80px;text-align:center}.about .one{background:url("../img/about_ph1s.jpg") no-repeat center;height:650px}.about .one h2{margin:160px 0 30px}.about .one p{text-align:center;color:#333}.about .two{background:#2d2e33;height:650px;position:relative}.about .two .radis{position:absolute;bottom:20px;left:50%;margin-left:-145px;z-index:0;border-radius:50%;animation:radios infinite 60s linear;transition:all 1s}@keyframes radios{from{transform:rotateZ(0deg) scale(1,1)}50%{transform:rotateZ(180deg) scale(.75,.75)}to{transform:rotateZ(360deg) scale(1,1)}}.about .two h2,.about .two p{color:#fff;text-align:center;position:relative;z-index:1}.about .two h2{margin:70px 0 45px}.about p{line-height:30px;margin-bottom:30px;font-weight:normal}.about .below{position:absolute;right:0;bottom:0;z-index:-1}.about .two .below{height:100%}.about .up{position:absolute;left:-22px;top:-22px;width:200px;z-index:10}.about span{color:#fff;margin-top:70px;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);text-align:center;width:145px}.about h5{color:#000;margin-bottom:50px}.logo{background:#f4f4f4}.logo h2{line-height:36px;margin:80px 0 50px;text-align:center}.logo h2 span{display:inline-block;width:10%;margin:0 20px;height:2px;background:#c0c0c0;vertical-align:10px}.logo ul{margin-bottom:50px}.logo ul li{position:relative;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:220px;margin-bottom:50px}.logo ul li:before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%)}.logo ul li:before{height:220px;width:250px;background:url("../img/about_ph5.png") no-repeat;cursor:default}.hover:before{transition:all 1.5s;-moz-transition:all 1.5s;-webkit-transition:all 1.5s;-ms-transition:all 1.5s;-o-transition:all 1.5s;box-shadow:10px 10px 30px #ccc;-moz-box-shadow:10px 10px 30px #ccc;-webkit-box-shadow:10px 10px 30px #ccc;-o-box-shadow:10px 10px 30px #ccc;-ms-box-shadow:10px 10px 30px #ccc}.hovers:before{box-shadow:0 0 0 #fff;-moz-box-shadow:0 0 0 #fff;-webkit-box-shadow:0 0 0 #fff;-o-box-shadow:0 0 0 #fff;-ms-box-shadow:0 0 0 #fff}.logo ul li:first-child:before{background-position:-2px 0}.logo ul li:nth-child(2):before{background-position:-319px 0}.logo ul li:nth-child(3):before{background-position:-635px 0}.logo ul li:nth-child(4):before{background-position:-951px 0}.logo ul li:nth-child(5):before{background-position:-2px -270px}.logo ul li:nth-child(6):before{background-position:-318px -270px}.logo ul li:nth-child(7):before{background-position:-635px -270px}.logo ul li:last-child:before{background-position:-951px -270px}.join{background:#4d4d4d;height:200px;text-align:center}.join h4{color:#fff;padding:60px 0 40px}.join a{background:#fff;color:#000;padding:10px 25px;border-radius:20px}@media screen and (max-width: 992px){h1{padding:200px 0 0}}@media screen and (min-width:1921px){.join{background-size:100% 300px;-moz-background-size:100% 300px;-webkit-background-size:100% 300px;-ms-background-size:100% 300px;-o-background-size:100% 300px}}@media screen and (max-width: 501px){.about .one,.about .two{height:auto}}