锘緻charset "utf-8";
/* base */
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
outline: none;
}
@font-face {
font-family: Gotham-Bold;
src: url(../fonts/Gotham-Bold.eot);
src: url(../fonts/Gotham-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/Gotham-Bold.woff) format("woff"), url(../fonts/Gotham-Bold.ttf) format("truetype"), url(../fonts/Gotham-Bold.svg#Gotham-Bold) format("svg");
}
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
/* font-size: calc(100vw / 7.5); */
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
margin: 0;
font-family: "Microsoft YaHei", "寰蒋闆呴粦", Helvetica, Arial, sans-serif;
font-size: 14px;
color: #333;
background-color: #fff;
opacity: 0;
-webkit-transition: opacity 0.2s ease-in-out 0.2s;
-moz-transition: opacity 0.2s ease-in-out 0.2s;
-ms-transition: opacity 0.2s ease-in-out 0.2s;
-o-transition: opacity 0.2s ease-in-out 0.2s;
transition: opacity 0.2s ease-in-out 0.2s;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: block;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
color: inherit;
text-decoration: none;
-webkit-tap-highlight-color: transparent;
outline: none;
-moz-outline-style: none;
}
a:active,
a:hover {
outline: 0;
text-decoration: none;
}
a:focus {
text-decoration: none;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
b,
strong {
font-weight: bold;
}
ol,
ul {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: 0;
vertical-align: middle;
max-width: 100%;
height: auto;
}
svg:not(:root) {
overflow: hidden;
}
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
p {
margin: 0;
font-weight: normal;
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
font: inherit;
color: inherit;
font-family: inherit;
line-height: inherit;
outline: none;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
input {
line-height: normal;
outline: none;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
padding: 0;
border: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
td,
th {
padding: 0;
}
.img_h {
position: relative;
cursor: pointer;
}
.img_h img {
display: block;
opacity: 1;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.img_h img:nth-child(2) {
position: absolute;
left: 0;
top: 0;
opacity: 0;
}
.img_h.img_ha:hover img {
opacity: 1;
}
.img_h.img_ha:hover img:nth-child(2) {
opacity: 0;
}
a:hover .img_h.img_ha img,
.img_h:hover img {
opacity: 0;
}
a:hover .img_h.img_ha img:nth-child(2),
.img_h:hover img:nth-child(2) {
opacity: 1;
}
.visible-xs {
display: none !important;
}
.clearfix::after {
content: '';
height: 0;
display: block;
clear: both;
}
.container {
margin: 0 auto;
min-height: 1px;
width: 90%;
max-width: 1600px;
}
.container_ny {
margin: 0 auto;
min-height: 1px;
width: 90%;
max-width: 1400px;
}
.line1 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.line2 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
height: 48px;
line-height: 24px;
}
.line3 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
height: 72px;
line-height: 24px;
}
.o_fit video,
.o_fit img {
object-fit: cover;
width: 100%;
height: 100%;
}
[dis-select] {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
[dis-drag] {
-webkit-user-drag: none;
-moz-user-drag: none;
-ms-user-drag: none;
user-drag: none;
}
.flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.f-dr { /*姘村钩*/
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.f-dc { /*鍨傜洿*/
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-1 > * {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: inline-block; /* IE10澶辨晥鐨勮В鍐冲姙娉 */
}
.f-as {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.f-ac {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.f-ae {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.f-js {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.f-jc {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.f-je {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.f-jsb {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.f-warp {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 768px) {
.hidden-xs {
display: none !important;
}
.visible-xs {
display: block !important;
}
}
/* base */
/* scrollbar */
@media (min-width: 1024px) {
::-webkit-scrollbar-track-piece {
background-color: #ccc;
}
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-thumb {
background-color: #666;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
::-webkit-scrollbar-thumb:hover {
background: #333;
}
}
/* scrollbar */
/* page */
/*
*/
.pagination {
margin: 0px auto;
}
.page_pc {
text-align: center;
font-size: 14px;
line-height: 40px;
height: 40px;
}
.page_pc a {
color: #333;
margin: 2px;
padding: 10px 15px;
text-decoration: none;
background: none;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.page_pc a:hover,
.page_pc a.act {
background: #915fd8;
color: #fff;
}
.page_pc em {
font-style: normal;
font-size: 12px;
color: #666;
}
.page_sj {
width: 100px;
height: 32px;
background: #915fd8;
color: #fff;
display: block;
margin: 0 auto;
line-height: 32px;
display: none;
text-align: center;
}
/* page */
/* common */
.md {
position: relative;
top: -100px;
}
.common_btn {
display: block;
width: 160px;
height: 46px;
background-color: #9a69e1;
border-radius: 23px;
border: solid 1px #ddd;
font-size: 14px;
line-height: 46px;
text-align: center;
color: #fff;
margin: 0 auto;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.common_btn:hover {
background: #a77fe0;
}
.common_tit {
font-size: 36px;
font-weight: bold;
color: #000;
text-align: center;
}
.common_tit::after {
content: '';
width: 38px;
height: 3px;
background-color: #000;
opacity: 0.2;
margin: 20px auto 0;
display: block;
}
#video_model {
position: fixed;
z-index: 9999;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: none;
}
#video_model .mask {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.6);
}
#video_model .video {
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 0;
width: 80%;
max-width: 960px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 9;
background: #252525;
}
#video_model .video .close {
position: absolute;
right: -50px;
top: 0;
width: 40px;
z-index: 99999;
cursor: pointer;
}
#video_model .video_inner {
width: 100%;
padding: 10px;
overflow: hidden;
position: relative;
}
#video_model .video_inner video {
display: block;
width: 100%;
outline: none;
}
#video_model .video .text {
padding: 16px 10px 30px;
}
#video_model .video .text h6 {
font-size: 16px;
color: #fff;
}
#video_model .video .text p {
font-size: 12px;
margin-top: 12px;
color: #666;
}
/*
*/
/* common */
/* header */
.headerSJ {
display: none;
}
.header {
position: fixed;
z-index: 999;
left: 0;
top: 0;
width: 100%;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.header.fixed {
background: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.h_ej{position: fixed;width: 100%;top: 0;left: 0;z-index: 998;padding: 50px 0 ;background: rgba(0, 0, 0, 0.5);display: none;}
.h_ej .x{display: block;width: 100%;height: 1px;background: #999;margin: 50px 0 20px;}
.h_ej .ul1{float: right;padding-right: 120px;}
.h_ej .ul1 li{float: left;display: block;margin-left: 80px;width: 64px;text-align: center;}
.h_ej .ul1 li p{opacity: 0;}
.h_ej .ul1 li a{display: block;color: #999;margin-bottom: 10px;white-space: nowrap;}
.h_ej .ul1 li a:hover{color: #915fd8;}
.h_ej.fixed{ background: #fff;}
.h_ej.fixed .x{margin-top: 39px;}
.a_dw{position: relative;top: -90px;}
.headeri {
height: 100px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.header.fixed .headeri {
height: 90px;
}
.header .logo a img {
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.header .logo a img:nth-child(2) {
position: absolute;
left: 0;
top: 0;
opacity: 0;
}
.header .logo a {
position: relative;
}
.header.fixed .logo a img {
opacity: 0;
}
.header.fixed .logo a img:nth-child(2) {
opacity: 1;
}
.header .header_nav li {
font-size: 16px;
/* color: #fff; */
color: #333;
margin-left: 80px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.header .header_nav li a {
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.header .header_nav li.active a,
.header .header_nav li a:hover {
/* color: #915fd8; */
color: #000;
}
.header.fixed .header_nav li {
color: #000;
}
.header .header_nav li:first-child {
margin-left: 0;
}
.header .header_nav li.search {
margin-left: 42px;
}
.header .header_nav li.search a {
position: relative;
}
.header .header_nav li.search a img {
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.header .header_nav li.search a img:nth-child(2) {
position: absolute;
left: 0;
top: 0;
opacity: 0;
}
.header.fixed .header_nav li.search a img {
opacity: 0;
}
.header.fixed .header_nav li.search a img:nth-child(2) {
opacity: 1;
}
.header .header_nav li.en {
margin-left: 24px;
}
.header .header_nav li.en a {
width: 26px;
height: 26px;
font-size: 12px;
color: #fff;
border: solid 1px #fff;
border-radius: 50%;
text-transform: uppercase;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.header.fixed .header_nav li.en a {
color: #000;
border-color: #000;
}
/* header */
/* banner */
.banner {
position: relative;
}
.banner .swiper-slide {
overflow: hidden;
position: relative;
}
.banner .swiper-slide video{
display: block;
width: 100%;
max-height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
object-fit: cover;
}
.banner .sP {
position: absolute;
bottom: 142px;
left: 0;
width: 100%;
z-index: 9;
}
.banner .swiper-pagination-bullet {
opacity: 1;
width: 12px;
height: 12px;
border: solid 2px #fff;
background: transparent;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.banner .swiper-pagination-bullet-active {
background: #fff;
}
@keyframes jump_down {
0% {
transform: translateY(3px);
}
50% {
transform: translateY(-3px);
}
100% {
transform: translateY(3px);
}
}
@-moz-keyframes jump_down {
0% {
-moz-transform: translateY(3px);
}
50% {
-moz-transform: translateY(-3px);
}
100% {
-moz-transform: translateY(3px);
}
}
@-webkit-keyframes jump_down {
0% {
-webkit-transform: translateY(3px);
}
50% {
-webkit-transform: translateY(-3px);
}
100% {
-webkit-transform: translateY(3px);
}
}
@-o-keyframes jump_down {
0% {
-o-transform: translateY(3px);
}
50% {
-o-transform: translateY(-3px);
}
100% {
-o-transform: translateY(3px);
}
}
.banner .scroll {
position: absolute;
bottom: 40px;
width: 59px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 9;
}
.banner .scroll::before {
content: '';
position: absolute;
top: 16px;
width: 5px;
height: 5px;
left: 0;
right: 0;
margin: auto;
animation: jump_down 1.8s infinite ease-in-out;
-moz-animation: jump_down 1.8s infinite ease-in-out;
-webkit-animation: jump_down 1.8s infinite ease-in-out;
-o-animation: jump_down 1.8s infinite ease-in-out;
background: #fff;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
}
/* banner */
/* index */
.wrapper {
overflow: hidden;
}
.ind {
margin: 100px auto;
}
.ind1 .swiper-container {
margin-top: 55px;
}
.ind1 .swiper-slide a {
display: block;
background: #eee;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.ind1 .swiper-slide a *{
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.ind1 .swiper-slide a .img{position: relative;display: block;overflow: hidden;background: #ddd;}
.ind1 .swiper-slide a .img img{display: block;width: 100%;}
.ind1 .swiper-slide a .img img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;}
.ind1 .swiper-slide a:hover .img img:nth-child(1){opacity: 0;}
.ind1 .swiper-slide a:hover .img img:nth-child(2){opacity: 1;}
.ind1 .swiper-slide a:hover {
background: #9a69e1;
}
.ind1 .swiper-slide a .text {
padding: 25px 30px;
}
.ind1 .swiper-slide a h4 {
font-size: 20px;
color: #000;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.ind1 .swiper-slide a h4::before {
content: '';
width: 20px;
height: 2px;
background-color: #000;
display: block;
margin-bottom: 20px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.ind1 .swiper-slide a:hover h4::before {
background: #fff;
}
.ind1 .swiper-slide a h6 {
font-size: 14px;
line-height: 26px;
color: #999;
margin-top: 12px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
height: 52px;
}
.ind1 .swiper-slide a:hover h4,
.ind1 .swiper-slide a:hover h6 {
color: #fff;
}
.ind1 .common_btn {
margin-top: 50px;
}
.ind2 {
position: relative;
}
.ind2 .l {
width: 50%;
}
.ind2 .r {
width: 50%;
}
.ind2 .text {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9;
padding-bottom: 40px;
}
.ind2 .text .inner {
background: #fff;
width: 868px;
margin-left: calc(50% - 800px);
position: relative;
padding: 40px 70px;
}
.ind2 .text .inner .sBtn {
position: absolute;
bottom: -68px;
right: 0;
width: 68px;
outline: none;
overflow: hidden;
cursor: pointer;
}
.ind2 .text .inner .sBtn img{
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.ind2 .text .inner .sBtn img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;width: 100%;display: block;opacity: 0;}
.ind2 .text .inner .sBtn:hover img:nth-child(2){opacity: 1;}
.ind2 .text .inner .sBtn.sPrev {
right: 68px;
}
.ind2 .text .inner .common_tit {
text-align: left;
}
.ind2 .text .inner .common_tit::after {
margin-left: 0;
}
.ind2 .text .inner h4 {
font-size: 20px;
line-height: 22px;
color: #000;
margin-top: 20px;
}
.ind2 .text .inner h5 {
font-size: 16px;
line-height: 30px;
color: #999;
margin-top: 12px;
}
.ind2 .text .inner .common_btn {
margin: 60px 0 0;
}
.ind3 .con {
margin-top: 60px;
}
.ind3 .con a {
width: calc(33.33% - 18px);
height: 186px;
border: solid 1px rgba(0, 0, 0, 0.1);
}
.ind3 .con a .text {
padding-left: 10px;
color: #000;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.ind3 .con a .text h4 {
font-size: 24px;
}
.ind3 .con a .text h6 {
font-size: 14px;
line-height: 25px;
opacity: 0.5;
}
.ind3 .con a:hover {
background: #9a69e1;
border-color: #9a69e1;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.ind3 .con a:hover .text {
color: #fff;
}
.ind4 {
}
.ind4t {
height: 480px;
}
.ind4m {
margin-top: -310px;
}
.ind4m li {
color: #fff;
width: 25%;
}
.ind4m span {
font-family: DINAlternate-Bold;
font-size: 72px;
line-height: 72px;
}
.ind4m h6 {
font-size: 16px;
line-height: 30px;
margin-left: 10px;
}
.ind4b {
background-color: #fff;
box-shadow: 0px 14px 12px rgba(0, 0, 0, 0.04);
border-radius: 10px;
padding: 60px 8% 72px;
margin-top: 60px;
}
.ind4b h6 {
font-size: 14px;
line-height: 30px;
color: #999;
margin-top: 50px;
text-align: center;
}
.ind4 .common_btn {
margin-top: 50px;
}
.ind5 .swiper-container {
margin-top: 50px;
}
.ind5 .swiper-slide a {
display: block;
}
.ind5 .swiper-slide a .img {
overflow: hidden;
}
.ind5 .swiper-slide a .img img {
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.ind5 .swiper-slide a:hover .img img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.ind5 .swiper-slide a .text {
padding: 32px;
border: 1px solid #eee;
}
.ind5 .swiper-slide a h4 {
font-size: 24px;
color: #333;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.ind5 .swiper-slide a:hover h4 {
color: #9a69e1;
}
.ind5 .swiper-slide a h6 {
font-size: 14px;
line-height: 28px;
color: #999;
margin-top: 12px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
height: 50px;
}
.ind5 .swiper-slide a .bot {
border-top: 1px solid #eee;
height: 50px;
margin-top: 24px;
}
.ind5 .swiper-slide a .bot p {
font-family: Arial;
font-size: 16px;
color: #333;
}
.ind5 .common_btn {
margin-top: 50px;
}
/* index */
/* product */
.product {
padding: 100px 0 60px;
background: url(../images/pro_bg.png) top 150px right 92px no-repeat;
}
.product .container {
max-width: 1400px;
}
.product .top {
position: relative;
padding-top: 72px;
}
.product .top::before {
content: '';
width: 354px;
height: 4px;
position: absolute;
left: 0;
top: 0;
background: #000;
}
.product .top .l h3 {
font-size: 48px;
color: #333;
}
.product .top .l h4 {
font-size: 48px;
color: #333;
opacity: 0.7;
opacity: 0;
pointer-events: none;
}
.product .top .r {
margin-left: 90px;
}
.product .top .r h3 {
font-family: Arial;
font-size: 16px;
color: #333;
line-height: 30px;
}
.product .top .r h4 {
font-family: Arial;
font-size: 16px;
color: #333;
opacity: .25;
line-height: 30px;
opacity: 0;
pointer-events: none;
}
.product .bot {
margin-top: 10px;
}
.product .bot ul li {
float: left;
width: 31.2%;
margin-right: 3.2%;
margin-bottom: 3.2%;
}
.product .bot ul li:nth-child(3n) {
margin-right: 0;
}
.product .bot ul li:nth-child(3n + 1) {
clear: both;
}
.product .bot ul li .text {
padding: 0 50px;
height: 66px;
font-size: 24px;
color: #333;
background: #fff;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.product .bot ul li a:hover .text {
background: #9a69e1;
color: #fff;
}
.pro_detail .top {
margin: 90px auto;
background: url(../images/pro_bg.png) bottom 0px right 5% no-repeat;
}
.pro_detail .top .l {
width: 50%;
}
.pro_detail .top .l ul {
margin-top: 28px;
}
.pro_detail .top .l ul li {
width: 31.5%;
}
.pro_detail .top .r {
padding-right: calc(50% - 700px);
width: 50%;
padding-top: 60px;
padding-left: 60px;
}
.pro_detail .top .r h1 {
font-size: 38px;
color: #333;
line-height: 1.5;
}
.pro_detail .top .r .pro_nav {
border-bottom: 1px solid rgba(27, 27, 27, 0.11);
margin-top: 28px;
}
.pro_detail .top .r .pro_nav li {
width: 50%;
}
.pro_detail .top .r .pro_nav li a {
color: #1b1b1b;
line-height: 60px;
font-size: 16px;
color: #333;
position: relative;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.pro_detail .top .r .pro_nav li a::after {
content: '';
width: 100%;
height: 2px;
background-color: #000;
position: absolute;
bottom: 0;
left: 0;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.pro_detail .top .r .pro_nav li.active a {
color: #9a69e1;
}
.pro_detail .top .r .pro_nav li.active a::after {
background: #9a69e1;
}
.pro_detail .top .r .con {
margin-top: 40px;
background: rgba(0, 0, 0, 0);
}
.pro_detail .top .r .con .i {
display: none;
font-size: 16px;
line-height: 30px;
color: #999;
max-height: 150px;overflow: auto;padding-right: 10px;text-align: justify;
}
.pro_detail .top .r .btns {
margin-top: 80px;
}
.pro_detail .top .r .btns a {
margin: 0;
}
.pro_detail .top .r .btns a:nth-child(2) {
background: #000;
margin-left: 20px;
}
.pro_detail .top .r .btns a:nth-child(2):hover {
background: #333;
}
.pro_detail .bot {
background: rgba(119, 119, 119, 0.1);
padding: 100px 0;
font-size: 16px;
line-height: 36px;
color: #333;
}
.pro_detail .bot .container {
max-width: 1400px;
}
.pro_detail .btn_outer {
margin: 100px auto;
}
/* product */
/* oem */
.oem1 {
margin: 100px auto;
max-width: 1400px;
}
.oem_tit {
font-size: 48px;
color: #333;
}
.oem .container {
max-width: 1400px;
}
.oem1 .list {
margin-top: 30px;
}
.oem1 .list li {
width: calc(50% - 40px);
margin-right: 80px;
float: left;
border-top: 3px solid rgba(0, 0, 0, 0.1);
}
.oem1 .list li:nth-child(-n + 2) {
border-top: 0;
}
.oem1 .list li:nth-child(2n) {
margin-right: 0;
}
.oem1 .list li a {
padding: 70px 10% 70px 0;
display: block;
}
.oem1 .list li a .ico {
width: 43px;
height: 43px;
}
.oem1 .list li a h4 {
font-size: 36px;
color: #333;
margin-top: 60px;
}
.oem1 .list li a h6 {
font-size: 16px;
color: #777;
line-height: 24px;
margin-top: 32px;
}
.oem2 .oem_tit {
height: 120px;
width: 50%;
background: #fff;
/* margin-top: -120px; */
position: relative;
z-index: 1;
padding-left: calc(50vw - 700px);
}
.oem2 .con {
padding: 72px 0;
font-size: 16px;
line-height: 28px;
color: #777;
background: #fff;
}
.oem3 .l {
width: 68%;
}
.oem3 .r {
width: 32%;
}
.oem3 .r a {
height: 128px;
padding-right: calc(50vw - 700px);
border-bottom: 1px solid rgba(27, 27, 27, 0.1);
}
.oem3 .r a span {
position: relative;
border-bottom: 1px solid transparent;
font-size: 24px;
line-height: 20px;
letter-spacing: 0px;
color: #333;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
}
.oem3 .r a.active span {
border-bottom: 1px solid #9a69e1;
}
.oem3 .swiper-slide {
position: relative;
}
.oem3 .swiper-slide .bg {
width: 100%;
height: 640px;
padding: 0 5% 64px calc(50vw - 700px);
font-size: 16px;
line-height: 24px;
color: #fff;
}
.oem4 {
padding: 100px 0;
}
.oem4 .oem_tit {
color: #fff;
}
.oem4 .text {
line-height: 24px;
font-size: 16px;
color: #fff;
margin-top: 80px;
}
/* oem */
/* download */
.download {
margin: 100px auto;
}
.download .container {
max-width: 1400px;
}
.download .table {
margin-top: 100px;
}
.download .table table {
width: 100%;
text-align: center;
font-size: 18px;
color: #333;
}
.download .table table td {
height: 68px;
border: 1px solid rgba(51, 51, 51, 0.1);
}
.download .table table td a {
text-decoration: underline;
opacity: 0.7;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.download .table table td a:hover {
color: #9a69e1;
}
.download .table table thead {
background: #333;
color: #fff;
}
.download .pagination {
margin-top: 80px;
}
/* download */
/* news */
.news {
}
.news .container {
max-width: 1400px;
}
.news1 {
padding: 100px 0;
background: #f2f2f2;
}
.news1 .l {
width: 50%;
}
.news1 .l .img {
}
.news1 .r {
width: 50%;
padding-left: 68px;
}
.news1 .r .text {
}
.news1 .r .text a {
display: none;
}
.news1 .r .text h3 {
font-size: 38px;
line-height: 60px;
color: #333;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.news1 .r .text a:hover h3 {
color: #915fd8;
}
.news1 .r .text h5 {
font-size: 16px;
line-height: 24px;
height: 48px;
color: #333;
opacity: 0.9;
margin-top: 40px;
}
.news1 .r .text .jt {
margin-top: 50px;
}
.news1 .newsP {
text-align: left;
font-size: 0;
}
.news1 .newsP span {
width: 7px;
height: 7px;
background-color: #1b1b1b;
position: relative;
margin-right: 40px;
outline: none;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
opacity: 1;
}
.news1 .newsP span::before {
content: '';
width: 19px;
height: 19px;
border: solid 1px #9a68e1;
position: absolute;
left: -6px;
top: -6px;
border-radius: 50%;
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.news1 .newsP span.swiper-pagination-bullet-active {
background-color: #9a68e1;
}
.news1 .newsP span.swiper-pagination-bullet-active::before {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.news1 .img {
display: block;
}
.news1 .newsP {
margin-top: 100px;
}
.news2 {
margin: 100px auto;
}
.news2 li {
margin-bottom: 30px;
}
.news2 li:last-child {
margin-bottom: 0;
}
.news2 li a {
box-shadow: 3px 0px 7px rgba(0, 0, 0, 0.08);
}
.news2 li a .img {
width: 31%;
overflow: hidden;
}
.news2 li a .img img {
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.news2 li a:hover .img img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.news2 li a .text {
width: 69%;
padding: 20px 38px 20px 45px;
}
.news2 li a .text h4 {
font-size: 24px;
letter-spacing: 1px;
color: #333333;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.news2 li a:hover .text h4 {
color: #9a68e1;
}
.news2 li a .text h6 {
margin-top: 20px;
font-size: 16px;
line-height: 24px;
letter-spacing: 1px;
color: #333333;
}
.news2 li a .text p {
margin-top: 60px;
font-size: 16px;
letter-spacing: 1px;
color: rgba(51, 51, 51, 0.7);
}
.news2 .pagination {
margin-top: 100px;
}
.news_detail {
margin: 100px auto;
}
.news_detail .container {
max-width: 1400px;
}
.news_detail .t {
text-align: center;
}
.news_detail .t h1 {
font-size: 38px;
color: #222;
}
.news_detail .t h6 {
margin: 30px auto;
}
.news_detail .t h6 span {
font-size: 16px;
line-height: 24px;
color: #333333;
opacity: 0.7;
margin-right: 60px;
}
.news_detail .t h6 span:last-child {
margin-right: 0px;
}
.news_detail .m {
font-size: 16px;
line-height: 32px;
color: #777;
}
.news_detail .m img{max-width: 100%;height: auto;margin: 3px 0;}
.news_detail .b {
position: relative;
margin-top: 50px;
}
.news_detail .b > a{display: block;position: absolute;top: 0;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.news_detail .b p{float: left;}
.news_detail .b p:last-child{float: right;}
.news_detail .b .next{
display: block;
float: right;
}
.news_detail .b a {
font-size: 16px;
color: #333;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.news_detail .b a:hover {
color: #915fd8;
}
.news_detail .b p a img {
margin-left: 32px;
}
.news_detail .b p.prev a img {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
margin-left: 0px;
margin-right: 32px;
}
/* news */
/* contact */
#wrap {
width: 100%;
height: 555px;
position: relative;
z-index: 1;
}
#mapContainer {
height: 100%;
}
.my-map .icon {
background: url(../images/map_dot.png) no-repeat;
}
.my-map .icon-cir {
height: 40px;
width: 48px;
}
.amap-info-content h5 {
font-size: 15px;
font-weight: bold;
}
.amap-info-close {
display: none !important;
}
.amap-info-content {
padding: 10px 20px;
box-shadow: 0px 0px 5px #999;
}
.amap-info-sharp {
background: transparent;
width: 0;
height: 0;
border: 10px solid transparent;
border-top: 10px solid #fff;
position: relative;
left: -9px;
}
/* contact */
/* footer */
.footer {
background: #28313a;
}
.footer .top {
padding: 55px 0 40px;
position: relative;
}
.footer .top .backup {
position: absolute;
right: -24px;
top: -24px;
cursor: pointer;
z-index: 9;
border-radius: 50%;
overflow: hidden;
}
.footer .top .l {
width: 580px;
}
.footer .top .l .logo {
border-bottom: 1px solid rgba(135, 135, 135, 0.27);
padding-bottom: 40px;
margin-bottom: 40px;
}
.footer .top .l .info .ewm {
float: left;
}
.footer .top .l .info .ewm p {
font-size: 12px;
color: #fff;
opacity: 0.5;
text-align: center;
margin-top: 12px;
}
.footer .top .l .info ul {
margin-left: 20px;
float: left;
}
.footer .top .l .info ul li {
font-size: 14px;
line-height: 30px;
color: #ccc;
}
.footer .top .l .info ul li .ico {
padding-right: 8px;
border-right: 1px solid #ccc;
height: 16px;
margin-right: 10px;
}
.footer .top .l .info ul li .ico img {
display: block;
}
.footer .top .l .info ul li span,
.footer .top .l .info ul li a {
color: #fff;
}
.footer .top .r {
width: calc(90% - 580px);
}
.footer .top .r ul li {
color: #fff;
}
.footer .top .r ul li:first-child {
margin-left: 0;
}
.footer .top .r ul li h3 {
font-size: 16px;
color: #fff;
margin-bottom: 28px;
}
.footer .top .r ul li p a {
font-size: 14px;
line-height: 24px;
color: #fff;
opacity: 0.55;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.footer .top .r ul li p a:hover {
opacity: 1;
}
.footer .bot {
border-top: 1px solid rgba(135, 135, 135, 0.27);
height: 60px;
font-size: 12px;
line-height: 28px;
color: #808080;
}
.footer .bot .l{
width: calc(100% - 114px);
}
/* footer */
/* 鎶€鏈爺鍙 */
.alltime,.alltime *{-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}
.rd1{padding: 100px 0;min-height: 775px;background: url(../images/rd2.png) center no-repeat;}
.rd1 .tt{font-size: 48px;line-height: 1.5;}
.rd1 .tc{width: 69%;line-height: 2;margin-top: 100px;color: rgba(51, 51, 51, 0.8);font-size: 16px;max-height: 220px;overflow: auto;padding-right: 10px;text-align: justify;}
.rd2{padding: 100px 0;background: url(../images/rd3bg1.png) center no-repeat;background-size: cover;}
.rd2 .tt{font-size: 48px;margin-bottom: 100px;}
.rd2 .rbox{padding-left: 13%;}
.rd2 .swiper_rd .swiper-slide {width: 380px;}
.rd2 .swiper_rd .swiper-slide .sbox{display: block;position: relative;overflow: hidden;padding: 10px 0 0 10px;}
.rd2 .swiper_rd .swiper-slide .sbox img{display: block;width: 100%;}
.rd2 .swiper_rd .swiper-slide .sbox img:nth-child(2){position: absolute;right: 0;bottom: 0;z-index: 2;width: calc(100% - 10px);}
.rd2 .swiper_rd .swiper-slide .sbox:hover img:nth-child(2){bottom: 5px;right: 10px;}
.rd2 .btn{width: 136px;margin: 50px auto 0;position: relative;}
.rd2 .btn .sBtn{width: 50%;position: relative;overflow: hidden;float: left;cursor: pointer;outline:none;}
.rd2 .btn .sBtn img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;}
.rd2 .btn .sBtn:hover img:nth-child(2){opacity: 1;}
.rd3{padding: 100px 0;background: #f2f2f2;}
.rd3 .tt{font-size: 48px;}
.rd3 *{ list-style-type:none; }
.rd3 .ul1{margin: 100px 0 80px;}
.rd3 .ul1 li{width: 24.2%;float: left;position: relative;margin-right: 1.06%;margin-bottom: 1.06%;overflow: hidden;background: #fff;}
.rd3 .ul1 li img{display: block;width: 100%;transform: scale(1.0000001);-ewebkit-transform: scale(1.00000001);}
.rd3 .ul1 li:nth-child(4n){margin-right: 0;}
.rd3 .ul1 li:hover img{transform: scale(1.05);-ewebkit-transform: scale(1.05);}
.rd3 .ul1 li:hover {-moz-box-shadow:2px 2px 10px #DDDDDD; -webkit-box-shadow:2px 2px 10px #DDDDDD; box-shadow:2px 2px 10px #DDDDDD;}
/* 鏈嶅姟鏀寔 */
.ser1{padding: 100px 0;}
.ser1 .tt{font-size: 48px;margin-bottom: 90px;}
.ser1 .stop{position: relative;}
.ser1 .stop img,.ser1 .stop .img{display: block;width: 100%;position: relative;}
.ser1 .stop .img:nth-child(2){display: none;}
.ser1 .stop .img .quan{display: block;width: 1.05%;padding-top: 1.05%;position: absolute;background: rgba(255, 102, 0, 0.8);border-radius: 50%;z-index: 3;top: 43%;left: 49%;}
.ser1 .stop .img:nth-child(2) .quan{left: 79%;top: 64%;}
.ser1 .stop .img .quan span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;border-radius: 50%;background: rgba(255, 102, 0, 0.2);animation: big 2s linear infinite;-webkit-animation: big 2s linear infinite;}
@keyframes big {0% {transform: scale(1);-webkit-transform: scale(1);opacity: 1;}80% {opacity: 1;}100% {transform: scale(2);-webkit-transform: scale(2);opacity: 0.5;}}
@-webkit-keyframes big {0% {transform: scale(1);-webkit-transform: scale(1);opacity: 1;}80% {opacity: 1;}100% {transform: scale(2);-webkit-transform: scale(2);opacity: 0.5;}}
.ser1 .stop .img .video{display: block;width:100%;height: 100%; position: absolute;background: #fff;z-index: 3;top: 0%;left: 0%;overflow: hidden;pointer-events: none;}
.ser1 .stop .img .video video{display: block;width: 100%;}
.ser1 .stop .img:nth-child(2) .video video{opacity: 0;}
.ser1 .stop .img .video img{display: block;position: absolute;top: 0;left: 0;z-index: 2;}
.ser1 .stop .img .video .c{width: 80%;left: auto;right: -4%;top: -4%; opacity: 1;}
.ser1 .stop .img .video .c.act{opacity: 1;}
.ser1 .stop .img .video video.act{opacity: 0;}
.ser1 .sbtn{margin-top: 50px;}
.ser1 .sbtn span{display: block;width: 49%;float: left;line-height: 120px;padding: 0 60px;font-size: 36px;background: #f2f2f2 url(../images/se3_1.png) 90% center no-repeat;cursor: pointer;}
.ser1 .sbtn span:nth-child(2){float: right;}
.ser1 .sbtn span.act{background: #9a69e1 url(../images/se3_2.png) 90% center no-repeat ;color: #fff;}
.ser2{padding: 100px 0;background: #f2f2f2;}
.ser2 .tt{font-size: 48px;}
.ser2 .tc{line-height: 1.5;}
.ser2 .tc .tlt{width: 50%;float: left;font-size: 48px;color: #666;}
.ser2 .tc .trt{width: 50%;float: left;font-size: 16px;line-height: 2;}
.ser2 .ul1{margin-top: 70px;}
.ser2 .ul1 li{width: 32%;float: left;line-height: 80px;margin-right: 2%;border-bottom: 2px solid #9a9a9a;font-size: 16px;overflow: hidden;}
.ser2 .ul1 li:nth-child(3n){margin-right: 0;}
.ser2 .ul1 li span{float: left;width: 100px;}
.ser2 .ul1 li input{width: calc(100% - 100px);float: right;height: 80px;background: transparent;border: 0;outline: none;}
.ser2 .ul1 li select{width: calc(100% - 100px);float: right;height: 80px;background: transparent;border: 0;outline: none;appearance:none;-moz-appearance:none;-webkit-appearance:none;background: url(../images/se4.png) right center no-repeat;}
.ser2 .ul2{font-size: 16px;margin-top: 40px;}
.ser2 .ul2 li{line-height: 2;margin-bottom: 30px;}
.ser2 .ul2 li .myd{}
.ser2 .ul2 li .myd span{display: block;float: left;padding-right: 30px;margin-right: 80px;background: url(../images/se5_1.png) center right no-repeat;cursor: pointer;}
.ser2 .ul2 li .myd span.act{background: url(../images/se5_2.png) center right no-repeat;}
.ser2 .ul2 li input{display: block;width: 100%;background: transparent;border: 1px solid #999;padding: 0 15px;margin-top: 20px;height: 34px;}
.ser2 .ul2 li textarea{display: block;width: 100%;background: transparent;border: 1px solid #999;padding: 10px 15px;margin-top: 20px;height: 125px;font-family: 寰蒋闆呴粦;outline: none;resize: none;}
.ser2 .atj{display: block;width: 160px;line-height: 46px;text-align: center;background: #9a69e1;color: #fff;border-radius: 30px;}
.ser2 .atj:hover{background: #a77fe0;}
/* 鍏充簬 */
.ab1{padding: 100px 0;}
.ab1 .tt{font-size: 48px;}
.ab1 .tc{line-height: 2;margin-top: 50px;color: rgba(51, 51, 51, 0.7);font-size: 16px;max-height: 220px;overflow: auto;padding-right: 10px;text-align: justify;}
.ab1 .ul1{margin-top: 80px;}
.ab1 .ul1 li{width: 30%;float: left;line-height: 1.5;}
.ab1 .ul1 li .num{font-size: 48px;font-weight: bold;}
.ab1 .ul1 li .xq{margin-top: 10px;font-size: 20px;}
.ab2{padding: 100px 0;background: #ebebeb;overflow: hidden;}
.ab2 .tt{font-size: 48px;margin-bottom: 60px;}
.ab2 .atop{position: relative;}
.ab2 .atop .alt{width: 45%;float: left;position: relative;padding-top: 10px;}
.ab2 .atop .alt .bg{display: block;width: 100%;z-index: 3;position: relative;}
.ab2 .atop .alt .en{position: absolute;top: 0;right: 0;max-width: 900px;}
.ab2 .atop .alt .sk{display: block;width: 130px;height: 190px;background: #9a69e1;position: absolute;left: -65px;bottom: -50px;z-index: 4;}
.ab2 .atop .art{width: 46.5%;float: right;position: relative;padding-right: 10px;max-height: 400px;overflow: auto;}
.ab2 .atop .art .ard1{margin-bottom: 25px;line-height: 1.5;}
.ab2 .atop .art .ard1 .ard_l{width: 125px;float: left;font-size: 20px;border-right: 1px solid #757575;line-height: 1;}
.ab2 .atop .art .ard1 .ard_r{width: calc(100% - 125px);float: right;padding-left: 40px;line-height: 1.8;font-size: 16px;}
.ab3{padding: 190px 0;min-height: 920px;overflow: hidden;}
.ab3 .tt{font-size: 48px;margin-bottom: 110px;}
.ab3 .atop{position: relative;}
.ab3 .atop .x{display: block;width: 1800px;height: 1px;background: #cecece;position: absolute;right: 0;top: 124px;}
.ab3 .atop .you{display: block;width: 54%;position: absolute;top: 30%;right: -40%;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index: 5;}
.ab3 .atop .swiper_ab{width: 81.5%;margin: 0;z-index: 3;}
.ab3 .atop .swiper_ab .sbox .day{font-size: 48px;background: url(../images/ab3_1.png) 70% center no-repeat; font-family: arial;color: rgba(51, 51, 51, 0.5);}
.ab3 .atop .swiper_ab .sbox .yuan{display: block;width: 19px;height: 19px;margin: 60px 0 60px 18%;background: url(../images/ab4.png) center no-repeat;}
.ab3 .atop .swiper_ab .sbox .tc{display: block;font-size: 16px;line-height: 1.5;padding-right: 30px;}
.ab3 .atop .swiper_ab .swiper-slide.act .sbox .yuan{background: url(../images/ab4_1.png) center no-repeat;}
.ab3 .atop .swiper_ab .swiper-slide.act .sbox .day{color: #333;}
.ab3 .atop .btn{width: 136px;margin-top: 60px;}
.ab3 .atop .btn .sBtn{width: 50%;position: relative;overflow: hidden;float: left;outline: none;cursor: pointer;}
.ab3 .atop .btn .sBtn img{display: block;width: 100%;}
.ab3 .atop .btn .sBtn img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;}
.ab3 .atop .btn .sBtn:hover img:nth-child(2){opacity: 1;}
.ab4{background: #ebebeb;position: relative;}
.ab4 .alt{height: 700px;float: left;overflow: hidden;width: 46%;}
.ab4 .alt img{display: block;height: 100%;max-width: 900px;position: relative;left: 50%;transform: translateX(-50%) scale(1.000001);-webkit-transform: translateX(-50%) scale(1.000001);}
.ab4 .atop{position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;}
.ab4 .atop .container_ny {height: 100%;}
.ab4 .atop .art{width: 50%;float: right;padding-top: 100px;height: 100%;position: relative;}
.ab4 .atop .art .tt{font-size: 48px;}
.ab4 .atop .art .tc{line-height: 1.8;color: #666;text-align: justify;margin: 50px 0;font-size: 16px;overflow: auto;padding-right: 10px;height: 250px;}
.ab4 .atop .art .ul1{}
.ab4 .atop .art .ul1 li{float: left;margin-right: 50px;}
.ab4 .atop .art .ul1 li:last-child{margin-right: 0;}
.ab4 .atop .art .ul1 li img{display: block;margin-bottom: 30px;}
.ab4 .atop .art .ul1 li:hover img{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);}
.ab4:hover .alt img{transform: translateX(-50%) scale(1.05);-webkit-transform: translateX(-50%) scale(1.05);}
.ab4 .atop .art .sp{display: block;width: 130px;height: 190px;background: #9a69e1;position: absolute;right: 0;bottom: -50px;z-index: 3;}
.ab5{padding: 100px 0;}
.ab5 .alt{width: 46%;float: left;}
.ab5 .alt .tt{font-size: 48px;}
.ab5 .alt .swiper_ab2{margin: 100px 0 50px;}
.ab5 .alt .swiper_ab2 .swiper-slide{width: auto;}
.ab5 .alt .swiper_ab2 .swiper-slide img{display: block;cursor: pointer;height: 250px;}
.ab5 .alt .btn{width: 136px;margin-top: 60px;}
.ab5 .alt .btn .sBtn{width: 50%;position: relative;overflow: hidden;float: left;outline: none;cursor: pointer;}
.ab5 .alt .btn .sBtn img{display: block;width: 100%;}
.ab5 .alt .btn .sBtn img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;}
.ab5 .alt .btn .sBtn:hover img:nth-child(2){opacity: 1;}
.ab5 .art{width: 50%;float: right;}
.ab6{padding: 100px 0;background: #f2f2f2;line-height: 1.5;}
.ab6 .tt{font-size: 48px;}
.ab6 .xian{display: block;width: 25px;height: 4px;background: #000;margin: 60px 0;}
.ab6 .tc{line-height: 1.8;font-size: 16px;}
.ab7{padding: 100px 0;}
.ab7 .ul1{}
.ab7 .ul1 li{background: #f6f6f6;padding: 40px 60px;margin-bottom: 20px;}
.ab7 .ul1 li .ltop{cursor: pointer;}
.ab7 .ul1 li .ltop .ltt{position: relative;font-size: 24px;line-height: 1;}
.ab7 .ul1 li .ltop .ltt s{display: block;width: 3px;height: 20px;position: absolute;top: 2px;left: -20px;background: #000;}
.ab7 .ul1 li .ltop .ltc{color: #666;margin-top: 25px;}
.ab7 .ul1 li .ltop .ltc .llt{width: 70%;float: left;font-size: 16px;}
.ab7 .ul1 li .ltop .ltc .llt span{display: block;width: 33.33%;float: left;line-height: 1.8;}
.ab7 .ul1 li .ltop .ltc .lrt{width: 40px;height: 40px;background: url(../images/se4.png) center no-repeat;border: 1px solid #ddd;border-radius: 50%;background-size: 20px; float: right;transform: rotate(-90deg);-webkit-transform: rotate(-90deg);}
.ab7 .ul1 li .lbt{color: #555;line-height: 2;font-size: 16px;display: none;padding: 70px 0 20px;}
.ab7 .ul1 li .lbt .llt{width: 70%;float: left;}
.ab7 .ul1 li .lbt .lrt{width: 30%;float: right;}
.ab7 .ul1 li .lbt .la{display: block;width: 100%;float: left;margin-top: 40px;}
.ab7 .ul1 li .lbt .la a{display: block;width: 160px;line-height: 44px;text-align: center;background: #0e23a2;color: #fff;font-size: 16px;}
.ab7 .ul1 li.act .ltop .ltc .lrt{transform: rotate(0deg);-webkit-transform: rotate(0deg);}
/* 鎼滅储 */
.product .top2{line-height: 110px;border-bottom: 1px solid #ccc;height: 110px;}
.product .top2 .tlt{float: left;font-size: 40px;color: #333;opacity: 0.6;display: block;border: 0;background: transparent;width: 500px;outline: none;height: 110px;}
.product .top2 .trt{float: right;font-size: 24px;}
.product .top2 .trt a{display: block;float: left;margin-left: 45px;height: 110px;border-bottom: 2px solid rgba(0, 0, 0, 0);}
.product .top2 .trt a:hover,.product .top2 .trt a.act{border-bottom: 2px solid #9a69e1;color: #9a69e1;}
.res1{padding-bottom: 0;}
/* 寮圭獥 */
.z_tanchuang {position: fixed;display: table;height: 100%;width: 100%;top: 0;left: 0;transform: scale(0);-webkit-transform: scale(0);z-index: 9999;}
.z_tanchuang .tbox {display: table-cell;background: rgba(0, 0, 0, 0.8);text-align: center;vertical-align: middle;}
/* 寮圭獥鍐呭 */
.z_tanchuang .tbox .modal {background: white;padding: 50px;display: block;border-radius: 5px;position: relative;width: 90%;max-width: 1200px;max-height: 90%;margin: 0 auto;}
.z_tanchuang .tbox .modal .out{position: absolute;width: 40px;height: 40px;line-height: 40px;background: #fff url(../images/out.png) center no-repeat;background-size: 20px;color: #000;font-size: 30px;text-align: center;border-radius: 50%;top: 0;right: -50px;cursor: pointer;}
.z_tanchuang .tbox .modal .img{width: 100%;max-width: 600px;margin: 0 auto;}
.z_tanchuang .tbox .modal .img video{display: block;width: 100%;max-width: 100%;object-fit: cover;}
.z_tanchuang .tbox .modal .img img{margin: 0 auto ;max-width: 100%;}
.z_tanchuang .tbox .modal .out:hover{background: #fff url(../images/out2.png) center no-repeat;background-size: 20px;transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.z_tanchuang .tbox .modal2{padding: 20px;}
.z_tanchuang .tbox .modal .img{max-width: 1200px;}
/* 寮圭獥閫変腑 */
.z_tanchuang.one {transform: scaleY(0.01) scaleX(0);animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scaleY(0.01) scaleX(0);-webkit-animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
.z_tanchuang.one .tbox .modal {transform: scale(0);animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scale(0);-webkit-animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
.z_tanchuang.one.out {transform: scale(1);animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scale(1);-webkit-animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
.z_tanchuang.one.out .tbox .modal {animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
/* 寮圭獥鍔ㄧ敾 */
@keyframes unfoldIn {0% {transform: scaleY(0.005) scaleX(0);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(1) scaleX(1);}}
@keyframes zoomIn {0% {transform: scale(0);}100% {transform: scale(1);}}
@keyframes zoomOut {0% {transform: scale(1);}100% {transform: scale(0);}}
@keyframes unfoldOut {0% {transform: scaleY(1) scaleX(1);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(0.005) scaleX(0);}}
@-webkit-keyframes zoomIn {0% {transform: scale(0);}100% {transform: scale(1);}}
@-webkit-keyframes zoomOut {0% {transform: scale(1);}100% {transform: scale(0);}}
@-webkit-keyframes unfoldOut {0% {transform: scaleY(1) scaleX(1);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(0.005) scaleX(0);}}
@-webkit-keyframes unfoldIn {0% {transform: scaleY(0.005) scaleX(0);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(1) scaleX(1);}}
/* GMY寮€濮 */
.con {
background-color: #f2f2f2;
}
.con_container {
margin: 0 auto;
min-height: 1px;
width: 90%;
height: 568px;
max-width: 1400px;
align-items: center;
box-sizing: border-box;
padding: 100px 0;
}
.con_padding {
display: flex;
justify-content: space-between;
height: 370px;
position: relative;
}
.textewm {
font-size: 48px;
}
.textewm .ewmimg {
width: 120px;
height: 120px;
position: absolute;
bottom: 0;
left: 0;
}
.pme {
width: 700px;
height: 370px;
justify-content: space-around;
display: flex;
border: 1px solid rgba(0, 0, 0, 0.2);
}
.pme > div {
width: 33.33%;
}
.pme .dc:nth-child(2) {
border-left: 1px solid rgba(0, 0, 0, 0.2);
border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.pme .dc {
height: 370px;
display: flex;
align-items: center;
flex-flow: column;
padding: 12px 0 0 0;
text-align: center;
}
.pme .dc div {
margin-top: 32px;
line-height: 1.8;
}
.pme .lastpme {
padding: 0 5%;
margin: 0 auto;
}
.pme .line div {
background-color: #b08be5;
width: 20px;
height: 3px;
margin: 0 auto;
}
.fpme {
font-size: 24px;
}
.fpmeone {
font-size: 16px;
font-weight: bold;
}
.pme .dc:hover div img{
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
}
.bgmap {
background-color: #f2f2f2;
}
/* GMY缁撳熬 */
@media (max-width: 1778px) {
.ind2 .text .inner {
background: #fff;
width: calc(45% + 68px);
margin-left: 5%;
}
}
@media (max-width: 1556px) {
.pro_detail .top .r {
padding-right: 5%;
}
.oem2 .oem_tit {
padding-left: 5%;
}
.oem3 .swiper-slide .bg {
padding-left: 5%;
}
.oem3 .r a {
height: 128px;
padding-right: 5%;
border-bottom: 1px solid rgba(27, 27, 27, 0.1);
}
.rd2 .rbox{padding-left: 5%;}
}
@media (max-width: 1440px) {
.header .header_nav li,.h_ej .ul1 li{margin-left: 50px;}
.pro_detail .top .r h1{font-size: 30px;}
.oem2 .oem_tit{margin-top: 40px;}
}
@media (max-width: 1024px) {
.header {
display: none;
}
.headerSJ {
display: block;
position: fixed;
left: 0px;
top: 0px;
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
z-index: 9999;
width: 100%;
background-color: #fff;
padding: 0px 0px;
}
.headerSJ .headerSC {
padding: 0px 5%;
height: 60px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.headerSJ .logo img {
height: 44px;
}
.headerSJ .navbar {
position: relative;
padding: 7px 10px;
margin-right: 0px;
background-color: transparent;
background-image: none;
border: 1px solid #333;
border-radius: 4px;
outline: none;
}
.headerSJ .navbar .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
background-color: #333;
}
.headerSJ .navbar .icon-bar + .icon-bar {
margin-top: 4px;
}
.headerSJ .navwrap {
position: fixed;
top: 0px;
left: -50%;
width: 50%;
height: 100%;
z-index: 1100;
background-color: #000;
opacity: 0;
}
.headerSJ .navwrap .nav {
padding: 10px 5% 0px 5%;
}
.headerSJ .navwrap .nav li {
line-height: 42px;
border-bottom: 1px solid #232530;
padding: 0px 5%;
}
.headerSJ .navwrap .nav li a {
display: block;
color: #fff;
font-size: 16px;
}
.headerSJ .navbg {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
z-index: 1001;
display: none;
}
.headerSJ .navbg .closeSJ {
position: absolute;
right: 20px;
top: 20px;
}
.headerSJ .navwrap .nav .SJbod {
display: none;
}
.headerSJ .navwrap .nav .SJbod dd a {
height: 36px;
line-height: 36px;
font-size: 14px;
}
.headerSJ .navwrap .nav .plus a {
background: url(../images/plus.png) right center no-repeat;
}
.headerSJ .navwrap .nav .minus a {
background: url(../images/minus.jpg) right center no-repeat;
}
.headerSJ .navwrap .nav .lan .SJtit a {
display: inline-block;
}
.headerSJ .navwrap .nav .lan .SJtit span {
color: #fff;
font-size: 16px;
display: inline-block;
padding: 0px 5px;
}
.wrapper {
padding-top: 60px;
}
}
@media (max-width: 768px) {
.headerSJ .logo img {
height: auto;
}
#video_model .video .close {
right: 0px;
top: -50px;
}
}
@media (max-width: 1024px) {
.headerSJ .logo img:first-child {
height: auto;
display: none;
}
.headerSJ .logo img:nth-child(2) {
height: 35px;
}
/* 鑴氶儴 */
.footer .top {
display: none;
}
.flex {
display: block;
text-align: center;
padding: 20px;
}
.footer .bot {
height: auto;
line-height: 1.8;
}
}
@media (max-width: 960px) {
.oem2 .oem_tit{margin-top: 0px;}
.footer .bot .l{
width: 100%;
}
.pme .dc:nth-child(2) {
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.2);
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.con_container {
padding: 20px 0;
height: auto;
}
.con_padding {
display: block;
position: static;
height: auto;
}
.textewm {
font-size: 24px;
text-align: center;
}
.textewm .ewm {
margin: 15px 0;
}
.textewm .ewmimg {
width: 120px;
height: 120px;
position: static;
}
.pme {
width: 100%;
height: auto;
display: block;
}
.pme > div {
width: 100%;
}
.pme .dc {
height: auto;
display: block;
padding: 15px;
}
.pme .dc div {
margin: 15px;
}
.pme .lastpme {
padding: 0 15%;
}
.pme .line div {
width: 30px;
height: 5px;
margin: 0 auto;
}
.fpme {
font-size: 24px;
}
.fpmeone {
font-size: 16px;
}
#wrap {
height: 300px;
}
.flex{padding: 0;}
.banner .sP{bottom: 10px;}
.ind{margin: 30px 0;}
.common_tit{font-size: 24px;}
.ind1 .swiper-container{margin-top: 20px;}
.ind1 .swiper-container .sP {text-align: center;bottom: 0;margin-top: 20px;}
.ind1 .common_btn{margin-top: 20px;}
.ind2{padding: 0 5%;display: block;}
.ind2 .text{position: static;padding: 20px 0 0;text-align: center;}
.ind2 .text .inner .common_tit{text-align: center;}
.ind2 .l{display: none;}
.ind2 .l,.ind2 .r{width: 100%;float: none;}
.swiper-pagination-bullet-active{background: #9a69e1;}
.ind2 .text .inner{padding: 0;width: 100%;margin: 0;}
.ind2 .text .inner .common_tit::after{margin: 20px auto 0;}
.ind2 .text .inner .common_btn{margin: 20px auto 0;}
.ind2 .text .inner .sBtn.sPrev,.ind2 .text .inner .sBtn{display: none;}
.ind2 .r .sP2 {margin-top: 20px;}
.ind3{margin: 0 auto;padding: 0px 0;}
.ind3 .con{margin-top: 20px;}
.ind3 .con a{width: 100%;height: auto;padding: 30px 0;border-bottom: none;}
.ind3 .con a:last-child{border-bottom: 1px solid #ddd;}
.img_h{width: 40px;margin: 0 auto;}
.ind3 .con a .text{padding: 0;margin-top: 20px;}
.ind4t{height: auto;background: #ddd;}
.ind4m{margin: 0 auto;}
.ind4m li{color: #333;float: left;width: 50%;}
.ind4m span{font-size: 30px;display: inline;}
.ind4m h6{display: inline;}
.ind4b{padding: 0 0 30px;margin-top: 30px;}
.ind4b h6{margin-top: 20px;}
.ind4 .common_btn{margin-top: 20px;}
.ind5 .swiper-container{margin-top: 30px;}
.ind5 .swiper-slide a .text{padding: 20px 10px;}
.ind5 .swiper-slide a .bot{padding-top: 20px;}
.ind5 .sP{text-align: center;margin-top: 20px;}
.ind5 .common_btn{margin-top: 20px;}
.footer{padding: 20px 0;}
.footer .bot{border: 0;}
.product{padding: 30px 0;}
.product .top::before{display: none;}
.product .top{padding-top: 0;line-height: 2;}
.product .top .l h3,.product .top .l h4{font-size: 24px;}
.product .top .r{margin: 0;}
.product{background: #fff;}
.product .bot{margin-top: 20px;}
.product .bot ul li{width: 100%;float: none;margin: 0 0 20px;}
.product .bot ul li .text{padding: 0 ;height: 50px;line-height: 50px;}
.product .bot ul li .text .img_h{display: none;}
.product .top .l h3{line-height: 1;}
.pro_detail .top{margin: 30px 0 0;background: #fff;}
.pro_detail .top .l{width: 100%;float: none;}
.pro_detail .top .l ul{display: none;}
.pro_detail .top .l .sP1{margin-top: 20px;}
.pro_detail .top .r{width: 100%;float: none;padding: 30px 5%;}
.pro_detail .top .r h1{font-size: 24px;}
.pro_detail .top .r .pro_nav{margin-top: 0;}
.pro_detail .top .r .pro_nav li{float: left;}
.pro_detail .top .r .con{margin-top: 20px;background: transparent;}
.pro_detail .top .r .con .i{font-size: 14px;}
.pro_detail .top .r .btns{margin-top: 20px;}
.pro_detail .top .r .btns a{width: 45%;float: left;}
.pro_detail .top .r .btns a:nth-child(2){float: right;}
.pro_detail .bot{padding: 30px 0;font-size: 14px;}
.pro_detail .bot .container p:nth-child(1){font-size: 16px;font-weight: bold;}
.pro_detail .btn_outer{margin: 30px auto;}
.rd1{padding: 30px 0;min-height: 100px;}
.rd1 .tt{font-size: 24px;text-align: center;}
.rd1 .tc{width: 100%;margin-top: 20px;}
.rd2{padding: 30px 0;}
.rd2 .tt{font-size: 24px;margin-bottom: 20px;text-align: center;}
.rd2 .rbox{padding: 0;width: 90%;margin: 0 auto;}
.rd2 .swiper_rd .swiper-slide .sbox{padding: 0;}
.rd2 .swiper_rd .swiper-slide .sbox img:nth-child(2){width: 100%;}
.rd2 .swiper_rd .swiper-slide .sbox:hover img:nth-child(2){bottom: 0px;right: 0px;}
.rd2 .swiper_rd .sP_rd{text-align: center;margin-top: 20px;}
.rd2 .btn{display: none;}
.rd3{padding: 30px 0;}
.rd3 .tt{font-size: 24px;text-align: center;}
.rd3 .ul1{margin: 20px 0;}
.rd3 .ul1 li{width: 48%;margin: 0 0 4%;}
.rd3 .ul1 li:nth-child(2n){float: right;}
.ser1{padding: 30px 0;}
.ser1 .tt{font-size: 24px;text-align: center;margin-bottom: 20px;}
.ser1 .sbtn{margin-top: 20px;}
.ser1 .sbtn span{padding: 0;text-align: center;font-size: 18px;line-height: 40px;background: #f2f2f2;}
.ser1 .sbtn span.act{background: #9a69e1 ;}
.ser2{padding: 30px 0;}
.ser2 .tt{font-size: 24px;text-align: center;}
.ser2 .tc .tlt{font-size: 20px;width: 100%;float: none;text-align: center;line-height: 1.8;margin: 10px 0;}
.ser2 .tc .trt{width: 100%;float: none;}
.ser2 .ul1{margin-top: 20px;}
.ser2 .ul1 li{width: 100%;float: none;line-height: 50px;margin: 0 0 ;height: 50px;}
.ser2 .ul1 li input,.ser2 .ul1 li select{height: 50px;}
.ser2 .ul2{margin-top: 10px;}
.ser2 .ul2 li textarea{height: 300px;}
.ser2 .atj{margin: 0 auto;}
.news1{padding: 30px 0;}
.news1 .l{width: 100%;}
.news1 .r{width: 100%;padding: 0;}
.news1 .r .text h3{font-size: 20px;}
.news1 .r .text h5{margin-top: 0;}
.news1 .r .text .jt{display: none;}
.news1 .newsP{margin-top: 20px;text-align: center;}
.news1 .newsP span{margin: 0 10px;}
.news2{margin: 30px 0;}
.news2 li a .img{width: 100%;}
.news2 li a .text{width: 100%;padding: 0 5%;margin-top: 10px;}
.news2 li a .text h4{font-size: 18px;}
.news2 li a .text h6{text-align: justify;margin-top: 10px;}
.news2 li a .text p{margin-top: 10px;padding-bottom: 20px;}
.news2 .pagination{margin-top: 30px;}
.news_detail{margin: 30px 0;}
.news_detail .t h1{font-size: 24px;}
.news_detail .t h6{margin: 10px 0 20px;}
.news_detail .b{height: auto;margin: 20px 0;width: 100%;padding: 0 5%;}
.news_detail .b p,.news_detail .b > a{display: block;width: 33.33%;float: left;}
.news_detail .b p a img{display: none;}
.ab1{padding: 30px 0;}
.ab1 .tt,.ab3 .tt{font-size: 24px;text-align: center;}
.ab1 .tc{margin-top: 20px;}
.ab1 .ul1{margin-top: 20px;}
.ab1 .ul1 li{width: 33.33%;}
.ab1 .ul1 li .num{font-size: 30px;text-align: center;}
.ab1 .ul1 li .xq{font-size: 14px;text-align: center;}
.ab2{padding: 30px 0;}
.ab2 .tt{font-size: 24px;text-align: center;margin-bottom: 20px;}
.ab2 .atop .alt{width: 100%;float: none;padding: 0;}
.ab2 .atop .alt .sk,.ab2 .atop .alt .en{display: none;}
.ab2 .atop .art{width: 100%;float: none;margin-top: 30px;}
.ab2 .atop .art .ard1 .ard_l{width: 100px;position: relative;top: 5px;line-height: 24px;font-size: 18px;}
.ab2 .atop .art .ard1 .ard_r{width: calc(100% - 100px);padding-left: 10px;}
.ab2 .atop .art .ard1{margin-bottom: 10px;}
.ab3{padding: 30px 0;min-height: 100px;}
.ab3 .tt{margin-bottom: 20px;}
.ab3 .atop .swiper_ab .sbox .yuan{margin: 30px 0 30px 50px;}
.ab3 .atop .x{top: 94px;}
.ab3 .atop .btn{display: none;}
.ab3 .atop .swiper_ab .swiper-slide .sbox .tc{opacity: 1;margin-bottom: 30px;}
.ab3 .atop .swiper_ab .swiper-slide .sbox .yuan{background: url(../images/ab4_1.png) center no-repeat;}
.ab3 .atop .swiper_ab .swiper-slide .sbox .day{color: #333;}
.ab4 .alt{display: block;width: 100%;height: auto;}
.ab4 .alt img{display: block;width: 100%;height: auto;}
.ab4 .atop{position: static;}
.ab4 .atop .art{width: 100%;height: auto;padding-top: 20px;padding-bottom: 30px;}
.ab4 .atop .art .tt{font-size: 24px;text-align: center;}
.ab4 .atop .art .tc{margin-top: 20px;}
.ab4 .atop .art .sp{display: none;}
.ab4 .atop .art .ul1 li{margin: 0;width: 33.33%;}
.ab5{padding: 30px 0;}
.ab5 .alt{width: 100%;float: none;}
.ab5 .alt .tt,.ab6 .tt{font-size: 24px;text-align: center;}
.ab5 .alt .img{margin: 20px 0;}
.ab5 .alt .swiper_ab2{margin: 0;}
.ab5 .alt .btn{display: none;}
.ab5 .alt .sP_ab2 {text-align: center;margin-top: 20px;}
.ab6{padding: 30px 0;}
.ab6 .xian{margin: 20px auto;}
.ab7{padding: 20px 0;}
.ab7 .ul1 li{padding: 20px 5%;}
.ab7 .ul1 li .ltop .ltt s{left: -15px;}
.ab7 .ul1 li .ltop .ltc .llt span{width: 100%;float: none;}
.ab7 .ul1 li .lbt{padding: 20px 0;}
.ab7 .ul1 li .lbt .llt{width: 100%;float: none;}
.ab7 .ul1 li .lbt .lrt{width: 100%;float: none;}
.ab7 .ul1 li .lbt .la{margin-top: 20px;}
.ab7 .ul1 li .ltop .ltt{font-size: 20px;}
.product .top2{height: auto;}
.product .top2 .tlt{width: 100%;float: none;text-align: center;font-size: 24px;line-height: 40px;height: 40px;border-bottom: 1px solid #ddd;}
.product .top2 .trt{width: 100%;float: none;}
.product .top2 .trt a{height: auto;line-height: 40px;width: 50%;margin: 0;font-size: 18px;text-align: center;}
.oem1{margin: 30px auto;}
.oem_tit{font-size: 24px;text-align: center;}
.oem1 .list li{width: 100%;float: none;margin: 0 0 20px;border-bottom: 2px solid #ddd;padding-bottom: 20px;border-top:0;}
.oem1 .list li a{padding: 0;}
.oem1 .list li a h4{font-size: 20px;text-align: center;margin-top: 10px;}
.oem1 .list li a h6{margin-top: 10px;}
.oem2 .img{}
.oem2 .oem_tit{margin: 0 auto;width: 100%;padding: 20px 5% 10px;height: auto;line-height: 1.5;}
.oem2 .con{padding: 0;text-align: center;margin-bottom: 20px;}
.oem3 .l{width: 100%;}
.oem3 .r{display: none;}
.oem3 .swiper-slide .bg{padding: 30px 5%;height: auto;}
.oem4{padding: 30px 0;}
.oem4 .text{margin-top: 20px;}
.banner .swiper-slide video{display: none;}
.z_tanchuang .tbox .modal{padding: 10px;}
.z_tanchuang .tbox .modal .out{right: 0;top: -50px;}
.ab5 .alt .swiper_ab2 .swiper-slide img{margin: 0 auto;}
}
@media (max-width: 768px) {
.headerSJ .logo img {
height: auto;
}
#video_model .video .close {
right: 0px;
top: -50px;
}
}