@charset "utf-8";

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

@media (min-width: 768px) {

.int-txt0{
height: 700px;
}
.wrap,
.container,
.container-middle {
width: 750px;
}
}

@media (min-width: 992px) {
#historySlide {

width: 1200px;

}

.wrap,
.container,
.container-middle {
width: 970px;
}
}
.navbarhead{
width: 70px;
height: 30px;
float: left;
}

@media (min-width: 1260px) {
.navbarhead{
width: 120px;
height: 30px;
float: left;
}
.wrap,
.container,
.container-middle {
width: 1230px;
}
}


@media (min-width: 1460px) {
.navbarhead{
width: 120px;
height: 30px;
float: left;
}
.wrap,
.container-middle,
.container {
width: 1430px;
}
}


@media (min-width: 1920px) {
.navbarhead{
width: 140px;
height: 30px;
float: left;
}
.container-middle {
width: 1830px;
}

.container {
width: 1630px;
}
}

@keyframes myfirst {
0% {
transform: rotate(0deg);
}

100% {
transform: rotate(360deg);
}
}

@-webkit-keyframes myfirst {
0% {
transform: rotate(0deg);
}

100% {
transform: rotate(360deg);
}
}

@keyframes opacity {
0% {
opacity: 0;
}

100% {
opacity: 1;
}
}

@-webkit-keyframes opacity {
0% {
opacity: 0;
}

100% {
opacity: 1;
}
}

@keyframes scle2 {
from {
transform: scale(1);
}

50% {
transform: scale(1.05);
}

to {
transform: scale(1.1);
}
}

/* css3 keyframes - animation 4 */
@-webkit-keyframes anim4 {
from {
-webkit-transform: rotateZ(0deg);
}

50% {
-webkit-transform: rotateZ(180deg);
}

to {
-webkit-transform: rotateZ(360deg);
}
}

@-moz-keyframes anim4 {
from {
-moz-transform: rotateZ(0deg);
}

50% {
-moz-transform: rotateZ(180deg);
}

to {
-moz-transform: rotateZ(360deg);
}
}

@-ms-keyframes anim4 {
from {
-ms-transform: rotateZ(0deg);
}

50% {
-ms-transform: rotateZ(180deg);
}

to {
-ms-transform: rotateZ(360deg);
}
}

@-o-keyframes anim4 {
from {
-o-transform: rotateZ(0deg);
}

50% {
-o-transform: rotateZ(180deg);
}

to {
-o-transform: rotateZ(360deg);
}
}

@keyframes anim4 {
from {
transform: rotateZ(0deg);
}

50% {
transform: rotateZ(180deg);
}

to {
transform: rotateZ(360deg);
}
}

@-webkit-keyframes kuosan-1 {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 1;
filter: alpha(opacity=100)\9
}

100% {
-webkit-transform: scale(5);
transform: scale(5);
opacity: 0;
filter: alpha(opacity=0)\9
}
}

@keyframes kuosan-1 {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 1;
filter: alpha(opacity=100)\9
}

100% {
-webkit-transform: scale(5);
transform: scale(5);
opacity: 0;
filter: alpha(opacity=0)\9
}
}

@-webkit-keyframes kuosan-2 {
0% {
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}

25% {
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
}

50% {
-webkit-transform: rotateZ(180deg);
transform: rotateZ(180deg);
}

75% {
-webkit-transform: rotateZ(270deg);
transform: rotateZ(270deg);
}

100% {
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
}

@keyframes kuosan-2 {
0% {
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}

25% {
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
}

50% {
-webkit-transform: rotateZ(180deg);
transform: rotateZ(180deg);
}

75% {
-webkit-transform: rotateZ(270deg);
transform: rotateZ(270deg);
}

100% {
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
}

/*header*/
.header {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 70px;
z-index: 5000;
background: transparent;
transition: ease .5s;
}

.header.on {
background: #fff;
box-shadow: 0 0 13px rgba(0, 0, 0, .1);
}

.header-con {
}

.ny-header {
border-bottom: 1px solid #eee;
}

.header.on {
border: none;
}

.header .logo {
display: block;
float: left;
position: relative;
z-index: 1200;
margin: 10px 0;
}

.header.on .logo,
.ny-header .logo {
margin: 35px 0px;
}

.header .logo img {
width: 50px;
margin-top: 11px;
margin-left: 28px;
display: block;
}

.header .logo img.logoon {
display: none;
}

.header.on .logo img,
.ny-header .logo img {
display: none;
}

.header.on .logo img.logoon,
.ny-header .logo img.logoon {
display: block;
}

.gpcode {
float: left;
font-size: 16px;
line-height: 30px;
color: #fff;
margin: 30px 0;
margin-left: 30px;
}

.header-left {
float: left;
margin: 10px 0;
#margin-left: 50px;
}

.header-right {
float: right;
margin: 10px 0;
margin-left: 50px;
}

.header-top {
background: url(../images/headtop-ba_01.jpg)no-repeat center;
transition: ease .5s;
padding: 25px 0;
}

.ny-top {
background: #fff;
}

.ny-top .header-language a:hover {
color: #F0BB44;
}

.header-slogan {
float: left;
font-size: 22px;
line-height: 40px;
color: #341d17;
}

.header-phone {
font-size: 24px;
line-height: 40px;
color: #fff;
margin-top: 10px;
position: relative;
padding-left: 28px;
font-family: "DINMITTELSCHRIFTSTD";
}

.header-phone::before {
position: absolute;
content: "";
width: 17px;
height: 17px;
background: url(../images/headtop-phone.png)no-repeat center;
background-size: 100% 100%;
top: 10px;
left: 0;
}

.header-phone span {
display: inline-block;
font-family: "ITCAvantGardeStd-BkCn";
font-size: 22px;
line-height: 30px;
color: #341d17;
}

.header_search {
float: right;
width: 300px;
height: 29px;
margin-top: 3px;
border-radius: 30px;
background: #fff;
}

.header_search .text {
width: 255px;
float: left;
font-size: 14px;
color: #d4d7d9;
opacity: 1;
padding: 0 18px;
line-height: 29px;
}

.header_search .submit {
cursor: pointer;
width: 45px;
float: right;
height: 29px;
background: url(../images/icon_search.png) no-repeat center;
}

.header.on .header_search,
.ny-header .header_search {
background-color: #f5f5f5;
}

.header.on .header_search .text,
.ny-header .header_search .text {
color: #666;
}

.header.on .header_search .submit,
.ny-header .header_search .submit {
background-image: url(../images/icon_searcha.png);
}

.header-search {
float: right;
margin-top: 0px;
position: relative;
margin-right: 0;
}

.bt-search {
position: relative;
border: none;
background: none;
float: left;
width: 21px;
height: 21px;
text-align: right;
line-height: 40px;
cursor: pointer;
transition: .5s;
z-index: 10;
}

/* .bt-search:hover{background: #fff;} */
.bt-search .sub-bot {
display: block;
width: 21px;
height: 21px;
line-height: 21px;
background: transparent;
border: none;
z-index: 3;
cursor: pointer;
background: url(../images/icon-search.png) no-repeat center transparent;
padding-right: 0px;
padding-top: 50px;
}

.header.on .sub-bot {
#background-image: url(../images/icon-searcha.png);
}

.searchop .search-all {
z-index: 10;
opacity: 1;
visibility: visible;
}

.search-all {
position: absolute;
right: 0;
top: 25px;
width: 300px;
height: auto;
z-index: -1;
opacity: 0;
visibility: hidden;
transition: all .2s;
}

.search-all .search-box {
position: relative;
height: 36px;
margin-top: 38px;
background: #fff;
}

.searchop .search-all .search-box {
animation: searchform-fade 400ms both;
}

.searchop .search-all form {
animation: searchform-slide 1s both;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.search-all .search-box .search-txt {
color: #333;
line-height: 34px;
width: 44px;
text-align: center;
cursor: pointer;
transition: all .3s ease-out;
}

.search-all .search-box .search-txt i {
font-size: 20px !important;
}

.search-all .search-box .search-txt.left {
float: left;
}

.search-all .search-box .search-inp {
margin-left: 44px;
transition: all .3s ease-out 0s;
margin-right: 44px;
}

.search-all .search-box .search-inp input {
font-size: 16px;
line-height: 36px;
color: #333;
width: 100%;
border-radius: 5px;
}

.searchop .search-close {
opacity: 1;
transition: all .2s ease-out 0s;
}

.search-all .search-box .search-close {
width: 44px;
height: 36px;
font-size: 16px;
color: #333;
line-height: 36px;
text-align: center;
cursor: pointer;
position: absolute;
top: 0;
right: 0;
opacity: 1;
}

.searchop .search-close:hover {
}

.searchshow .top2-bu a {
-webkit-animation: item-searchshow .4s both;
animation: item-searchshow .4s both;
}

.language {
float: right;
position: relative;
padding-left: 16px;
font-size: 16px;
line-height: 24px;
}

.language::before {
position: absolute;
content: "";
width: 1px;
height: 17px;
background: rgba(255, 255, 255, .6);
left: 0;
top: 50%;
transform: translateY(-50%);
}

.header.on .language::before {
background: #666;
}

.language-text {
display: block;
color: #fff;
line-height: 34px;
padding: 0 4px;
cursor: pointer;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.language-text .icon-down {
display: block;
float: right;
vertical-align: middle;
font-size: 12px;
margin-left: 10px;
-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%;
width: 100%;
right: 0;
z-index: 10;
background: #fff;
padding: 0px 0;
-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 20px;
text-align: center;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.language-list a:hover {
color: #002857
}

.language:hover .language-text {
font-weight: bold;
}

.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;
}

.header-language {
float: right;
margin-left: 28px;
margin-top: 0px;
transition: ease .5s;
}

.header-language a {
background: transparent;
display: inline-block;
font-size: 14px;
line-height: 22px;
font-family: "hnp-lt";
color: #fff;
transition: ease .5s;
border-radius: 30px;
padding: 0 10px;
}

.header-language a.on {
color: #0264ab;
background: #fff;
margin-right: -3px;
}

.header-language a:hover {
color: #0264ab;
}

/* .header-language a.on:hover{color: #fff;} */
.header-login {
float: right;
margin-right: 30px;
display: none;
}

.header-login a {
display: block;
width: 21px;
height: 24px;
}

.header-login a img {
width: 100%;
}

.header-login a img:nth-child(2) {
display: none;
}

.header.on .header-login a img:nth-child(1),
.ny-header .header-login a img:nth-child(1) {
display: none;
}

.header.on .header-login a img:nth-child(2),
.ny-header .header-login a img:nth-child(2) {
display: block;
}

/* .header-language{opacity: 0;} */
.header.on .header-language,
.ny-header .header-language {
opacity: 1;
}

.header.on .header-language a {
color: #333;
}

.header.on .header-language a.on,
.header.on .header-language a.on:hover {
color: #fff;
}

.header.on .header-language a.on,
.ny-header .header-language a.on {
background-color: #0264ab;
}

.header.on .header-language a:hover,
.ny-header .header-language a:hover {
color: #0264ab;
}

.header-navbar {
}

.navbar {
float: left;
transition: ease .5s;
margin: 0 -40px;
margin-left: 35px;
}

.navitem {
float: left;
padding: 0 28px;
}

.navitem > a {
display: inline-block;
font-size: 18px;
color: #3b3e40;
line-height: 30px;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
background: transparent;
padding: 20px 10px;
position: relative;
}

.navitem.active > a {
color: #3b3e40;
}

.header.on .navitem > a:hover,
.ny-header .navitem.active > a,
.ny-header .navitem > a:hover {
color: #f56c6c;
}

.navitem > a::before {
position: absolute;
content: "";
width: 0px;
height: 3px;
background: #f56c6c;
left: 50%;
bottom: 0%;
transform: translateX(-50%);
transition: ease .5s;
}

.navitem:hover > a::before,
.navitem.active > a::before {
width: 100%;
}

/* .navitem.active>a{color: #85c322;} */

/*header -end*/
/* ========== header-app ========= */
.header-app.hny .navbar-app {
background: #333;
}

.header-app {
display: none !important;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 60px;
z-index: 500;
#overflow: hidden;
box-shadow: 3px 0 7px 0 rgba(0, 0, 0, .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;
transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
}

.navbar-app {
position: relative;
background: #fff !important;
height: 60px;
}

.header-app .logo {
display: inline-block;
height: 55px;
width:140px;
vertical-align: middle;
padding: 20px 15px;
}

.header-app .logo img {
height: 100%;
display: block;
}

.app-lanu {
text-align: center;
padding: 20px 0;
}

.app-lanu a {
display: inline-block;
padding: 0 10px;
line-height: 24px;
color: #666;
}

.app-lanu a.on {
color: white;
background: #85c322;
border-radius: 30px;
}

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

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

.alert-top {
height: 60px;
background: rgba(57, 36, 30, 1);
padding: 0 15px;
}

.alert-top .text {
height: 30px;
margin-top: 15px;
background: none;
border-bottom: solid 1px #fff;
width: 80%;
float: left;
color: white;
}

.alert-top .search {
margin-left: 10px;
background: url(../images/search.png) no-repeat center;
width: 20px;
height: 20px;
background-size: cover;
float: left;
margin-top: 25px;
}

.alert-top span {
color: #fff;
float: right;
font-size: 20px !important;
margin-top: 21px;
}

.navapp-user {
float: right;
width: 60px;
height: 60px;
color: rgba(255, 255, 255, .82);
line-height: 60px;
font-size: 16px;
}

.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: #444;
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: 50px;
left: 0;
bottom: 0;
right: 0;
width: 100%;
z-index: 620;
padding: 20px;
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 #e5e5e5;
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;
}

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

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

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

.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: #409eff;
}

.category-cont {
display: none;
}

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

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

.category-cont a {
line-height: 40px;
border-bottom: 1px dashed #e5e5e5;
display: block;
font-size: 14px;
color: #333;
}

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

.cate-item1 {
position: relative;
border-bottom: solid 1px #cfcfcf;
}

.category-li:last-child .cate-item1 {
border-bottom: none;
}

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

.category-li.open .cate-item1 a {
color: #85c322
}

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

.category-cont1 a.active {
color: #85c322;
}

.category-tig1 {
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-tig1::before,
.category-tig1::after {
content: '';
background: #888;
position: absolute;
top: 50%;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

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

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

.category-li.open .category-tig1::after {
opacity: 0;
}

.category-li.open .category-tig1::before {
background: #85c322;
}

.category-cont1 {
display: none;
}

.category-li.open .category-cont1 {
display: block;
border-bottom: solid 1px #cfcfcf;
}

.category-li:last-child.open .category-cont1 {
border-bottom: none;
border-top: solid 1px #cfcfcf;
}

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

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

.category-pad1 a.active {
color: #85c322;
}

.app-search {
position: relative;
}

.app-search-text {
width: 76%;
height: 48px;
font-size: 14px;
text-align: left;
display: inline-block;
vertical-align: middle;
}

.app-search-btn {
width: 48px;
height: 48px;
display: inline-block;
background: transparent;
vertical-align: middle;
font-size: 16px;
line-height: 48px;
text-align: right;
position: absolute;
right: 0;
top: 0;
}

.btn1.close1,
.btn2.close1,
.btn3.close1,
.btn4.close1 {
bottom: 0;
right: 0;
}

.btn1.open1 {
bottom: 125px;
right: 0;
}

.btn2.open1 {
bottom: 100px;
right: 55px;
}

.btn3.open1 {
bottom: 58px;
right: 98px;
}

.btn4.open1 {
bottom: 0px;
right: 117px;
}

.header-app .headtop-left {
float: none;
width: 100%;
margin-left: 0;
}

.header-app .top-search {
width: 100%;
margin-top: 25px;
}

.header-app .top-search {
border-radius: 30px;
border: 1px solid #777;
position: relative;
margin-top: 25px;
padding: 5px 25px;
width: 100%;
}

.header-app .top-search input:nth-child(2) {
width: 17px;
height: 30px;
position: absolute;
right: 20px;
top: 50%;
margin-top: -15px;
background: url(../images/top-search.png)no-repeat center;
background-size: 100%;
cursor: pointer;
}

.header-app .top-search input:nth-child(1) {
font-size: 14px;
line-height: 30px;
color: #777;
width: 100%;
padding-right: 25px;
}

.header-app .headtop-right {
position: static;
margin-right: 0;
float: none;
width: 100%;
text-align: center;
margin: 25px 0 0;
}

.header-app .logo p {
font-size: 12px;
line-height: 16px;
color: #333;
font-weight: bold;
}

/*footer*/
.footer {
#background: url(../images/bottom.jpg)no-repeat center;
#background-size: cover;
background-color: #fff;
position: relative;
z-index: 5;
}

.footer .container2 {
background-color: #de6869;
width: 100%;
height: 70px;
}


.bottom1 {
padding: 10px 0 10px;
}

.bottom2 {
padding: 0;
}

.bottom2 a {
display: inline-block;
font-size: 16px;
line-height: 28px;
color: #999;
transition: .5s;
position: relative;
}

.bottom2 a i {
font-style: normal;
margin: 0 10px;
}

.bottom2 .bottom2-con {
border-top: 1px solid rgba(255, 255, 255, .1);
padding: 25px 0 0px;
}

.bottom2 a.link-ctm {
margin-right: 11px;
padding-right: 11px;
position: relative;
}

.bottom2 a.link-ctm::before {
position: absolute;
content: "";
width: 2px;
height: 15px;
background: rgba(255, 255, 255, .2);
right: 0;
top: 50%;
transform: translateY(-50%);
}

.bottom2 a:hover {
color: #fff;
}

.bottom2 .left {
float: left;
}

.bottom2 .center {
text-align: center;
}

.bottom2 .right {
float: right;
font-size: 0;
}

.bottom2 .right a {
color: #999;
}

.bottom2 .right a:hover {
color: #fff;
}

.bottom2 .left p {
float: left;
font-size: 16px;
line-height: 28px;
color: #FFF;
margin-right: 15px;
}

.bottom2 .left span {
display: inline-block;
margin: 0px;
font-size: 16px;
line-height: 28px;
color: #999;
}

.bottom2 .right a {
float: left;
}

.bottom2 .right span {
display: inline-block;
position: relative;
padding-left: 14px;
margin-left: 14px;
}

.bottom2 .right span::before {
position: absolute;
content: "";
width: 1px;
height: 14px;
background: rgba(255, 255, 255, .1);
left: 0;
top: 50%;
transform: translateY(-50%);
}

.bottom2 .right span:first-child {
margin-left: 0;
padding-left: 0;
}

.bottom2 .right span:first-child::before,
.bottom2 .right span:last-child::before {
display: none;
}

.bottom2-img {
display: inline-block;
float: right;
}

.bottom-lx {
float: left;
}

.text-theme {
	color:var(--theme-color) !important
}
.text-title {
	color:var(--title-color) !important
}
.text-body {
	color:var(--body-color) !important
}
.text-light {
	color:var(--light-color) !important
}
.text-white {
	color:#fff;
}
.text-yellow {
	color:var(--yellow-color) !important
}
.text-success {
	color:var(--success-color) !important
}
.text-error {
	color:var(--error-color) !important
}

.bottomlx-txt {text-align: left;}

.bottomlx-txt h3 {
display: inline-block;
position: relative;
padding-left: 39px;
font-size: 26px;
line-height: 30px;
color: #fff;
font-family: "DINMITTELSCHRIFTSTD";
}

.bottomlx-txt h3::before {
position: absolute;
content: "";
width: 29px;
height: 22px;
background: url(../images/bot-ph.png)no-repeat center;
background-size: 100% 100%;
left: 0;
top: 50%;
transform: translateY(-50%);
}

.bottomlx-txt h4 {
margin-top: 8px;
font-size: 20px;
line-height: 30px;
color: #fff;
}

.bottom-ewm {
text-align: left;
width: 100%;
font-size: 0;
margin: 34px -10px 0;
}

.bottom-ewm1 {
display: inline-block;
width: 112px;
text-align: center;
margin: 0 10px;
}

.bottom-ewm img {
display: inline-block;
max-width: 100%;
margin-bottom: 6px;
}

.bottom-ewm p {
font-size: 14px;
line-height: 28px;
color: rgba(255, 255, 255, .3);
}

.bottom-contact {
float: right;
}

.bottom-contact h4 {
font-size: 20px;
line-height: 30px;
color: #fff;
}

.bottom-contact p {
font-size: 14px;
line-height: 26px;
color: #999;
}

.bottom-contact p i {
font-style: normal;
display: block;
}

.bottom-lx ul {
float: right;
}

.bottom-lx li {
font-size: 16px;
line-height: 30px;
color: rgba(230, 197, 156, 0.5);
}

.bottom-ulfont {
float: left;
position: relative;
padding-right: 0px;
}
.bottom-ulfont0 {
padding-top: 50px;
}

.bottom-ul {
margin: 0 auto;
}

.bottom-ul ul {
float: left;
width: 23%;
text-align: center;
position: relative;
}

.bottom-ul ul:first-child {
width: 15%;
text-align: left;
}

.bottom-ul ul.bottom-secul::before {
display: none;
}

.bottom-ul ul.bottom-secul {
margin-left: 30px;
margin-right: 0;
}

.bottom-ul ul:last-child {
width: 15%;
text-align: right;
}

.bottom-ul ul.botul-k {
margin: 0 55px 0 5px;
}

.bottom-ul ul li {
padding: 0px 0;
}

.bottom-ul ul li:first-child {
margin-bottom: 14px;
}

.bottom-ul ul li span {
display: inline !important;
}

.bottom-ul ul li em {
display: inline;
font-size: 20px;
line-height: 30px;
color: rgba(255, 255, 255, .8);
font-family: "Arial";
}

.bottom-ul ul li em.botem-sma {
font-size: 16px;
}

.bottom-ul ul li a,
.bottom1-contact li,
.bottom-ul ul li span {
display: block;
font-size: 16px;
line-height: 36px;
color: #999;
transition: ease .5s;
}

.bottom-ul ul li:first-child a {
font-size: 20px;
line-height: 30px;
color: #3b3e40;
position: relative;
}

.bottom-secul li:first-child a {
opacity: 0;
cursor: auto;
}

.bottom-ul ul li a:hover {
color: #f00;
}

.bottom1-ewm {
float: right;
width: auto;
padding-top: 4px;
}

.bott-share {
text-align: center;
margin-top: 24px;
display: none;
}

.bott-share .bshare-custom {
font-size: 0;
margin: 0 -10px;
}

.bott-share a {
display: inline-block !important;
background: none !important;
font-size: 32px !important;
text-align: center;
color: #999 !important;
transition: ease .5s !important;
padding-left: 0 !important;
text-decoration: none !important;
margin: 0 10px !important;
background: transparent !important;
}

.bott-share a:hover {
opacity: .7 !important;
}

.bott-share a::after {
display: none !important;
}

.bsBox {
width: 232px !important;
height: 256px !important;
}

.bott-share a.bshare-zhihu {
background: url(../images/share1.png)no-repeat center !important;
width: 22px !important;
height: 22px !important;
}

.bott-share a.bshare-tx {
background: url(../images/share2.png)no-repeat center !important;
width: 24px !important;
height: 24px !important;
}

.bott-share a.bshare-bjh {
background: url(../images/share3.png)no-repeat center !important;
width: 28px !important;
height: 25px !important;
}

.bott-share a.bshare-tt {
background: url(../images/share4.png)no-repeat center !important;
width: 36px !important;
height: 24px !important;
}

.bottom1-top {
padding-bottom: 90px;
}

.bottom1-bot {
}

.bottom1bot-a {
font-size: 0;
margin: 0 -30px;
float: left;
}

.bottom1bot-a a {
padding: 0 30px;
display: inline-block;
font-size: 16px;
line-height: 36px;
color: rgba(255, 255, 255, .3);
transition: ease .5s;
}

.bottom1bot-a a:hover {
color: #fff;
}

.bottom1bot-right {
float: right;
width: 316px;
}

.bottom-lang {
float: left;
}

.bottom-lang span {
display: inline;
font-size: 14px;
line-height: 36px;
color: #fff;
text-transform: uppercase;
}

.bottom-lang a {
display: inline-block;
font-size: 16px;
line-height: 36px;
color: #888;
}

.bottom-lang a.on {
color: #fff;
margin-right: 5px;
}

.bottom-vis {
margin-left: 25px;
display: inline-block;
font-size: 16px;
line-height: 36px;
color: #fff;
width: 96px;
height: 36px;
border-radius: 30px;
background: #e8332a;
text-align: center;
transition: ease .5s;
}

.bottom-vis:hover {
background-color: #85c322;
}

/*footer -end*/
/*app-底部*/
.foot-app {
width: 100%;
background: url(../images/bottom.jpg)no-repeat center;
background-size: cover;
padding: 0;
padding-bottom: 0px;
display: none;
background-size: cover;
border-top: 1px solid #eeeeee;
}

.footer-menu {
padding: 0 15px;
}

.footer-top {
padding: 20px 20px;
}

.appfoot-ul {
padding: 10px 0;
border-bottom: 1px solid rgba(255, 255, 255, .5);
}

.appfoot-ul ul {
font-size: 0;
}

.appfoot-ul li {
display: inline-block;
margin: 5px 0;
}

.appfoot-ul li a {
display: block;
padding: 0 12px;
font-size: 16px;
color: rgba(0, 0, 0, 0.5);
line-height: 30px;
}

/* .footer-bot{padding: 20px 20px 40px;} */
.footer-tit {
position: relative;
border-bottom: 1px solid #e5e5e5;
}

.open .footer-tit a {
color: rgba(0, 0, 0, 1);
}

.footer-tit a {
font-size: 16px;
#color: rgba(0, 0, 0, 0.5);
line-height: 50px;
margin-right: 48px;
display: block;
}

.footer-tig {
font-size: 14px;
color: #333;
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.5);
}

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

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

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

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

.footer-left img {
display: block;
width: 100%;
}

.footer-right {
width: 100%;
}

.footer-right p {
font-size: 14px;
color: rgba(119, 119, 119, 0.5);
line-height: 26px;
}

.footer-right p a {
display: inline-block;
margin-right: 20px;
transition: ease .5s;
}

.footer-right p a:hover {
color: rgba(244, 222, 193, 1);
}

.footer-share {
text-align: right;
}

.footer-right .img {
float: right;
width: 16%;
text-align: center;
background: #373737;
padding: 7px;
padding-bottom: 5px;
}

.footer-right .imgg {
margin-bottom: 10px;
}

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

.footer-right .fr2 {
float: right;
}

.footer-share a {
display: inline-block !important;
float: none !important;
background: none !important;
font-size: 20px !important;
height: 30px !important;
line-height: 30px !important;
margin: 0 7px !important;
padding: 0 !important;
opacity: 1 !important;
color: rgba(255, 255, 255, 0.5) !important;
}

.foot-lx {
width: 50%;
}

.footer-bot .bottom2 {
background: transparent;
}

.footer-bot .left a:last-child {
margin-right: 0;
}

.footer-bot .bottom2 .left p {
float: none;
}

.footer-bot .left {
float: left;
}

.footer-bot .right {
float: right;
}

.footer-bot .bottom2-img {
float: right;
}

.footer-link,
.footer-link a {
line-height: 26px;
font-size: 14px;
color: rgba(244, 222, 193, .6);
}

.footer-link {
padding-bottom: 20px;
overflow: hidden;
}

.footer-link a {
display: block;
float: left;
margin-right: 15px;
}

.footer-link span {
float: left;
}

.footer-top .bottom-lx,
.footer-top .bottom-lx ul {
float: none;
}

.footertop-img {
margin-top: 10px;
}

.footer-top .bottom-ewm,
.footer-top .bott-share {
text-align: left;
}

/* .footer-right .img{width: 100%;margin: 0 auto;text-align: center;float: none;} */
.footer-right .img .image {
float: left;
width: 25%;
}

.footer-right .con1 {
float: none;
width: 100%;
text-align: center;
}

.footer-right .con1 .bdshare-button-style2-16 .bds_sqq,
.footer-right .con1 .bdshare-button-style2-16 .bds_tsina,
.footer-right .con1 .bdshare-button-style2-16 .bds_weixin {
background: none !important;
font-size: 20px !important;
float: none !important;
}

.footer-bot p:nth-child(2) {
margin-right: 0;
}

.footer-top .bottom1-ewm {
float: none;
}

.bottomlx-txt {
}

.footer-top .bottom-ewm,
.footer-top .bott-share,
.footer-top .bott-share .bshare-custom {
float: none;
text-align: center;
}

.footer-top .bottom1-font {
float: none;
text-align: center;
margin-right: 0;
margin-top: 15px;
}

.footer-top .bottom1-phone {
margin-top: 10px;
}

.foot-app .bottom-logo {
margin: 30px 0;
}

.header.on .logo img,
.ny-header .logo img {
display: none;
}

.header.on .logo img.logoon,
.ny-header .logo img.logoon {
display: block;
margin-top: -15px;
}

.header.on .navitem > a,
.ny-header .navitem > a {
color: #3b3e40;
}

.footer-top .bott-share,
.footer-top .bott-share .bshare-custom {
text-align: left;
}

.footer-top .bottom1-ewm {
float: none;
}

/*==================================home-banner==============================*/
.home-banner {
position: relative;
}

.pc-banner {
position: relative;
}

.banner-slide {
display: block;
position: relative;
}

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

.banner-font {
position: absolute;
top: 50%;
left: 0;
width: 100%;
text-align: center;
z-index: 4;
transform: translateY(-50%);
}

.banner-cont {
filter: alpha(opacity=0);
position: relative;
padding-bottom: 28px;
}

.banner-cont h3 {
font-size: 72px;
line-height: 80px;
font-weight: bold;
color: #fff;
position: relative;
letter-spacing: 8px;
}

.banner-cont h4 {
font-size: 30px;
line-height: 40px;
color: #fff;
font-weight: lighter;
}

.banner-cont em {
display: block;
width: 80px;
height: 2px;
background: #fff;
margin: 28px auto 25px;
}

.home-banner .swiper-slide-active .banner-cont {
opacity: 1;
filter: alpha(opacity=100);
transition: all .8s linear;
transition-delay: .1s;
}

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

.home-banner.app img {
width: 100%;
}

.home-appbanner {
width: 100%;
display: none;
}

.banner-nav {
position: absolute;
width: 100%;
top: 50%;
left: 0;
z-index: 5;
font-size: 0;
padding-top: 135px;
transform: translateY(-50%);
}

.pc-banner .swiper-pagination {
display: block;
bottom: 37px;
width: 100%;
}

.pc-banner .swiper-pagination-bullet {
width: 60px;
height: 4px;
border-radius: 40px;
background: #fff;
margin: 0 5px;
opacity: 1;
}

.pc-banner .swiper-pagination-bullet-active {
width: 60px;
background: #f56c6c;
}

.banner-bf {
display: inline-block;
width: 33px;
height: 33px;
margin: 0 12px;
cursor: pointer;
background: url(../images/banner-bf.png)no-repeat center;
background-size: 100% 100%;
}

.pc-banner .swiper-button-prev,
.pc-banner .swiper-button-next {
position: absolute;
display: inline-block;
margin: 0 0 10px;
font-size:50px;
color:#fff;
width: 50px;
height: 16px;
background: url(../images/banner-right_03.png)no-repeat center;
background-size: 100% 100%;
}
.pc-banner .swiper-button-prev:hover,
.pc-banner .swiper-button-next:hover {
color:red;
}

.pc-banner .swiper-button-prev {
transform: scaleX(-1);
}

.banner-img {
width: 100%;
}

.appbanner-img {
width: 100%;
display: none;
}

/* .home-banner .swiper-slide-active img {
visibility: visible !important;
-webkit-animation: scaleUpDown 6s infinite;
animation: scaleUpDown 6s infinite;
} */
@-webkit-keyframes scaleUpDown {
from {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}

to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}

@keyframes scaleUpDown {
from {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}

to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}

em.fontaw {
font-style: normal;
font-family: 'fontaw';
font-size: 20px;
position: relative;
z-index: 3;
}



.more {
margin: 0 auto;
position: relative;
z-index: 22;
width: 180px;
font-size: 18px;
border: 1px solid #fff;
border-radius: 30px;
height: 50px;
overflow: hidden;
display: block;
text-align: center;
color: white;
line-height: 50px;
transition: all .5s;
}

.more::after {
position: absolute;
content: '';
width: 0;
background: #f56c6c;
height: 100%;
transition: ease .5s;
left: 0;
top: 0;
z-index: 0;
}

.more span {
display: inline-block;
position: relative;
height: 100%;
z-index: 11;
#padding-right: 40px;
}

.more span::before {
position: absolute;
content: "";
width: 24px;
height: 24px;
background: url(../images/more.png)no-repeat center;
background-size: 100% 100%;
right: 0;
top: 50%;
transform: translateY(-50%);
}

.more:hover::after {
width: 100%;
}

.more:hover {
border-color: #f56c6c;
}

.banner-more {
margin-top: 55px;
border-color: #85c322;
}

.banner-more::after {
width: 100%;
}

.banner-more:hover::after {
background-color: #0264ab;
}

.banner-more:hover {
border-color: #0264ab;
}

/*home-banner -end*/
/* index */
.index-tit {
font-size: 54px;
line-height: 70px;
color: #333;
text-align: center;
}

.index-dec {
margin-top: 11px;
font-size: 18px;
line-height: 30px;
color: #444;
text-align: center;
}

/* .index-tit span{display: inline;font-size: 72px; font-family: "DIN-REGULAR";} */
/* 解决方案 */
.index-one {
padding: 72px 0 0;
}

.ino-con {
position: relative;
width: 100%;
margin-top: 44px;
}

.ino-slide {
width: 100%;
display: block;
position: relative;
/* transform: skewX(-10deg); */
}

.ino-img {
width: 100%;
height: 740px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

.ino-img img {
max-width: 100%;
display: none;
}

.ino-img::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: rgba(18, 102, 147, 0.8);
left: 0;
top: 0;
}

.ino-txt {
position: absolute;
width: 100%;
left: 0;
top: 50%;
transform: translateY(-50%);
text-align: center;
}

.ino-txt > div {
}

.ino-txt h3 {
font-size: 32px;
line-height: 40px;
color: #fff;
#font-weight: lighter;
}

.ino-txt p {
display: none;
margin-top: 22px;
font-size: 18px;
line-height: 30px;
color: #fff;
}

.ino-more {
display: none;
margin: 25px 0 0;
}

.ino-con .swiper-slide {
width: 17.23%;
transition: ease 1s;
}

/*.ino-con .swiper-wrapper{margin-left: -4%;}*/
.ino-con .swiper-slide.on {
width: 48.3%;
width: 56%;
}

.ino-con .swiper-slide.on {
width: 44% !important;
/* margin-left: -4%; */
}

.ino-con .swiper-slide.to {
width: 20% !important;
}

.ino-con .swiper-slide:last-child.on {
width: 58%;
}

.ino-con .swiper-slide.on .ino-more,
.ino-con .swiper-slide.on .ino-txt p {
display: block;
}

.ino-con .swiper-slide.on .ino-slide {
margin-left: 0;
position: relative;
z-index: 2;
}

.ino-con .swiper-slide.on .ino-txt {
text-align: left;
top: auto;
transform: translateY(0) skewX(0deg);
bottom: 0px;
padding: 50px 80px;
background: linear-gradient(to top, rgba(0, 0, 0, .5), transparent);
padding-left: 10%;
}

.ino-con .swiper-slide:first-child.on .ino-txt {
padding-left: 18.3%;
}

.ino-con .swiper-slide.on .ino-txt > div {
width: 74%;
transform: none;
}

.ino-con .swiper-slide.on .ino-img::before {
opacity: 0;
}

.ino-page {
position: absolute;
width: 100%;
top: 100%;
left: 0;
margin-top: 33px;
}

.ino-btn {
position: relative;
font-size: 0;
text-align: center;
}

.ino-con .swiper-button-prev,
.ino-con .swiper-button-next {
position: relative;
opacity: 1;
display: inline-block;
margin: 0;
top: 0;
right: 0;
left: 0;
font-size: 16px;
color: #999;
border-radius: 50%;
width: 30px;
height: 30px;
line-height: 30px;
background: none;
border: 1px solid #999;
}

.ino-con .swiper-pagination {
display: inline-block;
position: relative;
bottom: 0;
margin: 0 21px;
}
.ino-con .swiper-pagination-bullet {
    width: 100px;
    height: 8px;
    border-radius: 40px;
    background: #ccc;
    margin: 0 5px;
    opacity: 1;
}
#.ino-con .swiper-pagination-bullet {
width: 10px;
height: 10px;
background: #bfbfbf;
opacity: 1;
margin: 0 7px;
}

.ino-con .swiper-pagination-bullet-active {
width: 100px;
background: #f56c6c;
}
#.ino-con .swiper-pagination-bullet-active {
transform: translateY(3px);
width: 16px;
height: 16px;
background: rgba(2, 100, 171, .3);
position: relative;
}

.ino-con .swiper-pagination-bullet-active::before {
position: absolute;
content: "";
width: 10px;
height: 10px;
border-radius: 50%;
background: #fff;
left: 3px;
top: 3px;
}

/* .ino-img{background: none !important;font-size: 0;text-align: center;}
.ino-img img{display: inline-block;max-width: none;height: 100%;}
.ino-con .swiper-slide.on .ino-img img{width: 100%;} */
/* AI技术 */
.index-two {
position: relative;
padding: 143px 0 80px;
}

.index-two::before {
position: absolute;
content: "";
width: 573px;
height: 367px;
background: url(../images/intw-1.jpg)no-repeat center;
background-size: cover;
left: 0;
bottom: 0;
}

.index-two::after {
position: absolute;
content: "";
width: 597px;
height: 293px;
background: url(../images/intw-2.jpg)no-repeat center;
background-size: cover;
right: 0;
top: 0;
}

.index-two .index-tit,
.index-two .index-dec {
text-align: left;
}

.intw-swiper {
position: relative;
}

.intw-slide {
position: relative;
padding-top: 228px;
padding-bottom: 169px;
}

.intw-tit {
position: absolute;
width: 100%;
left: 0;
top: 102px;
}

.intw-video {
position: absolute;
right: 0;
top: 0;
width: 63.1%;
height: 100%;
display: block;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}

.intw-video::before {
position: absolute;
content: "";
width: 60px;
height: 60px;
/* background: url(../images/play-button.png)no-repeat center; */
background-size: 100% 100%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}

.intw-vdimg {
position: relative;
}

.intw-vdimg img {
display: none;
max-width: 100%;
}

.intw-con {
}

.intw-font {
float: left;
width: 33.5%;
padding-bottom: 160px;
}

.intw-font em {
display: block;
width: 2px;
height: 60px;
background: #0069af;
}

.intw-font h3 {
margin-top: 14px;
font-size: 40px;
line-height: 40px;
color: #333;
font-family: "DIN-REGULAR";
}

.intw-p {
margin-top: 19px;
max-height: 90px;
font-size: 18px;
line-height: 30px;
color: #555;
}

.intw-page {
position: absolute;
width: 100%;
left: 0;
bottom: 169px;
}

.intw-swiper .swiper-button-next,
.intw-swiper .swiper-button-prev {
background: none;
position: relative;
float: left;
width: 100px;
height: 100px;
line-height: 100px;
text-align: center;
margin-top: 0;
left: 0;
bottom: 0;
right: auto;
font-size: 18px;
color: #999;
opacity: 1;
}

.intw-swiper .swiper-pagination {
display: none;
width: 100%;
}

.intw-swiper .swiper-button-prev::after {
position: absolute;
content: "";
width: 1px;
height: 40px;
background: #d2d2d2;
right: 0;
top: 50%;
transform: translateY(-50%);
}

.intw-btn {
display: inline-block;
box-shadow: 0 10px 13px rgba(0, 105, 175, .15);
background: #fff;
position: relative;
z-index: 2;
}

.intw-swiper .swiper-button-next:hover,
.intw-swiper .swiper-button-prev:hover {
color: #0069af;
}

/* 实时焦点 */
.index-three {
padding: 0px;
}

.index-three .index-tit {
color: #000;
text-align: left;
}

.int-con {
}

.int-cont {
position: relative;
}

.int-img {
width: 48%;
height: 100%;
z-index: 2;
position: absolute;
left: 0;
padding-top:100px;
#bottom: 100px;
#top: 100px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

.int-img img {
#display: none;
max-height: 100%;
}

.int-txt {
padding-top: 100px;
}

.int-txt > div {
background: #fff;
position: relative;
padding: 82px 0 127px;
}

.int-txt > div::before {
position: absolute;
content: "";
width: 8.333%;
height: 100%;
background: #f7f7f7;
left: 0;
top: 0;
z-index: 1;
}

.abt1-font em {
display: block;
width: 50px;
height: 2px;
background: #000;
margin-top: 26px;
}

.abt1-font h4 {
margin-top: 26px;
font-size: 36px;
width:200px;
position: relative;
 top: -24px;
border-top: 1px solid #ccc;
line-height: 40px;
#color: #fff;
font-weight: lighter;
}

.int-font {
float: right;
width: 47%;
position: relative;
z-index: 2;
}

.int-font em {
display: block;
width: 50px;
height: 2px;
background: #000;
margin-top: 26px;
}

.int-font h4 {
#margin-top: 26px;
font-size: 36px;
width:200px;
position: relative;
#top: -25px;
border-top: 1px solid #ccc;
line-height: 40px;
#color: #fff;
font-weight: lighter;
}

.int-p {
#margin-top: 37px;
max-height: 470px;
font-size: 16px;
line-height: 40px;
font-family: 思源黑体 light;
#color: #000;
}

.int-p span {
display: inline;
font-size: 30px;
font-family: "DINMITTELSCHRIFTSTD";
}

.int-more {
margin: 40px 0 0;
}

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

/* 关于我们 */
.index-four {
padding: 71px 0 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
}

.infou-con {
margin-top: 45px;
position: relative;
}

.infou-img {
width: 36.45%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

.infou-img img {
display: none;
max-width: 100%;
}

.infou-txt {
}

.infou-font {
width: 90%;
padding-left: 33.9%;
background: #fff;
box-shadow: 0 0 13px rgba(0, 0, 0, .1);
}

.infou-font > div {
padding: 98px 80px 111px;
}

.infou-font h3 {
font-size: 36px;
line-height: 40px;
color: #333;
}

.infou-font em {
margin: 26px 0 15px;
display: block;
width: 2px;
height: 40px;
background: #333;
}

.infou-p {
font-size: 18px;
line-height: 40px;
color: #666;
}

.infou-p d.infou-color {
display: inline;
color: #0264ab;
}

.infou-ul {
margin-top: 55px;
}

.infou-ul ul {
margin-top: -46px;
}

.infou-ul li {
float: left;
width: 33.333%;
margin-top: 46px;
}

.infou-ul li > div {
}

.infou-ul li h3 {
color: #333;
font-size: 0;
line-height: 70px;
height: 70px;
}

.infou-ul li h3 span {
font-size: 48px;
font-family: "DIN-REGULAR";
}

.infou-ul li h3 span:nth-child(1) {
font-size: 72px;
font-family: "DINMITTELSCHRIFTSTD";
}

.infou-ul li h3 d {
display: inline;
font-family: "DINPro-Regular";
font-size: 30px;
}

.infou-ul li p {
margin-top: 3px;
font-size: 18px;
line-height: 30px;
color: #333;
}

.infou-ul li:hover h3 {
color: #0264ab;
}


/* 新闻中心 */
.index-fiv {
padding-top: 80px;
}

.infiv-con {
margin: 45px auto;
width: 1150px;
}

.infiv-ul {
width: 1300px
margin: 0 auto;
}

.infiv-ul li {
float: left;
width: 25%;
padding: 0 5px;
}

.infiv-ul li a {
display: block;
}

.infiv-img {
overflow: hidden;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}

.infiv-img img {
width: 100%;
transition: ease 1s;
}

.infiv-txt {
padding: 34px 30px 33px;
background: #fff;
box-shadow: 0 0 13px rgba(0, 0, 0, .1);
height: 150px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}

.infiv-txt h3 {
font-size: 23px;
font-weight:bold;
#line-height: 30px;
margin-bottom: 10px;
color: #333;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

.infiv-txt span {
margin-top: 18px;
display: block;
font-size: 16px;
line-height: 30px;
color: #666;
font-family: "Arial";
}

.infiv-txt p {
margin-top: 1px;
font-size: 13.5px;
line-height: 30px;
color: #666;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
height: 25px;
}

.infiv-ul li:hover .infiv-txt h3 {
#color: #0264ab;
}

.infiv-ul li:hover .infiv-img img {
transform: scale(1.05);
}

/*客服*/
/* */
/* ===kf==== */
.kf {
transition: .8s;
z-index: 999999;
background-color: transparent;
position: fixed;
top: 50%;
right: 10px;
width: 50px;
border-radius: 5px;
}

.kf span {
z-index: 1000001;
transition: .5s;
cursor: pointer;
position: relative;
display: block;
width: 50px;
height: 50px;
border-radius: 5px;
margin-bottom: 3px;
}

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

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

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

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

.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: #a7afb9 url(../images/kefu-qq.png)no-repeat center;
}

.kf .zxlya {
background: #a7afb9 url(../images/kf-wx_03.png)no-repeat center;
}

.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: #a7afb9 url(../images/kf-ly_03.png)no-repeat center;
}

.shou {
z-index: 1000000;
cursor: pointer;
width: 30px;
height: 40px;
top: 47%;
margin-top: -15px;
border-radius: 5px 0 0 5px;
right: 62px;
background: transparent url(../images/zk1.png)no-repeat center left;
position: absolute;
box-shadow: none;
}

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

.kf-phone {
background: #a7afb9 url(../images/kf-phone1.png)no-repeat center;
}

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

.kf-phone1 .kfimgr,
.zxwb .kfimgr {
bottom: 10px;
}

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

.kf-shqi .m-icon {
display: block;
margin: 0 auto;
width: 30px;
height: 30px;
border-radius: 50%;
background: #a7afb9 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: #85c322;
}

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

.shou {
z-index: 1000000;
cursor: pointer;
width: 30px;
height: 40px;
top: 47%;
margin-top: -15px;
border-radius: 5px 0 0 5px;
right: 62px;
background: transparent url(../images/zk1.png)no-repeat center left;
position: absolute;
box-shadow: none;
}

.kffixed {
position: fixed;
display: none;
bottom: 0;
z-index: 20;
width: 100%;
height: 49px;
overflow: hidden;
}

.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: 49.5%;
height: 45px;
display: block;
float: left;
line-height: 45px;
opacity: 1;
transition: 1s opacity;
}

.kfzx-enter {
opacity: 0
}

.kf-zx {
display: block;
width: 100%;
height: 100%;
color: #fff;
line-height: 45px;
text-align: center;
background: #b5b5b5;
}

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

.teldb {
width: 49.5%;
background: rgba(0, 0, 0, 0.6);
background-size: contain;
margin: 0 1px;
position: relative;
}

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

.teldb a {
color: white;
}

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

@media (max-width:991px) {
.kf {
display: none;
}

.kffixed {
display: block;
}
}

/* app-kf */
.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: 49.5%;
height: 45px;
display: block;
float: left;
line-height: 45px;
opacity: 1;
transition: 1s opacity;
}

.kfzx-enter {
opacity: 0
}

.kf-zx {
display: block;
width: 100%;
height: 100%;
color: #fff;
line-height: 45px;
text-align: center;
background: rgba(0, 105, 175, 0.9);
}

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

.teldb {
width: 49.5%;
background: rgba(0, 0, 0, 0.6);
background-size: contain;
margin: 0 1px;
position: relative;
}

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

.teldb a {
color: white;
}
.sectiontop {
height: 70px;
}

@media(max-width:1919px) {
.sectiontop {
height: 70px;
}
.navitem {
padding: 0 15px;
}

.navbar {
margin: 0 -20px;
margin-left: 30px;
}

.index-tit {
font-size: 48px;
line-height: 60px;
}

.banner-cont h3 {
font-size: 60px;
line-height: 70px;
}

.banner-cont h4 {
font-size: 28px;
}

.infou-font h3 {
font-size: 30px;
line-height: 40px;
}

.infou-ul li h3 span:nth-child(1) {
font-size: 56px;
}

.infou-ul li h3 span {
font-size: 40px;
}

.intw-font h3 {
font-size: 32px;
}

.int-font h4 {
font-size: 30px;
}

.infou-p {
line-height: 30px;
}

.infou-ul li h3 {
line-height: 60px;
height: 60px;
}

.infou-ul li {
margin-top: 30px;
}

.infou-ul ul {
margin-top: -30px;
}

.infou-ul {
margin-top: 40px;
}

.infou-font {
padding-left: 35.9%;
}

.infou-font > div {
padding: 80px 65px;
}

.int-p span {
font-size: 22px;
}

.int-p {
line-height: 34px;
margin-top: 24px;
max-height: 400px;
}

.int-txt > div {
padding: 80px 0;
}

.int-txt,.int-img {
padding-top: 70px;
}

.int-font {
width: 51%;
}

.intw-page {
bottom: 0;
}

.intw-tit {
top: 30px;
}

.intw-slide {
padding-top: 145px;
padding-bottom: 60px;
}

.intw-swiper .swiper-button-next,
.intw-swiper .swiper-button-prev {
width: 80px;
height: 80px;
line-height: 80px;
}

.index-two::before {
width: 400px;
height: 300px;
}

.index-two::after {
width: 450px;
height: 240px;
}

.intw-font {
padding-bottom: 120px;
}

.header .logo,
.header.on .logo,
.ny-header .logo {
#margin: 10px 0 40px;
}

.ino-txt h3 {
font-size: 30px;
}

.ino-con .swiper-slide.on {
width: 58%;
}

.ino-con .swiper-slide:last-child.on {
width: 58%;
}

.ino-txt h3 {
font-size: 30px;
}

.ino-con .swiper-slide.on {
width: 48.3%;
}

.ino-con .swiper-slide:last-child.on {
width: 48.3%;
}

/* .ino-img{background: none !important;height: auto;} */
.ino-slide {
transform: none;
}

.ino-txt {
transform: translateY(-50%) skewX(0deg);
}

.ino-con .swiper-slide.on .ino-txt {
transform: translateY(0%) skewX(0deg);
}

.ino-con .swiper-slide.on .ino-txt > div {
transform: none;
}

.ino-con .swiper-wrapper {
margin-left: 0;
}

.ino-con .swiper-slide:first-child.on .ino-txt,
.ino-con .swiper-slide.on .ino-txt,
.ino-con .swiper-slide .ino-txt,
.ino-con .swiper-slide:first-child.on .ino-txt {
padding: 50px 60px;
}

/* .ino-hideslide{display: none;} */
.ino-con .swiper-slide.on {
width: 36% !important;
}

.ino-con .swiper-slide.to {
width: 21.3% !important;
width: auto;
}
}

@media(max-width:1679px) {
.header .logo img {
#width: 240px;
#height: 21px;
}
}

@media(max-width:1459px) {
.header-right {
margin-left: 25px;
}

.header-language {
margin-left: 20px;
}

.header-login {
margin-right: 20px;
}

/* .header .logo img{width: 180px;height: 16px;}
.header .logo,.header.on .logo, .ny-header .logo{margin: 42px 0;} */
.navbar {
margin: 0 -10px;
margin-left: 40px;
}

.navitem {padding: 0 7px;}

.navitem > a {
font-size: 18px;
}

.banner-cont h3 {
font-size: 46px;
line-height: 60px;
}

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

.banner-cont em {
width: 60px;
margin: 20px auto 16px;
}

.banner-more {
margin-top: 40px;
}

.index-tit {
font-size: 40px;
line-height: 50px;
}

.index-dec {
margin-top: 6px;
}

.intw-font h3 {
font-size: 30px;
}

.int-font {
width: 51%;
}

.intw-font em {
height: 40px;
}

.intw-p,
.ino-txt p,
.infou-p,
.infou-ul li p {
font-size: 16px;
}

.int-font h4 {
font-size: 26px;
}

.int-p {
font-size: 16px;
margin-top: 12px;
}

.int-font h4,
.int-font em {
#margin-top: 18px;
}

.int-font em {
width: 40px;
}

.int-more {
margin: 30px 0 0;
}

.int-txt > div {
padding: 60px 0;
}

.intw-font {
padding-bottom: 90px;
}

.intw-p {
margin-top: 10px;
}

.intw-swiper .swiper-button-next,
.intw-swiper .swiper-button-prev {
width: 60px;
height: 60px;
line-height: 60px;
}

.index-two {
padding: 120px 0 60px;
}

.intw-video::before {
width: 50px;
height: 50px;
}

.infou-font h3 {
font-size: 26px;
}

.infou-ul li h3 span:nth-child(1) {
font-size: 42px;
}

.infou-ul li h3 span {
font-size: 30px;
}

.infou-ul li h3 d {
font-size: 22px;
}

.infou-ul li h3 {
height: 50px;
line-height: 50px;
}

.infou-ul li {
margin-top: 20px;
padding: 0 10px;
}

.infou-ul ul {
margin: 0 -10px;
margin-top: -20px;
}

.infou-ul {
margin-top: 30px;
}

.infou-font > div {
padding: 60px 50px;
}

.infiv-txt {
padding: 34px 25px 33px;
}

.infiv-ul li {
padding: 0 10px;
}

.infiv-ul {
margin: 0 -10px;
}

.bottom-ul ul {
#margin: 0 55px;
}

.bottom-ul {
#margin: 0 -42px;
#padding-left:12%;
}

.infou-font em {
margin: 20px 0 15px;
}

.index-two::before {
width: 350px;
height: 240px;
}

.index-two::after {
width: 380px;
height: 200px;
}

.infou-font {
padding-left: 34.9%;
}

.ino-img {
height: 680px;
}

.ino-txt h3 {
font-size: 26px;
}

.ino-txt p {
margin-top: 10px;
}
}

@media(max-width:1259px) {
.banner-cont h3 {
font-size: 36px;
line-height: 50px;
}

.banner-cont h4 {
font-size: 22px;
}

.banner-cont em {
margin: 12px auto 8px;
}

.banner-more {
margin-top: 30px;
}

.header,
.footer {
display: none !important;
}

.foot-app {
display: block !important;
background: #fff;
}

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



.bott-share {
margin-top: 15px;
}

.more {
width: 140px;
height: 40px;
line-height: 40px;
font-size: 16px;
}

.more span::before {
width: 20px;
height: 20px;
}

.more span {
#padding-right: 30px;
}

.index-tit {
font-size: 32px;
line-height: 40px;
}

.index-dec {
font-size: 16px;
margin-top: 4px;
}

.intw-slide {
padding: 110px 0 60px;
}

.intw-font {
padding-bottom: 40px;
}

.ino-page {
margin-top: 20px;
}

.int-font h4 {
font-size: 24px;
}

.int-font h4,
.int-font em {
#margin-top: 12px;
}

.int-p {
line-height: 30px;
max-height: 120px;
}

.int-p span {
font-size: 20px;
}

.int-txt,.int-img {
padding-top: 40px;
}

.infou-font {
padding-left: 34.5%;
}

.infou-font > div {
padding: 60px 42px;
}

.infou-ul li h3 span:nth-child(1) {
font-size: 36px;
}

.infou-ul li h3 d {
font-size: 20px;
}

.infou-ul li h3 span {
font-size: 24px;
}

.infou-ul li h3 {
height: 40px;
line-height: 40px;
}

.infou-font {
width: 93%;
}

.bottomlx-txt {
text-align: left;
}

.bottom2 {
padding: 0 15px;
}

.infiv-txt {
padding: 25px 20px;
height: 185px;
}

.infiv-txt span {
margin-top: 10px;
}

.infiv-txt p {
margin-top: 5px;
}

.int-txt > div {
padding: 60px 0 50px;
}

.intw-font h3 {
font-size: 26px;
}

.ino-con .swiper-slide.on .ino-txt > div {
width: 95%;
}

/*.ino-con .swiper-slide.on{width: 60%;}
.ino-con .swiper-slide{width: 25.5%;}*/
.ino-img {
height: 600px;
}

.ino-con .swiper-slide:first-child.on .ino-txt,
.ino-con .swiper-slide.on .ino-txt,
.ino-con .swiper-slide .ino-txt,
.ino-con .swiper-slide:first-child.on .ino-txt {
padding: 35px 40px;
}

.ino-img {
height: 600px;
}
}

@media(max-width:991px) {

.kffixed {
display: block;
}

.banner-cont h3 {
font-size: 32px;
line-height: 50px;
}

.banner-cont h4 {
font-size: 20px;
line-height: 30px;
}

.pc-banner .swiper-pagination-bullet {
width: 20px;
}

.pc-banner .swiper-pagination-bullet-active {
width: 35px;
}

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

.footer-bot {
padding-bottom: 45px;
}

.bottom2 .bottom2-con {
padding: 10px 0;
}

.index-two .index-tit,
.index-two .index-dec {
text-align: center;
}

.intw-video {
background: none !important;
position: relative;
width: 100%;
top: 0;
height: auto;
left: 0;
}

.intw-vdimg img {
display: inline-block;
}

.intw-vdimg {
text-align: center;
font-size: 0;
}

.intw-video::before {
z-index: 2;
}

.intw-font {
float: none;
width: 100%;
padding-bottom: 10px;
}

.intw-font em {
display: none;
}

.intw-btn {
display: none;
}

.intw-page {
position: relative;
width: 100%;
}

.intw-swiper .swiper-pagination {
display: block;
position: relative;
}

.intw-tit {
position: relative;
top: 0;
}

.intw-slide {
padding: 0;
}

.index-two::after,
.index-two::before {
display: none;
}

.intw-swiper .swiper-container {
margin-top: 30px;
}

.int-img {
font-size: 0;
text-align: center;
padding: 0 10%;
background: none !important;
position: relative;
width: 100%;
top: 0;
height: auto;
left: 0;
bottom: 0;
}

.int-img img {
display: inline-block;
}

.int-txt {
padding-top: 0px;
}

.index-tit {
font-size: 28px;
line-height: 34px;
}

.int-font h4 {
font-size: 20px;
}

.int-font {
width: 100%;
}

.int-txt > div::before {
display: none;
}

.int-p {
max-height: none;
height: auto;
}

.infou-img {
padding: 0 15px;
font-size: 0;
text-align: center;
background: none !important;
position: relative;
width: 100%;
top: 0;
height: auto;
left: 0;
}

.infou-img img {
display: inline-block;
}

.infou-font {
width: 100%;
padding: 0;
}

.infou-ul li h3 span:nth-child(1) {
font-size: 32px;
}

.infiv-ul li {
margin-top: 15px;
width: 50%;
}

.infiv-ul {
margin-top: -15px;
}

.intw-p,
.infou-p {
max-height: none;
height: auto;
}

.ino-img img {
display: inline-block;
}

.ino-img {
background: none !important;
height: auto;
}

.ino-slide {
transform: none;
}

.ino-txt {
transform: translateY(-50%) skewX(0deg);
}

.ino-con .swiper-slide.on .ino-txt {
transform: translateY(0%) skewX(0deg);
}

.ino-con .swiper-slide.on .ino-txt > div {
transform: none;
}

.ino-con .swiper-wrapper {
margin-left: 0;
}

.ino-con .swiper-slide:first-child.on .ino-txt,
.ino-con .swiper-slide.on .ino-txt,
.ino-con .swiper-slide .ino-txt {
padding: 40px 30px;
}

.ino-txt h3 {
font-size: 20px;
line-height: 30px;
}

.ino-con .swiper-slide.on .ino-txt > div {
width: 100%;
}

.ino-more {
margin: 20px 0 0;
}

.ino-con .swiper-slide.on {
width: 49% !important;
}

.ino-con .swiper-slide.to {
width: 49% !important;
}

.ino-con {
padding: 0 15px;
}
}

@media(max-width:767px) {

.pc-banner .swiper-button-prev, .pc-banner .swiper-button-next{
display:none;
}
.imgif1{
    width: 100%;
    height: 170px;
    margin: 0 auto;
    animation-name: myani;
    animation-duration: 20s;
    animation-timing-function: step-end;
    animation-iteration-count:infinite;
}
.imgif2{
    width: 100%;
    height: 100px;
    margin: 0 auto;
    animation-name: myani2;
    animation-duration: 10s;
    animation-timing-function: step-end;
    animation-iteration-count:infinite;
}
.imgif3{
    width: 100%;
    height: 100px;
    margin: 0 auto;
    animation-name: amyani3;
    animation-duration: 20s;
    animation-timing-function: step-end;
    animation-iteration-count:infinite;
}
.imgif4{
    width: 100%;
    height: 170px;
    margin: 0 auto;
    animation-name: amyani4;
    animation-duration: 20s;
    animation-timing-function: step-end;
    animation-iteration-count:infinite;
}
.wzi2 {
    width: 100%;
    margin: 0 auto;
}
.sectiontop {
height: 0px;
}

.bsBox {
width: 163px !important;
height: 186px !important;
margin-left: -82px !important;
}

.bsTop {
width: 151px !important;
}

.bsFrameDiv > div {
width: 140px !important;
height: 150px !important;
}

.bsFrameDiv img {
width: 130px !important;
height: 130px !important;
margin: 10px !important;
}

.index-one,
.index-two,
.index-four {
padding: 40px 0;
}

.index-tit {
font-size: 28px;
line-height: 34px;
}

.index-dec {
font-size: 16px;
line-height: 30px;
width: 50px;
margin: 10px 0 0 42%;
border-bottom: 2px solid #f56c6c;
}

.banner-cont h3 {
font-size: 26px;
line-height: 40px;
letter-spacing: 3px;
}

.banner-cont h4 {
font-size: 16px;
margin-top: 5px;
}

.banner-cont {
padding-bottom: 20px;
}

.banner-more {
margin: 22px auto 0;
}

.infiv-con {
    width: 100%;
}

.ino-con,
.intw-swiper .swiper-container,
.infou-con,
.infiv-con {
margin-top: 20px;
}

.int-font h4 {
font-size: 18px;
line-height: 30px;
}

.infou-font h3 {
font-size: 20px;
line-height: 30px;
}

.infou-font em {
height: 24px;
margin: 10px 0;
}

.infou-font > div {
padding: 30px 25px;
}

.infou-ul {
margin-top: 20px;
}

.index-fiv {
padding-top: 10px;
}

.infiv-txt h3 {
font-size: 22px;
font-weight: normal;
}

.infiv-txt span {
font-size: 14px;
line-height: 24px;
margin: 5px 0 0;
}

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

.infou-ul li h3 span:nth-child(1) {
font-size: 28px;
}

.infou-ul li h3 span {
font-size: 20px;
}

.infou-ul li h3 d {
font-size: 18px;
}

.infou-ul li h3 {
height: 30px;
line-height: 30px;
}

.intw-p,
.ino-txt p,
.infou-p,
.infou-ul li p,
.int-p {
font-size: 12px;
line-height: 24px;
margin: 0 24px;
text-align: justify;
}

.infiv-txt p {
font-size: 16px;
line-height: 24px;
height: 28px;
}

.infiv-txt {
height: 162px;
}

.int-p span {
font-size: 18px;
}

.int-p {
line-height: 26px;
}

.intw-font h3 {
font-size: 22px;
line-height: 30px;
}

.int-txt > div {
padding: 40px 0;
}

.int-more {
margin: 20px 0 0;
}

.intw-video::before {
width: 42px;
height: 42px;
}

.ino-con .swiper-button-prev,
.ino-con .swiper-button-next {
display: none;
}

.ino-txt,
.ino-con .swiper-slide.on .ino-txt,
.swiper-slide .ino-txt,
.ino-con .swiper-slide.on .ino-txt,
.ino-con .swiper-slide .ino-txt,
.ino-con .swiper-slide:first-child.on .ino-txt,
.ino-con .swiper-slide.on .ino-txt,
.ino-con .swiper-slide .ino-txt {
text-align: left;
transform: none;
padding: 30px 20px;
position: relative;
top: 0;
background: #fff;
box-shadow: 0 0 13px rgba(0, 0, 0, .1);
}

.ino-img::before {
display: none;
}

.ino-txt h3 {
color: #333;
#font-weight: 600;
}

.ino-txt p {
color: #666;
}

.ino-txt p,
.ino-more {
dsplay: block;
}

.ino-more::after {
width: 100%;
}

.ino-con .swiper-container {
padding: 0 15px 10px;
}

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

@media(max-width:640px) {

.int-txt0{
height: 10px;
}
.banner-slide img.home-appbanner {
display: block;
}

.banner-slide img.home-pcbanner {
display: none;
}
.banner-slide video.home-pcbanner {
display: none;
}

.bottomlx-txt h4 {
font-size: 16px;
}

.infou-ul li {
width: 50%;
}

.infou-font > div {
padding: 30px 20px;
}

.bottomlx-txt h3 {
font-size: 24px;
}

.int-img {
padding: 15px 0 0 0;
}

.ino-con .swiper-slide.on {
width: 100% !important;
}

.ino-con .swiper-slide.to {
width: 100% !important;
}

.ino-con {
padding: 0;
}
}

@media(max-width:530px) {
.infiv-ul li {
width: 100%;
}
}

@media(max-width:375px) {
}

@media(max-width:320px) {
}

.ny-header {
background: #fff;
}

.ny-header .header-language a {
color: #333;
}

.ny-header .header-language a.on {
color: #fff;
}

#ino-p1 {
display: none;
}

#ino-p span {
opacity: 0;
}

/* 内页 */
.ny-padd {
padding: 75px 0 80px;
}

/* ny-banner */
.nybanner {
position: relative;
height: 700px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

.about-banner {
height: 550px;
}

.abtbanner-vedio {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}

.abtbanner-vedio::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .5);
left: 0;
top: 0;
}

.nyappbanner {
width: 100%;
display: none;
}

.nybanner-con {
position: absolute;
width: 100%;
left: 0;
top: 50%;
transform: translateY(-50%);
}

.nybanner-font {
text-align: center;
padding-top: 45px;
}

.solu-font {
padding-top: 95px;
}

.nybanner-font h3 {
font-size: 60px;
line-height: 70px;
color: #fff;
}

.nybanner-font h4 {
margin-top: 9px;
font-size: 30px;
line-height: 40px;
color: #fff;
font-weight: lighter;
}

.nybanner-font span {
margin-top: 16px;
display: inline-block;
width: 50px;
height: 3px;
background: #fff;
}

.bread {
position: absolute;
width: 100%;
bottom: 0;
right: 0;
text-align: right;
font-size: 16px;
line-height: 30px;
color: #fff;
padding: 24px 0 20px;
}

.bread p {
}

.bread a {
position: relative;
display: inline-block;
transition: ease .5s;
}

.bread a:first-child {
padding-left: 25px;
}

.bread a:first-child::before {
position: absolute;
content: "";
width: 15px;
height: 19px;
background: url(../images/bread.png)no-repeat center;
background-size: 100% 100%;
left: 0;
top: 50%;
transform: translateY(-50%);
}

.bread a:hover {
color: #0264ab;
}

.wtbread {
color: #999;
position: relative;
}

.wtbread a:first-child::before {
background-image: url(../images/breada.png);
}

.banner-menu {
position: relative;
height: auto;
padding-top: 55px;
}

.menu-cont {
position: relative;
padding-bottom: 0px;
margin-bottom: -1px;
}

.menu {
border-bottom: 1px solid #dcdcdc;
text-align: left;
max-width: 1100px;
margin: 0 auto;
font-size: 0;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
background: transparent;
}

.menu::-webkit-scrollbar {
height: 1px;
background-color: #ccc;
}

.menu::-webkit-scrollbar-thumb {
background-color: #ccc;
#border-radius: 10px;
}

.menu a {
display: inline-block;
position: relative;
padding: 20px 10px;
margin: 0 30px;
background: transparent;
font-size: 24px;
line-height: 30px;
color: #888;
}

.menu a::before {
position: absolute;
content: "";
width: 0;
height: 3px;
background: #0264ab;
left: 50%;
transform: translateX(-50%);
bottom: 0;
transition: ease .5s;
}

.menu a.on::before {
width: 100%;
}

.appli-menu a.on::before {
display: none;
}

.menu a.on {
color: #0264ab;
}

.menu a:hover {
color: #f56c6c;
border-bottom: 2px solid #f56c6c;
}

.menu-nav {
padding-top: 51px;
}

.navmenu-con {
text-align: center;
width: 100%;
font-size: 0;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
background: transparent;
}

.navmenu-con::-webkit-scrollbar {
height: 3px;
background-color: #fff;
}

.navmenu-con::-webkit-scrollbar-thumb {
background-color: #85c322;
border-radius: 10px;
}

.navmenu-con a {
display: inline-block;
position: relative;
background: transparent;
padding: 10px 40px;
font-size: 18px;
line-height: 30px;
color: #666;
transition: ease .5s;
}

.navmenu-con a.on {
color: #fff;
background: #0264ab;
border-radius: 30px;
}

.navmenu-con a:hover {
color: #0264ab;
}

.navmenu-con a.on:hover {
color: #fff;
}

.navmenu-con a::after {
position: absolute;
content: "";
width: 1px;
height: 15px;
background: #dedede;
top: 50%;
transform: translateY(-50%);
right: 0px;
}

.navmenu-con a:last-child::after,
.navmenu-con a.on::after {
display: none;
}

/* ===============nav-second=========== */
.appsecond-nav {
position: relative;
display: none;
z-index: 200;
}

.bot {
position: absolute;
top: 48px;
background: #fff;
z-index: 10;
}

.se-bot {
width: 100%;
display: none;
}

.se-top {
height: 48px;
line-height: 48px;
border-bottom: solid 1px #d8d8d8;
position: relative;
}

.se-top1 {
background: #fff;
}

.se-top .se-a {
color: #444;
font-size: 16px;
display: block;
padding: 0px 20px;
}

.se-tig.P_tig {
font-size: 16px;
color: #333;
text-align: center;
transition: all .5s;
line-height: 48px;
width: 48px;
height: 48px;
position: absolute;
right: 0;
top: 0;
z-index: 2;
}

.se-btop {
height: 48px;
line-height: 48px;
}

.se-a1 {
color: #444;
font-size: 16px;
padding: 0px 20px;
display: block;
}

.se-a1.hover {
color: #fff;
background: #0264ab;
border-bottom: solid 1px #fff;
}

.se-tig.P_tig.open {
transform: rotateZ(90deg);
opacity: 1;
}

.se-bottom {
display: none;
background: white;
}

.se-bottom a {
display: block;
font-size: 14px;
color: #888;
border-bottom: 1px solid #eee;
padding: 10px 30px;
}

.se-bottom a.on {
font-weight: bold;
}

.se-btop.active .se-tig.P_tig {
color: #fff;
}

.se-btop.active .se-a1 {
background: #0264ab;
color: #fff;
border-bottom: 1px solid #fff;
}

/* 分页 */

.lpage {
font-size: 0;
padding: 20px 0;
width: 100%;
text-align: center;
position: relative;
border: 1px solid #e5e5e5;
border-right: none;
border-left: none;
}

.lpage a {
display: inline-block;
font-size: 24px;
line-height: 30px;
color: #333;
margin: 0 5px;
background: transparent;
font-family: "DIN-REGULAR";
padding: 5px;
width: 40px;
text-align: center;
transition: ease .5s;
}

.lpage a.on,
.lpage a:hover {
color: #0264ab;
}

.lpage a.on {
font-weight: bold;
}

.info-page {
font-size: 0;
text-align: center;
position: relative;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
padding: 15px 0 9px;
}

.info-page a {
display: inline-block;
font-size: 18px;
line-height: 30px;
color: #0264ab;
}

.info-left {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 33.33%;
background: url(../images/info-left.png)no-repeat center left;
background-size: 22px 14px;
padding-left: 40px;
}

.info-page a.info-cent {
color: #666;
padding-top: 26px;
display: inline-block;
position: relative;
}

.info-page a.info-cent::before {
position: absolute;
content: "";
width: 23px;
height: 23px;
background: url(../images/infopage-cen.png)no-repeat center;
background-size: 100% 100%;
transition: ease 1s;
top: 0;
left: 50%;
transform: translateX(-50%);
}

.info-page a.info-cent:hover::before {
transform: rotate(180deg) translateX(50%);
}

.info-right {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 33.33%;
background: url(../images/info-right.png)no-repeat center right;
background-size: 22px 14px;
padding-right: 40px;
}

/* ==============anchor============= */
.anchor {
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 15px 0;
z-index: 490;
background: #fff;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
text-align: center;
display: none;
}

.anchor li {
display: inline-block;
vertical-align: middle;
margin: 0 5px;
}

.anchor li a {
display: block;
padding: 0 26px;
font-size: 14px;
line-height: 34px;
text-align: center;
color: #333;
transition: all .3s;
}

.anchor li.on a {
color: #fff;
background: #85c322;
}

.anchor li a:hover {
color: #85c322;
}

.anchor li.on a:hover {
color: #fff;
}

/*视频弹窗*/
.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%;
transform: translateX(-50%);
top: 0;
margin-top: -262px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.msg-box .close-box {
width: 38px;
height: 38px;
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);
}

/*视频弹窗 -end*/
.newxq-share {
}

.newxq-share a {
display: inline-block !important;
background: none !important;
font-size: 18px !important;
width: 32px !important;
height: 32px !important;
line-height: 31px !important;
text-align: center;
border-radius: 50% !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
color: rgba(255, 255, 255, 1) !important;
transition: ease .5s !important;
padding-left: 0 !important;
text-decoration: none !important;
margin-right: 10px !important;
margin-bottom: 10px !important;
}

.newxq-share a:last-child {
margin-right: 0 !important;
}

.newxq-share a.icon-weibo {
background: #da3c3c !important;
}

.newxq-share a.icon-weixin {
background: #21ba41 !important;
}

.newxq-share a.icon-qq {
background: #3e91ee !important;
}

.newxq-share a.icon-kongjian {
background: #f4c50b !important;
}

.newxq-share a.icon-baidu {
background: #3245df !important;
}

.newxq-share a.icon-share-hole {
color: #999 !important;
}

.newxq-share .bshare-custom {
margin-top: 20px;
}

/* ============== williamhill官网 ============= */
.pro {
background: #f9f9f9;
}

.pro-con {
padding-top: 50px;
}

.pro-ul {
margin: 0 -12.5px;
margin-top: -25px;
}

.pro-ul li {
float: left;
width: 33.333%;
padding: 0 12.5px;
margin-top: 25px;
}

.pro-ul li a {
display: block;
border: 1px solid #eee;
background: #fff;
}

.pro-img {
overflow: hidden;
font-size: 0;
text-align: center;
padding: 29px 38px 30px;
}

.pro-img img {
max-width: 100%;
display: inline-block;
transition: ease 1s;
}

.pro-txt {
padding: 22px 38px 30px;
border-top: 1px solid #eee;
}

.pro-txt h4 {
font-size: 16px;
line-height: 30px;
color: #999;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

.pro-txt h3 {
margin-top: 4px;
font-size: 16px;
line-height: 30px;
color: #666;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
transition: ease .5s;
}

.pro-txt span {
margin-top: 38px;
display: block;
font-size: 14px;
line-height: 34px;
width: 110px;
height: 35px;
text-align: center;
color: #adadad;
border: 1px solid #dcdcdc;
transition: ease .5s;
}

.pro-ul li:hover .pro-img img {
transform: scale(1.05);
}

.pro-ul li:hover .pro-txt h3 {
color: #0264ab;
}

.pro-ul li:hover .pro-txt span {
color: #fff;
background: #0264ab;
border-color: #0264ab;
}

.pro-page {
margin-top: 80px;
}

@media(max-width:1459px) {
.pro-txt span {
margin-top: 20px;
}

.pro-page {
margin-top: 40px;
}
}

@media(max-width:1259px) {
.pro-ul li {
padding: 0 10px;
margin-top: 20px;
}

.pro-ul {
margin: -20px -10px 0;
}

.pro-txt {
padding: 22px 25px 30px;
}

.pro-con {
padding-top: 40px;
}
}

@media(max-width:991px) {
.pro-img {
padding: 25px 28px 25px;
}
}

@media(max-width:767px) {
.pro-ul li {
width: 50%;
}
}

@media(max-width:640px) {
.pro-ul li {
width: 100%;
}

.pro-txt span {
margin-top: 15px;
}

.pro-txt {
padding: 22px 20px 30px;
}
}

/* ================== 产品详情 ============== */
.proinfo {
}

.pri-con {
padding-top: 6px;
}

.proinfo-one {
}

.pri1-cont {
}

.pri1-con {
background: #fff;
}

.pri1-left {
float: left;
width: 45.85%;
padding: 0;
}

.pri1-left.pri1-new::before {
z-index: 10;
position: absolute;
content: "";
width: 48px;
height: 28px;
background: url(../images/pri1-bf.png)no-repeat center;
background-size: 100% 100%;
left: -3px;
top: 30px;
}

.jqzoom {
background: white;
box-shadow: 0 0 13px rgba(0, 0, 0, .1);
position: relative;
padding: 0px;
cursor: pointer;
margin: 0px;
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}

.jqzoom::before {
position: absolute;
content: "";
width: 19px;
height: 20px;
background: url(../images/pti-search.png)no-repeat center;
background-size: 100% 100%;
right: 20px;
bottom: 20px;
}

.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);
}

.spec-preview {
width: 100%;
}

.spec-scroll {
width: 100%;
position: relative;
margin-top: 10px;
}

.spec-scroll .prev {
left: -25px;
text-align: left;
}

.spec-scroll .next {
right: -25px;
text-align: right;
}

.spec-scroll .prev,
.spec-scroll .next {
opacity: 0;
z-index: 3;
font-weight: bold;
position: absolute;
top: 0;
width: 28px;
height: 118px;
cursor: pointer;
line-height: 118px;
font-size: 20px;
color: #999;
}

.spec-scroll:hover .prev,
.spec-scroll:hover .next {
opacity: 1;
}

.spec-scroll .prev:hover,
.spec-scroll .next:hover {
color: #000;
}

.spec-scroll .items {
width: 100%;
height: 119px;
overflow: hidden;
position: relative;
}

.spec-scroll .items ul {
overflow: hidden;
margin: 0 auto;
position: absolute;
margin: 0 -7px;
}

.spec-scroll .items ul li {
width: 149px;
height: 118px;
margin: 0 7px;
line-height: 113px;
float: left;
padding: 5px;
border: 1px solid #eee;
}

/* .spec-scroll .items ul li:first-child{margin-left: 0;} */
.spec-scroll .items ul li img {
max-width: 100%;
background: white;
}

.spec-scroll .items ul li p {
color: #333;
font-size: 16px;
text-align: center;
margin-bottom: 0px;
}

.pri1-swiper {
display: none;
position: relative;
background: white;
padding-bottom: 30px;
}

.pir-pic img {
display: block;
width: 100%;
}

.pri1-swiper .swiper-pagination {
bottom: 0px;
width: 100%;
}

.pri1-swiper .swiper-pagination-bullet {
width: 8px;
height: 8px;
background: #cecece;
opacity: 1;
margin: 0 5px !important;
}

.pri1-swiper .swiper-pagination-bullet-active {
background: #0264ab;
}

.pri1-right {
float: right;
width: 54.15%;
padding-left: 75px;
padding-top: 80px;
}

.pri1-txt {
padding-top: 4px;
}

.pri1-txt h3 {
font-size: 30px;
line-height: 40px;
color: #333;
font-weight: lighter;
}

.pri1-p {
margin-top: 17px;
font-size: 16px;
line-height: 30px;
color: #666;
max-height: 90px;
}

.pri1-btn {
font-size: 0;
margin: 71px -5px 0;
}

.pri1-btn a {
border: 1px solid #0264ab;
text-align: center;
display: inline-block;
margin: 0 5px;
width: 180px;
height: 55px;
line-height: 55px;
font-size: 16px;
color: #0264ab;
transition: ease .5s;
}

.pri1-btn a:hover {
color: #fff;
background: #0264ab;
}

.pri1-btn a span {
position: relative;
display: inline-block;
width: auto;
}

.pri1-share {
margin-top: 43px;
border-top: 1px solid #eee;
padding-top: 23px;
font-size: 0;
}

.pri1-share .header-share {
float: none;
}

.pri1-share span {
display: inline-block;
font-size: 16px;
line-height: 24px;
color: #999;
}

.pri-page {
margin-top: 80px;
}

.pri1-share .bshare-custom {
margin-top: 0;
font-size: 0;
}

.pri-two {
padding-top: 72px;
}

.pri2-top {
border-bottom: 1px solid #eee;
margin-bottom: -1px;
}

.pri2-menu {
font-size: 0;
margin: 0 -46px;
overflow-x: auto;
white-space: nowrap;
}

.pri2-menu::-webkit-scrollbar {
height: 3px;
background-color: #fff;
}

.pri2-menu::-webkit-scrollbar-thumb {
background-color: #85c322;
border-radius: 10px;
}

.pri2-menu a {
display: inline-block;
font-size: 20px;
line-height: 30px;
color: #333;
margin: 0 46px;
padding-bottom: 24px;
}

.pri2-menu a.on {
border-bottom: 2px solid #0264ab;
color: #0264ab;
}

.pri2-menu a:hover {
color: #0264ab;
}

.pri2-tit {
font-size: 24px;
line-height: 30px;
color: #0264ab;
position: relative;
padding-left: 14px;
}

.pri2-tit::before {
position: absolute;
content: "";
width: 4px;
height: 24px;
background: #0264ab;
left: 0;
top: 50%;
transform: translateY(-50%);
}

.pri2-one {
padding-top: 47px;
}

.pri2-con1 {
margin-top: 30px;
}

.pri2-onul {
margin: 0 -49px;
margin-top: -19px;
}

.pri2-onul li {
float: left;
width: 50%;
padding: 0 49px;
margin-top: 19px;
}

.pri2-onul li h4 {
position: relative;
padding-bottom: 13px;
padding-left: 18px;
border-bottom: 1px solid #eee;
font-size: 16px;
line-height: 30px;
color: #666;
transition: ease .5s;
}

.pri2-onul li h4::before {
position: absolute;
content: "";
width: 8px;
height: 8px;
background: #e5e5e5;
border-radius: 50%;
left: 0;
top: 11px;
transition: ease .5s;
}

.pri2-onul li:hover h4 {
color: #0264ab;
}

.pri2-onul li:hover h4::before {
background-color: #0264ab;
}

.pri2-two {
padding-top: 47px;
}

.pri2-con2 {
margin-top: 37px;
}

.pri2-twul {
margin: 0 -49px;
}

.pri2-twul li {
float: left;
width: 50%;
padding: 0 49px;
}

.pri2-twul li > div {
}

.pri2-twtable {
overflow-x: auto;
}

.pri2-twtable::-webkit-scrollbar {
height: 3px;
background-color: #fff;
}

.pri2-twtable::-webkit-scrollbar-thumb {
background-color: #85c322;
border-radius: 10px;
}

.pri2-twtable table {
width: 100%;
text-align: center;
}

.pri2-twtable th {
padding: 7px 30px;
border: 1px solid #d2d2d2;
font-size: 18px;
line-height: 36px;
color: #333;
font-weight: normal;
}

.pri2-twtable td {
padding: 7px 30px;
border: 1px solid #d2d2d2;
font-size: 16px;
line-height: 24px;
color: #666;
}

.pri2-twtable td span {
display: block;
}

.pri2-three {
padding-top: 46px;
}

.pri2-con3 {
margin-top: 46px;
}

.pri2-thrul {
}

.pri2-thrul li {
}

.pri2-thrimg {
font-size: 0;
text-align: center;
}

.pri2-thrimg img {
max-width: 100%;
display: inline-block;
}

.pri2-four {
padding-top: 28px;
}

.pri2-con4 {
margin-top: 28px;
}

.pri2-fouul {
}

.pri2-fouul li {
}

.pri2-fouimg {
font-size: 0;
text-align: center;
}

.pri2-fouimg img {
max-width: 100%;
display: inline-block;
}

.pri2-fiv {
padding-top: 28px;
}

.pri2-con5 {
margin-top: 37px;
}

.pri2-fivul {
}

@media(max-width:1459px) {
.pri1-right {
padding-top: 25px;
}

.pri1-btn {
margin-top: 30px;
}

.spec-scroll .items ul li {
width: 127px;
height: 100px;
line-height: 90px;
}

.spec-scroll .items {
height: 101px;
}

.spec-scroll .prev,
.spec-scroll .next {
height: 100px;
line-height: 100px;
}

.pri2-menu a {
margin: 0 30px;
padding-bottom: 16px;
}

.pri2-menu {
margin: 0 -30px;
}

.pri2-onul li {
padding: 0 30px;
}

.pri2-onul {
margin: -19px -30px 0;
}

.pri2-twul li {
width: 100%;
margin-top: 30px;
}

.pri2-twul {
margin-top: -30px;
}
}

@media(max-width:1259px) {
.pri1-txt h3 {
font-size: 28px;
}

.pri1-right {
padding-top: 0;
padding-left: 40px;
}

.pri1-share {
margin-top: 30px;
}

.pri1-btn a {
width: 165px;
height: 50px;
line-height: 50px;
}

.pri2-menu a {
font-size: 18px;
}

.pri2-tit {
font-size: 22px;
}

.pri2-onul li {
width: 100%;
}

.spec-scroll .items ul li {
width: 134px;
}
}

@media(max-width:991px) {
.pri2-tit {
font-size: 20px;
}

.pri2-con3,
.pri2-con5,
.pri2-con2 {
margin-top: 30px;
}

.pri2-twtable td {
font-size: 14px;
}

.pri2-twtable th {
font-size: 16px;
}

.pri2-onul li {
margin-top: 15px;
}

.pri2-onul {
margin-top: -15px;
}

.pri2-con1 {
margin-top: 20px;
}

.pri-two {
padding-top: 50px;
}

.pri2-one {
padding-top: 40px;
}

.pri1-txt h3 {
font-size: 24px;
}

.spec-scroll .items ul li {
width: 100px;
height: 90px;
line-height: 80px;
}

.spec-scroll .items {
height: 90px;
}

.spec-scroll .prev,
.spec-scroll .next {
height: 90px;
line-height: 90px;
}

.pri1-share {
margin-top: 20px;
}

.pri1-btn {
margin-top: 20px;
}

.pri1-btn a {
width: 150px;
height: 42px;
line-height: 42px;
}

.pri-page {
margin-top: 50px;
}
}

@media(max-width:767px) {

.spec-preview,
.spec-scroll {
display: none;
}

.pri1-swiper {
display: block;
}

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

.pri1-right {
float: none;
width: 100%;
padding: 0;
margin-top: 20px;
}

.pri1-p {
max-height: none;
height: auto;
font-size: 14px;
line-height: 24px;
margin-top: 10px;
}

.pri1-txt h3 {
font-size: 22px;
line-height: 30px;
}

.pri1-share {
padding-top: 16px;
}

.pri-two {
padding-top: 40px;
}

.pri2-menu a {
font-size: 16px;
margin: 0 15px;
padding-bottom: 6px;
}

.pri2-menu {
margin: 0 -15px;
}

.pri2-one {
padding-top: 30px;
}

.pri2-onul li h4 {
padding-bottom: 6px;
font-size: 14px;
}

.pri2-onul li {
margin-top: 8px;
}

.pri2-onul {
margin-top: -8px;
}

.pri2-con1 {
margin-top: 12px;
}

.pri2-two {
padding-top: 30px;
}

.pri2-twul li {
margin-top: 20px;
}

.pri2-twul {
margin-top: -20px;
}

.pri2-con3,
.pri2-con5,
.pri2-con2 {
margin: 20px 0 0;
}

.pri2-tit::before {
height: 20px;
width: 3px;
}

.pri2-twtable table {
min-width: 500px;
}

.pri1-btn a {
font-size: 14px;
width: 130px;
height: 36px;
line-height: 36px;
}
}

@media(max-width:640px) {
}

/* ==================== 解决方案详情 ================== */
.soluinfo {
}

.soluinfo-tit {
padding-bottom: 17px;
font-size: 30px;
line-height: 40px;
color: #0264ab;
font-weight: lighter;
position: relative;
text-align: center;
}

.soluinfo-tit::before {
position: absolute;
content: "";
width: 40px;
height: 2px;
background: #0264ab;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}

.soluinfo-one {
background: #f6f6f6;
padding-top: 74px;
}

.soluinfo1-dec {
margin-top: 42px;
font-size: 16px;
line-height: 30px;
color: #666;
text-align: left;
max-width: 1200px;
margin: auto;
margin-top: 42px;
text-indent: 2em;
}

.soluinfo1-dec em {
display: inline;
}

.soluinfo1-dec d {
display: inline;
color: #0264ab;
}

.soluinfo1-ved {
margin-top: 43px;
text-align: center;
}

.soluinfo1-video {
display: block;
font-size: 0;
}

.soluinfo1-vdimg {
position: relative;
display: inline-block;
}

.soluinfo1-vdimg img {
display: inline-block;
max-width: 100%;
}

.soluinfo1-vdimg::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .6) url(../images/soluinfo1-bf.png)no-repeat center;
background-size: 42px 42px;
}


.soluinfo-two {
padding: 74px 0;
}

.soluinfo2-con {
margin-top: 50px;
overflow: hidden;
text-align: center;
font-size: 0;
}

.soluinfo2-con img {
max-width: 100%;
display: inline-block;
}

.soluinfo-three {
margin-bottom: 50px;
}

.soluinfo3-con {
margin-top: 50px;
}

.soluinfo3-ul {
}

.soluinfo3-ul li {
float: left;
width: 25%;
}

.soluinfo3-ul li a {
display: block;
text-align: center;
padding: 0 45px;
}

.soluinfo3-icon {
font-size: 0;
text-align: center;
padding: 0 5%;
line-height: 100px;
width: 100px;
height: 100px;
margin: 0 auto;
overflow: hidden;
border-radius: 50%;
border: 1px solid #999;
transition: ease .5s;
}

.soluinfo3-icon img {
display: inline-block;
max-width: 100%;
transition: ease .5s;
}

.soluinfo3-ul li:hover .soluinfo3-icon img {
transform: translateY(-100px);
}

.soluinfo3-ul li:hover .soluinfo3-icon {
border-color: #0264ab;
background: #0264ab;
}

.soluinfo3-txt {
margin: 25px 0 0;
}

.soluinfo3-txt h3 {
font-size: 24px;
line-height: 32px;
color: #333;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

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

.soluinfo3-txt span {
margin-top: 19px;
padding-left: 27px;
opacity: 0;
transition: ease .5s;
display: inline-block;
font-size: 16px;
line-height: 24px;
color: #666;
position: relative;
}

.soluinfo3-txt span::before {
position: absolute;
content: "";
width: 20px;
height: 20px;
background: url(../images/soluinfo3-bf.png)no-repeat center;
background-size: 100% 100%;
left: 0;
top: 50%;
transform: translateY(-50%);
}

.soluinfo3-ul li:hover .soluinfo3-txt span {
opacity: 1;
}

.soluinfo-four {
padding: 79px 0 80px;
}

.soluinfo-page {
}

@media(max-width:1259px) {
.soluinfo3-ul li a {
padding: 0 20px;
}

.soluinfo-tit {
font-size: 26px;
padding-bottom: 8px;
}

.soluinfo3-txt h3 {
font-size: 20px;
}
}

@media(max-width:991px) {
.soluinfo1-dec {
margin-top: 25px;
}

.soluinfo3-ul li {
width: 50%;
margin-top: 20px;
}

.soluinfo3-ul {
margin-top: -20px;
}
}

@media(max-width:767px) {
.soluinfo-tit {
font-size: 22px;
line-height: 30px;
padding-bottom: 8px;
}

.soluinfo-tit::before {
width: 36px;
}

.soluinfo1-dec {
font-size: 14px;
line-height: 26px;
margin-top: 20px;
}

.soluinfo1-ved {
margin-top: 20px;
}

.soluinfo1-vdimg::before {
background-size: 32px 32px;
}

.soluinfo-two {
padding: 40px 0;
}

.soluinfo2-con {
margin-top: 25px;
}

.soluinfo3-icon {
width: 80px;
height: 80px;
line-height: 80px;
padding: 0 18px;
}

.soluinfo3-ul li:hover .soluinfo3-icon img {
transform: translateY(-80px);
}

.soluinfo3-txt h3 {
font-size: 16px;
}

.soluinfo3-txt p {
margin-top: 2px;
font-size: 14px;
line-height: 26px;
}

.soluinfo3-txt {
margin: 10px 0 0;
}

.soluinfo3-txt span {
opacity: 1;
font-size: 14px;
line-height: 26px;
margin-top: 5px;
}

.soluinfo-four {
padding: 30px 0 40px;
}

.soluinfo3-con {
margin-top: 25px;
}

.soluinfo3-ul li a {
padding: 0 8px;
}
}

@media(max-width:320px) {
.soluinfo3-ul li {
width: 100%;
}
}

/* ================= 新闻中心 ============= */
.news {
}

.news-con {
padding-top: 50px;
}

.news-top {
}

.newstop-ul {
margin: 0 -13px;
}

.newstop-ul li {
float: left;
width: 50%;
padding: 0 13px;
}

.newstop-ul li a {
display: block;
position: relative;
}

.newstop-img {
width: 100%;
overflow: hidden;
}

.newstop-img img {
width: 100%;
transition: ease 1s;
}

.newstop-time {
position: absolute;
padding: 20px 10px 12px;
top: 0;
left: 50px;
background: #0264ab;
width: 100px;
text-align: center;
}

.newstop-time h4 {
font-size: 50px;
line-height: 42px;
color: #fff;
font-family: "Arial";
}

.newstop-time span {
display: block;
font-size: 14px;
line-height: 26px;
color: #fff;
}

.newstop-txt {
padding: 38px 50px 42px;
min-height: 160px;
position: absolute;
width: 100%;
left: 0;
bottom: 0;
background: linear-gradient(to top, rgba(0, 0, 0, .6), transparent);
}

.newstop-txt h3 {
font-size: 24px;
line-height: 40px;
color: #fff;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}

.newstop-ul li:hover .newstop-img img {
transform: scale(1.05);
}


.news-cont {
margin-top: 50px;
}

.news-ul {
margin-top: -50px;
}

.news-ul li {
margin-top: 50px;
}

@media(max-width:1459px) {
.newstop-time h4 {
font-size: 40px;
line-height: 32px;
}

.newstop-txt h3 {
font-size: 22px;
}
}

@media(max-width:1259px) {
.newstop-txt {
padding: 30px;
min-height: auto;
}

.newstop-txt h3 {
font-size: 20px;
line-height: 36px;
}

.newstop-time h4 {
font-size: 30px;
line-height: 30px;
}

.newstop-time {
left: 30px;
width: 80px;
padding: 15px 9px 9px;
}

.news-ul li {
margin-top: 30px;
}

.news-ul {
margin-top: -30px;
}

.newstop-ul li {
padding: 0 10px;
}

.newstop-ul {
margin: 0 -10px;
}
}

@media(max-width:991px) {
.newstop-txt {
position: relative;
background: transparent;
padding: 15px 0;
}

.newstop-txt h3 {
color: #333;
font-size: 18px;
line-height: 30px;
}

.news-cont {
margin-top: 30px;
}
}

@media(max-width:767px) {
.newstop-time h4 {
font-size: 24px;
line-height: 24px;
}

.newstop-time {
width: 75px;
padding: 10px 8px;
}

.newstop-txt h3 {
font-size: 16px;
}

.news-ul li {
margin-top: 15px;
}

.news-ul {
margin-top: -15px;
}

.news-cont {
margin-top: 20px;
}
}

@media(max-width:530px) {
.newstop-ul li {
width: 100%;
margin-top: 15px;
}

.newstop-ul {
margin-top: -15px;
}
}

/* ================ 新闻详情 ================= */
.newsinfo-con {
padding-top: 44px;
}

.newsinfo-wrap {
}

.newsinfo-left {
float: left;
width: 77.14%;
padding-right: 80px;
}

.newsinfo-tit {
font-size: 30px;
line-height: 40px;
color: #333;
}

.newsinfo-dec {
margin-top: 8px;
}

.newsinfo-dec h5 {
float: left;
max-width: 75%;
font-size: 16px;
line-height: 30px;
color: #888;
}

.newsinfo-share {
float: right;
max-width: 25%;
}

.newsinfo-share .bott-share {
margin-top: -1px;
}

.newsinfo-share span {
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #888;
}

.newsinfo-share a {
font-size: 20px !important;
line-height: 5px !important;
color: #888 !important;
}

.newsinfo-share a:hover {
color: #0264ab !important;
opacity: 1 !important;
}

.newsinfo-share .bott-share .bshare-custom {
margin: 0;
}

.newsinfo-font {
margin-top: 14px;
font-size: 16px;
line-height: 32px;
color: #666;
}

.newsinfo-font p {
}

.newsinfo-font img {
max-width: 100%;
display: inline-block;
}

.newsinfo-img {
text-align: center;
font-size: 0;
}


.newsinfo-right {
float: right;
width: 22.86%;
padding-top: 1px;
}

.newsinfo-right h3 {
font-size: 20px;
line-height: 30px;
color: #0264ab;
}

.newsinfo-riul {
margin-top: 15px;
}

.newsinfo-riul li {
padding: 15px 0 14px;
border-bottom: 1px solid #e5e5e5;
}

.newsinfo-riul li:first-child {
border-top: 1px solid #e5e5e5;
}

.newsinfo-riul li a {
display: block;
}

.newsinfo-riul li h4 {
font-size: 16px;
line-height: 24px;
color: #666;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

.newsinfo-riul li p {
font-size: 16px;
line-height: 24px;
color: #999;
font-family: "CENTSCHBKCYRILL-BT-ROMAN";
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

.newsinfo-riul li:hover h4 {
color: #0264ab;
}

.newsinfo-page {
margin-top: 72px;
}

.newsinfo-right.sctop {
position: fixed;
right: 7.5%;
padding-left: 0px;
top: 50%;
transform: translateY(-50%);
z-index: 20
}

.newsinfo-right.scbot {
top: 0;
left: 0;
position: absolute;
}

.newsinfo-right.scbot2 {
bottom: 0;
left: 0px;
position: absolute;
}


@media(max-width:1459px) {
.newsinfo-tit {
font-size: 26px;
}
}

@media(max-width:1259px) {
.newsinfo-tit {
font-size: 24px;
}

.newsinfo-right {
width: 22.86% !important;
}
}

@media(max-width:991px) {
.newsinfo-tit {
font-size: 20px;
}

.newsinfo-dec h5,
.newsinfo-share {
float: none;
max-width: none;
width: 100%;
}

.newsinfo-share .bott-share {
text-align: left;
}

.newsinfo-share {
margin-top: 10px;
}

.newsinfo-left {
padding-right: 0px;
float: none;
width: 100%;
}

.newsinfo-right {
float: none;
width: 100% !important;
padding: 0;
margin-top: 30px;
}

.newsinfo-right h3 {
font-size: 18px;
}
}

@media(max-width:767px) {

.newsinfo-font,
.newsinfo-riul li h4,
.newsinfo-riul li p,
.newsinfo-dec h5,
.newsinfo-share span {
font-size: 14px;
line-height: 26px;
}

.newsinfo-tit {
font-size: 18px;
line-height: 30px;
}

.newsinfo-right h3 {
font-size: 16px;
}

.newsinfo-riul li {
padding: 10px 0;
}

.newsinfo-riul {
margin-top: 10px;
}

.newsinfo-page {
margin-top: 30px;
}

.newsinfo-right {
margin-top: 20px;
}
}

/* ================== 视频中心 ================== */
.vedio-con {
padding-top: 50px;
}

.vedio-cont {
}

.vedio-ul {
margin: 0 -12.5px;
margin-top: -20px;
}

.vedio-ul li {
float: left;
width: 33.333%;
padding: 0 12.5px;
margin-top: 20px;
}

.vedio-ul li a {
display: block;
}

.vedio-img {
position: relative;
width: 100%;
overflow: hidden;
}

.vedio-img::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .5) url(../images/vedio-bf.png)no-repeat center;
background-size: 40px 40px;
left: 0;
top: 0;
}

.vedio-img iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.vedio-img img {
width: 100%;
}

.vedio-txt {
padding: 14px 0 21px;
}

.vedio-txt h3 {
font-size: 20px;
line-height: 30px;
color: #333;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

.vedio-txt span {
margin-top: 2px;
display: block;
font-size: 16px;
line-height: 30px;
color: #666;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

.vedio-page {
margin-top: 50px;
}

@media(max-width:1459px) {
.vedio-txt h3 {
font-size: 18px;
}
}

@media(max-width:1259px) {
.vedio-ul li {
padding: 0 10px;
}

.vedio-ul {
margin: -20px -10px 0;
}

.vedio-txt span {
font-size: 14px;
line-height: 24px;
}
}

@media(max-width:991px) {
.vedio-page {
margin-top: 30px;
}

.vedio-img::before {
background-size: 32px 32px;
}
}

@media(max-width:767px) {
.vedio-txt h3 {
font-size: 16px;
}

.vedio-ul li {
width: 50%;
padding: 0 8px;
margin-top: 15px;
}

.vedio-ul {
margin: -15px -8px 0;
}

.vedio-txt {
padding-bottom: 10px;
}

.vedio-page {
margin-top: 25px;
}
}

@media(max-width:375px) {
.vedio-ul li {
width: 100%;
}
}

/* ================ 关于我们 ================ */
.about {
}

.abt-con {
}

.abt-tit {
position: relative;
#padding-bottom: 28px;
font-size: 54px;
line-height: 60px;
color: #333;
text-align: center;
}
.abt-tit2 {
position: relative;
padding-bottom: 28px;
font-size: 40px;
line-height: 60px;
color: #333;
text-align: center;
}

.abt-tit::before {
position: absolute;
content: "";
width: 60px;
height: 3px;
#background: #0264ab;
left: 50%;
bottom: 0;
transform: translateX(-50%);
}

.abt-one {
padding: 51px 0 80px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

.abt1-con {
position: relative;
}

.abt1-img {
position: absolute;
left: 0;
top: 0;
width: 50%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

.abt1-img img {
max-width: 100%;
display: none;
}

.abt1-txt {
width: 100%;
}

.abt1-font {
padding-top: 24px;
float: right;
width: 45%;
padding-left: 0px;
padding-right: 100px;
}

.abt1-font h3 {
font-size: 48px;
line-height: 60px;
color: #333;
}

.abt1-p {
margin-top: 5px;
max-height: 446px;
text-align: justify;
font-size: 16px;
line-height: 32px;
color: #666;
padding-right: 5px;
}


.abt-two {
background: #f7f7f7;
padding: 71px 0 0;
}

.abt0-ul {
}

.abt0-ul li {
float: left;
width: 100%;
text-align: center;
padding: 20px 0;
position: relative;
overflow: hidden;
}

.abt1-ul li {
float: left;
width: 50%;
text-align: center;
position: relative;
overflow: hidden;
}

.abt2-tit {
}

.abt2-con {
margin-top: 50px;
}

.abt2-ul {
}

.abt2-ul li {
float: left;
width: 33.33%;
text-align: center;
position: relative;
overflow: hidden;
}

.abt2-ul li::before {
display: none;
position: absolute;
content: "";
width: 100%;
height: 100%;
background: rgba(2, 100, 171, 0.8);
top: 0;
left: -100%;
transition: ease .5s;
}

.abt2-ul li:hover::before {
left: 0;
}

.abt2-ul li img {
width: 100%;
}

.about2-txt {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
transition: all .4s;
}

.about2-txt > div {
}

.about2-tit {
font-size: 48px;
color: #fff;
margin-top: 20px;
}

.about2-des {
font-family: 思源黑体 light;
font-size: 36px;
line-height: 50px;
height: 72px;
color: rgba(255, 255, 255, .8);
width: 85%;
margin: 0 auto;
margin-top: 35px;
}

.about2-des em {
display: block;
}

.abt2-ul li:hover .about2-txt {
transform: translateY(-15px);
}

.abt-three {
padding: 71px 0 20px;
}

.abt3-swiper {
}

.about3-con {
margin-top: 50px;
}

/*发展历程*/
#historySlide {
position: relative;
width: 100%;
overflow: hidden;
}

#historySlide .history-c {
height: auto;
width: 100%;
max-width:1200px;
margin: 0 auto;
position: relative;
}

.history-c .swiper-slide {
width: 100%;
height: auto;
}

#historySlide .history-c .year {
float: left;
width: 48.54%;
overflow: hidden;
}

#historySlide .history-c .year img {
width: 100%;
}

#historySlide .history-c .cont {
position: relative;
width: 100%;
margin: 0 5%;
}

#historySlide .history-c .des {
float: right;
width: 51.46%;
padding-top: 51px;
padding-left: 35px;
}

#historySlide .p-tit {
font-size: 80px;
font-family: "DINMITTELSCHRIFTSTD";
color: #0264ab;
line-height: 80px;
}

#historySlide .history-c .des p {
font-size: 16px;
line-height: 36px;
color: #333;
position: relative;
}

#historySlide .history-scroll {
height: 70px;
margin: 0 auto;
padding: 0 80px;
margin-top: 40px;
}

#historySlide .swiper-container {
padding: 0 0px;
}

.history-scroll .swiper-slide {
float: left;
width: 80px;
height: 70px;
background: url(../images/time-line.png) repeat-x top left 19px;
cursor: pointer;
}

.history-scroll .swiper-slide.active-nav,
.history-scroll .swiper-slide.active-nav:hover {
}

#historySlide .time-line {
width: 154px;
height: 70px;
position: relative;
}

.history-scroll .dot {
padding: 3px;
width: 35px;
height: 8px;
top: 30px;
#width: 14px;
#height: 14px;
#border: 1px solid #f56c6c;
#border-radius: 50%;
position: absolute;
#top: 23px;
#left: 12px;
opacity: 0;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.history-scroll .dot i {
display: block;
background: #f56c6c;
width: 100%;
height: 100%;
#border-radius: 50%;
}

.history-scroll .swiper-slide.active-nav .dot {
opacity: 1;
}
.history-scroll .swiper-slide.active-nav .daty {
color: #f56c6c;;
}

.history-scroll .daty {
border-top: 1px solid #ccc;
width:100%;
text-align: center;
font-size: 24px;
line-height: 32px;
#font-family: "Arial";
position: absolute;
top: 37px;
left: 20px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 10;
}

#historySlide .arrow-left,
#historySlide .arrow-right {
width: 55px;
height: 55px;
border: 1px solid #ccc;
border-radius: 50%;
background: url(../images/p-prev2.png) no-repeat center;
position: absolute;
top: 50%;
margin-top: -40px;
z-index: 10;
cursor: pointer;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
background-color: rgba(0,0,0,.1);
}

#historySlide .arrow-left {
left: 0;
}

#historySlide .arrow-right {
right: 0;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}

#historySlide .arrow-left:hover,
#historySlide .arrow-right:hover {
background-image: url(../images/p-prevH.png);
background-color: #f56c6c;
border-color: #f56c6c;
}

.abt2-p {
margin-top: 6px;
max-height: 104px;
}

.abt3-p .p1{
font-size: 16px;
line-height: 30px;
}
.abt3-p .p2{
font-size: 18px;
}
.abt3-p .p3{
font-size: 48px;
line-height: 48px;
}

#historySlide .swiper-pagination {
display: none;
width: 100%;
}


#historySlide .swiper-pagination-bullet {
width: 6px;
height: 6px;
background: #f56c6c;
opacity: 1;
margin: 0 8px;
}

#historySlide .swiper-pagination-bullet-active {
position: relative;
}

#historySlide .swiper-pagination-bullet-active::before {
position: absolute;
content: "";
width: 12px;
height: 12px;
border-radius: 50%;
border: 1px solid #f56c6c;
left: -3px;
top: -3px;
}

.abt-four {
padding: 148px 0 172px;
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

.abt-four .abt-tit {
color: #fff;
}

.abt-four .abt-tit::before {
background-color: #fff;
}

.abt4-dec {
margin-top: 20px;
width: 80%;
margin: 24px auto 0;
font-size: 16px;
line-height: 26px;
color: #fff;
text-align: center;
}

.abt4-con {
margin-top: 107px;
}

.abt4-ul {
margin: 0 -5px;
}

.abt4-ul li {
float: left;
width: 20%;
padding: 0 5px;
}

.abt4-ul li > div {
}

.abt4-ul li h3 {
color: #fff;
line-height: 30px;
}

.abt4-ul li h3 span {
display: inline;
font-size: 72px;
font-family: "DINMITTELSCHRIFTSTD";
}

.abt4-ul li h3 em {
display: inline;
font-size: 48px;
font-family: "DIN-REGULAR";
}

.abt4-ul li h3 d {
display: inline;
font-size: 30px;
font-family: "DINPro-Regular";
}

.abt4-ul li p {
margin-top: 4px;
font-size: 18px;
line-height: 30px;
color: #fff;
}

.abt-fiv {
padding: 72px 0 20px;
}

.abt5-con {
position: relative;
}

.abt5-right {
float: right;
width: 65.86%;
}

.abt5-riswip {
position: relative;
padding-left: 80px;
}

.abt5-rislide {
font-size: 0;
text-align: center;
display: block;
}

.abt5-img {
}

.abt5-img img {
display: inline-block;
max-width: 100%;
}

.abt5-rislide p {
margin-top: 24px;
font-size: 18px;
line-height: 32px;
color: #0264ab;
display: none;
}

.abt5-riswip .swiper-slide-active .abt5-rislide p {
display: block;
}

.abt5-riswip .swiper-button-prev,
.abt5-riswip .swiper-button-next {
width: 55px;
height: 55px;
line-height: 55px;
background: transparent;
text-align: center;
border-radius: 50%;
border: 1px solid #0264ab;
font-size: 16px;
color: #0264ab;
transition: ease .5s;
}

.abt5-riswip .swiper-button-prev:hover,
.abt5-riswip .swiper-button-next:hover {
color: #fff;
background: #0264ab;
}

.abt5-riswip .swiper-button-next {
right: -75px;
}

.abt5-riswip .swiper-button-prev {
left: 0;
}

.abt5-left {
float: left;
width: 34.14%;
}

.abt5-menu {
z-index: 3;
font-size: 0;
position: absolute;
top: 0;
left: 0;
max-width: 34.14%;
overflow-x: auto;
white-space: nowrap;
}

.abt5-menu::-webkit-scrollbar {
height: 3px;
background-color: #fff;
}

.abt5-menu::-webkit-scrollbar-thumb {
background-color: #85c322;
border-radius: 10px;
}

.abt5-menu a {
margin: 0 30px;
display: inline-block;
font-size: 18px;
line-height: 38px;
color: #0264ab;
}

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

.abt5-menu a:last-child {
margin-right: 0;
}

.abt5-menu a.on {
border-bottom: 3px solid #0264ab;
}

.abt5-leswip {
}

.abt5-leslide {
font-size: 16px;
line-height: 40px;
color: #333;
position: relative;
z-index: 3;
}

.abt5-leswip .swiper-slide-active .abt5-leslide {
font-size: 20px;
color: #0264ab;
}

.abt5-leswip .swiper-pagination {
}

/* */
.abv-swiper {
display: none;
margin-top: 55px;
position: relative;
}

.abv-swiper.on {
display: block;
}

.abv-swiper .abv-left {
position: relative;
height: 100%;
padding-top: 28px;
margin-top: 45px;
width: 34.14%;
float: left;
}

.abv-swiper .gallery-thumbs {
height: 340px;
}

.abv-swiper .gallery-thumbs .swiper-slide {
cursor: pointer;
line-height: 40px;
color: #333;
font-size: 16px;
text-align: left;
}

.abv-swiper .gallery-thumbs .swiper-slide-thumb-active .abt5-leslide {
font-size: 20px;
color: #0264ab;
}

.abv-swiper .swiper-button-next,
.abv-swiper .swiper-button-prev {
width: 55px;
height: 55px;
margin-top: -40px;
line-height: 55px;
background: transparent;
text-align: center;
border-radius: 50%;
border: 1px solid #0264ab;
font-size: 16px;
color: #0264ab;
transition: ease .5s;
}

.abv-swiper .swiper-button-next {
right: -75px;
}

.abv-swiper .swiper-button-prev {
left: 0;
}

.abv-swiper .swiper-button-next:hover,
.abv-swiper .swiper-button-prev:hover {
border-color: #0264ab;
color: #fff;
background: #0264ab;
}

.abv-swiper .abv-right {
position: relative;
right: 0;
height: 100%;
width: 65.86%;
float: right;
padding-left: 65px;
}

.abv-swiper .gallery-top .swiper-slide {
text-align: center;
}

.abv-swiper .gallery-top .swiper-slide-active .abt5-rislide p {
display: block;
}

.abv-swiper .abv-left::before {
/* z-index: 2; */
position: absolute;
content: "";
width: 100%;
height: 50%;
background: linear-gradient(to bottom, rgba(255, 255, 255, 1), transparent);
top: 0;
left: 0;
display: none;
}

.abv-swiper .abv-left::after {
display: none;
/* z-index: 2; */
position: absolute;
content: "";
width: 100%;
height: 30%;
background: linear-gradient(to top, rgba(255, 255, 255, 1), transparent);
bottom: 0;
left: 0;
}

/* */
.abv-swiper .swiper-pagination {
display: none;
width: 100%;
bottom: 15px;
}

.abv-swiper .swiper-pagination-bullet {
margin: 0 5px;
}

/* .abt5-leswip .swiper-container{padding: 160px 0 120px;} */
/* .abt5-leswip .swiper-slide{height: 40px !important;} */
@media(max-width:1919px) {
.abv-swiper .swiper-button-next {
right: 0px;
}

.abv-swiper .abv-right {
padding: 0 65px;
}

.about2-des {
height: auto;
}
}

@media(max-width:1459px) {

.abt3-p .p1{
font-size: 12px;
}
.abt3-p .p2{
font-size: 14px;
}
.abt3-p .p3{
font-size: 36px;
line-height: 36px;
}
.abt-tit,
.abt1-font h3 {
font-size: 38px;
line-height: 50px;
padding-bottom: 16px;
}
.abt-tit2{
font-size: 30px;
line-height: 50px;
padding-bottom: 16px;
}

.abt1-font h3 {
padding-bottom: 0;
}

.about2-tit {
font-size: 40px;
}

.abt4-ul li h3 span {
font-size: 62px;
}

.abt4-con {
margin-top: 80px;
}

.abt-four {
padding: 120px 0;
}

#historySlide .p-tit {
font-size: 70px;
line-height: 70px;
}

#historySlide .history-c .cont {
#padding: 0 124px;
}

.abt5-rislide p {
font-size: 16px;
margin-top: 15px;
}
}

@media(max-width:1259px) {
#historySlide .history-c .cont {
padding: 0 100px;
}

#historySlide .p-tit {
font-size: 56px;
line-height: 60px;
}

#historySlide .history-c .des {
padding-top: 25px;
}

.abt-tit,
.abt1-font h3 {
font-size: 30px;
line-height: 42px;
}

.abt1-font {
padding-right: 38px;
}

.abt1-p {
max-height: 320px;
}

.about2-tit {
font-size: 24px;
line-height: 30px;
}

.about2-des {
font-size: 18px;
line-height: 30px;
}

.abt4-ul li h3 span {
font-size: 50px;
}

.abt4-ul li h3 em {
font-size: 36px;
}

.abt4-ul li h3 d {
font-size: 24px;
}

.abt4-dec {
width: 90%;
}

.abv-swiper .gallery-thumbs {
height: 440px;
}

.abv-swiper .gallery-top .swiper-slide {
padding-top: 60px;
}

/* .abv-swiper .gallery-top .swiper-slide img{width: 50%;} */
.abt5-menu {
max-width: 100%;
}
}

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

#historySlide .history-c .year {
width: 100%;
}

#historySlide .history-c .des {
width: 100%;
padding-left: 0;
}

#historySlide .p-tit {
font-size: 40px;
line-height: 50px;
}

#historySlide .arrow-left,
#historySlide .arrow-right {
width: 42px;
height: 42px;
}

#historySlide .history-c .cont {
padding: 0 70px;
}

#historySlide .history-scroll {
margin-top: 20px;
}

.abt2-p {
max-height: none;
height: auto;
}

.about2-des {
width: 80%;
font-size: 18px;
line-height: 30px;
}

.about2-tit {
font-size: 24px;
}

.abt-tit,
.abt1-font h3 {
font-size: 30px;
line-height: 40px;
}

.about2-des em {
display: inline;
}

.about2-des {
font-size: 16px;
margin-top: 10px;
}

.abt1-img {
position: relative;
text-align: center;
background: none !important;
top: auto;
transform: none;
right: auto;
width: 100%;
padding: 0 15%;
}

.abt1-img img {
display: block;
}

.abt1-font {
float: none;
width: 100%;
padding: 0;
margin-top: 35px;
}

.abt1-p {
margin-top: 10px;
max-height: none;
height: auto;
font-size: 14px;
line-height: 26px;
}

.abt-tit,
.abt1-font h3 {
font-size: 26px;
line-height: 32px;
}

.abt4-ul li h3 span {
font-size: 42px;
}

.abt4-ul li h3 em {
font-size: 30px;
}

.abt4-ul li p {
font-size: 16px;
}

.abt4-ul li h3 d {
font-size: 20px;
}

.abt-four {
padding: 80px 0;
}

.abt2-con {
margin-top: 35px;
}

.abt-one {
padding-bottom: 60px;
}

.abt-two {
padding-top: 60px;
}

.abt5-leslide {
font-size: 14px;
}

.abv-swiper .gallery-thumbs .swiper-slide-thumb-active .abt5-leslide {
font-size: 16px;
}

.abv-swiper .gallery-thumbs {
height: 300px;
}

.abt5-img img {
width: 60%;
}

.abv-swiper .swiper-button-next,
.abv-swiper .swiper-button-prev {
width: 45px;
height: 45px;
line-height: 45px;
}

.abv-swiper .swiper-button-prev {
left: 10px;
}

.abv-swiper .swiper-button-next {
right: 10px;
}

.abt5-rislide p {
margin-top: 10px;
}

.abt5-menu {
margin-top: 40px;
position: relative;
max-width: 100%;
}

.abv-swiper {
margin-top: 0px;
}

.abv-swiper .abv-left {
padding-top: 0;
}

.abv-swiper .gallery-top .swiper-slide {
padding-top: 40px;
}
}

@media (max-width: 767px) {
.about2-con {
margin-top: 25px;
}

#historySlide .p-tit {
font-size: 30px;
line-height: 40px;
}

.abt2-p {
margin-top: 5px;
}

#historySlide .history-c .des p {
font-size: 15px;
line-height: 30px;
}

.abt2-ul li {
float: none;
width: 100%;
}

.about2-tit {
font-size: 20px;
margin-bottom: 20px;
}

.about2-des {
font-size: 14px;
line-height: 25px;
}

.abt-tit,
.abt1-font h3 {
font-size: 23px;
line-height: 32px;
}

.abt-tit2 {
font-size: 20px;
line-height: 25px;
}

.abt1-font {
margin-top: 30px;
}

.abt2-con,
.about3-con {
margin-top: 25px;
}

.abt-tit::before {
width: 36px;
height: 2px;
}

.abt-tit {
padding-bottom: 10px;
}

.abt4-dec {
width: 100%;
font-size: 14px;
line-height: 26px;
margin-top: 10px;
}

.abt4-ul li {
width: 33.333%;
margin-top: 15px;
}

.abt4-ul {
margin-top: -15px;
}

.abt4-ul li h3 span {
font-size: 30px;
}

.abt4-ul li h3 d {
font-size: 16px;
}

.abt4-ul li h3 em {
font-size: 18px;
}

.abt4-ul li p {
font-size: 14px;
line-height: 24px;
}

.abt4-con {
margin-top: 25px;
}

.abv-swiper .gallery-top .swiper-slide {
padding-bottom: 60px;
}

.abv-swiper {
height: auto;
}

.abv-swiper .abv-left {
width: 100%;
padding-bottom: 0 !important;
position: static;
}

.abv-swiper .gallery-top {
width: 100%;
position: static;
}

.abv-swiper .gallery-thumbs {
height: 40px
}

.abv-swiper .gallery-top .swiper-slide img {
width: auto;
}

.abv-swiper .swiper-button-next,
.abv-swiper .swiper-button-prev {
display: none;
}

.abv-swiper .abv-left::before,
.abv-swiper .abv-left::after {
display: none;
}

.abv-swiper .abv-right {
padding: 0 80px;
float: none;
width: 100%;
margin-top: 30px;
}

.abv-swiper .gallery-top .swiper-slide {
padding: 0;
}

.abt5-leslide {
text-align: center;
}

.abv-swiper .abv-left {
opacity: 0 !important;
visibility: hidden !important;
height: 0;
margin-top: 0;
}

.abv-swiper .abv-right {
padding: 0;
}

.abv-swiper .swiper-pagination {
display: block;
bottom: -30px;
}

.abv-swiper {
padding-bottom: 30px;
}

.abt5-menu a {
font-size: 16px;
margin: 0 12px;
}

.abt5-menu {
margin-top: 20px;
}
}

@media (max-width: 640px) {
#historySlide .swiper-pagination {
display: block;
bottom: 3px;
}

#historySlide .arrow-left,
#historySlide .arrow-right {
#display: none;
}

#historySlide {
padding-bottom: 35px;
}

.pad15{
padding: 0 29px;
}
#historySlide .history-c0 {

}

#historySlide .history-c .cont {
padding: 0 10px;
}

#historySlide .history-scroll {
padding: 0 10px;
}

.abt1-img {
padding: 0 8%;
}
}

/* ================= AI技术 =============== */
.techno {
position: relative;
width: 100%;
height: 100%;
}

.techno::before {
position: absolute;
content: "";
width: 500px;
height: 100%;
background: rgba(62, 62, 62, .14);
right: 0;
top: 0;
z-index: 2;
}

.techno-con {
padding: 84px 0 85px;
width: 100%;
z-index: 3;
position: relative;
min-height: 100vh;
}

.tech-cont {
float: left;
width: 82.85%;
padding-right: 80px;
}

.tech-tit {
font-size: 30px;
line-height: 40px;
color: #fff;
font-weight: lighter;
text-align: center;
}

.tech-dec {
margin-top: 8px;
font-size: 16px;
line-height: 30px;
color: #fff;
text-align: center;
}

.tech-ved {
margin-top: 43px;
display: block;
text-align: center;
}

.tech-img {
max-width: 100%;
display: inline-block;
position: relative;
}

.tech-img::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .35) url(../images/tech-bf.png)no-repeat center;
background-size: 42px 42px;
left: 0;
top: 0;
}

.tech-img img {
width: 100%;
}

.tech-menu {
padding-top: 43px;
max-height: 73vh;
float: right;
width: 17.15%;
text-align: right;
position: relative;
overflow-y: auto;
padding-right: 30px;
}

.tech-menu::-webkit-scrollbar {
width: 3px;
background-color: transparent;
}

.tech-menu::-webkit-scrollbar-thumb {
background-color: transparent;
border-radius: 10px;
}

.tech-menuli {
padding-bottom: 55px;
position: relative;
padding-right: 0px;
}

.tech-menuli:last-child,
.tech-menuli.on:last-child {
padding-bottom: 0;
}

.tech-menuli.on {
padding-bottom: 30px;
}

.tech-menuli::before {
position: absolute;
content: "";
width: -18px;
height: 2px;
/* background: #fff; */
right: 0;
top: 16px;
margin-top: 0px;
}

.tech-menuli::after {
position: absolute;
content: "";
width: 6px;
height: 100%;
/* background: url(../images/te-rimenu_03.png)repeat-y; */
right: 4px;
top: 0;
}

.techmenu-top {
position: relative;
}

.techmenu-top::before {
}

.techmenu-top::after {
opacity: 0;
position: absolute;
content: "";
width: 15px;
height: 10px;
background: url(../images/tech-on.png)no-repeat center;
background-size: 100% 100%;
right: -60px;
top: 50%;
transform: translateY(-50%);
}

.techmenu-bot a::after {
opacity: 0;
position: absolute;
content: "";
width: 15px;
height: 10px;
background: url(../images/tech-on.png)no-repeat center;
background-size: 100% 100%;
right: -30px;
top: 19px;
}

.techmenu-bot a.on::after {
opacity: 1;
}

.techmenu-top a {
display: block;
font-size: 22px;
line-height: 30px;
color: #666;
background: url(../images/jianhao.png) no-repeat right;
padding-right: 24px;
background-size: 18px;
}

.tech-menuli.on .techmenu-top a {
/* color: white; */
}

.techmenu-botc {
position: relative;
display: none;
}

.tech-menuli.on .techmenu-botc {
display: block;
}

/* .techmenu-bot{margin-top: 2px;} */
.techmenu-bot a {
display: block;
position: relative;
padding-top: 9px;
font-size: 16px;
line-height: 30px;
font-weight: lighter;
color: rgba(255, 255, 255, 1);
background: url(../images/heng.png) no-repeat 99% 18px;
background-size: 12px;
padding-right: 24px;
}

.techmenu-bot2 a {
background: url(../images/heng2.png) no-repeat 99% 18px;
background-size: 12px;
padding-right: 24px;
}

.techmenu-bot a.on {
color: #85c322;
}

.techno-wrap {
padding-top: 90px;
margin-right: -30px;
}

.tech-bread {
z-index: 3;
margin-bottom: 1px;
}

/* ---- stats.js ---- */
.count-particles {
background: #000022;
position: absolute;
top: 48px;
left: 0;
width: 80px;
color: #13E8E9;
font-size: .8em;
text-align: left;
text-indent: 4px;
line-height: 14px;
padding-bottom: 2px;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
}

.js-count-particles {
font-size: 1.1em;
}

#stats,
.count-particles {
-webkit-user-select: none;
margin-top: 5px;
margin-left: 5px;
}

#stats {
border-radius: 3px 3px 0 0;
overflow: hidden;
}

.count-particles {
border-radius: 0 0 3px 3px;
}


/* ---- particles.js container ---- */

#particles-js {
width: 100%;
height: 100%;
background-color: #00060c;
background-image: url('');
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
position: absolute;
left: 0;
top: 0;
}


.se-top2 {
padding: 10px 20px;
}

.se-top2 a {
display: block;
padding: 0 10px;
font-size: 14px;
line-height: 26px;
color: #333;
}

.se-bot2 {
position: relative;
top: 0;
}

/* .se-tig.P_tig.open{color: #fff;} */
@media(max-width:1919px) {
.techno::before {
width: 26.04%;
}

.tech-menu {
padding-right: 30px;
}

.techno-wrap {
margin-right: 0;
}
}

@media(max-width:1459px) {
.techno::before {
width: 25%;
}
}

@media(max-width:1259px) {
.tech-tit {
font-size: 24px;
}

.tech-dec {
font-size: 14px;
line-height: 26px;
}

.techmenu-top a {
font-size: 18px;
white-space: nowrap;
}

.techno::before {
width: 26.04%;
}

.techmenu-bot a {
font-size: 14px;
line-height: 26px;
}

.tech-menuli,
.tech-menuli.on {
padding-bottom: 40px;
}

.techno-wrap {
padding-top: 0;
}
}

@media(max-width:991px) {
.tech-cont {
float: none;
width: 100%;
padding: 0;
}

.tech-menu {
float: none;
width: 100%;
display: none;
}

.tech-bread {
display: none;
}

.tech-ved {
margin-top: 30px;
}

.techno::before {
display: none;
}
}

@media(max-width:767px) {
.tech-tit {
font-size: 20px;
}

.tech-dec {
margin-top: 3px;
}

.tech-img::before {
background-size: 36px 36px;
}
}

@media(max-width:1459px) {
.nybanner-font h3 {
font-size: 40px;
}

.nybanner-font h4 {
font-size: 24px;
}

.nybanner {
height: 500px;
}

.msg-box {
width: 700px;
height: 450px;
}

.banner-menu {
padding-top: 20px;
}

.menu a {
font-size: 20px;
margin: 0 30px;
}

.navmenu-con a {
font-size: 16px;
padding: 6px 30px;
}

.menu-nav {
padding-top: 30px;
}

.lpage {
padding: 12px 0;
}
}

@media(max-width:1259px) {
.nybanner {
margin-top: 0;
}

.nybanner-font h3 {
font-size: 36px;
line-height: 40px;
}

.nybanner-font h4 {
font-size: 20px;
line-height: 30px;
}

.nybanner {
height: 400px;
}

.nybanner-font {
padding-top: 0;
}

.menu a {
margin: 0 20px;
}

.msg-box {
width: 650px;
height: 400px;
}

.nybanner-font span {
width: 40px;
}

.anchor {
display: none !important;
}
}

@media(max-width:991px) {
.nybanner-font h3 {
font-size: 34px;
}

.nybanner-font h4 {
font-size: 18px;
}

.nybanner {
height: 300px;
}

.msg-box {
width: 600px;
height: 350px;
}

.lpage a {
font-size: 20px;
}

.info-page a {
font-size: 16px;
background-size: 20px 13px;
}

.info-page a.info-cent::before {
width: 18px;
height: 18px;
}

.info-page a.info-cent {
padding-top: 20px;
font-size: 14px;
}

.info-left {
padding-left: 32px;
}

.info-right {
padding-right: 32px;
}

.bread {
padding: 15px 0;
}
}

@media(max-width:767px) {
.nybanner-font h3 {
font-size: 24px;
line-height: 30px;
}

.nybanner-font h4 {
font-size: 16px;
margin: 2px;
}

.nybanner-font span {
margin-top: 8px;
}

.nybanner-font p {
margin-top: 5px;
}

.ny-padd {
#padding: 40px 0;
padding: 0;
}

.bread a {
font-size: 14px;
}

.bread {
margin: 19px 0;
}

.lpage a {
font-size: 17px;
padding: 8px 10px;
width: 40px;
height: 40px;
}

.lpage a.lpage-prev {
margin-right: 40px;
}

.appsecond-nav {
display: block;
}

.banner-menu {
display: none;
}

.more {
font-size: 14px;
width: 90px;
display: block;
}

.msg-box {
width: 500px;
height: 320px;
padding: 40px;
}

.msg-box .close-box {
width: 30px;
height: 30px;
font-size: 26px;
}

.lpage {
padding: 5px 0;
}

.menu-nav {
padding-top: 25px;
}

.navmenu-con a {
padding: 4px 28px;
}
}

@media(max-width:640px) {
.bread {
display: none;
}

.nybanner {
background: none !important;
height: auto;
}

.nyappbanner {
display: block;
}

.menu {
max-width: 100%;
margin-left: 0;
}

.menu a {
font-size: 15px;
padding: 10px 20px;
}

.nybanner-font {
text-align: center;
padding: 0;
}

.lpage a {
margin: 0 3px;
width: 34px;
font-size: 15px;
height: 34px;
line-height: 34px;
padding: 0;
}

.msg-box {
width: 280px;
}
}

/* =====================下拉 ================ */
.dropdown-menu {
padding-bottom: 20px;
position: absolute;
top: 100%;
z-index: 1100;
background: #ffffffe5;
border-top: 1px solid #eeeeee;
-webkit-transition: none;
-o-transition: none;
transition: none;
height: auto;
display: none;
overflow: hidden;
width: 100%;
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);
}
.mask {
position: fixed;
width: 100%;
height: 100%;
background: rgba(0,0,0,.2);
display: none;
z-index: 0;
left: 0;
top:70px;
}

.category-item {
position: relative;
}

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

.dropdown-menu.single {
width: 300px;
left: 50%;
transform: translateX(-50%);
}

.navitem:hover .dropdown-menu {
opacity: 1;
display: block;
visibility: visible;
}
#.navitem:hover .mask {
opacity: 1;
display: block;
visibility: visible;
}
.navitem:hover ~ .mask {
opacity: 1;
display: block;
visibility: visible;
}


.dropdown-con {
padding: 0 130px;
}

/* .category-item:hover .dropdown-menu.single{max-height: 450px;opacity: 1;} */
.dropdown-cont {
position: relative;
padding: 2px 0 10px;
}

.dropdown-cont::before {
position: absolute;
content: "";
width: 100%;
height: 1px;
background: #d4d7d9;
left: 0;
top: 50%;
transform: translateY(-50%);
}

.dropdown-ul {
font-size: 0;
}

.dropdown-ul li {
float: left;
width: 25%;
}

.dropdown-ul li > div {
position: relative;
padding: 20px 15px 21px 0;
}

.dropdown-ul li > div::before {
position: absolute;
content: "";
width: 1px;
height: 168px;
background: #d4d7d9;
right: 0;
top: 50%;
transform: translateY(-50%);
}

.dropdown-ul li:nth-child(4n) > div::before {
display: none;
}

.dropdown-img {
float: left;
width: 160px;
text-align: center;
line-height: 168px;
overflow: hidden;
}

.dropdown-ul li:nth-child(5n) .dropdown-img,
.dropdown-ul li:nth-child(1) .dropdown-img {
text-align: left;
}

.dropdown-img img {
display: inline-block;
max-width: 100%;
}

.dropdown-txt {
margin-left: 160px;
min-height: 168px;
overflow-y: auto;
}

.dropdown-txt h3 {
font-size: 16px;
line-height: 30px;
color: #3b3e40;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

.dropdown-txt p {
margin-bottom: 4px;
font-size: 14px;
line-height: 20px;
color: #6c7073;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

.dropdown-txt a {
padding: 6px 0;
display: block;
font-size: 14px;
line-height: 20px;
color: #3b3e40;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

.dropdown-a {
font-size: 0;
margin: 0 -7px;
}

.dropdown-mo {
margin: 8px 7px 0;
display: inline-block;
width: 168px;
height: 44px;
text-align: center;
font-size: 18px;
line-height: 44px;
color: #fff;
border-radius: 5px;
background: linear-gradient(to right, #bb2d38, #d61819);
}

.dropdown-mo span {
display: inline-block;
}

.dropdown-mo em {
display: inline-block;
font-size: 22px;
margin-left: 20px;
margin-right: 10px;
}

em.em-dx {
font-family: 'Dengb';
}

/* 常规下拉 */
.navitem.single .dropdown-menu {
#border-top: 3px solid #f56c6c;
padding-bottom: 0;
margin-top: -3px;
display: none;
position: fixed;
width: 100%;
top: 72px;
#position: absolute;
#width: 192px;
#top: 100%;
left: 50%;
transform: translateX(-50%);
}

.navitem.single {
position: relative;
}

.navitem:hover .dropdown-menu {
display: block;
}

.navitem.single .dropdown-pad {
text-align: center;
#background: #fff;
padding: 8px 20px;
}

.navitem.single .dropdown-menu a {
display: block;
float:left;
width:250px;
font-size: 16px;
line-height: 20px;
text-align: left;
padding: 10px 50px 10px 0;
color: #333;
transition: ease .5s;
border-top: 1px dashed #e5e5e5;
}

.navitem.single .dropdown-menu a:hover {
#color: #85c322;
#color: #409eff;
}

.navitem.single .dropdown-menu a:first-child {
border-top: none;
color: #f56c6c;
font-size: 18px;
padding-top: 40px;
}
.navitem.single .dropdown-menu a:last-child {
padding-bottom: 40px;
}
.navitem.single .dropdown-menu a:first-child:hover {
font-size: 20px;
}

.dropdown-menu li a:hover {
color: #85c322;
}

@media (max-width:1919px) {
.dropdown-con {
padding: 0;
}
}

@media (max-width:1459px) {
.dropdown-img {
width: 120px;
padding: 0 15px;
}

.dropdown-txt {
margin-left: 120px;
}
}

@media (max-width:1259px) {
.dropdown-menu li {
padding: 0 0 0 30px;
}

.dropdown-dec {
font-size: 16px;
padding: 12px 12px 11px 0px !important;
}

.dropdown-menu li.dropdown-img {
width: 25%;
}

.dropdown-menu li.dropdown-title {
width: 31%;
}

.dropdowntit-font h5 {
margin-bottom: 30px;
}
}

@media (max-width:1170px) {
.dropdown-menu li {
}
}

/* ============================zsx============================ */
/* 通用 */
.omit1,
.omit {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

.omit1 {
-webkit-line-clamp: 1;
}

.p-style {
display: block;
}

.ssline {
position: relative;
display: inline-block;
}

.ssline::after {
transition: all 0.5s;
content: "";
display: block;
margin: auto;
vertical-align: middle;
margin-top: 26px;
width: 60px;
height: 3px;
background-color: #0264ab;
}

.ssline:hover::after {
width: 80%;
}

.ny-tit {
font-size: 48px;
color: #333;
text-align: center;
}

/* bidding */
.com-file {
}

.com-file-ul {
margin: 0 -25px;
}

.com-file-ul li {
float: left;
width: 50%;
padding: 0 25px;
margin-bottom: 19px;
}

.com-file-item {
border: 1px solid #e5e5e5;
padding: 20px 30px;
cursor: pointer;
display: block;
}

.com-file-item img {
float: left;
margin-right: 24px;
}

.com-file-item .file-font {
padding: 23px 0 20px;
float: left;
max-width: 70%;
}

.com-file-item h4 {
color: #444;
font-size: 16px;
}

.com-file-item p {
color: #888;
margin-top: 9px;
font-size: 14px;
}

/* 3D按钮 */
.bth-3d {
width: 50px;
height: 50px;
position: relative;
float: right;
margin-top: 21px;
}

.btn-boxs {
width: 50px;
height: 50px;
margin: 0 auto;
transform-style: preserve-3d;
transition: all 0.5s;
transform: rotateY(0deg);
}

.btn-box {
width: 50px;
height: 50px;
background-color: #0264ab;
position: absolute;
transition: all 0.4s;
}

.btn-left {
background-color: #fff;
}

.btn-left {
transform: rotateY(0deg) translateZ(25px);
}

.btn-front {
transform: rotateY(-90deg) translateZ(25px);
}

.bth-3d:hover .btn-boxs {
transform: rotateY(90deg);
}

.btn-box::after,
.btn-box::before {
content: "";
display: inline-block;
width: 21px;
height: 1px;
background-color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.btn-box::before {
transform: translate(-50%, -50%) rotateZ(90deg);
}

.btn-left::before,
.btn-left::after {
background-color: #0264ab;
}

.btn-left {
border: 1px solid #0264ab;
}

.dowm-wrap {
margin: 50px 0 80px;
}

.bid-page {
margin-top: 60px;
}

/* introduce */
.intr-one {
position: relative;
margin: 50px 0;
}

.intr-one img {
width: 100%;
}

.intr-one::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-color: #fff;
transition: all 2s;
}

.intr-one.on::after {
width: 0%;
}

.intr-two {
text-align: center;
margin-bottom: 76px;
}

.intr-two ul {
display: inline-block;
}

.intr-two li {
float: left;
padding: 0 15px;
text-align: center;
}

.intr-two div {
box-shadow: 0 0 13px rgba(0, 0, 0, .1);
padding: 25px 71px 23px;
position: relative;
overflow: hidden;
}

.intr-two div::after {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
background-color: #0264ab;
transition: all 1s;
}

.intr-two h4 {
font-size: 30px;
color: #0264ab;
font-family: 'DINMITTELSCHRIFTSTD';
position: relative;
z-index: 1;
}

.intr-two p {
font-size: 16px;
color: #666;
line-height: 30px;
margin-top: 5px;
position: relative;
z-index: 1;
}

.intr-two li:hover div::after {
width: 500px;
height: 500px;
}

.intr-two li:hover p,
.intr-two li:hover h4 {
color: #fff;
}




/* message */



.com-form {
margin: 50px 0 80px;
}

.form-ul {
margin: 0 -13px;
display: flow-root;
}

.form-ul li {
float: left;
padding: 0 13px;
width: 25%;
margin-bottom: 20px;
}

.info-form .row input,
.com-form .row input,
.form-ul-item {
background-color: #fff;
padding-left: 10px;
border: 1px solid #e9e9e9;
height: 44px;
}

select,
.info-form .row input,
.info-form .row a,
.com-form .row a,
.com-form .row input {
color: #666666;
display: inline-block;
font-size: 16px;
}

.form-ul input {
width: 90%;
color: #666;
font-size: 16px;
line-height: 42px;
}

.com-form textarea {
background-color: #fff;
resize: none;
line-height: 26px;
padding-left: 10px;
border: 1px solid #e9e9e9;
padding-top: 8px;
height: 200px;
display: block;
width: 100%;
color: #adadad;
font-size: 16px;
color: #666;
margin-bottom: 20px;
}

.form-ul .red {
color: #ff0000;
font-size: 16px;
/* width: 24%; */
}

.info-form .row input,
.com-form .row input {
width: 32.2%;
margin-right: 21px;
line-height: 42px;
}

#random {
font-size: 24px;
font-style: italic;
text-align: center;
vertical-align: bottom;
width: 10.7%;
padding-left: 0;
margin-right: 7px;
}

.form-btn {
text-align: center;
margin-top: 51px;
}

.form-btn input {
font-size: 16px;
color: #0264ab;
border: 1px solid #0264ab;
margin: 0 5px;
padding: 13px 63px 14px;
position: relative;
transition: all 0.5s;
cursor: pointer;
}

.form-btn input:hover {
color: #fff;
border: 1px solid #0264ab;
background-color: #0264ab;
}

.info-form .people-num input {
line-height: 30px;
width: 80px;
margin-right: 40px;
margin-left: -5px;
}


/* contact */
.cont-one {
padding: 43px 0 76px;
}

.cont-header {
text-align: center;
padding-top: 74px;
}

.cont-one .note {
font-size: 16px;
color: #666;
line-height: 30px;
}

.cont-one .com-icon li:first-child {
width: 33%;
}

.cont-one .com-icon li:last-child {
width: 30%;
}

.cont-one .com-icon li:last-child h4 {
font-size: 16px;
margin-top: 30px;
}

.cont-one .com-icon {
margin-top: 43px;
}

.cont-one .com-icon li {
float: left;
width: 25%;
}

.cont-one .icon-item {
text-align: center;
}

.cont-one .icon-item p {
color: #666;
font-size: 16px;
}

.cont-one .icon-item h4 {
color: #333;
font-size: 20px;
font-family: Arial;
margin: 26px 0 5px;
}

.cont-one .icon-img {
width: 106px;
height: 106px;
margin: 0 auto;
position: relative;
}

.coon-imgs {
width: 106px;
height: 106px;
transform-style: preserve-3d;
transition: all 0.5s;
}

.coon-img {
width: 106px;
height: 106px;
position: absolute;
transition: all 0.5s;
}

.coon-front {
background-color: #fff;
transform: rotateY(0deg) translateZ(0);
}

.coon-front::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
border: 1px solid #dedede;
}

.coon-black {
background-color: #0264ab;
transform: translateZ(0) rotateY(180deg);
border: 1px solid transparent;
border-radius: 50%;
}

.cont-one .icon-imgs:hover {
transform: rotateY(180deg);
}

.cont-one .icon-img:hover .coon-imgs {
transform: rotateY(180deg);
}

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



@media (max-width:1919px) {
}

@media (max-width:1679px) {
}

@media (max-width:1459px) {
.ny-tit {
font-size: 36px;
}

.com-form {
margin: 30px 0 60px;
}

.form-btn {
margin-top: 30px;
}

.cont-one .com-icon {
margin-top: 30px;
}

.cont-one {
padding: 30px 0 25px;
}

.cont-header {
padding-top: 60px;
}

.cont-one .icon-img,
.coon-imgs,
.coon-img,
.coon-img img {
width: 96px;
height: 96px;
}

.com-file-item .file-font {
max-width: 66%;
padding: 18px 0 0;
}

.dowm-wrap {
margin: 50px 0 60px;
}

.bid-page {
margin-top: 40px;
}

.com-file-item img {
width: 80px;
}

.bth-3d,
.btn-boxs,
.btn-box {
width: 42px;
height: 42px;
}

.btn-left {
transform: rotateY(0deg) translateZ(21px);
}

.btn-front {
transform: rotateY(-90deg) translateZ(21px);
}

.btn-box::after,
.btn-box::before {
width: 18px;
}

.intr-one::after {
width: 0%;
}

.intr-one {
margin: 35px 0;
}

.intr-two {
margin-bottom: 60px;
}

.intr-two div {
padding: 25px 55px 23px;
}
}

@media (max-width:1259px) {
.cont-one .note .p-style {
display: inline;
}

.cont-one .icon-item h4 {
font-size: 18px;
}

.cont-one .icon-img,
.coon-imgs,
.coon-img,
.coon-img img {
width: 86px;
height: 86px;
}

.ny-tit {
font-size: 30px;
}

.ssline::after {
margin-top: 15px;
}

.com-form {
margin: 30px 0 45px;
}

.cont-header {
padding-top: 45px;
}

.form-btn input {
padding: 10px 55px;
}

#random {
width: 15%;
}

.com-file-item {
padding: 16px 26px;
}

.com-file-item img {
width: 70px;
margin-right: 18px;
}

.bth-3d,
.btn-boxs,
.btn-box {
width: 34px;
height: 35px;
}

.btn-left {
transform: rotateY(0deg) translateZ(17px);
}

.btn-front {
transform: rotateY(-90deg) translateZ(17px);
}

.btn-box::after,
.btn-box::before {
width: 16px;
}

.com-file-item .file-font {
padding: 14px 0 0;
}

.intr-two div {
padding: 20px 32px;
}

.intr-two div {
padding: 14px 12px;
}
}

@media (max-width:991px) {
.contact .menu a {
margin: 0 8px;
}

.ny-tit {
font-size: 28px;
}

.ssline::after {
margin-top: 12px;
}

.cont-one {
padding: 30px 0 40px;
}

.cont-one .icon-item h4 {
font-size: 16px;
margin: 16px 0 5px;
}

.cont-one .icon-img,
.coon-imgs,
.coon-img,
.coon-img img {
width: 76px;
height: 76px;
}

.cont-one .com-icon li:last-child h4 {
font-size: 14px;
margin-top: 19px;
}

.com-file-item {
padding: 16px 20px;
}

.com-file-item img {
width: 58px;
margin-right: 12px;
}

.btn-box::after,
.btn-box::before {
width: 16px;
}

.com-file-item .file-font {
padding: 10px 0 0;
max-width: 64%;
}

.com-file-item p {
margin-top: 4px;
}

.bth-3d {
margin-top: 14px;
}

.info-form .people-num input {
margin-right: 22px;
}
}

@media (max-width:767px) {
.cont-one {
padding: 30px 0 15px;
}

.cont-one .com-icon li:first-child,
.cont-one .com-icon li:last-child,
.cont-one .com-icon li {
width: 50%;
margin-bottom: 22px;
}

.cont-one .icon-img:hover .coon-imgs {
transform: none
}

.ny-tit {
font-size: 22px;
}

.form-ul li {
width: 100%;
}

.com-form .row input {
width: 46%
}

#random {
margin-top: 20px;
width: 46%
}

.com-form textarea {
height: 150px;
}

.cont-one .icon-img,
.coon-imgs,
.coon-img,
.coon-img img {
width: 70px;
height: 70px;
}

.com-file-ul li {
width: 100%;
}

.bth-3d,
.btn-boxs,
.btn-box {
width: 30px;
height: 30px;
}

.btn-left {
transform: rotateY(0deg) translateZ(15px);
}

.btn-front {
transform: rotateY(-90deg) translateZ(15px);
}

.dowm-wrap {
margin: 30px 0 45px;
}

.bid-page {
margin-top: 25px;
}

.form-ul {
margin: 0 -10px;
}

.form-ul li {
padding: 0 10px;
}

.info-form #random {
margin-top: 0;
width: 30%;
}

.info-form .row input {
width: 37%;
}

.intr-two li {
width: 100%;
margin-bottom: 20px;
}

.intr-two {
margin-bottom: 25px;
}

.intr-one img {
width: 800px;
}

.intr-one {
overflow-x: auto;
}

.intr-one::-webkit-scrollbar {
height: 3px;
background-color: #fff;
}

.intr-one::-webkit-scrollbar-thumb {
background-color: #85c322;
border-radius: 10px;
}
}

@media (max-width:321px) {
.form-btn input {
padding: 8px 40px;
}

.com-file-item {
padding: 12px 16px;
}

.com-file-item img {
width: 52px;
margin-right: 10px;
}

.com-file-item .file-font {
padding: 5px 0 0;
}

.navmenu-con a {
padding: 4px 22px;
}

.intr-two p .p-style {
display: inline;
line-height: 26px;
}

.people-num div {
margin-bottom: 20px;
}

.people-num div:last-child {
margin-bottom: 0;
}
}

/* ============================zsx============================ */

/* ============================zsx2============================ */
/* 通用 */
.sxline {
}

.sxline::before {
content: "";
width: 4px;
height: 20px;
vertical-align: middle;
margin-top: -4px;
background-color: #0264ab;
display: inline-block;
margin-right: 10px;
}

select {
outline: none;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background: url("../images/select.png") no-repeat right center transparent;
background-position-x: 97.5%;
width: 100%;
height: 100%;
}

.dott,
.dott2 {
float: left;
width: 6px;
height: 6px;
background-color: #0264ab;
vertical-align: middle;
margin-top: 10px;
margin-right: 9px;
}

.dott {
border-radius: 50%;
}

.down-icon {
background: url(../images/down-icon.png)no-repeat center #0264ab;
width: 20px;
height: 20px;
border-radius: 50%;
display: inline-block;
vertical-align: middle;
margin-top: -4px;
margin-left: 10px;
}

/* 按钮 */
.btn {
display: inline-block;
*display: inline;
*zoom: 1;
padding: 13px 48px;
margin-right: 6px;
text-decoration: none;
position: relative;
color: #0264ab;
font-size: 16px;
}

.btn12 {
background-color: #fff;
color: #0264ab;
position: relative;
overflow: hidden;
-webkit-transition: all .6s;
transition: all .6s;
}

.btn12:hover {
color: #fff;
}

.btn12 .bgsqr1,
.btn12 .bgsqr2 {
background: #0264ab;
position: absolute;
top: 50%;
top: 0\9;
content: '';
width: 20px;
height: 20px;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.6s;
transition: all 0.6s;
opacity: 0.5;
}

.btn12 .bgsqr1 {
left: -20px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.btn12 .bgsqr2 {
right: -20px;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}

.btn12:hover .bgsqr1 {
-webkit-animation: criss-cross-left .8s both;
animation: criss-cross-left .8s both;
width: 375px\9;
height: 375px\9;
opacity: 1;
}

.btn12:hover .bgsqr2 {
-webkit-animation: criss-cross-right .8s both;
animation: criss-cross-right .8s both;
width: 375px\9;
height: 375px\9;
opacity: 1;
}

.btn12 span {
position: relative;
z-index: 1;
}

@-webkit-keyframes criss-cross-left {
0% {
left: -20px
}

50% {
left: 50%;
width: 20px;
height: 20px;
}

100% {
left: 50%;
width: 375px;
height: 375px;
}
}

@keyframes criss-cross-left {
0% {
left: -20px
}

50% {
left: 50%;
width: 20px;
height: 20px;
}

100% {
left: 50%;
width: 375px;
height: 375px;
}
}

@-webkit-keyframes criss-cross-right {
0% {
right: -20px
}

50% {
right: 50%;
width: 20px;
height: 20px;
}

100% {
right: 50%;
width: 375px;
height: 375px;
}
}

@keyframes criss-cross-right {
0% {
right: -20px
}

50% {
right: 50%;
width: 20px;
height: 20px;
}

100% {
right: 50%;
width: 375px;
height: 375px;
}
}

/* recommend */
.info-form {
padding: 35px 0 80px;
}

.info-form .form-ul li {
width: 33.33%;
}

.info-form .form-ul2 li {
width: 33.4%;
}

.info-header {
margin: 26px 0 30px;
}

.info-header h4.sxline {
font-size: 20px;
color: #333;
display: inline-block;
vertical-align: middle;
}

.info-header span {
color: #0264ab;
vertical-align: middle;
font-size: 16px;
margin-left: 18px;
}

.form-up,
.people-num {
font-size: 16px;
color: #666;
margin-bottom: 20px;
}

.people-num p {
display: inline-block;
margin-right: 24px;
}

.form-up div,
.people-num div {
display: inline-block;
}

.people-num input {
line-height: 29px;
width: 80px;
margin-right: 38px;
border: 1px solid #e9e9e9;
}

.form-up div {
position: relative;
margin-left: 30px;
width: 21.7%;
}

.form-up div a {
background-color: #eee;
border: 1px solid #e5e5e5;
position: absolute;
top: 0;
left: 0;
z-index: 1;
padding: 4px 28px 5px;
}

.form-up input {
border: 1px solid transparent;
font-size: 16px;
}

.form-up .file-up-btn {
background-color: #eee;
border: 1px solid #e5e5e5;
color: #666;
font-size: 16px;
padding: 4px 23px 5px;
}

.form-up #file {
padding-top: 3px;
padding-left: 41px;
width: 100%;
}

.form-up p {
display: inline-block;
margin-left: 8.6%;
}



/* down */
.down-wrap {
}

.down-search {
font-size: 0;
margin: 50px 0;
}

.down-key {
width: calc(100% - 200px);
border: 1px solid #e5e5e5;
border-right: 1px solid transparent;
line-height: 65px;
font-size: 16px;
color: #999;
padding-left: 20px;
}

.down-sub {
background-color: #0264ab;
border: 1px solid #0264ab;
color: #fff;
width: 200px;
line-height: 65px;
font-size: 16px;
cursor: pointer;
}

.down-table {
text-align: left;
}

.down-table th {
font-size: 22px;
color: #222;
background-color: #f7f7f7;
font-weight: 400;
padding: 18px 0 19px;
width: 25%;
}

.down-table th:first-child {
padding-left: 28px;
width: 39.285%;
}

.down-table th:last-child {
width: 10.714%;
}

.down-table td:first-child {
padding-left: 28px;
padding-right: 20px;
}

.down-table td {
font-size: 16px;
color: #666;
padding: 21px 0;
border-bottom: 1px solid #e5e5e5;
}

.down-table .dott2 {
width: 10px;
height: 10px;
margin-top: 7px;
}

.down-table td:last-child {
padding: 10px 11px 10px 0;
}

.down-table td a {
display: block;
width: 100%;
height: 100%;
padding: 11px 0;
}

.down-table td a:hover {
text-align: center;
background-color: #0264ab;
color: #fff;
}

.down-table td a:hover .down-icon {
background: url(../images/down-icon1.png)no-repeat center #fff;
}



.down-table td .ljxzh {
display: block;
width: 100%;
height: 100%;
padding: 11px 0;
cursor: pointer;
}

.down-table td .ljxzh:hover {
text-align: center;
background-color: #0264ab;
color: #fff;
}

.down-table td .ljxzh:hover .down-icon {
background: url(../images/down-icon1.png)no-repeat center #fff;
}

.down-page {
margin: 80px 0;
}


/* problem */
.problem {
background-color: #f7f7f7;
}

.prob-wrap {
padding: 46px 46px 5px 40px;
background-color: #fff;
margin-top: 50px;
}


.prob-img {
background-color: #0264ab;
border-radius: 50%;
display: inline-block;
margin-top: 5px;
}

.prob-wenti .prob-font {
background-color: #eeeeee;
border-radius: 6px 6px 6px 0;
font-size: 18px;
color: #333;
padding: 17px 18px 16px;
width: calc(100% - 71px);
float: right;
position: relative;
}

.prob-wenti .prob-font::before {
transition: all 0.5s;
content: "";
display: inline-block;
border-left: 6px solid transparent;
border-right: 7px solid transparent;
border-bottom: 6px solid #eeeeee;
position: absolute;
bottom: 0;
left: -7px;
}

.prob-huida {
padding: 15px 0 32px;
}

.prob-huida .prob-img {
background-color: #eeeeee;
}

.prob-huida .prob-font {
float: right;
font-size: 14px;
color: #777;
width: calc(100% - 71px);
}

.prob-huida .prob-font p {
padding-bottom: 5px;
}

.prob-huida:hover img,
.prob-wenti:hover img {
animation: swing 1s;
}

.prob-wrap li:hover .prob-wenti p {
color: #0264ab;
}


@media (max-width:1919px) {
}

@media (max-width:1679px) {
}

@media (max-width:1459px) {

.down-sub,
.down-key {
line-height: 55px;
}

.down-table th {
padding: 15px 0
}

.down-page {
margin: 60px 0;
}

.info-form {
padding: 25px 0 60px;
}
}

@media (max-width:1259px) {
.form-up div {
width: 44.5%;
}

.form-up p {
margin-left: 0;
margin-top: 20px;
}

.people-num input {
margin-right: 30px;
}

select {
background-position-x: 95.5%;
}

.down-table th {
font-size: 18px;
width: 18%;
}

.info-header {
margin: 20px 0 30px;
}
}

@media (max-width:991px) {
.form-up div {
width: 52.5%;
}

.down-table th {
width: 8%;
}
}

@media (max-width:767px) {
.prob-wrap {
padding: 26px 15px 5px;
}

.prob-img img {
width: 40px;
}

.prob-wenti .prob-font {
font-size: 16px;
padding: 10px 18px;
width: calc(100% - 54px);
}

.prob-huida .prob-font {
width: calc(100% - 54px);
}

.info-form .form-ul li {
width: 100%;
}

.info-form .form-ul2 li {
width: 100%;
}

.people-num p {
margin-right: 36px;
margin-bottom: 20px;
}

.form-up div {
width: 100%;
margin: 20px 0;
}

.people-num p {
margin-right: 4px;
}

.people-num input {
margin-right: 0;
}

.down-search {
margin: 35px 0;
}

.down-table td:nth-child(2),
.down-table td:nth-child(3),
.down-table th:nth-child(2),
.down-table th:nth-child(3) {
display: none;
}

.down-table th:last-child {
width: 15.5%;
}

.down-key {
line-height: 40px;
padding-left: 10px;
width: calc(100% - 100px);
}

.down-sub {
line-height: 40px;
width: 100px;
}

.down-table th:first-child {
padding-left: 20px;
width: 82%;
}

.down-table td:first-child {
padding: 12px 18px;
}

.down-table td a, .down-table td .ljxzh {
padding: 0;
}

.down-table td .ljxzh {
}

.down-table td .ljxzh span {
display: none;
}

.down-table td .ljxzh em {
margin-left: 10px;
}

.down-table td .ljxzh:hover {
text-align: left;
background-color: #fff;
}

.down-table td .ljxzh:hover .down-icon {
background: url(../images/down-icon.png)no-repeat center #0264ab;
}

.down-table .dott2 {
width: 6px;
height: 6px;
margin-top: 9px;
}

.prob-wrap {
margin-top: 30px;
}

.down-page {
margin: 45px 0;
}

.info-form {
padding: 20px 0 45px;
}
}

/* solution */
.recruit.section,
.solution.section {
height: 100vh;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

.recr-wrap,
.solu-wrap {
position: absolute;
top: 50%;
transform: translateY(-46.4%);
width: 100%;
}

.solu-swiper {
margin-top: 77px;
}

.solu-swiper p {
color: #fff;
font-size: 20px;
margin-top: 8px;
opacity: 0.5;
}

.solu-swiper img {
opacity: 0.7;
}

.solu-swiper .solu-boxs {
display: block;
padding: 125px 0 127px;
position: relative;
}

.solu-swiper .solu-box {
text-align: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
}

.solu-swiper .swiper-slide.bott .solu-box {
top: auto;
bottom: 0;
}

.solu-swiper .swiper-pagination {
position: absolute;
bottom: -30px;
left: 50%;
transform: translateX(-50%);
display: none;
}

.solu-swiper .swiper-pagination-bullet {
margin: 0 2px;
background-color: #78bb30 !important;
}

.solu-line {
width: 100%;
background-color: rgba(255, 255, 255, .3);
height: 1px;
position: relative;
}

.solu-line::after {
content: "";
background: #fff;
transition: all 0.5s;
position: absolute;
top: 50%;
left: 50%;
transform: translate(0%, -50%);
width: 0%;
height: 100%;
}

.solu-dott {
width: 13px;
height: 13px;
background-color: #fff;
border-radius: 50%;
z-index: 33;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.5s;
}

.solu-dott2 {
background-color: #fff;
border-radius: 50%;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.solu-swiper .swiper-slide:hover .solu-dott2 {
animation: quanquan 1s ease infinite;
}

.solu-swiper .swiper-slide:hover .solu-dott {
background-color: #78bb30;
}

.solu-swiper .swiper-slide:hover .solu-line::after {
width: 100%;
transform: translate(0%, -50%);
}

.solu-swiper .swiper-slide:hover p {
opacity: 1;
}

.solu-swiper .swiper-slide:hover img {
opacity: 1;
}

@keyframes quanquan {
0% {
width: 0px;
height: 0px;
opacity: 1;
}

100% {
width: 23px;
height: 23px;
opacity: 0;
}
}

/* recruit */
.recr-font {
width: 49%;
float: right;
color: #fff;
}

.recr-font h4 {
font-size: 36px;
font-weight: 200;
}

.recr-font h5 {
font-size: 24px;
font-weight: 200;
line-height: 30px;
margin: 12px 0 39px;
}

.recr-font p {
font-size: 16px;
line-height: 30px;
}

.recr-font .row {
margin-top: 43px;
}




@media (max-width:1919px) {
}

@media (max-width:1679px) {
}

@media (max-width:1459px) {
.recr-font {
width: 53%;
}

.recr-font h4 {
font-size: 32px
}

.recr-font h5 {
font-size: 22px;
margin: 12px 0 20px;
}
}

@media (max-width:1259px) {
.solu-swiper img {
width: 60px;
}

.solu-swiper p {
font-size: 18px;
margin-top: 4px;
}

.swiper-slide.bott p {
margin-top: -4px;
}

.solu-swiper .solu-boxs {
padding: 116px 0;
}

.btn {
padding: 10px 40px;
}

.recr-font {
width: 56%;
}
}

@media (max-width:991px) {
.recruit.section {
background-position: left;
}

.recr-font {
width: 100%;
}
}

@media (max-width:767px) {
.solu-swiper img {
width: 48px;
}

.solu-swiper p {
font-size: 16px;
}

.solu-swiper .solu-boxs {
padding: 100px 0;
}

.solu-swiper .swiper-pagination {
display: block;
}

.solu-swiper {
margin-top: 22px;
}

.solu-dott {
width: 10px;
height: 10px;
}

.recruit.section {
background-position: right;
}

.recr-font h4 {
font-size: 22px;
}

.recr-font h5 {
font-size: 18px;
line-height: 26px;
}

.recr-font p {
line-height: 26px;
}

.recr-font .row {
text-align: center;
}

.btn {
padding: 9px 35px;
}

.recruit.section {
height: auto;
}

.recr-wrap {
position: unset;
}

.recr-font {
margin: 80px 0;
}

.header-app .logo img {
#width: 180px;
height: 20px;
}

.solu-swiper .swiper-slide:hover .solu-dott2 {
animation: quanquan 1s ease;
}
}

@media (max-width:400px) {
.recr-font {
margin: 60px 0;
}
}

@media (max-width:321px) {
.solu-swiper img {
width: 45px;
}

.solu-swiper p {
font-size: 14px;
}

.solu-swiper .solu-boxs {
padding: 86px 0;
}

.recr-font {
margin: 40px 0;
}
}


/* case */
.case .bt-search .sub-bot {
background: url(../images/icon-searcha.png) no-repeat center transparent;
}

.case .bread a:first-child::before {
background: url(../images/breada.png)no-repeat center;
}

.case .bread p {
color: #999999;
}

.header.ny-header.case {
background-color: transparent;
}

.header.ny-header.case.on {
background-color: #fff;
}

.case .tech-menuli::before {
background: #666;
}

.case .tech-menuli::after {
/* background: url(../images/te-rimenu_04.png)repeat-y; */
}

.case .tech-menuli.on .techmenu-top a {
color: #333;
}

.case .techmenu-top a {
color: #999;
}

.case .techmenu-bot a {
color: #333;
}

.case .tech-menu {
padding-top: 0;
}

.case .techno-wrap {
padding-top: 65px;
}

.case .techno-con {
padding: 108px 0 244px;
}

.case.techno::before {
position: absolute;
right: 0;
top: 0;
content: "";
float: right;
width: 26.041%;
height: 100%;
background-color: #f5f5f5;
}

.case.bread {
color: #999;
}

.case-wrap {
transform: translateY(-56.8%);
z-index: 33;
}

.case-left {
float: left;
width: 71.143%;
}

.case-left #content {
min-height: 800px;
}

.case-left h4 {
font-size: 40px;
color: #036aa5;
}

.case-left h5 {
font-size: 30px;
color: #333;
font-weight: 200;
margin: 44px 0 10px;
}

.case-left p {
font-size: 16px;
color: #333;
opacity: 0.7;
line-height: 30px;
}

.case-left .row {
text-align: center;
font-size: 0;
margin-top: 43px;
}

.case-left .row img {
margin: 0 17px;
width: 41.3%;
}


.case .tech-menu::-webkit-scrollbar {
width: 0;
height: 0;
background-color: #dcdbdb;
}

.case .tech-menu::-webkit-scrollbar-thumb {
border-radius: 0;
width: 0;
height: 0;
}

@media (max-width:1679px) {
.case-left h4 {
font-size: 36px;
}

.case-left h5 {
font-size: 28px;
}
}

@media (max-width:1459px) {
.case-left h4 {
font-size: 32px;
}

.case-left h5 {
font-size: 24px;
}
}

@media (max-width:1259px) {
.case .techno-wrap {
padding-top: 0;
}

.case-left h4 {
font-size: 26px;
}

.case-left h5 {
font-size: 20px;
margin: 26px 0 10px;
}
}

@media (max-width:991px) {
.section.case::after {
width: 0%;
}

.case-left {
float: left;
width: 100%;
}

.case .techno-con {
padding: 50px 0 70px;
}
}

@media (max-width:767px) {
.case-left #content {
min-height: 500px;
}

.case-left .row img {
margin: 0;
width: 100%;
margin-bottom: 20px;
}

.case .techno-con {
padding: 36px 0 25px;
}

.case-left h4 {
font-size: 22px;
}

.case-left h5 {
font-size: 18px;
margin: 20px 0 10px;
}

.case-left .row {
margin-top: 25px;
}
}

@media(max-width:1259px) {
.tech-menuli {
padding-bottom: 23px;
}

.tech-menuli.on {
padding-bottom: 27px;
}
}

@media (max-width:767px) {
.case .techno-wrap {
width: 100%;
}
}

.case .tech-menuli {
padding-bottom: 21px;
}

.case .tech-menuli.on {
padding-bottom: 28px;
}

/* ============================zsx2============================ */
.tech-bread {
z-index: 0;
}

.case .tech-bread {
z-index: 3;
display: none;
}

.tech-menu {
position: fixed;
z-index: 99;
right: 11.6%;
}

.tech-menu.posi {
position: absolute;
}

/*.tech-menu.none{display: none;}*/
@media (max-width:1679px) {
.tech-menu.scroll {
right: 5%;
}
}

.error {
color: red;
}

@media (max-width:1679px) {
.tech-menu.scroll {
right: 5%;
}

.tech-menu {
right: 5%;
}

.techno::before {
width: 23%;
}
}

@media (max-width:1459px) {
.abt5-menu a {
margin: 0 18px;
}

.case .tech-menu {
top: 17%;
}
}

@media (max-width:1259px) {
.case .tech-menu {
top: 8%;
}
}

@media (max-width:767px) {
.abt5-menu a {
margin: 0;
width: 25%;
text-align: center;
}
}

/* 2020.10.21 */
.abv-swiper .abv-left {
padding-right: 15px;
}

.abv-swiper .abv-left > div {
height: 340px;
}

.abv-swiper .gallery-thumbs {
height: 380px;
}

@media (max-width:991px) {
.intw-vdslide .intw-vdimg img {
opacity: 0;
z-index: -1;
}

.intw-video::before {
display: none;
}

#my_video_1 {
padding: 0 15px;
}

.intw-swiper .swiper-pagination-bullet {
margin: 0 5px;
}

.abv-swiper .abv-left {
padding-right: 5px;
}
}

.abv-swiper .gallery-thumbs .swiper-slide {
opacity: .5;
}

.abv-swiper .gallery-thumbs .swiper-slide-thumb-active {
opacity: 1;
}

/* 2020.10.22 */
.banner-more span::before {
transition: ease .5s;
transform-origin: center center;
}

.banner-more:hover span::before {
transform: rotate(90deg) translate(-50%, -50%);
}

.tech-ved.tech-vedon {
position: relative;
}

#my_video_1 {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}

#my_video_1 vedio,
#my_video_1 source {
object-fit: fill;
width: 100%;
height: 100%;
}

.tech-ved.tech-vedon .tech-img {
opacity: 0;
}

.banner-more span::before,
.more span::before {
transition: ease .5s;
transform-origin: center center;
}

.banner-more:hover span::before,
.more:hover span::before {
transform: rotate(90deg) translate(-50%, -50%);
}

.tech-ved.tech-vedon {
position: relative;
}

#my_video_1 {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}

#my_video_1 vedio,
#my_video_1 source {
object-fit: fill;
width: 100%;
height: 100%;
}

.tech-ved.tech-vedon .tech-img {
opacity: 0;
}

/* 2020.10.29 */
/* :g 615 */

.solu-swiper {
position: relative;
}

.solu-swiper .swiper-button-next,
.solu-swiper .swiper-button-prev {
width: 55px;
height: 55px;
margin-top: -30px;
line-height: 55px;
background: transparent;
text-align: center;
border-radius: 50%;
border: 1px solid #fff;
font-size: 16px;
color: #fff;
transition: ease .5s;
}

.solu-swiper .swiper-button-next {
right: -75px;
}

.solu-swiper .swiper-button-prev {
left: -75px;
}

.solu-swiper .swiper-button-next:hover,
.solu-swiper .swiper-button-prev:hover {
border-color: #0264ab;
color: #fff;
background: #0264ab;
}

@media (max-width:1919px) {
.solu-swiper {
padding: 0 75px;
}

.solu-swiper .swiper-button-next {
right: 0;
}

.solu-swiper .swiper-button-prev {
left: 0;
}
}

@media (max-width:1259px) {

.solu-swiper .swiper-button-next,
.solu-swiper .swiper-button-prev {
width: 48px;
height: 48px;
line-height: 48px;
margin-top: -25px;
}

.header {
display: block !important;
}

.header-right {
margin-left: 15px;
}

.navitem {
padding: 0 2px;
}

.navitem > a {#padding: 35px 3px;}

.navbar {
margin-left: 20px;
}

.header .logo img {
#width: 220px;
#height: 19px;
}

.header-app {
display: none !important;
}
}

@media (max-width: 991px) {
.web{
display: none !important;
}
.app{
display: block !important;
}
.header {
display: none !important;
}

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

.solu-swiper .swiper-button-next,
.solu-swiper .swiper-button-prev {
display: none;
}

.solu-swiper {
padding: 0;
}

.solu-swiper .swiper-pagination {
display: block;
}

body {
padding-top: 60px !important;
}
}

/*产品列表 搜索*/

.index-search {
background: #fff;
padding: 12px 0 11px
}

.index-keywords {
float: left;
padding: 5px 0 0
}

.index-searinput {
float: right;
padding: 10px 20px;
border: 1px solid #dcdcdc;
position: relative;
width: 300px;
}

.index-keywords span {
display: inline-block;
font-size: 16px;
color: #000;
padding-right: 12px
}

.index-keywords a {
display: inline-block;
font-size: 16px;
color: #616161;
line-height: 30px;
padding: 0 17px
}

.index-keywords a:hover {
color: #000;
font-weight: bold
}

.index-searinput input {
font-size: 14px;
color: #bebebe;
width: 100%;
padding-right: 20px;
}

.index-searinput i {
color: #666369;
font-size: 17px;
cursor: pointer;
position: absolute;
top: 50%;
right: 25px;
transform: translateY(-50%);
}

@media (max-width:360px) {
.index-searinput {
width: 100%;
padding: 6px 20px;
}
}

/*20201110*/
.form-ul .new-li {
width: 50%;
}

.new-li .new-li-select {
width: 72%;
background-color: white;
padding-left: 10px;
/* margin-left: 6.2%; */
height: 38px;
line-height: 38px;
margin-top: 2px;
margin-right: 2px;
cursor: pointer;
}

.new-li .form-ul-item {
background-color: #0264aa;
text-align: right;
position: relative;
}

.new-li label span {
color: white !important;
display: flow-root;
width: 24%;
float: left;
line-height: 38px;
text-align: center;
}

.new-li label span img {
width: 22px;
height: 22px;
margin: 0px 5px 0px 10px;
vertical-align: sub;
}

.new-li .t1 {
}

.new-li .t2 {
display: none;
/* width: 60%; */
}

.new-li-img {
position: absolute;
right: 10px;
width: 24px;
top: 8px;
}

@media (max-width:767px) {
.form-ul .new-li {
width: 100%;
}

.new-li .new-li-select {
width: 62%;
}

.new-li label span {
width: 32%;
}
}

/*20201130*/
.fu-on {
margin-left: -4%;
}

@media (max-width: 1919px) {
.fu-on {
margin-left: 0%;
}
}

.out-ryzz {
}

.out-ryzz::-webkit-scrollbar {
width: 10px;
background: none;
background-color: #9e9e9e57;
}

.out-ryzz::-webkit-scrollbar-thumb {
background: none;
background-color: #85c322;
}

/*20201201*/
.soluinfo-cont-ul, .soluinfo-cont-ul2, .soluinfo-cont-ul3 {
overflow: hidden;
height: 100%;
}

.soluinfo-cont-ul li, .soluinfo-cont-ul2 li, .soluinfo-cont-ul3 li {
display: none;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
}

.soluinfo-cont-ul .active, .soluinfo-cont-ul2 .active, .soluinfo-cont-ul3 .active {
display: block;
}

.soluinfo-cont {
display: flow-root;
}

.soluinfo-cont-left {
float: left;
width: 69%;
position: relative;
}

.soluinfo-cont-right {
float: right;
width: 30%;
}

.soluinfo-cont-ds, .soluinfo-cont-ds2, .soluinfo-cont-ds3 {
margin: 65px 1.5% 20px;
text-align: left;
font-weight: 100;
box-shadow: 0 2px 13px rgba(158, 158, 158, 0.33);
background: #fff;
padding: 50px 30px 30px;
width: 97%;
}

.soluinfo-cont-ds .soluinfo-cont-kf, .soluinfo-cont-ds2 .soluinfo-cont-kf2, .soluinfo-cont-ds3 .soluinfo-cont-kf3 {
display: none;
}

.soluinfo-cont-ds .active, .soluinfo-cont-ds2 .active, .soluinfo-cont-ds3 .active {
display: block;
}

.soluinfo-cont-ds h4, .soluinfo-cont-ds2 h4, .soluinfo-cont-ds3 h4 {
font-size: 24px;
color: #136faf;
font-weight: 100;
}

.soluinfo-cont-ds em, .soluinfo-cont-ds2 em, .soluinfo-cont-ds3 em {
display: block;
width: 50px;
margin: 30px 0px 24px;
border-top: 1px solid #0264aa;
}

.soluinfo-cont-ds p, .soluinfo-cont-ds2 p, .soluinfo-cont-ds3 p {
font-size: 16px;
color: #666;
line-height: 26px;
height: 240px;
padding-right: 2px;
}

.soluinfo-cont-btn {
margin-top: 20px;
text-align: center;
display: none;
}

.soluinfo-cont-btn input {
background-color: #0264aa;
color: white;
font-size: 14px;
padding: 0px 20px;
cursor: pointer;
line-height: 32px;
}

.soluinfo-cont-btn .soluinfo-cont-btn-01, .soluinfo-cont-btn .soluinfo-cont-btn-012, .soluinfo-cont-btn .soluinfo-cont-btn-013 {
}

.soluinfo-cont-btn .soluinfo-cont-btn-02, .soluinfo-cont-btn .soluinfo-cont-btn-022, .soluinfo-cont-btn .soluinfo-cont-btn-023 {
background-color: #85c322;
}

.soluinfo-cont-btn .and {
background-color: #9E9E9E;
}

.soluinfo-cont-left .dw {
position: absolute;
width: 15%;
height: 20%;
background-color: red;
cursor: pointer;
opacity: 0;
}

@media (max-width: 1460px) {
.soluinfo-cont-ds, .soluinfo-cont-ds2, .soluinfo-cont-ds3 {
margin: 10px 1.5% 15px;
text-align: left;
font-weight: 100;
box-shadow: 0 2px 13px rgba(158, 158, 158, 0.33);
background: #fff;
padding: 35px 30px 30px;
width: 97%;
}

.soluinfo-cont-ds p, .soluinfo-cont-ds2 p, .soluinfo-cont-ds3 p {
height: 200px;
}
}

@media (max-width: 1260px) {
.soluinfo-cont-ds, .soluinfo-cont-ds2, .soluinfo-cont-ds3 {
margin: 0px 1.5% 15px;
text-align: left;
font-weight: 100;
box-shadow: 0 2px 13px rgba(158, 158, 158, 0.33);
background: #fff;
padding: 35px 30px 30px;
width: 97%;
}

.soluinfo-cont-ds p, .soluinfo-cont-ds2 p, .soluinfo-cont-ds3 p {
height: 180px;
}

.soluinfo-cont-ds em, .soluinfo-cont-ds2 em, .soluinfo-cont-ds3 em {
margin: 15px 0px 15px;
}

.soluinfo-cont-ds p, .soluinfo-cont-ds2 p, .soluinfo-cont-ds3 p {
font-size: 14px;
line-height: 24px;
}
}

@media (max-width: 970px) {
.soluinfo-cont-btn {
display: block;
}

.soluinfo-cont-left {
width: 100%;
}

.soluinfo-cont-right {
width: 100%;
margin-top: 20px;
}

.soluinfo-cont-ds, .soluinfo-cont-ds2, .soluinfo-cont-ds3 {
margin: 0px 1.5% 15px;
text-align: left;
font-weight: 100;
box-shadow: 0 2px 13px rgba(158, 158, 158, 0.33);
background: #fff;
padding: 20px 20px 20px;
width: 97%;
}

.soluinfo-cont-ds p, .soluinfo-cont-ds2 p, .soluinfo-cont-ds3 p {
height: 240px;
}

.soluinfo-cont-ds em, .soluinfo-cont-ds2 em, .soluinfo-cont-ds3 em {
margin: 15px 0px 15px;
}

.soluinfo-cont-ds p, .soluinfo-cont-ds2 p, .soluinfo-cont-ds3 p {
font-size: 14px;
line-height: 24px;
}

.soluinfo-cont-ds h4, .soluinfo-cont-ds2 h4, .soluinfo-cont-ds3 h4 {
font-size: 22px;
}
}

/*20201214*/
.soluinfo-tit2-div {
margin-top: 30px;
display: flow-root;
border-bottom: 1px solid #9e9e9e63;
line-height: 52px;
}

.soluinfo-tit2-div2 {
text-align: center;
}

.soluinfo-tit2-div p {
font-size: 18px;
color: #666;
display: initial;
padding: 13px 5px;
margin: 0px 70px;
cursor: pointer;
}

.soluinfo-tit2-div .soluinfo-tit2-div-on {
color: #136faf;
border-bottom: 3px solid #136faf;
}

.soluinfo-tit2-div p:hover {
color: #136faf;
border-bottom: 3px solid #136faf;
}

.fgx {
width: 100%;
border-bottom: 1px solid #9e9e9e63;
margin: 70px 0px;
}

.techmenu-top-on {
}

.techmenu-top-on a {
background: url(../images/jiahao.png) no-repeat right;
background-size: 18px;
padding-right: 22px;
color: white;
}

.techmenu-top-on2 a {
background: url(../images/jiahao2.png) no-repeat right;
background-size: 18px;
padding-right: 22px;
color: white;
}

.techmenu-botc-on {
display: none !important;
}

@media (max-width: 1460px) {
.soluinfo-cont-ds, .soluinfo-cont-ds2, .soluinfo-cont-ds3 {
margin: 10px 1.5% 15px;
text-align: left;
font-weight: 100;
box-shadow: 0 2px 13px rgba(158, 158, 158, 0.33);
background: #fff;
padding: 35px 30px 30px;
width: 97%;
}

.soluinfo-cont-ds p, .soluinfo-cont-ds2 p, .soluinfo-cont-ds3 p {
height: 200px;
}

.soluinfo-tit2-div p {
}
}

@media (max-width: 1260px) {
.soluinfo-cont-ds, .soluinfo-cont-ds2, .soluinfo-cont-ds3 {
margin: 0px 1.5% 15px;
text-align: left;
font-weight: 100;
box-shadow: 0 2px 13px rgba(158, 158, 158, 0.33);
background: #fff;
padding: 35px 30px 30px;
width: 97%;
}

.soluinfo-cont-ds p, .soluinfo-cont-ds2 p, .soluinfo-cont-ds3 p {
height: 180px;
}

.soluinfo-cont-ds em, .soluinfo-cont-ds2 em, .soluinfo-cont-ds3 em {
margin: 15px 0px 15px;
}

.soluinfo-cont-ds p, .soluinfo-cont-ds2 p, .soluinfo-cont-ds3 p {
font-size: 14px;
line-height: 24px;
}

.soluinfo-tit2-div p {
}
}

@media (max-width: 970px) {
.soluinfo-cont-btn {
display: block;
}

.soluinfo-cont-left {
width: 100%;
}

.soluinfo-cont-right {
width: 100%;
margin-top: 20px;
}

.soluinfo-cont-ds, .soluinfo-cont-ds2, .soluinfo-cont-ds3 {
margin: 0px 1.5% 15px;
text-align: left;
font-weight: 100;
box-shadow: 0 2px 13px rgba(158, 158, 158, 0.33);
background: #fff;
padding: 20px 20px 20px;
width: 97%;
}

.soluinfo-cont-ds p, .soluinfo-cont-ds2 p, .soluinfo-cont-ds3 p {
height: 240px;
}

.soluinfo-cont-ds em, .soluinfo-cont-ds2 em, .soluinfo-cont-ds3 em {
margin: 15px 0px 15px;
}

.soluinfo-cont-ds p, .soluinfo-cont-ds2 p, .soluinfo-cont-ds3 p {
font-size: 14px;
line-height: 24px;
}

.soluinfo-cont-ds h4, .soluinfo-cont-ds2 h4, .soluinfo-cont-ds3 h4 {
font-size: 22px;
}

.soluinfo-tit2-div p {
font-size: 16px;
padding: 14px 5px;
margin: 0px 50px;
}
}

@media (max-width: 767px) {

.soluinfo-tit2-div p {
font-size: 16px;
padding: 8px 5px;
margin: 0px 43px;
}

.fgx {
border-bottom: 1px solid #9e9e9e63;
margin: 30px 0px;
}
}

a.zz {
display: none;
}

.header-language {
position: relative;
}

.languagea {
float: right;
margin-top: 0px;
transition: ease .5s;
width: 42px;
height: 21px;
background: url(/images/dq.png) no-repeat left;
padding-left: 27px;
color: #fff;
font-size: 16px;
}

.header-language .languages {
position: absolute;
top: 20px;
width: 135%;
display: none;
padding-top: 10px;
}

.header-language:hover .languages {
display: block;
}

.header-language .languages ul {
border: 1px solid rgb(187 187 187 / 10%);
}

.header-language .languages ul li {
background: #fff;
border-bottom: 1px solid #e0e0e0;
text-align: center;
}

.header-language .languages ul li a {
color: #000;
line-height: 30px;
}

.header-language .languages ul li:hover a {
color: #85c322;
}

.header.on .header-language {
color: #000;
}

.header.on .header-language .languagea {
background: url(/images/dq1.png) no-repeat left;
#color: #999;
}

/*20220411*/
.hcxz {
background-color: #f7f7f7;
padding: 5% 0;
margin: auto;
}

.hcxz ul {
}

.hcxz ul li {
width: 31.333%;
float: left;
margin: 1%;
background-color: white;
padding: 1.5% 1% 1%;
/* position: relative; */
/* border-radius: 8px; */
}

.hcxz ul li a {
position: relative;
display: block;
}

.hcxz-img {
width: 100%;
overflow: hidden;
}

.hcxz-img img {
width: 100%;
transition: ease 1s; /* border: 1px solid #00000036; */
}

.hcxz-cont { /* position: absolute; */
bottom: 0;
width: 100%; /* background-color: rgba(0, 0, 0, 0.1); */
left: 0;
text-align: left; /* padding: 5px 10px; */
background: url(/images/hcck.png) no-repeat right 3px;
background-size: 24px;
margin-top: 20px;
}

.hcxz-cont p { /* color: white; */
font-size: 15px;
padding-right: 32px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
color: #999;
}

.hcxz ul li:hover {
/* border: 1px solid rgba(133, 195, 34, 0.29); */
}

.hcxz ul li:hover .hcxz-cont {
background: url(/images/hcckh.png) no-repeat right 3px;
background-size: 24px;
}

.hcxz ul li:hover .hcxz-cont p {
color: #85c322;
}

.hcxz ul li:hover .hcxz-img img {
transform: scale(1.05);
}


@media (max-width: 767px) {

.hcxz {
}

.hcxz ul li {
width: 100%;
margin: 4% 0;
padding: 15px 10px;
}
}

.navitem:first-child .dropdown-menu a:first-child {
display: none;
}

.navitem:first-child .dropdown-menu a:nth-child(2) {
border-top: 0px;
color: #f56c6c;
font-size: 18px;
padding-top: 40px;
cursor: pointer;
}
.navitem:first-child .dropdown-menu a:nth-child(2):hover {
font-size: 20px;
}

.ystk {
}

.ystk .db {
background-color: hsl(0deg 0% 13% / 39%);
height: 100px;
width: 100%;
margin-bottom: 50px;
}

.ystk table {
width: 100%;
}

.ystk table td {
border: 1px solid rgb(158 158 158 / 29%) !important;
}

.ystk p, .ystk span {
font-family: 微软雅黑 !important;
}

@media (max-width: 767px) {
.ystk .db {
height: 0px;
margin-bottom: 30px;
}

.ystk table td p, .ystk table td span {
font-size: 14px !important;
}
}

.button2 li {
      margin-top: 28px;
      text-align:center;
display: inline-block;position: relative;padding: 20px 0px;margin: 0 15px;background: transparent;font-size: 18px;line-height: 30px;
}

.imgif0{
    width: 100%;
    animation-name: myani01;
    animation-duration: 10s;
    animation-timing-function: step-end;
    animation-iteration-count:infinite;
}
#.imgif0{
    background: url(../images/appa1.png);
}
@media (min-width: 990px){

.web{
display: block !important;
}
.app{
display: none !important;
}
.pad15{
padding: 0 15%;
}

.wzi2{
    width: 1100px;
    margin: 40px auto;
}
.imgif0{
    width: 100%;
    animation-name: myani00;
    animation-duration: 10s;
    animation-timing-function: step-end;
    animation-iteration-count:infinite;
}
.imgif1{
    width: 1100px;
    height: 400px;
    margin: 0 auto;
    animation-name: myani;
    animation-duration: 20s;
    animation-timing-function: step-end;
    animation-iteration-count:infinite;
}
.imgif2{
    width: 1100px;
    height: 190px;
    margin: 0 auto;
    animation-name: myani2;
    animation-duration: 10s;
    animation-timing-function: step-end;
    animation-iteration-count:infinite;
}
.imgif3{
    width: 1100px;
    height: 250px;
    margin: 0 auto;
    animation-name: myani3;
    animation-duration: 20s;
    animation-timing-function: step-end;
    animation-iteration-count:infinite;
}
.imgif4{
    width: 1100px;
    height: 455px;
    margin: 0 auto;
    animation-name: myani4;
    animation-duration: 20s;
    animation-timing-function: step-end;
    animation-iteration-count:infinite;
}

}
.wzi2-p div{
text-align: center;
}
.wzi2-p div{
display: none;
}
.wzi2-p div.current{
display: block;
}

@keyframes myani {
 0% {
 background: url(../images/sbt1-img30UI1.gif),url(../images/sbt1-img30UI10.gif);
 background-size: contain,contain;
 background-repeat: no-repeat,no-repeat;
 background-position: top left,bottom left;
}
 30% {
 background: url(../images/sbt1-img30UI2.gif),url(../images/sbt1-img30UI20.gif);
 background-size: contain,contain;
 background-repeat: no-repeat,no-repeat;
 background-position: top left,bottom left;
}
 60% {
 background: url(../images/sbt1-img30UI3.gif),url(../images/sbt1-img30UI30.gif);
 background-size: contain,contain;
 background-repeat: no-repeat,no-repeat;
 background-position: top left,bottom left;
}
 100% {
 background: url(../images/sbt1-img30UI1.gif),url(../images/sbt1-img30UI10.gif);
 background-size: contain,contain;
 background-repeat: no-repeat, no-repeat;
 background-position: top left,bottom left;
}
}

@keyframes myani2 {
 0% {
 background: url(../images/sbt1-img30JX1.png);
 background-size: cover;

}
 50% {
 background: url(../images/sbt1-img30JX2.png);
 background-size: cover;
}
 100% {
 background: url(../images/sbt1-img30JX2.png);
 background-size: cover;
}
}

@keyframes myani3 {
 0% {
 background: url(../images/sbt1-img30AA1.png);
 background-size: 100% 100%;

}
 25% {
 background: url(../images/sbt1-img30AA2.png);
 background-size: 100% 100%;
}
 50% {
 background: url(../images/sbt1-img30AA3.png);
 background-size: 100% 100%;
}
 75% {
 background: url(../images/sbt1-img30AA4.png);
 background-size: 100% 100%;
}
 100% {
 background: url(../images/sbt1-img30AA1.png);
 background-size: 100% 100%;
}}
@keyframes amyani3 {
 0% {
 background: url(../images/sbt1-aimg30AA1.png);
 background-size: 100% 100%;

}
 25% {
 background: url(../images/sbt1-aimg30AA2.png);
 background-size: 100% 100%;
}
 50% {
 background: url(../images/sbt1-aimg30AA3.png);
 background-size: 100% 100%;
}
 75% {
 background: url(../images/sbt1-aimg30AA4.png);
 background-size: 100% 100%;
}
 100% {
 background: url(../images/sbt1-aimg30AA1.png);
 background-size: 100% 100%;
}}

@keyframes myani4 {
 0% {
 background: url(../images/sbt1-img30AB1.png);
 background-size: 100% 100%;

}
 20% {
 background: url(../images/sbt1-img30AB2.png);
 background-size: 100% 100%;
}
 40% {
 background: url(../images/sbt1-img30AB3.png);
 background-size: 100% 100%;
}
 60% {
 background: url(../images/sbt1-img30AB4.png);
 background-size: 100% 100%;
}
 80% {
 background: url(../images/sbt1-img30AB5.png);
 background-size: 100% 100%;
}
 100% {
 background: url(../images/a1.png);
 background-size: 100% 100%;
}}
@keyframes amyani4 {
 0% {
 background: url(../images/sbt1-aimg30AB1.png);
 background-size: 100% 100%;

}
 20% {
 background: url(../images/sbt1-aimg30AB2.png);
 background-size: 100% 100%;
}
 40% {
 background: url(../images/sbt1-aimg30AB3.png);
 background-size: 100% 100%;
}
 60% {
 background: url(../images/sbt1-aimg30AB4.png);
 background-size: 100% 100%;
}
 80% {
 background: url(../images/sbt1-aimg30AB5.png);
 background-size: 100% 100%;
}
 100% {
 background: url(../images/a1.png);
 background-size: 100% 100%;
}}

@keyframes myani00 {
 0% {
 background: url(../images/a1-1.png);
 background-size: cover;

}
 30% {
 background: url(../images/a1-2.png);
 background-size: cover;
}
 60% {
 background: url(../images/a1.png);
 background-size: cover;
}
 100% {
 background: url(../images/a1-1.png);
 background-size: cover;
}}
@keyframes myani01 {
 0% {
 background: url(../images/appa1.png);
 background-size: cover;
height: 250px;
}
 30% {
 background: url(../images/appa1-1.png);
 background-size: cover;
height: 250px;
}
 65% {
 background: url(../images/appa1-2.png);
 background-size: cover;
height: 250px;
}
 100% {
 background: url(../images/appa1.png);
 background-size: cover;
height: 250px;
}}