body {
 background: #fff;
 font-size: 14px;
 font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
 color: #313131;
}

* {
 margin: 0;
 padding: 0;
 box-sizing: inherit;
}

ul,
dl,
dd,
dt,
h2,
p,
h3,
h4,
h1 {
 margin: 0;
}

ul,
li {
 list-style: none;
}

i {
 font-style: normal;
}

img {
 max-width: 100%;
}

a {
 cursor: pointer;
 color: inherit;
}

a:hover,
a:focus {
 text-decoration: none;
 color: inherit;
}

.fs126 {
 font-size: 100px;
 line-height: 1;
}

.fs50 {
 font-size: 46px;
 line-height: 1;
}

.fs48 {
 font-size: 36px;
 line-height: 1;
}

.fs42 {
 font-size: 34px;
 line-height: 1;
}

.fs36 {
 font-size: 30px;
}

.fs34 {
 font-size: 28px;
}

.fs30 {
 font-size: 25px;
}

.fs28 {
 font-size: 22px;
}

.fs24 {
 font-size: 19px;
}

.fs20 {
 font-size: 17px;
}

.fs18 {
 font-size: 16px;
}

.fs16 {
 font-size: 15px;
}

.fs15 {
 font-size: 14px;
}

@media (min-width:1900px) {
 .fs126 {
 font-size: 126px;
 }
 .fs50 {
 font-size: 50px;
 }
 .fs48 {
 font-size: 48px;
 }
 .fs42 {
 font-size: 42px;
 }
 .fs36 {
 font-size: 36px;
 }
 .fs34 {
 font-size: 34px;
 }
 .fs30 {
 font-size: 30px;
 }
 .fs28 {
 font-size: 28px;
 }
 .fs24 {
 font-size: 24px;
 }
 .fs20 {
 font-size: 20px;
 }
 .fs18 {
 font-size: 18px;
 }
 .fs16 {
 font-size: 16px;
 }
 .fs15 {
 font-size: 15px;
 }
}

@media (max-width:1600px) {
 .fs48 {
 font-size: 32px;
 }
 .fs42 {
 font-size: 30px;
 }
 .fs36 {
 font-size: 28px;
 }
 .fs34 {
 font-size: 26px;
 }
 .fs30 {
 font-size: 24px;
 }
 .fs24 {
 font-size: 18px;
 }
}

.c0 {
 color: #000;
}

.c3 {
 color: #333;
}

.c6 {
 color: #666;
}

.fl {
 float: left;
}

.fr {
 float: right!important;
}

.mb10 {
 margin-bottom: 10px;
}

.mt10 {
 margin-top: 10px;
}

.mt5 {
 margin-top: 5px;
}

.pr {
 position: relative;
}

.bold {
 font-weight: bold;
}

.img-responsive {
 display: block;
 margin: 0 auto;
}

.flex,
.flexC {
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
}

.flex>.sub,
.flexC>.sub {
 -webkit-box-flex: 1;
 -webkit-flex: 1;
 -ms-flex: 1;
 flex: 1;
 overflow: hidden;
}

.flexC {
 -webkit-flex-direction: column;
 flex-direction: column;
}

.sb {
 justify-content: space-between;
}

.jc {
 justify-content: center;
}

.ai {
 align-items: center;
}

.wrap {
 flex-wrap: wrap;
}

.oneLine {
 white-space: nowrap;
 width: 100%;
 overflow: hidden;
 text-overflow: ellipsis;
}

.no-padding {
 padding-left: 0;
 padding-right: 0;
}

.padding {
 padding: 0 3%;
}

.bg {
 background: #f8f8f8;
}

.navbar {
 margin: 0;
 border: none;
 background: none;
 color: #fff;
}

.navbar-brand {
 height: auto;
 padding: 20px 15px;
 display: inline-block;
}


/*.navbar-collapse{padding:20px 0;}*/

.logo-m {
 display: none!important;
}

.navbar-brand>img {
 max-height: 55px;
}

.imghover {
 transition: all linear .4s;
}

.imghover:hover {
 transform: scale(1.08);
}

.mix {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 -moz-transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);
 -o-transform: translate(-50%, -50%);
}

.w1400 {
 width: 85%;
 max-width: 1470px;
 margin-left: auto;
 margin-right: auto;
}

.css3 {
 -webkit-transition-duration: 0.5s;
 -ms-transition-duration: 0.5s;
 -o-transition-duration: 0.5s;
 -moz-transition-duration: 0.5s;
 transition-duration: 0.5s;
}

.common_btn {
 position: relative;
 overflow: hidden;
}

.common_btn>span {
 display: inline-block;
 vertical-align: middle;
 opacity: 0;
 filter: alpha(opacity=0);
 color: #fff;
 -webkit-transform: translate3d(0, -10px, 0);
 transform: translate3d(0, -10px, 0);
 -webkit-transition: -webkit-transform .3s, opacity .3s;
 transition: transform .3s, opacity .3s;
 -webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
 transition-timing-function: cubic-bezier(.75, 0, .125, 1);
 vertical-align: 0
}

.common_btn::before {
 content: attr(c-text);
 position: absolute;
 top: 0;
 left: 10%;
 width: 80%;
 height: 100%;
 -webkit-transition: -webkit-transform .3s, opacity .3s;
 transition: transform .3s, opacity .3s;
 -webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
 transition-timing-function: cubic-bezier(.75, 0, .125, 1);
 display: none\0;
}

.common_btn:hover .iconfont {
 color: #fff;
}


/*.common_btn:hover{background:#d20319;}*/

.common_btn:hover::before {
 opacity: 0;
 filter: alpha(opacity=0);
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0)
}

.common_btn:hover>span {
 opacity: 1;
 filter: alpha(opacity=100);
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
 display: inline-block;
}

.common_btn>span.sep {
 width: 5px;
 height: 5px;
 display: inline-block;
}

.common_btn:hover>span:nth-child(1) {
 -webkit-transition-delay: 45ms;
 transition-delay: 45ms
}

.common_btn:hover>span:nth-child(2) {
 -webkit-transition-delay: .09s;
 transition-delay: .09s
}

.common_btn:hover>span:nth-child(3) {
 -webkit-transition-delay: .135s;
 transition-delay: .135s
}

.common_btn:hover>span:nth-child(4) {
 -webkit-transition-delay: .18s;
 transition-delay: .18s
}

.common_btn:hover>span:nth-child(5) {
 -webkit-transition-delay: .225s;
 transition-delay: .225s
}

.common_btn:hover>span:nth-child(6) {
 -webkit-transition-delay: .27s;
 transition-delay: .27s
}

.common_btn:hover>span:nth-child(7) {
 -webkit-transition-delay: .315s;
 transition-delay: .315s
}

.common_btn:hover>span:nth-child(8) {
 -webkit-transition-delay: .36s;
 transition-delay: .36s
}

.common_btn:hover>span:nth-child(9) {
 -webkit-transition-delay: .405s;
 transition-delay: .405s
}

.common_btn:hover>span:nth-child(10) {
 -webkit-transition-delay: .45s;
 transition-delay: .45s
}

.common_btn:hover>span:nth-child(11) {
 -webkit-transition-delay: .495s;
 transition-delay: .495s
}

.common_btn:hover>span:nth-child(12) {
 -webkit-transition-delay: .54s;
 transition-delay: .54s
}

.common_btn:hover>span:nth-child(13) {
 -webkit-transition-delay: .585s;
 transition-delay: .585s
}

.common_btn:hover>span:nth-child(14) {
 -webkit-transition-delay: .63s;
 transition-delay: .63s
}

.common_btn:hover>span:nth-child(15) {
 -webkit-transition-delay: .675s;
 transition-delay: .675s
}

.common_btn:hover>span:nth-child(16) {
 -webkit-transition-delay: .72s;
 transition-delay: .72s
}

.common_btn:hover>span:nth-child(17) {
 -webkit-transition-delay: .765s;
 transition-delay: .765s
}

.common_btn:hover>span:nth-child(18) {
 -webkit-transition-delay: .81s;
 transition-delay: .81s
}

.common_btn:hover>span:nth-child(19) {
 -webkit-transition-delay: .855s;
 transition-delay: .855s
}

.common_btn:hover>span:nth-child(20) {
 -webkit-transition-delay: .9s;
 transition-delay: .9s
}

.common_btn.static_btn:hover {
 background: none;
}

.common_btn.static_btn>span {
 color: #d20319;
}

.common_btn.static_btn::before {
 left: 0;
}

.common-btn {
 border-radius: 999px;
 width: 310px;
 text-align: center;
 max-width: 60%;
 margin-left: auto;
 margin-right: auto;
 display: block;
 line-height: 58px;
 border: 3px solid #313131;
}

.common-btn:hover {
 border-color: #0084e9;
 background: #0084e9;
 color: #fff;
}

.container,
.index_header.allIn .nav_container {
 max-width: 1720px;
 margin: 0 auto;
}

@media (min-width: 1200px) {
 .container,
 .index_header.allIn .nav_container {
 width: 94%;
 }
}

.icon-search {
 width: 28px;
 height: 28px;
 background: url(../images/icon-search.png) no-repeat center;
 background-size: 100% auto;
 display: inline-block;
}

.icon-lang {
 width: 36px;
 height: 36px;
 background: url(../images/icon-earth.gif) no-repeat center;
 background-size: auto 100%;
 display: inline-block;
}


/* 导航部分 */

.header {
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 z-index: 99;
 height: 94px;
 transition: top .5s ease;
 -webkit-transition: top .5s ease;
 -moz-transition: all .8s ease 0s;
 -ms-transition: all .8s ease 0s;
 -o-transition: all .8s ease 0s;
 -webkit-transition: all .8s ease 0s;
 transition: all .8s ease 0s;
}

.header.fixed {
 top: 0;
 box-shadow: 0 5px 8px rgba(0, 0, 0, .2);
 background: #fff;
}


/*.header_box{position: relative;}*/

.header .header_logo {
 float: left;
 position: relative;
 text-align: center;
 width: 20%;
}

.header .header_logo img {
 max-height: 54px;
 margin: 20px 0;
 display: inline-block;
}

.header .header_nav {
 float: left;
 width: 62%;
}

.header .header_tools {
 float: right;
 width: 1%;
 position: relative;
}

.header .header_tools>ul {
 position: absolute;
 top: 28px;
 right: 0;
 white-space: nowrap;
 width: 185px;
}

.header .header_nav .nav_container>ul {
 overflow: hidden;
 display: block;
}

.header .header_nav .nav_container>ul>li {
 float: left;
 padding: ;
 text-align: center;
 font-size: 16px;
 color: #fff;
 height: 94px;
 line-height: 94px;
 margin-left: 20px;
}

.header .header_nav .nav_container>ul>li a {
 display: block;
 padding: 0 30px 0 0;
}

.header .header_tools li {
 height: 38px;
 line-height: 38px;
 font-size: 15px;
 float: left;
 text-align: center;
 color: #fff;
 cursor: pointer;
 padding: 0 20px;
 float: left;
 border-left: 1px solid rgba(27, 27, 27, .37);
}

.header .header_tools li .icon-search {
 margin-top: 5px;
 float: left;
}

.header .header_tools li .icon-lang {
 float: right;
 margin-left: 12px;
}

.header .header_tools .nav-lang {
 text-transform: uppercase;
}

.header .header_nav a:hover,
.header .header_nav a.active {
 color: #51acfd;
}

.header.fixed .icon-search,
.header:hover .icon-search,
.index_header.allIn .icon-search {
 background-image: url(../images/icon-search1.png);
}

.header.fixed .nav-lang,
.header:hover .nav-lang,
.index_header.allIn .nav-lang {
 color: #313131;
}


/*.header .header_tools .fix{position:relative; z-index:2;}*/

.mobile_key {
 display: none;
}

.header .header_tools .quick_box {
 position: absolute;
 top: 100%;
 left: 0;
 width: 500px;
 background-color: #fff;
 background-repeat: no-repeat;
 background-position: right top;
 text-align: left;
 font-size: 16px;
 padding: 25px 0 35px;
 display: none;
}

.header .header_tools .quick_box a {
 padding-left: 20px;
 display: block;
 height: 50px;
 line-height: 50px;
 opacity: 0;
 filter: alpha(opacity=0);
 transform: translateX(30px);
 transition: all .6s ease-in-out;
 -webkit-transition: all .6s ease-in-out;
 color: #313131;
}

.header .header_tools .quick_box a .lin {
 padding-right: 30px;
 color: #313131;
 vertical-align: 2px;
}

.header .header_tools .quick_box.show a {
 opacity: 1;
 filter: alpha(opacity=100);
 transform: translateX(0);
 transition-delay: .3s;
}

.header .header_tools .quick_box.show a:nth-child(1) {
 transition-delay: .3s;
}

.header .header_tools .quick_box.show a:nth-child(2) {
 transition-delay: .5s;
}

.header .header_tools .quick_box.show a:nth-child(3) {
 transition-delay: .7s;
}

.header .header_tools .quick_box.show a:nth-child(4) {
 transition-delay: .9s;
}

.header .header_tools .quick_box.show a:nth-child(5) {
 transition-delay: 1.1s;
}

.header .header_tools .quick_box.show a:nth-child(6) {
 transition-delay: 1.3s;
}

.header .header_tools .quick_box.show a:nth-child(7) {
 transition-delay: 1.5s;
}

.header .header_tools .quick_box.show a:nth-child(8) {
 transition-delay: 1.7s;
}

.header .header_tools .quick_box.show a:nth-child(9) {
 transition-delay: 1.9s;
}

.header .header_tools .quick_box.show a:nth-child(10) {
 transition-delay: 2.1s;
}

.header .header_tools .quick_box.show a:nth-child(11) {
 transition-delay: 2.3s;
}

.nav-menu {
 width: 38px;
 height: 38px;
 position: relative;
 border: none!important;
 margin-left: 10px;
 cursor: pointer;
}

.nav-menu .button_menu {
 width: 30px;
 height: 12px;
 position: absolute;
 top: 13px;
 left: 4px;
}

.nav-menu .button_menu span {
 display: block;
 width: 100%;
 height: 3px;
 background-color: #fff;
 position: absolute;
 left: 0;
 -moz-transition: all .36s ease;
 -o-transition: all .36s ease;
 -webkit-transition: all .36s ease;
 transition: all .36s ease;
}

.nav-menu .button_menu span:nth-child(1) {
 top: 0
}

.nav-menu .button_menu span:nth-child(2) {
 bottom: 0
}

.button_close .button_menu span:nth-child(1) {
 -moz-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg)
}

.button_close .button_menu span:nth-child(2) {
 -moz-transform: rotate(-45deg) translate(6px, -7px);
 -ms-transform: rotate(-45deg) translate(6px, -7px);
 -webkit-transform: rotate(-45deg) translate(6px, -7px);
 transform: rotate(-45deg) translate(6px, -7px)
}

.header.fixed .nav-menu .button_menu span,
.header:hover .nav-menu .button_menu span,
.index_header.allIn .nav-menu .button_menu span {
 background: #313131;
}


/* 下拉 */


/*.header .header_box{position: relative; }*/

.header .header_nav .inner_box {
 color: #313131;
 position: absolute;
 top: 100%;
 left: 0;
 width: 100%;
 padding: 50px 0;
 background: #fff;
 display: none;
 border-top: 1px solid #e5e5e5;
}

.header .header_nav .inner_box .box_l {
 width: 78%;
 float: left;
 text-align: center;
 opacity: 0;
 filter: alpha(opacity=0);
 transform: translateY(20px);
 transition: all .5s cubic-bezier(.4, .5, .58, 1.11);
 transition-delay: 0.3s;
}

.header .header_nav .inner_box .box_r {
 width: 22%;
 float: right;
 text-align: left;
 opacity: 0;
 filter: alpha(opacity=0);
 transform: translateX(20px);
 transition: all .5s cubic-bezier(.4, .5, .58, 1.11);
 transition-delay: 0.4s;
}

.header .header_nav .inner_box.inner_hover .box_l,
.header .header_nav .inner_box.inner_hover .box_r {
 opacity: 1;
 filter: alpha(opacity=100);
 transform: translate(0, 0);
}

.header .header_nav .inner_box .box_l .nav-first-ul>li {
 width: 20%;
 float: left;
 line-height: 30px;
 font-size: 17px;
 margin-top: 11px;
 position: relative;
 text-align: left;
 padding-top: 15px;
 margin-bottom: 35px;
}

.header .header_nav .inner_box .box_l .nav-first-ul>li::before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 width: 37px;
 height: 2px;
 background: #313131;
 transition: all .5s ease;
 -webkit-transition: all .5s ease;
}

.header .header_nav .inner_box .box_l .nav-first-ul>li a {
 display: block;
}

.header_nav .inner_box .box_l a:hover {
 color: #118cea;
}

.header .header_nav .inner_box .box_l .nav-first-ul>li:hover::before {
 width: 95px;
 background: #118cea;
}

.header .header_nav .inner_box .box_l .nav-second-ul {
 font-size: 14px;
 line-height: 1.6;
 margin-top: 10px;
}

.header .header_nav .inner_box .box_l .nav-second-ul li {
 margin-bottom: 8px;
}


/* 触控 吸顶*/

.header.fixed,
.header:hover {
 background: #fff;
}

.header.fixed .logo-m,
.header:hover .logo-m,
.index_header.allIn .logo-m {
 display: block!important;
}

.header.fixed .logo-pc,
.header:hover .logo-pc,
.index_header.allIn .logo-pc {
 display: none!important;
}

.header .header_box:hover .header_logo:after {
 background: #0e68b0;
 transition: all .5s ease;
}

.header.fixed .header_nav .nav_container>ul>li,
.header:hover .header_nav .nav_container>ul>li,
.index_header.allIn .header_nav ul li {
 color: #313131;
}


/* 搜索框 */

.header_search_fix {
 position: fixed;
 z-index: 99;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: #0e68b0;
 color: #fff;
 display: none;
}

.header .header_logo {
 z-index: 100;
}

.header .header_logo a {
 display: block;
 text-align: left;
}

.header_search_fix .search {
 font-size: 18px;
 margin-bottom: 10px;
}

.header_search_fix .box {
 position: absolute;
 width: 40%;
 top: 50%;
 margin-top: -50px;
 text-align: left;
 left: 30%;
}

.header_search_fix .input {
 background: none;
 width: 70%;
 border: 0;
 outline: 0;
 font-size: 38px;
 color: #fff;
 font-family: 'Impact'
}

.he16r_search_fix .input::-webkit-input-placeholder {
 color: #fff;
 font-size: 56px;
}

.header_search_fix .input:-moz-placeholder {
 color: #fff;
 font-size: 56px;
}

.header_search_fix .input:-ms-input-placeholder {
 color: #fff;
 font-size: 56px;
}

.header_search_fix .search_box {
 line-height: 70px;
 height: 70px;
 position: relative;
}

.header_search_fix .submit {
 width: 125px;
 height: 45px;
 line-height: 41px;
 font-size: 14px;
 color: #fff;
 border: 2px solid #fff;
 border-radius: 20px;
 background: transparent;
 padding: 0;
 margin: 0;
 position: absolute;
 top: 50%;
 margin-top: -23px;
 right: 0;
 -webkit-appearance: none;
}

.header_search_fix .close {
 position: absolute;
 width: 88px;
 height: 88px;
 font-size: 12px;
 line-height: 92px;
 border: 1px solid #fff;
 right: 60px;
 top: 20px;
 text-align: center;
 cursor: pointer;
 transition: all .5s ease;
 -webkit-transition: all .5s ease;
 background: #0e68b0;
}

.header_search_fix .close:hover {
 background: #0e68b0;
}

.search_hover .header_logo:after {
 display: none;
}

.xuanzhun {
 -webkit-transition-property: -webkit-transform;
 animation: rotate 5s linear infinite;
}

@keyframes rotate {
 from {
 transform: rotate(0deg)
 }
 to {
 transform: rotate(359deg)
 }
}

.index_header {
 top: -80px;
 -moz-transition: all 1s ease 0s;
 -ms-transition: all 1s ease 0s;
 -o-transition: all 1s ease 0s;
 -webkit-transition: all 1s ease 0s;
 transition: all 1s ease 0s;
}

.index_header.ani {
 top: 0;
 z-index: 9999999999;
}

.header-container {
 position: relative;
 z-index: 10;
}

.nav-all {
 box-sizing: border-box;
 background: #fff;
 position: fixed;
 padding: 150px 0 20px;
 left: 0;
 width: 100%;
 top: 0;
 transform: translateY(-100%);
 transition: all linear .3s;
 opacity: 0;
 overflow-y: auto;
}

.index_header.allIn {
 background: #fff;
}

.index_header.allIn .header_nav {
 display: none;
}

.index_header.allIn .nav-all {
 transform: translateY(0);
 opacity: 1;
}

.nav-all .nav-first {
 min-width: 17%;
 padding-right: 30px;
 text-align: left;
 opacity: 0;
 filter: alpha(opacity=0);
 transform: translateY(-20px);
 transition: all .5s cubic-bezier(.4, .5, .58, 1.11);
 transition-delay: 0.35s;
}

.nav-all .nav-second {
 margin-top: 20px;
}

.index_header.allIn .nav-all .nav-first {
 opacity: 1;
 filter: alpha(opacity=100);
 transform: translate(0, 0);
}

.nav-all li {
 margin-top: 14px;
}

.nav-all li a {
 padding-left: 34px;
 position: relative;
 color: #313131;
 font-size: 17px;
}

.nav-all .nav-first>a {
 font-size: 24px;
 font-weight: bold;
 display: inline-block;
}

.nav-all .nav-first>a::before {
 content: '';
 position: absolute;
 left: 0;
 top: 50%;
 margin-top: -5px;
 width: 10px;
 height: 10px;
 border-radius: 100%;
 overflow: hidden;
 background: #313131;
}

.nav-all li a:hover {
 color: #0084e9;
}

.ibanner {
 position: relative;
}

.ibanner .slide-item {
 position: relative;
 overflow: hidden;
 color: #fff;
}

.ibanner .slide-item .slide-item-img {
 max-width: 100%;
}

.ibanner .slide-item .slide-item-img.mix {
 min-width: 100%;
 min-height: 100%;
 max-width: none;
}

.ibanner .banner-txt {
 position: absolute;
 width: 100%;
 text-align: center;
 font-size: 24px;
}

.ibanner .banner-txt .item-name {
 font-size: 72px;
 font-weight: bold;
 font-size: 50px;
 color: #fff;
 line-height: 1;
}

.ibanner .banner-txt .item-en {
 color: #fff;
 font-size: 34px;
 text-transform: uppercase;
 margin-top: 30px;
}

.ibanner .banner-txt .item-tips {
 font-size: 17px;
 color: #fff;
 margin-top: 30px;
}

.ibanner .banner-txt .item-tips span {
 display: inline-block;
 position: relative;
 padding: 0 20px;
}

.ibanner .banner-txt .item-tips span::before,
.ibanner .banner-txt .item-tips span::after {
 top: 50%;
 margin-top: -1px;
 position: absolute;
 content: '';
 width: 132px;
 height: 1px;
 background: #fff;
}

.ibanner .banner-txt .item-tips span::before {
 left: 0;
 transform: translateX(-100%);
}

.ibanner .banner-txt .item-tips span::after {
 right: 0;
 transform: translateX(100%);
}

.ibanner .banner-txt .item-more {
 font-size: 20px;
 letter-spacing: 1px;
 display: inline-block;
 min-width: 266px;
 text-align: center;
 padding: 16px 20px;
 background: #313131;
 border-radius: 999px;
 margin-top: 70px;
}

.ibanner .banner-txt .item-more.common_btn::before {
 padding: 16px 0;
}

.ibanner .swiper-container-horizontal>.swiper-pagination-bullets {
 right: 5.2%;
 left: auto;
 height: auto;
 width: 14px;
 margin: 0;
 bottom: auto;
 top: 50%;
 transform: translateY(-50%);
}

.ibanner .swiper-pagination-bullet {
 background: #fff;
 display: block;
 margin: 30px 0;
 width: 12px;
 height: 12px;
 opacity: 0.6;
 position: relative;
}

.ibanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
 margin: 30px 0;
}

.ibanner .swiper-pagination-bullet-active {
 opacity: 1;
 background: #fff;
}

.ibanner .swiper-pagination-bullet-active::after,
.ibanner .swiper-pagination-bullet:hover::after {
 transition: all linear .3s;
 width: 14px;
 height: 14px;
 background: #fff;
 content: '';
 position: absolute;
 left: -1px;
 top: -1px;
 border-radius: 100%;
 overflow: hidden;
}

.ibanner .swiper-btns {
 bottom: 50px;
 right: 6%;
 z-index: 20;
 position: absolute;
}

.ibanner .swiper-btns>div {
 outline: none;
 display: inline-block;
 width: 80px;
 height: 80px;
 position: relative;
 padding: 14px;
}

.ibanner .swiper-btns>div span {
 display: inline-block;
 width: 100%;
 height: 100%;
 background: url() no-repeat center;
 background-size: 100% auto;
}

.ibanner .swiper-btns .btn-next span {
 background-image: url();
}

.ibanner .swiper-btns .btn-prev.swiper-button-disabled {
 opacity: 0.5;
}

.banner_mouse {
 position: absolute;
 width: 23px;
 height: 40px;
 cursor: pointer;
 background: url(../images/banner_mouse_ico.png) no-repeat -23px 0px;
 -webkit-animation: nudgeMouse 1.6s linear infinite;
 animation: nudgeMouse 1.6s linear infinite;
 bottom: 35px;
 left: 9%;
 z-index: 1;
}

.banner_mouse:after,
.banner_mouse:before {
 content: "";
 position: absolute;
}

.banner_mouse:before {
 width: 23px;
 height: 40px;
 background: url(../images/banner_mouse_ico.png) no-repeat 0px 0px;
 -webkit-animation: colorSlide 1.6s linear infinite;
 animation: colorSlide 1.6s linear infinite;
 top: 0;
 left: 0;
}

.banner_mouse:after {
 background-color: #ffffff;
 width: 4px;
 height: 4px;
 border-radius: 100%;
 -webkit-animation: trackBallSlide 1.6s linear infinite;
 animation: trackBallSlide 1.6s linear infinite;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 margin: auto;
}

@-webkit-keyframes colorSlide {
 0% {
 height: 0;
 }
 90% {
 height: 40px;
 }
}

@keyframes colorSlide {
 0% {
 height: 0;
 }
 90% {
 height: 40px;
 }
}

@-webkit-keyframes trackBallSlide {
 0% {
 opacity: 1;
 -webkit-transform: scale(1) translateY(-8px);
 transform: scale(1) translateY(-8px);
 }
 34% {
 opacity: 1;
 -webkit-transform: scale(0.9) translateY(4px);
 transform: scale(0.9) translateY(4px);
 }
 68% {
 opacity: 0;
 -webkit-transform: scale(0.4) translateY(16px);
 transform: scale(0.4) translateY(16px);
 }
 100% {
 opacity: 0;
 -webkit-transform: scale(0.4) translateY(-8px);
 transform: scale(0.4) translateY(-8px);
 }
}

@keyframes trackBallSlide {
 0% {
 opacity: 1;
 -webkit-transform: scale(1) translateY(-8px);
 transform: scale(1) translateY(-8px);
 }
 34% {
 opacity: 1;
 -webkit-transform: scale(0.9) translateY(4px);
 transform: scale(0.9) translateY(4px);
 }
 68% {
 opacity: 0;
 -webkit-transform: scale(0.4) translateY(16px);
 transform: scale(0.4) translateY(16px);
 }
 100% {
 opacity: 0;
 -webkit-transform: scale(0.4) translateY(-8px);
 transform: scale(0.4) translateY(-8px);
 }
}

@-webkit-keyframes nudgeMouse {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 }
 50% {
 -webkit-transform: translateY(8px);
 transform: translateY(8px);
 }
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 }
}

@keyframes nudgeMouse {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 }
 50% {
 -webkit-transform: translateY(8px);
 transform: translateY(8px);
 }
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 }
}

#circle1 {
 position: absolute !important;
 left: -15px;
 top: -15px;
}

.part {
 padding-top: 80px;
}

.part-title {
 position: relative;
 text-align: center;
 padding: 25px 0;
 margin-bottom: 60px;
}

.part-title .title-en {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 font-weight: bold;
 color: #e5e5e5;
 opacity: 0.3;
 line-height: 100px;
 text-transform: uppercase;
}

.part-title span {
 position: relative;
 z-index: 2;
}

.aboutUs-box {
 padding: 0 5% 25px;
 position: relative;
}

.aboutUs-box .aboutUs-bg {
 position: absolute;
 left: 0;
 width: 100%;
 top: 170px;
 bottom: 0;
 background: url(../images/about-bg.png) no-repeat center bottom;
 background-size: cover;
}

.aboutUs-box li .about-item {
 transition: all linear .3s;
 box-shadow: 0 7px 10px 0 rgba(6, 0, 1, .25);
 background: #fff;
 padding: 26px 25px 38px;
 background-repeat: no-repeat;
 background-position: center bottom;
 background-size: 100% auto;
}

.aboutUs-box li .about-item h2 {
 margin-bottom: 10px;
 height: 60px;
 overflow: hidden;
}

.aboutUs-box li .about-item .desc {
 height: 84px;
 margin-top: 38px;
 line-height: 1.8;
 text-overflow: -o-ellipsis-lastline;
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 3;
 line-clamp: 3;
 -webkit-box-orient: vertical;
}

.aboutUs-box li .about-item .item-icon {
 background-image: url(../images/about-icon1.png);
 height: 90px;
 background-size: contain;
 background-repeat: no-repeat;
 background-position: left bottom;
 max-width: 80%;
}

.aboutUs-box li:first-child .about-item .item-icon {
 background-image: url(../images/about-icon1.png);
}

.aboutUs-box li:nth-child(2) .about-item .item-icon {
 background-image: url(../images/about-icon2.png);
}

.aboutUs-box li:nth-child(3) .about-item .item-icon {
 background-image: url(../images/about-icon3.png);
}

.aboutUs-box li:nth-child(4) .about-item .item-icon {
 background-image: url(../images/about-icon4.png);
}

.aboutUs-box li:first-child .about-item:hover .item-icon {
 background-image: url(../images/about-icon1on.png);
}

.aboutUs-box li:nth-child(2) .about-item:hover .item-icon {
 background-image: url(../images/about-icon2on.png);
}

.aboutUs-box li:nth-child(3) .about-item:hover .item-icon {
 background-image: url(../images/about-icon3on.png);
}

.aboutUs-box li:nth-child(4) .about-item:hover .item-icon {
 background-image: url(../images/about-icon4on.png);
}

.aboutUs-box li .about-item:hover {
 transform: translateY(-35px);
}

.aboutUs-box li {
 padding: 0 20px 30px;
}

.aboutUs-box .con {
 color: #fff;
 padding: 20px;
 position: relative;
 z-index: 2;
}

.aboutUs-box .aboutUs-title {
 font-weight: bold;
 margin-bottom: 30px;
}

.aboutUs-box .aboutUs-desc {
 line-height: 2.1;
}

.aboutUs-box .view-more {
 letter-spacing: 1px;
 margin-top: 30px;
 color: #fff;
 border: 2px solid #fff;
 width: 245px;
 max-width: 60%;
 text-align: center;
 padding: 0 20px;
 line-height: 60px;
 display: inline-block;
}

.aboutUs-box .view-more:hover {
 background: #fff;
 color: #0084e9;
}

.aboutUs-box .view-more:hover span {
 color: #0084e9;
}

.part-pro {
 padding-bottom: 70px;
}

.index-pro {
 overflow: hidden;
}


/*.index-pro .row{margin-left:-25px;margin-right:-25px;}*/

.index-pro-swiper {
 position: relative;
}

.index-pro-swiper .swiper-container {
 height: 100%;
 position: absolute;
 left: -25px;
 right: -25px;
}

.index-pro .swiper-slide {
 padding: 0 25px;
 width: 25%;
 transition: all linear .3s;
}

.index-pro .pro-item {
 min-height: 200px;
 position: relative;
 height: 400px;
 overflow: hidden;
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
}

.index-pro .pro-item .item-mask {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background: url(../images/pro-mask.png) repeat-y top center;
 background-size: 100% auto;
 opacity: 0.65;
}

.index-pro .pro-item .item-con {
 text-align: center;
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 left: 0;
 width: 100%;
 color: #fff;
}

.index-pro .pro-item .icon-more {
 display: block;
 width: 13%;
 max-width: 57px;
 margin: 50px auto 0;
}

.index-pro .pro-item .icon-more i {
 display: block;
 padding-bottom: 100%;
 background: url(../images/icon-right1.png) no-repeat center;
 background-size: 100% auto;
}

.index-pro .swiper-slide:hover {
 width: 50%;
}

.index-pro .swiper-slide:hover .item-mask {
 display: none;
}

.index-pro .swiper-slide:hover .item-con {
 color: #313131;
}

.index-pro .swiper-slide:hover .item-con p {
 float: left;
 margin-left: 13%;
 max-width: 70%;
}

.index-pro .swiper-slide:hover .icon-more {
 width: 6.5%;
 max-width: 57px;
 margin: 0 13% 0 0!important;
 float: right;
}

.index-pro .swiper-slide:hover .icon-more i {
 background-image: url(../images/icon-right1on.png);
}

.pro-more {
 text-align: center;
 margin-top: 50px;
}

.pro-more a {
 display: inline-block;
 width: 310px;
 max-width: 40%;
 line-height: 58px;
 border: 3px solid #313131;
 text-align: center;
 color: #313131;
 border-radius: 999px;
}

.pro-more a:hover {
 background: #0084e9;
 border-color: #0084e9;
}

.pro-swiper-btn {
 margin: 60px auto 0;
 width: 15%;
 max-width: 250px;
 min-width: 120px;
 overflow: hidden;
}

.pro-swiper-btn>div {
 outline: none;
 cursor: pointer;
 transition: all linear .2s;
 float: left;
 width: 58px;
 height: 58px;
 border: 2px solid #313131;
 text-align: center;
 position: relative;
}

.pro-swiper-btn>div::after {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background-position: center;
 background-repeat: no-repeat;
 background-size: 70% auto;
 z-index: 10;
}

.pro-swiper-btn .swiper-btn-next {
 float: right;
}

.pro-swiper-btn .swiper-btn-next::after {
 background-image: url(../images/icon-arrow-r.png);
}

.pro-swiper-btn .swiper-btn-prev::after {
 background-image: url(../images/icon-arrow-l.png);
}

.pro-swiper-btn>div:hover {
 background: #0084e9;
 border-color: #0084e9;
}

.pro-swiper-btn .swiper-btn-next:hover::after {
 background-image: url(../images/icon-arrow-ron.png);
}

.pro-swiper-btn .swiper-btn-prev:hover::after {
 background-image: url(../images/icon-arrow-lon.png);
}

.pro-swiper-btn>div.swiper-button-disabled {
 opacity: 0.5;
}

.index_4 {
 position: relative;
 background-position: center top;
 background-repeat: no-repeat;
 background-size: cover;
 background-image: url(../images/introbg.png);
}

.index_4_mid {
 border-left: 1px solid rgba(229, 229, 229, .5);
 text-align: center;
 padding: 16.5625em 1em;
}

.index_4_mid_2 {
 color: #fff;
 margin-top: 50px;
}


/*.index_4_mid_1 {height:7em;}*/

.index_4_mid_1 img {
 transition: all linear .3s;
 max-width: 24%;
}

.index_4_mid_1 .imgOn {
 opacity: 0;
 display: none;
}

.index_4_mid_4 {
 margin-top: 65px;
}

.index_4_mid_4 span {
 display: inline-block;
 border: 2px #0084e9 solid;
 background-color: #0084e9;
 width: 58px;
 height: 58px;
 background-position: center;
 background-repeat: no-repeat;
 background-image: url(../images/icon-arrow-ron.png);
}

.swiper-wrapper-index_4 .swiper-slide:nth-child(1) .index_4_mid {
 background-image: none
}

.swiper-wrapper-index_4 .swiper-slide:hover .index_4_mid_4 span {
 border-color: #fff;
 background-color: transparent;
}

.swiper-wrapper-index_4 .swiper-slide:hover .imgOn {
 display: block;
 opacity: 1;
}

.swiper-wrapper-index_4 .swiper-slide:hover .img {
 display: none;
 opacity: 0;
}

.index_4_bg {
 overflow: hidden;
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 z-index: 0;
}

.index_4_bg div {
 -webkit-transition-duration: 0.5s;
 -ms-transition-duration: 1.5s;
 -o-transition-duration: 1.5s;
 -moz-transition-duration: 1.5s;
 transition-duration: 1.5s;
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 transition: all 2.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.index_4_bg div.on {
 transform: scale(1.08, 1.08);
 opacity: 1;
 z-index: 10;
}

.part-case {
 padding-bottom: 80px;
}

.part-case .case-desc {
 color: #959595;
 line-height: 1.25;
 padding: 0 7%;
}

.case-swiper {
 padding: 70px 7% 0;
 position: relative;
}

.case-swiper .swiper-slide {
 padding: 20px;
 text-align: center;
 color: #313131;
}

.case-swiper .swiper-slide .slide-item {
 display: block;
}

.case-swiper .swiper-slide .item-img {
 overflow: hidden;
 box-shadow: 0 10px 16px 0 rgba(6, 0, 1, .25);
 border-radius: 100%;
 border: 3px solid #313131;
}

.case-swiper .swiper-slide .img {
 position: relative;
 padding-bottom: 100%;
 overflow: hidden;
 transition: all linear .4s;
}

.case-swiper .swiper-slide .img img {
 height: 100%;
 min-width: 100%;
 max-width: none;
}

.case-swiper .swiper-slide .item-name {
 line-height: 1;
 margin-top: 60px;
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
}

.case-swiper .swiper-slide:hover .item-img {
 border-color: #0084e9;
}

.case-swiper .swiper-slide:hover {
 color: #0084e9;
}

.case-swiper .swiper-slide:hover .img {
 transform: scale(1.08);
}

.case-swiper .swiper-button-next,
.case-swiper .swiper-button-prev {
 width: 3.8%;
 height: 50px;
 outline: none;
}

.case-swiper .swiper-button-prev {
 left: 0;
}

.case-swiper .swiper-button-next {
 right: 0;
}

.case-swiper .swiper-button-next::after,
.case-swiper .swiper-button-prev::after {
 transition: all linear .2s;
 position: absolute;
 width: 100%;
 padding-bottom: 100%;
 content: '';
 background: #313131;
 color: #fff;
 top: 0;
 left: 0;
 border-radius: 100%;
}

.case-swiper .swiper-button-next::before,
.case-swiper .swiper-button-prev::before {
 position: absolute;
 width: 100%;
 padding-bottom: 100%;
 content: '';
 top: 0;
 left: 0;
 border-radius: 100%;
 background: url(../images/icon-prev.png) no-repeat center;
 background-size: 20px auto;
 z-index: 10;
}

.case-swiper .swiper-button-next::before {
 background-image: url(../images/icon-next.png);
}

.case-swiper .swiper-button-next:hover::after,
.case-swiper .swiper-button-prev:hover::after {
 background: #0084e9;
}

.case-more a {
 width: 310px;
 max-width: 45%;
 margin: 55px auto 0;
 display: block;
 color: #fff;
 text-align: center;
 line-height: 64px;
 background: #313131;
 border-radius: 999px;
 overflow: hidden;
}

.case-more a:hover {
 background: #0084e9
}

.part-news {
 padding-bottom: 100px;
}

.part-news ul li {
 float: left;
 padding: 0 15px;
}

.part-news ul li .news-item {
 position: relative;
 display: block;
}

.part-news ul li .news-item:before {
 content: "";
 position: absolute;
 z-index: 2;
 background-size: cover;
 background-image: url(../images/img14.png);
 background-position: center;
 background-repeat: no-repeat;
 left: 0%;
 width: 0%;
 opacity: 0;
 top: 0%;
 height: 3px;
 -webkit-transition: all .4s ease-in-out;
 transition: all .4s ease-in-out;
}

.part-news .news-more {
 margin-top: 5em;
}

.part-news .news-item-mid {
 padding: 45px 30px 35px;
}

.part-news .news-item-mid .item-date {
 color: #0084e9;
 line-height: 1;
}

.part-news .news-item-mid .item-desc span {
 display: block;
 text-overflow: -o-ellipsis-lastline;
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 line-clamp: 2;
 -webkit-box-orient: vertical;
 height: 44px;
 overflow: hidden;
 font-size: 18px;
 color: #313131;
 line-height: 1.24;
}

.part-news .news-item-mid .item-desc {
 margin: 35px 0 15px;
 padding-bottom: 25px;
 position: relative;
}

.part-news .news-item-mid .item-desc:before {
 content: "";
 position: absolute;
 z-index: 2;
 background-color: #bfbfbf;
 background-position: center;
 background-repeat: no-repeat;
 left: 0%;
 width: 100%;
 opacity: 1;
 bottom: 0%;
 height: 2px;
 -webkit-transition: all .4s ease-in-out;
 transition: all .4s ease-in-out;
}

.part-news .news-item-mid .item-con {
 color: #959595;
 position: relative;
}

.part-news .news-item-mid .item-mask {
 opacity: 0;
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 transition: all linear .3s;
 height: 100%;
 overflow: hidden;
}

.part-news .news-item-mid .item-mask span {
 background: #0084e9;
 position: absolute;
 width: 44px;
 height: 44px;
 left: 50%;
 top: 50%;
 margin-left: -22px;
 margin-top: -22px;
}

.part-news .news-item-mid .item-mask span:before {
 content: "";
 position: absolute;
 z-index: 2;
 background-image: url(../images/icon-arrow-white.png);
 background-size: 70% auto;
 background-position: center;
 background-repeat: no-repeat;
 left: 0%;
 width: 100%;
 opacity: 1;
 bottom: 0%;
 height: 100%;
 -webkit-transition: all .4s ease-in-out;
 transition: all .4s ease-in-out;
}

.part-news .news-item-mid .item-mask img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}

.part-news .news-item-mid .item-inner {
 line-height: 1.34;
 overflow: hidden;
 text-overflow: -o-ellipsis-lastline;
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 5;
 line-clamp: 5;
 -webkit-box-orient: vertical;
 min-height: 100px;
}

.part-news .item-arrow {
 margin-top: 40px;
 display: block;
 border: 2px #959595 solid;
 width: 44px;
 height: 44px;
 background-position: center;
 background-repeat: no-repeat;
 background-size: 70% auto;
 background-image: url(../images/icon-arrow-grey.png);
}

.part-news ul li .news-item:hover:before {
 width: 100%;
 opacity: 1;
}

.part-news ul li .news-item:hover .item-desc:before {
 background-color: #0084e9
}

.part-news ul li .news-item:hover {
 background-color: rgba(0, 132, 233, .15);
}

.part-news ul li .news-item:hover .item-mask {
 opacity: 1;
}

.part-news ul li .news-item:hover .item-inner,
.part-news ul li .news-item:hover .item-arrow {
 opacity: 0;
}

.news-more a {
 border-radius: 0;
}

.footer-box {
 background: #313131;
 color: #fff;
 margin-top: 60px;
}

.footer-box .footer {
 padding: 70px 0 70px;
}

.footer-link {
 text-align: center;
 margin-top: 35px;
}

.footer-link a {
 display: inline-block;
 display: inline-block;
 width: 36px;
 height: 36px;
 margin: 0 15px;
}


/*.footer-link a:hover{-moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg)}*/

.footer-link .icon-qq {
 background: url(../images/icon-qq.png) no-repeat center;
 background-size: 100% auto;
}

.footer-link .icon-wx {
 background: url(../images/icon-wx.png) no-repeat center;
 background-size: 100% auto;
 position: relative;
}

.footer-link .icon-wx img {
 position: absolute;
 top: 100%;
 width: 110px;
 height: 110px;
 left: 50%;
 transform: translateX(-50%);
 max-width: none;
 display: none;
 opacity: 0;
 transition: all linear .2s;
}

.footer-link .icon-wx:hover img {
 display: block;
 opacity: 1;
}

@media (min-width: 767px) {
 .footer-mid li {
 width: 20%;
 }
}

.footer-logo img {
 max-height: 40px;
}

.footer-mid,
.footer-right {
 border-left: 1px solid #909090;
 padding-top: 15px;
 padding-bottom: 15px;
}

.footer-mid ul li a {
 display: inline-block;
}

.footer-mid ul li>a {
 margin-bottom: 16px;
}

.footer-mid ul li .footer-submenu a {
 margin-bottom: 10px;
}

.footer-right p {
 line-height: 26px;
 margin-bottom: 8px;
 padding-left: 45px;
 position: relative;
 background-position: left center;
 background-size: auto 24px;
 background-repeat: no-repeat;
}

.footer-right p.icon-tel {
 background-image: url(../images/icon-tel.png);
}

.footer-right p.icon-phone {
 background-image: url(../images/icon-phone.png);
}

.footer-right p.icon-mail {
 background-image: url(../images/icon-mail.png);
}

.footer-right p.icon-address {
 background-image: url(../images/icon-address.png);
}

.footer-right .tit {
 margin-bottom: 16px;
}

.copyright {
 background: #000000;
 padding: 20px 0;
}

.footer-info {
 padding-left: 12%;
}

.btn-circle {
 width: 50%;
 height: 100%;
 position: absolute;
 top: 0;
 overflow: hidden;
 pointer-events: none;
}

.btn-circle.left {
 left: 0;
}

.btn-circle.right {
 right: 0;
}

.circleProgress {
 width: 80px;
 height: 100%;
 border: 4px solid transparent;
 pointer-events: none;
 border-radius: 50%;
 position: absolute;
 top: 0;
 transform: rotate(-135deg);
 -webkit-transform: rotate(-135deg);
}

.rightcircle {
 border-top: 4px solid #0084e9;
 border-right: 4px solid #0084e9;
 right: 0;
 -webkit-animation: circleProgressLoad_right 18s linear infinite;
}

.leftcircle {
 border-bottom: 4px solid #0084e9;
 border-left: 4px solid #0084e9;
 left: 0;
 -webkit-animation: circleProgressLoad_left 18s linear infinite;
}

@-webkit-keyframes circleProgressLoad_right {
 0% {
 -webkit-transform: rotate(-135deg);
 }
 50%,
 100% {
 -webkit-transform: rotate(45deg);
 }
}

@-webkit-keyframes circleProgressLoad_left {
 0%,
 50% {
 -webkit-transform: rotate(-135deg);
 }
 100% {
 -webkit-transform: rotate(45deg);
 }
}

.webright {
 position: fixed;
 right: 0;
 z-index: 999;
 top: 50%;
 transform: translateY(-50%);
}

.webright ul li {
 margin-bottom: 3px;
 text-align: center;
 position: relative;
 width: 46px;
 height: 46px;
}

.webright ul li img.qrr {
 width: 0;
 opacity: 0;
 max-width: none;
 right: 46px;
 top: 0;
 position: absolute;
}

.webright ul li:hover img.qrr {
 width: 89px;
 opacity: 1;
}

.webright ul li>a {
 display: block;
 background: #313131;
 background: rgba(49, 49, 49, .7);
 padding: 3px;
}

.webright .cell_mid {
 transition: all linear .2s;
 width: 40px;
 height: 40px;
 text-align: center;
 position: relative;
}

.webright .cell_mid .cell_h {
 width: 100%;
 height: 100%;
 background-size: 30px auto;
 background-position: center;
 background-repeat: no-repeat;
}

.webright .cell_mid .icon-webtel {
 background-image: url(../images/icon-webtel.png);
}

.webright .cell_mid .icon-webwx {
 background-image: url(../images/icon-webwx.png);
}

.webright .cell_mid .icon-webqq {
 background-image: url(../images/icon-webqq.png);
}

.webright .cell_mid .icon-webmail {
 background-image: url(../images/icon-webmail.png);
}

.webright .cell_mid .icon-return {
 background-image: url(../images/icon-return.png);
}

.webright ul li .web-tel {
 position: absolute;
 right: -120px;
 top: 0;
 width: 166px;
 overflow: hidden;
 transition: all linear .2s;
 font-size: 12px;
}

.webright ul li .web-tel span {
 color: #fff;
 opacity: 0;
 line-height: 40px;
 width: 120px;
 display: block;
 float: right;
}

.webright ul li .web-tel .cell_mid {
 float: left;
}

.webright ul li:hover>a {
 background: rgba(0, 132, 233, .7);
}

.webright ul li:hover .web-tel span {
 opacity: 1;
}

.webright ul li:hover .web-tel {
 right: 0;
}

.webright ul li:hover .web-tel .cell_mid {
 background: #fff;
}

.webright ul li:hover .icon-webtel {
 background-image: url(../images/icon-webtelon.png);
}


/*.webright ul li:hover .icon-webwx{background-image: url(../images/icon-webwxon.png);}
.webright ul li:hover .icon-webqq{background-image: url(../images/icon-webqqon.png);}
.webright ul li:hover .icon-webmail{background-image: url(../images/icon-webmailon.png);}*/


/*.webright ul li:hover .gotops2,.webright ul li:hover .gotops2 .cell_mid{background:rgb(0,132,233);}*/

.swiper-pagination-index_4 {
 display: none;
}

.index_4 .swiper-pagination-bullet {
 background-color: #fff;
 opacity: 1;
}

.index_4 .swiper-pagination-bullet-active {
 background-color: #0084e9;
}

@media (max-width:1200px) {
 .fs126 {
 font-size: 90px;
 }
 .fs50 {
 font-size: 44px;
 }
 .fs48 {
 font-size: 30px;
 }
 .fs42 {
 font-size: 29px;
 }
 .fs36 {
 font-size: 28px;
 }
 .fs34 {
 font-size: 26px;
 }
 .fs30 {
 font-size: 25px;
 }
 .fs28 {
 font-size: 20px;
 }
 .fs24 {
 font-size: 18px;
 }
 .fs20 {
 font-size: 17px;
 }
 .fs18 {
 font-size: 16px;
 }
 .container,
 .index_header.allIn .nav_container {
 min-width: 96%
 }
 .ibanner .banner-txt .item-name {
 font-size: 66px;
 }
 .ibanner .banner-txt .item-tips {
 font-size: 38px;
 }
 .ibanner .swiper-btns {
 bottom: 30px;
 }
 .part {
 padding-top: 70px;
 }
 .aboutUs-box {
 padding: 0 2% 25px;
 }
 .aboutUs-box li {
 padding: 0 12px 30px;
 }
 .aboutUs-box li .about-item .item-icon {
 height: 65px;
 }
 .aboutUs-box .view-more,
 .pro-more a,
 .case-more a {
 line-height: 48px;
 }
 .index-pro-swiper .swiper-container {
 left: -15px;
 right: -15px;
 }
 .index-pro .swiper-slide {
 padding: 0 15px;
 }
 .pro-more a,
 .case-more a {
 width: 260px;
 }
 .pro-swiper-btn>div,
 .index_4_mid_4 span {
 width: 52px;
 height: 52px;
 }
 .index_4_mid_4 {
 margin-top: 2.5em;
 }
 .index_4_mid_2 {
 margin-top: 40px;
 }
 .case-swiper .swiper-slide .item-name {
 margin-top: 40px;
 }
 .part-news .row {
 margin-left: -5px;
 margin-right: -5px;
 }
 .part-news ul li {
 padding: 0 5px;
 }
 .part-news .news-item-mid {
 padding: 35px 25px 30px;
 }
 .part-title {
 margin-bottom: 40px;
 }
}

@media (max-width:1100px) {
 .fs126 {
 font-size: 90px;
 }
 .fs50 {
 font-size: 40px;
 }
 .fs48 {
 font-size: 29px;
 }
 .fs42 {
 font-size: 28px;
 }
 .fs36 {
 font-size: 26px;
 }
 .fs34 {
 font-size: 24px;
 }
 .fs30 {
 font-size: 22px;
 }
 .fs28 {
 font-size: 19px;
 }
 .fs24 {
 font-size: 17px;
 }
 .fs20 {
 font-size: 16px;
 }
 .fs18 {
 font-size: 15px;
 }
 .header .header_nav {
 display: none;
 }
 .nav-all .nav-first>a {
 font-size: 20px;
 }
 .nav-all li {
 margin-top: 12px;
 }
 .pro-swiper-btn>div,
 .index_4_mid_4 span {
 width: 48px;
 height: 48px;
 background-size: 80% auto;
 }
 .case-swiper .swiper-button-next::before,
 .case-swiper .swiper-button-prev::before {
 background-size: 16px auto;
 }
 .part-case {
 padding-bottom: 50px;
 }
 .footer-link a {
 margin: 0 10px;
 }
}

@media screen and (max-width: 950px) {
 .index_4_mid {
 padding: 12em 0;
 }
 .swiper-pagination-index_4 {
 display: block;
 }
}

@media (max-width:800px) {
 .fs126 {
 font-size: 80px;
 }
 .fs50 {
 font-size: 30px;
 }
 .fs48 {
 font-size: 28px;
 }
 .fs42 {
 font-size: 26px;
 }
 .fs36 {
 font-size: 24px;
 }
 .fs34 {
 font-size: 20px;
 }
 .fs30 {
 font-size: 19px;
 }
 .fs28 {
 font-size: 18px;
 }
 .fs24 {
 font-size: 16px;
 }
 .fs20 {
 font-size: 15px;
 }
 .fs18 {
 font-size: 15px;
 }
 .header {
 height: 70px;
 }
 .ibanner .banner-txt .item-name {
 font-size: 34px;
 }
 .ibanner .banner-txt {
 font-size: 18px;
 }
 .ibanner .banner-txt .item-tips {
 font-size: 26px;
 margin-top: 20px;
 }
 .header .header_tools>ul {
 top: 16px;
 }
 .nav-all .nav-first {
 padding-right: 10px;
 }
 .nav-all li a {
 padding-left: 20px;
 font-size: 15px;
 }
 .nav-all .nav-first>a {
 font-size: 18px;
 }
 .nav-all .nav-first>a::before {
 width: 6px;
 height: 6px;
 }
 .nav-all .nav-second {
 margin-top: 15px;
 }
 .nav-all {
 padding-top: 120px;
 }
 .nav-all li {
 margin-top: 10px;
 }
 .ibanner .banner-txt .item-more {
 margin-top: 30px;
 font-size: 16px;
 min-width: 180px;
 padding: 10px 10px;
 }
 .ibanner .banner-txt .item-more.common_btn::before {
 padding: 10px 0;
 }
 .ibanner .swiper-btns {
 bottom: 15px;
 right: 20px;
 }
 .ibanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
 margin: 18px 0;
 }
 .ibanner .swiper-btns>div {
 width: 60px;
 height: 60px;
 padding: 10px;
 }
 .circleProgress {
 width: 60px;
 border-width: 3px;
 }
 .ibanner .swiper-pagination-bullet {
 width: 8px;
 height: 8px;
 }
 .ibanner .swiper-pagination-bullet-active::after,
 .ibanner .swiper-pagination-bullet:hover::after {
 width: 10px;
 height: 10px;
 }
 .aboutUs-box li .about-item h2 {
 height: 44px;
 }
 .aboutUs-box li .about-item .desc {
 margin-top: 30px;
 }
 .aboutUs-box .view-more {
 width: 160px;
 line-height: 36px;
 }
 .part {
 padding-top: 50px;
 }
 .index-pro .pro-item .icon-more {
 margin-top: 30px;
 }
 .pro-swiper-btn>div,
 .index_4_mid_4 span {
 width: 40px;
 height: 40px;
 }
 .part-pro {
 padding-bottom: 40px;
 }
 .pro-more,
 .pro-swiper-btn {
 margin-top: 40px;
 }
 .index-pro .pro-item .item-con {
 font-size: 16px;
 }
 .index_4_mid {
 padding: 9em 0;
 }
 .index_4_mid_1 img {
 max-width: 60px;
 }
 .part-case .case-desc {
 font-size: 15px;
 line-height: 1.4;
 }
 .pro-more a,
 .case-more a {
 width: 180px;
 }
 .case-swiper .swiper-slide .item-name {
 font-size: 16px;
 }
 .case-swiper .swiper-button-next,
 .case-swiper .swiper-button-prev {
 width: 40px;
 height: 40px;
 }
 .part-case {
 padding-bottom: 30px;
 }
 .part-news ul li .news-item:before {
 width: 100%;
 opacity: 1;
 }
 .part-news ul li .news-item .item-desc:before {
 background-color: #0084e9
 }
 .part-news ul li .news-item {
 background-color: rgba(0, 132, 233, .05);
 }
 .part-news ul li .news-item .item-mask {
 opacity: 1;
 }
 .part-news ul li .news-item .item-inner,
 .part-news ul li .news-item .item-arrow {
 opacity: 0;
 }
 .part-news ul li {
 margin-bottom: 20px;
 }
 .part-news .news-item-mid {
 padding: 25px;
 }
 .part-news .news-item-mid .item-desc {
 margin-top: 20px;
 }
 .part-news .news-item-mid .item-desc span {
 font-size: 16px;
 height: 38px;
 }
 .part-news .news-item-mid .item-mask span:before {
 background-size: 65% auto;
 }
 .news-more a {
 line-height: 44px;
 }
 .part-news .news-more {
 margin-top: 15px;
 }
 .part-news {
 padding-bottom: 30px;
 }
 .footer-box .footer {
 padding: 50px 0 40px;
 }
 .footer-right {
 padding-top: 0;
 }
 .footer-mid {
 border: none;
 margin-top: 35px;
 }
}

@media (max-width:767px) {
 .fs126 {
 font-size: 54px;
 }
 .fs50 {
 font-size: 26px;
 }
 .fs48 {
 font-size: 24px;
 }
 .fs42 {
 font-size: 23px;
 }
 .fs36 {
 font-size: 22px;
 }
 .fs34 {
 font-size: 19px;
 }
 .fs30 {
 font-size: 18px;
 }
 .fs28 {
 font-size: 17px;
 }
 .fs24 {
 font-size: 16px;
 }
 .fs20 {
 font-size: 15px;
 }
 .fs18 {
 font-size: 14px;
 }
 .container,
 .index_header.allIn .nav_container {
 min-width: 100%;
 }
 .header {
 /*position: sticky;*/
 height: 55px;
 }
 /*.nav-menu {display: none;}*/
 .header .header_tools li .icon-lang {
 margin-left: 3px;
 }
 .header .header_tools>ul {
 width: 121px;
 top: 10px;
 }
 .header .header_tools li {
 padding: 0 10px;
 border: none;
 }
 .header .header_tools .nav-lang {
 padding: 0;
 margin: 0;
 }
 .nav-lang span {
 display: none;
 }
 .header .header_tools li.mobile_key {
 margin-left: 10px;
 padding: 0;
 display: none;
 line-height: 22px;
 padding-top: 7px;
 }
 .header .header_tools li.mobile_key i {
 display: block;
 width: 24px;
 height: 22px;
 background: url(../images/icon-menu.png) no-repeat center;
 background-size: 100% 100%;
 }
 .header.fixed li.mobile_key i,
 .header:hover li.mobile_key i {
 background-image: url(../images/icon-menu1.png);
 }
 .header .header_logo {
 width: 60%;
 }
 .header .header_logo img {
 margin: 10px 0;
 height: 35px;
 }
 .ibanner .banner-txt .item-name {
 font-size: 24px;
 }
 .ibanner .banner-txt .item-en {
 font-size: 14px;
 margin-top: 20px;
 }
 .ibanner .banner-txt .item-tips {
 font-size: 22px;
 }
 .ibanner .banner-txt .item-tips span::before,
 .ibanner .banner-txt .item-tips span::after {
 width: 40px;
 }
 .ibanner .banner-txt {
 padding-top: 55px;
 }
 .part {
 padding-top: 35px;
 }
 .part-title .title-en {
 line-height: 60px;
 }
 .part-title {
 padding: 16px 0;
 margin-bottom: 30px;
 }
 .aboutUs-box {
 padding: 0;
 }
 .aboutUs-box .aboutUs-bg {
 display: none;
 }
 .aboutUs-box li {
 padding: 0 15px 15px;
 }
 .aboutUs-box li:last-child {
 background: url(../images/blue-bg.png) no-repeat center bottom;
 background-size: auto 50%;
 }
 .aboutUs-box .con {
 background: url(../images/about-bg.png) no-repeat center bottom;
 background-size: cover;
 padding: 20px 15px 30px;
 }
 .part-aboutUs .container {
 padding: 0;
 }
 .aboutUs-box li .about-item {
 padding: 20px 15px 25px;
 }
 .aboutUs-box li .about-item .item-icon {
 max-width: 100%;
 height: 60px;
 background-position: center bottom;
 }
 .aboutUs-box li .about-item h2 {
 text-align: center;
 font-size: 17px;
 height: 36px;
 }
 .aboutUs-box li .about-item .desc {
 height: auto;
 margin-top: 20px;
 }
 .aboutUs-box .aboutUs-title {
 font-size: 20px;
 margin-bottom: 15px;
 }
 .aboutUs-box .aboutUs-desc {
 line-height: 2;
 font-size: 14px;
 }
 .aboutUs-box .view-more,
 .pro-more a,
 .case-more a {
 line-height: 36px;
 font-size: 14px;
 }
 .pro-more,
 .pro-swiper-btn {
 margin-top: 30px;
 }
 .index_4_mid {
 padding: 80px 0;
 }
 .case-swiper {
 padding: 40px 70px 0;
 }
 .part-case .case-desc {
 padding: 0;
 }
 .case-swiper .swiper-button-next,
 .case-swiper .swiper-button-prev {
 width: 32px;
 height: 32px;
 }
 .case-swiper .swiper-button-next::before,
 .case-swiper .swiper-button-prev::before {
 background-size: 12px auto;
 }
 .case-more a {
 margin-top: 25px;
 }
 .case-swiper .swiper-slide .item-img {
 border-width: 2px;
 }
 .part-news .news-item-mid .item-desc span {
 font-size: 15px;
 height: auto;
 }
 .part-news .news-item-mid .item-desc {
 padding-bottom: 20px;
 }
 .part-news .news-item-mid {
 padding: 25px 16px;
 }
 .part-news {
 padding-bottom: 20px;
 }
 .footer-box .footer {
 padding: 35px 0 20px;
 }
 .copyright {
 font-size: 12px;
 padding: 15px 0;
 }
 .footer-link {
 margin: 20px 0;
 }
 .footer-link a {
 width: 30px;
 height: 30px;
 }
 .footer-submenu {
 display: none;
 }
 .footer-info {
 padding: 0;
 }
 .footer-mid ul li a {
 margin: 0;
 display: block;
 padding: 10px 0;
 position: relative;
 font-size: 15px;
 }
 .footer-mid ul li>a i {
 position: absolute;
 right: 0;
 top: 50%;
 margin-top: -10px;
 width: 20px;
 height: 20px;
 background: url(../images/icon-return.png) no-repeat center;
 background-size: 20px auto;
 overflow: hidden;
 transform: rotate(90deg);
 }
 .footer-mid ul li {
 border-bottom: 1px #5d5b5b solid;
 padding: 0;
 }
 .footer-mid ul li .footer-submenu a {
 margin-bottom: 0;
 padding: 8px 0 8px 10px;
 }
 .footer-submenu {
 border-top: 1px #5d5b5b solid;
 padding: 5px 0;
 }
 .footer-mid {
 margin-top: 0;
 padding-top: 5px;
 }
 /*.header .header_nav{float:none;position: fixed;top:55px;left:0;width:100%;padding:15px;background: #fff;}*/
 /*.header .header_nav .nav_container>ul>li{line-height: 32px;height:auto;width: 100%;margin:0;text-align: left;font-size:15px;margin-bottom: 2px;}*/
}

.inner-banner {
 position: relative;
}

.inner-txt {
 position: absolute;
 width: 100%;
 left: 0;
 top: 50%;
 transform: translateY(-50%);
 color: #fff;
 z-index: 11;
 padding-top: 80px;
}

.inner-txt .title {
 font-weight: bold;
 margin-bottom: 15px;
}

.inner-txt .en-tit {
 margin-bottom: 18px;
}

.inner-txt .line {
 width: 80px;
 height: 5px;
 background: #fff;
 margin-bottom: 30px;
}

.inner-txt .addr {
 padding-left: 32px;
 background: url(../images/icon-address1.png) no-repeat left center;
 line-height: 30px;
 background-size: auto 100%;
}

.inner-txt .addr a:hover {
 color: #0084e9;
}


/*pro*/

@media (min-width: 1800px) {
 .product-box {
 padding: 115px 0;
 }
}

.product-box {
 padding: 70px 0;
}

.product-left {
 float: left;
 width: 19%;
}

.product-content {
 float: left;
 width: 81%;
}

.category-box {
 box-shadow: 2.12px 2.12px 10px 0 rgba(6, 0, 1, .3);
}

.category-box .backBtn {
 position: absolute;
 width: 45px;
 left: 0;
 top: 0;
 height: 100%;
 vertical-align: top;
 background: #f5f8fa;
 display: none;
}

.category-box .backBtn i {
 position: absolute;
 top: 50%;
 margin-top: -20px;
 width: 100%;
 height: 40px;
 display: block;
 text-align: center;
 line-height: 40px;
 font-size: 24px;
 color: #7b8a96;
 padding: 0;
 background: url(../images/icon-pro-arrow.png) no-repeat center;
 transform: rotate(-90deg);
}

.category-box .moveBtn {
 display: none;
 line-height: 35px;
 text-align: center;
 margin: 18px auto;
 width: 200px;
 border-radius: 999px;
 border: 2px solid #313131;
 font-size: 16px;
}

.category-top {
 padding: 15px 30px;
 color: #fff;
 background: #0084e9;
}

.category-top i {
 margin-right: 15px;
 float: left;
 width: 44px;
 height: 44px;
 background: url(../images/icon-pro.png) no-repeat left center;
 background-size: auto 100%;
}

.category-box .content p {
 transition: all linear .3s;
 padding: 15px 0;
 line-height: 24px;
 border-bottom: 1px solid #e5e5e5;
 position: relative;
}

.category-box .content .item-link {
 padding-left: 20px;
 border-left: 10px solid transparent;
}

.category-box .content .ejBox {
 display: none;
 color: #7d7d7d;
 text-align: center;
}

.category-box .content li .item-link:hover,
.category-box .content li .item-link.on,
.category-box .content li .item-link.active {
 border-left-color: #0084e9;
}

.category-box .content li p:hover,
.category-box .content li .item-link.on,
.category-box .content li p.active {
 background: #b2daf8;
}

.ejBox-child p {
 padding-left: 20px;
 font-size: 14px;
}

.category-box .content li .hasChild i {
 position: absolute;
 right: 12%;
 top: 50%;
 width: 16px;
 margin-top: -8px;
 height: 16px;
 background: url(../images/icon-pro-arrow.png) no-repeat center;
 background-size: 100% auto;
 transition: all linear .3s;
 transform: rotate(90deg);
}

.category-box .content li .hasChild.on i {
 transform: rotate(0);
}

.product-content {
 padding-left: 20px;
}

.product-content li {
 padding: 0 0 50px 40px;
}

.product-content .proLi {
 position: relative;
}

.product-content .porTbox {
 position: relative;
 padding-bottom: 80%;
 overflow: hidden;
}

.product-content .proImg {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 100%;
 z-index: 1;
 transition: all linear .3s;
}

.product-content .proMask {
 max-width: 60%;
 z-index: 2;
}

.product-content .proMask img {
 max-height: 50px;
 opacity: 0.2;
}

.product-content .showBox {
 z-index: 3;
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 opacity: 0;
 background: rgba(49, 49, 49, .7);
 transition: all 0.5s ease;
 color: #fff;
}

.product-content .showBoxLink {
 width: 60%;
 z-index: 4;
 text-align: center;
 padding: 14px 0;
}

.product-content .showBoxLink::before,
.product-content .showBoxLink::after {
 content: '';
 position: absolute;
 top: 0px;
 left: 50%;
 transform: translateX(-50%);
 width: 60%;
 height: 1px;
 background: #fff;
 transition: all .5s ease;
}

.product-content .showBoxLink::after {
 top: auto;
 bottom: 0;
}

.product-content .porBbox {
 text-align: center;
 padding: 16px 15px;
 background: #eeeeee;
 transition: all linear .3s;
}

.product-content .porBbox p {
 text-overflow: ellipsis;
 white-space: nowrap;
 overflow: hidden;
}

.product-content .proLi:hover .proImg {
 transform: translate( -50%, -50%) scale(1.1);
}

.product-content .proLi:hover .showBox {
 opacity: 1;
}

.product-content .proLi:hover .showBoxLink::before,
.product-content .proLi:hover .showBoxLink::after {
 width: 30px;
}

.product-content .proLi:hover .porBbox {
 background: #0084e9;
 color: #fff;
}

@media (max-width: 1200px) {
 .product-left {
 width: 22%;
 }
 .product-content {
 width: 78%;
 padding-left: 10px;
 }
 .product-content li {
 padding: 0 0 25px 30px;
 }
 .category-top {
 padding: 15px 18px;
 }
 .category-top i {
 width: 36px;
 height: 36px;
 }
 .category-box .content p {
 padding: 13px 0;
 }
 .category-box .content .item-link {
 padding: 13px 15px;
 border-left-width: 6px;
 }
}

@media (max-width: 800px) {
 .product-left {
 width: 100%;
 }
 .product-content {
 width: 100%;
 padding: 0;
 }
 .product-box {
 padding: 40px 0;
 }
 .inner-txt {
 padding-top: 60px;
 }
 .inner-txt .title {
 margin-bottom: 12px;
 }
 .inner-txt .en-tit {
 margin-bottom: 15px;
 }
 .inner-txt .line {
 height: 3px;
 margin-bottom: 20px;
 }
 .category-box {
 padding-bottom: 1px;
 margin-bottom: 30px;
 box-shadow: none;
 border: 1px solid #f0f0f0;
 }
 .category-top {
 padding: 12px 18px;
 }
 .category-top i {
 width: 30px;
 height: 30px;
 }
 /*.category-box .content{display: none;}*/
 .category-box .moveBtn,
 .category-box .backBtn {
 display: block;
 }
 .contentBox {
 position: fixed;
 top: 0;
 width: 100%;
 left: 100%;
 background: #fff;
 z-index: 1000;
 bottom: 0;
 overflow-y: auto;
 font-size: 0;
 padding-left: 45px;
 }
 .product-content ul {
 margin-left: -10px;
 margin-right: -10px;
 }
 .product-content li {
 padding: 0 10px 20px;
 }
 .product-content .porBbox {
 padding: 12px;
 }
}

@media (max-width: 600px) {
 .inner-txt .addr {
 line-height: 18px;
 padding-left: 20px;
 }
 .inner-banner .swiper-slide img {
 min-height: 300px;
 object-fit: cover;
 }
 .category-top {
 padding: 6px 18px;
 }
 .product-box {
 padding: 35px 0;
 }
 .category-box .moveBtn {
 width: 180px;
 }
 .category-box {
 margin-bottom: 25px;
 }
 .product-content ul {
 margin-left: 0;
 margin-right: 0;
 }
 .product-content li {
 padding: 0 0 14px;
 }
}


/*news*/


/*.news-box{margin-top:40px;}*/

.category-tab {
 text-align: center;
 margin: 40px 0 60px;
}

.category-tab a {
 display: inline-block;
 min-width: 180px;
 letter-spacing: 1px;
 padding: 16px 20px;
 margin: 0 20px;
 color: #fff;
 background: #0084e9;
 transition: all linear .3s;
}

.category-tab a.active,
.category-tab a:hover {
 background: #313131;
}

.news-box .newsItem {
 padding: 32px 0;
 border-bottom: 1px solid #d2d2d2;
 transition: all linear .3s;
}

.news-box .newsItem .item-left {
 float: left;
 width: 160px;
 border-right: 2px solid #d2d2d2;
 padding-right: 30px;
}

.news-box .newsItem .item-date {
 width: 100%;
 height: 130px;
 text-align: center;
 color: #fff;
 background: #0084e9;
 line-height: 32px;
 margin: 10px 0 25px;
 transition: all linear .3s;
}

.news-box .newsItem .item-arrow {
 margin: 0 auto;
 width: 46px;
 height: 15px;
 background: url(../images/icon-narrow.png) no-repeat center;
 background-size: 80% auto;
}

.news-box .newsItem .item-con {
 padding: 30px 30px 0;
 margin-left: 160px;
}

.news-box .newsItem .item-con .item-title {
 margin-bottom: 20px;
}

.news-box .newsItem .item-con .item-desc {
 color: #959595;
 line-height: 1.5;
 text-overflow: -o-ellipsis-lastline;
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 line-clamp: 2;
 -webkit-box-orient: vertical;
}

.news-box .newsItem .item-detail {
 width: 81%;
 float: left;
}

.news-box .newsItem .newPicBox {
 width: 19%;
 float: right;
 position: relative;
 overflow: hidden;
}

.news-box .newsItem .newPicBox .newPicLink {
 position: relative;
 padding-bottom: 65%;
 transition: all linear .3s;
}

.news-box .newsItem .newPicBox .newPicLink img {
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 min-height: 100%;
 min-width: 100%;
}

.news-box .newsItem:hover {
 background: rgba(0, 132, 233, .2);
}

.news-box .newsItem:hover .item-date {
 background: #313131;
}

.news-box .newsItem:hover .item-arrow {
 background-image: url(../images/icon-narrowon.png);
}

.news-box .newsItem .newPicBox:hover .newPicLink {
 transform: scale(1.05);
}

.pagerBox {
 margin: 40px 0;
}

.pagerBox .pager-list {
 float: left;
}

.pagerBox .pager-right {
 float: right;
}

.pagerBox a {
 transition: all linear .3s;
 float: left;
 background: #eeeeee;
 line-height: 58px;
 min-width: 70px;
 text-align: center;
 padding: 0 10px;
 color: #959595;
}

.pagerBox a:hover {
 color: #fff;
 background: #0084e9;
}

@media (max-width: 1500px) {
 .category-tab a {
 min-width: 150px;
 margin: 0 20px 15px;
 }
 .pagerBox a {
 line-height: 40px;
 min-width: 50px;
 font-size: 14px;
 }
}

@media (max-width: 1200px) {
 .category-tab {
 margin-bottom: 45px;
 }
 .category-tab a {
 min-width: 140px;
 margin: 0 15px 15px;
 }
 .news-box .newsItem {
 padding: 25px 0;
 }
 .news-box .newsItem .item-left {
 width: 135px;
 padding-right: 25px;
 }
 .news-box .newsItem .item-date {
 height: 100px;
 margin-bottom: 20px;
 }
 .news-box .newsItem .item-con {
 padding: 20px 25px 0;
 margin-left: 135px;
 }
}

@media (max-width: 900px) {
 .news-box .newsItem .item-con .item-title {
 margin-bottom: 15px;
 }
 .category-tab {
 margin-bottom: 20px;
 }
 .category-tab a {
 margin: 0 10px 15px;
 }
 .news-box .newsItem .item-date {
 margin-bottom: 12px;
 }
}

@media (max-width: 600px) {
 .category-tab {
 margin-bottom: 15px;
 }
 .category-tab a {
 display: inline-block;
 min-width: 100px;
 padding: 10px 15px;
 margin: 0 6px 10px;
 width: auto;
 }
 .news-box .newsItem .item-detail {
 width: 100%;
 }
 .news-box .newsItem .newPicBox {
 width: 100%;
 margin-bottom: 20px;
 }
 .newsItem .flex {
 flex-direction: column-reverse;
 }
 .news-box .newsItem .item-left {
 width: 110px;
 padding-right: 15px;
 border-right-width: 1px;
 }
 .news-box .newsItem .item-date {
 height: 95px;
 line-height: 28px;
 }
 .news-box .newsItem .item-con {
 margin-left: 110px;
 padding: 15px 15px 0;
 }
 .pagerBox .pager-list,
 .pagerBox .pager-right {
 width: 100%;
 text-align: center;
 display: flex;
 justify-content: center;
 align-items: center;
 }
 .pagerBox a {
 display: block;
 float: none;
 margin-bottom: 20px;
 }
}


/*contact*/

.contactUs-box {
 margin-bottom: 60px;
}

.mapBox {
 height: 100%;
 position: relative;
}

.mapBox #mapContent {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
}

.mapBox img,
.mapBox label {
 max-width: none;
}

.contactUs-subtit {
 color: #959595;
 margin-top: 20px;
}

.contactUs-con {
 margin-top: 40px;
}

.contactUs-item {
 margin-bottom: 40px;
 background: #f5f5f5;
 padding: 30px 35px;
}

.contactUs-item .item-title {
 color: #0084e9;
 padding-bottom: 12px;
 border-bottom: 1px solid #0084e9;
 letter-spacing: 1px;
 margin-bottom: 15px;
}

.contactUs-item .item-user {
 margin-bottom: 20px;
 color: #7d7d7d;
}

.contactUs-item .item-user:last-child {
 margin: 0;
}

.contactUs-item .item-user p {
 margin-top: 7px;
 line-height: 20px;
 padding: 4px 0;
 padding-left: 32px;
 background-size: auto 19px;
 background-repeat: no-repeat;
 background-position: left center;
}

.contactUs-item .item-user p.fs24 {
 padding: 0;
}

.contactUs-item .item-user p.item-mobile {
 background-image: url(../images/icon-mapmobile.png);
}

.contactUs-item .item-user p.item-phone {
 background-image: url(../images/icon-mapphone.png);
}

.contactUs-item .item-user p.item-fax {
 background-image: url(../images/icon-mapfax.png);
}

.contactUs-item .item-user p.item-addr {
 background-image: url(../images/icon-mapaddr.png);
}

.contactUs-item .item-user p.item-qq {
 background-image: url(../images/icon-mapqq.png);
}

.contactUs-item .item-user p.item-mail {
 background-image: url(../images/icon-mapmail.png);
}

.contactUs-item:last-child {
 margin-bottom: 0;
}

.BMap_Marker .BMapLabel {
 transform: translateX(-42%);
 background: url(../images/logo-bg.png) no-repeat center;
 background-size: 100% 100%;
}

@media (max-width: 767px) {
 .contactUs-item {
 margin-bottom: 25px;
 padding: 20px 20px;
 }
 .contactUs-subtit {
 margin-top: 10px;
 }
 .mapBox {
 height: 0;
 padding-bottom: 103%;
 margin-top: 30px;
 }
 .contactUs-con {
 margin-top: 25px;
 }
}

.jobList ul {
 margin-top: 60px;
}

.jobList ul li {
 margin-bottom: 40px;
 background: #f5f5f5;
 padding: 35px 3.5% 25px;
 color: #7d7d7d;
}

.jobList ul li .jobItem-title {
 padding-bottom: 16px;
 border-bottom: 1px solid #0084e9;
 color: #0084e9;
 margin-bottom: 25px;
}

.jobList ul li .jobItem-title .jobItem-profit {
 float: right;
 color: #dc2230;
}

.jobList ul li:last-child {
 margin: 0;
}

.jobList .jobItem-con>div {
 margin-bottom: 10px;
}

@media (max-width: 767px) {
 .jobList ul {
 margin-top: 30px;
 }
 .jobList ul li {
 padding: 20px 15px 10px;
 margin-bottom: 20px;
 }
 .jobList ul li .jobItem-title {
 margin-bottom: 15px;
 padding-bottom: 10px;
 font-size: 16px;
 }
}

.msg-form {
 padding-bottom: 40px;
}

.form-item {
 margin-top: 45px;
}

.form-item-txt {
 width: 100%;
 background: #f5f5f5;
 padding: 0 25px;
 outline: none;
 border: none;
}

.form-item-txt.item-textarea {
 height: 320px;
 padding: 20px 25px;
}

.form-item-txt.item-input {
 line-height: 75px;
}

.form-code {
 position: relative;
 padding-right: 170px;
}

.form-code .item-code {
 position: absolute;
 right: 0;
 top: 50%;
 transform: translateY(-50%);
 max-width: 170px;
 max-height: 100%;
}

.form-code .item-code img {
 max-height: 75px;
}

.form-item input::-webkit-input-placeholder {
 color: #959595;
}

.form-item input::-moz-input-placeholder {
 color: #959595;
}

.form-item input::-ms-input-placeholder {
 color: #959595;
}

.msg-form .submit-btn {
 padding: 20px 0;
 background: #0084e9;
 color: #fefefe;
 display: block;
 width: 100%;
 text-align: center;
 margin-top: 55px;
 border: none;
 outline: none;
}

@media (max-width: 1600px) {
 .form-item-txt.item-input {
 line-height: 60px;
 }
 .form-code .item-code img {
 max-height: 60px;
 }
 .form-item-txt.item-textarea {
 height: 240px;
 }
 .form-item {
 margin-top: 25px;
 }
 .msg-form .submit-btn {
 margin-top: 40px;
 padding: 15px 0;
 }
}

@media (max-width: 900px) {
 .form-item {
 margin-top: 20px;
 }
}

@media (max-width: 700px) {
 .form-item-txt.item-textarea {
 height: 200px;
 }
 .contactUs-subtit {
 font-size: 14px;
 }
 .form-item {
 margin-top: 15px;
 }
 .form-item-txt {
 padding: 0 16px;
 }
 .form-item-txt.item-textarea {
 padding: 15px 16px;
 }
 .form-item-txt.item-input {
 line-height: 50px;
 }
 .form-code .item-code img {
 max-height: 50px;
 }
 .form-code {
 padding-right: 120px;
 }
 .form-code .item-code {
 max-width: 120px;
 }
 .msg-form .submit-btn {
 padding: 12px 0;
 }
 .msg-form {
 padding-bottom: 20px;
 }
}

.advantage {
 padding: 60px 0 150px;
}

.adv-banner-box {
 padding: 0 10%;
 position: relative;
}

.adv-banner {
 padding: 0 10%;
}

.adv-banner .adv-swiper {
 background: url(../images/adv-banBg.png) no-repeat center;
 background-size: 100% 100%;
 padding: 44px 30px;
}

.adv-banner .slide-item {
 position: relative;
 padding-bottom: 62.6%;
 color: #fff;
}

.adv-banner .slide-item-txt {
 width: 60%;
 text-align: center;
 max-width: 610px;
 min-height: 180px;
 padding: 25px 15px 20px;
 background: url(../images/adv-txtBg.png) no-repeat center;
 background-size: 100% 100%;
}

.adv-banner-box .swiper-btn {
 outline: none;
}

.adv-banner .slide-item-txt h2 {
 margin-bottom: 15px;
 letter-spacing: 1px;
}

.adv-banner .slide-item-txt h2:first-child {
 letter-spacing: 5px;
}

.adv-banner .slide-item-txt p {
 margin-bottom: 5px;
}

.adv-banner-box .swiper-button-prev,
.adv-banner-box .swiper-container-rtl .swiper-button-next {
 left: 0;
}

.adv-banner-box .swiper-button-next,
.adv-banner-box .swiper-container-rtl .swiper-button-prev {
 right: 0;
}

.adv-banner-box .swiper-btn {
 width: 68px;
 height: 68px;
 border-radius: 100%;
 background: #e5e5e5;
 transition: all linear .3s;
}

.adv-banner-box .swiper-btn:hover {
 background: #0084e9;
}

.adv-banner-box .swiper-btn::after {
 content: '';
 font-size: 0;
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 background: url(../images/adv-arrow-lon.png) no-repeat center;
 background-size: 34% auto;
}

.adv-banner-box .swiper-btn:hover::after {
 background-image: url(../images/adv-arrow-l.png);
}

.adv-banner-box .swiper-button-next {
 transform: rotate(-180deg);
}

@media (max-width: 1600px) {
 .adv-banner .slide-item-txt p {
 font-size: 14px;
 }
 .advantage {
 padding: 40px 0 120px;
 }
 .adv-banner-box .swiper-btn {
 width: 55px;
 height: 55px;
 }
}

@media (max-width: 900px) {
 .advantage {
 padding: 20px 0 50px;
 }
 .adv-banner .adv-swiper {
 padding: 30px 20px;
 }
 .adv-banner .slide-item-txt {
 width: 81%;
 }
 .adv-banner-box .swiper-btn {
 width: 50px;
 height: 50px;
 }
 .adv-banner-box {
 padding: 0 50px;
 }
}

@media (max-width: 700px) {
 .advantage {
 padding: 20px 0 30px;
 }
 .adv-banner-box {
 padding: 0 20px;
 }
 .adv-banner-box .swiper-button-next {
 right: -5px;
 }
 .adv-banner-box .swiper-button-prev {
 left: -5px;
 }
 .adv-banner-box .swiper-btn {
 width: 30px;
 height: 30px;
 }
 .webright ul li {
 width: 38px;
 height: 38px;
 }
 .webright .cell_mid {
 width: 32px;
 height: 32px;
 }
 .webright ul li .web-tel span {
 line-height: 32px;
 }
 .webright ul li .web-tel {
 width: 158px;
 }
 .adv-banner .adv-swiper {
 padding: 15px 10px;
 }
 .adv-banner {
 padding: 0 7%;
 }
 .adv-banner .slide-item-txt {
 width: 100%;
 min-height: 100px;
 transform: translate(-50%, -50%) scale(0.72);
 padding: 20px 10px 15px;
 }
 .adv-banner .slide-item-txt h2 {
 margin-bottom: 10px;
 }
 .adv-banner .slide-item-txt h2.fs42 {
 font-size: 18px;
 letter-spacing: 2px;
 }
 .adv-banner .slide-item-txt h2.fs30 {
 font-size: 16px;
 }
 .adv-banner .slide-item-txt p {
 margin-bottom: 3px;
 font-size: 12px;
 }
}

.case-box .product-content {
 width: 100%;
 padding: 0;
}

.case-box .product-content li {
 padding: 0 0 50px 0;
}

.case-box .product-content li .proLi {
 width: 85%;
 max-width: 440px;
 margin: 0 auto;
}

@media (max-width: 900px) {
 .case-box .product-content li {
 padding-bottom: 30px;
 }
 .case-box .product-content li .proLi {
 width: 90%;
 }
}

@media (max-width: 700px) {
 .case-box .product-content li {
 padding: 0 0 25px;
 }
 .case-box .product-content li .proLi {
 width: 100%;
 }
}

.technical {
 overflow: hidden;
}

.tech-desc {
 padding-top: 25px;
 line-height: 1.9;
 color: #313131;
}

.tech-desc .desc-title {
 margin-bottom: 12px;
}

@media (min-width: 900px) {
 .technical {
 padding: 20px 0 30px;
 }
 .tech-desc {
 padding-left: 15%;
 }
}

@media (max-width: 700px) {
 .tech-desc {
 font-size: 14px;
 padding: 25px 0 0;
 }
 .tech-desc .desc-title {
 line-height: 1.4;
 margin-bottom: 8px;
 font-size: 17px;
 }
}

.application-top {
 padding: 0 18.75%;
 text-align: center;
 box-shadow: 2.88px 2.78px 16px 0 rgba(1, 91, 161, .35);
 position: relative;
}

.application-top::before {
 position: absolute;
 content: '';
 height: 16px;
 background: #fff;
 width: 100%;
 left: 0;
 top: -16px;
 z-index: 2;
}

.application-top li {
 position: relative;
 float: left;
 width: 25%;
}

.application-top li .top-item p {
 margin-top: 12px;
 letter-spacing: 1px;
}

.application-top li .top-item {
 padding: 55px 0 30px;
 transition: all linear .3s;
 position: relative;
 z-index: 2;
 cursor: pointer;
}

.application-top li .item-bg {
 pointer-events: none;
 transition: all linear .3s;
 opacity: 0;
 background: url(../images/about-bg1.png) no-repeat bottom center;
 background-size: 100% auto;
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
}

.application-top li .imgOn {
 display: none;
}

.application-top li:hover .top-item,
.application-top li.active .top-item {
 background: rgba(0, 132, 233, .5);
 color: #fff;
}

.application-top li:hover .item-bg,
.application-top li.active .item-bg {
 opacity: 1;
}

.application-top li:hover .imgOn,
.application-top li.active .imgOn {
 display: block;
}

.application-top li:hover .img,
.application-top li.active .img {
 display: none;
}

.application-con {
 padding: 90px 0 40px;
 overflow: hidden;
}

.application-con .content-item {
 overflow: hidden;
}


/*.application-con .item-left{transform: translateX(-100%);transition: all linear .3s;opacity: 0;}
.application-con .item-right{transform: translateX(100%);transition: all linear .3s;}*/

.application-con .item-left {
 animation: fadeInLeft 1s ease-in;
 -webkit-animation: fadeInLeft 1s ease-in;
}

.application-con .item-right {
 animation: fadeInRight 1s ease-in;
 -webkit-animation: fadeInRight 1s ease-in;
}

.application-con .con-left h2 {
 color: #0084e9;
 margin-bottom: 50px;
 font-size: 40px;
}

.application-con .con-left p {
 margin-bottom: 35px;
 font-size: 20px;
 text-indent: 40px;
}

.application-con .content-item {
 display: none;
}

.application-con .content-item.active {
 display: block;
}


/*.application-con .content-item.active .item-left,.application-con .content-item.active .item-right{transform: translateX(0);}*/

@media (min-width: 1200px) {
 .application-con .col-md-7 {
 width: 57%;
 }
 .application-con .col-md-5 {
 width: 40%;
 float: right;
 }
}

@media (max-width: 1600px) {
 .application-top {
 padding: 0 15%;
 }
 .application-con .con-left h2 {
 font-size: 30px;
 margin-bottom: 40px;
 }
 .application-con .con-left p {
 font-size: 18px;
 text-indent: 36px;
 margin-bottom: 20px;
 }
}

@media (max-width: 1200px) {
 .application-top li .top-item {
 padding: 35px 0 25px;
 }
 .application-top {
 padding: 0 12%;
 }
 .application-top li img {
 height: 70px;
 }
}

@media (max-width: 900px) {
 .application-top {
 padding: 0 5%;
 }
 .application-con .con-left h2 {
 font-size: 28px;
 margin-bottom: 30px;
 }
 .application-con .con-left p {
 font-size: 16px;
 }
 .application-top li img {
 height: 60px;
 }
 .application-top li .top-item {
 padding: 25px 0 20px;
 }
 .application-top li .top-item p {
 margin-top: 8px;
 font-size: 17px;
 }
 .application-con {
 padding: 50px 0 40px;
 }
 .application-con .con-left h2 {
 font-size: 24px;
 }
 .application-con .con-left p {
 font-size: 15px;
 text-indent: 30px;
 }
}

@media (max-width: 700px) {
 .application-top {
 padding: 0 15px;
 }
 .application-top li .top-item {
 padding: 16px 0 13px;
 }
 .application-top li .top-item p {
 font-size: 14px;
 }
 .application-top li img {
 height: 40px;
 }
 .application-con {
 padding: 35px 0 20px;
 }
 .application-con .item-left {
 margin-bottom: 15px;
 }
 .application-con .con-left h2 {
 font-size: 20px;
 margin-bottom: 25px;
 }
 .application-con .con-left p {
 font-size: 14px;
 text-indent: 28px;
 }
}

.profile {
 color: #707070;
}

.profile-item {
 overflow: hidden;
}

.profile-item .item-img {
 padding: 45px 40px;
 position: relative;
}

.profile-item .item-img::after {
 position: absolute;
 content: '';
 right: 0;
 top: 0;
 width: 50%;
 height: 100%;
 background: #313131;
}

.profile-item .item-img img {
 position: relative;
 z-index: 2;
}

.profile-item .item-con {
 color: #707070;
 padding-right: 40px;
 padding-top: 90px;
}

.profile-item .item-con h2 {
 margin-bottom: 25px;
 color: #313131;
 font-weight: bold;
}

.profile-item .item-con p {
 line-height: 2;
 text-indent: 36px;
}

.profile-item .col-xs-12 {
 padding: 40px 0;
}

.profile-item:nth-child(2n+2) {
 background: #f8f8f8;
}

.profile-item:nth-child(2n+2) .flex {
 flex-direction: row-reverse;
}

.profile-item:nth-child(2n+2) .item-img {
 padding: 45px 80px 45px 0;
}

.profile-item:nth-child(2n+2) .item-img::after {
 left: 0;
 right: auto;
 background: #0084e9;
}

.profile-item:nth-child(2n+2) .item-con {
 padding: 90px 0 0 40px;
}

.profile-txt {
 padding: 70px 15px;
 text-indent: 36px;
}

.profile-txt p {
 line-height: 2.2;
}

.profile-img {
 max-width: 60%;
}

@media (max-width: 1600px) {
 .profile-item .item-img {
 padding-left: 30px;
 }
 .profile-item:nth-child(2n+2) .item-img {
 padding-left: 0;
 padding-right: 30px;
 }
 .profile-txt {
 padding: 60px 15px;
 }
}

@media (max-width: 900px) {
 .profile-item .item-con {
 padding: 50px 15px 0 0;
 }
 .profile-item:nth-child(2n+2) .item-con {
 padding: 50px 0 0 15px;
 }
 .profile-item .item-img {
 padding-left: 15px;
 }
 .profile-item:nth-child(2n+2) .item-img {
 padding-right: 15px;
 padding-left: 0;
 }
 .profile-item .item-con h2 {
 margin-bottom: 15px;
 }
 .profile-item .col-xs-12 {
 padding: 30px 0;
 }
 .profile-txt {
 padding: 40px 15px;
 }
}

@media (max-width: 767px) {
 .profile-item {
 padding: 20px 0;
 }
 .profile-item .item-con,
 .profile-item:nth-child(2n+2) .item-con {
 padding: 0 0 20px;
 }
 .profile-item .col-xs-12 {
 padding: 0;
 }
 .profile-item .item-img {
 padding: 35px 30px 35px 0;
 }
 .profile-item:nth-child(2n+2) .item-img {
 padding: 35px 0 35px 0;
 }
 .profile-txt {
 padding: 25px 15px 20px;
 }
 .profile {
 font-size: 15px;
 }
}

.culture li {
 position: relative;
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
 color: #fff;
}

.culture li .culture-item-txt {
 position: absolute;
 top: 50%;
 left: 0;
 transform: translateY(-50%);
 width: 100%;
 padding: 0 8%;
}

.culture {
 overflow: hidden;
}

.culture li .culture-item-txt h2 {
 font-weight: bold;
 letter-spacing: 6px;
 margin-bottom: 20px;
 position: relative;
}

.culture li .culture-item-txt h2 span {
 display: inline-block;
 padding-right: 18px;
 border-bottom: 6px solid #fff;
 padding-bottom: 20px;
}

.culture li .culture-item-txt .line {
 width: 183px;
 height: 6px;
 background: #fff;
 margin-bottom: 20px;
 max-width: 35%;
}

.culture li .culture-item-txt .en-title {
 text-transform: uppercase;
}

.culture li:nth-child(2n+2) .culture-item-txt {
 text-align: right;
}

.culture li:nth-child(2n+2) .culture-item-txt h2 span {
 padding-left: 18px;
 padding-right: 0;
}

.nav-all .nav-third {
 padding-left: 20px;
 display: none;
}

.nav-all .nav-third a {
 color: #959595;
 font-size: 15px;
}

@media (max-width: 900px) {
 .culture li img {
 min-height: 200px;
 object-fit: cover;
 }
 .culture li .culture-item-txt h2 {
 margin-bottom: 15px;
 }
 .culture li .culture-item-txt h2 span {
 padding-bottom: 15px;
 border-bottom-width: 4px;
 }
 .culture li .culture-item-txt .line {
 height: 4px;
 margin-bottom: 15px;
 }
}

@media (max-width: 767px) {
 .culture li .culture-item-txt h2 {
 margin-bottom: 8px;
 font-size: 18px;
 letter-spacing: 4px;
 }
 .culture li .culture-item-txt h2 span {
 padding-bottom: 10px;
 padding-right: 10px;
 border-bottom-width: 3px;
 }
 .culture li:nth-child(2n+2) .culture-item-txt h2 span {
 padding-left: 10px;
 padding-right: 0;
 }
 .culture li .culture-item-txt .en-title {
 font-size: 15px;
 }
 /* .header .header_nav{padding:15px 15px 0;top:55px;bottom:0;overflow-y: auto;}
 .header .header_nav .nav_container>ul>li{border-bottom: 1px #313131 solid;}
 .header .header_nav .nav_container>ul>li a{padding:5px 0;text-align: center;}
 .header .header_nav .nav_container>ul>li:last-child{border:none;}
 .header .header_nav .inner_box{position: relative;padding:5px 0;}*/
 .nav-menu,
 .nav-menu .button_menu {
 width: 24px;
 }
 .nav-all {
 padding: 60px 0 0;
 }
 .nav-all .flex {
 display: block;
 flex-wrap: wrap;
 }
 .nav-all .nav-first {
 width: 100%;
 padding: 0;
 }
 .nav-all .nav-first>a {
 border-bottom: 1px solid #313131;
 }
 .nav-all .nav-first a {
 font-size: 16px;
 display: block;
 padding: 10px 0;
 text-align: center;
 }
 .nav-all .nav-first>a::before {
 width: 0;
 height: 0;
 }
 .nav-all li {
 margin: 0;
 }
 .nav-all .nav-second {
 margin: 0;
 display: none;
 }
 .nav-all .nav-second a {
 font-size: 14px;
 padding: 6px 0;
 }
 .nav-all li a.active {
 color: #0084e9;
 }
 .nav-all .nav-third {
 padding: 0;
 }
}

.honour {
 background: url(../images/honour-bg.png) no-repeat top center;
 background-size: cover;
 padding: 120px 0;
}

.honour-swiper {
 padding: 0 7.8%;
 position: relative;
 color: #7d7d7d;
}


/*.honour-swiper .swiper-container{box-shadow: -2.9px -7.8px 23.76px 0.24px rgba(4,0,0,.35);}*/


/*.honour-swiper .swiper-container{box-shadow:0px -14px 15px -9px rgba(4,0,0,.35);}*/

.honour-swiper .swiper-slide {
 width: 44%;
 padding: 8px 10px 0;
}

.honour-swiper .swiper-slide .img {
 box-shadow: 2.9px 4.8px 12px 0px rgba(4, 0, 0, .35);
}

.honour-swiper .swiper-slide .title {
 opacity: 0;
 padding: 30px 0 10px;
 transition: all linear .3s;
}

.honour-swiper .swiper-slide-active .title {
 opacity: 1;
}

.honour-swiper .swiper-slide-active .img {
 position: relative;
}

.honour-swiper .swiper-button-next,
.honour-swiper .swiper-button-prev {
 color: #313131;
 font-weight: bold;
 outline: none;
 transform: translateY(-60%);
}

.honour-swiper .swiper-button-next:hover,
.honour-swiper .swiper-button-prev:hover {
 color: #0084e9;
}

.honour-swiper .swiper-button-prev,
.honour-swiper .swiper-container-rtl .swiper-button-next {
 left: 3.2%;
}

.honour-swiper .swiper-button-next,
.honour-swiper .swiper-container-rtl .swiper-button-prev {
 right: 3.2%;
}

@media (max-width: 900px) {
 .honour-swiper .swiper-slide .title {
 padding: 20px 0 10px;
 }
 .honour-swiper .swiper-button-next:after,
 .honour-swiper .swiper-button-prev:after {
 font-size: 24px;
 }
}

@media (max-width: 767px) {
 .honour {
 padding: 50px 0 50px;
 }
 .honour-swiper {
 padding: 0;
 }
 .honour-swiper .swiper-button-next,
 .honour-swiper .swiper-button-prev {
 display: none;
 }
 .honour-swiper .swiper-slide {
 width: 70%;
 }
 .honour-swiper .swiper-slide .title {
 padding: 15px 0 10px;
 }
 .honour-swiper .swiper-slide .title {
 font-size: 14px;
 }
}


body.fixed{overflow: hidden;}
.fixed-info{position: fixed;top:0;left:0;width: 100%;height: 100%;z-index:10000000000;background: #000;}
.fixed-info video{width:100%;height: 100%;object-fit: cover;}
.fixed-info #logo{position: absolute;left:27px;top:34px;}
.fixed-skip{width:40px;height:65px;position:absolute;bottom:35%;left:50%;margin-left:-20px;cursor:pointer;
animation:myfirst 1s infinite;
-moz-animation:myfirst 1s infinite;
-webkit-animation:myfirst 1s infinite;
-o-animation:myfirst 1s infinite; }