@charset "UTF-8";
.main { line-height: 20px; }

.main .breadcrumb { padding: 15px 0; }

.main .form-wrap { border-top: 2px solid #42a7db; background: #aad8f4; }

.main .form-wrap form { padding: 15px 10px; }

.main .form-wrap .left, .main .form-wrap .right { height: 30px; line-height: 30px; }

.main .form-wrap select { width: 100px; height: 30px; border: 1px solid #ddd; background: #fff; }

.main .form-wrap .right { position: relative; right: 20px; width: 240px; background: #fff; }

.main .form-wrap .right .inp-text { width: 185px; height: 28px; padding-left: 5px; border: 1px solid #ccc; background: #fff; }

.main .form-wrap .right .icon-search { position: absolute; top: 0; right: -1px; width: 50px; height: 30px; background: #42a7db; text-align: center; color: #fff; }

.main .project-list-wrap .project-list { margin-top: 60px; padding: 2px; border: 1px solid #e9f3eb; color: #666; }

.main .project-list-wrap .project-list .left { width: 80%; }

.main .project-list-wrap .project-list .left .thumbnail-wrap { overflow: hidden; float: left; margin-right: 20px; }

.main .project-list-wrap .project-list .left .thumbnail-wrap img { -webkit-transition: 0.7s; -moz-transition: 0.7s; -ms-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s; }

.main .project-list-wrap .project-list .left .thumbnail-wrap:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }

.main .project-list-wrap .project-list .left .title { margin-top: 5px; }

.main .project-list-wrap .project-list .left .summary { color: #134a86; }

.main .project-list-wrap .project-list .left .pro-con { margin-top: 5px; }

.main .project-list-wrap .project-list .left .state { margin-top: 12px; }

.main .project-list-wrap .project-list .left .mark { font-weight: bold; color: #ff0505; }

.main .project-list-wrap .project-list .right { width: 18%; }

.main .project-list-wrap .project-list .right .btn { display: block; position: relative; width: 150px; height: 40px; margin-top: 75px; border: 1px solid #134a86; text-align: center; line-height: 40px; color: #333; }

.main .project-list-wrap .project-list .right .btn:after { content: "了解详情"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: none; border-radius: 50%; text-align: center; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }

.main .project-list-wrap .project-list .right .btn:hover:after { border-radius: 0; background: #134a86; color: #fff; }

.main .project-page-btn-wrap { margin: 60px auto; text-align: center; }

.main .project-page-btn-wrap .NormalRed, .main .project-page-btn-wrap a { display: inline-block; width: 40px; height: 40px; margin-left: 10px; border: 1px solid #ddd; border-radius: 5px; line-height: 40px; text-align: center; }

.main .project-page-btn-wrap .NormalRed.current, .main .project-page-btn-wrap a.current { background: #50abf2; color: #fff; }

.main .project-page-btn-wrap .NormalRed:hover, .main .project-page-btn-wrap a:hover { background: #50abf2; color: #fff; }

.main .project-page-btn-wrap .NormalRed { background: #50abf2; color: #fff; }

.main .project-page-btn-wrap span { display: none !important; }

.line-scale-pulse-out { margin-top: 50px; text-align: center; }

.line-scale-pulse-out > div { background-color: #fff; width: 4px; height: 35px; border-radius: 2px; margin: 2px; background: #42a7db; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; -webkit-animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); -moz-animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); -ms-animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); -o-animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); }

.line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) { -webkit-animation-delay: -0.4s !important; -moz-animation-delay: -0.4s !important; -ms-animation-delay: -0.4s !important; -o-animation-delay: -0.4s !important; animation-delay: -0.4s !important; }

.line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) { -webkit-animation-delay: -0.2s !important; -moz-animation-delay: -0.2s !important; -ms-animation-delay: -0.2s !important; -o-animation-delay: -0.2s !important; animation-delay: -0.2s !important; }

@-webkit-keyframes line-scale-pulse-out { 0% { -webkit-transform: scaley(1);
    transform: scaley(1); }
  50% { -webkit-transform: scaley(0.4);
    transform: scaley(0.4); }
  100% { -webkit-transform: scaley(1);
    transform: scaley(1); } }

@-ms-keyframes line-scale-pulse-out { 0% { -webkit-transform: scaley(1); transform: scaley(1); }
  50% { -webkit-transform: scaley(0.4); transform: scaley(0.4); }
  100% { -webkit-transform: scaley(1); transform: scaley(1); } }

@keyframes line-scale-pulse-out { 0% { -webkit-transform: scaley(1);
    transform: scaley(1); }
  50% { -webkit-transform: scaley(0.4);
    transform: scaley(0.4); }
  100% { -webkit-transform: scaley(1);
    transform: scaley(1); } }