/* banner */ .banner-wrap{ position: relative; width: 100%; display: inline-block; overflow: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; z-index: 9; } /* swiper */ .banner-wrap .swiper-container{ position: relative; width: 100%; } .banner-wrap .swiper-container .swiper-wrapper{ position: relative; width: 100%; } .banner-wrap .swiper-container .swiper-wrapper .swiper-slide{ position: relative; width: 100%; height: 100vh; display: inline-block; overflow: hidden; } .banner-wrap .swiper-container .swiper-wrapper .swiper-slide img{ width: 100%; height: 100%; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } .banner-wrap .swiper-container .swiper-pagination{ bottom: 20px; } .banner-wrap .swiper-container .swiper-pagination .swiper-pagination-bullet{ opacity: 0.8; filter: alpha(opacity=80); background-color: rgba(0, 0, 0, 0.3); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .banner-wrap .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ width: 24px; background-color: rgba(0, 122, 255, 0.8); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .banner-wrap .swiper-container .swiper-button-prev, .banner-wrap .swiper-container .swiper-button-next{ width: 80px; height: 80px; background-color: rgba(153, 153, 153, 0.2); justify-content: center; align-items: center; outline: none; display: none; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-transform: scale(0.8, 0.8); -moz-transform: scale(0.8, 0.8); -ms-transform: scale(0.8, 0.8); -o-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); } .banner-wrap .swiper-container .swiper-button-prev{ left: 15px; background: url(/uploads/image/iimg/prev-blue.png) no-repeat center; background-color: rgba(153, 153, 153, 0.2); } .banner-wrap .swiper-container .swiper-button-next{ right: 15px; background: url(/uploads/image/iimg/next-blue.png) no-repeat center; background-color: rgba(153, 153, 153, 0.2); } .banner-wrap .swiper-container .swiper-button-prev:hover{ background-image: url(/uploads/image/iimg/prev-white.png); background-color: rgba(0, 97, 163, 1); } .banner-wrap .swiper-container .swiper-button-next:hover{ background-image: url(/uploads/image/iimg/next-white.png); background-color: rgba(0, 97, 163, 1); } .banner-wrap .swiper-container:hover .swiper-button-prev, .banner-wrap .swiper-container:hover .swiper-button-next{ display: flex; } /* carousel */ /* .banner-wrap .carousel-indicators{ position: absolute; bottom: 20px; left: 0; z-index: 19; width: 100%; margin: 0; padding: 5px 0px; text-align: center; } .carousel-indicators li{ display: inline-block; width: 30px; height: 5px; margin: 0px 5px; padding: 0; cursor: pointer; background-color: rgba(255, 255, 255, 0.3); border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; transition: all 0.2s ease-in 0s; } .carousel-indicators li.active{ width: 30px; height: 5px; margin: 0px 5px; background-color: #fff; transition: all 0.2s ease-in 0s; } .carousel-inner .banner-skip{ position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin: -50px 0px 0px -50px; background-color: rgba(255, 255, 255, 0.2); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; overflow: hidden; } .carousel-inner .banner-skip .banner-play{ position: absolute; top: 15px; left: 22px; width: 0; height: 0; border-top: 35px solid transparent; border-left: 70px solid transparent; border-bottom: 35px solid transparent; display: inline-block; overflow: hidden; animation: waveicon 3s ease-out 0s infinite; } .carousel-inner .banner-skip .banner-small{ position: absolute; top: 25px; left: 28px; width: 0; height: 0; border-top: 25px solid transparent; border-left: 50px solid rgb(4, 58, 146); border-bottom: 25px solid transparent; display: inline-block; overflow: hidden; } @keyframes waveicon { 0% { border-left: 70px solid transparent; } 25% { border-left: 70px solid rgb(4, 58, 146); } 50% { border-left: 70px solid transparent; } 75% { border-left: 70px solid rgb(4, 58, 146); } } .carousel-inner .carousel-caption{ position: absolute; top: 32%; left: 0; right: 0; bottom: 0; width: auto; z-index: 11; margin: 0; padding: 0px 0px 0px 15%; color: #fff; text-align: left; text-shadow: 0px 3px 5px rgba(0,0,0,0.6); } .carousel-inner .carousel-caption h3{ font-size: 36px; font-weight: bold; line-height: 40px; color: inherit; text-transform: none; transition: all 0.3s ease-in 0s; } .carousel-inner .carousel-caption span{ display: block; font-size: 26px; font-weight: 300; line-height: 30px; color: inherit; text-transform: none; transition: all 0.3s ease-in 0s; } .banner-wrap .carousel-control{ position: absolute; top: 0; bottom: 0; width: 12%; height: auto; text-shadow: 0 1px 3px rgba(0,0,0,0.3); background-color: rgba(0, 0, 0, 0); filter: alpha(opacity=60); opacity: 0.6; display: none; z-index: 1; } .banner-wrap:hover .carousel-control{ display: block; } .banner-wrap .carousel-control.left{ left: 0; right: auto; text-align: right; } .banner-wrap .carousel-control.right{ right: 0; left: auto; text-align: left; } .carousel-control span{ position: relative !important; top: 50% !important; z-index: 13 !important; margin: -16px 0px 0px 0px !important; display: inline-block !important; width: 40px !important; height: 40px !important; cursor: pointer; transition: all 0.3s ease-in 0s; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; } .carousel-control .glyphicon-chevron-left{ background: url(/uploads/image/iimg/prev.png) no-repeat center; background-color: rgba(198, 201, 212, 0.3); left: 0; } .carousel-control .glyphicon-chevron-left::before{ content: ""; } .carousel-control .glyphicon-chevron-right{ background: url(/uploads/image/iimg/next.png) no-repeat center; background-color: rgba(198, 201, 212, 0.3); right: 0; } .carousel-control .glyphicon-chevron-right::before{ content: ""; } */ /* cate */ .cate-wrap{ position: relative; width: 100%; background-color: #fff; display: inline-block; overflow: hidden; } .cate-wrap .cate-container{ position: relative; width: 100%; display: inline-block; overflow: hidden; } .cate-wrap .cate-container .cate-content{ position: relative; width: 100%; margin: 0 auto; padding: 60px 0px; overflow: hidden; } .cate-wrap .cate-container .cate-content .cate-body{ position: relative; width: 100%; display: inline-block; overflow: hidden; } .cate-wrap .cate-container .cate-content .cate-body .cate-swiper{ position: relative; width: 100%; margin: 0 auto; padding: 50px 0px; overflow: hidden; } .cate-wrap .cate-container .cate-content .cate-body .cate-swiper .swiper-slide{ position: relative; width: 540px; height: 540px; background-color: #fff; display: inline-block; overflow: hidden; -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); } .cate-wrap .cate-container .cate-content .cate-body .cate-image{ position: relative; width: 100%; display: block; overflow: hidden; } .cate-wrap .cate-container .cate-content .cate-body .cate-image img{ width: 100%; height: 100%; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } .cate-wrap .cate-container .cate-content .cate-body .cate-text{ position: absolute; top: 50%; left: 50%; width: 400px; height: 260px; padding: 0px 5px; margin: -130px 0px 0px -200px; color: #0061a3; background-color: rgba(255, 255, 255, 0.5); overflow: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate(-540px, -540px); -moz-transform: translate(-540px, -540px); -ms-transform: translate(-540px, -540px); -o-transform: translate(-540px, -540px); transform: translate(-540px, -540px); -webkit-transition: transform 0.6s ease-in-out 0.3s; -moz-transition: transform 0.6s ease-in-out 0.3s; -ms-transition: transform 0.6s ease-in-out 0.3s; -o-transition: transform 0.6s ease-in-out 0.3s; transition: transform 0.6s ease-in-out 0.3s; } .cate-wrap .cate-container .cate-content .cate-body .swiper-slide-active .cate-text{ opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } .cate-wrap .cate-container .cate-content .cate-body .cate-text .cate-back-box{ position: static; display: inline-block; overflow: hidden; } .cate-wrap .cate-container .cate-content .cate-body .cate-text .cate-back-box .top-left, .cate-wrap .cate-container .cate-content .cate-body .cate-text .cate-back-box .top-right, .cate-wrap .cate-container .cate-content .cate-body .cate-text .cate-back-box .bottom-left, .cate-wrap .cate-container .cate-content .cate-body .cate-text .cate-back-box .bottom-right{ position: absolute; width: 24px; height: 24px; border-color: #0061a3; border-style: solid; display: inline-block; } .cate-wrap .cate-container .cate-content .cate-body .cate-text .cate-back-box .top-left{ top: 0; left: 0; border-width: 5px 0px 0px 5px; } .cate-wrap .cate-container .cate-content .cate-body .cate-text .cate-back-box .top-right{ top: 0; right: 0; border-width: 5px 5px 0px 0px; } .cate-wrap .cate-container .cate-content .cate-body .cate-text .cate-back-box .bottom-left{ bottom: 0; left: 0; border-width: 0px 0px 5px 5px; } .cate-wrap .cate-container .cate-content .cate-body .cate-text .cate-back-box .bottom-right{ bottom: 0; right: 0; border-width: 0px 5px 5px 0px; } .cate-wrap .cate-container .cate-content .cate-body .cate-text .cate-title{ position: relative; margin: 50px 0px 0px 0px; text-align: center; display: block; overflow: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate(0px, -100px); -moz-transform: translate(0px, -100px); -ms-transform: translate(0px, -100px); -o-transform: translate(0px, -100px); transform: translate(0px, -100px); -webkit-transition: transform 0.5s ease-in-out 1s; -moz-transition: transform 0.5s ease-in-out 1s; -ms-transition: transform 0.5s ease-in-out 1s; -o-transition: transform 0.5s ease-in-out 1s; transition: transform 0.5s ease-in-out 1s; } .cate-wrap .cate-container .cate-content .cate-body .swiper-slide-active .cate-text .cate-title{ opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } .cate-wrap .cate-container .cate-content .cate-body .cate-text .cate-title h3{ font-size: 36px; font-weight: normal; font-style: normal; max-height: 80px; line-height: 40px; color: #0061a3; word-break: normal; word-wrap: break-word; text-transform: none; display: inline-block; overflow: hidden; } .cate-wrap .cate-container .cate-content .cate-body .cate-text .cate-link{ position: relative; margin: 50px 0px 0px 0px; text-align: center; display: block; overflow: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate(400px, 0px); -moz-transform: translate(400px, 0px); -ms-transform: translate(400px, 0px); -o-transform: translate(400px, 0px); transform: translate(400px, 0px); -webkit-transition: transform 0.6s ease-in-out 1s; -moz-transition: transform 0.6s ease-in-out 1s; -ms-transition: transform 0.6s ease-in-out 1s; -o-transition: transform 0.6s ease-in-out 1s; transition: transform 0.6s ease-in-out 1s; } .cate-wrap .cate-container .cate-content .cate-body .swiper-slide-active .cate-text .cate-link{ opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } .cate-wrap .cate-container .cate-content .cate-body .cate-text .cate-link a{ font-size: 16px; font-weight: normal; font-style: normal; line-height: 20px; padding: 12px 24px; color: #0061a3; background-color: #fff; display: inline-block; overflow: hidden; } .cate-wrap .cate-container .cate-content .cate-body .swiper-slide:hover .cate-text .cate-link a{ color: #fff; background-color: #0061a3; } .cate-wrap .cate-container .cate-content .cate-body .cate-prev{ left: 0; margin: -40px 0px 0px 10px; background: url(/uploads/image/iimg/prev-blue.png) no-repeat center; background-color: rgba(153, 153, 153, 0.2); animation: moveleft 1s ease-in-out 0s infinite alternate; } .cate-wrap .cate-container .cate-content .cate-body .cate-next{ right: 0; margin: -40px 10px 0px 0px; background: url(/uploads/image/iimg/next-blue.png) no-repeat center; background-color: rgba(153, 153, 153, 0.2); animation: moveright 1s ease-in-out 0s infinite alternate; } .cate-wrap .cate-container .cate-content .cate-body .cate-prev, .cate-wrap .cate-container .cate-content .cate-body .cate-next{ position: absolute; top: 50%; width: 40px; height: 80px; cursor: pointer; z-index: 10; justify-content: center; align-items: center; display: flex; outline: none; } .cate-wrap .cate-container .cate-content .cate-body .cate-prev:hover{ background-image: url(/uploads/image/iimg/prev-white.png); background-color: #0061a3; } .cate-wrap .cate-container .cate-content .cate-body .cate-next:hover{ background-image: url(/uploads/image/iimg/next-white.png); background-color: #0061a3; } @keyframes moveleft { 0% { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } 50% { -webkit-transform: translate(-10px, 0px); -moz-transform: translate(-10px, 0px); -ms-transform: translate(-10px, 0px); -o-transform: translate(-10px, 0px); transform: translate(-10px, 0px); } 100% { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @keyframes moveright { 0% { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } 50% { -webkit-transform: translate(10px, 0px); -moz-transform: translate(10px, 0px); -ms-transform: translate(10px, 0px); -o-transform: translate(10px, 0px); transform: translate(10px, 0px); } 100% { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } } .cate-wrap .cate-container .cate-content .cate-body .cate-pagination{ position: absolute; width: 100%; bottom: 20px; text-align: center; display: inline-block; overflow: hidden; } .cate-wrap .cate-container .cate-content .cate-body .cate-pagination .swiper-pagination-bullet{ position: relative; width: 10px; height: 10px; margin: 0px 5px; border: 3px solid #fff; background-color: #ddd; display: inline-block; opacity: 1; filter: alpha(opacity=100); } .cate-wrap .cate-container .cate-content .cate-body .cate-pagination .swiper-pagination-bullet-active{ border: 3px solid #0061a3; background-color: #fff; } /* hot */ /* .hot-wrap{ position: relative; width: 100%; margin: 0; padding: 0; background: url(/uploads/image/iimg/product-bg.jpg) no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; display: inline-block; overflow: hidden; z-index: 9; } .hot-wrap::after{ content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: inherit; -webkit-filter: blur(1px); -moz-filter: blur(1px); filter: blur(1px); z-index: 99; } .hot-wrap .hot-container{ position: relative; width: 100%; height: 100%; background-color: rgba(223, 223, 223, 0.9); z-index: 999; } .hot-wrap .hot-content{ position: relative; width: 100%; margin: 0px auto; padding: 60px 0px; } .hot-content .hot-body{ width: 100%; display: inline-block; } .hot-content .hot-body ul{ width: 100%; margin: 20px 0px 0px 0px; padding: 0px 10px; font-size: 0; } .hot-content .hot-body ul li{ position: relative; width: 25%; height: auto; padding: 0px 10px; display: inline-block; } .hot-body .hot-grid{ position: relative; margin: 6px 0px; width: 100%; height: auto; background-color: rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); } .hot-body .hot-grid a{ position: relative; width: 100%; overflow: hidden; display: inline-block; } .hot-body .hot-grid a::before{ content: ""; padding-bottom: 90%; display: inline-block; vertical-align: middle; } .hot-body .hot-grid a img{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; margin: auto; opacity: 0.95; filter: alpha(opacity=95); overflow: hidden; display: inline-block; -webkit-transform: scale3d(1.05, 1.05, 1); -moz-transform: scale3d(1.05, 1.05, 1); -o-transform: scale3d(1.05, 1.05, 1); transform: scale3d(1.05, 1.05, 1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .hot-body .hot-grid:hover a img{ opacity: 0.6; filter: alpha(opacity=60); -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .hot-body .hot-grid .caption{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding: 20px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .hot-body .hot-grid .caption::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-transform: scale3d(1.8, 1.4, 1) rotate3d(0, 0, 1, 50deg) translate3d(0, -100%, 0); -moz-transform: scale3d(1.8, 1.4, 1) rotate3d(0, 0, 1, 50deg) translate3d(0, -100%, 0); transform: scale3d(1.8, 1.4, 1) rotate3d(0, 0, 1, 50deg) translate3d(0, -100%, 0); } .hot-body .hot-grid:hover .caption::before{ -webkit-transform: scale3d(1.8, 1.4, 1) rotate3d(0, 0, 1, 50deg) translate3d(0, 100%, 0); -moz-transform: scale3d(1.8, 1.4, 1) rotate3d(0, 0, 1, 50deg) translate3d(0, 100%, 0); transform: scale3d(1.8, 1.4, 1) rotate3d(0, 0, 1, 50deg) translate3d(0, 100%, 0); } .hot-body .hot-grid .caption span{ position: absolute; right: 0px; bottom: 0px; max-width: 150px; font-size: 14px; font-weight: normal; line-height: 22px; text-align: right; color: #fff; border-right: 3px solid #fff; margin: 0px 30px 30px 0px; padding: 0px 10px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .hot-body .hot-grid:hover .caption span{ opacity: 1; filter: alpha(opacity=100); } */ /* slogan */ .slogan-wrap{ position: relative; width: 100%; display: inline-block; overflow: hidden; } .slogan-wrap .slogan-container{ position: relative; width: 100%; display: inline-block; overflow: hidden; } .slogan-wrap .slogan-container .slogan-content{ position: relative; width: 100%; display: inline-block; overflow: hidden; } .slogan-wrap .slogan-container .slogan-content img{ width: 100%; height: 100%; } /* scheme */ .scheme-wrap{ position: relative; width: 100%; background-color: #fff; display: inline-block; overflow: hidden; } .scheme-wrap .scheme-container{ position: relative; width: 100%; display: inline-block; overflow: hidden; } .scheme-wrap .scheme-container .scheme-content{ position: relative; width: 100%; margin: 0 auto; padding: 60px 0px; overflow: hidden; } .scheme-wrap .scheme-container .scheme-content .scheme-body{ position: relative; width: 100%; display: inline-block; overflow: hidden; } .scheme-wrap .scheme-container .scheme-content .scheme-body ul{ position: relative; width: 100%; margin: 20px 0px 0px 0px; display: inline-block; overflow: hidden; } .scheme-wrap .scheme-container .scheme-content .scheme-body ul li{ position: relative; width: 33.333333%; height: auto; padding: 20px 20px 0px 20px; vertical-align: top; display: inline-block; overflow: hidden; } .scheme-wrap .scheme-container .scheme-content .scheme-body .scheme-item{ position: relative; width: 100%; height: auto; display: inline-block; overflow: hidden; } .scheme-wrap .scheme-container .scheme-content .scheme-body .scheme-item a{ position: relative; width: 100%; height: auto; display: inline-block; overflow: hidden; } .scheme-wrap .scheme-container .scheme-content .scheme-body .scheme-item a::before{ content: ""; padding-bottom: 80%; display: inline-block; vertical-align: middle; } .scheme-wrap .scheme-container .scheme-content .scheme-body .scheme-item a img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: auto; overflow: hidden; -webkit-transform: scale(1.00, 1.00); -moz-transform: scale(1.00, 1.00); -ms-transform: scale(1.00, 1.00); transform: scale(1.00, 1.00); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .scheme-wrap .scheme-container .scheme-content .scheme-body .scheme-item:hover a img{ -webkit-transform: scale(1.15, 1.15); -moz-transform: scale(1.15, 1.15); -ms-transform: scale(1.15, 1.15); transform: scale(1.15, 1.15); } .scheme-wrap .scheme-container .scheme-content .scheme-body .scheme-item .scheme-back{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); display: inline-block; overflow: hidden; } .scheme-wrap .scheme-container .scheme-content .scheme-body .scheme-item .scheme-text{ position: absolute; top: 0; left: 0; width: 100%; height: auto; margin: 30px 0px 0px 0px; padding: 0px 30px; text-align: center; overflow: hidden; } .scheme-wrap .scheme-container .scheme-content .scheme-body .scheme-item .scheme-text h3{ font-size: 30px; font-weight: 500; font-style: normal; max-height: 64px; line-height: 32px; color: #fff; word-break: normal; word-wrap: break-word; text-transform: none; display: inline-block; overflow: hidden; } .scheme-wrap .scheme-container .scheme-content .scheme-body .scheme-item .scheme-text p{ font-size: 0; margin: 15px 0px 0px 0px; text-align: center; white-space: nowrap; text-transform: none; display: block; } .scheme-wrap .scheme-container .scheme-content .scheme-body .scheme-item .scheme-text p span{ font-size: 16px; font-weight: normal; font-style: normal; line-height: 18px; color: #fff; display: inline-block; overflow: hidden; } /* plan */ /* .plan-wrap{ position: relative; width: 100%; margin: 0; padding: 0; background-color: #fff; background-attachment: fixed; display: inline-block; overflow: hidden; z-index: 9; } .plan-wrap .plan-container{ position: relative; width: 100%; } .plan-wrap .plan-content{ position: relative; width: 100%; margin: 0px auto; padding: 60px 0px; } .plan-wrap .plan-content .plan-body{ position: relative; width: 100%; display: inline-block; } .plan-wrap .plan-content .plan-body ul{ font-size: 0; width: 100%; margin: 10px 0px 0px 0px; padding: 0; display: inline-block; } .plan-wrap .plan-content .plan-body ul li{ position: relative; width: 50%; height: auto; padding: 20px 20px 0px 20px; display: inline-block; } .plan-wrap .plan-content .plan-body .plan-item{ position: relative; width: 100%; height: auto; -webkit-box-shadow: 1px 2px 5px rgba(19, 19, 19, 0.2); -moz-box-shadow: 1px 2px 5px rgba(19, 19, 19, 0.2); box-shadow: 1px 2px 5px rgba(19, 19, 19, 0.2); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; display: inline-block; } .plan-wrap .plan-content .plan-body .plan-item:hover{ -webkit-box-shadow: 1px 2px 10px rgba(19, 19, 19, 0.4); -moz-box-shadow: 1px 2px 10px rgba(19, 19, 19, 0.4); box-shadow: 1px 2px 10px rgba(19, 19, 19, 0.4); } .plan-wrap .plan-content .plan-body .plan-item .plan-image{ position: relative; width: 60%; height: auto; display: inline-block; overflow: hidden; } .plan-wrap .plan-content .plan-body .plan-item .plan-image a{ position: relative; width: 100%; height: auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; display: inline-block; } .plan-wrap .plan-content .plan-body .plan-item .plan-image a::before{ content: ""; padding-bottom: 60%; display: inline-block; vertical-align: middle; } .plan-wrap .plan-content .plan-body .plan-item .plan-image a img{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; margin: auto; } .plan-wrap .plan-content .plan-body .plan-item .plan-text{ position: absolute; width: 40%; height: 100%; background-color: rgba(8, 158, 245, 0.5); display: inline-block; } .plan-wrap .plan-content .plan-body .plan-item .plan-text a{ position: relative; top: 50%; left: 0; width: 100%; height: auto; color: #fff; display: inline-block; -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); transform: translatey(-50%); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .plan-wrap .plan-content .plan-body .plan-item .plan-text a h3{ font-size: 26px; font-weight: normal; line-height: 26px; text-align: center; text-transform: none; display: block; } .plan-wrap .plan-content .plan-body .plan-item .plan-text a p{ font-size: 0; margin: 6px 0px 0px 0px; text-align: center; text-transform: none; display: block; } .plan-wrap .plan-content .plan-body .plan-item .plan-text a span{ font-size: 14px; font-weight: normal; line-height: 20px; display: inline-block; } */ /* description */ .brief-wrap{ position: relative; width: 100%; background: url(/uploads/image/iimg/product-bg.jpg) no-repeat center; background-attachment: fixed; display: inline-block; overflow: hidden; z-index: 9; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; } .brief-wrap::after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: inherit; z-index: 99; -webkit-filter: blur(1px); -moz-filter: blur(1px); -ms-filter: blur(1px); filter: blur(1px); } .brief-wrap .brief-container{ position: relative; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); display: inline-block; overflow: hidden; z-index: 999; } .brief-wrap .brief-container .brief-content{ position: relative; width: 100%; margin: 0 auto; padding: 60px 0px; overflow: hidden; } .brief-wrap .brief-container .brief-content .brief-word{ position: relative; top: 0; width: 50%; padding: 20px 30px; vertical-align: top; display: inline-block; overflow: hidden; } .brief-wrap .brief-container .brief-content .brief-word::before, .brief-wrap .brief-container .brief-content .brief-word::after{ content: ""; position: absolute; left: 0; width: 100%; height: 3px; background-color: #0061a3; } .brief-wrap .brief-container .brief-content .brief-word::before{ top: 0; -webkit-transform: translate(-100%, 0%); -moz-transform: translate(-100%, 0%); -ms-transform: translate(-100%, 0%); -o-transform: translate(-100%, 0%); transform: translate(-100%, 0%); animation: animationleft 3s ease-in-out 0s infinite normal; } .brief-wrap .brief-container .brief-content .brief-word::after{ bottom: 0; -webkit-transform: translate(100%, 0%); -moz-transform: translate(100%, 0%); -ms-transform: translate(100%, 0%); -o-transform: translate(100%, 0%); transform: translate(100%, 0%); animation: animationright 3s ease-in-out 0s infinite normal; } @keyframes animationleft { 0% { -webkit-transform: translatex(-100%); -moz-transform: translatex(-100%); -ms-transform: translatex(-100%); -o-transform: translatex(-100%); transform: translatex(-100%); } 50% { -webkit-transform: translatex(0%); -moz-transform: translatex(0%); -ms-transform: translatex(0%); -o-transform: translatex(0%); transform: translatex(0%); } 100% { -webkit-transform: translatex(100%); -moz-transform: translatex(100%); -ms-transform: translatex(100%); -o-transform: translatex(100%); transform: translatex(100%); } } @keyframes animationright { 0% { -webkit-transform: translatex(100%); -moz-transform: translatex(100%); -ms-transform: translatex(100%); -o-transform: translatex(100%); transform: translatex(100%); } 50% { -webkit-transform: translatex(0%); -moz-transform: translatex(0%); -ms-transform: translatex(0%); -o-transform: translatex(0%); transform: translatex(0%); } 100% { -webkit-transform: translatex(-100%); -moz-transform: translatex(-100%); -ms-transform: translatex(-100%); -o-transform: translatex(-100%); transform: translatex(-100%); } } .brief-wrap .brief-container .brief-content .brief-word .brief-draw{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; } .brief-wrap .brief-container .brief-content .brief-word .brief-draw::before, .brief-wrap .brief-container .brief-content .brief-word .brief-draw::after{ content: ""; position: absolute; top: 0; width: 3px; height: 100%; background-color: #0061a3; } .brief-wrap .brief-container .brief-content .brief-word .brief-draw::before{ left: 0; -webkit-transform: translate(0%, 100%); -moz-transform: translate(0%, 100%); -ms-transform: translate(0%, 100%); -o-transform: translate(0%, 100%); transform: translate(0%, 100%); animation: animationbottom 3s ease-in-out 0s infinite normal; } .brief-wrap .brief-container .brief-content .brief-word .brief-draw::after{ right: 0; -webkit-transform: translate(0%, -100%); -moz-transform: translate(0%, -100%); -ms-transform: translate(0%, -100%); -o-transform: translate(0%, -100%); transform: translate(0%, -100%); animation: animationtop 3s ease-in-out 0s infinite normal; } @keyframes animationbottom { 0% { -webkit-transform: translatey(100%); -moz-transform: translatey(100%); -ms-transform: translatey(100%); -o-transform: translatey(100%); transform: translatey(100%); } 50% { -webkit-transform: translatey(0%); -moz-transform: translatey(0%); -ms-transform: translatey(0%); -o-transform: translatey(0%); transform: translatey(0%); } 100% { -webkit-transform: translatey(-100%); -moz-transform: translatey(-100%); -ms-transform: translatey(-100%); -o-transform: translatey(-100%); transform: translatey(-100%); } } @keyframes animationtop { 0% { -webkit-transform: translatey(-100%); -moz-transform: translatey(-100%); -ms-transform: translatey(-100%); -o-transform: translatey(-100%); transform: translatey(-100%); } 50% { -webkit-transform: translatey(0%); -moz-transform: translatey(0%); -ms-transform: translatey(0%); -o-transform: translatey(0%); transform: translatey(0%); } 100% { -webkit-transform: translatey(100%); -moz-transform: translatey(100%); -ms-transform: translatey(100%); -o-transform: translatey(100%); transform: translatey(100%); } } .brief-wrap .brief-container .brief-content .brief-word h3{ position: relative; font-size: 0; line-height: 0; color: #0061a3; text-align: center; display: block; } .brief-wrap .brief-container .brief-content .brief-word h3 strong{ font-size: 24px; font-weight: normal; font-style: normal; line-height: 30px; white-space: nowrap; display: block; overflow: hidden; } .brief-wrap .brief-container .brief-content .brief-word h3 span{ font-size: 50px; font-weight: 500; font-style: normal; line-height: 60px; text-align: justify; text-justify: inter-ideograph; white-space: nowrap; display: inline-block; overflow: hidden; } .brief-wrap .brief-container .brief-content .brief-word ul{ position: relative; margin: 20px 0px; white-space: nowrap; display: block; overflow: hidden; } .brief-wrap .brief-container .brief-content .brief-word ul li{ position: relative; width: 33.333333%; border-right: 1px solid #0061a3; text-align: center; vertical-align: top; display: inline-block; overflow: hidden; } .brief-wrap .brief-container .brief-content .brief-word ul li:nth-child(3n){ border-right: none; } .brief-wrap .brief-container .brief-content .brief-word ul li .nitem{ position: relative; text-align: justify; text-justify: inter-ideograph; display: inline-block; overflow: hidden; } .brief-wrap .brief-container .brief-content .brief-word ul li strong{ position: relative; text-align: justify; text-justify: inter-ideograph; white-space: nowrap; display: inline-block; overflow: hidden; } .brief-wrap .brief-container .brief-content .brief-word ul li strong hr{ width: 36px; height: 50px; margin: 0; padding: 0; border: none; text-align: center; display: inline-block; overflow: hidden; } .brief-wrap .brief-container .brief-content .brief-word ul li strong hr::before{ font-size: 46px; font-weight: normal; font-style: normal; line-height: 50px; color: #0061a3; white-space: normal; word-wrap: break-word; word-break: normal; display: block; -webkit-transform: translatey(0); -moz-transform: translatey(0); -ms-transform: translatey(0); -o-transform: translatey(0); transform: translatey(0); -webkit-transition: transform 2s ease-out 0.3s; -moz-transition: transform 2s ease-out 0.3s; -ms-transition: transform 2s ease-out 0.3s; -o-transition: transform 2s ease-out 0.3s; transition: transform 2s ease-out 0.3s; } .brief-wrap .brief-container .brief-content .brief-word ul li strong hr:nth-child(2n 1)::before{ content: '0 1 2 3 4 5 6 7 8 9 0 0 0 0 0 0 0 0 0 0'; } .brief-wrap .brief-container .brief-content .brief-word ul li strong hr:nth-child(2n)::before{ content: '0 0 0 0 0 0 0 0 0 0 0 1 2 3 4 5 6 7 8 9'; } .brief-wrap .brief-container .brief-content .brief-word ul li strong hr.n0:nth-child(2n 1)::before, .brief-wrap .brief-container .brief-content .brief-word ul.active li strong hr.n0:nth-child(2n)::before{ -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); -o-transform: translatey(-50%); transform: translatey(-50%); } .brief-wrap .brief-container .brief-content .brief-word ul.active li strong hr.n0:nth-child(2n 1)::before, .brief-wrap .brief-container .brief-content .brief-word ul li strong hr.n0:nth-child(2n)::before{ -webkit-transform: translatey(-0%); -moz-transform: translatey(-0%); -ms-transform: translatey(-0%); -o-transform: translatey(-0%); transform: translatey(-0%); } .brief-wrap .brief-container .brief-content .brief-word ul li strong hr.n1:nth-child(2n 1)::before, .brief-wrap .brief-container .brief-content .brief-word ul.active li strong hr.n1:nth-child(2n)::before{ -webkit-transform: translatey(-55%); -moz-transform: translatey(-55%); -ms-transform: translatey(-55%); -o-transform: translatey(-55%); transform: translatey(-55%); } .brief-wrap .brief-container .brief-content .brief-word ul.active li strong hr.n1:nth-child(2n 1)::before, .brief-wrap .brief-container .brief-content .brief-word ul li strong hr.n1:nth-child(2n)::before{ -webkit-transform: translatey(-5%); -moz-transform: translatey(-5%); -ms-transform: translatey(-5%); -o-transform: translatey(-5%); transform: translatey(-5%); } .brief-wrap .brief-container .brief-content .brief-word ul li strong hr.n2:nth-child(2n 1)::before, .brief-wrap .brief-container .brief-content .brief-word ul.active li strong hr.n2:nth-child(2n)::before{ -webkit-transform: translatey(-60%); -moz-transform: translatey(-60%); -ms-transform: translatey(-60%); -o-transform: translatey(-60%); transform: translatey(-60%); } .brief-wrap .brief-container .brief-content .brief-word ul.active li strong hr.n2:nth-child(2n 1)::before, .brief-wrap .brief-container .brief-content .brief-word ul li strong hr.n2:nth-child(2n)::before{ -webkit-transform: translatey(-10%); -moz-transform: translatey(-10%); -ms-transform: translatey(-10%); -o-transform: translatey(-10%); transform: translatey(-10%); } .brief-wrap .brief-container .brief-content .brief-word ul li strong hr.n3:nth-child(2n 1)::before, .brief-wrap .brief-container .brief-content .brief-word ul.active li strong hr.n3:nth-child(2n)::before{ -webkit-transform: translatey(-65%); -moz-transform: translatey(-65%); -ms-transform: translatey(-65%); -o-transform: translatey(-65%); transform: translatey(-65%); } .brief-wrap .brief-container .brief-content .brief-word ul.active li strong hr.n3:nth-child(2n 1)::before, .brief-wrap .brief-container .brief-content .brief-word ul li strong hr.n3:nth-child(2n)::before{ -webkit-transform: translatey(-15%); -moz-transform: translatey(-15%); -ms-transform: translatey(-15%); -o-transform: translatey(-15%); transform: translatey(-15%); } .brief-wrap .brief-container .brief-content .brief-word ul li strong hr.n4:nth-child(2n 1)::before, .brief-wrap .brief-container .brief-content .brief-word ul.active li strong hr.n4:nth-child(2n)::before{ -webkit-transform: translatey(-70%); -moz-transform: translatey(-70%); -ms-transform: translatey(-70%); -o-transform: translatey(-70%); transform: translatey(-70%); } .brief-wrap .brief-container .brief-content .brief-word ul.active li strong hr.n4:nth-child(2n 1)::before, .brief-wrap .brief-container .brief-content .brief-word ul li strong hr.n4:nth-child(2n)::before{ -webkit-transform: translatey(-20%); -moz-transform: translatey(-20%); -ms-transform: translatey(-20%); -o-transform: translatey(-20%); transform: translatey(-20%); } .brief-wrap .brief-container .brief-content .brief-word ul li strong hr.n5:nth-child(2n 1)::before, .brief-wrap .brief-container .brief-content .brief-word ul.active li strong hr.n5:nth-child(2n)::before{ -webkit-transform: translatey(-75%); -moz-transform: translatey(-75%); -ms-transform: translatey(-75%); -o-transform: translatey(-75%); transform: translatey(-75%); } .brief-wrap .brief-container .brief-content .brief-word ul.active li strong hr.n5:nth-child(2n 1)::before, .brief-wrap .brief-container .brief-content .brief-word ul li strong hr.n5:nth-child(2n)::before{ -webkit-transform: translatey(-25%); -moz-transform: translatey(-25%); -ms-transform: translatey(-25%); -o-transform: translatey(-25%); transform: translatey(-25%); } .brief-wrap .brief-container .brief-content .brief-word ul li strong hr.n6:nth-child(2n 1)::before, .brief-wrap .brief-container .brief-content .brief-word ul.active li strong hr.n6:nth-child(2n)::before{ -webkit-transform: translatey(-80%); -moz-transform: translatey(-80%); -ms-transform: translatey(-80%); -o-transform: translatey(-80%); transform: translatey(-80%); } .brief-wrap .brief-container .brief-content .brief-word ul.active li strong hr.n6:nth-child(2n 1)::before, .brief-wrap .brief-container .brief-content .brief-word ul li strong hr.n6:nth-child(2n)::before{ -webkit-transform: translatey(-30%); -moz-transform: translatey(-30%); -ms-transform: translatey(-30%); -o-transform: translatey(-30%); transform: translatey(-30%); } .brief-wrap .brief-container .brief-content .brief-word ul li strong hr.n7:nth-child(2n 1)::before, .brief-wrap .brief-container .brief-content .brief-word ul.active li strong hr.n7:nth-child(2n)::before{ -webkit-transform: translatey(-85%); -moz-transform: translatey(-85%); -ms-transform: translatey(-85%); -o-transform: translatey(-85%); transform: translatey(-85%); } .brief-wrap .brief-container .brief-content .brief-word ul.active li strong hr.n7:nth-child(2n 1)::before, .brief-wrap .brief-container .brief-content .brief-word ul li strong hr.n7:nth-child(2n)::before{ -webkit-transform: translatey(-35%); -moz-transform: translatey(-35%); -ms-transform: translatey(-35%); -o-transform: translatey(-35%); transform: translatey(-35%); } .brief-wrap .brief-container .brief-content .brief-word ul li strong hr.n8:nth-child(2n 1)::before, .brief-wrap .brief-container .brief-content .brief-word ul.active li strong hr.n8:nth-child(2n)::before{ -webkit-transform: translatey(-90%); -moz-transform: translatey(-90%); -ms-transform: translatey(-90%); -o-transform: translatey(-90%); transform: translatey(-90%); } .brief-wrap .brief-container .brief-content .brief-word ul.active li strong hr.n8:nth-child(2n 1)::before, .brief-wrap .brief-container .brief-content .brief-word ul li strong hr.n8:nth-child(2n)::before{ -webkit-transform: translatey(-40%); -moz-transform: translatey(-40%); -ms-transform: translatey(-40%); -o-transform: translatey(-40%); transform: translatey(-40%); } .brief-wrap .brief-container .brief-content .brief-word ul li strong hr.n9:nth-child(2n 1)::before, .brief-wrap .brief-container .brief-content .brief-word ul.active li strong hr.n9:nth-child(2n)::before{ -webkit-transform: translatey(-95%); -moz-transform: translatey(-95%); -ms-transform: translatey(-95%); -o-transform: translatey(-95%); transform: translatey(-95%); } .brief-wrap .brief-container .brief-content .brief-word ul.active li strong hr.n9:nth-child(2n 1)::before, .brief-wrap .brief-container .brief-content .brief-word ul li strong hr.n9:nth-child(2n)::before{ -webkit-transform: translatey(-45%); -moz-transform: translatey(-45%); -ms-transform: translatey(-45%); -o-transform: translatey(-45%); transform: translatey(-45%); } .brief-wrap .brief-container .brief-content .brief-word ul li em{ font-size: 14px; font-weight: normal; font-style: normal; line-height: 32px; color: #333; text-align: justify; text-justify: inter-ideograph; white-space: nowrap; vertical-align: bottom; display: inline-block; overflow: hidden; } .brief-wrap .brief-container .brief-content .brief-word ul li span{ font-size: 18px; font-weight: normal; font-style: normal; line-height: 24px; color: #333; padding: 0px 0px 0px 6px; text-align: justify; text-justify: inter-ideograph; white-space: nowrap; display: block; overflow: hidden; } .brief-wrap .brief-container .brief-content .brief-word p{ font-size: 14px; font-weight: normal; font-style: normal; height: 132px; line-height: 22px; color: #333; text-indent: 2em; text-align: justify; text-justify: inter-ideograph; text-overflow: ellipsis; display: block; overflow: hidden; } .brief-wrap .brief-container .brief-content .brief-video{ position: relative; top: 0; width: 50%; padding: 0px 0px 0px 30px; vertical-align: top; display: inline-block; overflow: hidden; } .brief-wrap .brief-container .brief-content .brief-video .brief-video-case{ position: relative; top: 0; left: 0; width: 100%; height: 100%; display: block; overflow: hidden; } .brief-wrap .brief-container .brief-content .brief-video .brief-video-case .brief-video-btn{ position: relative; width: 100%; height: 100%; cursor: pointer; display: block; overflow: hidden; } .brief-wrap .brief-container .brief-content .brief-video .brief-video-case .brief-video-btn img{ position: relative; width: 100%; height: auto; display: inline-block; overflow: hidden; } .brief-wrap .brief-container .brief-content .brief-video .brief-video-case .brief-video-btn .brief-video-icon{ font-family: videojs; font-weight: normal; font-style: normal; font-size: 2.6rem; position: absolute; top: 50%; left: 50%; width: 7.0rem; height: 5.2rem; line-height: 5.2rem; margin: -2.6rem 0rem 0rem -3.5rem; color: #fff; background-color: rgba(6, 97, 243, 0.6); -webkit-border-radius: 10%; -moz-border-radius: 10%; border-radius: 10%; border: none; display: block; cursor: pointer; overflow: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .brief-wrap .brief-container .brief-content .brief-video .brief-video-case .brief-video-btn .brief-video-icon::before{ content: "\f101"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; } .brief-wrap .brief-container .brief-content .brief-video .brief-video-case .brief-video-btn:hover .brief-video-icon{ background-color: rgb(6, 97, 243); } .brief-wrap .brief-container .brief-content .brief-feature{ position: relative; width: 100%; margin: 60px 0px 0px 0px; display: block; overflow: hidden; } .brief-wrap .brief-container .brief-content .brief-feature ul{ position: relative; width: 100%; display: block; overflow: hidden; } .brief-wrap .brief-container .brief-content .brief-feature ul li{ position: relative; width: 25%; margin: 15px 0px; padding: 0px 15px; text-align: center; vertical-align: top; display: inline-block; } .brief-wrap .brief-container .brief-content .brief-feature ul li:nth-child(4n 1){ padding-left: 0px; } .brief-wrap .brief-container .brief-content .brief-feature ul li:nth-child(4n){ padding-right: 0px; } .brief-wrap .brief-container .brief-content .brief-feature ul li .item{ position: relative; width: 100%; height: 200px; justify-content: center; align-items: center; display: flex; -webkit-perspective: 600px; -moz-perspective: 600px; -o-perspective: 600px; perspective: 600px; } .brief-wrap .brief-container .brief-content .brief-feature ul li .item .title, .brief-wrap .brief-container .brief-content .brief-feature ul li .item .description{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0px 30px; color: #fff; justify-content: center; align-items: center; display: flex; opacity: 0.8; filter: alpha(opacity=80); -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .brief-wrap .brief-container .brief-content .brief-feature ul li:nth-child(4n 1) .item .title, .brief-wrap .brief-container .brief-content .brief-feature ul li:nth-child(4n 1) .item .description{ background: url(/uploads/image/iimg/masung-one.jpg) no-repeat center; background-size: 100% 100%; } .brief-wrap .brief-container .brief-content .brief-feature ul li:nth-child(4n 2) .item .title, .brief-wrap .brief-container .brief-content .brief-feature ul li:nth-child(4n 2) .item .description{ background: url(/uploads/image/iimg/masung-two.jpg) no-repeat center; background-size: 100% 100%; } .brief-wrap .brief-container .brief-content .brief-feature ul li:nth-child(4n 3) .item .title, .brief-wrap .brief-container .brief-content .brief-feature ul li:nth-child(4n 3) .item .description{ background: url(/uploads/image/iimg/masung-three.jpg) no-repeat center; background-size: 100% 100%; } .brief-wrap .brief-container .brief-content .brief-feature ul li:nth-child(4n 4) .item .title, .brief-wrap .brief-container .brief-content .brief-feature ul li:nth-child(4n 4) .item .description{ background: url(/uploads/image/iimg/masung-four.jpg) no-repeat center; background-size: 100% 100%; } .brief-wrap .brief-container .brief-content .brief-feature ul li .item .title{ -webkit-transform: rotatey(0deg); -moz-transform: rotatey(0deg); -o-transform: rotatey(0deg); transform: rotatey(0deg); } .brief-wrap .brief-container .brief-content .brief-feature ul li:hover .item .title{ -webkit-transform: rotatey(180deg); -moz-transform: rotatey(180deg); -o-transform: rotatey(180deg); transform: rotatey(180deg); } .brief-wrap .brief-container .brief-content .brief-feature ul li .item .description{ -webkit-transform: rotatey(-180deg); -moz-transform: rotatey(-180deg); -o-transform: rotatey(-180deg); transform: rotatey(-180deg); } .brief-wrap .brief-container .brief-content .brief-feature ul li:hover .item .description{ -webkit-transform: rotatey(0deg); -moz-transform: rotatey(0deg); -o-transform: rotatey(0deg); transform: rotatey(0deg); } .brief-wrap .brief-container .brief-content .brief-feature ul li .item .title p{ font-size: 26px; font-weight: normal; font-style: normal; line-height: 28px; text-align: justify; text-justify: inter-ideograph; white-space: nowrap; display: inline-block; overflow: hidden; } .brief-wrap .brief-container .brief-content .brief-feature ul li .item .description p{ font-size: 14px; font-weight: normal; font-style: normal; line-height: 18px; text-align: justify; text-justify: inter-ideograph; display: block; overflow: hidden; } /* .desc-wrap{ position: relative; width: 100%; margin: 0; padding: 0; background: url(/uploads/image/iimg/desc-bg.jpg) no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; display: inline-block; overflow: hidden; z-index: 9; } .desc-wrap .desc-container{ position: relative; width: 100%; height: 100%; overflow: hidden; z-index: 999; } .desc-wrap .desc-content{ position: relative; width: 100%; margin: 0 auto; padding: 60px 0px; } .desc-wrap .desc-content .desc-left{ position: relative; top: 0; font-size: 0; width: 50%; padding: 0px 30px; display: block; float: right; } .desc-wrap .desc-content .desc-left .desc-video-case{ position: relative; top: 0; left: 0; width: 100%; height: 100%; display: block; overflow: hidden; } .desc-wrap .desc-content .desc-left .desc-video-case .desc-video-btn{ position: relative; width: 100%; height: 100%; text-align: center; cursor: pointer; display: block; overflow: hidden; } .desc-wrap .desc-content .desc-left .desc-video-case .desc-video-btn img{ position: relative; width: 100%; height: auto; display: inline-block; overflow: hidden; } .desc-wrap .desc-content .desc-left .desc-video-case .desc-video-btn .desc-video-icon{ font-family: videojs; font-weight: normal; font-style: normal; font-size: 2.6rem; position: absolute; top: 50%; left: 50%; width: 7.0rem; height: 5.2rem; line-height: 5.2rem; margin: -2.6rem 0rem 0rem -3.5rem; color: #fff; background-color: rgba(6, 97, 243, 0.6); -webkit-border-radius: 10%; -moz-border-radius: 10%; border-radius: 10%; border: none; display: block; cursor: pointer; overflow: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .desc-wrap .desc-content .desc-left .desc-video-case .desc-video-btn:hover .desc-video-icon{ background-color: rgb(6, 97, 243); } .desc-wrap .desc-content .desc-left .desc-video-case .desc-video-btn .desc-video-icon::before{ content: "\f101"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; } .desc-wrap .desc-content .desc-right{ position: relative; top: 0; font-size: 0; width: 50%; padding: 30px; display: block; float: right; } .desc-wrap .desc-content .desc-right .draw-vertical{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; } .desc-wrap .desc-content .desc-right .draw-vertical::before, .desc-wrap .desc-content .desc-right .draw-vertical::after, .desc-wrap .desc-content .desc-right::before, .desc-wrap .desc-content .desc-right::after{ content: ""; position: absolute; background-color: rgb(223, 223, 223); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .desc-wrap .desc-content .desc-right .draw-vertical::before, .desc-wrap .desc-content .desc-right .draw-vertical::after{ top: 0; width: 3px; height: 100%; -webkit-transform: scaley(0); -moz-transform: scaley(0); -ms-transform: scaley(0); -o-transform: scaley(0); transform: scaley(0); } .desc-wrap .desc-content .desc-right::before, .desc-wrap .desc-content .desc-right::after{ left: 0; width: 100%; height: 3px; -webkit-transform: scalex(0); -moz-transform: scalex(0); -ms-transform: scalex(0); -o-transform: scalex(0); transform: scalex(0); } .desc-wrap .desc-content .desc-right .draw-vertical::before{ left: 0; -webkit-transform-origin: top center; -moz-transform-origin: top center; -ms-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; } .desc-wrap .desc-content .desc-right .draw-vertical::after{ right: 0; -webkit-transform-origin: bottom center; -moz-transform-origin: bottom center; -ms-transform-origin: bottom center; -o-transform-origin: bottom center; transform-origin: bottom center; } .desc-wrap .desc-content .desc-right::before{ top: 0; -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } .desc-wrap .desc-content .desc-right::after{ bottom: 0; -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; } .desc-wrap .desc-content .desc-right:hover .draw-vertical::before, .desc-wrap .desc-content .desc-right:hover .draw-vertical::after{ -webkit-transform: scaley(1); -moz-transform: scaley(1); -ms-transform: scaley(1); -o-transform: scaley(1); transform: scaley(1); } .desc-wrap .desc-content .desc-right:hover::before, .desc-wrap .desc-content .desc-right:hover::after{ -webkit-transform: scalex(1); -moz-transform: scalex(1); -ms-transform: scalex(1); -o-transform: scalex(1); transform: scalex(1); } .desc-wrap .desc-content .desc-right:hover .draw-vertical::before{ -webkit-transform-origin: bottom center; -moz-transform-origin: bottom center; -ms-transform-origin: bottom center; -o-transform-origin: bottom center; transform-origin: bottom center; } .desc-wrap .desc-content .desc-right:hover .draw-vertical::after{ -webkit-transform-origin: top center; -moz-transform-origin: top center; -ms-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; } .desc-wrap .desc-content .desc-right:hover::before{ -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; } .desc-wrap .desc-content .desc-right:hover::after{ -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } .desc-wrap .desc-content .desc-right .desc-title{ position: relative; width: 100%; padding: 0px 0px 10px 0px; border-bottom: 3px solid rgb(223, 223, 223); display: block; } .desc-wrap .desc-content .desc-right .desc-title h3{ font-size: 16px; font-weight: 500; font-style: normal; line-height: 24px; text-align: justify; text-justify: inter-ideograph; color: rgb(223, 223, 223); letter-spacing: 1px; display: block; } .desc-wrap .desc-content .desc-right .desc-cont{ position: relative; width: 100%; margin: 20px 0px 0px 0px; display: block; } .desc-wrap .desc-content .desc-right .desc-cont p{ font-size: 12px; font-weight: normal; font-style: normal; height: 220px; line-height: 20px; text-align: justify; text-justify: inter-ideograph; color: rgb(223, 223, 223); letter-spacing: 1px; text-overflow: ellipsis; overflow: hidden; display: block; } */ /* news */ .news-wrap{ position: relative; width: 100%; background-color: #fff; display: inline-block; overflow: hidden;; } .news-wrap .news-container{ position: relative; width: 100%; display: inline-block; overflow: hidden; } .news-wrap .news-container .news-content{ position: relative; width: 100%; margin: 0 auto; padding: 60px 0px; overflow: hidden; } .news-wrap .news-container .news-content .news-body{ position: relative; width: 100%; display: inline-block; overflow: hidden; } .news-wrap .news-container .news-content .news-body ul{ position: relative; width: 100%; height: auto; margin: 30px 0px 0px 0px; display: inline-block; overflow: hidden; } .news-wrap .news-container .news-content .news-body ul::before{ content: ""; position: absolute; top: 0; left: 50%; bottom: 0; width: 3px; margin: 0px 0px 0px -1.5px; background-color: #0061a3; display: block; } .news-wrap .news-container .news-content .news-body ul li{ position: relative; width: 50%; height: auto; vertical-align: top; display: inline-block; } .news-wrap .news-container .news-content .news-body ul li.col-1{ margin: 50px 0px 0px 0px; } .news-wrap .news-container .news-content .news-body ul li.col-2{ margin: 100px 0px 0px 0px; } .news-wrap .news-container .news-content .news-body .news-item{ position: relative; width: 100%; height: auto; display: inline-block; } .news-wrap .news-container .news-content .news-body .col-1 .news-item .news-timeline-icon{ position: absolute; top: 0; right: 0; margin: 0px -15px 0px 0px; display: inline-block; } .news-wrap .news-container .news-content .news-body .col-2 .news-item .news-timeline-icon{ position: absolute; top: 0; left: 0; margin: 0px 0px 0px -15px; display: inline-block; } .news-wrap .news-container .news-content .news-body .news-item .news-timeline-icon span{ font-size: 24px; font-weight: normal; font-style: normal; width: 30px; height: 30px; line-height: 30px; color: #fff; background-color: #eee; text-align: center; display: block; overflow: hidden; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .news-wrap .news-container .news-content .news-body .news-item .news-timeline-content{ position: relative; padding: 10px; background-color: #eee; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .news-wrap .news-container .news-content .news-body .col-1 .news-item .news-timeline-content{ margin: 0px 50px 0px 0px; } .news-wrap .news-container .news-content .news-body .col-2 .news-item .news-timeline-content{ margin: 0px 0px 0px 50px; } .news-wrap .news-container .news-content .news-body .news-item .news-timeline-content::after{ content: ""; position: absolute; top: 7px; width: 0; height: 0; display: block; } .news-wrap .news-container .news-content .news-body .col-1 .news-item .news-timeline-content::after{ right: 0; border-width: 10px 0px 10px 10px; border-color: transparent transparent transparent #eee; border-style: solid; margin: 0px -10px 0px 0px; } .news-wrap .news-container .news-content .news-body .col-2 .news-item .news-timeline-content::after{ left: 0; border-width: 10px 10px 10px 0px; border-color: transparent #eee transparent transparent; border-style: solid; margin: 0px 0px 0px -10px; } .news-wrap .news-container .news-content .news-body .news-item .news-timeline-content .news-detail{ position: relative; width: 100%; height: auto; display: inline-block; overflow: hidden; } .news-wrap .news-container .news-content .news-body .news-item .news-timeline-content .news-detail .news-image{ position: relative; width: 40%; height: auto; vertical-align: top; display: inline-block; overflow: hidden; } .news-wrap .news-container .news-content .news-body .news-item .news-timeline-content .news-detail .news-image a{ position: relative; width: 100%; height: auto; display: inline-block; overflow: hidden; } .news-wrap .news-container .news-content .news-body .news-item .news-timeline-content .news-detail .news-image a::before{ content: ""; padding-bottom: 80%; display: inline-block; vertical-align: middle; } .news-wrap .news-container .news-content .news-body .news-item .news-timeline-content .news-detail .news-image a img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: auto; overflow: hidden; -webkit-transform: scale(1.00, 1.00); -moz-transform: scale(1.00, 1.00); -ms-transform: scale(1.00, 1.00); transform: scale(1.00, 1.00); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .news-wrap .news-container .news-content .news-body .news-item .news-timeline-content:hover .news-detail .news-image a img{ -webkit-transform: scale(1.15, 1.15); -moz-transform: scale(1.15, 1.15); -ms-transform: scale(1.15, 1.15); transform: scale(1.15, 1.15); } .news-wrap .news-container .news-content .news-body .news-item .news-timeline-content .news-detail .news-text{ position: absolute; width: 60%; height: 100%; padding: 0px 10px 0px 20px; vertical-align: top; display: inline-block; overflow: hidden; } .news-wrap .news-container .news-content .news-body .news-item .news-timeline-content .news-detail .news-text a{ position: relative; width: 100%; height: auto; display: inline-block; overflow: hidden; } .news-wrap .news-container .news-content .news-body .news-item .news-timeline-content .news-detail .news-text a h3{ font-size: 16px; font-weight: 500; font-style: normal; max-height: 40px; line-height: 20px; color: #333; text-align: justify; text-justify: inter-ideograph; text-overflow: ellipsis; display: block; overflow: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .news-wrap .news-container .news-content .news-body .news-item .news-timeline-content:hover .news-detail .news-text a h3{ color: #006db6; } .news-wrap .news-container .news-content .news-body .news-item .news-timeline-content .news-detail .news-text a .news-date{ position: relative; margin: 10px 0px; display: block; overflow: hidden; } .news-wrap .news-container .news-content .news-body .news-item .news-timeline-content .news-detail .news-text a .news-date span{ top: 0; font-size: 12px; font-weight: normal; font-style: normal; height: 20px; line-height: 20px; color: #666; text-align: justify; text-justify: inter-ideograph; white-space: nowrap; display: inline-block; overflow: hidden; } .news-wrap .news-container .news-content .news-body .news-item .news-timeline-content .news-detail .news-text a .news-date span:not(:first-child){ margin: 0px 0px 0px 5px; } .news-wrap .news-container .news-content .news-body .news-item .news-timeline-content .news-detail .news-text a p{ font-size: 12px; font-weight: normal; font-style: normal; line-height: 20px; color: #666; text-align: justify; text-justify: inter-ideograph; text-overflow: ellipsis; display: block; overflow: hidden; } .news-wrap .news-container .news-content .news-look-more{ position: relative; width: 100%; margin: 30px 0px 0px 0px; padding: 0; text-align: center; display: block; } .news-wrap .news-container .news-content .news-look-more a{ font-size: 14px; font-weight: normal; font-style: normal; line-height: 30px; padding: 10px 30px; color: #fff; background-color: rgba(0, 97, 163, 0.8); border: 1px solid transparent; text-transform: none; display: inline-block; overflow: hidden; -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .news-wrap .news-container .news-content .news-look-more a:hover{ background-color: rgba(0, 97, 163, 1); } /* .news-wrap{ position: relative; width: 100%; margin: 0; padding: 0; background: url(/uploads/image/iimg/news-bg.jpg) no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; display: inline-block; overflow: hidden; z-index: 9; } .news-wrap::after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: inherit; -webkit-filter: blur(1px); -moz-filter: blur(1px); filter: blur(1px); z-index: 99; } .news-wrap .news-container{ position: relative; width: 100%; height: 100%; background-color: rgba(232, 232, 232, 0.8); overflow: hidden; z-index: 999; } .news-wrap .news-content{ position: relative; width: 100%; margin: 0 auto; padding: 60px 0px; } .news-wrap .news-content .news-body{ position: relative; width: 100%; height: auto; display: block; } .news-wrap .news-content .news-body ul{ position: relative; width: 100%; height: auto; display: block; } .news-wrap .news-content .news-body ul li{ position: relative; width: auto; height: auto; padding: 30px 10px 0px 10px; display: inline-block; vertical-align: top; overflow: hidden; } .news-wrap .news-content .news-body .col-1{ width: 25%; } .news-wrap .news-content .news-body .col-2{ width: 50%; } .news-wrap .news-content .news-body .col-1 .news-item, .news-wrap .news-content .news-body .col-2 .news-item{ position: relative; width: 100%; height: auto; display: block; overflow: hidden; } .news-wrap .news-content .news-body .col-1 .news-item .news-image{ position: relative; width: 100%; height: auto; display: block; overflow: hidden; } .news-wrap .news-content .news-body .col-2 .news-item .news-image{ position: relative; width: 66%; height: auto; display: inline-block; vertical-align: top; overflow: hidden; } .news-wrap .news-content .news-body .col-1 .news-item .news-image a, .news-wrap .news-content .news-body .col-2 .news-item .news-image a{ position: relative; width: 100%; height: auto; display: block; -webkit-transform: scale(1.00, 1.00); -moz-transform: scale(1.00, 1.00); -ms-transform: scale(1.00, 1.00); transform: scale(1.00, 1.00); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .news-wrap .news-content .news-body .col-1 .news-item:hover .news-image a, .news-wrap .news-content .news-body .col-2 .news-item:hover .news-image a{ -webkit-transform: scale(1.15, 1.15); -moz-transform: scale(1.15, 1.15); -ms-transform: scale(1.15, 1.15); transform: scale(1.15, 1.15); } .news-wrap .news-content .news-body .col-1 .news-item .news-image a::before{ content: ""; padding-bottom: 60%; display: inline-block; vertical-align: middle; } .news-wrap .news-content .news-body .col-2 .news-item .news-image a::before{ content: ""; padding-bottom: 75%; display: inline-block; vertical-align: middle; } .news-wrap .news-content .news-body .col-1 .news-item .news-image a img, .news-wrap .news-content .news-body .col-2 .news-item .news-image a img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: auto; overflow: hidden; } .news-wrap .news-content .news-body .col-1 .news-item .news-detail{ position: relative; width: 100%; height: auto; padding: 10px; background-color: #fff; display: block; overflow: hidden; } .news-wrap .news-content .news-body .col-2 .news-item .news-detail{ position: absolute; width: 34%; height: 100%; padding: 28px 10px 10px 10px; background-color: #fff; display: inline-block; vertical-align: top; overflow: hidden; } .news-wrap .news-content .news-body .col-1 .news-item .news-detail .news-text, .news-wrap .news-content .news-body .col-2 .news-item .news-detail .news-text{ position: relative; width: 100%; height: auto; display: block; } .news-wrap .news-content .news-body .col-1 .news-item .news-detail .news-text a, .news-wrap .news-content .news-body .col-2 .news-item .news-detail .news-text a{ font-size: 14px; font-weight: 500; font-style: normal; line-height: 20px; text-align: justify; text-justify: inter-ideograph; color: #333; letter-spacing: 0px; overflow: hidden; display: block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .news-wrap .news-content .news-body .col-1 .news-item .news-detail .news-text a{ height: 40px; } .news-wrap .news-content .news-body .col-2 .news-item .news-detail .news-text a{ height: 40px; } .news-wrap .news-content .news-body .col-1 .news-item:hover .news-detail .news-text a, .news-wrap .news-content .news-body .col-2 .news-item:hover .news-detail .news-text a{ color: rgb(48, 122, 241); } .news-wrap .news-content .news-body .col-1 .news-item .news-detail .news-text p, .news-wrap .news-content .news-body .col-2 .news-item .news-detail .news-text p{ font-size: 12px; font-weight: normal; font-style: normal; margin: 8px 0px 4px 0px; line-height: 20px; text-align: justify; text-justify: inter-ideograph; color: #999; letter-spacing: 0px; overflow: hidden; display: block; } .news-wrap .news-content .news-body .col-1 .news-item .news-detail .news-text p{ height: 40px; } .news-wrap .news-content .news-body .col-2 .news-item .news-detail .news-text p{ height: 220px; } .news-wrap .news-content .news-body .col-1 .news-item .news-detail .news-other, .news-wrap .news-content .news-body .col-2 .news-item .news-detail .news-other{ position: relative; width: 100%; height: auto; padding: 6px 0px 0px 0px; border-top: 1px solid rgba(0, 0, 0, 0.1); display: inline-block; } .news-wrap .news-content .news-body .col-1 .news-item .news-detail .news-other .news-date, .news-wrap .news-content .news-body .col-2 .news-item .news-detail .news-other .news-date{ position: relative; color: #999; display: block; overflow: hidden; float: left; } .news-wrap .news-content .news-body .col-1 .news-item .news-detail .news-other .news-date span, .news-wrap .news-content .news-body .col-2 .news-item .news-detail .news-other .news-date span{ top: 0; font-size: 12px; font-weight: normal; font-style: normal; height: 20px; line-height: 20px; text-align: justify; text-justify: inter-ideograph; letter-spacing: 0px; display: inline-block; overflow: hidden; } .news-wrap .news-content .news-body .col-1 .news-item .news-detail .news-other .news-date span:not(:first-child), .news-wrap .news-content .news-body .col-2 .news-item .news-detail .news-other .news-date span:not(:first-child){ margin: 0px 0px 0px 3px; } .news-wrap .news-content .news-body .col-1 .news-item .news-detail .news-other .news-more, .news-wrap .news-content .news-body .col-2 .news-item .news-detail .news-other .news-more{ position: relative; display: block; overflow: hidden; float: right; } .news-wrap .news-content .news-body .col-1 .news-item .news-detail .news-other .news-more a, .news-wrap .news-content .news-body .col-2 .news-item .news-detail .news-other .news-more a{ position: relative; color: #999; display: block; overflow: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .news-wrap .news-content .news-body .col-1 .news-item:hover .news-detail .news-other .news-more a, .news-wrap .news-content .news-body .col-2 .news-item:hover .news-detail .news-other .news-more a{ color: rgb(48, 122, 241); } .news-wrap .news-content .news-body .col-1 .news-item .news-detail .news-other .news-more span, .news-wrap .news-content .news-body .col-2 .news-item .news-detail .news-other .news-more span{ top: 0; font-size: 12px; font-weight: normal; font-style: normal; height: 20px; line-height: 20px; text-align: justify; text-justify: inter-ideograph; letter-spacing: 0px; display: inline-block; overflow: hidden; } .news-wrap .news-content .news-look-more{ position: relative; width: 100%; margin: 40px 0px 0px 0px; padding: 0; text-align: center; display: block; } .news-wrap .news-content .news-look-more a{ font-size: 14px; font-weight: normal; font-style: normal; line-height: 30px; padding: 10px 30px; color: rgb(233, 233, 233); background-color: rgb(13, 119, 218); border: 1px solid transparent; text-transform: none; display: inline-block; overflow: hidden; -webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.3); -ms-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.3); box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.3); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .news-wrap .news-content .news-look-more a:hover{ background-color: rgb(15, 110, 199); } */ @media(max-width: 1500px){ /* banner */ /* carousel */ /* .carousel-inner .carousel-caption h3{ font-size: 32px; line-height: 36px; } .carousel-inner .carousel-caption span{ font-size: 22px; line-height: 26px; } */ /* cate */ .cate-wrap .cate-container .cate-content{ padding: 50px 0px; } .cate-wrap .cate-container .cate-content .cate-body .cate-swiper{ padding: 50px 0px; } .cate-wrap .cate-container .cate-content .cate-body .cate-swiper .swiper-slide{ width: 520px; height: 520px; } /* hot */ /* .hot-wrap .hot-content{ padding: 50px 0px; } .hot-content .hot-body ul{ margin: 10px 0px 0px 0px; } */ /* scheme */ .scheme-wrap .scheme-container .scheme-content{ padding: 50px 0px; } .scheme-wrap .scheme-container .scheme-content .scheme-body .scheme-item .scheme-text h3{ font-size: 28px; max-height: 60px; line-height: 30px; } .scheme-wrap .scheme-container .scheme-content .scheme-body .scheme-item .scheme-text p span{ font-size: 14px; line-height: 16px; } /* plan */ /* .plan-wrap .plan-content{ padding: 50px 0px; } */ /* description */ .brief-wrap .brief-container .brief-content{ padding: 50px 0px; } .brief-wrap .brief-container .brief-content .brief-word{ padding: 12px 25px; } .brief-wrap .brief-container .brief-content .brief-word h3 strong{ font-size: 22px; line-height: 28px; } .brief-wrap .brief-container .brief-content .brief-word h3 span{ font-size: 44px; line-height: 52px; } .brief-wrap .brief-container .brief-content .brief-word ul{ margin: 18px 0px; } .brief-wrap .brief-container .brief-content .brief-word ul li strong hr{ width: 32px; height: 44px; } .brief-wrap .brief-container .brief-content .brief-word ul li strong hr::before{ font-size: 40px; line-height: 44px; } .brief-wrap .brief-container .brief-content .brief-word ul li em{ font-size: 14px; line-height: 30px; } .brief-wrap .brief-container .brief-content .brief-word ul li span{ font-size: 16px; line-height: 24px; padding: 0px 0px 0px 5px; } .brief-wrap .brief-container .brief-content .brief-word p{ font-size: 14px; height: 106px; line-height: 22px; } .brief-wrap .brief-container .brief-content .brief-video{ padding: 0px 0px 0px 25px; } .brief-wrap .brief-container .brief-content .brief-feature{ margin: 50px 0px 0px 0px; } .brief-wrap .brief-container .brief-content .brief-feature ul li{ width: 25%; margin: 12px 0px; padding: 0px 12px; } .brief-wrap .brief-container .brief-content .brief-feature ul li .item{ height: 160px; } .brief-wrap .brief-container .brief-content .brief-feature ul li .item .title p{ font-size: 24px; line-height: 26px; } .brief-wrap .brief-container .brief-content .brief-feature ul li .item .description p{ font-size: 14px; line-height: 18px; } /* .desc-wrap .desc-content{ padding: 50px 0px; } .desc-wrap .desc-content .desc-left{ width: 55%; padding: 0px 20px; } .desc-wrap .desc-content .desc-right{ width: 45%; padding: 20px; } */ /* news */ .news-wrap .news-container .news-content{ padding: 50px 0px; } /* .news-wrap .news-content{ padding: 50px 0px; } .news-wrap .news-content .news-body .col-2 .news-item .news-image{ width: 62.333%; } .news-wrap .news-content .news-body .col-2 .news-item .news-image a::before{ padding-bottom: 85%; } .news-wrap .news-content .news-body .col-1 .news-item .news-detail{ padding: 8px; } .news-wrap .news-content .news-body .col-2 .news-item .news-detail{ width: 37.667%; padding: 12px 8px 8px 8px; } .news-wrap .news-content .news-body .col-2 .news-item .news-detail .news-text p{ height: 200px; } */ } @media(max-width: 1200px){ /* banner */ /* carousel */ /* .carousel-inner .carousel-caption h3{ font-size: 26px; line-height: 30px; } .carousel-inner .carousel-caption span{ font-size: 18px; line-height: 22px; } */ /* cate */ .cate-wrap .cate-container .cate-content{ padding: 40px 0px; } .cate-wrap .cate-container .cate-content .cate-body .cate-swiper{ padding: 40px 0px; } .cate-wrap .cate-container .cate-content .cate-body .cate-swiper .swiper-slide{ width: 500px; height: 500px; } .cate-wrap .cate-container .cate-content .cate-body .cate-pagination{ bottom: 15px; } /* hot */ /* .hot-wrap .hot-content{ padding: 40px 0px; } */ /* scheme */ .scheme-wrap .scheme-container .scheme-content{ padding: 40px 0px; } .scheme-wrap .scheme-container .scheme-content .scheme-body ul{ margin: 15px 0px 0px 0px; } .scheme-wrap .scheme-container .scheme-content .scheme-body ul li{ padding: 15px 15px 0px 15px; } .scheme-wrap .scheme-container .scheme-content .scheme-body .scheme-item .scheme-text{ padding: 0px 20px; } .scheme-wrap .scheme-container .scheme-content .scheme-body .scheme-item .scheme-text h3{ font-size: 24px; max-height: 52px; line-height: 26px; } .scheme-wrap .scheme-container .scheme-content .scheme-body .scheme-item .scheme-text p span{ font-size: 14px; line-height: 16px; } /* plan */ /* .plan-wrap .plan-content{ padding: 40px 0px; } .plan-wrap .plan-content .plan-body ul li{ padding: 20px 15px 0px 15px; } .plan-wrap .plan-content .plan-body .plan-item .plan-text a h3{ font-size: 22px; line-height: 22px; } .plan-wrap .plan-content .plan-body .plan-item .plan-text a p{ margin: 2px 0px 0px 0px; } .plan-wrap .plan-content .plan-body .plan-item .plan-text a span{ font-size: 12px; } */ /* description */ .brief-wrap .brief-container .brief-content{ padding: 40px 0px; } .brief-wrap .brief-container .brief-content .brief-word{ padding: 10px 20px; } .brief-wrap .brief-container .brief-content .brief-word h3 strong{ font-size: 18px; line-height: 24px; } .brief-wrap .brief-container .brief-content .brief-word h3 span{ font-size: 36px; line-height: 42px; } .brief-wrap .brief-container .brief-content .brief-word ul{ margin: 15px 0px; } .brief-wrap .brief-container .brief-content .brief-word ul li strong hr{ width: 26px; height: 36px; } .brief-wrap .brief-container .brief-content .brief-word ul li strong hr::before{ font-size: 32px; line-height: 36px; } .brief-wrap .brief-container .brief-content .brief-word ul li em{ font-size: 12px; line-height: 26px; } .brief-wrap .brief-container .brief-content .brief-word ul li span{ font-size: 14px; line-height: 20px; padding: 0px 0px 0px 4px; } .brief-wrap .brief-container .brief-content .brief-word p{ font-size: 12px; height: 88px; line-height: 22px; } .brief-wrap .brief-container .brief-content .brief-video{ padding: 0px 0px 0px 20px; } .brief-wrap .brief-container .brief-content .brief-feature{ margin: 40px 0px 0px 0px; } .brief-wrap .brief-container .brief-content .brief-feature ul li{ width: 25%; margin: 10px 0px; padding: 0px 10px; } .brief-wrap .brief-container .brief-content .brief-feature ul li .item{ height: 160px; } .brief-wrap .brief-container .brief-content .brief-feature ul li .item .title p{ font-size: 22px; line-height: 24px; } .brief-wrap .brief-container .brief-content .brief-feature ul li .item .description p{ font-size: 14px; line-height: 18px; } /* .desc-wrap .desc-content{ padding: 40px 0px; } .desc-wrap .desc-content .desc-left{ padding: 0px 10px; } .desc-wrap .desc-content .desc-right{ padding: 15px; } .desc-wrap .desc-content .desc-right .desc-cont p{ height: 180px; } */ /* news */ .news-wrap .news-container .news-content{ padding: 40px 0px; } .news-wrap .news-container .news-content .news-body ul li.col-1{ margin: 40px 0px 0px 0px; } .news-wrap .news-container .news-content .news-body ul li.col-2{ margin: 80px 0px 0px 0px; } .news-wrap .news-container .news-content .news-body .news-item .news-timeline-content .news-detail .news-image{ width: 50%; } .news-wrap .news-container .news-content .news-body .news-item .news-timeline-content .news-detail .news-text{ width: 50%; padding: 0px 0px 0px 10px; } .news-wrap .news-container .news-content .news-look-more{ margin: 20px 0px 0px 0px; } .news-wrap .news-container .news-content .news-look-more a{ padding: 8px 24px; } /* .news-wrap .news-content{ padding: 40px 0px; } .news-wrap .news-content .news-body ul li{ padding: 20px 6px 0px 6px; } .news-wrap .news-content .news-body .col-2 .news-item .news-image{ width: 64.333%; } .news-wrap .news-content .news-body .col-2 .news-item .news-image a::before{ padding-bottom: 90%; } .news-wrap .news-content .news-body .col-1 .news-item .news-detail{ padding: 8px; } .news-wrap .news-content .news-body .col-2 .news-item .news-detail{ width: 35.667%; padding: 7px 8px 8px 8px; } .news-wrap .news-content .news-body .col-2 .news-item .news-detail .news-text p{ height: 180px; } */ } @media(max-width: 992px){ /* banner */ /* swiper */ .banner-wrap .swiper-container .swiper-wrapper .swiper-slide{ height: auto; } /* carousel */ /* .banner-wrap .carousel-indicators{ bottom: 10px; } .carousel-inner .carousel-caption h3{ font-size: 20px; line-height: 24px; } .carousel-inner .carousel-caption span{ font-size: 16px; line-height: 20px; } */ /* cate */ .cate-wrap .cate-container .cate-content{ padding: 40px 0px; } .cate-wrap .cate-container .cate-content .cate-body .cate-swiper{ padding: 40px 0px; } .cate-wrap .cate-container .cate-content .cate-body .cate-swiper .swiper-slide{ width: 480px; height: 480px; } .cate-wrap .cate-container .cate-content .cate-body .cate-text{ width: 320px; height: 200px; margin: -100px 0px 0px -160px; -webkit-transform: translate(-480px, -480px); -moz-transform: translate(-480px, -480px); -ms-transform: translate(-480px, -480px); -o-transform: translate(-480px, -480px); transform: translate(-480px, -480px); } .cate-wrap .cate-container .cate-content .cate-body .cate-text .cate-back-box .top-left, .cate-wrap .cate-container .cate-content .cate-body .cate-text .cate-back-box .top-right, .cate-wrap .cate-container .cate-content .cate-body .cate-text .cate-back-box .bottom-left, .cate-wrap .cate-container .cate-content .cate-body .cate-text .cate-back-box .bottom-right{ width: 22px; height: 22px; } .cate-wrap .cate-container .cate-content .cate-body .cate-text .cate-back-box .top-left{ border-width: 4px 0px 0px 4px; } .cate-wrap .cate-container .cate-content .cate-body .cate-text .cate-back-box .top-right{ border-width: 4px 4px 0px 0px; } .cate-wrap .cate-container .cate-content .cate-body .cate-text .cate-back-box .bottom-left{ border-width: 0px 0px 4px 4px; } .cate-wrap .cate-container .cate-content .cate-body .cate-text .cate-back-box .bottom-right{ border-width: 0px 4px 4px 0px; } .cate-wrap .cate-container .cate-content .cate-body .cate-text .cate-title{ margin: 35px 0px 0px 0px; -webkit-transform: translate(0px, -90px); -moz-transform: translate(0px, -90px); -ms-transform: translate(0px, -90px); -o-transform: translate(0px, -90px); transform: translate(0px, -90px); } .cate-wrap .cate-container .cate-content .cate-body .cate-text .cate-title h3{ font-size: 30px; max-height: 64px; line-height: 32px; } .cate-wrap .cate-container .cate-content .cate-body .cate-text .cate-link{ margin: 35px 0px 0px 0px; -webkit-transform: translate(320px, 0px); -moz-transform: translate(320px, 0px); -ms-transform: translate(320px, 0px); -o-transform: translate(320px, 0px); transform: translate(320px, 0px); } .cate-wrap .cate-container .cate-content .cate-body .cate-text .cate-link a{ font-size: 14px; line-height: 16px; padding: 10px 20px; color: #fff; background-color: #0061a3; } .cate-wrap .cate-container .cate-content .cate-body .cate-prev{ margin: -35px 0px 0px 6px; } .cate-wrap .cate-container .cate-content .cate-body .cate-next{ margin: -35px 6px 0px 0px; } .cate-wrap .cate-container .cate-content .cate-body .cate-prev, .cate-wrap .cate-container .cate-content .cate-body .cate-next{ width: 36px; height: 70px; background-size: 90%; } @keyframes moveleft { 0% { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } 50% { -webkit-transform: translate(-6px, 0px); -moz-transform: translate(-6px, 0px); -ms-transform: translate(-6px, 0px); -o-transform: translate(-6px, 0px); transform: translate(-6px, 0px); } 100% { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @keyframes moveright { 0% { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } 50% { -webkit-transform: translate(6px, 0px); -moz-transform: translate(6px, 0px); -ms-transform: translate(6px, 0px); -o-transform: translate(6px, 0px); transform: translate(6px, 0px); } 100% { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } } /* hot */ /* .hot-content .hot-body ul li{ width: 33.333333%; } */ /* scheme */ .scheme-wrap .scheme-container .scheme-content{ padding: 40px 0px; } .scheme-wrap .scheme-container .scheme-content .scheme-body ul{ margin: 10px 0px 0px 0px; } .scheme-wrap .scheme-container .scheme-content .scheme-body ul li{ padding: 15px 10px 0px 10px; } .scheme-wrap .scheme-container .scheme-content .scheme-body .scheme-item .scheme-text{ padding: 0px 10px; } .scheme-wrap .scheme-container .scheme-content .scheme-body .scheme-item .scheme-text h3{ font-size: 22px; max-height: 48px; line-height: 24px; } .scheme-wrap .scheme-container .scheme-content .scheme-body .scheme-item .scheme-text p span{ font-size: 12px; line-height: 14px; } /* plan */ /* .plan-wrap .plan-content .plan-body ul li{ padding: 15px 10px 0px 10px; } */ /* description */ .brief-wrap .brief-container .brief-content{ padding: 40px 0px; } .brief-wrap .brief-container .brief-content .brief-word{ width: 45%; padding: 9px 10px; } .brief-wrap .brief-container .brief-content .brief-word h3 strong{ font-size: 16px; line-height: 20px; } .brief-wrap .brief-container .brief-content .brief-word h3 span{ font-size: 32px; line-height: 36px; } .brief-wrap .brief-container .brief-content .brief-word ul{ margin: 12px 0px; } .brief-wrap .brief-container .brief-content .brief-word ul li strong hr{ width: 20px; height: 28px; } .brief-wrap .brief-container .brief-content .brief-word ul li strong hr::before{ font-size: 24px; line-height: 28px; } .brief-wrap .brief-container .brief-content .brief-word ul li em{ font-size: 12px; line-height: 22px; } .brief-wrap .brief-container .brief-content .brief-word ul li span{ font-size: 14px; line-height: 18px; padding: 0px 0px 0px 3px; } .brief-wrap .brief-container .brief-content .brief-word p{ font-size: 12px; height: 80px; line-height: 20px; } .brief-wrap .brief-container .brief-content .brief-video{ width: 55%; padding: 0px 0px 0px 10px; } .brief-wrap .brief-container .brief-content .brief-feature{ margin: 40px 0px 0px 0px; } .brief-wrap .brief-container .brief-content .brief-feature ul li{ width: 25%; margin: 8px 0px; padding: 0px 8px; } .brief-wrap .brief-container .brief-content .brief-feature ul li .item{ height: 140px; } .brief-wrap .brief-container .brief-content .brief-feature ul li .item .title, .brief-wrap .brief-container .brief-content .brief-feature ul li .item .description{ padding: 0px 10px; display: inline-block; -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15); -o-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15); } .brief-wrap .brief-container .brief-content .brief-feature ul li .item .title{ position: relative; padding: 30px 10px 0px 10px; -webkit-transform: rotatey(0deg); -moz-transform: rotatey(0deg); -o-transform: rotatey(0deg); transform: rotatey(0deg); } .brief-wrap .brief-container .brief-content .brief-feature ul li:hover .item .title{ -webkit-transform: rotatey(0deg); -moz-transform: rotatey(0deg); -o-transform: rotatey(0deg); transform: rotatey(0deg); } .brief-wrap .brief-container .brief-content .brief-feature ul li .item .description{ position: absolute; padding: 60px 10px 0px 10px; background: transparent !important; -webkit-transform: rotatey(0deg); -moz-transform: rotatey(0deg); -o-transform: rotatey(0deg); transform: rotatey(0deg); } .brief-wrap .brief-container .brief-content .brief-feature ul li:hover .item .description{ -webkit-transform: rotatey(0deg); -moz-transform: rotatey(0deg); -o-transform: rotatey(0deg); transform: rotatey(0deg); } .brief-wrap .brief-container .brief-content .brief-feature ul li .item .title p{ font-size: 18px; line-height: 20px; } .brief-wrap .brief-container .brief-content .brief-feature ul li .item .description p{ font-size: 12px; line-height: 16px; } /* .desc-wrap .desc-content .desc-left{ width: 100%; padding: 0px 0px 20px 0px; } .desc-wrap .desc-content .desc-right{ width: 100%; padding: 15px; } .desc-wrap .desc-content .desc-right .desc-cont p{ height: 180px; } */ /* news */ .news-wrap .news-container .news-content{ padding: 40px 0px; } .news-wrap .news-container .news-content .news-body ul{ margin: 20px 0px 0px 0px; } .news-wrap .news-container .news-content .news-body ul::before{ left: 0; margin: 0px 0px 0px 13.5px; } .news-wrap .news-container .news-content .news-body ul li{ width: 100%; } .news-wrap .news-container .news-content .news-body ul li.col-1{ margin: 30px 0px 0px 0px; } .news-wrap .news-container .news-content .news-body ul li.col-2{ margin: 30px 0px 0px 0px; } .news-wrap .news-container .news-content .news-body .col-1 .news-item .news-timeline-icon{ left: 0; margin: 0; } .news-wrap .news-container .news-content .news-body .col-2 .news-item .news-timeline-icon{ left: 0; margin: 0; } .news-wrap .news-container .news-content .news-body .col-1 .news-item .news-timeline-content{ margin: 0px 0px 0px 50px; } .news-wrap .news-container .news-content .news-body .col-2 .news-item .news-timeline-content{ margin: 0px 0px 0px 50px; } .news-wrap .news-container .news-content .news-body .col-1 .news-item .news-timeline-content::after{ left: 0; border-width: 10px 10px 10px 0px; border-color: transparent #eee transparent transparent; border-style: solid; margin: 0px 0px 0px -10px; } .news-wrap .news-container .news-content .news-body .col-2 .news-item .news-timeline-content::after{ left: 0; border-width: 10px 10px 10px 0px; border-color: transparent #eee transparent transparent; border-style: solid; margin: 0px 0px 0px -10px; } .news-wrap .news-container .news-content .news-body .news-item .news-timeline-content .news-detail .news-image{ width: 40%; } .news-wrap .news-container .news-content .news-body .news-item .news-timeline-content .news-detail .news-text{ width: 60%; padding: 0px 10px 0px 20px; } .news-wrap .news-container .news-content .news-body .news-item .news-timeline-content .news-detail .news-text a h3{ font-size: 14px; line-height: 20px; } .news-wrap .news-container .news-content .news-body .news-item .news-timeline-content .news-detail .news-text a p{ font-size: 12px; line-height: 20px; } .news-wrap .news-container .news-content .news-look-more{ margin: 30px 0px 0px 0px; } .news-wrap .news-container .news-content .news-look-more a{ padding: 7px 21px; } /* .news-wrap .news-content .news-body .col-1{ width: 50%; } .news-wrap .news-content .news-body .col-2{ width: 100%; } .news-wrap .news-content .news-body .col-2 .news-item .news-image{ width: 62.333%; } .news-wrap .news-content .news-body .col-1 .news-item .news-image a::before{ padding-bottom: 55%; } .news-wrap .news-content .news-body .col-2 .news-item .news-image a::before{ padding-bottom: 65%; } .news-wrap .news-content .news-body .col-1 .news-item .news-detail{ padding: 8px; } .news-wrap .news-content .news-body .col-2 .news-item .news-detail{ width: 37.667%; padding: 12px 8px 8px 8px; } .news-wrap .news-content .news-body .col-2 .news-item .news-detail .news-text p{ height: 200px; } */ } @media(max-width: 768px){ /* banner */ /* swiper */ .banner-wrap .swiper-container:hover .swiper-button-prev, .banner-wrap .swiper-container:hover .swiper-button-next{ display: none; } /* carousel */ /* .banner-wrap .carousel-indicators{ display: none; } .carousel-inner .carousel-caption h3{ font-size: 14px; line-height: 16px; } .carousel-inner .carousel-caption span{ font-size: 12px; line-height: 14px; } .banner-wrap .carousel-control{ display: block; } */ /* cate */ .cate-wrap .cate-container .cate-content{ padding: 30px 0px; } .cate-wrap .cate-container .cate-content .cate-body .cate-swiper{ padding: 30px 0px; } .cate-wrap .cate-container .cate-content .cate-body .cate-swiper .swiper-slide{ width: 420px; height: 420px; } .cate-wrap .cate-container .cate-content .cate-body .cate-text{ width: 220px; height: 140px; margin: -70px 0px 0px -110px; -webkit-transform: translate(-420px, -420px); -moz-transform: translate(-420px, -420px); -ms-transform: translate(-420px, -420px); -o-transform: translate(-420px, -420px); transform: translate(-420px, -420px); } .cate-wrap .cate-container .cate-content .cate-body .cate-text .cate-back-box .top-left, .cate-wrap .cate-container .cate-content .cate-body .cate-text .cate-back-box .top-right, .cate-wrap .cate-container .cate-content .cate-body .cate-text .cate-back-box .bottom-left, .cate-wrap .cate-container .cate-content .cate-body .cate-text .cate-back-box .bottom-right{ width: 18px; height: 18px; } .cate-wrap .cate-container .cate-content .cate-body .cate-text .cate-back-box .top-left{ border-width: 3px 0px 0px 3px; } .cate-wrap .cate-container .cate-content .cate-body .cate-text .cate-back-box .top-right{ border-width: 3px 3px 0px 0px; } .cate-wrap .cate-container .cate-content .cate-body .cate-text .cate-back-box .bottom-left{ border-width: 0px 0px 3px 3px; } .cate-wrap .cate-container .cate-content .cate-body .cate-text .cate-back-box .bottom-right{ border-width: 0px 3px 3px 0px; } .cate-wrap .cate-container .cate-content .cate-body .cate-text .cate-title{ margin: 25px 0px 0px 0px; -webkit-transform: translate(0px, -70px); -moz-transform: translate(0px, -70px); -ms-transform: translate(0px, -70px); -o-transform: translate(0px, -70px); transform: translate(0px, -70px); } .cate-wrap .cate-container .cate-content .cate-body .cate-text .cate-title h3{ font-size: 22px; max-height: 48px; line-height: 24px; } .cate-wrap .cate-container .cate-content .cate-body .cate-text .cate-link{ margin: 25px 0px 0px 0px; -webkit-transform: translate(220px, 0px); -moz-transform: translate(220px, 0px); -ms-transform: translate(220px, 0px); -o-transform: translate(220px, 0px); transform: translate(220px, 0px); } .cate-wrap .cate-container .cate-content .cate-body .cate-text .cate-link a{ font-size: 12px; line-height: 14px; padding: 8px 16px; color: #fff; background-color: #0061a3; } .cate-wrap .cate-container .cate-content .cate-body .cate-prev{ margin: -30px 0px 0px 6px; } .cate-wrap .cate-container .cate-content .cate-body .cate-next{ margin: -30px 6px 0px 0px; } .cate-wrap .cate-container .cate-content .cate-body .cate-prev, .cate-wrap .cate-container .cate-content .cate-body .cate-next{ width: 30px; height: 60px; background-size: 80%; } .cate-wrap .cate-container .cate-content .cate-body .cate-pagination{ bottom: 5px; } /* hot */ /* .hot-wrap .hot-content{ padding: 30px 0px; } .hot-content .hot-body ul{ padding: 0; } .hot-content .hot-body ul li{ width: 50%; } */ /* scheme */ .scheme-wrap .scheme-container .scheme-content{ padding: 30px 0px; } .scheme-wrap .scheme-container .scheme-content .scheme-body ul{ margin: 20px 0px 0px 0px; } .scheme-wrap .scheme-container .scheme-content .scheme-body ul li{ width: 100%; padding: 0; } .scheme-wrap .scheme-container .scheme-content .scheme-body .scheme-item a::before{ padding-bottom: 60%; } .scheme-wrap .scheme-container .scheme-content .scheme-body .scheme-item .scheme-text{ padding: 0px 10px; } .scheme-wrap .scheme-container .scheme-content .scheme-body .scheme-item .scheme-text h3{ font-size: 20px; max-height: 44px; line-height: 22px; } .scheme-wrap .scheme-container .scheme-content .scheme-body .scheme-item .scheme-text p span{ font-size: 12px; line-height: 14px; } /* plan */ /* .plan-wrap .plan-content{ padding: 30px 0px; } .plan-wrap .plan-content .plan-body ul li{ width: 100%; padding: 15px 0px 0px 0px; } */ /* description */ .brief-wrap .brief-container .brief-content{ padding: 30px 0px; } .brief-wrap .brief-container .brief-content .brief-word{ width: 100%; padding: 5px 6px; } .brief-wrap .brief-container .brief-content .brief-word h3 strong{ font-size: 14px; line-height: 18px; } .brief-wrap .brief-container .brief-content .brief-word h3 span{ font-size: 26px; line-height: 30px; } .brief-wrap .brief-container .brief-content .brief-word ul{ margin: 15px 0px; } .brief-wrap .brief-container .brief-content .brief-word ul li strong hr{ width: 16px; height: 24px; } .brief-wrap .brief-container .brief-content .brief-word ul li strong hr::before{ font-size: 22px; line-height: 24px; } .brief-wrap .brief-container .brief-content .brief-word ul li em{ font-size: 12px; line-height: 18px; } .brief-wrap .brief-container .brief-content .brief-word ul li span{ font-size: 14px; line-height: 16px; padding: 0px 0px 0px 2px; } .brief-wrap .brief-container .brief-content .brief-word p{ font-size: 12px; height: 54px; line-height: 18px; } .brief-wrap .brief-container .brief-content .brief-video{ width: 100%; padding: 0; margin: 15px 0px 0px 0px; } .brief-wrap .brief-container .brief-content .brief-feature{ margin: 15px 0px 0px 0px; } .brief-wrap .brief-container .brief-content .brief-feature ul li{ width: 50%; margin: 5px 0px; padding: 0px 5px; } .brief-wrap .brief-container .brief-content .brief-feature ul li:nth-child(2n 1){ padding-left: 0px; } .brief-wrap .brief-container .brief-content .brief-feature ul li:nth-child(2n){ padding-right: 0px; } .brief-wrap .brief-container .brief-content .brief-feature ul li .item{ height: 120px; } .brief-wrap .brief-container .brief-content .brief-feature ul li .item .title, .brief-wrap .brief-container .brief-content .brief-feature ul li .item .description{ padding: 0px 10px; display: inline-block; -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15); -o-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15); } .brief-wrap .brief-container .brief-content .brief-feature ul li .item .title{ position: relative; padding: 20px 10px 0px 10px; -webkit-transform: rotatey(0deg); -moz-transform: rotatey(0deg); -o-transform: rotatey(0deg); transform: rotatey(0deg); } .brief-wrap .brief-container .brief-content .brief-feature ul li:hover .item .title{ -webkit-transform: rotatey(0deg); -moz-transform: rotatey(0deg); -o-transform: rotatey(0deg); transform: rotatey(0deg); } .brief-wrap .brief-container .brief-content .brief-feature ul li .item .description{ position: absolute; padding: 50px 10px 0px 10px; background: transparent !important; -webkit-transform: rotatey(0deg); -moz-transform: rotatey(0deg); -o-transform: rotatey(0deg); transform: rotatey(0deg); } .brief-wrap .brief-container .brief-content .brief-feature ul li:hover .item .description{ -webkit-transform: rotatey(0deg); -moz-transform: rotatey(0deg); -o-transform: rotatey(0deg); transform: rotatey(0deg); } .brief-wrap .brief-container .brief-content .brief-feature ul li .item .title p{ font-size: 16px; line-height: 18px; } .brief-wrap .brief-container .brief-content .brief-feature ul li .item .description p{ font-size: 12px; line-height: 16px; } /* .desc-wrap .desc-content{ padding: 30px 0px; } .desc-wrap .desc-content .desc-left{ width: 100%; padding: 0px 0px 20px 0px; } .desc-wrap .desc-content .desc-right{ width: 100%; padding: 10px; } .desc-wrap .desc-content .desc-right .desc-cont p{ height: 180px; } */ /* news */ .news-wrap .news-container .news-content{ padding: 30px 0px; } .news-wrap .news-container .news-content .news-body ul{ margin: 10px 0px 0px 0px; } .news-wrap .news-container .news-content .news-body ul::before{ left: 0; margin: 0px 0px 0px 13.5px; } .news-wrap .news-container .news-content .news-body ul li{ width: 100%; } .news-wrap .news-container .news-content .news-body ul li.col-1{ margin: 20px 0px 0px 0px; } .news-wrap .news-container .news-content .news-body ul li.col-2{ margin: 20px 0px 0px 0px; } .news-wrap .news-container .news-content .news-body .col-1 .news-item .news-timeline-icon{ left: 0; margin: 0; } .news-wrap .news-container .news-content .news-body .col-2 .news-item .news-timeline-icon{ left: 0; margin: 0; } .news-wrap .news-container .news-content .news-body .col-1 .news-item .news-timeline-content{ margin: 0px 0px 0px 50px; } .news-wrap .news-container .news-content .news-body .col-2 .news-item .news-timeline-content{ margin: 0px 0px 0px 50px; } .news-wrap .news-container .news-content .news-body .col-1 .news-item .news-timeline-content::after{ left: 0; border-width: 10px 10px 10px 0px; border-color: transparent #eee transparent transparent; border-style: solid; margin: 0px 0px 0px -10px; } .news-wrap .news-container .news-content .news-body .col-2 .news-item .news-timeline-content::after{ left: 0; border-width: 10px 10px 10px 0px; border-color: transparent #eee transparent transparent; border-style: solid; margin: 0px 0px 0px -10px; } .news-wrap .news-container .news-content .news-body .news-item .news-timeline-content .news-detail .news-image{ width: 60%; } .news-wrap .news-container .news-content .news-body .news-item .news-timeline-content .news-detail .news-text{ width: 40%; padding: 0px 0px 0px 10px; } .news-wrap .news-container .news-content .news-body .news-item .news-timeline-content .news-detail .news-text a h3{ font-size: 14px; line-height: 20px; } .news-wrap .news-container .news-content .news-body .news-item .news-timeline-content .news-detail .news-text a .news-date{ margin: 6px 0px; } .news-wrap .news-container .news-content .news-body .news-item .news-timeline-content .news-detail .news-text a p{ font-size: 12px; line-height: 20px; } .news-wrap .news-container .news-content .news-look-more{ margin: 20px 0px 0px 0px; } .news-wrap .news-container .news-content .news-look-more a{ padding: 6px 18px; } /* .news-wrap .news-content{ padding: 30px 0px; } .news-wrap .news-content .news-body .col-1{ width: 100%; } .news-wrap .news-content .news-body .col-2{ width: 100%; } .news-wrap .news-content .news-body .col-1 .news-item .news-image{ width: 100%; } .news-wrap .news-content .news-body .col-2 .news-item .news-image{ width: 100%; display: block; } .news-wrap .news-content .news-body .col-1 .news-item .news-image a::before{ padding-bottom: 42%; } .news-wrap .news-content .news-body .col-2 .news-item .news-image a::before{ padding-bottom: 42%; } .news-wrap .news-content .news-body .col-1 .news-item .news-detail{ width: 100%; padding: 6px; } .news-wrap .news-content .news-body .col-2 .news-item .news-detail{ position: relative; width: 100%; height: auto; padding: 6px; display: block; } .news-wrap .news-content .news-body .col-1 .news-item .news-detail .news-text a{ height: 20px; } .news-wrap .news-content .news-body .col-2 .news-item .news-detail .news-text a{ height: 20px; } .news-wrap .news-content .news-body .col-1 .news-item .news-detail .news-text p{ height: 40px; margin: 4px 0px 4px 0px; } .news-wrap .news-content .news-body .col-2 .news-item .news-detail .news-text p{ height: 40px; margin: 4px 0px 4px 0px; } .news-wrap .news-content .news-body .col-1 .news-item .news-detail .news-other, .news-wrap .news-content .news-body .col-2 .news-item .news-detail .news-other{ padding: 4px 0px 0px 0px; } */ } @media(max-width: 500px){ /* cate */ .cate-wrap .cate-container .cate-content .cate-body .cate-swiper .swiper-slide{ width: 285px; height: 285px; } } @media(min-width: 1500px){ /* cate */ .cate-wrap .cate-container .cate-content{ width: 1400px; } /* hot */ /* .hot-wrap .hot-content{ width: 1400px; } */ /* scheme */ .scheme-wrap .scheme-container .scheme-content{ width: 1400px; } /* plan */ /* .plan-wrap .plan-content{ width: 1400px; } */ /* description */ .brief-wrap .brief-container .brief-content{ width: 1400px; } /* .desc-wrap .desc-content{ width: 1400px; } */ /* news */ .news-wrap .news-container .news-content{ width: 1400px; } }