/* latin */ a, a:hover {text-decoration: none; } li {list-style: none; } .ellipsis {display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .ellipsis-2 {display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ellipsis-3 {display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .wenzi {font-size: 24px; line-height: 25px; margin-top: 10px; } .wenzi1 {font-size: 24px; line-height: 25px; margin: 0 0 20px; color: #4c4949; } .wenzi2 {font-size: 20px; line-height: 45px; color: #4c4949; } .padding {padding: 10px; border: 1px solid #ccc; margin-bottom: 20px; } .navbar-light .navbar-toggler-icon {background-image: url(../img/open.png); } .height, .banner {padding-top: 85px; } .margin_m {margin: 0 auto; } .wz {font-size: 14px; } .navbar-nav li.onnav .nav-link, .navbar-nav li:hover .nav-link, .navbar-nav li:active .nav-link {font-weight: bold; } /*nav*/ .navigation-clean-button {background: #292c2f; padding-top: 10px; padding-bottom: 10px; color: #f2f5f8; border-radius: 0; box-shadow: none; border: none; margin-bottom: 0; color: #fff; position: fixed; width: 100%; z-index: 99; } .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {color: #fff; } .dropdown-item {color: #fff; } @media (max-width:767px) {.navigation-clean-button {padding-top: 0; padding-bottom: 0; } } @media (max-width:767px) {.navigation-clean-button .navbar-header {padding-top: 10px; padding-bottom: 10px; } } @media (max-width:767px) {.navigation-clean-button .navbar-right {margin-bottom: 20px; } } .navigation-clean-button .navbar-brand {font-weight: bold; color: inherit; } .navigation-clean-button .navbar-brand:hover {color: #1485ee; } .navigation-clean-button .navbar-brand img {height: 100%; display: inline-block; margin-right: 10px; width: auto; } .navigation-clean-button .navbar-toggle {border-color: #ddd; } .navigation-clean-button .navbar-toggle:hover, .navigation-clean-button .navbar-toggle:focus {background: none; } .navigation-clean-button .navbar-toggle .icon-bar {background-color: #888; } .navigation-clean-button .navbar-collapse, .navigation-clean-button .navbar-form {border-top-color: #ddd; } .navigation-clean-button .navbar-nav>.active>a, .navigation-clean-button .navbar-nav>.open>a {background: none; box-shadow: none; } .navigation-clean-button.navbar-default .navbar-nav>.active>a, .navigation-clean-button.navbar-default .navbar-nav>.active>a:focus, .navigation-clean-button.navbar-default .navbar-nav>.active>a:hover {color: #e04c40; border-top: 1px solid #e04c40; box-shadow: none; transition: background-color 0.25s; background: none; pointer-events: none; } .navigation-clean-button.navbar .navbar-nav>li>a {padding-left: 18px; padding-right: 18px; color: #fff; } .navigation-clean-button.navbar-default .navbar-nav>li>a {color: #dfe8ee; font-weight: 400; text-transform: uppercase; font-family: 'Work Sans'; } .navigation-clean-button.navbar .navbar-nav>li>a:hover {color: #fff; font-weight: bolder; } .navigation-clean-button.navbar-default .navbar-nav>li>a:focus, .navigation-clean-button.navbar-default .navbar-nav>li>a:hover {color: #e04c40 !important; border-top: solid 1px #e04c40; background-color: transparent; transition: background 0.2s ease, padding 0.8s linear; transition: background-color 0.25s; } .navigation-clean-button .navbar-nav>li>.dropdown-menu {margin-top: -5px; box-shadow: 0 4px 8px rgba(0, 0, 0, .1); background-color: #64696d; border-radius: 2px; } .navigation-clean-button .dropdown-menu>li>a:focus, .navigation-clean-button .dropdown-menu>li>a {line-height: 2; font-size: 14px; font-weight: 300; font-family: '微软雅黑'; color: #df4c40; } .navigation-clean-button .dropdown-menu>li>a:focus, .navigation-clean-button .dropdown-menu>li>a:hover {background: #df4c40; color: inherit; transition: background-color 0.25s; transition-timing-function: ease; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); } .navigation-clean-button .actions {margin-top: 7px; margin-bottom: 0; } .navigation-clean-button .actions .login {margin-right: 7px; text-decoration: none; color: #ffffff; } .navigation-clean-button .action-button, .navigation-clean-button .action-button:active {background: transparent; border-radius: 0; color: #e04c40; box-shadow: none; border: 1px solid #e04c40; text-shadow: none; padding: 10px 22px; transition: background-color 0.25s; } .navigation-clean-button .action-button:hover {background: #e04c40; color: #fff; font-weight: 400; border: 1px solid #df4c40; } .navbar {margin-bottom: 0; } .btn {border-radius: 0; } a.navbar-brand.navbar-link {font-weight: 400; } p.navbar-text.navbar-right.actions {font-family: '微软雅黑'; text-transform: uppercase; font-weight: 400; } a.navbar-link.login:hover {color: #e04c40; } .btn.focus, .btn:focus, .btn:hover {color: #ffffff; text-decoration: none; background-color: #1485ee; border: none; } .btn-default {color: #ffffff; background-color: #df4c40; border: none; } .btn {font-family: 'Roboto'; font-weight: 400; } .article-list h2, .projects-horizontal h2, .team-boxed h2 {margin-bottom: 10px; } /*contact*/ .about p {text-indent: 2rem; } .contact p {font-size: 16px; } /*pages*/ .wpagenavi {margin: 20px auto; padding-top: 25px; width: 100%; line-height: 40px; font-family: "宋体"; border-top: 1px solid #e4e4e4; text-align: center; } .wpagenavi a:link, .wpagenavi a:visited {margin: 4px; padding: 1px 16px; color: #666; background: #e4e4e4; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: color .4s ease; -moz-transition: color .4s ease; -o-transition: color .4s ease; -ms-transition: color .4s ease; transition: color .4s ease; display: inline-block; } .wpagenavi a:hover, .wpagenavi a:active {color: #FFF; background: #436bb8; text-decoration: none } .wpagenavi a.current:link, .wpagenavi a.current:visited, .wpagenavi a.current:hover {color: #FFF; background: #436bb8; font-weight: bold } .pro {display: block; color: #000; } .pro:hover {color: #000; list-style: none; text-decoration: none; } /*footer*/ footer {background-color: #292c2f; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12); box-sizing: border-box; width: 100%; text-align: left; font: bold 16px sans-serif; padding: 55px 50px; margin-top: 80px; bottom: 0; color: #fff; } .footer-navigation h3 {margin: 0; font: normal 24px Cookie, cursive; margin-bottom: 20px; color: #fff; } .footer-navigation h3 a {text-decoration: none; color: #fff; } .footer-navigation h3 span {color: #5383d3; } .footer-navigation p.links a {color: #fff; text-decoration: none; } .footer-navigation p.company-name {color: #8f9296; font-size: 14px; font-weight: normal; margin-top: 20px; } @media (max-width:767px) {.footer-contacts {margin: 30px 0; } .dis-none{display: none} } .footer-contacts p {display: inline-block; color: #ffffff; vertical-align: middle; } .footer-contacts p a {color: #5383d3; text-decoration: none; } .fa.footer-contacts-icon {background-color: #33383b; color: #fff; font-size: 18px; width: 38px; height: 38px; border-radius: 50%; text-align: center; line-height: 38px; margin: 10px 15px 10px 0; } span.new-line-span {display: block; font-weight: normal; display: block; font-weight: normal; font-size: 14px; line-height: 2; } .footer-about h4 {display: block; color: #fff; font-size: 14px; font-weight: bold; line-height: 30px; } .footer-about p {color: #92999f; font-size: 13px; font-weight: normal; line-height: 30px; } .footer-about p a, .footer-about p a:hover {color: #fff; line-height: 30px; } div.social-links {margin-top: 20px; color: #fff; } .social-links a {display: inline-block; width: 35px; height: 35px; cursor: pointer; background-color: #33383b; border-radius: 2px; font-size: 20px; color: #ffffff; text-align: center; line-height: 35px; margin-right: 5px; margin-bottom: 5px; } .banner img {display: block; width: 100%; height: auto; } /*banner*/ .simple-slider .swiper-slide {/*height:500px;*/ background-repeat: no-repeat; background-size: cover; background-position: center; } .simple-slider .swiper-slide img {display: block; width: 100%; height: auto; } .simple-slider .swiper-button-next, .simple-slider .swiper-button-prev {width: 50px; margin-left: 20px; margin-right: 20px; } @media (max-width:767px) {.simple-slider .swiper-button-next, .simple-slider .swiper-button-prev {display: none; } } @media (max-width:767px) {.simple-slider .swiper-slide {height: 360px; } } /*articles*/ .article-list {color: #313437; background-color: #fff; } .article-list p {color: #7d8285; } .article-list h2 {font-weight: bold; /*margin-bottom:40px;*/ padding-top: 40px; color: inherit; } @media (max-width:767px) {.article-list h2 {/*margin-bottom:25px;*/ padding-top: 25px; font-size: 24px; } } .article-list .intro {font-size: 16px; max-width: 500px; margin: 0 auto; } .article-list .intro p {margin-bottom: 0; } .article-list .articles {padding-bottom: 40px; } .article-list .item {padding-top: 50px; min-height: 425px; text-align: center; } .article-list .item .name {font-weight: bold; font-size: 16px; margin-top: 20px; color: inherit; } .article-list .item .description {font-size: 14px; margin-top: 15px; margin-bottom: 0; } .article-list .item .action {font-size: 24px; width: 24px; margin: 22px auto 0; line-height: 1; display: block; color: #4f86c3; opacity: 0.85; transition: opacity 0.2s; text-decoration: none; } .article-list .item .action:hover {opacity: 1; } /*lightbox*/ .photo-gallery {color: #313437; background-color: #fff; } .photo-gallery p {color: #7d8285; } .photo-gallery h2 {font-weight: bold; margin-bottom: 40px; padding-top: 40px; color: inherit; } @media (max-width:767px) {.photo-gallery h2 {margin-bottom: 25px; padding-top: 25px; font-size: 24px; } } .photo-gallery .intro {font-size: 16px; max-width: 500px; margin: 0 auto 40px; } .photo-gallery .intro p {margin-bottom: 0; } .photo-gallery .photos {padding-bottom: 20px; } .photo-gallery .item {padding-bottom: 30px; } /*projects*/ .projects-horizontal {color: #313437; background-color: #fff; } .projects-horizontal p {color: #7d8285; } .projects-horizontal h2 {font-weight: bold; /*margin-bottom:40px;*/ padding-top: 40px; color: inherit; } @media (max-width:767px) {.projects-horizontal h2 {/*margin-bottom:25px;*/ padding-top: 25px; font-size: 24px; } } .projects-horizontal .intro {font-size: 16px; max-width: 500px; margin: 0 auto 10px; } .projects-horizontal .projects {padding-bottom: 40px; } .projects-horizontal .item {padding-top: 60px; min-height: 160px; } @media (max-width:767px) {.projects-horizontal .item {padding-top: 40px; min-height: 160px; } } .projects-horizontal .item .name {font-size: 18px; font-weight: bold; margin-top: 10px; margin-bottom: 15px; color: inherit; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @media (max-width:991px) {.projects-horizontal .item .name {margin-top: 22px; } } .projects-horizontal .item .description {font-size: 15px; margin-bottom: 0; } /*team*/ .team-boxed {color: #313437; background-color: #eef4f7; } .team-boxed p {color: #7d8285; } .team-boxed h2 {font-weight: bold; /*margin-bottom:40px;*/ padding-top: 40px; color: inherit; } @media (max-width:767px) {.team-boxed h2 {/*margin-bottom:25px;*/ padding-top: 25px; font-size: 24px; } } .team-boxed .intro {font-size: 16px; max-width: 500px; margin: 0 auto; } .team-boxed .intro p {margin-bottom: 0; } .team-boxed .people {padding: 50px 0; } .team-boxed .item {text-align: center; } .team-boxed .item .box {text-align: center; padding: 30px; background-color: #fff; margin-bottom: 30px; } .team-boxed .item .name {font-weight: bold; margin-top: 28px; margin-bottom: 8px; color: inherit; } .team-boxed .item .title {text-transform: uppercase; font-weight: bold; color: #d0d0d0; letter-spacing: 2px; font-size: 13px; } .team-boxed .item .description {font-size: 15px; margin-top: 15px; margin-bottom: 20px; } .team-boxed .item img {max-width: 160px; } .team-boxed .social {font-size: 18px; color: #a2a8ae; } .team-boxed .social a {color: inherit; margin: 0 10px; display: inline-block; opacity: 0.7; } .team-boxed .social a:hover {opacity: 1; } /*产品详情*/ .post {overflow: hidden } .post .post-title {margin-bottom: 8px; padding-bottom: 8px; line-height: 40px; font-size: 28px; text-align: center; border-bottom: 1px solid #e9e9e9; color: #333 } .entry {font-size: 16px; overflow: hidden } .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {margin-bottom: 15px; padding: 0; border: 0; background: 0; color: #000 } .entry p {margin-bottom: 20px; text-indent: 2em } .entry a:link, .entry a:visited {color: #004c90 } .entry a:hover {color: #f65e4f } .entry img {margin-bottom: 15px; max-width: 100%; height: auto; display: block; margin: 0 auto } .entry ol, .entry ul {margin: 10px 20px } .entry ol li {list-style: decimal } .entry ul li {list-style: disc } .entry table {margin-bottom: 15px; color: #666; border-left: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4 } .entry th {padding: 3px 10px; border-right: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; background: #f5f5f5 } .entry td {padding: 3px 10px; border-right: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4 }