/* * @Author: Yunteam.com * @Date: 2017-04-03 14:41:09 */
#main{background-image: url("../images/aboutus_top_bg.png");width: auto;padding: 0;}
#main .application_dock{color: #FFFFFF;line-height: 24px;font-size: 14px;padding-bottom: 125px;padding-top: 50px;}
#main .application_dock h1{color: #FFFFFF;height: auto;line-height: 60px;text-align: center;}
#main .application_dock ul.dock{margin: 0 auto;padding-bottom: 10px;padding-top: 10px;width: 68%;}
#main .application_dock ul.dock li{display: inline;float: left;font-size: 16px;height: 5rem;margin: 20px 1% 0;position: relative;text-indent: -99999px;width: 4.2rem;}
#main .application_dock ul.dock li:before{background-image: url("../images/application_icon.png");background-repeat: no-repeat;background-size: auto 8em;content: "";height: 4em;left: 2px;top:2px;position: absolute;width: 4em;z-index: 2;transition: all .2s ease 0s;-webkit-transition: .2s;-moz-transition: .2s;-o-transition: .2s;}
#main .application_dock ul.dock li::after{background-color: #4F565C;border: 2px solid #FFFFFF;border-radius: 50%;content: "";height: 4rem;left: 0;position: absolute;top: 0;width: 4rem;z-index: 1;}
#main .application_dock ul.dock li:hover{font-size:20px;}
#main .application_dock ul.dock li:hover:before{left:-0.3em;top:-0.3em;}
#main .application_dock ul.dock li:nth-child(1):before{}
#main .application_dock ul.dock li:nth-child(2):before{background-position: -4em 0;}
#main .application_dock ul.dock li:nth-child(3):before{background-position: -8em 0;}
#main .application_dock ul.dock li:nth-child(4):before{background-position: -12em 0;}
#main .application_dock ul.dock li:nth-child(5):before{background-position: -16em 0;}
#main .application_dock ul.dock li:nth-child(6):before{background-position: -20em 0;}
#main .application_dock ul.dock li:nth-child(7):before{background-position: -24em 0;}
#main .application_dock ul.dock li:nth-child(8):before{background-position: -28em 0;}
#main .application_dock ul.dock li:nth-child(9):before{background-position: -32em 0;}
#main .application_dock ul.dock li:nth-child(10):before{background-position: -36em 0;}
#main .application_dock ul.dock li:nth-child(11):before{background-position: 0 -4em;}
#main .application_dock ul.dock li:nth-child(12):before{background-position: -4em -4em;}
#main .application_dock ul.dock li:nth-child(13):before{background-position: -8em -4em;}
#main .application_dock ul.dock li:nth-child(14):before{background-position: -12em -4em;}
#main .application_dock ul.dock li:nth-child(15):before{background-position: -16em -4em;}
#main .application_dock ul.dock li:nth-child(16):before{background-position: -20em -4em;}
#main .application_dock ul.dock li:nth-child(17):before{background-position: -24em -4em;}
#main .application_dock ul.dock li:nth-child(18):before{background-position: -28em -4em;}
#main .application_dock ul.dock li:nth-child(19):before{background-position: -32em -4em;}
#main .application_dock ul.dock li:nth-child(20):before{background-position: -36em -4em;}
#main .application-list{background-color: #FFFFFF;position: relative;}
#main ul.application{background-color: #FFFFFF;border-top: 1px solid #DDDDDD;position: relative;top: -50px;}
#main ul.application li{display: inline;float: left;margin: 30px 20px 0;overflow: hidden;position: relative;width: 360px;}
#main ul.application li::before{background-color: #000000;content: "";opacity: 0.5;width: 100%;}
#main ul.application li::before,#main ul.application li h3{height: 32px;line-height: 32px;position: absolute;bottom: 0;transition: all .5s ease 0.5s;-webkit-transition: .5s;-moz-transition: .5s;-o-transition: .5s;}
#main ul.application li h3{color: #FFFFFF;font-size: 14px;padding-left: 15px;z-index: 2;}
#main ul.application li img{display:block;}
#main ul.application li a.main{display: block;height: 100%;position: absolute;width: 100%;z-index: 3;}
#main ul.application li a.main:hover{}
#main ul.application li .menu{height: 100%;left: 100%;position: absolute;top: 0;width: 70%;z-index: 4;transition: all .5s ease 0.5s;-webkit-transition: .5s;-moz-transition: .5s;-o-transition: .5s;}
#main ul.application li .menu::before{background-color: #000000;content: "";height: 100%;opacity: 0.5;position: absolute;width: 100%;}
#main ul.application li .menu a{color: #FFFFFF;display: block;line-height: 24px;padding-left: 17px;padding-right: 5px;position: relative;text-decoration: none;z-index: 5;}
#main ul.application li .menu a::before{content: "\f105";font-family: yunteam;left: 7px;position: absolute;top: 0;}
#main ul.application li .menu a:hover{background-color: #198edf;background-color: #000000;}
#main ul.application li:hover::before,#main ul.application li:hover h3{bottom:-32px;}
#main ul.application li:hover .menu{left:30%;}
/*newest*/
#main .application-newest{background-color: #F2F3F5;border-bottom: 2px solid #FFFFFF;}
#main .application-newest h1{height: auto;line-height: 80px;text-align: center;}
#main .application-newest ul{padding-bottom: 5px;}
#main .application-newest li{background-color: #FFFFFF;box-shadow: 2px 2px 4px #CCCCCC;float: left;height: 280px;margin-bottom: 15px;margin-left: 2px;margin-right: 19px;margin-top:2px;overflow: hidden;width: 230px;border-radius: 3px;}
#main .application-newest li:nth-child(5n){margin-right: 0!important;}
#main .application-newest li a{display: block;height: 100%;padding-top: 22%;text-decoration: none;}
#main .application-newest li img{display: block;margin: 0 auto;}
#main .application-newest li p{color: #464646;font-size: 14px;padding: 60px 10px 0;height: 34px;display: block;text-align: left;}
#main .application-newest li s{color: #464646;display: block;font-size: 14px;font-weight: bold;line-height: 24px;padding-top: 10px;text-align: center;text-decoration: none;}
#main .application-newest li:hover{margin-left:0;margin-top:0;margin-right:17px;margin-bottom:13px;border: 2px solid #2b82ad;}
/*content*/
#sBody .application-content{}
#sBody .application-content h2{color: #333333;font-size: 18px;line-height: 40px;}
#sBody .application-content ul li{padding-left: 5px;}
#sBody .application-content ul li::before{content: "\f101";font-family: yunteam;font-size: 14px;margin-right: 7px;}
#sBody .application-content p{margin-bottom: 15px;}