@charset "UTF-8";

.head_main,
.index-container {
padding-right: 15px;
padding-left: 15px;
margin: 0 auto;
}

.head_main {
width: auto !important;
}

@media (max-width:767px) {
.index-container {
padding-right: 10px;
padding-left: 10px;
}
}

.foot-main,
.foot-bottom,
.wrap {
margin: 0 auto;
}

@media (max-width: 767px) {
.wrap {
padding: 0 15px !important;
}
}

@media (min-width: 768px) {
.wrap,
.index-container {
width: 750px;
}
}

@media (min-width: 992px) {
.head_main,
.index-container,
.foot-bottom {
width: 975px;
}

.wrap, .foot-main {
width: 945px;
}
}

@media(min-width: 1239px) {
.head_main {
width: 1180px;
}

.wrap, .foot-main {
width: 1000px;
}
}

@media (min-width: 1420px) {
.index-container,
.foot-bottom {
width: 1200px;
}

.head_main {
width: 1300px;
}
}

@media (min-width: 1520px) {
.wrap, .foot-main {
width: 1400px;
}
}

@media (min-width: 1680px) {
.index-container,
.foot-bottom {
width: 1600px;
}
/* .wrap,.foot-main{
width: 1400px;
} */
.head_main {
width: 1660px;
}
}

@media (min-width: 1920px) {
.head_main {
width: 1800px;
}
}

/*pc-头部*/

.header {
z-index: 1000;
position: fixed;
top: 0;
height: 90px;
width: 100%;
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
background: white;
}

.header.white {
background: white;
border-color: rgba(0, 0, 0, 0.1);
}

.header:hover {
background: white;
border-color: rgba(0, 0, 0, 0.1);
}


/*===============下拉==============*/

.header .logo {
padding: 24px 0;
float: left;
}

.header .logo img {
width: 274px;
height: auto;
margin-right: 30px;
}

.navbar {
float: left;
}

.navbar * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.category-item {
float: left;
padding: 0 15px;
margin-right: 25px;
}

.category-item-single {
position: relative;
}

.category-a {
padding: 0 0;
display: block;
font-size: 18px;
line-height: 90px;
color: #333;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
position: relative;
}

.category-a.on,
.category-a:hover {
color: #e60012;
}

.category-item::after {
content: '';
width: 0;
height: 3px;
background: #e60012;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all .8s;
-o-transition: all .8s;
transition: all .8s;
}

.category-item.active::after {
width: 98%;
}

/* .category-item.active,
.category-item:hover {
background: #fff;
} */

.dropdown-menu.single {
position: absolute;
top: 100%;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
z-index: 1100;
background: rgba(255, 255, 255, 1);
margin-top: 0;
max-height: 0;
opacity: 0;
overflow: hidden;
-webkit-transition: max-height .5s;
-o-transition: max-height .5s;
transition: max-height .5s;
border: none;
color: #303233;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
height: auto;
padding: 0;
display: block;
}

.dropdown-menu.single .category-pa {
padding: 44px 30px;
}

.dropdown-menu.single ul {
padding: 0px 0;
}

.dropdown-menu.single li {
display: block;
min-width: 210px;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
position: relative;
text-align: left;
}

.dropdown-menu.single .pro-menu {
width: 360px;
}

.dropdown-menu.single .cate-a li:last-child a, .dropdown-menu .pro-menu li:last-child .pro-item1 {
border-bottom: solid 1px #efefef;
}

.dropdown-menu.single .cate-a li > a, .nav-bar li:nth-child(2) .dropdown-menu.single li div.pro-item1 {padding: 0 5px;display: block;font-size: 16px;color: #666;line-height: 48px;border-top: solid 1px #efefef;white-space: nowrap;width: 100%;height: auto;background: 0 0;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}

.dropdown-menu .ny-text {
font-weight: bold;
}

.dropdown-menu .ny-text span {
float: left;
position: relative;
}

.pro-menu .pro-parent1 {padding: 0 5px;display: block;font-size: 16px;color: #666;line-height: 46px;white-space: nowrap;width: 100%;height: auto;background: 0 0;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}

.pro-menu .pro-item1 {
position: relative;
border-top: solid 1px #efefef;
}

.pro-menu .pro-cate1 {
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}

.pro-menu .pro-tig1 i {
position: absolute;
right: 0;
top: 5%;
transition: all .5s;
font-size: 16px;
color: #333;
}

.pro-menu .pro-pad {
background: #fff;
margin-bottom: 20px;
}

.pro-menu .pro-pad a {
display: block;
font-size: 16px;
color: #666;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 40px;
}

.pro-slide1 {
display: none;
}

.pro-parent1.open .pro-cate1,
.pro-cate1:hover {
color: #e60012;
}

.pro-parent1.open .pro-tig1 i {
color: #e60012;
transform: rotate(90deg);
}

.cate-a li:hover a, .single .pro-pad a:hover {color: #e60012!important;}

.category-item:hover .dropdown-menu.single {
max-height: 500px;
opacity: 1;
}

/* .pro-parent1.open .pro-slide1 .pro-pad a.on,
.pro-parent1.open .pro-slide1 .pro-pad a:hover {
color: #e60012;
} */

.pro-parent1.open .pro-slide1 {
display: block;
}


@keyframes jump {
0% {
top: 0px;
color: #333;
}

50% {
top: -10px;
color: #e60012;
}

100% {
top: 0;
color: #e60012;
}
}

@-webkit-keyframes jump {
0% {
top: 0px;
color: #333;
}

50% {
top: -10px;
color: #e60012;
}

100% {
top: 0;
color: #e60012;
}
}

/* 下拉 */

.dropdown-menu.full-screen {
position: absolute;
top: 100%;
z-index: 1100;
background-color: #fff;
border-top: 1px solid #dae1e6;
-webkit-transition: none;
-o-transition: none;
transition: none;
height: 300px;
display: none;
overflow: hidden;
width: 100%;
min-width: 1200px;
left: 0;
margin-top: 0;
-ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05);
-o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05);
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05);
}

.column-two ul {
display: none;
}

.dropdown-container {
height: 400px;
}

.p-drop-le {
width: 100%;
height: 100%;
float: left;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.p-drop-ri {
height: 100%;
float: left;
}

.p-drop-Lwrap {
padding-top: 20px;
margin-left: 36px;
height: 100%;
}

.p-drop-Rwrap {
float: left;
}

.column-item {
float: left;
width: 260px;
border-right: 1px solid #eee;
height: 100%;
}

.column-two {
width: 180px;
}

.nav-title {
font-size: 18px;
line-height: 50px;
color: #444;
display: block;
padding-left: 24px;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
background: url(../images/arrow-next.png) no-repeat right 20px center;
}

.nav-title:hover {
color: #fff;
background: #006fc1 url(../images/arrow-next2.png) no-repeat right 20px center;
}

.nav-data {
display: block;
font-size: 16px;
line-height: 36px;
color: #666;
padding-left: 24px;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
position: relative;
background: transparent;
}

.nav-data::after {
content: '';
width: 36px;
height: 36px;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
opacity: 0;
}

.nav-data:hover {
color: #e60012;
}

.nav-data:hover::after {
opacity: 1;
}

.nav-pic {
height: 256px;
width: 256px;
overflow: hidden;
}

.nav-pic img {
max-width: 100%;
image-rendering: -moz-crisp-edges;
/* Firefox */
image-rendering: -o-crisp-edges;
/* Opera */
image-rendering: -webkit-optimize-contrast;
/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;
height: 100%;
}

.p-nav-more {
display: inline-block;
font-size: 14px;
line-height: 34px;
padding: 0 27px;
background: #006fc1;
color: #fff;
margin-top: 12px;
}

.p-nav-more img {
vertical-align: -2px;
margin-left: 12px;
display: inline-block;
}

.nav-pic-tit {
font-size: 16px;
line-height: 52px;
color: #666;
}

.category-item:hover .dropdown-menu.full-screen {
display: block;
visibility: visible;
}


/* ---------------------- */

.nav-search {
cursor: pointer;
float: right;
height: 90px;
width: 26px;
margin-right: 30px;
position: relative;
background: url(../images/search.png) no-repeat right 3px center;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.search-box {
position: absolute;
right: -8px;
top: 90px;
font-size: 0;
width: 320px;
height: 0;
z-index: 100;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
opacity: 0;
overflow: hidden;
}

.search-box.on {
opacity: 1;
height: 52px;
padding-top: 6px;
}

.search-box .search {
border: solid 1px #dbdbdb;
width: 260px;
height: 46px;
background: #fff;
display: inline-block;
vertical-align: top;
font-size: 14px;
padding: 0 15px;
color: #666;
}

.search-box .butt {
width: 60px;
height: 46px;
background: #e60012 url(../images/icon-search1.png) no-repeat center;
display: inline-block;
vertical-align: top;
font-size: 14px;
color: #fff;
text-align: center;
line-height: 46px;
cursor: pointer;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.search-box .butt:hover {
background-color: #e60012;
}

.language {
float: right;
position: relative;
margin-top: 38px;
border-right: 1px solid #fff;
padding-right: 5px;
}

.language-text {
width: 102px;
display: block;
color: #333;
font-size: 16px;
padding-right: 13px;
font-family: arial;
line-height: 16px;
cursor: pointer;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.language-text .down {
display: inline-block;
vertical-align: middle;
width: 10px;
height: 18px;
margin-left: 6px;
background: url(../images/drop.png) no-repeat center;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
-o-transition: transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
}

.language-list {
position: absolute;
top: 100%;
z-index: 10;
background: rgba(255,255,255,.6);
-webkit-box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .05);
box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .05);
opacity: 0;
visibility: hidden;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
}

.language-list a {
display: block;
padding: 10px 8px;
color: #333;
font-size: 16px;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.language:hover .language-text .icon-down {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}

.language:hover .language-list {
opacity: 1;
visibility: visible;
}

.language-list a:hover {
color: #fff;
background: #e60012;
}

.nav-email {
font-size: 16px;
padding: 9px 19px;
background: #fff url(../images/daosanjiao.png) no-repeat right 24px center;
margin-left: 10px;
float: right;
text-align: center;
border-radius: 10px;
border: 1px solid #e60012;
box-sizing: border-box;
transform: translateY(64%);
}

.nav-email a {
color: #e60012;
padding-right: 26px;
}

.nav-more {
font-size: 16px;
padding: 9px 19px;
background: #e60012;
border: 1px solid transparent;
float: right;
text-align: center;
border-radius: 10px;
transform: translateY(64%);
}

.nav-more a {
color: #fff;
}

/*app-头部*/

.header-app {
background: white;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 60px;
z-index: 500;
-webkit-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
}

.header-app.open-menu {
height: 100%;
background: #fff;
-webkit-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
}

.header-app .logo {
float: left;
vertical-align: middle;
padding: 10px 10px;
display: flex;
justify-content: space-between;
align-items: center;
}

.header-app .logo img {
width: 120px;
height: 100%;
margin-right: 10px;
}

.header-app .right-box {
padding-left: 10px;
}

.header-app .red-txt {
font-size: 14px;
}

.header-app .black-txt {
font-size: 12px;
}

.navbar-app {
position: relative;
-webkit-box-shadow: 3px 0 7px 0 rgba(0, 0, 0, .1);
box-shadow: 3px 0 7px 0 rgba(0, 0, 0, .1);
height: 60px;
text-align: center;
}

.navbar-togger {
float: right;
background: transparent;
border: none;
padding: 22px 15px;
display: inline-block;
visibility: visible;
transition: transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96), opacity 0.28s 0.36s cubic-bezier(0.52, 0.16, 0.24, 1), -webkit-transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96);
}

.navbar-togger .icon_bar {
width: 24px;
height: 2px;
background-color: #e60012;
opacity: 1;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.navbar-togger .icon_bar:nth-of-type(2) {
margin: 5px 0;
}

.open-menu .navbar-togger .icon_bar:nth-of-type(2) {
opacity: 0;
}

.open-menu .navbar-togger .icon_bar:first-child {
-webkit-transform: translate(0, 7px) rotate(45deg);
-ms-transform: translate(0, 7px) rotate(45deg);
transform: translate(0, 7px) rotate(45deg);
}

.open-menu .navbar-togger .icon_bar:last-child {
-webkit-transform: translate(0, -7px) rotate(-45deg);
-ms-transform: translate(0, -7px) rotate(-45deg);
transform: translate(0, -7px) rotate(-45deg);
}

.nav-menu {
position: absolute;
top: 60px;
left: 0;
bottom: 0;
right: 0;
width: 100%;
z-index: 620;
padding: 20px 15px;
overflow-x: hidden;
overflow-y: auto;
visibility: hidden;
-webkit-transition: visibility 0s linear 1s;
-o-transition: visibility 0s linear 1s;
transition: visibility 0s linear 1s;
}

.header-app.open-menu .nav-menu {
visibility: visible;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}

.nav-list li {
border-bottom: 1px solid #cfcfcf;
opacity: 0;
pointer-events: none;
}

.nav-list li.open {
border-bottom: none;
}

.header-app.open-menu .nav-list li {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}

.nav-list li:nth-child(1) {
-webkit-transform: translateY(-44px);
-ms-transform: translateY(-44px);
transform: translateY(-44px);
transition: opacity .3345s cubic-bezier(0.52, 0.16, 0.52, 0.84) .15s, transform .4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) .108s, -webkit-transform .4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) .108s;
}

.header-app.open-menu .nav-list li:nth-child(1) {
transition: opacity .3091s cubic-bezier(0.32, 0.08, 0.24, 1) .03s, transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s, -webkit-transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s;
}

.nav-list li:nth-child(2) {
-webkit-transform: translateY(-40px);
-ms-transform: translateY(-40px);
transform: translateY(-40px);
transition: opacity .29294s cubic-bezier(0.52, 0.16, 0.52, 0.84) .13s, transform .45043s cubic-bezier(0.52, 0.16, 0.52, 0.84) .095s, -webkit-transform .45043s cubic-bezier(0.52, 0.16, 0.52, 0.84) .095s;
}

.header-app.open-menu .nav-list li:nth-child(2) {
transition: opacity .32244s cubic-bezier(0.32, 0.08, 0.24, 1) .05s, transform .35825s cubic-bezier(0.32, 0.08, 0.24, 1) .04s, -webkit-transform .35825s cubic-bezier(0.32, 0.08, 0.24, 1) .04s;
}

.nav-list li:nth-child(3) {
-webkit-transform: translateY(-36px);
-ms-transform: translateY(-36px);
transform: translateY(-36px);
transition: opacity .26098s cubic-bezier(0.52, 0.16, 0.52, 0.84) .11s, transform .43756s cubic-bezier(0.52, 0.16, 0.52, 0.84) .082s, -webkit-transform .43756s cubic-bezier(0.52, 0.16, 0.52, 0.84) .082s;
}

.header-app.open-menu .nav-list li:nth-child(3) {
transition: opacity .33467s cubic-bezier(0.32, 0.08, 0.24, 1) .07s, transform .37539s cubic-bezier(0.32, 0.08, 0.24, 1) .06s, -webkit-transform .37539s cubic-bezier(0.32, 0.08, 0.24, 1) .06s;
}

.nav-list li:nth-child(4) {
-webkit-transform: translateY(-32px);
-ms-transform: translateY(-32px);
transform: translateY(-32px);
transition: opacity .2386s cubic-bezier(0.52, 0.16, 0.52, 0.84) .09s, transform .42827s cubic-bezier(0.52, 0.16, 0.52, 0.84) .069s, -webkit-transform .42827s cubic-bezier(0.52, 0.16, 0.52, 0.84) .069s;
}

.header-app.open-menu .nav-list li:nth-child(4) {
transition: opacity .34577s cubic-bezier(0.32, 0.08, 0.24, 1) .09s, transform .39692s cubic-bezier(0.32, 0.08, 0.24, 1) .08s, -webkit-transform .39692s cubic-bezier(0.32, 0.08, 0.24, 1) .08s;
}

.nav-list li:nth-child(5) {
-webkit-transform: translateY(-28px);
-ms-transform: translateY(-28px);
transform: translateY(-28px);
transition: opacity .22581s cubic-bezier(0.52, 0.16, 0.52, 0.84) .07s, transform .42259s cubic-bezier(0.52, 0.16, 0.52, 0.84) .056s, -webkit-transform .42259s cubic-bezier(0.52, 0.16, 0.52, 0.84) .056s;
}

.header-app.open-menu .nav-list li:nth-child(5) {
transition: opacity .35577s cubic-bezier(0.32, 0.08, 0.24, 1) .11s, transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .1s, -webkit-transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .1s;
}

.nav-list li:nth-child(6) {
-webkit-transform: translateY(-24px);
-ms-transform: translateY(-24px);
transform: translateY(-24px);
transition: opacity .20343s cubic-bezier(0.52, 0.16, 0.52, 0.84) .05s, transform .41691s cubic-bezier(0.52, 0.16, 0.52, 0.84) .043s, -webkit-transform .41691s cubic-bezier(0.52, 0.16, 0.52, 0.84) .043s;
}

.header-app.open-menu .nav-list li:nth-child(6) {
transition: opacity .36577s cubic-bezier(0.32, 0.08, 0.24, 1) .13s, transform .41718s cubic-bezier(0.32, 0.08, 0.24, 1) .12s, -webkit-transform .41718s cubic-bezier(0.32, 0.08, 0.24, 1) .12s;
}

.nav-list li:nth-child(7) {
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
transition: opacity .18105s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s, transform .41123s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s, -webkit-transform .41123s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s;
}

.header-app.open-menu .nav-list li:nth-child(7) {
transition: opacity .37577s cubic-bezier(0.32, 0.08, 0.24, 1) .15s, transform .4115s cubic-bezier(0.32, 0.08, 0.24, 1) .14s, -webkit-transform .4115s cubic-bezier(0.32, 0.08, 0.24, 1) .14s;
}

.nav-list li:nth-child(8) {
-webkit-transform: translateY(-16px);
-ms-transform: translateY(-16px);
transform: translateY(-16px);
transition: opacity .15867s cubic-bezier(0.52, 0.16, 0.52, 0.84) .01s, transform .40555s cubic-bezier(0.52, 0.16, 0.52, 0.84) .17s, -webkit-transform .40555s cubic-bezier(0.52, 0.16, 0.52, 0.84) .17s;
}

.header-app.open-menu .nav-list li:nth-child(8) {
transition: opacity .38577s cubic-bezier(0.32, 0.08, 0.24, 1) .17s, transform .40582s cubic-bezier(0.32, 0.08, 0.24, 1) .16s, -webkit-transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .16s;
}

.cate-item {
position: relative;
}

.cate-item a {
font-size: 16px;
line-height: 48px;
margin-right: 60px;
display: block;
color: #444;
}

.nav-list li.active .cate-item a,
.nav-list li.open .cate-item a {
color: #e60012;
}

.category-cont a:last-child {
border: none;
}

.category-cont a.active {
color: #e60012;
}

.category-tig {
font-size: 14px;
color: #888;
text-align: right;
line-height: 48px;
width: 50px;
height: 48px;
position: absolute;
right: 0;
top: 0;
z-index: 2;
}

.category-tig::before,
.category-tig::after {
content: '';
background: #888;
position: absolute;
top: 50%;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.category-tig::before {
width: 16px;
height: 2px;
right: 0;
margin-top: -1px;
}

.category-tig::after {
width: 2px;
height: 16px;
margin-top: -8px;
right: 7px;
}

.nav-list li.open .category-tig::after {
opacity: 0;
}

.nav-list li.open .category-tig::before {
background: #e60012;
}

.category-cont {
display: none;
}

.nav-list li.open .category-cont {
display: block;
border-top: solid 1px #cfcfcf;
border-bottom: solid 1px #cfcfcf;
}

.category-pad {
padding: 0 15px;
}

.category-cont a {
line-height: 40px;
border-bottom: 1px solid #cfcfcf;
display: block;
color: #666;
}

.category-pad a.active {
color: #e60012;
}

.app-sousuo {
line-height: 22px;
border-right: solid 1px #e60012;
padding-right: 15px;
color: #e60012;
float: right;
font-size: 22px !important;
margin-top: 19px;
}

.alert-search {
display: none;
position: fixed;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.9);
top: 0;
left: 0;
z-index: 9999;
}

.alert-top {
height: 60px;
background: #fff;
padding: 10px 15px;
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

.alert-top .text {
border-radius: 0px;
height: 40px;
background: none;
border: solid 1px rgba(0, 0, 0, 0.1);
width: 80%;
float: left;
color: #666;
padding: 0 10px;
}

.alert-top .search {
background: url(../images/icon-search.png) no-repeat center;
width: 10%;
height: 26px;
float: left;
margin-top: 7px;
}

.alert-top span {
color: #666;
float: right;
font-size: 20px !important;
margin-top: 8px;
width: 10%;
text-align: center;
}

.app-lanu {
text-align: center;
margin-top: 20px;
}

.app-lanu a {
display: inline-block;
line-height: 30px;
padding: 0 14px;
font-size: 14px;
color: #333;
}

.app-lanu a.on {
background: #e60012;
color: white;
border-radius: 30px;
}
/* ===kf==== */
.kf {
transition: .8s;
z-index: 999999;
background-color: transparent;
position: fixed;
top: 40%;
right: 20px;
width: 50px;
border-radius: 5px;
}

.kf span {
z-index: 1000001;
transition: .5s;
cursor: pointer;
position: relative;
display: block;
width: 70px;
height: 70px;
border-radius: 5px;
margin-bottom: 4px;
text-align: center;
}

.kf span:hover {
background-color: #e62129;
}

.kf .zx {
background-position: 0 0;
background: #f6f6f6 url(../images/kefu-zx.png)no-repeat center top 12px;
}

.kf .back_top {
border: none;
background: #f6f6f6 url(../images/kf-top.png)no-repeat center top 18px;
}

.kf a {
transition: .5s;
display: block;
color: #333;
line-height: 24px;
font-size: 14px;
text-align: center;
padding-top: 42px;
}

.kf .back_top a {
padding-top: 32px;
}

.kf span.back_top:hover {
background: #e60012 url(../images/kf-top1.png)no-repeat center top 18px;
}

.kf span:hover a {
color: #fff;
}

.kf .back_top:hover a {
color: #fff;
}

.kfimgr {
position: absolute;
bottom: 23px;
right: -9px;
}

.kf span div i {
display: block;
position: absolute;
width: 15px;
height: 200px;
right: -15px;
top: 0;
}

.kf .freetel {
background: #f6f6f6 url(../images/微博1.png)no-repeat center 14px;
}

.kf .freetel:hover {
background: #e60012 url(../images/微博1.png)no-repeat center 14px;
}

.kf-wx:hover {
background: #e60012 url(../images/微信1.png)no-repeat center 14px;
}

.kf .zxlya {
background: #f6f6f6 url(../images/在线.png)no-repeat center 14px;
}

.kf .zxlya:hover {
background: #e60012 url(../images/在线.png)no-repeat center 14px;
}

.kf span:nth-child(4) div {
white-space: nowrap;
}

.kf a {
display: block;
height: 68px;
position: absolute;
top: 0;
right: 0;
width: 100%
}

.nav_center div, .index_nav_center div, .shou, .zhan {
-webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
}

.kf .zxlya .erweima {
display: none;
right: 62px;
position: absolute;
top: -72px;
background: #fff;
padding: 5px;
text-align: center;
box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);
border-radius: 5px;
}

.kf .zxzx {
display: none;
right: 86px;
position: absolute;
top: 6px;
background: #fff;
padding: 10px 20px;
text-align: center;
box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);
border-radius: 5px;
width: 110px;
font-size: 14px;
color: #333;
}

.kfimgr {
position: absolute;
bottom: 23px;
right: -9px;
}

.kf-ly {
background: #f6f6f6 url(../images/kf-wb_03抖音.png)no-repeat center 14px;
}

.kf-sph {
background: #f6f6f6 url(../images/spgh.png)no-repeat center 14px;
background-size: 26px;
}
/* .shou{ z-index: 1000000;cursor: pointer; width: 70px; height: 70px; top: 104%; margin-top: -15px; border-radius: 5px 0 0 5px; right: -9px; background:#b5b5b5; border-radius: 5px;cursor: pointer; position: absolute;font-size: 14px;line-height: 24px;color: #fff;transition: ease .5s;text-align: center;padding: 22px 0;} */
.shou {
z-index: 1000000;
cursor: pointer;
width: 30px;
height: 40px;
top: 47%;
margin-top: -15px;
border-radius: 5px 0 0 5px;
right: 62px;
position: absolute;
box-shadow: none;
}

.shou:hover {
background: transparent url(../images/zk.png)no-repeat center left;
}

.kf-wx {
background: #f6f6f6 url(../images/微信1.png)no-repeat center 14px;
}

.kf-wx1, .zxwb, .kf-ly1 {
display: none;
font-size: 15px;
color: #333;
background-color: #fff;
position: absolute;
right: 80px;
box-shadow: 0 0 20px rgba(0,0,0,0.2);
padding: 10px 12px;
background: #fff;
border-radius: 5px;
}

.csh_pic {
max-width: 140px;
}

.kf-wx1 .kfimgr, .zxwb .kfimgr, .kf-ly1 .kfimgr {
bottom: 60%;
}

.kf-shqi {
width: 70px;
height: 40px;
}

.kf-shqi .m-icon {
display: block;
margin: 0 auto;
width: 30px;
height: 30px;
border-radius: 50%;
background: #f6f6f6 url(../images/kf-close.png) no-repeat center;
background-size: 15px;
cursor: pointer;
transform: rotate(45deg);
transition: all 0.3s;
}

.kf-shqi .m-icon:hover {
background-color: #e62129;
}

.kf.show .m-icon {
transform: rotate(0);
}

/* ==app-kf==== */
/* app客服 */
/* */
.kffixed {
position: fixed;
bottom: 0;
z-index: 2000;
width: 100%;
height: 49px;
overflow: hidden;
display: none;
}

.kufuul {
text-align: center;
padding: 2px 0;
width: 100%;
height: 49px;
position: absolute;
bottom: 0;
left: 0;
display: inline-block;
}

.kefu {
padding: 0;
}

.kefu li {
float: left;
height: 45px;
text-align: center;
color: #fff;
line-height: 45px;
color: #fff;
transition: all .4s;
}

.kfzx-tigg {
width: 50%;
height: 45px;
display: block;
float: left;
line-height: 45px;
opacity: 1;
transition: 1s opacity;
padding: 0 1px;
}

.kfzx-enter {
opacity: 0
}

.kf-zx {
display: block;
width: 100%;
height: 100%;
color: #fff;
line-height: 45px;
text-align: center;
background: rgba(230, 33, 41, .9);
}

.kf-zx img {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}

.teldb {
width: 50%;
position: relative;
padding: 0 1px;
}

.teldb img {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}

.teldb a {
color: white;
background: rgba(0,0,0,0.6);
background-size: contain;
width: 100%;
display: block;
}

@media (max-width: 991px) {
.kffixed {
display: block;
}

.kf {
display: none !important;
}

.foot-app {
padding-bottom: 45px;
}
}

/* banner */

.banner {
margin-top: 90px;
position: relative;
}

.banner img.pc-banner {
display: block;
width: 100%;
}

.banner img.app-banner {
display: none;
}

.banner-font {
position: absolute;
width: 100%;
top: 30%;
left: 50%;
transform: translate(-50%, -36%);
}

.banner-font h3 {
text-align: center;
opacity: 0;
transform: translateY(-20px);
transition: all .3s;
font-size: 40px;
color: #333;
line-height: 40px;
margin-bottom: 25px;
}

.banner-font h4 {
text-align: center;
opacity: 0;
transform: translateY(-20px);
transition: all .3s;
font-size: 40px;
color: #333;
line-height: 40px;
font-weight: lighter;
margin-bottom: 25px;
}

.banner-font h5 {
text-align: center;
font-size: 24px;
color: #333;
line-height: 28px;
margin-bottom: 36px;
font-weight: lighter;
}

.banner-font .ban-tit {
display: inline-block;
color: #e60012;
}

.banner-font2 {
position: absolute;
width: 100%;
top: 40%;
left: 50%;
transform: translate(-50%, -45%);
}

.banner-font .ban-dec {
font-size: 18px;
color: #333;
display: none;
}

.ban-dec span {
padding-right: 16px;
}

.ban-dec.ico span {
padding-right: 55px;
}

.ban-dec img {
padding-right: 10px;
}

.ban-dec span:last-child {
padding-right: 0;
}

.banner-font .ban-tit {
display: inline-block;
color: #e60012;
}

.banner .ban-left {
width: 36.9%;
float: left;
margin-top: 8%;
}

.banner .ban-right {
width: 53.6%;
float: right;
margin-top: 55px;
}

pcb-five ul {
/* height: 520px; */
height: auto;
position: relative;
}

.mcb-five {
display: none;
}

.pcb-five li {
position: absolute;
}

.pcb-five li.five-li1 {
top: 0;
left: 0;
transition: all .8s;
}

.pcb-five li.five-li2 {
top: 0;
right: -14px;
transition: all .9s;
}

.pcb-five ul > * {
transition: opacity 150ms linear 100ms, transform 150ms ease-in-out 100ms;
}

.pcb-five li img {
display: block;
width: 100%;
transition: all .5s;
}

.pcb-five li.five-li1:hover img {
transform: translateY(-3px);
}

.pcb-five li.five-li2:hover img {
transform: translateY(-3px);
}

.banner .swiper-slide-active .pcb-five li.five-li1 {
animation: slideInLeft;
animation-duration: .8s;
}

.banner .swiper-slide-active .pcb-five li.five-li2 {
animation: slideInRight;
animation-duration: .8s;
}

@media (max-width:767px) {
.banner .ban-right {
margin-top: 0px;
}

.ban-dec.ico span {
padding-right: 35px !important;
}
}

.ban-left h3 {
font-weight: bold !important;
}

.ban-left h4 {
font-weight: normal !important;
}

.ban-left h3, .ban-left h4 {
text-align: left !important;
}

.banner-line {
width: 60px;
height: 2px;
background: #e60012;
margin: 24px 0 28px;
}

.banner-font2 .banner-more {
margin: 50px 0 0;
}

.pcb-five ul {
/* height: 520px; */
height: auto;
position: relative;
}

/*.pcb-five li {
position: absolute;
width: 226px;
height: 260px;
}*/

.pcb-five li.five-li1 {
top: 0;
left: 0;
}

.pcb-five li.five-li2 {
top: 0;
/*left: 246px;*/
}

.pcb-five li.five-li3 {
top: 0;
left: 490px;
}

.pcb-five li.five-li4 {
top: 208px;
left: 122px;
}

.pcb-five li.five-li5 {
top: 208px;
left: 369px;
}

.pcb-five ul > * {
transition: opacity 150ms linear 100ms, transform 150ms ease-in-out 100ms;
}

.pcb-five ul:hover > * {
transform: scale(0.9);
filter: contrast(80%);
}

.pcb-five ul > *:hover {
transform: scale(1);
transition-delay: 0ms, 0ms;
filter: contrast(100%);
}

.pcb-five li img {
display: block;
width: 100%;
transition: all .5s;
}

.pcb-five li:hover img {
transform: translateY(-10px);
}

.banner-more {
position: relative;
z-index: 666;
overflow: hidden;
width: 160px;
height: 50px;
display: block;
margin: 0 auto;
color: #fff;
background: #e60012;
--hover: red;
text-align: center;
line-height: 48px;
font-size: 16px;
z-index: 5;
}

a.banner-more:hover {
transition: 1s;
box-shadow: inset -100px 0 0 0 var(--hover), inset 90px 0 0 0 var(--hover);
color: white;
}

.banner-more img {
width: 26px;
display: inline-block;
margin-top: -5px;
padding-right: 5px;
}

.banner .img-cont {
width: 69.8%;
position: absolute;
left: 16%;
top: 59%;
}

.img-cont .img1 {
width: 3%;
position: absolute;
left: 13.2%;
top: -39%;
}

.img-cont .img2 {
/* width: 95px; */
width: 6.5%;
position: absolute;
left: 25%;
top: 40%;
}

.img-cont .img3 {
/* width: 38px; */
width: 3.3%;
position: absolute;
left: 52.8%;
top: 11%;
}

.img-cont .img4 {
/* width: 44px; */
width: 3.2%;
position: absolute;
left: 64.1%;
top: 54%;
}

.img-cont .img5 {
/* width: 44px; */
width: 3.1%;
position: absolute;
left: 82.2%;
top: -30%;
}

.img-cont .img6 {
/* width: 46px; */
width: 3.2%;
position: absolute;
left: 85.8%;
top: 41%;
}

.banner .img-cont img {
width: 100%;
}

.banner .swiper-pagination {
bottom: 30px !important;
}

.banner .swiper-pagination-bullet {
opacity: 1;
width: 40px;
height: 6px;
border-radius: 0 !important;
background: url(../images/bot.png) no-repeat center;
margin: 0px 5px !important;
}

.banner .swiper-pagination-bullet-active {
background: url(../images/activebot.png) no-repeat;
}

.banner .swiper-pagination {
bottom: 25px !important;
}

.swiper-container-vertical > .swiper-pagination-bullets {
right: 8% !important;
}

.banner .swiper-slide-active .banner-font h3, .banner .swiper-slide-active .banner-font h4 {
opacity: 1;
transform: translateY(0);
}


/*pc端底部*/

.footer {
background: #fff;
}

.foot-main {
padding-top: 68px;
}

.foot_nav {
height: 260px;
margin-bottom: 76px;
/* border-bottom: solid 1px #ececec; */
}

.foot_lf {
float: left;
width: 77.5%;
/* border-right: 1px solid #e5e5e5; */
}

.foot_nav dl {
width: 16.5%;
float: left;
padding: 0 10px;
}

.foot_nav dl:first-child {
width: 20%;
padding-left: 0;
}

.foot_nav dl:last-child {
width: 14%;
padding-left: 0;
}

.foot_nav dt {
padding-bottom: 20px;
position: relative;
}

.foot_nav dl:last-child dt:after {
display: none;
}

.foot_nav dt a {
font-size: 16px;
color: #333;
}

.foot_nav dd a {
font-size: 14px;
color: #666;
line-height: 28px;
}

.foot_nav dd a:hover {
color: #e60012;
}

.foot_rt {
float: right;
width: 22%;
padding-left: 5%;
border-left: 1px solid #e5e5e5;
}

.foot_txt {
color: #a6a6a6;
margin: 20px 0 40px;
}

.foot_logo {
margin-bottom: 15px;
}

.foot_txt p {
line-height: 28px;
}

.foot_txt p:first-child {
margin-bottom: 15px;
}

.foot_txt select {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
width: 86%;
height: 40px;
background: url(../images/down.png) no-repeat right 10px center;
border: solid 1px #e0e0e0;
font-size: 14px;
color: #a6a6a6;
padding: 0 15px;
}

.foot_logo h1 img {
margin-right: 10px;
margin-top: -8px;
}

.foot_logo h1 {
color: #333;
font-size: 24px;
font-family: 'din';
}

.foot_logo p {
color: #666;
font-size: 14px;
line-height: 32px;
}

.footb-bot {
padding: 28px 0;
overflow: hidden;
border-top: solid 1px #ececec;
}

.footb-bot p {
float: left;
width: 62%;
line-height: 24px;
font-size: 14px;
color: #666;
}

.footb-bot p a {
color: #666;
display: inline-block;
padding-right: 15px;
}

.bshare {
float: right;
}

.bshare a {
width: 34px;
height: 34px !important;
border-radius: 50%;
border: solid 1px #999;
text-align: center;
line-height: 38px;
display: inline-block;
padding-left: 0 !important;
font-size: 22px;
margin-right: 0;
margin-left: 19px;
}

.bshare a.douyin {
background: url(../images/dy-icon.png) no-repeat center;
background-size: 100% 100%;
}

.bshare a.xiaocx {
background: url(../images/xcx-icon.png) no-repeat center;
background-size: 100% 100%;
}

.bshare a.wx {
background: url(../images/wx-icon.png) no-repeat center;
background-size: 100% 100%;
}

.bshare a.ding {
background: url(../images/dd-icon.png) no-repeat center;
}

.bshare a.douyin:hover {
background: #e60012 url(../images/dy-iconh.png) no-repeat center;
}

.bshare a.xiaocx:hover {
background: #e60012 url(../images/xcx-iconh.png) no-repeat center;
}

.bshare a.wx:hover {
background: #e60012 url(../images/wx-iconh.png) no-repeat center;
}

.bshare a.ding:hover {
background: #e60012 url(../images/dd-iconh.png) no-repeat center;
}

.bshare a:hover {
text-decoration: none;
border-color: transparent;
}

/*app-底部*/

.foot-app {
width: 100%;
background: #fff;
padding: 0 15px;
display: none;
}

.footer-tit {
position: relative;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.open .footer-tit a {
color: #333;
}

.footer-tit a {
font-size: 16px;
color: #333;
line-height: 48px;
margin-right: 48px;
display: block;
}

.footer-tig {
font-size: 14px;
color: #888;
text-align: right;
line-height: 48px;
width: 20px;
height: 48px;
position: absolute;
right: 0px;
top: 0;
z-index: 2;
}

.footer-tig::before,
.footer-tig::after {
content: '';
background: rgba(0, 0, 0, 0.5);
position: absolute;
top: 50%;
transition: all .3s;
left: 50%;
}

.footer-tig::before {
width: 18px;
height: 2px;
margin-left: -8px;
}

.footer-tig::after {
width: 2px;
height: 18px;
margin-top: -8px;
}

.footer-item.open .footer-tig::after {
opacity: 0;
}

.footer-item.open .footer-tig::before {
background: rgba(0, 0, 0, 0.6);
}

.footer-cont {
display: none;
border: solid 1px rgba(0, 0, 0, 0.2);
border-top: 0;
padding: 0 15px;
}

.footer-cont a {
line-height: 40px;
color: #666;
display: block;
font-size: 14px;
border-bottom: dashed 1px rgba(0, 0, 0, 0.3);
}

.footer-cont a:last-child {
border: none;
}

.footer-item.open .footer-cont a.active {
color: #e60012;
}

.footer-top {
padding: 25px 0;
}

.footer-left {
float: left;
margin-bottom: 10px;
}

.footer-left h1 {
font-size: 20px;
color: #333;
}

.footer-left h1 img {
display: inline-block;
width: 24px;
height: 20px;
margin-top: -2px;
}

.footer-right {
width: 100%;
float: left;
}

.footer-right select {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
width: 80%;
height: 36px;
margin: 10px 0;
background: url(../images/down.png) no-repeat right 10px center;
border: solid 1px #e0e0e0;
font-size: 14px;
color: #a6a6a6;
padding: 0 15px;
}

.footer-right p {
font-size: 14px;
color: #666;
line-height: 22px;
}

.foot-app .footer-bot {
padding: 20px 0;
border-top: solid 1px rgba(0, 0, 0, 0.3);
}

.foot-app .footer-bot p,
.foot-app .footer-bot p a {
font-size: 14px;
color: #666;
line-height: 22px;
}

.foot-app .footer-bot p a {
display: block;
}

.foot-app .bshare {
float: none;
text-align: center;
margin-top: 15px;
}

.foot-app .bshare a {
margin-left: 15px;
}

@media (max-width: 1679px) {
.header-app,
.foot-app {
display: none !important;
}

.header .logo {
padding: 26px 0;
}

.header .logo img {
width: 274px;
height: 38px;
margin-right: 10px;
}

.navbar {
margin-left: 10px;
}

.category-item {
padding: 0 16px;
margin-right: 0;
}

.category-a {
font-size: 16px;
}

.nav-search {
margin-right: 25px;
background-size: 19px 19px;
}

.search-box .butt {
background-size: 19px 19px;
}

.nav-email, .nav-more {
font-size: 15px;
}

.banner-font h3, .banner-font h4 {
font-size: 38px;
line-height: 38px;
margin-bottom: 16px;
}

.banner-font h5 {
font-size: 22px;
line-height: 24px;
margin-bottom: 26px;
}

.banner .ban-left {
width: 42.9%;
margin-top: 6%;
}

.banner-font .ban-dec {
font-size: 16px;
}

.pcb-five li {
width: 168px;
height: 194px;
}

.pcb-five li.five-li2 {
left: 183px;
}

.pcb-five li.five-li3 {
left: 366px;
}

.pcb-five li.five-li4 {
top: 156px;
left: 91px;
}

.pcb-five li.five-li5 {
top: 156px;
left: 276px;
}

.banner-more {
width: 140px;
height: 42px;
line-height: 42px;
font-size: 15px;
}

.banner-more img {
width: 23px;
}

.foot_logo h1 {
font-size: 22px;
}

.foot_txt p {
line-height: 24px;
}
}

@media (max-width: 1419px) {
.header-app,
.foot-app {
display: none !important;
}

.header .logo {
padding: 33px 0;
}

.header .logo img {
width: 200px;
height: auto;
}

.navbar {
margin-left: 10px;
}

.category-item {
padding: 0 15px;
}

.language-text {
font-size: 16px;
}

.nav-search {
background-size: 16px 16px;
}

.nav-email, .nav-more {
font-size: 14px;
padding: 5px 12px;
transform: translateY(94%);
background-position: left 14px center;
}

.nav-email {
background-position: right 14px center
}

.banner-font h3, .banner-font h4 {
font-size: 32px;
line-height: 32px;
margin-bottom: 12px;
}

.banner-font h5 {
font-size: 18px;
line-height: 22px;
margin-bottom: 16px;
}

.ban-left h3, .ban-left h4 {
font-size: 31px;
line-height: 31px;
margin-bottom: 14px;
}

.pcb-five li {
width: 132px;
height: 153px;
}

.pcb-five li.five-li2 {
left: 148px;
}

.pcb-five li.five-li3 {
left: 298px;
}

.pcb-five li.five-li4 {
top: 123px;
left: 73px;
}

.pcb-five li.five-li5 {
top: 123px;
left: 224px;
}

.banner-font .ban-dec {
font-size: 15px;
}

.ban-dec span {
padding-right: 2px;
}

.banner-font2 .banner-more {
margin: 40px 0 0;
}

.banner-more {
width: 120px;
height: 36px;
line-height: 36px;
}

.banner .swiper-pagination-bullet {
background-size: 30px 4px;
}

.foot_nav dl {
padding: 0 8px;
}

.foot_nav dl:nth-child(2) {
width: 16.8%;
}

.foot_nav dl:last-child {
width: 13%;
}

.foot_nav dd a {
line-height: 24px;
}

.foot_logo h1 img {
width: 22px;
margin-right: 4px;
}

.foot_logo h1 {
font-size: 18px;
}

.foot_txt {
margin: 10px 0 30px;
}

.foot_txt p:first-child {
margin-bottom: 10px;
}

.foot_txt select {
height: 34px;
padding: 0 10px;
background-size: 15px 9px;
}

.foot_nav {
height: 200px;
margin-bottom: 56px;
}
}

@media(max-width: 1238px) {
.header .logo {
padding: 34px 0;
}

.header .logo img {
width: 138px;
height: auto;
}

.navbar {
margin-left: 0;
}

.category-item {
padding: 0 10px;
}

.category-a {
font-size: 14px;
padding: 0;
}

.language {
padding-right: 15px;
}

.language-text {
width: auto;
padding-right: 0;
}

.nav-search {
margin-right: 18px;
}

.banner .img-cont {
top: 62%;
}

.banner .ban-left {
margin-top: 5%;
}

.ban-left h3, .ban-left h4 {
font-size: 30px;
line-height: 30px;
margin-bottom: 12px;
}

.banner-font2 .banner-more {
margin: 32px 0 0;
}
}

@media(max-width: 991px) {
.header,
.footer {
display: none !important;
}

.header-app,
.foot-app {
display: block !important;
}

.header-app .logo {
float: left;
padding: 16px 15px;
}

.header-app .logo img {
width: 220px;
height: auto;
}

.banner {
margin-top: 60px;
}

.banner img.app-banner {
display: block;
width: 100%;
height: 370px;
}

.banner img.pc-banner {
display: none;
}

.banner .img-cont {
display: none;
}

.banner-font h3 {
font-size: 28px;
line-height: 28px;
}

.banner-font h4 {
font-size: 26px;
line-height: 26px;
}

.banner-font h5 {
line-height: 18px;
}

.banner .ban-left {
width: 58.8%;
margin-top: 3%;
}

.banner-line {
margin: 20px 0 22px;
}

.banner-font2 .banner-more {
margin: 20px 0 0;
}

.banner .ban-right {
width: 40.2%;
}

.pcb-five li {
width: 88px;
height: 103px;
}

.pcb-five li.five-li2 {
left: 100px;
}

.pcb-five li.five-li3 {
left: 201px;
}

.pcb-five li.five-li4 {
top: 84px;
left: 50px;
}

.pcb-five li.five-li5 {
top: 84px;
left: 151px;
}

.banner-more {
width: 110px;
height: 32px;
line-height: 32px;
font-size: 14px;
}

.foot-app .footer-left p {
font-size: 14px;
color: #a6a6a6;
margin-top: 7px;
}

.footer-bot .copy-app {
display: flex;
justify-content: space-between;
color: rgba(255, 255, 255, 0.5);
}

.footer-bot .copy-app p {
color: rgba(255, 255, 255, 0.5);
}
}

@media (max-width: 767px) {
.header-app .logo {
padding: 21px 10px;
}

.header-app .logo img {
width: 138px;
height: auto;
}

.app-sousuo {
padding-right: 10px;
}

.banner img.app-banner {
display: block;
width: 100%;
/* height: 326px; */
}

.banner-font h3 {
font-size: 25px;
line-height: 30px;
margin-bottom: 12px;
}

.banner-font h4 {
font-size: 18px;
line-height: 20px;
font-weight: normal;
margin-bottom: 15px;
}

.banner-font h5 {
font-size: 16px;
line-height: 16px;
margin-bottom: 20px;
}

.banner .ban-left {
width: 100%;
float: none;
}

.banner .ban-right {
width: 100%;
float: none;
}

.ban-left h3, .ban-left h4 {
text-align: center !important;
}

.banner-line {
margin: 12px auto 14px;
}

.banner-font2 .banner-more {
margin: 10px auto;
float: none;
}

.banner-font .ban-dec {
font-size: 14px;
text-align: center;
}
/* .pcb-five ul{width: 208px;margin: 0 auto;}
.pcb-five li {
width: 60px;
height: 70px;
}
.pcb-five li.five-li2 {
left: 72px;
}
.pcb-five li.five-li3 {
left: 144px;
}
.pcb-five li.five-li4 {
top: 58px;
left: 35px;
}
.pcb-five li.five-li5 {
top: 58px;
left: 108px;
}*/

.banner-more {
width: 100px;
font-size: 13px;
}

.banner-more img {
width: 22px;
margin-top: -2px;
}

.footer-left {
width: 100%;
}

.footer-right img {
width: 100%;
}

.footer-bot .copy-app {
display: block;
}
}

@media(max-width:640px) {
.banner img.app-banner {
height: 368px;
}

.banner .swiper-pagination {
bottom: 10px !important;
}

.banner-font h3 {
font-size: 22px;
line-height: 26px;
}

.banner-font .ban-dec {
font-size: 13px;
line-height: 18px;
}

.banner-font2 {
top: 28%;
}
}

/*============首页====================*/

/* 解决方案*/
.index-one {
padding: 100px 0;
background: #fff;
}

.inon-top {
padding-bottom: 40px !important;
border-bottom: 1px solid #e5e5e5;
}

.inon-top .int-title {
padding-bottom: 42px;
}

.tit-line {
float: left;
width: 5px;
height: 42px;
background: #e60012;
margin-right: 20px;
}

.int-title .int-txt {
font-size: 42px;
color: #e60012;
line-height: 42px;
display: inline-block;
}

.int-title .int-txt {
float: left;
}

.int-title .int-right {
margin-top: 20px;
float: right;
padding-bottom: 36px;
border-bottom: 3px solid #666;
transition: all .3s;
}

.int-right .int-more {
font-size: 18px;
color: #333;
background: url(../images/black-next.png) no-repeat right center;
padding-right: 30px;
transition: all .3s;
}

.int-title .int-right:hover {
border-bottom: 3px solid #e60012;
}

.int-right:hover .int-more {
color: #e60012;
background: url(../images/red-next.png) no-repeat right center;
}

.inon-right {
display: none;
}

.int-dec p {
font-size: 18px;
color: #666;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}

.inon-bottom {
width: 100%;
}

.sjo-slide img {
display: block;
width: 100%;
}

.sjo-slide {
position: relative;
width: 100%;
}

.sjo-font {
padding: 25px 82px;
position: absolute;
width: 93.7%;
left: 50%;
top: 90%;
transform: translate(-50%,-90%);
background: rgba(255,255,255,.8);
}

.sjo-font p {
font-size: 16px;
color: #333;
line-height: 36px;
}

.sjo-font .sjo-left {
float: left;
width: 63.9%;
}

.sjo-left .sjo-tit {
float: left;
width: 18%;
padding-top: 2%;
padding-right: 4%;
}

.sjo-left .sjo-tit p {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.sjo-left .sjo-cont {
border-left: 1px solid #666666;
float: right;
width: 82%;
padding-left: 4%;
}

@media (max-width:797px) {
.sjo-left .sjo-cont {
border-left: none;
width: 100%;
}
}

.sjo-left .sjo-cont p {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}

.sjo-font .sjo-right {
float: right;
padding-top: 1%;
}

.banner-more .ind-btn {
text-align: left;
padding: 0 32px;
background: #e60012 url(../images/white-next.png) no-repeat right 22% center;
}

.sjo-nav {
width: 100%;
background: white;
overflow: hidden;
margin-top: 60px;
}

.sjo-pagination {
overflow: hidden;
}

.sjo-nav .sjo-page {
position: relative;
opacity: 1;
height: auto;
display: block;
border-radius: 0;
background: none;
float: left;
width: 25%;
padding-bottom: 46px;
border-bottom: solid 1px #fff;
cursor: pointer;
}

.sjo-icon {
width: 40px;
height: 40px;
margin: 0 auto;
overflow: hidden;
}

.sjo-icon img {
display: block;
width: 100%;
height: 100%;
transition: all .5s;
}

.sjo-page h3 {
font-size: 20px;
color: #333;
text-align: center;
line-height: 20px;
margin-top: 8px;
}

.sjo-page .dot1 {
width: 13px;
height: 15px;
background: url(../images/dot1.png) no-repeat center;
position: absolute;
left: 50%;
top: 80%;
transform: translate(-50%, -50%);
}

.sjo-nav .sjo-page::before,
.sjo-nav .sjo-page::after {
content: '';
width: 42%;
height: 100%;
position: absolute;
top: 30%;
transition: all .3s;
background: url(../images/bor-btm.png) no-repeat center;
}

.sjo-nav .sjo-page::before {
left: 0;
}

.sjo-nav .sjo-page::after {
right: 0;
}

.sjo-nav .sjo-page.swiper-pagination-bullet-active h3 {
color: #e60012;
}

.sjo-nav .sjo-page.swiper-pagination-bullet-active .dot1 {
width: 30px;
height: 30px;
background: url(../images/doth1.png) no-repeat center;
}

.sjo-nav .sjo-page.swiper-pagination-bullet-active::after,
.sjo-nav .sjo-page.swiper-pagination-bullet-active + .sjo-page.swiper-pagination-bullet::before {
background: url(../images/bor-btmh.png) no-repeat center;
}

.sjo-swiper {
margin-top: 10px;
}

.gallery-thumbs {
overflow-y: visible !important;
}

.gallery-thumbs .swiper-slide.active-nav .dot1 {
width: 30px;
height: 30px;
background: url(../images/doth1.png) no-repeat center;
}

.gallery-thumbs .swiper-slide.active-nav h3 {
color: #e60012;
}

.gallery-thumbs .active-nav::after, .active-nav + .sjo-page::before {
background: url(../images/bor-btmh.png) no-repeat center;
}

.gallery-thumbs .swiper-slide {
cursor: pointer;
}


/* */

.index-two {
padding: 100px 0 80px;
/* background: url(../images/bg.png) no-repeat; */
background: #f5f5f5;
position: relative;
}

.index-two .ind-bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}


.int-box {
width: 50.6%;
margin: 0 auto;
}

.imgItemFont {
color: #333;
}

.imgItemFont h3 {
overflow: hidden;
font-size: 22px;
margin-bottom: 15px;
}

.imgItemFont h3 .timer, .imgItemFont h3 .num, .imgItemFont h3 .imgcer {
font-size: 50px;
font-family: 'din';
}

.imgItemFont p {
font-size: 24px;
line-height: 24px;
}

/*新闻资讯*/

.index-three {
padding: 90px 0;
background: #fff;
}

.inth-a {
float: right;
display: block;
}

.inf-a {
margin-top: 20px;
}

.inf-a a {
color: #333;
display: block;
float: left;
line-height: 20px;
font-size: 18px;
margin-left: 22px;
}

.inf-a a:first-child {
margin-left: 0;
}

.inf-a a:last-child {
border-right: none;
}

.inf-a a.active {
color: #e60012;
padding-bottom: 41px;
border-bottom: 3px solid #fe0903;
}

.inth1-a {
display: none;
}

.inth-big {
margin-top: 76px;
}

.inth-box {
display: none;
width: 100%;
background: white;
overflow: hidden;
}

.inth-box.on {
display: block;
}

.inth-li {
width: 50%;
float: left;
}

.inth-big .inth-li:first-child {
padding-right: 3%;
}

.inth-big .inth-li:last-child {
float: right !important;
padding-left: 3%;
}

.inth-list {
overflow: hidden;
display: block;
width: 100%;
}

.inth-font {
padding-top: 15px;
}

.inth-font h2 {
font-size: 36px;
color: #333;
font-family: 'dim';
}

.inth-font span {
color: #666;
font-size: 16px;
line-height: 20px;
padding-left: 10px;
}

.inth-font h3 {
color: #333;
font-size: 20px;
margin: 30px 0;
width: 86%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}

.inth-font p {
color: #666;
font-size: 16px;
line-height: 32px;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}

.inth-btn .banner-more {
margin: 20px 0 0;
text-align: left;
color: #333;
padding: 0 32px;
background: url(../images/black-next.png) no-repeat right 22% center;
background-size: 18px 15px;
border-bottom: 2px solid #666;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.inth-list:hover .inth-font h3 {
color: #e60012;
}

.inth-list:hover .inth-btn .banner-more {
color: #fff;
background: #e60012 url(../images/white-next.png) no-repeat right 22% center;
border-bottom: transparent;
}
/* 走进盛雄 */
.index-four {
padding-bottom: 90px;
background: #fff;
}

.info-bottom {
margin: 78px -25px 0;
}

.info-li {
padding: 0 25px;
width: 25%;
float: left;
}

.info-li:first-child {
width: 50%;
}

.info-list {
overflow: hidden;
display: block;
width: 100%;
}

.info-list .info-pic {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
}

.info-list .info-pic.bofang::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .5) url(../images/index-bofan.png)no-repeat center;
left: 0;
}

.info-list .info-pic img {
width: 100%;
transition: all .5s;
}

.info-list:hover img {
transform: scale(1.05);
}

.info-list.bofang:hover img {
transform: none;
}

.info-list .info-pic iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: none;
}

.info-list .info-font {
width: 83.4%;
position: absolute;
left: 50%;
bottom: 5%;
transform: translate(-50%, -5%);
color: #fff;
}

.info-font h3 {
font-size: 24px;
margin-bottom: 25px;
}

.info-font p {
height: 56px;
font-size: 16px;
line-height: 28px;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
/* 寻找技术支持？ */
.index-five {
background: #eee;
position: relative;
}

.diy-bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}

.infv-cont {
padding: 68px 0;
}

.infv-font {
text-align: center;
}

.infv-font h2 {
font-size: 40px;
color: #333;
margin-bottom: 22px;
}

.infv-font h3 {
font-size: 20px;
color: #333;
margin-bottom: 36px;
}

@media (max-width: 1679px) {
.index-one {
padding: 80px 0;
}
/* */
.int-title .int-txt {
font-size: 40px;
line-height: 40px;
}

.sjo-nav {
margin-top: 50px;
}

.sjo-font {
padding: 20px 62px;
}

.sjo-page h3 {
font-size: 18px;
}

.sjo-font p {
font-size: 15px;
line-height: 26px;
}

.ind-btn .banner-more {
padding: 0 24px;
}
/* */
.index-two {
padding: 80px 0 60px;
}

.imgItemFont h3 {
font-size: 18px;
}


.imgItemFont h3 .timer, .imgItemFont h3 .num, .imgItemFont h3 .imgcer {
font-size: 40px;
}

.imgItemFont p {
font-size: 20px;
line-height: 20px;
}
/* */
.index-three {
padding: 70px 0;
}

.inth-big {
margin-top: 56px;
}

.inth-font h2 {
font-size: 32px;
}

.inth-font h3 {
margin: 25px 0;
}
/* */
.index-four {
padding-bottom: 70px;
}

.info-bottom {
margin-top: 58px;
}

.info-list .info-pic img {
height: 362px;
}

.info-font h3 {
margin-bottom: 20px;
}

.info-font p {
height: 44px;
font-size: 15px;
line-height: 22px;
}
/* */
.infv-cont {
padding: 58px 0;
}
}

@media (max-width: 1419px) {
/* */
.int-title .tit-line {
height: 36px;
}

.int-title .int-txt {
font-size: 34px;
line-height: 34px;
}

.inon-top {
padding-bottom: 30px !important;
}

.inon-top .int-title {
padding-bottom: 36px;
}

.int-right .int-more {
font-size: 16px;
}

.int-title .int-right {
padding-bottom: 27px;
margin-top: 16px;
}

.sjo-nav {
margin-top: 40px;
}

.sjo-font {
padding: 20px 42px;
}

.sjo-font p {
font-size: 14px;
line-height: 22px;
}

.ind-btn .banner-more,
.inth-btn .banner-more {
padding: 0 15px;
background-position: right 15% center;
}
/* */
.imgItemFont h3 {
font-size: 16px;
}

.imgItemFont h3 .timer, .imgItemFont h3 .num, .imgItemFont h3 .imgcer {
font-size: 32px;
}

.imgItemFont p {
font-size: 18px;
line-height: 18px;
}
/* */
.inf-a {
margin-top: 19px;
}

.inf-a a {
font-size: 16px;
line-height: 16px;
}

.inf-a a.active {
padding-bottom: 30px;
}

.inth-big {
margin-top: 36px;
}

.inth-list:hover .inth-btn .banner-more {
background-position: right 15% center;
}

.inth-font h2 {
font-size: 28px;
}

.inth-font span {
font-size: 15px;
}

.inth-font h3 {
margin: 20px 0;
font-size: 18px;
}

.inth-font p {
font-size: 14px;
line-height: 24px;
}
/* */
.info-bottom {
margin-top: 48px;
}

.info-list .info-pic img {
height: 289px;
}

.info-font h3 {
font-size: 20px;
margin-bottom: 15px;
}

.info-font p {
height: 80px;
font-size: 14px;
line-height: 20px;
}

/* */
.infv-font h2 {
font-size: 36px;
margin-bottom: 18px;
}

.infv-font h3 {
font-size: 18px;
margin-bottom: 26px;
}
}

@media (max-width: 991px) {
/* */
.index-one {
padding: 60px 0;
}

.inon-top .int-title {
padding-bottom: 34px;
}

.int-title .tit-line {
width: 3px;
height: 32px;
margin-right: 15px;
}

.int-title .int-txt {
font-size: 30px;
line-height: 30px;
}

.int-right .int-more {
font-size: 14px;
padding-right: 25px;
background-size: 16px;
}

.sjo-nav {
margin-top: 25px;
}

.sjo-page h3 {
font-size: 16px;
}

.sjo-nav .sjo-page {
padding-bottom: 38px;
}

.sjo-nav .sjo-page.swiper-pagination-bullet-active .dot1 {
background-size: 20px;
}

.sjo-font {
padding: 18px 30px;
}

.sjo-font p {
line-height: 20px;
}

.ind-btn .banner-more, .inth-btn .banner-more {
background-size: 16px;
}
/* */
.index-two {
padding: 60px 0 40px;
}

.imgItemFont h3 {
font-size: 14px;
margin-bottom: 10px;
}

.imgItemFont h3 .timer, .imgItemFont h3 .num, .imgItemFont h3 .imgcer {
font-size: 26px;
}

.imgItemFont p {
font-size: 16px;
line-height: 16px;
}
/* */
.index-three {
padding: 50px 0;
}

.inf-a a {
font-size: 14px;
line-height: 14px;
}

.inth-big {
margin-top: 26px;
}

.inth-font h2 {
font-size: 24px;
}

.inth-font span {
font-size: 14px;
}

.inth-font h3 {
margin: 12px 0;
font-size: 16px;
}
/* */
.index-four {
padding-bottom: 50px;
}

.info-bottom {
margin: 38px -10px;
}

.info-li {
padding: 0 10px;
}

.info-list .info-pic img {
height: 218px;
}

.info-font h3 {
font-size: 18px;
margin-bottom: 10px;
}
/* */
.infv-cont {
padding: 48px 0;
}

.infv-font h2 {
font-size: 30px;
margin-bottom: 12px;
}

.infv-font h3 {
font-size: 16px;
margin-bottom: 16px;
}
}

@media (max-width:767px) {
.sjo-font .sjo-tit p {
display: none;
}

.sjo-font p span {
display: block;
}
}

@media (max-width:991px) {
.info-font p {
height: 40px;
}
}

@media (max-width: 767px) {
.index-one {
padding: 40px 0;
}

.inon-top {
padding-bottom: 20px !important;
}

.int-title .int-right {
display: none;
}

.inon-right {
display: none;
margin-top: 40px;
}

.shangqiao {
background: #e60012 url(../images/white-next.png) no-repeat right 15% center;
}

.sjo-nav .sjo-page {
width: 50%;
}

.sjo-font {
position: static;
left: 0;
top: 0;
transform: translate(0);
height: 70px;
background: #fff;
width: 100%;
padding: 15px 0;
}

.ind-btn .banner-more, .inth-btn .banner-more {
background-size: 14px;
padding: 0 12px;
}
/* */
.index-two {
padding: 40px 0 20px;
}

.int-box {
width: 57%;
}
/* */
.index-three {
padding: 30px 0;
}

.inth-a {
display: none !important;
}

.inth1-a {
display: block !important;
text-align: center;
}

.inf-a {
display: inline-block;
margin-top: 25px;
}

.inf-a a.active {
padding-bottom: 15px;
}

.inth-big {
margin-top: 15px;
}

.inth-li {
width: 100%;
}

.inth-li:first-child {
margin-bottom: 15px;
}

.inth-list .inth-btn .banner-more {
background: #e60012 url(../images/white-next.png) no-repeat right 15% center;
border-bottom: transparent;
background-size: 16px;
color: #fff;
z-index: 5;
}

.inth-big .inth-li:last-child {
padding-left: 0;
}
/* */
.index-four {
padding-bottom: 30px;
}

.info-bottom {
margin: 28px -10px;
}

.info-li {
width: 50%;
}

.info-li:first-child {
width: 100%;
margin-bottom: 20px;
}

/* */
.infv-cont {
padding: 28px 0;
}

.infv-font h2 {
font-size: 24px;
margin-bottom: 10px;
}

.infv-font h3 {
font-size: 14px;
margin-bottom: 12px;
}
}

@media(max-width:640px) {
.int-box {
width: 92%;
}
}
/*===内页banner===*/
.ny-banner {
position: relative;
margin-top: 90px;
}

.ny-banner img {
display: block;
width: 100%;
}

.ny-banner img.ny-app {
display: none;
}

.ny-font {
width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
}

.ny-left {
float: left;
}

.ny-right {
float: right;
}

.ny-title .ny-tit {
font-size: 46px;
color: #e60012;
line-height: 46px;
float: none;
}

.ny-title.joinus .ny-tit {
font-size: 46px;
color: #e60012;
line-height: 46px;
margin-top: -30px;
}

.ny-title .ny-dec {
font-size: 20px;
color: #333;
line-height: 26px;
}

.nav-second {
width: 100%;
height: 50px;
}

.ny-top {
margin-bottom: 32px;
}

.ny-wraptit {
padding-bottom: 32px;
}

.ny-wraptit .tit-line {
height: 30px;
margin-right: 11px;
}

.ny-wraptit .ny-text {
font-size: 30px;
color: #e60012;
line-height: 30px;
display: inline-block;
}

.ny-wraptit .ny-text {
float: left;
}

.pagee {
text-align: center;
position: relative;
}

.pagee a {
display: inline-block;
width: 40px;
height: 40px;
font-size: 16px;
color: #333;
text-align: center;
line-height: 40px;
}

.pagee a:hover, .pagee a.on {
color: #fff;
background: #e60012;
}

.pagee a.prev, .pagee a.next {
font-size: 16px;
margin: 0 25px;
font-weight: bolder;
width: 40px;
height: 40px;
color: #333;
}

.pagee a.lastpage, .pagee a.fistpage {
display: none;
}

.detail-line {
width: 100%;
height: 1px;
background: #ebebeb;
margin: 25px 0;
}

.detail-page {
position: relative;
padding-bottom: 75px;
}

.detail-page .detail-prev {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: block;
margin-right: 100px;
font-size: 16px;
color: #666;
line-height: 28px;
}

.detail-back {
position: absolute;
right: 0;
top: 14px;
font-size: 16px;
line-height: 16px;
color: #666;
transition: all .5s;
}

.detail-page a:hover span {
color: #e60012;
}

.detail-page a:hover.detail-back {
border: 1px solid #e60012;
padding: 15px 42px;
color: #e60012;
}

@media(max-width: 1519px) {
.ny-title .ny-tit {
font-size: 32px;
line-height: 32px;
}

.crumb {
padding: 16px 0 14px;
padding-left: 24px;
}

.crumb a {
font-size: 14px;
padding: 0 6px;
}

.page {
padding-bottom: 38px;
}

.page a {
width: 35px;
height: 35px;
font-size: 14px;
line-height: 35px;
}
}

@media(max-width: 1238px) {
.ny-title .ny-tit {
font-size: 28px;
line-height: 28px;
}

.detail-page {
padding-bottom: 55px;
}
}

@media(max-width: 991px) {
.ny-banner {
margin-top: 60px;
}

.ny-title .ny-tit {
font-size: 28px;
margin-bottom: 15px;
}

.ny-wraptit .ny-text {
font-size: 26px;
line-height: 26px;
}

.ny-wraptit .tit-line {
height: 26px;
margin-right: 8px;
}
}

@media(max-width: 767px) {
.ny-banner img.ny-pc {
display: none;
}

.ny-banner img.ny-app {
display: block;
height: 290px;
}
/* .ny-banner img.ny-app{
height: 240px;
} */
.ny-top {
margin-bottom: 10px;
}

.ny-title .ny-tit {
font-size: 25px;
margin-bottom: 15px;
margin-top: 20px;
}

.ny-title.joinus .ny-tit {
font-size: 25px;
margin-bottom: 15px;
margin-top: 3px;
line-height: 10px;
}

.ny-title.joinus .ny-dec {
width: :80%;
}

.ny-wraptit .tit-line {
height: 23px;
}

.ny-wraptit .ny-text {
font-size: 22px;
line-height: 22px;
}

.detail-page {
padding-bottom: 100px;
}

.detail-page .detail-prev {
margin-right: 0;
font-size: 14px;
}

.detail-back {
right: unset;
top: 51%;
color: #fff;
background: #e60012;
left: 0;
font-size: 14px;
padding: 12px 25px;
}

.tit-line {
width: 3px;
}

.pagee a.prev, .pagee a.next {
margin: 0 15px;
}
}

@media(max-width: 640px) {
.ny-banner img.ny-app {
height: 270px;
}
}

@media(max-width:408px) {
.ny-banner img.ny-app {
height: 240px;
}
}

@media(max-width: 320px) {
.ny-title .ny-tit {
font-size: 22px;
margin-bottom: 15px;
}

.ny-title.joinus .ny-tit {
line-height: 0px;
margin-top: -20px;
}
}
/* ========产品中心========= */
/* */
.pro-font .ny-left {
width: 50.3%;
}

.pro-font img {
width: auto;
/* width: 360px; */
}

.pro-font .ny-right {
width: 37%;
margin-top: 3%;
}

.pro-font .ny-title {
text-align: right;
}

.pro-font .ny-title::before {
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: -49%;
background: url(../images/pro-img1.png) no-repeat center;
background-size: 100%;
}

.pro-font .ny-title::after {
content: '';
position: absolute;
width: 80%;
height: 100%;
right: 0;
bottom: -8%;
background: url(../images/pro-img1.png) no-repeat center;
background-size: 100%;
}

.pro-tit {
float: right;
margin-top: 10px;
margin-bottom: 10px;
}

.pro-tit img {
display: initial;
width: 88.2%;
/* width: 99.2%; */
}

.pro-btn .banner-more {
margin: 0;
float: right;
margin-top: 40px;
}
/* */
.product {
background: #f7f7f7;
padding: 80px 0;
}

.pro-nav {
height: auto;
margin: 0 -24px 78px;
}

.pro-nav .pro-li {
display: block;
float: left;
padding: 10px 100px;
}

.news .pro-nav .pro-li {
width: 25%;
padding: 10px 60px;
}

.product .pro-nav .pro-li {
width: 33.3%;
}

.contact .pro-nav .pro-li {
width: 33.3%;
}

.download .pro-nav .pro-li {
width: 33.3%;
}

.service .pro-nav .pro-li {
width: 33.3%;
}

.pro-li .pro-a {
position: relative;
transition: all .5s;
overflow: hidden;
width: 100%;
display: block;
color: #e60012;
background: #fff;
text-align: center;
font-size: 30px;
height: 120px;
line-height: 120px;
transition: all .3s ease;
/* box-shadow: 0px 0px 10px 0px #ededed;
-webkit-box-shadow:0px 0px 10px 0px #ededed; */
box-shadow: 0px 0px 8px 0px #d6d6d6;
-webkit-box-shadow: 0px 0px 8px 0px #d6d6d6;
}

.pro-li .pro-hide {
display: none;
transition: all .5s ease;
}

.pro-nav a.active .pro-a, .pro-nav a:hover .pro-a {
color: #fff;
background: #e60012;
line-height: 44px;
padding: 20px;
}

.pro-nav a.active .pro-hide, .pro-nav a:hover .pro-hide {
display: block;
margin: 5px auto 0;
}

.product-box {
margin: 0 -25px;
display: none;
}

.product-box.on {
display: block;
}

.product-box .product-item {
display: block;
float: left;
width: 50%;
padding: 0 25px;
margin-bottom: 48px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

.product-box .pro-list {
position: relative;
overflow: hidden;
display: block;
width: 100%;
padding: 30px 44px;
background: #fff;
}

.pro-list .product-pic {
float: right;
width: 290px;
height: 341px;
overflow: hidden;
}

.product-pic img {
width: 100%;
height: 100%;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

.pro-list .product-cont {
position: absolute;
top: 50%;
width: 33%;
transform: translateY(-50%);
}

.pro-list .product-cont .p-tit {
font-size: 22px;
line-height: 30px;
color: #e60012;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
_zoom: 1;
}

.product-cont .p-en {
color: #666;
font-size: 16px;
line-height: 24px;
height: 48px;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
margin-top: 20px;
}

.product-cont .p-cont {
margin-bottom: 15px;
}

.product-item:hover .product-pic img {
-webkit-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03);
}

.product-item:hover .inth-btn .banner-more {
color: #fff;
background: #e60012 url(../images/white-next.png) no-repeat right 22% center;
border-bottom: transparent;
}

.product-item:hover .pro-list {
-webkit-box-shadow: 0 5px 16px 0px rgba(0,0,0,.14);
box-shadow: 0 5px 16px 0px rgba(0,0,0,.14);
}

.pro-tit {
float: right;
margin-top: 10px;
margin-bottom: 10px;
font-family: 'mi';
}

.pro-tit h3 {
color: #333;
font-size: 46px;
font-weight: bold;
}

.pro-tit span {
font-size: 46px;
color: #da261e;
font-weight: bold;
}

@media (max-width: 1519px) {
.pro-nav .pro-li {
padding: 10px 40px;
}

.news .pro-nav .pro-li {
padding: 10px 30px;
}

.pro-font .ny-title .ny-dec {
font-size: 18px;
line-height: 20px;
}

.pro-font img {
width: 300px;
margin-top: 3%;
}

.pro-nav {
height: auto;
}

.pro-li .pro-a {
font-size: 24px;
height: 120px;
line-height: 120px;
}

.pro-nav a.active .pro-a, .pro-nav a:hover .pro-a {
line-height: 30px;
padding: 26px;
}

.pro-nav a.active .pro-hide, .pro-nav a:hover .pro-hide {
margin: 10px auto 0;
width: 28px;
}

.product-box .pro-list {
padding: 25px 35px;
}

.pro-list .product-pic {
width: 220px;
height: 258px;
}

.pro-list .product-cont .p-tit {
font-size: 18px;
line-height: 26px;
}

.product-cont .p-en {
font-size: 14px;
line-height: 22px;
}

.pro-tit h3 {
font-size: 26px;
}

.pro-tit span {
font-size: 30px;
}
}

@media (max-width: 1238px) {
.pro-font .ny-title .ny-dec {
font-size: 15px;
line-height: 22px;
}

.pro-font img {
width: 240px;
}

.pro-font .ny-title::before {
top: -47%;
}

.pro-tit {
margin-bottom: 5px;
}

.pro-btn .banner-more {
margin-top: 22px;
}

.product {
padding: 60px 0;
}

.pro-nav {
margin: 0 -24px 58px;
}

.pro-li .pro-a {
font-size: 22px;
}

.pro-list .product-pic {
width: 200px;
height: 241px;
}

.pro-font .ny-title::before {
top: -44%;
}

.pro-tit h3, .pro-tit span {
font-size: 22px;
line-height: 32px;
}
}

@media (max-width: 991px) {
.pro-font .ny-title .ny-dec {
font-size: 14px;
}

.pro-font .ny-title .ny-tit {
margin-bottom: 5px;
}

.pro-font .ny-title::after {
bottom: -13%;
}

.pro-tit {
margin-bottom: 0;
margin-top: 5px;
}

.pro-btn .banner-more {
margin-top: 8px;
}

.pro-nav {
height: auto;
margin: 0 -24px 50px;
}

.pro-li .pro-a {
font-size: 18px;
height: 90px;
line-height: 90px;
}

.pro-nav a.active .pro-a, .pro-nav a:hover .pro-a {
line-height: 20px;
padding: 18px;
}

.pro-nav a.active .pro-hide, .pro-nav a:hover .pro-hide {
margin: 10px auto 0;
width: 23px;
}

.product-box .pro-list {
padding: 20px 25px;
}

.product-cont .p-en {
margin-top: 15px;
}

.pro-list .product-pic {
width: 160px;
height: 210px;
}

.pro-font .ny-title::after {
bottom: -6%;
}

.pro-tit {
margin-bottom: 0;
margin-top: 5px;
}

.pro-font .ny-title::before {
top: -47%;
}

.pro-font .ny-title .ny-tit {
margin-bottom: 0;
}

.pro-tit h3, .pro-tit span {
font-size: 24px;
}
}

@media (max-width: 767px) {
.news .pro-nav .pro-li {
width: 50%;
padding: 10px 10px;
}

.pro-font {
margin-top: 0%;
}

.pro-font .ny-left {
width: 100%;
display: none;
}

.pro-font .ny-right {
width: 72%;
margin-top: -26%;
float: left;
margin-left: 6%;
}

.pro-font .ny-title {
text-align: left;
}

.pro-font .ny-title .ny-tit {
display: contents;
}

.pro-font .ny-title::before {
top: -53%;
transform: rotate(180deg);
}

.pro-font .ny-title::after {
bottom: -3%;
transform: rotate(180deg);
right: unset;
}

.pro-tit img {
width: 78.2%;
height: 34px;
}

.pro-li .pro-a {
font-size: 16px;
height: 70px;
line-height: 50px;
padding: 10px 0px;
}

.pro-nav a.active .pro-a, .pro-nav a:hover .pro-a {
line-height: 45px;
padding: 0px;
}

.pro-nav a.active .pro-hide, .pro-nav a:hover .pro-hide {
margin: 0px auto 0;
width: 20px;
}

.pro-btn {
margin-top: 10%;
}

.pro-btn .banner-more {
/* margin: 0 auto; */
float: none;
}

.product {
padding: 40px 0;
}

.pro-nav {
margin: 0 -10px 38px;
height: auto;
}

.product .pro-nav .pro-li {
width: 50%;
padding: 15px 5px 0px 10px;
}

.download .pro-nav .pro-li {
padding: 10px 10px;
}

.contact .pro-nav .pro-li {
padding: 10px 10px;
}

.pro-nav .pro-li:last-child {
/* margin-top: 15px;*/
}

.product-box .product-item {
width: 100%;
}

.pro-list .product-pic {
width: 150px;
height: auto;
}

.pro-font .ny-left {
width: 100%;
}

.pro-font .ny-right {
width: 40%;
display: block !important;
margin-top: -100px;
}

.pro-tit h3, .pro-tit span {
font-size: 26px;
}

.pro-font .ny-title .ny-dec {
display: inline-block;
}
}

@media(max-width:640px) {
.pro-font .ny-right {
width: 50%;
display: block !important;
}

.pro-tit h3, .pro-tit span {
font-size: 24px;
}
}

@media(max-width:408px) {
.about-li .abo-a {
font-size: 14px !important;
}

.pro-li .pro-a {
font-size: 14px;
}

.pro-font .ny-right {
width: 100%;
display: block !important;
margin-top: -80px;
}

.pro-font .ny-title::before {
top: -51%;
}

.pro-font .ny-title::after {
bottom: -9%;
}

.pro-btn {
text-align: center;
margin-top: 12px;
}

.pro-btn .banner-more {
/*margin: 0 auto;*/
float: none;
}
}
/* ========产品详情========= */

.proinfo {
margin-top: 90px;
background: #fff;
}
/* */
.proi-one {
padding: 75px 0;
border-bottom: 1px solid #e5e5e5;
}

.proi-one .pir-left {
width: 47.1%;
float: left;
-webkit-box-shadow: 0 0 8px 2px rgba(0,0,0,.14);
box-shadow: 0 0 8px 2px rgba(0,0,0,.14);
}

.proi-one .pir-right {
float: right;
width: 46.8%;
}

.pir-left .int-pic {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
}

.pir-left .int-pic img {
width: 100%;
transition: all .5s;
}

.pir-left .int-pic iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: none;
}

.pir-right {
width: 35.3%;
float: right;
padding: 38px 25px 19px 30px;
}

.pir-right h3 {
font-size: 30px;
color: #e60012;
line-height: 30px;
}

.sh-line {
width: 40px;
height: 2px;
background: #e60012;
margin: 30px 0;
}

.pir-right p {
font-size: 24px;
position: relative;
color: #333;
line-height: 32px;
font-weight: lighter;
}

.proi-btn .banner-more {
margin: 0;
float: left;
margin-top: 40px;
display: none;
}

.banner-more {
margin: 0;
float: left;
margin-top: 40px;
}
/* */
.proi-two {
padding: 75px 0;
}

.prodintro-sec {
margin-top: 10px;
overflow: hidden;
position: relative;
}

.prodintro-sec::before {
content: '';
width: 120px;
height: 100%;
background: #fff;
position: absolute;
left: 50%;
top: 0;
margin-left: -60px;
}

.prodintro-sec::after {
content: '';
width: 1px;
height: 100%;
background: rgba(136,136,136,.5);
position: absolute;
top: 0;
left: 50%;
z-index: 4;
}

.prodintro-row {
margin-bottom: 17px;
}

.prodintro-row .p-item {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #000000;
padding-right: 45px;
float: left;
width: 50%;
position: relative;
padding-left: 15px;
}

.prodintro-row .p-item:last-child {
}

.p-li {
border-bottom: 1px solid rgba(136,136,136,.5);
position: relative;
padding-bottom: 17px;
padding-left: 22px;
}

.p-li p {
height: auto;
}

.prodintro-row .p-item .p-li::before {
content: '';
width: 11px;
height: 11px;
border: 2px solid #999;
position: absolute;
top: 6px;
left: 0;
border-radius: 50%;
transition: all .3s;
}

.p-item:hover .p-li p, .p-item:hover .p-li::before {
color: #e60012;
border-color: #e60012;
cursor: pointer;
}

.charact .prodintro-row {
border-bottom: 1px solid rgba(34,188,173,.3);
}

.charact .prodintro-sec::after {
background: rgba(34,188,173,.3);
}

.prodintro-sec .prodintro-row:last-child {
border-bottom: none;
margin-bottom: 0;
}
/* */
.proi-three {
padding-bottom: 75px;
}

.proi-left {
width: 47.1%;
float: left;
margin-top: 10px;
}

.proi-right {
float: right;
width: 46.8%;
margin-top: 10px;
}

.soli-table {
white-space: nowrap;
}

.soli-table table {
width: 100%;
}

.soli-table th {
text-align: left;
background: #eee;
font-size: 18px;
color: #000000;
font-weight: 400;
text-align: center;
padding: 15px 20px;
border: 1px solid #d2d2d2;
}

.soli-table thead tr:first-child th {
border: transparent;
font-size: 24px;
color: #000000;
background: transparent;
}

.soli-table .proi-tab th:first-child {
width: 12%;
}

.soli-table .proi-tab th:nth-child(2) {
width: 31.2%;
}

.soli-table .proi-tab th:last-child {
width: 56.9%;
}

.soli-table td {
border: solid 1px #e5e5e5;
line-height: 22px;
text-align: center;
font-size: 16px;
color: #000000;
padding: 15px 20px;
font-weight: 400;
}
/* */
.proi-four {
padding-bottom: 75px;
}

.proi-four ul {
margin: 0 -33px;
margin-top: 45px;
}

.proi-four li {
width: 25%;
text-align: center;
padding: 0 33px;
float: left;
}

.proi-four li .proi-pic {
width: 100%;
height: 100%;
overflow: hidden;
}

.proi-four li .proi-pic img {
width: 100%;
transition: all .5s;
}

.proi-four li:hover .proi-pic img {
transform: scale(1.05);
}
/* */
.proi-five {
padding-bottom: 75px;
}

.down-big thead td {
height: 80px;
background: #f7f7f7;
padding: 27px 0;
}

.down-big {
margin-top: 10px;
}

.down-big table {
width: 100%;
}

.down-big span {
display: block;
text-align: left;
color: #333;
font-size: 22px;
line-height: 26px;
padding-left: 30px;
}

.down-big thead td.span1 {
width: 80px;
}

.down-big thead td.span2 {
width: 460px;
}

.down-big thead td.span3 {
width: 200px;
}

.down-big thead td.span4 {
width: 180px;
}

.down-big thead td.span5 {
width: 192px;
}

.down-big tbody tr {
height: 90px;
border-bottom: solid 1px #d6d6d6;
}

.down-big tbody td {
position: relative;
font-size: 16px;
color: #666;
text-align: left;
padding-left: 30px;
}

.down-big tbody td i {
padding-right: 20px;
}

.down-big tbody td i::before {
content: '';
width: 10px;
height: 10px;
position: absolute;
left: 5%;
top: 49%;
background: #e60012;
transform: translateY(-49%);
}

.down-big tbody td a {
background: url(../images/download.png) no-repeat center right 46px;
width: 140px;
height: 46px;
display: block;
font-size: 16px;
color: #666;
line-height: 44px;
text-align: left;
transition: all .5s;
}

.down-big tbody td a:hover {
border-color: transparent;
padding: 0 22px;
background: #e60012 url(../images/downloadh.png) no-repeat center right 22px;
color: white;
}

@media (max-width: 1519px) {
.soli-table {
overflow: auto;
}
}

@media (max-width: 1238px) {
.proi-one, .proi-two {
padding: 55px 0;
}

.proi-three, .proi-four, .proi-five {
padding-bottom: 55px;
}

.pir-right h3 {
font-size: 26px;
line-height: 26px;
}

.pir-right p {
font-size: 20px;
}
}

@media (max-width: 991px) {
.proinfo {
margin-top: 60px;
}

.pir-right {
padding: 15px 0 12px;
}

.sh-line {
margin: 20px 0;
}

.p-li p {
font-size: 14px;
overflow-y: auto;
}

.proi-right, .proi-left {
margin-top: 0;
}

.soli-table thead tr:first-child th {
font-size: 20px;
}

.proi-four ul {
margin: 0 -15px;
}

.proi-four li {
padding: 0 15px;
}

.down-big {
width: 100%;
white-space: nowrap;
overflow: auto;
}

.down-big thead td {
height: 60px;
padding: 16px 0;
}

.down-big span {
font-size: 20px;
}

.down-big tbody td i {
padding-right: 0;
}
}

@media (max-width: 767px) {
.proi-one {
padding: 40px 0;
}

.proi-one, .proi-two {
padding: 35px 0;
}

.proi-three, .proi-five {
padding-bottom: 35px;
}

.proi-four {
padding-bottom: 15px;
}

.proi-one .pir-left {
width: 100%;
}

.proi-one .pir-right {
width: 100%;
padding: 22px 15px 0;
}

.pir-right h3 {
font-size: 22px;
}

.pir-right p {
font-size: 18px;
}

.prodintro-row .p-item {
margin-bottom: 10px;
width: 100%;
padding: 0 15px;
}

.prodintro-row {
margin-bottom: 0;
}

.p-li {
padding-bottom: 10px;
}

.prodintro-sec::before {
display: none;
}

.prodintro-sec::after {
display: none;
}

.prodintro-row .p-item:last-child {
padding-left: 15px;
}

.proi-left, .proi-right {
width: 100%;
}

.proi-right {
margin-top: 20px;
}

.soli-table th {
text-align: left;
}

.proi-four li {
width: 50%;
margin-bottom: 20px;
}

.down-big thead td {
padding: 12px 0;
}

.down-big span {
font-size: 18px;
}

.down-big thead td.span3 {
width: 190px;
}

.down-big tbody td {
font-size: 14px;
}

.down-big tbody td a {
height: auto;
background-size: 16px;
font-size: 14px;
padding: 10px 12px;
padding-left: 8px;
line-height: 30px;
line-height: 14px;
}

.down-big tbody td a:hover {
width: 107px;
border-color: transparent;
font-size: 14px;
padding: 10px 12px;
background: #e60012 url(../images/downloadh.png) no-repeat center right 13px;
color: white;
background-size: 16px;
}
}

/* ========解决方案========= */
/* */
.solu-font .ny-left {
width: 46.7%;
}

.solu-font .ny-title .ny-tit {
margin-bottom: 25px;
}

.solu-font .ny-right {
width: 34.9%;
position: absolute;
right: 12%;
top: -38%;
}

.solu-font .sol-img0 {
background: url(../images/sol-bg0.png) no-repeat right;
}

.solu-font .sol-img0 .sol-img1 {
height: 124px;
position: absolute;
left: 25.2%;
z-index: 11;
}

.solu-font .sol-img0 .sol-img2 {
height: 195px;
position: absolute;
right: 17%;
margin-top: 3.5%;
}

.solu-font .sol-img0 .sol-img3 {
height: 94px;
position: absolute;
left: 35%;
top: 0;
margin-top: 22%;
}
/* */
.solution {
padding: 75px 0 10px;
background: #fff;
border-bottom: 1px solid #dcdcdc;
}

.sol-box {
width: 100%;
}

.sol-box .sol-left {
width: 74.9%;
padding-right: 48px;
float: left;
}

.sol-left ul {
margin: 46px -23px 0;
padding-bottom: 35px;
}

.sol-left li {
width: 50%;
float: left;
padding: 0 23px;
margin-bottom: 40px;
}

.sol-list {
display: block;
width: 100%;
}

.sol-pic {
width: 100%;
overflow: hidden;
}

.sol-pic img {
display: block;
width: 100%;
height: 280px;
transition: all .5s;
}

.sol-font {
transition: all .5s;
padding: 17px 20px 13px;
background: #fff;
-webkit-box-shadow: 0 0px 11px 0px rgba(0,0,0,.14);
box-shadow: 0 0px 11px 0px rgba(0,0,0,.14);
}

.sol-font h3 {
margin-bottom: 12px;
font-size: 24px;
color: #333;
line-height: 30px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
background: url(../images/black-next.png) no-repeat right center;
}

.sol-font span {
display: block;
font-size: 16px;
color: #666;
line-height: 20px;
padding-right: 30px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-family: arial;
}

.sol-list:hover img {
transform: scale(1.05);
}

.sol-list:hover h3 {
color: #e60012;
background-image: url(../images/red-next.png);
}

.sol-box .sol-right {
width: 25.1%;
float: right;
padding-left: 44px;
padding-bottom: 200px;
border-left: 1px solid #e9e9e9;
}

.sol-right h3 {
font-size: 24px;
color: #333;
line-height: 24px;
padding-bottom: 30px;
border-bottom: 1px solid #dcdcdc;
}

.sol-right .solr-bot {
margin-top: 30px;
}

.solr-bot h4 {
font-size: 20px;
color: #333;
line-height: 20px;
font-weight: lighter;
margin-bottom: 18px;
}

.solr-bot p {
font-size: 16px;
color: #666;
font-weight: lighter;
line-height: 32px;
}

.solr-bot p.solr-address {
line-height: 24px;
}

.sol-right .solr-code {
width: 100%;
margin-top: 30px;
}

.solr-code ul {
margin: 0 -12px;
}

.solr-code ul li {
width: 33.3333333%;
float: left;
padding: 0 12px;
}

.solr-code li img {
width: 100%;
padding: 4px;
border: 1px solid #f3f3f3;
}

.solr-code li p {
font-size: 14px;
color: #333;
text-align: center;
margin-top: 10px;
}

@media (max-width: 1519px) {
.solu-font .ny-title .ny-dec {
font-size: 18px;
}

.sol-pic img {
height: 225px;
}

.sol-font h3 {
font-size: 18px;
line-height: 24px;
background-size: 18px;
margin-bottom: 8px;
}

.sol-font span {
font-size: 14px;
}
}

@media (max-width: 1238px) {
.solu-font .ny-title .ny-dec {
font-size: 16px;
}

.solu-font .ny-title .ny-tit {
margin-bottom: 12px;
}

.solution {
padding: 55px 0 10px;
}

.sol-box .sol-left {
padding-right: 30px;
}

.sol-box .sol-right {
padding-left: 30px;
}

.sol-right .solr-bot {
margin-top: 25px;
}
}

@media (max-width: 991px) {
.solu-font .ny-left {
width: 51%;
}

.sol-box .sol-left {
width: 100%;
padding-right: 0;
}

.sol-left ul {
padding-bottom: 20px;
}

.solr-bot h4 {
margin-bottom: 12px;
}

.sol-box .sol-right {
width: 100%;
padding-left: 0;
border-left: 0;
padding-bottom: 20px;
}

.solr-code ul li {
width: 33.3% !important;
text-align: center;
}

.solr-code li img {
width: auto;
}
}

@media (max-width: 767px) {
.solu-font .ny-title .ny-tit {
margin-bottom: 10px;
}

.solu-font {
margin-top: -20%;
}

.solu-font .ny-title .ny-dec {
font-size: 13px;
line-height: 18px;
}

.solu-font .ny-left {
width: 100%;
}

.solu-font .ny-right {
display: none;
}

.solution {
padding: 35px 0;
}

.sol-pic img {
height: 112px;
}

.sol-left ul {
margin: 15px -7.5px 0;
padding-bottom: 10px;
}

.sol-left li {
width: 50%;
padding: 0 7.5px;
margin-bottom: 15px;
}

.sol-font h3 {
font-size: 16px;
line-height: 20px;
margin-bottom: 7px;
color: #e60012;
background-size: 13px;
padding-right: 16px;
}

.sol-font span {
font-size: 12px;
background-size: 15px;
}

.sol-font {
padding: 10px 15px;
}

.sol-box .sol-right {
padding-bottom: 0;
}
}


/* =========解决方案详情==========*/
.solinfo {
margin-top: 160px;
background: #fff;
border-bottom: 1px solid #dcdcdc;
}

.solinfo h2 {
font-size: 36px;
color: #e60012;
line-height: 36px;
text-align: center;
margin-bottom: 50px;
}
/* */
.soli-one {
padding-bottom: 0px;
}

.soli-scroll p {
margin-bottom: 10px;
font-size: 17px;
color: #666;
line-height: 28px;
}

.soli-scroll {
height: auto;
padding-right: 20px;
/* overflow-y: auto;*/
}

.soli-scroll img {
max-width: 100%;
}

.soli-scroll::-webkit-scrollbar {
width: 3px;
background: #eee repeat-y center;
}

.soli-scroll::-webkit-scrollbar-thumb {
background: #e60012 repeat-y center;
border-radius: 10px;
}
/* */
.soli-two {
padding-bottom: 60px;
}

.soli-two .soli-pro {
width: 49.9%;
margin: 0 auto;
}

.jqzoom {
background: white;
position: relative;
padding: 0px;
cursor: pointer;
margin: 0px;
display: block;
width: 100%;
height: 100%;
overflow: hidden;
border: 1px solid #e5e5e5;
}

.jqzoom img {
width: 100%;
height: 100%;
}

.zoomdiv {
z-index: 100;
position: absolute;
top: 0px;
left: 0px;
width: 368px;
height: 368px;
background: #ffffff;
display: none;
text-align: center;
overflow: hidden;
}

.jqZoomPup {
z-index: 10;
visibility: hidden;
position: absolute;
top: 0px;
left: 0px;
border: 1px solid #aaa;
background: #ffffff;
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
filter: alpha(Opacity=50);
}
/* */
.soli-three {
}

.soli-three ul {
margin: 0 -33px;
margin-top: 45px;
}

.soli-three li {
width: 25%;
text-align: center;
padding: 0 33px;
float: left;
position: relative;
}

.soli-three li::after {
position: absolute;
content: '';
background: url(../images/soli-bgimg.png) no-repeat center;
width: 45px;
height: 18px;
top: 45%;
right: -6.5%;
opacity: 1;
-webkit-animation: surface 2s linear;
animation: surface 2s linear;
-webkit-animation-delay: 750ms;
animation-delay: 750ms;
}

.soli-three li:last-child::after {
display: none;
}

@keyframes surface {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

@keyframes surface {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

.soli-three li .soli-li {
}

.soli-three li .soli-pic {
width: 100%;
height: 100%;
overflow: hidden;
border: 1px solid #e5e5e5;
transition: all .5s;
}

.soli-three li .soli-pic img {
width: 100%;
transition: all .5s;
}

.soli-li .soli-pit {
font-size: 18px;
height: 50px;
overflow-y: auto;
color: #333;
text-align: center;
margin-top: 20px;
}

.soli-three li:hover .soli-pic {
border: 1px solid #e60012;
}

.soli-three li:hover .soli-pic img {
transform: scale(1.05);
}

@media (max-width: 1519px) {
.soli-three li::after {
top: 36%;
right: -9.5%;
}

.solinfo {
margin-top: 140px;
}
}

@media (max-width: 1238px) {
.solinfo h2 {
font-size: 32px;
margin-bottom: 40px;
}

.soli-scroll p {
font-size: 16px;
margin-bottom: 10px;
}

.soli-li .soli-pit {
margin-top: 15px;
font-size: 16px;
height: 38px;
overflow-y: auto;
}
}

@media (max-width: 991px) {
.solinfo {
margin-top: 110px;
}

.soli-scroll {
height: auto;
}

.soli-scroll p {
font-size: 15px;
line-height: 24px;
}

.soli-one {
padding-bottom: 42px;
}

.soli-two {
padding-bottom: 52px;
}

.soli-li .soli-pit {
margin-top: 10px;
}
}

@media (max-width: 767px) {
.solinfo {
margin-top: 100px;
}

.solinfo h2 {
font-size: 28px;
margin-bottom: 30px;
}

.soli-scroll {
height: auto;
}

.soli-scroll p {
font-size: 14px;
line-height: 22px;
}

.soli-one {
padding-bottom: 24px;
}

.soli-two {
padding-bottom: 30px;
}

.soli-two .soli-pro {
width: 76%;
}

.soli-three ul {
margin-top: 25px;
}

.soli-three li {
width: 50%;
}

.soli-three li:nth-child(2)::after {
display: none;
}

.soli-li .soli-pit {
font-size: 14px;
height: 38px;
overflow-y: auto;
margin-bottom: 10px;
}

.soli-three li::after {
top: 28%;
right: -6.5%;
}
}

@media(max-width:510px) {
.soli-three li::after {
top: 28%;
right: -8.5%;
}
}

@media(max-width:320px) {
.soli-three li::after {
top: 28%;
right: -14.5%;
}
}

/* =======新闻中心========= */
/* */
.new-font .ny-left {
width: 37.9%;
}

.new-font .ny-title .ny-tit {
margin-bottom: 25px;
}

.new-font .ny-title .ny-dec {
font-size: 40px;
color: #222;
font-weight: lighter;
}
/* */
.news {
padding: 80px 0;
background: #fff;
border-bottom: 1px solid #dcdcdc;
}
/* */
.news-box {
display: none;
}

.news-box.on {
display: block;
}

.news-li {
padding-bottom: 50px;
border-bottom: 1px solid #dcdcdc;
}

.news-list {
width: 100%;
overflow: hidden;
display: block;
}

.news-pic {
width: 39.3%;
float: left;
overflow: hidden;
}

.news-pic img {
width: 100%;
height: 100%;
transition: all .5s;
}

.news-font {
width: 60.7%;
padding-left: 5%;
float: right;
background: #fff;
position: relative;
overflow: hidden;
}

.news-list:hover img {
transform: scale(1.05);
}

.news-box .news-cont {
width: 100%;
background: white;
overflow: hidden;
margin: 15px 0 20px;
}

.news-cont .inth-li {
margin: 30px 0;
}

.news-cont div.inth-li:nth-child(odd) {
padding-right: 2%;
}

.news-cont div.inth-li:nth-child(even) {
padding-left: 2%;
}

@media(max-width: 1519px) {
.new-font .ny-title .ny-dec {
font-size: 30px;
}
}

@media(max-width: 1238px) {
.new-font .ny-title .ny-dec {
font-size: 26px;
}

.news {
padding: 60px 0;
}
}

@media(max-width: 991px) {
.new-font .ny-title .ny-tit {
margin-bottom: 15px;
}

.new-font .ny-title .ny-dec {
font-size: 24px;
}
}

@media(max-width: 767px) {
.news {
padding: 40px 0;
}

.new-font .ny-left {
width: 100%;
margin-top: -37%;
}

.new-font .ny-title .ny-dec {
font-size: 20px;
}

.news-pic {
width: 100%;
}

.news-font {
width: 100%;
padding-left: 0;
}

.news-cont div.inth-li:nth-child(even) {
padding-left: 0;
}

.news-li {
padding-bottom: 40px;
}
}

/* ======新闻详情======= */
.newsinfo {
padding: 160px 0 0;
background: #fff;
border-bottom: 1px solid #dcdcdc;
}

.newinfo-box {
width: 100%;
}

.newinfo-left {
float: left;
width: 70.9%;
}

.newinfo-left h3 {
font-size: 30px;
color: #e60012;
margin-bottom: 20px;
}

.newinfo-left p {
font-size: 16px;
color: #666;
line-height: 32px;
}

.newinfo-left img {
width: 100%;
}

.newinfo-left .nl-time {
color: #999;
}

.nl-time span {
display: inline-block;
font-size: 16px;
padding-right: 20px;
}

.newinfo-left .new-line {
margin: 42px 0;
width: 100%;
height: 1px;
background: #e5e5e5;
}

.newi-bot {
width: 94%;
margin: 40px auto;
}

.newinfo-left .newi-ul {
margin: 0 -14px;
}

.newi-ul .newi-li {
width: 50%;
text-align: center;
padding: 0 14px;
float: left;
}

.newi-li .newinfo-pic {
width: 100%;
height: 100%;
overflow: hidden;
}

.newi-li:hover .newinfo-pic img {
width: 100%;
transition: all .5s;
}

.newi-li:hover .newinfo-pic img {
transform: scale(1.05);
}

.newinfo-left .detail-back {
position: absolute;
width: 160px;
height: 52px;
text-align: left;
right: 83.5%;
top: 0;
border: 1px solid #e60012;
text-align: center;
line-height: 52px;
color: #e60012;
transition: all .5s;
}

.newinfo-left a:hover.detail-back {
background: #e60012;
border-color: transparent;
color: #fff;
}

.newinfo-left .newi-bottom {
position: relative;
}

.info-share {
float: right;
margin: 6px 0;
}

.info-share span {
float: left;
line-height: 40px;
color: #666;
font-size: 14px;
}

.info-share .newi-share a {
margin-left: 8px;
width: 32px;
height: 32px;
border-radius: 50%;
float: left;
padding-left: 0;
}

.info-share .newi-share {
float: left;
padding: 4px 0;
margin-left: 8px;
}

.info-share .icon-share {
width: 20px;
height: 20px;
}

.info-share .newi-share a.bshare-sinaminiblog {
background: url(../images/wb-icon.png) no-repeat center;
}

.info-share .newi-share a.bshare-weixin {
background: url(../images/wx-icona.png) no-repeat center;
}

.info-share .newi-share a.bshare-qqim {
background: url(../images/qq-icon.png) no-repeat center;
}

.info-share .newi-share a.bshare-qzone {
background: url(../images/qzone-icon.png) no-repeat center;
}

.info-share .newi-share a.bshare-bgoogle {
background: url(../images/bd-icon.png) no-repeat center;
}

.newinfo-right {
float: right;
width: 23.7%;
}

.newinfo-right h3 {
font-size: 20px;
font-weight: bold;
color: #111;
}

.news-bot {
}

.news-bot img {
width: 100%;
}

.news-bot h3 {
font-size: 20px;
line-height: 20px;
color: #333;
border-left: solid 3px #e60012;
padding-left: 10px;
margin-bottom: 30px;
}

.bot-list {
display: block;
overflow: hidden;
padding: 15px 0;
border-bottom: solid 1px #d8d8d8;
}

.bot-list:last-child {
border-bottom: none;
}

.bot-font {
float: left;
}

.bot-font span {
display: block;
font-size: 16px;
color: #666;
line-height: 20px;
margin-bottom: 10px;
font-family: 'dim';
}

.bot-font p {
font-size: 16px;
line-height: 24px;
color: #666;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}

.bot-list:hover img {
transform: scale(1.05);
}

.bot-list:hover p {
color: #e60012;
}

@media(max-width:1519px) {
.newinfo-left .detail-back {
right: 76%;
left: 0;
}
}

@media(max-width: 1238px) {
.newsinfo {
padding: 140px 0 0;
}

.newinfo-left h3 {
font-size: 26px;
margin-bottom: 25px;
}

.newinfo-left p {
font-size: 14px;
line-height: 24px;
}

.pre-page {
padding: 15px 22px 15px 15px;
}

.news-right h3 {
font-size: 18px;
}

.pri-prev p {
font-size: 16px;
line-height: 26px;
}

.pri-prev span {
font-size: 14px;
margin-top: 18px;
}

.bot-font span {
margin-bottom: 5px;
}

.bot-font p {
font-size: 14px;
line-height: 22px;
}

.bot-pic {
height: auto;
}

.news-share {
padding: 15px 15px 15px;
}
}

@media(max-width: 991px) {
.newsinfo {
padding: 110px 0 0;
}

.newinfo-left h3 {
font-size: 24px;
margin-bottom: 20px;
}

.nl-time span {
font-size: 14px;
}

.newinfo-left .new-line {
margin: 32px 0;
}

.newinfo-left {
width: 100%;
}

.newinfo-right {
width: 100%;
margin-bottom: 42px;
}

.news-bot img {
width: 100%;
}
}

@media(max-width: 767px) {
.news-left {
margin-bottom: 40px;
}

.newinfo-left h3 {
font-size: 20px;
margin-bottom: 12px;
line-height: 32px;
}

.newinfo-left .detail-back {
width: 110px;
height: auto;
top: -20%;
padding: 10px 15px;
color: #fff;
line-height: 16px;
}

.info-share {
float: left;
margin: 40px 0 0;
}

.newinfo-left .detail-page {
padding-bottom: 40px;
}
}

/* =======加入我们========= */
/* */
.join-font .ny-left {
width: 37.9%;
position: absolute;
top: 25%;
transform: translateY(-25%);
}

.join-font .ny-title .ny-tit {
margin-bottom: 25px;
}

.join-font .ny-title.joinus .ny-tit {
margin-bottom: 15px;
}

.join-font .ny-title .ny-dec {
font-size: 40px;
color: #222;
font-weight: lighter;
}

.ny-title.joinus .ny-dec {
font-size: 40px;
color: #222;
font-weight: lighter;
line-height: 55px;
}
/* */
.join {
padding: 80px 0;
background: #fff;
border-bottom: 1px solid #dcdcdc;
}

.join-cont {
width: 100%;
}

.join-cont .join-left {
width: 74.9%;
padding-right: 48px;
float: left;
}

.join-cont .join-left .pro-nav .pro-li {
width: 33.3%;
padding: 10px 40px;
}

@media (max-width:1519px) {
.join-cont .join-left .pro-nav .pro-li {
padding: 10px 20px;
}
}

@media (max-width: 767px) {
.join-cont .join-left .pro-nav .pro-li {
width: 50%;
}
}

.join-left .join-box {
display: none;
}

.join-left .join-box.on {
display: block;
margin-bottom: 30px;
}

.join-box .hrBoxR {
width: 100%;
margin: 32px 0 0;
}

.hrBoxR .hrInfo {
width: 100%;
border: 1px solid #dcdcdc;
background-color: #FFF;
margin-bottom: 20px;
}

.hrBoxR .hrInfo .infoTitle {
width: 100%;
height: 118px;
position: relative;
cursor: pointer;
padding: 31px 30px;
}

.hrBoxR .hrInfo .infoTitle h4 {
font-size: 20px;
line-height: 20px;
color: #333;
}

.hrBoxR .hrInfo .infoTitle h6 {
font-size: 16px;
color: #666;
line-height: 16px;
margin-top: 16px;
}

.hrBoxR .hrInfo .infoTitle h6 span:first-child {
padding-right: 16px;
border-right: 1px solid #c5c5c5;
}

.hrBoxR .hrInfo .infoTitle h6 span:last-child {
padding-left: 14px;
}

.hrBoxR .hrInfo:last-child {
margin-bottom: 0;
}

.join-tig {
position: absolute;
width: 40px;
height: 40px;
top: 50%;
right: 3%;
transform: translateY(-50%);
border: 1px solid #999;
border-radius: 50%;
transition: all .3s;
}

.join-tig::after {
width: 18px;
height: 2px;
background: #999;
position: absolute;
content: '';
left: 25%;
top: 50%;
margin-top: -1px;
}

.join-tig::before {
width: 2px;
height: 18px;
background: #999;
position: absolute;
content: '';
left: 50%;
margin-left: -1px;
top: 50%;
margin-top: -8px;
}

.hrInfo.open .join-tig {
border: 1px solid #e60012;
}

.hrInfo.open .join-tig::before {
opacity: 0;
}

.hrInfo.open .join-tig::after {
background: #e60012;
}

.hrInfo.open .join-bot {
display: block;
}

.hrBoxR .hrInfo .hrInfos {
padding-bottom: 15px;
display: none;
border-top: 1px solid #e1e1e1;
padding: 48px 30px;
}

.hrBoxR .hrinfo-right {
display: inline-flex;
}

.hrBoxR .hrinfo-right .apply-btn {
padding: 18px 48px;
background: #fff;
font-size: 16px;
color: #e60012;
border: 1px solid #e60012;
}

.hrBoxR .apply-btn:hover {
background: #e60012;
color: #fff;
}

.hrBoxR .apply-btn:last-child {
margin-left: 20px;
}

.hrBoxR .hrInfo .hrInfos .hrinfo-bottom {
width: 100%;
}

.hrinfo-bottom .join-txt {
margin-bottom: 40px;
}

.hrInfos .hrinfo-bottom h5 {
font-size: 16px;
color: #333;
line-height: 30px;
}

.hrInfos .hrinfo-bottom p {
line-height: 30px;
font-size: 14px;
color: #666;
}

.join-cont .join-right {
width: 25.1%;
float: right;
padding-left: 44px;
padding-bottom: 200px;
border-left: 1px solid #e9e9e9;
}

@media (max-width: 1600px) {
.join-font .ny-title .ny-dec {
font-size: 30px;
}

.ny-title.joinus .ny-dec {
font-size: 30px;
line-height: 40px;
}

.join-img0 {
width: 64%;
float: right;
}
}

@media (max-width: 1238px) {
.join-font .ny-title .ny-dec {
font-size: 28px;
}

.join {
padding: 60px 0;
}

.join-box .hrBoxR {
margin: 0;
}

.join-cont .join-right {
padding-bottom: 55px;
}
}

@media (max-width: 991px) {
.join-font .ny-title .ny-tit {
margin-bottom: 15px;
}

.join-font .ny-title .ny-dec {
font-size: 24px;
}

.join-cont .join-left {
width: 100%;
padding-right: 0;
}

.hrBoxR .hrInfo .infoTitle {
height: 100px;
padding: 26px 25px;
}

.join-cont .join-right {
width: 100%;
padding-left: 10px;
margin-top: 30px;
border-left: none;
padding-bottom: 0;
}

.hrBoxR .hrinfo-right .apply-btn {
padding: 12px 30px;
}
}

@media (max-width: 767px) {
.join-font .ny-left {
width: 100%;
margin-top: -22%;
}

.join-font .ny-right {
display: none;
}

.join-img0 {
width: 35%;
}

.join-font .ny-title .ny-dec {
font-size: 18px;
}

.ny-title.joinus .ny-dec {
line-height: 30px;
width: 80%;
}

.join {
padding: 40px 0;
}

.join .pro-nav .pro-li:last-child {
margin-top: 0;
}

.hrBoxR .hrInfo .infoTitle {
height: auto;
padding: 14px 14px;
}

.join-tig {
width: 32px;
height: 32px;
}

.join-tig::before {
width: 1px;
height: 16px;
}

.join-tig::after {
width: 16px;
height: 1px;
}

.hrBoxR .hrInfo .infoTitle h4 {
font-size: 18px;
}

.hrBoxR .hrInfo .infoTitle h6 {
font-size: 14px;
margin-top: 10px;
}

.hrinfo-bottom .join-txt {
margin-bottom: 20px;
}

.hrInfos .hrinfo-bottom p {
line-height: 26px;
}

.hrBoxR .hrInfo .infoTitle i {
right: 12px;
}

.hrinfo-top .hrinfo-left {
width: 100%;
}

.hrBoxR .hrInfo .hrInfos {
padding: 25px 15px 16px;
}

.hrBoxR .hrinfo-right .apply-btn {
padding: 10px 25px;
}
}

/* =======走进盛雄========= */
/* ======走进盛雄-公司介绍====== */
/* */
.ab-font .ny-left {
width: 100%;
}

.ny-left .ny-bot {
width: 100%;
}

.ny-bot ul {
padding-top: 50px;
}

.ny-bot li {
width: 20%;
float: left;
}

.nyab-font {
}

.nyab-font h3 {
height: 60px;
color: #e60012;
overflow: hidden;
font-size: 24px;
}

.nyab-font h3 span {
font-size: 50px;
font-family: 'din';
}

.nyab-font p {
font-size: 18px;
color: #333;
line-height: 20px;
}
/* */
.about {
padding: 75px 0;
background: #fff;
border-bottom: 1px solid #dcdcdc;
}

.abo-nav {
height: 100px;
margin: 0 -25px 78px;
}

.abo-nav .about-li {
display: block;
float: left;
width: 20%;
padding: 0 25px;
}

.about-li .abo-a {
position: relative;
transition: all .5s;
overflow: hidden;
width: 100%;
display: block;
color: #e60012;
background: #fff;
text-align: center;
font-size: 30px;
height: 100px;
line-height: 100px;
transition: all .3s ease;
/* box-shadow: 0px 0px 10px #f1f1f1;
-webkit-box-shadow:0px 0px 10px #f1f1f1; */
box-shadow: 0px 0px 10px #d6d6d6;
-webkit-box-shadow: 0px 0px 10px #d6d6d6;
}

.abo-nav a.active .abo-a, .abo-nav a:hover .abo-a {
color: #fff;
background: #e60012;
}

.abo-big {
height: 500px;
position: relative;
}

.abo-left {
padding: 56px 54px;
width: 49.9%;
height: 388px;
position: absolute;
left: 0;
top: 14%;
background: white;
z-index: 33;
box-shadow: -1px 0px 5px 0px #d6d6d6;
-webkit-box-shadow: -1px 0px 5px 0px #d6d6d6;
}

.abo-left h3 {
margin-bottom: 26px;
font-size: 24px;
color: #e60012;
line-height: 24px;
position: relative;
}

.abo-p p {
font-size: 16px;
color: #777;
line-height: 28px;
}

.abo-p {
height: 278px;
overflow-y: auto;
}

.abo-p::-webkit-scrollbar {
width: 2px;
background-color: #ededed;
}

.abo-p::-webkit-scrollbar-thumb {
background-color: #e60012;
border-radius: 10px;
}

.abo-right {
width: 55.4%;
height: 484px;
overflow: hidden;
position: absolute;
right: 0;
top: 25px;
z-index: 22;
}

.abo-right img {
display: block;
width: 100%;
height: 100%;
}

.appli-list {
display: block;
width: 100%;
overflow: hidden;
position: relative;
}

.mapp-pic {
width: 100%;
overflow: hidden;
}

.mapp-pic::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .5) url(../images/index-bofan.png)no-repeat center;
left: 0;
}

.mapp-pic img {
display: block;
width: 100%;
transition: all .5s;
}

.msg-box-bg {
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
display: none;
z-index: 10001;
background: rgba(0,0,0,0.5);
}

.msg-box {
width: 860px;
height: 524px;
padding: 50px;
background-color: #F3F3F3;
position: absolute;
left: 50%;
margin-left: -430px;
top: 0;
margin-top: -262px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.msg-box .close-box {
width: 32px;
height: 32px;
font-size: 30px;
color: #666;
cursor: pointer;
position: absolute;
right: 10px;
top: 10px;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.msg-box .close-box:hover {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}

.appli-list:hover .mapp-tx img {
transform: scale(1.05);
}

@media (max-width: 1519px) {
.ny-bot ul {
padding-top: 25px;
}

.nyab-font h3 span {
font-size: 42px;
}

.nyab-font h3 {
height: 52px;
}

.nyab-font h3 {
font-size: 20px;
}

.nyab-font p {
font-size: 16px;
}

.abo-nav {
height: 80px;
margin: 0 -25px 48px;
}

.about-li .abo-a {
height: 80px;
line-height: 80px;
font-size: 22px;
}

.abo-left {
height: auto;
padding: 36px 44px;
top: 10%;
}

.abo-left h3 {
margin-bottom: 20px;
font-size: 22px;
}

.abo-p {
height: 195px;
}

.abo-p p {
font-size: 15px;
line-height: 24px;
}

.abo-right {
height: auto;
}

.abo-big {
height: 365px;
}
}

@media (max-width: 1238px) {
.about {
padding: 55px 0 0;
}

.abo-nav {
margin-bottom: 32px;
}

.about-li .abo-a {
font-size: 20px;
}

.abo-big {
margin-bottom: 55px;
}

.abo-p p {
font-size: 14px;
}
}

@media (max-width: 991px) {
.ny-bot ul {
padding-top: 0px;
}

.nyab-font h3 {
height: 36px;
}

.nyab-font h3 span {
font-size: 30px;
}

.nyab-font p {
font-size: 15px;
}

.abo-left {
padding: 28px 32px;
}

.abo-left h3 {
margin-bottom: 18px;
font-size: 18px;
}

.abo-p {
height: 148px;
}

.abo-big {
height: 293px;
}

.msg-box {
width: 94%;
left: 3%;
margin-left: 0;
}
}

@media (max-width: 767px) {
.service .pro-nav .pro-li {
padding: 10px 10px;
}

.about {
padding: 35px 0 0;
}

.ab-font {
margin-top: 5%;
}

.ab-font .ny-left {
text-align: center;
}

.ny-bot li {
width: 33.3333333%;
margin-bottom: 20px;
text-align: center;
}

.ny-bot li:nth-child(4), .ny-bot li:last-child {
width: 50%;
text-align: center;
}

.nyab-font h3 span {
font-size: 28px;
}

.nyab-font p {
font-size: 14px;
margin-top: 5px;
}

.nyab-font h3 {
height: auto;
font-size: 16px;
}

.abo-nav {
height: auto;
margin: 0 -10px 15px;
}

.about-li .abo-a {
font-size: 18px;
}

.abo-nav .about-li {
width: 33.3%;
padding: 0 10px;
margin-bottom: 10px;
}

.abo-big {
height: auto;
}

.abo-left {
position: static;
width: 100%;
}

.abo-right {
height: auto;
position: static;
width: 100%;
margin-top: 30px;
}

.msg-box {
height: 300px;
padding: 15px;
}

.msg-box .close-box {
width: 20px;
height: 20px;
right: 0px;
line-height: 20px;
top: 0;
text-align: center;
font-size: 20px;
}
}
/* ======走进盛雄-企业文化====== */
.culture-box {
width: 100%;
}

.culture-box .cult-one {
}

.cult-one ul {
}

.cult-one ul li {
width: 33.3333333%;
float: left;
background: #e60012;
}

.cult-one li .cult-bot {
margin: 30px 0 25px;
padding: 0 55px;
border-right: 3px solid rgba(255, 255, 255, 0.3);
}

.cult-bot h3 {
font-size: 30px;
color: #fff;
margin-bottom: 20px;
text-align: center;
}

.cult-bot p {
font-size: 16px;
color: #fff;
text-align: center;
padding-bottom: 15px;
}

.culture-box .cult-two {
}

.cult-two ul {
margin: 0 -35px;
}

.cult-two ul li {
width: 33.3333333%;
float: left;
padding: 0 35px;
margin-top: 30px;
}

.cult-two li .cult-cont {
padding: 30px;
border: 1px solid rgba(191, 191, 191, 0.52);
}

.cult-cont .cult-num {
font-size: 14px;
text-align: center;
color: #fff;
background: url(../images/cult-bg1.png) no-repeat center;
}

.cult-cont h3 {
font-size: 24px;
color: #333;
text-align: center;
position: relative;
margin-top: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #e5e5e5;
}

.cult-cont p {
font-size: 16px;
color: #777;
text-align: center;
margin: 15px 0 0;
}

.cult-cont h3::after {
content: '';
width: 0;
height: 1.5px;
background: #e60012;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all .8s;
-o-transition: all .8s;
transition: all .8s;
}

.cult-two li:hover h3::after {
width: 100%;
}

@media (max-width: 1519px) {
.cult-bot p {
height: 59px;
}

.cult-cont p {
height: 44px;
}

.culture-box .cult-two {
padding-bottom: 55px;
}
}

@media (max-width: 1238px) {
}

@media (max-width: 991px) {
.abo-nav {
margin: 0 -12px 30px;
}

.abo-nav .about-li {
padding: 0 12px;
}

.cult-bot h3 {
font-size: 24px;
margin-bottom: 15px;
}

.cult-bot p {
font-size: 14px;
height: 44px;
}

.cult-one li .cult-bot {
padding: 0 20px;
}

.cult-two ul {
margin: 0 -10px;
}

.cult-two ul li {
padding: 0 10px;
}

.cult-two li .cult-cont {
padding: 20px;
}

.cult-cont h3 {
font-size: 20px;
margin-top: 12px;
}

.cult-cont p {
font-size: 14px;
margin: 10px 0 0;
}

.cult-cont p {
height: 38px;
}
}

@media (max-width: 767px) {
.cult-one ul li {
width: 100%;
}

.cult-one li .cult-bot {
padding: 0 10px;
margin: 20px 0 18px;
border-right: transparent;
;
}

.cult-bot h3 {
font-size: 22px;
margin-bottom: 12px;
}

.cult-bot p {
height: 26px;
}

.cult-two ul li {
width: 100%;
}

.cult-two li .cult-cont {
padding: 12px;
}

.cult-cont h3 {
font-size: 18px;
}

.cult-cont p {
height: 40px;
overflow-y: auto;
}

.culture-box .cult-two {
padding-bottom: 40px;
}
}
/* ======走进盛雄-发展历程====== */
.path-box {
position: relative;
z-index: 1;
}

.path-box::before {
content: '';
width: 1px;
background: #c4c4c4;
position: absolute;
left: 12.7%;
top: 0;
bottom: 0;
z-index: -1;
}

.develop-item span {
float: left;
width: 10%;
font-size: 22px;
color: #e60012;
text-align: right;
}

.develop-cont {
margin-left: 16%;
margin-bottom: 40px;
position: relative;
border-bottom: 1px solid #c4c4c4;
padding-bottom: 40px;
}

.develop-month {
border-bottom: 1px solid #c4c4c4;
padding-bottom: 38px;
margin-top: 40px;
}

.develop-month:first-child {
margin-top: 27px;
}

.develop-month:last-child {
border-bottom: none;
padding-bottom: 0;
}

.develop-month .p-tit {
font-size: 18px;
line-height: 32px;
color: #333;
position: relative;
}

.develop-month .p-tit::before {
content: '';
width: 32px;
height: 32px;
background: url(../images/path-img1.png) no-repeat center;
position: absolute;
left: -63px;
top: 0;
}

.develop-month .p-des {
font-size: 16px;
line-height: 26px;
color: #666;
margin-top: 7px;
}

.develop-month .p-des img {
margin-top: 13px;
max-width: 100%;
}

.develop-more {
height: 32px;
margin-left: 11.5%;
}

.btn-develop {
display: inline-block;
width: 32px;
height: 32px;
background: url(../images/path-img2.png) no-repeat center #fff;
cursor: pointer;
}

@media (max-width: 1519px) {
.develop-item span {
font-size: 20px;
}

.develop-month .p-tit::before {
left: -6%;
}

.path-box {
margin-bottom: 55px;
}
}

@media (max-width: 1238px) {
.develop-item span {
font-size: 19px;
}

.develop-cont {
margin-bottom: 30px;
padding-bottom: 30px;
}

.develop-more {
margin-left: 11%;
}
}

@media (max-width: 991px) {
.develop-month .p-tit::before {
width: 24px;
height: 24px;
background-size: 24px;
}

.develop-item span {
font-size: 18px;
}

.develop-more {
height: 26px;
}

.btn-develop {
width: 26px;
height: 26px;
background-size: 26px;
}
}

@media (max-width: 767px) {
.develop-item span {
font-size: 15px;
}

.path-box::before {
left: 20.4%;
}

.develop-month .p-tit::before {
width: 20px;
height: 20px;
background-size: 20px;
}

.develop-item span {
width: 16%;
}

.develop-cont {
margin-left: 22%;
margin-bottom: 18px;
padding-bottom: 18px;
}

.develop-month:last-child {
padding-left: 18px;
}

.develop-month .p-tit::before {
left: -14%;
}

.develop-month .p-tit {
font-size: 16px;
line-height: 20px;
}

.develop-month .p-des {
font-size: 14px;
line-height: 22px;
}

.develop-more {
margin-left: 16%;
}

.path-box {
margin-bottom: 40px;
}
}
/* ======走进盛雄-荣誉资质====== */
.honor-box {
width: 100%;
}

.honor-box ul {
}

.honor-box li {
width: 33.3333333%;
float: left;
text-align: center;
margin-bottom: 65px;
}

.honor-box .hon-list {
width: 230px;
}

.honor-box li:nth-child(2) .hon-list,
.honor-box li:nth-child(5) .hon-list {
margin: 0 auto;
}

.honor-box li:nth-child(3) .hon-list,
.honor-box li:nth-child(6) .hon-list {
float: right;
}

.hon-list .hon-icon {
width: 80px;
height: 80px;
margin: 0 auto 20px;
overflow: hidden;
background: #e60012;
border-radius: 50%;
transition: all .5s;
}

.hon-icon img {
display: block;
width: 100%;
height: 100%;
transition: all .5s;
}

.honor-box li p {
line-height: 32px;
font-size: 20px;
color: #333;
}

.honor-box li:hover .hon-icon {
transform: rotateY(180deg);
background: #e60012;
}

.honor-box li:hover p {
color: #e60012;
}

@media (max-width: 1519px) {
.honor-box .hon-list {
width: 180px;
}

.hon-list .hon-icon {
width: 72px;
height: 72px;
}

.honor-box li p {
line-height: 28px;
font-size: 16px;
}
}

@media (max-width: 1238px) {
.honor-box li {
margin-bottom: 55px;
}
}

@media (max-width: 991px) {
}

@media (max-width: 767px) {
.honor-box ul {
margin: 0 -10px;
}

.honor-box li {
width: 50%;
padding: 0 10px;
margin-bottom: 40px;
}

.honor-box .hon-list {
width: auto;
}

.honor-box li p {
line-height: 22px;
font-size: 14px;
}
}
/* ======走进盛雄-合作伙伴====== */
.part-box {
width: 100%;
}

.part-box .part-tit {
}

.part-tit h3 {
font-size: 30px;
margin-bottom: 20px;
color: #e60012;
text-align: center;
}

.part-tit p {
font-size: 16px;
color: #555;
text-align: center;
}

.part-box ul {
margin: 40px -18px 0;
}

.part-box li {
width: 20%;
padding: 0 18px;
float: left;
text-align: center;
margin-bottom: 20px;
}

.part-box li:hover {
position: relative;
z-index: 2;
}

.part-icon {
overflow: hidden;
box-shadow: 3px 3px 8px 0px #f1f1f1;
-webkit-box-shadow: 3px 3px 8px 0px #f1f1f1;
}

.part-icon img {
display: block;
width: 100%;
transition: all .5s;
}

.part-box li:hover .part-icon img {
cursor: pointer;
-webkit-animation: doudong 1s ease;
animation: doudong 1s ease;
}

.part-box li:active .part-icon img {
cursor: pointer;
-webkit-animation: doudong 1s ease;
animation: doudong 1s ease;
}

@-webkit-keyframes doudong {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}

20% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}

40% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}

60% {
-webkit-transform: translateY(3px);
transform: translateY(3px);
}

80% {
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}

100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}

@keyframes doudong {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}

20% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}

40% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}

60% {
-webkit-transform: translateY(3px);
transform: translateY(3px);
}

80% {
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}

100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}

@media (max-width: 1519px) {
}

@media (max-width: 1238px) {
.part-box {
margin-bottom: 55px;
}
}

@media (max-width: 991px) {
.part-tit h3 {
font-size: 26px;
}
}

@media (max-width: 767px) {
.part-tit p {
font-size: 15px;
}

.part-box {
margin-bottom: 40px;
}

.part-box li {
width: 50%;
}
}

/* =======服务与支持-在线保修========= */
.ny-ipa {
display: none !important;
}

.ser-font .ny-left {
width: 46.7%;
}

.ser-font .ny-title .ny-tit {
margin-bottom: 25px;
}

.ser-font .ny-title .ny-dec {
font-size: 40px;
color: #222;
font-weight: lighter;
line-height: 40px;
}

.ser-font .ny-right {
width: 34.9%;
}

.ser-font .ser-img0 .ser-img1 {
position: absolute;
left: 33.2%;
z-index: 11;
margin-top: -13%;
}

.ser-font .ser-img0 .ser-img2 {
position: absolute;
right: 17.9%;
margin-top: -13.2%;
}

.ser-font .ser-img0 .ser-img3 {
position: absolute;
left: 33.2%;
top: 0;
margin-top: 19.8%;
}
/* */
.service {
padding: 75px 0 0;
background: #fff;
border-bottom: 1px solid #dcdcdc;
}

.service-box {
width: 100%;
}

.service-box .ser-left {
width: 74.9%;
padding-right: 48px;
float: left;
}

.ser-left .ser-one {
padding-bottom: 65px;
}

.ser-left .ser-four {
margin: 8% 0;
}


.gys-xz {
}

.gys-xz p {
font-size: 16px;
}

.gys-xz p a {
font-weight: bold;
margin: 0 5px;
color: #03A9F4;
text-decoration: underline;
}

.gys-sc {
}


.gys-sc button {
font-size: 16px;
background-color: #e60012;
color: white;
padding: 7px 25px;
}

.gys-sc .updatefile {
width: 100%;
text-align: center;
border: 1px solid rgba(158, 158, 158, 0.53);
margin: 5% 0;
padding: 5% 0;
}

.gys-sc .updatefile img {
width: 48px;
}

.gys-sc .updatefile input[type=file] {
width: 100%;
height: 100%;
left: 0;
top: 0;
}

{
}

.ser-one .ser-tit {
width: 100%;
}

.ser-tit p {
font-size: 18px;
color: #333;
line-height: 28px;
}

.ser-tit ul {
margin-top: 25px;
}

.ser-tit li {
width: 33.3333333%;
float: left;
text-align: left;
}

.ser-tit li h3 {
overflow: hidden;
font-size: 28px;
margin-bottom: 15px;
font-weight: bold;
}

.ser-tit li h3 .timer {
font-size: 50px;
font-family: 'din';
}

.ser-tit li p {
font-size: 22px;
line-height: 24px;
}

.ser-left .ser-two {
padding-bottom: 65px;
}

.ser-two ul {
margin-top: 55px;
}

.ser-two li {
display: inline-block;
width: 32%;
}

.ser-two ul li:first-child {
width: 32%;
}

.ser-two ul li:nth-child(2) {
/* width: 33%; */
}

.ser-two ul li:last-child {
width: 32%;
margin-top: 25px;
}

.ser-two ul li:last-child p img {
width: 200px;
height: 260px;
}

.ser-two li img {
height: 36px;
/* animation: more 1s linear infinite; */
animation-direction: alternate;
}

.ser-two li h3 {
font-size: 18px;
color: #333;
margin: 15px 0;
}

.ser-two ul li p {
font-size: 24px;
}

.ser-two ul li:first-child p {
color: #ff8d47;
}

.ser-two ul li:nth-child(2) p {
color: #1aade4;
}

.ser-two ul li:last-child p {
color: #ff4254;
}

.ser-form {
margin-top: 55px;
}

.ser-text {
margin: 0 -17px;
}

.ser-text p {
margin-bottom: 34px;
width: 50%;
float: left;
padding: 0 17px;
}

.ser-text p.jiqiid {
width: 100%;
}

.ser-text .text {
width: 100%;
border: solid 1px #d2d2d2;
height: 62px;
line-height: 60px;
padding: 0 20px;
font-size: 18px;
color: #333;
background: #fff;
}

.ser-form textarea {
resize: none;
width: 100%;
height: 240px;
border: solid 1px #d2d2d2;
padding: 20px;
font-size: 18px;
color: #333;
background: #fff;
}

.ser-form .submit {
display: block;
margin: 28px auto 0px;
font-size: 16px;
cursor: pointer;
}

.service-box .ser-right {
width: 25.1%;
float: right;
padding-left: 44px;
padding-bottom: 200px;
border-left: 1px solid #e9e9e9;
}

.ser-text input:hover {
color: #e60012;
border-color: #e60012;
}

.ser-text input:focus, textarea:focus {
border-color: #e60012;
}

@media (max-width: 1519px) {
.ser-font .ny-title .ny-dec {
font-size: 28px;
}

.ser-font .ser-img0 .ser-img1 {
left: 33.2%;
margin-top: -8%;
}

.ser-img0 .ser-img1 img {
width: 70%;
float: right;
}

.ser-font .ser-img0 .ser-img2 {
right: -6.1%;
margin-top: -10.2%;
}

.ser-img0 .ser-img2 img, .ser-img0 .ser-img3 img {
width: 76%;
}

.ser-font .ser-img0 .ser-img3 {
left: 52.2%;
margin-top: 22.8%;
}

.ser-tit li h3 .timer {
font-size: 42px;
}

.ser-tit li p {
font-size: 20px;
line-height: 15px;
}

.ser-two ul li:first-child {
width: 30%;
}

.ser-two ul li:last-child {
width: 38%;
}
}

@media (max-width: 1238px) {
.ser-font .ny-title .ny-dec {
font-size: 26px;
}

.ser-font .ser-img0 .ser-img1 {
left: 33.2%;
margin-top: -6%;
}

.ser-img0 .ser-img1 img {
width: 62%;
}

.ser-font .ser-img0 .ser-img2 {
right: -10.1%;
margin-top: -7.2%;
}

.ser-img0 .ser-img2 img, .ser-img0 .ser-img3 img {
width: 62%;
}

.ser-font .ser-img0 .ser-img3 {
left: 57.2%;
margin-top: 20.8%;
}

.service {
padding: 55px 0;
}

.ser-two ul li p {
font-size: 22px;
}

.ser-left .ser-one, .ser-left .ser-two {
padding-bottom: 50px;
}

.service-box .ser-left {
padding-right: 38px;
}

.service-box .ser-right {
padding-left: 34px;
}

.ser-form .submit {
margin-bottom: 0;
}
}

@media (max-width: 991px) {

.ser-font .ny-right {
width: 30.9%;
}

.ser-font .ser-img0 .ser-img1 {
left: 33.2%;
margin-top: -6%;
}

.ser-img0 .ser-img1 img {
width: 62%;
}

.ser-font .ser-img0 .ser-img2 {
right: -19.1%;
margin-top: -9.2%;
}

.ser-font .ser-img0 .ser-img3 {
left: 55.2%;
margin-top: 20.8%;
}

.ser-img0 .ser-img2 img, .ser-img0 .ser-img3 img {
width: 52%;
}

.ser-font .ny-title .ny-tit {
margin-bottom: 1px;
}

.ser-font .ny-title .ny-dec {
font-size: 20px;
}

.service-box .ser-left {
width: 100%;
padding-right: 0;
}

.service-box .ser-right {
width: 100%;
padding-left: 0;
border-left: transparent;
}

.ser-tit p {
font-size: 16px;
}

.ser-tit ul {
margin-top: 20px;
}

.ser-tit li h3 .timer {
font-size: 34px;
}

.ser-tit li p {
font-size: 18px;
line-height: 18px;
}

.ser-two ul {
margin-top: 38px;
}

.ser-two li h3 {
font-size: 16px;
margin: 12px 0;
}

.ser-two ul li p {
font-size: 20px;
}

.ser-form {
margin-top: 40px;
}

.ser-text .text {
height: 52px;
line-height: 52px;
font-size: 16px;
}

.ser-form textarea {
font-size: 16px;
}

.service-box .ser-right {
margin-top: 30px;
}

.service-box .ser-right {
padding-bottom: 0;
}
}

@media (max-width:320px) {
.ser-two ul li p {
font-size: 18px;
}
}

@media (max-width: 767px) {
.ny-pc, .ser-font .ny-right {
display: none !important;
}

.ny-ipa {
display: block;
}

.ser-font .ny-left {
width: 100%;
margin-top: -33%;
}

.ser-font .ny-title .ny-tit {
margin-bottom: 10px;
}

.ser-font .ny-title .ny-dec {
font-size: 17px;
line-height: 24px;
}

.ser-font .ny-right {
display: none;
}

.service {
padding: 35px 0;
}

.ser-tit p {
font-size: 14px;
line-height: 22px;
}

.ser-tit li {
width: 50%;
}

.ser-tit li h3 {
font-size: 22px;
}

.ser-tit li p {
font-size: 16px;
line-height: 16px;
}

.ser-left .ser-one, .ser-left .ser-two {
padding-bottom: 35px;
}

.ser-two ul {
margin-top: 0px;
}

.ser-two ul li {
margin-top: 15px;
}

.ser-two li img {
height: 32px;
}

.ser-two ul li:first-child, .ser-two ul li:nth-child(2) {
width: 49.2%;
}

.ser-two ul li:last-child {
width: 80%;
}

.ser-form {
margin-top: 40px;
}

.ser-text p {
width: 100%;
float: none;
margin-bottom: 15px;
}

.ser-text .text {
padding: 0 15px;
font-size: 14px;
line-height: 38px;
height: 40px;
}

.ser-form textarea {
height: 130px;
padding: 10px 15px;
font-size: 14px;
}

.ser-form .submit {
margin-top: 40px;
}

.sol-right h3 {
font-size: 22px;
line-height: 24px;
}

.sol-right .solr-bot {
margin-top: 15px;
}

.solr-bot h4 {
margin-bottom: 5px;
font-size: 16px;
}

.solr-bot p {
font-size: 14px;
line-height: 28px;
}
}
/* =======服务与支持-下载中心========= */

.download {
padding: 75px 0;
background: #fff;
border-bottom: 1px solid #dcdcdc;
}

.download .download-box {
padding-bottom: 50px;
}

@media (max-width: 1238px) {
.download {
padding: 55px 0;
}
}

@media (max-width: 991px) {
}

@media (max-width: 767px) {
.download {
padding: 35px 0;
}
}

/* =======服务与支持-联系我们========= */
.contact {
padding: 75px 0 0;
background: #fff;
border-bottom: 1px solid #dcdcdc;
}

.contact .contact-box {
}

.contact-one {
padding-bottom: 65px;
}

.contact-one .contact-bot {
width: 100%;
}

.contact-bot .contact-left {
width: 100%;
float: left;
}

.contact-left ul {
margin-top: 10px;
}

.contact-left li {
width: 33.333%;
float: left;
text-align: left;
margin-bottom: 30px;
min-height: 240px;
border-bottom: 1px solid #9e9e9e33;
padding-bottom: 20px;
/* text-align: center; */
}

.contact-left li:nth-child(1), .contact-left li:nth-child(2), .contact-left li:nth-child(3), .contact-left li:nth-child(7), .contact-left li:nth-child(8), .contact-left li:nth-child(9) {
min-height: 120px;
}

.contact-left li h3 {
overflow: hidden;
font-size: 20px;
color: #333;
margin-bottom: 10px;
font-weight: bold;
}

.contact-left li p {
font-size: 18px;
line-height: 35px;
display: inline-block;
}

.contact-left li p.ph-num {
padding-left: 30px;
}

.contact-left li:first-child p, .contact-left li:last-child p {
/* color: #ff8d47; */
}

.contact-left li:nth-child(8) p {
color: #ff4254;
font-weight: bold;
font-size: 24px;
}

.contact-left li:nth-child(7) p {
color: #1aade4;
font-weight: bold;
font-size: 24px;
}

.contact-left li:nth-child(9) p {
color: #ff8d47;
font-weight: bold;
font-size: 24px;
}


.contact-bot .contact-right {
width: 200px;
float: right;
}

.contact-right .solr-code ul {
margin: 10px -36px 0;
}

.contact-right .solr-code ul li {
width: 80%;
float: left;
padding: 10px 36px;
}

.contact-two {
padding-bottom: 65px;
/* margin-top: 700px; */
}

.tips {
font-size: 18px;
color: #e60012;
margin-bottom: 15px;
}

.contact-two ul {
margin: 0 -48px;
margin-top: 45px;
}

.contact-two li {
width: 50%;
text-align: center;
padding: 0 48px;
float: left;
}

.contact-two .contw-font {
padding: 30px 75px;
box-shadow: 0px 0px 8px 0px #d6d6d6;
-webkit-box-shadow: 0px 0px 8px 0px #d6d6d6;
}

.contact-two li i {
display: block;
font-size: 26px;
color: #e60012;
}

.contact-two li h3 {
font-size: 24px;
color: #e60012;
position: relative;
margin-top: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #e5e5e5;
}

.contact-two li p {
font-size: 16px;
height: 56px;
line-height: 28px;
color: #666;
margin: 25px 0 0;
}

.contact-two li h3::after {
content: '';
width: 60px;
height: 2px;
background: #e60012;
position: absolute;
bottom: -2px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all .8s;
-o-transition: all .8s;
transition: all .8s;
}

.contact-two li:hover h3::after {
width: 100%;
}

.contact-three {
}

.contact-three .ser-text p {
width: 25%;
}

.contact-three p select {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
-webkit-appearance: none;
width: 100%;
height: 62px;
line-height: 62px;
background: url(../images/down.png) no-repeat right 20px center;
border: solid 1px #d2d2d2;
font-size: 18px;
color: #333;
padding: 0 20px;
}

@media (max-width: 1519px) {
.contact-bot .contact-left {
width: 100%;
}

.contact-left li p {
font-size: 20px;
}

.contact-two .contw-font {
padding: 30px 55px;
}
}

@media (max-width: 1238px) {
.contact {
padding: 55px 0;
}

.contact-left li p {
font-size: 18px;
}

.contact-right .solr-code ul {
margin: 10px -15px 0;
}

.contact-right .solr-code ul li {
padding: 0 15px;
}

.contact-two li h3 {
font-size: 20px;
margin-top: 20px;
padding-bottom: 20px;
}

.contact-two li p {
margin: 20px 0 0;
}
}

@media (max-width: 991px) {
.contact-bot .contact-left {
width: 100%;
}

.contact-bot .contact-right {
width: 100%;
margin-bottom: 20px;
}

.contact-two ul {
margin: 0 -20px;
margin-top: 35px;
}

.contact-two li {
padding: 0 20px;
}

.contact-three .ser-text p {
width: 50%;
}

.contact-three p select {
height: 52px;
line-height: 52px;
font-size: 16px;
}
}

@media (max-width: 767px) {
.contact {
padding: 35px 0;
}

.contact-left li {
margin-bottom: 20px;
min-height: 65px;
width: 100%;
min-height: auto;
float: none;
text-align: center;
}


.contact-left li:nth-child(1), .contact-left li:nth-child(2), .contact-left li:nth-child(3), .contact-left li:nth-child(7), .contact-left li:nth-child(8), .contact-left li:nth-child(9) {
min-height: auto;
}

.contact-left li h3 {
font-size: 16px;
margin-bottom: 10px;
}

.contact-left li p.ph-num {
padding-left: 0;
}

.contact-left li p {
font-size: 14px;
}

.contact-left li:nth-child(even) {
/* padding-left: 10px; */
margin-bottom: 20px;
}

.contact-two li {
width: 100%;
margin-bottom: 15px;
}

.contact-two li i {
font-size: 22px;
}

.contact-two .contw-font {
padding: 26px 32px;
}

.contact-one, .contact-two {
padding-bottom: 35px;
}

.tips {
font-size: 16px;
}

.contact-three .ser-text p {
width: 100%;
}
}

.bsBox {
width: 232px !important;
height: 256px !important;
}

.yzm {
display: box; /* OLD - Android 4.4- */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: inline-flex;
line-height: 50px;
margin-top: 20px;
}

@media(max-width: 767px) {

.ser-left .ser-four {
margin: 40px 0;
}

.yzm {
margin-top: 35px;
}

#random {
font-size: 22px !important;
width: 60px !important;
height: auto !important;
}

#yzm {
height: 36px !important;
margin-top: 2px !important;
margin-left: 10px !important;
font-size: 14px !important;
width: 150px !important;
}
}





@keyframes more {
0% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
filter: alpha(opacity=100)\9
}

100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
filter: alpha(opacity=0)\9
}
}
/* ============vedio============ */
.vedio {
}

.vedio-con {
padding-top: 0px;
width: 100%;
margin: auto;
}

.vedio-con ul {
margin: 0 -15px 50px;
}

.vedio-con li {
float: left;
width: 33.3%;
padding: 0 15px;
margin-bottom: 30px;
}

.vedio-con li a {
display: block;
width: 100%;
background: #eeeeee;
transition: ease .5s;
text-align: center;
}

.vedio-img {
overflow: hidden;
position: relative;
}

.vedio-img img {
width: 100%;
}

.vedio-img::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .5) url(../images/icon-play.png)no-repeat center;
left: 0;
top: -100%;
}

.vedio-txt {
font-size: 18px;
line-height: 30px;
color: #333;
transition: ease .5s;
padding: 20px 0;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}

.vedio-con li:hover .vedio-txt {
color: #fff;
}

.vedio-con li:hover a {
background: #e60012;
}

.vedio-con li:hover .vedio-img::before {
top: 0;
}

@media(max-width:1520px) {
.vedio-txt {
font-size: 16px;
}
}

@media(max-width:676px) {
.vedio-con li {
width: 50%;
}

.vedio-txt {
font-size: 14px;
line-height: 3px;
}

.msg-box {
left: 10%;
width: 300px;
padding: 20px;
height: 360px;
}

#close-box {
width: 20px;
height: 20px;
}
}

.msg-box .close-box {
background: url(../images/closes.png) center;
}





#prodes {
float: left;
width: 100%;
margin-top: 20px;
}

@media (max-width:320px) {
#prodes a {
margin-left: 0px;
}
}






.sjo-swiper {
margin-top: 10px;
}

.pc-inonav {
display: block;
}

.app-inonav {
display: none;
}

.pc-inonav .gallery-thumbs {
overflow-y: visible !important;
}

.pc-inonav .gallery-thumbs .swiper-slide.active-nav .dot1 {
width: 30px;
height: 30px;
background: url(../images/doth1.png) no-repeat center;
}

.pc-inonav .gallery-thumbs .swiper-slide.active-nav h3 {
color: #e60012;
}

.pc-inonav .gallery-thumbs .active-nav::after, .active-nav + .sjo-page::before {
background: url(../images/bor-btmh.png) no-repeat center;
}

.pc-inonav .gallery-thumbs .swiper-slide {
cursor: pointer;
}

.app-inonav .sjo-nav .sjo-page.swiper-pagination-bullet-active h3 {
color: #e60012;
}

.app-inonav .sjo-nav .sjo-page.swiper-pagination-bullet-active .dot1 {
width: 30px;
height: 30px;
background: url(../images/doth1.png) no-repeat center;
}

.app-inonav .sjo-nav .sjo-page.swiper-pagination-bullet-active::after,
.app-inonav .sjo-nav .sjo-page.swiper-pagination-bullet-active + .sjo-page.swiper-pagination-bullet::before {
background: url(../images/bor-btmh.png) no-repeat center;
}

@media (max-width: 991px) {
.pc-inonav {
display: none !important;
}

.app-inonav {
display: block !important;
}

.sjo-nav {
margin-top: 25px;
text-align: center;
}

.sjo-nav .sjo-page {
width: 33.3333333%;
display: inline-block;
float: unset;
padding-bottom: 38px;
}
}

@media(max-width:370px) {
.sjo-nav .sjo-page {
width: 50%;
}
}

.address {
display: none;
}

.address.on {
display: block;
}

.maddress {
display: none;
}

.maddress.on {
display: block;
}
/* */
.pcb-five.clearfix {
margin-top: -10%;
}

.pcb-five .mcb-img {
display: none !important;
}

.pcb-five .mcb-img {
display: block;
width: 100%;
overflow: hidden;
}

.pcb-five .mcb-img img {
width: 100%;
}

@media (max-width: 1679px) {
.pcb-five li {
width: 50%;
height: auto;
}

.pcb-five li.five-li1 {
top: -9px;
left: 40px;
width: 420px;
}

.pcb-five li.five-li2 {
left: unset;
right: 0;
}
}

@media (max-width: 1419px) {
.pcb-five ul {
display: none;
}

.pcb-five .mcb-img {
display: block !important;
}
}

@media (max-width: 767px) {
.banner-font2 {
top: 43%;
}

.banner .ban-left {
width: 100%;
float: none;
margin-bottom: 30px;
}

.pcb-five .mcb-img {
width: 30% !important;
margin: 0 auto;
}
}

@media (max-width: 640px) {

.pcb-five .mcb-img {
width: 53% !important;
margin: 0 auto;
}
}

@media (max-width: 420px) {
.pcb-five .mcb-img {
width: 70% !important;
margin: 0 auto;
}
}




.dropdown-menu.on {
max-height: 450px;
opacity: 1;
}

@media (max-width: 1419px) {
.category-item {
margin: 0 15px;
padding: 0;
}
}

.category-a {
line-height: 18px;
margin: 36px 0;
}



.jobdes {
border: 1px solid #e60012;
}

.jobdes p {
font-size: 18px;
line-height: 35px;
padding: 50px;
}

@media(max-width:1240px) {
.jobdes {
margin-bottom: 20px;
}
}

@media(max-width:767px) {
.jobdes p {
font-size: 16px;
padding: 25px;
}
}



.email-list {
position: absolute;
top: 100%;
z-index: 10;
background: rgba(255,255,255,.6);
-webkit-box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .05);
box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .05);
opacity: 0;
visibility: hidden;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
width: 100%;
margin-left: -15px;
border-radius: 10px;
}


.email-list a {
display: block;
padding: 10px 5px;
color: #333;
font-size: 16px;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.nav-email:hover .email-list {
opacity: 1;
visibility: visible;
}

.qywh1 li {
height: 210px;
}

.qywh2 li {
}

.ksct {
text-align: center !important;
}

.qywh2 li .cult-cont {
height: 240px;
}

.qywh1 li .cult-bot p {
text-align: justify;
}

.qywh2 li .cult-cont p {
text-align: justify;
}

@media (max-width: 1519px) {
.qywh1 li {
height: 200px;
}

.qywh2 li {
}

.qywh2 li .cult-cont {
height: 240px;
}

.qywh1 li .cult-bot p {
font-size: 14px;
}

.qywh2 li .cult-cont p {
font-size: 14px;
}
}

@media (max-width: 767px) {

.qywh1 li {
height: 120px;
}

.qywh2 li {
}

.qywh2 li .cult-cont {
height: 280px;
height: auto;
}

.qywh2 li .cult-cont p {
height: 180px;
height: auto;
}
}



@media (max-width: 1459px) {
.kf {
top: 30%;
}

.kf p img {
width: 120px;
}
}


/*20211228*/
.banner-xx {
position: fixed;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.65);
top: 0;
left: 0;
z-index: 9999;
display: none;
}

.banner-xx-on {
display: block;
}

.banner-xx .pc {
text-align: center;
margin-top: 10%;
position: relative;
width: 420px;
margin: auto;
margin-top: 10%;
}

.banner-xx .pc .img1 {
max-width: 300px;
}

.banner-xx .pc p {
color: white;
font-size: 20px;
margin: 10px 0;
}

.banner-xx .wps {
display: none;
}


.banner-xx .pc .img2 {
position: absolute;
top: -12%;
right: 0%;
width: 42px;
}

@media (max-width: 979px) {
.banner-xx .pc {
display: none;
}

.banner-xx .wps {
display: block;
width: 80%;
margin: auto;
margin-top: 30%;
text-align: center;
background-color: white;
padding: 15% 5%;
border-radius: 8px;
position: relative;
}

.banner-xx .wps p {
font-size: 28px;
font-weight: bold;
}

.banner-xx .wps a {
margin-top: 25px;
display: inline-block;
background-color: #e60012;
color: white;
padding: 10px 20px;
font-size: 18px;
}

.banner-xx .wps .img2 {
position: absolute;
bottom: -30%;
left: 44%;
}
}

/*20220307*/
.about-img {
margin-top: 5%;
}

.about-img .swiper-slide {
text-align: center;
}

.about-img .swiper-slide img {
width: 100%;
}

.about-img .swiper-slide p {
font-size: 16px;
line-height: 32px;
}

.about-img .swiper-pagination {
position: static;
margin: 10px 0;
text-align: center;
}

.about-img .swiper-pagination .swiper-pagination-bullet {
height: 10px;
width: 10px;
}

.about-img .swiper-pagination .swiper-pagination-bullet-active {
}



#msg_wy_zc {
height: 100%;
text-align: center;
position: fixed;
top: 0%;
/* line-height: 2rem; */
width: 100%;
z-index: 1000;
background: #00000082;
display: none;
}

.zc_p {
color: #fff;
height: 100px;
display: inline-block;
/* padding: 0rem 3rem; */
border-radius: 5px;
margin-top: 12%;
background: #fff;
padding: 2px 2px;
color: #333;
width: 100%;
height: 200px;
max-width: 500px;
}

.zc_p .p1 {
text-align: left;
background-color: #607D8B;
border-bottom: 1px solid #607D8B;
color: white;
padding: 0px 5px;
line-height: 30px;
}

.zc_p .p2 {
color: #888;
height: 174px;
margin: 0 10px;
text-align: left;
/* text-indent: 2em; */
font-size: 14px;
text-align: center;
}

.zc_p .p2 p {
line-height: 41px;
font-size: 16px;
}

.zc_p .p2 input {
border: 1px solid #777;
height: 30px;
width: 50%;
border-radius: 2px;
padding-left: 5px;
}

.zc_p .p2 img {
vertical-align: bottom;
margin-right: 10px;
width: 42px;
}

.zc_btn {
border-color: #607D8B;
background-color: #607D8B;
color: #fff;
height: 35px;
line-height: 34px;
margin: 5px 5px 0;
padding: 0 23px;
border: 1px solid #dedede;
border-radius: 2px;
font-weight: 400;
cursor: pointer;
text-decoration: none;
font-size: 18px;
}

#msg_wy_update {
height: 100%;
text-align: center;
position: fixed;
top: 0%;
line-height: 2rem;
width: 100%;
z-index: 1000;
background: #00000082;
}

#msg_wy_update .zc_p {
color: #fff;
height: 100px;
display: inline-block;
/* padding: 0rem 3rem; */
border-radius: 5px;
margin-top: 20%;
background: #fff;
padding: 2px 2px;
color: #333;
width: 300px;
height: 200px;
}

.jdt {
background: #d1d1d1;
color: white;
width: 90%;
margin: 0px 5%;
margin-top: 5%;
line-height: 24px;
font-size: 14px;
color: white;
position: relative;
}

.jdt span {
position: absolute;
right: 40%;
top: 2%;
}

.jdt2 {
background: #ed4241;
width: 0%;
height: 24px;
}

.zwsqdiv {
line-height: 60px;
font-size: 18px;
font-weight: bolder;
}

.updatefile {
width: 60%;
margin: auto;
position: relative;
}

.updatefile input {
position: absolute;
left: 27%;
top: 20%;
opacity: 0;
}

p #mesg {
margin-top: 15px;
}


.sqzw {
background: #e60012 url(../images/zsq.png)no-repeat left 10px center;
color: white;
padding: 8px 15px;
margin-bottom: 15px;
border-radius: 2px;
background-size: 22px;
padding-left: 36px;
/* margin-left: 30px; */
}