.tem07-development-path .con{margin-bottom: 6px;position: relative;} .tem07-development-path .con:hover{transition: 0.5s;-webkit-transform: scale(1.02);-moz-transform: scale(1.02);transform: scale(1.02);} .tem07-development-path .con>div:nth-child(1){font-size: 30px;text-align: right;} .tem07-development-path .con>div:nth-child(1) section{display: inline-block;} .tem07-development-path_bianhao{opacity: 0; -webkit-animation: dongleft 1s both; -moz-animation: dongleft 1s both; animation: dongleft 1s both; } @-webkit-keyframes dongleft{ from{-webkit-transform: translateX(-500px);opacity: 0;} to{-webkit-transform: translateX(0);opacity: 1;} } @-moz-keyframes dongleft{ from{-moz-transform: translateX(-500px);opacity: 0;} to{-moz-transform: translateX(0);opacity: 1;} } @keyframes dongleft{ from{transform: translateX(-500px);opacity: 0;} to{transform: translateX(0);opacity: 1;} } .tem07-development-path_right1{position: relative;opacity: 0; -webkit-animation: dongright 1s both; -moz-animation: dongright 1s both; animation: dongright 1s both; } @-webkit-keyframes dongright{ from{-webkit-transform: translateX(500px);opacity: 0;} to{-webkit-transform: translateX(0);opacity: 1;} } @-moz-keyframes dongright{ from{-moz-transform: translateX(500px);opacity: 0;} to{-moz-transform: translateX(0);opacity: 1;} } @keyframes dongright{ from{transform: translateX(500px);opacity: 0;} to{transform: translateX(0);opacity: 1;} } .tem07-development-path .con>div:nth-child(1)>span{border-bottom: 3px solid #ccc;padding-bottom: 10px;} /*.tem07-development-path .con:nth-child(even)>div:nth-child(1) span{color: #777;}*/ .tem07-development-path .con>div:nth-child(2)>div:nth-child(1){padding: 10px 15px; border-radius: 4px 4px 0 0;position: relative;font-weight: 900;position: relative;} /*.tem07-development-path .con:nth-child(even)>div:nth-child(2)>div:nth-child(1):before{content: "";display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,.1);position: absolute;left: 0;top: 0;z-index: 1}*/ .tem07-development-path .con>div:nth-child(2)>div:nth-child(1) span{display: block;position: absolute;width: 10px;height: 10px;left: -5px;top: 0;bottom: 0;margin: auto;transform: rotate(45deg);background-color:inherit;} .tem07-development-path .con>div:nth-child(2)>div:nth-child(2){background-color: #f0f0f0;border-radius: 0 0 4px 4px;padding: 10px;text-indent: 2em;} .tem07-development-path .con section{padding: 0;} @media (max-width: 992px) { .tem07-development-path .con>div:nth-child(1){font-size: 25px;} } @media (max-width: 768px) { .tem07-development-path{padding: 0 8px 0 15px} .tem07-development-path .container, .tem07-development-path.full-screen-spacing .container.full-screen{padding-left: 3%!important;padding-right: 3%!important} .tem07-development-path .con>div:nth-child(1){font-size: 20px;padding: 0} .tem07-development-path .con div{font-size: 12px} }