.container {

    width: 1400px;

    margin: 0 auto;

}

.main{width: 1200px;

    margin: 0 auto;

}

.kf{display:none;}

/* 首页 */

/*PC头部导航 */

.top1 {

    background-color: #2f2f2f;

    height: 35px;

    line-height: 35px;

}



.top1-text {

    font-size: 16px;

}



.top1-text span {

    color: #dedede;

    float: left;

}



.top1-text p {

    background: url(../images/top-call.png)no-repeat left;

    color: #ffffff;

    float: right;

    padding: 0 0 0 30px;

}



.top1 .language {

    display: inline-block;

    float: right;

}

.top1 .language:hover .lang-cn{display: block;}

.top1 .language a {

    color: #dedede;

    border-radius: 13px;

    line-height: 24px;

    text-align: center;

    margin: 4px 11px 0 18px;

    display: inline-block;

    font-size: 14px;

}



.top1 .language .lang-cn a {

    color: #303030;

}



.top1 .language .lang-cn {

    display: none;

    position: absolute;

    z-index: 102;

}



.top1 .language i {

    display: inline-block;

    background: url(../images/language_03.png)no-repeat right 10px;

    width: 10px;

    height: 17px;

}



.language:hover .CN {

    opacity: 1;

    display: block;

}



.CN {

    opacity: 0;

    display: none;

}



.top2 {

    background-color: #ffffff;

    height: 100px;

    line-height: 100px;

    /* overflow: hidden; */

}



.top2-all {

    color: #666666;

    font-size: 16px;

}



.top2-all .logo {

    float: left;

}



.top2-all .top2-bu {

    float: right;

}



.top2-all .top2-bu a {

    margin-left: 50px;

    transition: .3s;

    display: block;

    height: 100px;

}



.top2-all .top2-bu a.one:hover,.top2-all .top2-bu .a{

    color: #00a0e9;

    border-bottom: 3px solid #00a0e9;

    /* font-weight: bold; */

}



.top2-all .top2-bu li{ display: inline-block;}

.top2-all .top2-bu li.xia{position: relative;transition: .5s;}

/* 下拉 */

.top2-all .top2-bu li.xia:hover .dropdown-menu{display: block;}

.dropdown-menu{

    display: none;

    position: absolute;

    top:100%;

    left: 66%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    z-index: 10;

    width: 310px;

    height: auto;

    background-color: #f8f8f8;

    -webkit-box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .05);

    box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .05);



    overflow: hidden;

    -webkit-transition: all .36s ease;

    -o-transition: all .36s ease;

    transition: all .36s ease;

}

.dropdown-menu1{width:526px;}

.dropdown-menu1 .dropdown-item{max-width:100px;}

.nav-item:hover .dropdown-menu{

    visibility: visible;

    opacity: 1;

}

.dropdown-cont{

}

.dropdown-item{}

.top2-all .top2-bu .dropdown-item li{display: block;text-align: center; line-height: 55px;border-top: 1px solid #ededed;transition: .5s;}

.top2-all .top2-bu .dropdown-item li:hover{background: #00a0e9;}

.top2-all .top2-bu .dropdown-item li a:hover{color: #fff;}

.dropdown-item li:first-child{padding-top: 0;}

.dropdown-item li:first-child:hover{}

.dropdown-item li:hover a{}

.top2-all .top2-bu .dropdown-item li a{

    display: block;

    color: #777;

    font-size: 16px;

    transition: all .3s;

    margin-left: unset;

    height: 55px;

    border-bottom: none;

}

.category-item:hover .dropdown-menu {

    visibility: visible;

    opacity: 1;

}

/* banner */

.top3 .cover {

    height: 350px;

}

.top3 .cover .text h5 {

    font-size: 34px;

    color: #fff;

    font-weight: bolder;

}



.top3 .cover .text p{

    font-size: 16px;

    color: rgba(255, 255, 255,.5);

    margin-top: 1%;

}



.top3 .cover .text {

    padding-top: 6%;

}

/* 面包屑 */

.top4 {

    background: #ffffff;

    height: 60px;

    line-height: 60px;

}



.top4 .bread-ri {

    float: right;

}



.top4 .bread-le a{

    display: inline-block;

    font-size: 14px;

    color: #666;

    transition: .5s;

    /* height: 71px; */

    /* width: 20%; */

    text-align: center;

}

.top4 .bread-le a:hover{color: #00a0e9;}

.top4 .bread-ri .a{

    color: #ffffff;

    background: linear-gradient(90deg, #31b1ca, #2780b6);

}

.top4 .bread-ri a:hover{

    color: #ffffff;

    background: linear-gradient(90deg, #31b1ca, #2780b6);

}



.top4 .bread-le{

    float: left;

    background: url(../images/appl7.png)no-repeat left;

    padding: 0 0 0 25px;

}



.top4 .bread-ri a {

    display: inline-block;

    font-size: 14px;

    color: #666;

    transition: .5s;

    padding: 0 20px;

}



.top4 .bread-ri span {

    float: left;

    padding: 0 5px;

}



.top4 .bread-ri a:hover{

    color: #fff;

}



/* Mobile phone breadcrumbs */

.top4-head{display: none;background: #fff;overflow: hidden;padding: 20px 0;}

.top4-head .left{

    width: 100%;

    line-height: 40px;

    padding-left: 25px;

    margin-bottom: 15px;

    text-align: center;

    }

    .top4-head .right a{

        color: #ffffff;

        background: linear-gradient(90deg, #31b1ca, #2780b6);    width: 60%;

        text-align: center;

        line-height: 40px;

        margin: 0 auto;

    }

    .top4-head .left a:first-child {

        position: relative;

    }

    .top4-head .left a:first-child::before {

        position: absolute;

        content: "";

        width: 16px;

        height: 22px;

        top: -3px;

        left: -23px;

        background: url(../images/appl7.png)no-repeat center left;

    }

    .top4-head .left.l{ margin-bottom: 0;}

    .top4-head .right{width: 100%;}

    .top4-head .right a{display: block;}

    .top4-head .right .next{background: url(../images/fy-next.png)no-repeat center right;width: 9px;height: 19px; padding-top: 40px;}

    .top4-head .right .prev{background: url(../images/fy-prev.png)no-repeat center left;width: 9px;height: 19px; padding-top: 40px;}

    .top4-head .right .next:hover{background-image: url(../images/fy-next1.png);}

    .top4-head .right .prev:hover{background-image: url(../images/fy-prev1.png);}

    /* Paginator */

.list {

    background: #ffffff;

    text-align: center;

    line-height: 67px;

}

.list .lista{

padding: 0 30%;

}



.list .prev {

    background: url(../images/fy-prev.png)no-repeat center;

    width: 9px;

    height: 19px;

    border: none;

    float: left;

    margin-top: 24px;

}



.list .next {

    background: url(../images/fy-next.png)no-repeat center;

    width: 9px;

    height: 19px;

    border: none;

    float: right;

    margin-top: 24px;

}



.list a {

    display: inline-block;

    color: #666666;

    font-size: 14px;

    border-radius: 50px;

    width: 37px;

    height: 37px;

    line-height: 37px;

    text-align: center;

    transition: .5s;

    margin-right: 20px;

}

.list .on

{

    color: #ffffff;

    background: linear-gradient(90deg, #236bae, #30aec9);

}

.list a:hover {

    color: #ffffff;

    background: linear-gradient(90deg, #236bae, #30aec9);

}



.list a:hover.prev {

    background: none;

    background-image: url(../images/fy-prev1.png);

}



.list a:hover.next {

    background: none;

    background-image: url(../images/fy-next1.png);

}

/* Mobile phone Head navigation */

/*app-Navigation*/

.header-app.on .navbar-app {

    background: #fff;

}



.header-app.hny .navbar-app {

    background: #333;

}



.header-app {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 60px;

    z-index: 500;

    overflow: hidden;

    -webkit-box-shadow: 3px 0 7px 0 rgba(0, 0, 0, .1);

    box-shadow: 3px 0 7px 0 rgba(0, 0, 0, .1);

    -webkit-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);

    -o-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);

    transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);

}



.header-app.open-menu {

    height: 100%;

    background: #fff;

    -webkit-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);

    -o-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);

    transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);

}



.navbar-app {

    position: relative;

    background: #fff;

    height: 60px;

    text-align: center;

}



.header-app .logo {

    float: left;

    height: 60px;

    vertical-align: middle;

    padding: 10px 15px;

}



.header-app .logo img{

    height: 100%;

}



.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: #000;

    padding: 0 15px;

}



.alert-top .text {

    height: 30px;

    margin-top: 15px;

    background: none;

    border-bottom: solid 1px #ccc;

    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: 20px;

}



.alert-top span {

    color: #fff;

    float: right;

    font-size: 20px !important;

    margin-top: 16px;

}



.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: #00a0e9;

    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: #00a0e9

}



.category-cont a:last-child {

    border: none;

}



.category-cont a.active {

    color: #00a0e9;

}



.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: #00a0e9;

}



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

}



.category-pad a.active {

    color: #00a0e9;

}





/* PC Wheel planting­ */

.top-swip .swiper-slide.in-swip{

    width: 100%;

}

.top-swip .in-swip .text{

    z-index: 10;

    position: absolute;

    width: 100%;

    height: 100%;

    top: 27%;

}

.top-swip .in-swip .img img{

width: 100%;

}

.in-swip .title{

    font-size: 48px;

    color: #ffffff;

    width: 46%;

}



.in-swip .title span {

    font-weight: bolder;

}



.in-swip .line {

    width: 65px;

    height: 3px;

    background-color: #00a0e9;

    margin-top: 73px;

}



.in-swip .title2 {

    font-size: 18px;

    color: #ffffff;

    margin-top: 27px;

}



/* Phone Wheel planting */

.app-swip {

    display: none;

}



.app-in-swip img {

    width: 100%;

}



/* Number */

.in1 {

    padding: 40px 0 34px 0;

}



.in1 .in1a {

    float: left;

    width: 25%;

}



.in1 .in1a:last-child {

    margin-right: 0;

}



.in1 .in1a .text p {

    font-size: 16px;

    color: #888888;

    line-height: 0;

}



.in1 .in1a .text .timer{

    font-family: 'ssi';

    font-size: 55px;

    color: #333333;

}

.in1 .in1a .text .text1{

    position: absolute;

    margin-left: 10px;

    margin-top: 16px;

    color: #333333;

    font-size: 18px;

}

 .in1 .in1a .image{

    float: left;

    padding-top: 20px;

}



.in1a .text {

    float: left;

    padding-left: 26px;

}



/* Home Product */

.in2 {

    background: url(../images/in-pro-ba.png)no-repeat center;

    position: relative;

    padding-bottom: 259px;

    overflow: hidden;

}



.in2 .title {

    text-align: center;

    padding: 100px 0 0px 0;

}



.in2 .title h2 {

    font-size: 40px;

    color: #333333;

    padding-bottom: 15px;

    font-weight: bold;

}



.in2 .title p {

    font-size: 16px;

    color: #888888;

    width: 695px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    margin: 0 auto;

    line-height: 28px;

    padding-bottom: 60px;

}



.in2 .image {

    background-color: #ffffff;

    width: 100%;

    text-align: center;

    position: absolute;

    padding: 48px 0;

}



.in2 .image1 {

    width: 100%;

    height: 100%;

    margin: 0 auto;

}



.in2 .image1 img {

    width: 100%;

    height: 100%;

}



.in2 .image .title1 {

    font-size: 18px;

    color: #444444;

    /* padding-top: 15px; */

    font-weight: bolder;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

    /* padding-bottom: 20px; */

}



.in2 .in2a .back {

    /* display: none; */

    background: linear-gradient(120deg,#205da8, #32b5cc);

    opacity: .9;

    width: 100%;

    height: 100%;

    background-size: cover;

    overflow: hidden;

    padding: 128px 0 100px 0;

    position: absolute;

    box-shadow: 0 0 50px 1px rgba(0, 0, 0, 0.2);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    transform-style: preserve-3d;

    transform: rotateY(-180deg);

    transition: ease-in-out 600ms;

}



.in2 .back span {

    font-size: 20px;

    color: #ffffff;

    font-weight: bolder;

    width: 57%;

    margin: 0 auto;

    text-align: center;

    display: block;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

}



.in2 .back p {

    font-size: 16px;

    color: #ffffff;

    width: 57%;

    margin: 0 auto;

    text-align: center;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

    padding-top: 40px;

    line-height: 28px;

}



.in2 .back img {

    display: block;

    margin: 0 auto;

    text-align: center;

    padding-top: 150px;

}



.in2 .in2a {

    width: 31%;

    height: 522px;

    position: relative;

    float: left;

    margin-right: 38px;

    box-shadow: 0 0 40px #f2f2f2;

}

.in2 .in2a.on .back{

    transform: rotateY(0deg);

}



.in2 .in2a:last-child {

    margin-right: 0;

}



.in2 .in2a:hover .back {

    display: block;

}



/* Home About */

.in3 .title {

    font-size: 40px;

    color: #333333;

    font-weight: bolder;

    position: absolute;

    margin-top: -30px;

}



.in3 .text {

    float: left;

    width: 43%;

}



.in3 .image{

    float: right;

    width: 56%;

    height: 100%;

    position: relative;

    margin-top: -78px;

    overflow: hidden;

    /* transition: .5s; */

}

.in3 .image img{

    transition: .5s;

}

.in3 .image:hover img{

    transform: scale(1.1);

}

.in3 .image img {

    width: 100%;

}



.in3 .text h3 {

    font-size: 16px;

    color: #333333;

    font-weight: bolder;

    margin-top: 27px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    /* -webkit-line-clamp: 1; */

    overflow: hidden;

}



.in3 .text .line {

    width: 65px;

    height: 3px;

    background-color: #00a0e9;

    margin-top: 67px;

}



.in3 .text p {

    font-size: 14px;

    color: #888888;

    line-height: 30px;

    margin-top: 33px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 5;

    overflow: hidden;

}



.in3 .text a {

    display: block;

    border: 1px solid #00a0e9;

    border-radius: 30px;

    width: 154px;

    height: 49px;

    color: #00a0e9;

    line-height: 49px;

    text-align: center;

    transition: all .6s;

    font-size: 14px;

    margin-top: 60px;

}



.in3 .text a span {

    padding-left: 7px;

}



.in3 .text a:hover {

    background-color: #00a0e9;

    color: #ffffff;

}



.in2.on {

    background: none;

    padding-bottom: 140px;

}



/* Home Customer service */

.in2.on .title{

    padding-top: 100px;

}

.in3a {

    text-align: center;

    position: relative;

    float: left;

    width: 25%;

    height: 350px;

}

.in3a-all{

    padding: 0;

}

.in3a.on .hover {

    /* display: block; */

    transform: rotateY(0deg);

}



.in3a .default span {

    font-size: 18px;

    color: #333333;

    display: block;

    font-weight: bolder;

    padding-top: 45px;

    padding-bottom: 20px;

}

.in3a .default .in3ap{



    padding: 0 10px 90px 10px;

}

.in3a .default p {

    font-size: 14px;

    color: #888888;

}



.in3a .hover {

    /* display: none; */

    background: url(../images/in-se-ba.png)no-repeat center;

    width: 366px;

    height: 442px;

    position: absolute;

    top: -50px;

    z-index: 3;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    transform-style: preserve-3d;

    transform: rotateY(-180deg);

    transition: ease-in-out 600ms;

}



.in3a .hover span {

    font-size: 18px;

    color: #ffffff;

    display: block;

    font-weight: bolder;

    padding-top: 45px;

    padding-bottom: 20px;

}



.in3a .hover p {

    font-size: 14px;

    color: #ffffff;

}



.in3a a {

    display: block;

    width: 100%;

    height: 100%;

    border: 1px solid #e9e9e9;

    border-right: none;

}



.in3a:last-child a {

    border-right: 1px solid #e9e9e9;

}



.in3a .default img {

    padding-top: 79px;

}



.in3a .hover img {

    padding-top: 130px;

}



/* Collaborative customers */

.in2.in4 {

    background: #f1f7fa;

    padding-bottom: 112px;

}

.in2.in4 .title{

    padding-top: 100px;

}

.in4 .in4swip {

    position: relative;

}



.in4 .in4swip .partner-logo img {

    width: 100%;

}



.in4 .logoswiper-partner li {

    float: left;

    width: 20%;

    height: 100%;

    /* margin-left: 19px; */

    margin-bottom: 20px;

    overflow: hidden;

    padding: 0 20px;

}



.in4swip .swiper-pagination-bullet {

    margin: 0 3px;

    border: 1px solid #bec5c9;

    background: none;

    width: 9px;

    height: 9px;

    opacity: 1;

}



.in4swip .swiper-pagination-bullet-active {

    background-color: #00a0e9;

}



.in4swip .swiper-pagination.swiper-pagination-bullets {

    width: 100%;

}



/* Home New News */

.in2.in5 {

    background: none;

    padding-bottom: 100px;

}

.in2.in5 .title{

    padding-top: 50px;

}

.in2.in5 .title h2 {

    padding-bottom: 60px;

}



.in5 .in5-new .in5-newa li{

    float: left;

}



.in5 .in5-new .in5-newa li:last-child {

    border-top: 1px solid #e9e9e9;

    border-bottom: 1px solid #e9e9e9;

    padding: 40px 0 61px 50px;

    background: url(../images/in5-new3.png)no-repeat right;

}



.in5 .in5-new .in5-newa span{

    font-size: 18px;

    color: #333333;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

    transition: .5s;

}



.in5 .in5-new .in5-newa p{

    font-size: 14px;

    color: #888888;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

    padding-top: 10px;

    width: 82%;

    transition: .5s;

}



.in5 .in5-new .in5-newa :hover {

    color: #00a0e9;

}



.in5 .in5-new .in5-newa li:first-child {

    width: 360px;

    height: 220px;

    overflow: hidden;

}



.in5 .in5-new .in5-newa img {

    transition: .6s;

    width: 100%;

}



.in5 .in5-new .in5-newa img:hover {

    transform: scale(1.1);

}



.in5 .in5-new .in5-newa h4 {

    font-size: 14px;

    color: #888888;

    background: url(../images/in5-new2.png)no-repeat left 46px;

    padding-left: 22px;

    padding-top: 46px;

}



.in5 .in5-new .in5-newb li {

    border-bottom: 1px solid #e9e9e9;

    background: url(../images/in5-new3.png)no-repeat right;

    padding: 35px 0;

    overflow: hidden;

}



.in5 .in5-new .in5-newb a:first-child {

    display: block;

    float: left;

    background-color: #e4e4e4;

    width: 120px;

    height: 42px;

    color: #787878;

    font-size: 14px;

    text-align: center;

    line-height: 42px;

    transition: .5s;

}



.in5 .in5-new .in5-newb a:first-child:hover {

    color: #fff;

    background-color: #00a0e9;

}



.in5 .in5-new .in5-newb .title {

    text-align: unset;

    padding: 0 0 0px 38px;

    float: left;

    transition: .5s;

    width: 87%;

    overflow: hidden;

}



.in5 .in5-new .in5-newb .title:hover span,

h4 {

    color: #00a0e9;

}



.in5 .in5-new .in5-newb span {

    font-size: 18px;

    color: #333333;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

    transition: .5s;

}



.in5 .in5-new .in5-newb h4 {

    font-size: 14px;

    color: #888888;

    padding-top: 2px;

}

/* Application cases */

.appl{background: #f2f2f2;    padding-bottom: 80px;}

.appl .content {

    padding-bottom: 10px;    padding-top: 50px;

}



.appl .content a {

    display: block;

    margin-bottom: 50px;

    float: left;

    overflow: hidden;

    border-bottom: 1px solid #e0e0e0;

    width: 31.7%;

    margin-right: 2.4%;

}

.appl .content a:nth-child(3),.appl .content a:nth-child(6){margin-right: unset;}

.appl .content a:hover {

    /* border: 1px solid #14a1f9; */

}



.appl .content .image {

    float: left;

    width: 100%;

    overflow: hidden;

    /* padding: 30px; */

}



.appl .content a:hover .image img {

    transform: scale(1.04);

}



.appl .content a .image img {

    display: block;

    width: 100%;

    transition: .5s;

}



.appl .content a .text {

    float: right;

    width: 100%;

    padding: 35px 0 50px 0;



}



.appl .content a .text h3 {

    font-size: 18px;

    color: #333333;

    margin-bottom: 10px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

}



.appl .content a .text p {

    font-size: 14px;

    color: #666;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}



.appl .content a .text span {

    display: block;

    border: 1px solid #14a1f9;

    width: 12%;

    height: 40px;

    line-height: 40px;

    background: url(../images/appl-more1.png)no-repeat center right 10px;

    font-size: 14px;

    color: #14a1f9;

    padding: 0 0 0 12px;

    float: right;

    margin: 13px 16px 0 0;

}



.appl .content a:hover .text span {

    background: url(../images/appl-more.png)no-repeat center right 10px #14a1f9;

    color: #ffffff;

}

/* case details */

.appl.xq{padding-top: 43px;padding-bottom: 77px;}

.newsDetail {

    width:100%;

    background-color: #FFF;

    margin: 0 auto;

    padding-top: 69px;

    padding-bottom: 30px;

}



.newsDetail .newsTitleBox {

    /* width: 760px; */

    border-bottom: 1px solid #f7f7f7;

    padding-bottom: 20px;

    text-align: center;

}

.newsDetail .newsTitleBox .fx{

    width: 17%;

    margin: 0 auto;

    margin-top: 10px;

}

.newsDetail .newsTitleBox h1 {

    font-size: 20px;

    color: #333333;

    line-height: 36px;

    text-align: center;

}



.newsDetail .newsTitleBox p {

    font-size: 13px;

    color: #999;

    line-height: 24px;

    text-align: center;

}



.newsDetail .newsDetails {

    padding: 20px 73px 75px;

    border-bottom: 1px solid #f7f7f7;

}



.newsDetail .newsDetails p {

    color: #888888;

    line-height: 24px;

    font-size: 14px;

    margin-top: 15px;

}



.newsDetail .newsDetails .img{

    margin: 25px auto 25px;

}

.newsDetail .newsDetails .img img{width: 100%;

height: 100%;}

.newsDetail .detailPage {

    width: 100%;

    height: 30px;

    line-height: 30px;

    margin-top: 27px;

    position: relative;

}



.newsDetail .detailPage .detailPageL,

.newsDetail .detailPage .detailPageR {

    top: 0;

    -webkit-transition: 0.5s;

    -ms-transition: 0.5s;

    -moz-transition: 0.5s;

    -o-transition: 0.5s;

    transition: 0.5s;

}



.newsDetail .detailPage .detailPageL {

    font-size: 14px;

    color: #777;

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 1;

overflow: hidden;

width: 16%;

left: 6%;

position: absolute;

}



.newsDetail .detailPage .detailPageR {

    font-size: 14px;

    color: #777;

    display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 1;

overflow: hidden;

width: 16%;

right: 6%;

position: absolute;

}



.newsDetail .detailPage .detailPageL:hover,

.newsDetail .detailPage .detailPageR:hover,

.newsDetail .detailPage .detailPageC:hover {

    color: #169af6;

}



.newsDetail .detailPage .detailPageC {

    text-align: center;

    width: 180px;

    margin: 0 auto;

    font-size: 14px;

    color: #777;

    transition: .5s;

   

}

.newsDetail .detailPage .detailPageC a{display: block;}

.newsDetail .newsTitleBox span {

    font-size: 14px;

    color: #888888;

    float: left;

}

.news-share{float: right;}

.news-share a {

    float: left;

    text-align: center;

    line-height: 23px !important;

    font-size: 10.8px !important;

    width: 23px;

    height: 23px !important;

    padding: 0 !important;

    margin: 0 !important;

    margin-left: 9px !important;

    border-radius: 50%;

    opacity: 0.9;

    color: #fff !important;

}



.new .news-left .news-share {

    display: inline-flex;

    margin-top: 25px;

}



.news-share .bds_weixin {

    background: #43a038;

}



.news-share .bds_sqq {

    background: #12acfc;

}



.news-share .bds_qzone {

    background: #f5bc32;

}



.news-share .bds_tsina {

    background: #f7bf28;

}



.news-right {

    width: 26%;

    float: right;

}



.news-right h4 {

    width: 350px;

    padding-bottom: 9px;

    font-size: 18px;

    color: #169af6;

    position: relative;

}



.news-right h4 i {

    width: 71px;

    height: 2px;

    background-color: #43a7ef;

    position: absolute;

    left: 0;

    bottom: 0;

}



.news-right-top ul {

    width: 96%;

}



.news-right-top {

    width: 100%;

    padding: 25px 30px 25px;

    background-color: #fff;

}



.news-right-top ul li {

    padding-bottom: 10px;

    padding-top: 13px;

    border-bottom: 1px solid #dcdcdc;

    margin-top: 10px;

}



.news-right-top ul li:first-child {

    margin-top: 0;

}



.news-right-top ul li a {

    color: #333333;

    padding-left: 12px;

    font-size: 16px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

    transition: .5s;

}



.news-right-top ul li a:hover,

.news-right-top ul li a.active {

    color: #43a7ef;

}



.news-right-top ul li span {

    display: block;

    border-radius: 50px;

    background: #169af6;

    color: #ffffff;

    font-size: 14px;

    width: 21px;

    height: 21px;

    line-height: 21px;

    text-align: center;

    float: left;

}

/* video */



.appl.shipin{padding-bottom: 90px;}

.appl.shipin .content{    padding-bottom: 43px;}

.appl.shipin .content a{border-bottom: none;margin-bottom: 0;}

.appl.shipin .content .image{position: relative; overflow: hidden;}

.appl.shipin .content a .text h3{margin-bottom: 0;font-size: 16px;line-height: 1;}

.appl.shipin .content a .text{ padding: 23px 0 38px 0;}

.appl.shipin .content .image::after{content:"";position: absolute;width: 100%;height: 100%;  background: rgba(0, 0, 0, 0.5) url(../images/bofan.png)no-repeat center;

    left: 0;

    top:0;

    opacity: 0;

    transition: .5s;}

    .appl.shipin .content a:hover .image::after{opacity: 1;}

   /*  */

.msg-box-bg {width: 100%;height: 100%;position: fixed;left: 0;top: 0;display: none;z-index: 10001;background: rgba(0,0,0,0.5);}

.msg-box {width: 860px;height: 524px;padding: 50px;background-color: #F3F3F3;position: absolute;left: 50%;margin-left: -430px;top: 0;margin-top: -262px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);}

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



    /* hoor */

.appl.zizhi{padding-top: 64px;}



.jquery-lightbox{height: auto!important;}

.honor-box {background:#fff;    padding: 50px 30px;    margin-bottom: 45px; }

.honor-ol { margin-top: 30px; margin-bottom: 20px; }

.honor-ol li { display: inline-block; height: 33px; line-height: 33px; padding-left: 20px; padding-right: 20px; border-radius: 20px; border: 1px solid #333; color: #333; margin-right: 10px; cursor: pointer;

    -webkit-transition: .5s; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; transition: .5s; }

.honor-ol li:hover,.honor-ol li.active { border-color: #e12a32; color: #e12a32; }

.honor-list { overflow: hidden;width:1060px; margin: 0 40px auto;height:830px;padding-top:45px;}

.honor-list li { width: 342px; float: left; margin-right: 17px; margin-bottom: 45px; }

.honor-list li.r { margin-right: 0; }

.honor-list li a { display: block; width: 342px; height: 345px; cursor: pointer; background: url("../images/hou_03.png") no-repeat bottom center;}

.honor-list li a img { width: 199px; height: 280px; display: block;margin:0 auto; }

.honor-list li a p {  text-align: center; height: 47px; line-height:47px; color: #000;margin-top:10px; }

.honor-list li a:hover p { color: #00a0e9; }

.honor1{background: url(../images/honor1.png)no-repeat center;    background-size: cover;}

/* About */

.appl.jieshao{ padding-top: 80px;}

.appl.jieshao a{display: block;}

.appl.jieshao .content1{    padding-bottom: 86px;}

.appl.jieshao .content1 .box1{}

.appl.jieshao .content1 .box1 h2{font-size: 24px;color: #00a8f4;font-weight: bold;}

.appl.jieshao .content1 .box1 .hr{width: 38px;height: 2px;background: #00a8f4;margin-top: 20px;}

.appl.jieshao .content1 .box1 p{font-size: 14px;color: #666;margin-top: 38px;    line-height: 25px;}

.appl.jieshao .content1 .box2{margin-top: 39px;}

.appl.jieshao .content1 .box2 .image{float: left;width: 31.66%;overflow: hidden;margin-right: 2.5%;}

.appl.jieshao .content1 .box2 .image:last-child{margin-right: 0;}

.appl.jieshao .content2{background: #fff;    padding-top: 70px;    padding-bottom: 80px;}

.appl.jieshao .content2 .box1{position: relative;}

.appl.jieshao .content2 .box1 .swiper-pagination{width: 100%;  margin-top: 5px;}

.appl.jieshao .content2 .box1 .swiper-pagination-bullet{margin-right: 5px;}

.appl.jieshao .content2 .box1 .swiper-pagination-bullet-active{background: #00a0e9;}

.appl.jieshao .content2 .text, .content3 .text{font-size: 30px;color: #333;font-weight: bold;text-align: center; padding-bottom: 36px;}

.appl.jieshao .content2 .box1 li{float: left;    border-left: 1px solid #ebebeb;

    border-top: 1px solid #ebebeb;}

    .appl.jieshao .content2 .box1 li img{width: 100%;height: 100%;}

    .appl.jieshao .content2 .box1 li:nth-child(9),.appl.jieshao .content2 .box1 li:nth-child(10),    .appl.jieshao .content2 .box1 li:nth-child(11),    .appl.jieshao .content2 .box1 li:nth-child(12){border-bottom:1px solid #ebebeb;}

    .appl.jieshao .content2 .box1 li:nth-child(4),.appl.jieshao .content2 .box1 li:nth-child(8),.appl.jieshao .content2 .box1 li:nth-child(12){border-right: 1px solid #ebebeb;}

    .appl.jieshao .content3{padding-top: 61px;}

    .appl.jieshao .content3 .box1{margin-top: 29px;}

.appl.jieshao .content3 .box1 .list1{float: left;width: 25%;}

.appl.jieshao .content3 .box1 .list1:nth-child(1){padding-left: 0;}

.appl.jieshao .content3 .box1 .list1 .image{    margin: 0 auto;background: #fff;width: 159px;height: 159px;border-radius: 80px;text-align: center;line-height: 159px; overflow: hidden;}

.appl.jieshao .content3 .box1 .list1 .con{text-align: center; margin-top: 44px;padding: 0 9%;}

.appl.jieshao .content3 .box1 .list1 .con h3{font-size: 20px;color: #333;}

.appl.jieshao .content3 .box1 .list1 .con p{font-size: 14px;color: #888;    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;    line-height: 22px;}

    .appl.jieshao .content3 .box1 .list1:hover .image .image2{display: none;transition: .5s;}

    .appl.jieshao .content3 .box1 .list1:hover .image,.appl.jieshao .content3 .box1 .list1.on .image{ background: linear-gradient( #0e70b8, #30aec9);transition: .5s; }

    .appl.jieshao .content3 .box1 .list1:hover .image .image2{display: block;}

    .appl.jieshao .content3 .box1 .list1:hover .image1,.appl.jieshao .content3 .box1 .list1.on .image1{display: none;}

    /* Contact */

    .contact{padding: 52px 0 47px 0;}

.con-big{margin-bottom: 65px; background: white;padding-bottom: 65px;}

.con-one{height: 63px;border-bottom: solid 1px #ececec;padding: 0 28px;}

.con-one h3{font-size: 24px;color: #333;line-height: 62px;float: left;}

.con-one span{font-family: arial;font-size: 16px;color: #888;line-height: 62px;float: right;}

.con-two{padding: 70px 40px 60px 40px;}

.con-two ul{padding: 0 80px;margin-left: -230px;}

.con-two ul li{width: 165px;float: left;text-align: center;margin-left: 230px;}

.con-two .con-icon{position: relative;z-index: 4; background-repeat: no-repeat;background-position: center; width: 106px;height: 106px;border-radius: 50%;border: solid 1px #ccc;margin: 0 auto;}

.con-two .con-icon:after{position: absolute;content: '';width: 0%;height: 0%;background: linear-gradient( #30acc8, #2883b7);border-radius: 50%;left: 50%;top: 50%;z-index: 2;transition: all .5s;}

.con-two .con-icon:before{position: absolute;content: '';width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;z-index: 3;left: 0;top: 0;transition: all .5s;}

.con-two li h4{font-size: 16px;color: #929292;margin-top: 7px;}

.con-two li h5{font-size: 16px;color: #5e5e5e;font-family: arial;margin-top: 20px;}

.con-two li:hover h5{font-size: 18px;}

.con-two li h5.h5{font-size: 16px;}

.con-two li:hover .con-icon{border: none;}

.con-two .con-icon1:before{background-image: url(../images/con-icon1.png);}

.con-two .con-icon2:before{background-image: url(../images/con-icon2.png);}

.con-two .con-icon3:before{background-image: url(../images/con-icon3.png);}

.con-two li:hover .con-icon1:before{background-image: url(../images/con-icon1H.png);}

.con-two li:hover .con-icon2:before{background-image: url(../images/con-icon2H.png);}

.con-two li:hover .con-icon3:before{background-image: url(../images/con-icon3H.png);}

.con-two li:hover .con-icon:after{width: 100%;height: 100%;left: 0;top: 0;}

.con-three img{display: block;width: 100%;}

.con-four{padding: 38px 40px 0 40px;}

.con-four p{margin-left: -32px;height: 38px;margin-bottom: 29px;}

.con-four .text{width: 352px;height: 38px;border: solid 1px #e6eded;font-size: 14px;color: #888;padding-left: 15px;float: left;margin-left: 32px;}

.con-four textarea{height: 180px;padding: 10px 15px;border: solid 1px #e6eded;font-size: 14px;color: #888;margin-bottom: 29px;resize: none;width: 100%;}

.con-four .submit {transition: all .5s; width: 137px;height: 40px;border: solid 1px #e6eded;font-size: 14px;color: #888;text-align: center;line-height: 38px;outline: none;display: block;background: none;cursor: pointer;}

.con-four .submit:hover{ color: white;border: none;background: linear-gradient( #30acc8, #2883b7);}

  /* join */

  .appl.zhaopin{padding-bottom: 62px;}

  .main.hrBox { padding-top: 45px; overflow: hidden; }

  .hrBoxR {}

.hrBoxR .hrInfo { width: 100%; padding: 15px; border: 1px solid #e9e9e9; background-color: #FFF; margin-bottom: 18px; }

.hrBoxR .hrInfo .infoTitle { width: 100%; height: 50px; position: relative; cursor: pointer; }

.hrBoxR .hrInfo .infoTitle h4 { font-size: 18px; line-height: 20px; color: #333; }

.hrBoxR .hrInfo .infoTitle h6 { color: #9e9e9e; line-height: 14px; margin-top: 16px; }

.hrBoxR .hrInfo .infoTitle .time { position: absolute; right: 0; top: 0; font-size: 13px; color: #9e9e9e; }

.hrBoxR .hrInfo .infoTitle i { display: block; width: 30px; height: 17px; background: url(../images/hr_03.jpg) no-repeat center; position: absolute; right: 0; bottom: 0; }

.hrBoxR .hrInfo .infoTitle:hover i,.hrBoxR .hrInfo .infoTitle.active i { background: url(../images/hr_03_hover.png) no-repeat center; }

.hrBoxR .hrInfo .infoTitle:hover h4,.hrBoxR .hrInfo .infoTitle.active h4{color: #30acc8;}

.hrBoxR .hrInfo .hrInfos { padding-bottom: 31px; display: none; }

.hrBoxR .hrInfo .hrInfos.on{display: block;}

.hrBoxR .hrInfo .hrInfos .line { width: 100%; height: 1px; background-color: #e2e2e2; margin-top: 20px; }

.hrBoxR .hrInfo .hrInfos h5 { margin-top: 30px; margin-bottom: 10px; padding-left: 15px; font-size: 18px; line-height: 28px; color: #535353; }

.hrBoxR .hrInfo .hrInfos p { padding-left: 15px; line-height: 28px; font-size: 14px; color: #9e9e9e; }

.hrBoxR .hrInfo .hrInfos a{display: block;color: #fff;background: linear-gradient(#30acc8,#2884b8);width: 140px;height: 40px;line-height: 40px;text-align: center;margin-left: 15px; margin-top: 36px;transition: .5s;}

.hrBoxR .hrInfo .hrInfos a:hover{background: linear-gradient(#2884b8,#30acc8);}

/* Product Center */

.appl.product{}

.appl.product .content{padding-bottom: 28px;}

.appl.product .content a{margin-bottom: unset; border-bottom: unset;margin-right: unset;float: unset;}

.appl.product .in2a{position: relative; width: 31.66%;overflow: hidden; float: left; margin-right: 2.5%; margin-bottom: 32px;}

.appl.product .in2a .image{width: 100%;height: 100%;overflow: hidden;background: #fff;}

    .appl.product .in2a .back{position: absolute;  opacity: .9;

        width: 100%;

        height: 100%;

        background-size: cover;

        box-shadow: 0 0 50px 1px rgba(0, 0, 0, 0.2);

        -webkit-backface-visibility: hidden;

        backface-visibility: hidden;

        padding:130px 0;

        transform-style: preserve-3d;

        transform: rotateY(-180deg);

        transition: ease-in-out 600ms;

        overflow: hidden; display: none; background: linear-gradient(120deg,#2e68ae, #3db7cd);width: 100%;}

    .appl.product .in2a .image .image1{width: 84%;overflow: hidden; margin: 0 auto;  }

    .appl.product .in2a .image .title1{width: 100%;font-size: 18px;color: #333;text-align: center;padding: 36px 0; display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 1;

        overflow: hidden;}

    .appl.product .in2a .image .imgg{ border-bottom: 1px solid #f2f2f2;width: 100%;}

    .appl.product .content a{display: block;width: unset;}

    .appl.product .in2a:nth-child(3), .appl.product .in2a:nth-child(6), .appl.product .in2a:nth-child(9){margin-right: 0;}

    .appl.product .in2a:hover .back{display: block;}

   



    .appl.product .in2a .back span{

    font-size: 20px;

    color: #ffffff;

    font-weight: bolder;

    width: 70%;

    margin: 0 auto;

    text-align: center;

    display: block;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

}



.appl.product .in2a .back p{

    font-size: 16px;

    color: #ffffff;

    width: 80%;

    margin: 0 auto;

    text-align: center;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

    padding-top: 40px;

    line-height: 24px;

}



.appl.product .in2a .back img{

    display: block;

    margin: 0 auto;

    text-align: center;

    padding-top: 64px;

}



.appl.product .in2a.on .back{

    transform: rotateY(0deg);

}

/* News core */

.appl.new .content{padding-top: 0;    padding-bottom: 77px;}

.appl.new .content a{ padding: 50px 0; width: 100%;float: unset;margin-right: unset;margin-bottom: unset;border-bottom: 1px solid #e2e2e2;}

.appl.new .content .newa li.left{

    width: 30%;

    height: 220px;

    overflow: hidden;

    float: left;

}

.appl.new .content .newa li.right{float: right;width: 70%; padding: 45px 0 0 50px;}





.appl.new .content .newa span{

    font-size: 18px;

    color: #333333;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

    transition: .5s;

}



.appl.new .content .newa p{

    font-size: 14px;

    color: #888888;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    padding-top: 10px;

    width: 100%;

    transition: .5s;

    line-height: 24px;

}



.appl.new .content .newa :hover {

    color: #00a0e9;

}





.appl.new .content .newa img {

    transition: .6s;

    width: 100%;

}



.appl.new .content a:hover img{

    transform: scale(1.1);

}



.appl.new .content .newa h4 {

    font-size: 14px;

    color: #888888;

    background: url(../images/in5-new2.png)no-repeat left 40px;

    padding-left: 22px;

    padding-top: 40px;

}

/* product details */

.appl.product-more{padding-bottom: 0;}

.appl.product-more .content{padding-bottom: 0;}

.product-more .box1{

    width: 100%;

    padding: 0 40px 40px;

}



.product-more .box1 .left {

    float: left;

    width: 35.8%;

    background: #fff;

}



.product-more .box1 .right {

    float: right;

    width: 58.95%;

}



.product-more .box1 .right h3 {

    font-size: 24px;

    color: #333333;

    font-weight: bold;

    margin-top: 30px;

}

.product-more .box1 .right p.no{background: none;padding-left: unset;    padding-top: 20px;}

.product-more .box1 .right .hr{width: 100%;height: 1px;background: #e3e3e3; margin-bottom: 35px;}

.product-more .box1 .right p{

    font-size: 14px;

    color: #666666;

    line-height: 20px;

    padding-bottom: 30px;

    background: url(../images/p-ba.png)no-repeat left top 8px;

    padding-left: 20px;

}



.product-more .box1 .right span {

    float: left;

    font-size: 14px;

    color: #666666;

}



.product-more .box1 .right .news-share {

    margin-top: 40px;

}

.appl.product-more .box1 .right a{color: #fff; width: unset;border-bottom: none;width: 129px;height: 39px;text-align: center;line-height: 39px;background: linear-gradient(90deg,#00a0e9,#0082e4);}

.product-more .box2{background: #fff;    padding-top: 52px;}

.product-more .box2 .al-img{margin-top: 46px;}

.product-more .box2 .title{font-size: 24px;color: #333;padding-bottom: 20px;border-bottom: 1px solid #e5e5e5;}

.product-more .box2 .al-img .img{float: left;margin-right: 34px;    width: 48.58%;    margin-right: 2.83%;}

.product-more .box2 .al-img .img img{width: 100%;}

.product-more .box2 .al-img .img:last-child{margin-right: 0;}

.appl.product-more .content .box2 a{border-bottom: none;width: unset;}

.product-more .detailPage {

    width: 100%;

    height: 102px;

    line-height: 102px;

    margin: 0 auto;

    margin-top: 70px;

    border-top: 1px solid #e5e5e5;

}

.product-more .detailPage .main{position: relative;}

.product-more .detailPage .detailPageL,

.product-more .detailPage .detailPageR {

    top: 0;

    -webkit-transition: 0.5s;

    -ms-transition: 0.5s;

    -moz-transition: 0.5s;

    -o-transition: 0.5s;

    transition: 0.5s;

}



.product-more .detailPage .detailPageL {

    float: left;

    font-size: 14px;

    color: #666666;

}



.product-more .detailPage .detailPageR {

    float: right;

    font-size: 14px;

    color: #666666;

    right: 0;

}



.product-more .detailPage .detailPageL:hover,

.product-more  .detailPage .detailPageR:hover,

.product-more .detailPage .detailPageC:hover {

    color: #169af6;

}



.product-more .detailPage .detailPageC {

    text-align: center;

    width: 96px;

    margin: 0 auto;

    font-size: 14px;

    color: #666666;

    transition: .5s;

}

.appl.product-more .content .detailPage a{margin-bottom: 0;}

/*  fangdajing  */

.spec-preview {

    width: 100%;

    height: 384px;

    border-bottom: 1px solid #ebebeb;

}



.jqzoom {

    float: left;

    position: relative;

    cursor: pointer;

    display: block;

 

    overflow: hidden;

    width: 100%;

    height: 100%;

}



.jqzoom img {

    width: 100%;

    height: 100%;

}



.spec-scroll {

    width: 100%;

    margin-top: 15px;

    position: relative;

    margin-bottom: 16px;

}



.spec-scroll .items {

    position: relative;

    height: 116px;

}



.spec-scroll #itemsUl {

    width:72.5%;

    margin: 0 auto;

    overflow: hidden;

}



#itemsUl li {

    float: left;

    width: 98%;

    height: 116px;

    text-align: center;

    margin-left: 8px;

    border: 1px solid #f8f8f8;

    cursor: pointer;

    transition: all .5s;

}

#itemsUl li.on{border:1px solid #169af6;}



#itemsUl li:hover {

    border: 1px solid #169af6;

}



#itemsUl li:first-child {

    margin-left: 0;

}



#itemsUl li img {

    width: 100%;

    height: 100%;

}





.zoomdiv {

    z-index: 100;

    position: absolute;

    top: 0px;

    left: 0px;

    width: 365px;

    height: 300px;

    background: #ffffff;

    display: none;

    text-align: center;

    overflow: hidden;

    border: 1px solid #ECECEC;

}



.jqZoomPup {

    z-index: 10;

    visibility: hidden;

    position: absolute;

    top: 0px;

    left: 0px;

    width: 40% !important;

    height: 40% !important;

    border: 1px solid #aaa;

    background: #ffffff;

    opacity: 0.5;

    -moz-opacity: 0.5;

    -khtml-opacity: 0.5;

    filter: alpha(Opacity=50);

}



.pro-mo-prev {

    background: url(../images/left.png)no-repeat center;

    width: 17px;

    height: 31px;

    display: block;

    top: 60%;

    left: 5%;

}



.pro-mo-next {

    background: url(../images/right.png)no-repeat center;

    width: 17px;

    height: 31px;

    display: block;

    top: 60%;

    right: 5%;

}



.pro-mo-next:hover {

    background-image: url(../images/rightH.png);

}



.pro-mo-prev:hover {

    background-image: url(../images/leftH.png);

}

/*kefu*/



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

.kf-shqi .m-icon{display: block;margin:0 auto;width: 30px;height: 30px;border-radius: 50%;text-align: center;line-height: 30px;color: #fff;font-size: 14px;background:#018fd7;opacity:.7;cursor: pointer;transform: rotate(45deg);transition:all 0.3s;}

.kf-shqi .m-icon:hover{opacity: 1;}

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

.gr_kefu{display: none;position:fixed;width:50px;height:154px;right:0;top:50%;margin-top: -77px;z-index:100;}

.gr_kefu ul li{width:50px;height:50px;position:relative;margin-bottom:1px;font-size:14px;line-height:50px;}

.gr_kefu ul li .sidebox{position:absolute;width:50px;height:50px;top:0;right:0;transition:all 0.3s;color:#fff;background:#1c86f3;overflow:hidden;opacity:.7;}

.gr_kefu ul li.kf2 .sidebox{overflow:visible;}

.gr_kefu ul li .sidebox:hover{opacity:1;}

.gr_kefu ul li .sidebox3{font-size:16px;}

.gr_kefu .kf-icon{display: inline-block;width: 50px;height: 50px;font-size: 26px;text-align: center;line-height: 50px;}

.gr_kefu .kf_wx{ position:absolute; top:0;left:-140px;width:140px;display:none;background:#fff;border:1px solid #dadada;padding:14px;line-height:20px;color:#333;text-align:center;display:none;}

.gr_kefu .kf_wx img{ display:block;width:110px; height:110px;margin-bottom:5px;float:none;}

.gr_kefu .qq{height:0;position:relative;z-index:2;}

.gr_kefu .qq .sidebox{border:1px solid #78be21;height:auto;border-radius:5px 0 0 5px;width:140px;background:#fff;opacity:1;bottom:-50px;top:auto;text-align:center;padding-bottom:5px;right:-150px;}

.gr_kefu .qq h5{height:35px;line-height:35px;background:#78be21;font-weight:normal;color:#fff;font-size:14px;padding:0 10px;text-align:left;margin-bottom:10px;}

.gr_kefu .qq h5 i{float:right;cursor:pointer;transition:all 0.3s;position:relative;z-index:5;}

.gr_kefu .qq h5 i:hover{transform: rotate(90deg);}

.gr_kefu .qq  a{display:block;height:32px;line-height:32px;border-radius:18px;border:1px solid #78be21;margin:5px 15px}

.gr_kefu ul{ display:none;}

.page .zz {display:none;}

    @media  (max-width: 767px) {

	.hrBox{padding: 30px 15px;}

	.hrBoxR{width: 100%;margin-top: 0px;}

	.hrBoxR .hrInfo{padding: 10px;margin-bottom: 15px;}

	.hrBoxR .hrInfo .infoTitle h6{margin-top: 10px;}

	.hrBoxR .hrInfo .infoTitle i{bottom: 5px;}

	.hrBoxR .hrInfo .hrInfos h5,.hrBoxR .hrInfo .hrInfos p{padding-left: 0;}

	.hrBoxR .hrInfo .hrInfos .line{margin-top: 10px;}

	.hrBoxR .hrInfo .hrInfos h5{margin: 10px 0;}

	.hrBoxR .hrInfo .hrInfos p{line-height: 24px;}

}



.bottom {

    background-color: #1e1e1e;

    padding-top: 100px;

    border-bottom: 1px solid #303030;

    padding-bottom: 100px;

}



.bottom .bottom-left li {

    float: left;

    padding-right: 45px;

}



.bottom .bottom-left li a {

    display: block;

    font-size: 14px;

    color: #888888;

    line-height: 32px;

    transition: .5s;

}



.bottom .bottom-left li a:hover {

    color: #ffffff;

}



.bottom .bottom-left li a:first-child {

    font-size: 16px;

    color: #ffffff;

    padding-bottom: 20px;

}



.bottom .bottom-right {

    float: right;

    color: #ffffff;

    font-size: 14px;

    padding-top: 4px;

}



.bottom .bottom-right .text1 {

    font-size: 24px;

    background: url(../images/bot-phone.png)no-repeat left;

    padding-left: 33px;

    line-height: 40px;

    font-family: 'ssi';

}



.bottom .bottom-right .text2 {

    background: url(../images/bot-email.png)no-repeat left;

    padding-left: 33px;

    line-height: 40px;

}



.bottom .bottom-right .text3 {

    background: url(../images/bto-addres.png)no-repeat left;

    padding-left: 33px;

    line-height: 25px;

    width: 340px;

}



.bottom .bottom-right .title {

    font-size: 16px;

    color: #ffffff;

    padding-bottom: 29px;

}



.bottom-last {

    background-color: #1e1e1e;

    padding: 22px 0;

    position: relative;

}

.bottom-last .friend-link a{

margin-right: 10px;

}

.bottom-last .friend-link a:hover{

    color: #00a0e9;

}

.bottom-last a {

    font-size: 14px;

    color: #888888;

    transition: .5s;

}



.bottom-last a:hover {

    color: #ffffff;

}



.bottom-last .last1 {

    float: left;

}



.bottom-last .last2 {

    float: right;

}



.bottom-last .last2 a:last-child {

    /* padding-left: 20px; */

}

.bottom-last .friend-link{

    display: none;

    position: absolute;

    bottom: 100%;

    left: 0;

    width: 100%;

    background: #f7f7f7;

    padding: 15px 0;

    z-index: 20;

    line-height: 1.5;

}

.bottom-last .last2 .footer-friend:hover .friend-link{

    display: block;

}

.bottom-last .footer-friend{

    float: right;

    margin-left: 24px;

}

.bottom-last .footer-friend .you{

    padding: 26px 0;

}

/* 手机底部 */

.foot-app {

    width: 100%;

    background: #1e1e1e;

    padding: 0 15px;

    display: none;

}



.footer-tit {

    position: relative;

    border-bottom: 1px solid #888888;

}



.open .footer-tit a {

    color: #00a0e9;

}



.footer-tit a {

    font-size: 16px;

    color: #888888;

    line-height: 40px;

    margin-right: 48px;

    display: block;

}



.footer-tig {

    font-size: 14px;

    color: #888888;

    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: #888888;

    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;

}

.kefu{display:none}

.footer-item.open .footer-tig::after {

    opacity: 0;

}



.footer-item.open .footer-tig::before {

    background: #00a0e9;

}



.footer-cont {

    display: none;

    border: solid 1px #303030;

    border-top: 0;

    padding: 0 15px;

}



.footer-cont a {

    line-height: 40px;

    color: #888888;

    display: block;

    font-size: 14px;

    border-bottom: dashed 1px #888888;

}



.footer-cont a:last-child {

    border: none;

}



.footer-item.open .footer-cont a.active {

    color: #00a0e9;

}



.footer-top {

    padding: 30px 0;

}



.footer-top .footer-right p:first-child {

    background: url(../images/bot-phone.png)no-repeat left;

    padding-left: 35px;

}



.footer-top .footer-right p:nth-child(2) {

    background: url(../images/bot-email.png)no-repeat left;

    padding-left: 35px;

}



.footer-top .footer-right p:last-child {

    background: url(../images/bto-addres.png)no-repeat left;

    padding-left: 35px;

}



.footer-left {

    width: 30%;

    float: right;

}



.footer-left img {

    display: block;

    width: 100%;

}



.footer-right {

    width: 65%;

    float: left;

}



.footer-right p {

    font-size: 14px;

    color: #888888;

    line-height: 26px;

}



.footer-bot {

    padding: 20px 0;

    border-top: solid 1px #303030;

}



.footer-bot1 {

    float: left;

}



.footer-bot p,

.footer-bot p a {

    font-size: 14px;

    color: #888888;

    line-height: 22px;

}



.footer-link,

.footer-link a {

    line-height: 26px;

    font-size: 14px;

    color: #888888;

}



.footer-link {

    overflow: hidden;

    text-align: center;

}



.footer-bot2 {

    float: right;

}



.footer-link a {

    display: inline-block;

    margin-right: 15px;

}

.footer-link .friend-link a{

    margin-right: 9px;

}

.footer-link span {

    float: left;

}



.footer-link a:hover {

    color: #00a0e9;

}

.bd_weixin_popup{height: 320px!important;}

@media(max-width:1440px) {

    .container {

        width: 1200px;

    }

  

    .in3a .default p {

        padding-bottom: 0;

    }



    .in2 .in2a {

        width: 31%;

        height: 461px;

    }



    .in3a {

        height: 290px;

    }



    .in2 .back {

        width: 100%;

        height: 100%;

    }



    .in2 .back img {

        padding-top: 80px;

    }



    .in3 .image {

        margin-top: -110px;

    }



    .in3a .default {

        width: 296px;

        height: 289px;

    }



    .in3a .hover {

        width: 313px;

        height: 378px;

        top: -48px;

    }



    .in3a .hover img {

        padding-top: 95px;

    }



    .in3a .default img {

        padding-top: 45px;

    }



    .in4 .logoswiper-partner li {

        width: 20%;

        height: 100%;

        padding: 0 20px;

    }



    .in5 .in5-new .in5-newa li:first-child {

        width: 288px;

        height: 176px;

    }



    .in5 .in5-new .in5-newa h4 {

        background: url(../images/in5-new2.png)no-repeat left 18px;

        padding: 18px 20px;

    }



    .in5 .in5-new .in5-newa li:last-child {

        padding: 34px 0 33px 50px;

        width: 76%;

    }



    .bottom .bottom-left li {

        padding-right: 37px;

    }

}



@media(max-width: 1260px) {

    .container{

        width: 1005px;

    }

    .main{width: 1000px;}

    .honor-list{width: 100%; margin: 0 30px auto;}

.honor-list li{    width: 30%;}

.honor-list li a{    width: 100%;}

.list .lista{padding: 0 28%;}

    .in-swip .title{

        font-size: 24px;

    }

    .in-swip .title span{

        font-size: 32px;

    }

    .top2-all .top2-bu a {

        margin-left: 28px;

    }



    .in1a .text {

        padding-left: 18px;

    }



    .in2 .in2a {

        width: 30.8%;

        height: 352px;

    }



    .in2 .image1 {

        width: 292px;

    }



    .in2 .back {

        padding: 90px 0 95px 0;

        width: 100%;

        height: 352px;

    }



    .in2 .image {

        padding: 24px 0;

    }

    .in2 .in2a .back{ padding: 86px 0 89px 0;}

    .in2 .back img {

        padding-top: 40px;

    }

    .in2 .back p{ padding-top: 30px;}

    .in2 .image .title1 {

        padding-bottom: 12px;

    }

    .in3a{

        height: 252px;

    }

    .in3a .default {

        width: 246px;

        height: 240px;

    }



    .in3a .default span {

        padding-top: 35px;

    }



    .in3a .default img {

        padding-top: 36px;

    }



    .in3a .hover {

        width: 260px;

        height: 315px;

        top: -35px;

    }



    .in3a .hover img {

        padding-top: 80px;

    }



    .in3a .hover span {

        padding-top: 36px;

    }



    .in4 .logoswiper-partner li {

        width: 20%;

        height: 100%;

        padding: 0 20px;

    }



    .in5 .in5-new .in5-newa li:first-child {

        width: 240px;

        height: 146px;

    }



    .in5 .in5-new .in5-newa li:last-child {

        padding: 18px 0 37px 50px;

    }



    .in5 .in5-new .in5-newa h4 {

        padding: 18px 20px 0px 20px;

    }



    .bottom .bottom-left li {

        padding-right: 5px;

    }

    .bottom .bottom-right .text3

    {

        width: 210px;

    }

    .in3 .title {

        margin-top: -70px;

    }



    .in3 .text .line {

        margin-top: 10px;

    }



    .in3 .text p {

        margin-top: 20px;

    }



    .in3 .text a {

        margin-top: 36px;

    }



    .in2.in5 .title h2 {

        padding-bottom: 20px;

    }



    .in2 .title {

        padding: 66px 0 60px 0;

    }



    .in5 .in5-new .in5-newb .title {

        padding: 0 0 0px 20px;

    }

    .appl.jieshao .content2 .box1 li{width: 25%; height: 133px;display: flex;}

    .con-two ul{padding: 0;margin-left: unset;}

    .con-two ul li{width: 33%;margin-left: 0;}

    .con-four .text{    width: 29.97%;}

    .spec-scroll .items{height: 92px;}

    #itemsUl li{height: 92px;}

    .product-more .box1 .right p{ padding-bottom: 24px;}

    .product-more .box1 .right .hr{ margin-bottom: 32px;}

    .newsDetail .newsTitleBox .fx{

        width: 20%;}

}



@media (max-width: 1100px){.honor-list{width: 100%; margin: 0 30px auto;}

.honor-list li{    width: 30%;}

.honor-list li a{    width: 100%;}

.list .lista{padding: 0 28%;}

.appl.jieshao .content2 .box1 li{height: 113px;}

.product-more .box1{    padding: 0 20px 40px;}

}



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



@media(max-width:1025px) {



    .top1,

    .top2,

    .bottom,

    .bottom-last {

        display: none !important;

    }

    /* .top-swip */

    .header-app,

    .foot-app,

    .banner-app {

        display: block;

    }



    .container {

        width: 768px;

    }

.main{width: 768px;}

    .kf{display:block;}

    .app-swip {

        display: block;

        margin-top: 60px;

    }



    .top-swip {

        display: none;

    }



    .in1 .in1a {

        width: 50%;

        padding: 0 65px;

    }



    .in2 .in2a:hover .back {

        display: none !important;

    }

.in2 .back{

    display: none !important;

}

    .in3a:hover .hover {

        display: none;

    }



    .in4 .logoswiper-partner li {

        width: 20%;

        height: 100%;

        padding: 0 10px;

    }



    .in3 .image {

        /* width: 428px;

    height: 370px; */

        margin-top: -80px;

    }



    .in3a {

        width: 25%;

        height: 190px;

    }

    .in3a .default p{

        font-size: 13px;

    }

    .in5 .in5-new .in5-newa li:first-child {

        width: 100%;

        height: auto;

        max-height: 300px;

    }



    .in5 .in5-new .in5-newa h4 {

        padding: 8px 20px 20px 20px;

        background: url(../images/in5-new2.png)no-repeat left 8px;

    }



    .in5 .in5-new .in5-newa p {

        padding-top: 3px;

    }



    .in5 .in5-new .in5-newa li:last-child {

        padding: 18px 0 0px 10px;

        width: 100%;

        margin-top: 10px;

    }



    .in5 .in5-new .in5-newb a:first-child {

        width: 79px;

        height: 35px;

        line-height: 36px;

    }



    .in5 .in5-new .in5-newb li {

        padding: 28px 0;

    }



    .in2 .title {

        padding: 80px 0 30px 0;

    }



    .in2.in5 .title h2 {

        padding-bottom: 40px;

    }



    .in3a .default span {

        padding-top: 15px;

    }



    .in3a .default img {

        padding-top: 20px;

    }



    .in3a .default {

        width: 192px;

        height: 187px;

    }



    .in3a .hover {

        width: 192px;

        height: 233px;

        top: -25px;

        display: none !important;

    }



    .in3a .hover img {

        padding-top: 40px;

    }



    .in3a .hover span {

        padding-top: 20px;

    }



    .in2 .back {

        width: 242px;

        height: 307px;

        padding: 76px 0 95px 0;

    }



    .in2 .in2a {

        width: 31.5%;

        height: 307px;

        margin-right: 21px;

    }



    .in2 .image1 {

        width: 100%;

    }

    .honor-list li{width: 46%;}

    .honor-list{height: 100%;    margin: 0 20px auto;}

    .honor-list li.r.l{ margin-right: 17px;}

    .list .lista{    padding: 0 20%;}

    .top3 .cover .text{ padding-top: 15%;}

    .appl.jieshao .content2 .box1 li{height: 90px;    display: flex;}

    .appl.jieshao .content3 .box1 .list1{width: 50%;}

    .newsDetail .newsTitleBox .fx{width: 25%;}

    .con-four .text{margin-left: 3.3%;}

    .appl.new .content .newa li.left{height: unset;}

    .appl.new .content .newa li.right{ padding: 0px 0 0 30px;}

    .appl.new .content a{ padding: 40px 0;}

    .spec-preview{height: 300px;}

    .product-more .box1 .right .hr{ margin-bottom: 20px;}

    .product-more .box1 .right p{ padding-bottom: 10px;}

    .product-more .detailPage .detailPageC{ width: 100px;}

    .appl.product .in2a:hover .back{display: none;}

    .zoomdiv,.jqZoomPup{display: none!important;}



}



@media(max-width:768px) {

    .container {

        width: auto;

        padding: 0 15px;

    }

.main{width: auto;padding: 0 15px;}

    .in2 .in2a {

        width: 30.8%;

        margin-right: 22px;

        height: 270px;

    }



    .in3 .title {

        margin-top: -38px;

        position: static;

        display: block;

        text-align: center;

        /* font-size: 30px; */

    }



    .in5 .in5-new .in5-newa li:last-child {

        padding: 14px 0 11px 28px;

    }



    .in2 .title{

        padding: 66px 0 30px 0;

    }



    .in2.in4{

        padding-bottom: 70px;

    }

 

    .in2.in5 {

        padding-bottom: 68px;

    }



    .in3 .text a {

        margin: 0 auto;

        margin-top: 16px;

    }



    .in2 .image {

        padding: 16px 0;

    }



    .in2 .in2a:hover .back {

        display: none;

    }



    .in3a:hover .hover {

        display: none;

    }



    .in3 .text {

        width: 100%;

    }



    .in3 .text .line {

        margin: 0 auto;

        margin-top: 22px;

    }



    .in3 .image {

        width: 100%;

        height: auto;

        margin-top: 20px;

    }



    .in3a {

        height: 187px;

        border: 1px solid #e9e9e9;

        border-right: none;

    }



    .in3a a {

        border: none;

    }



    .in3a .default {

        width: unset;

        height: unset;

    }



    .in4 .logoswiper-partner li {

        width: 20%;

        height: 100%;

    }



    .in1 .in1a {

        padding: 0 56px;

    }



    .in2 {

        padding-bottom: 100px;

        position: static;

    }



    .in2 .back {

        width: 100%;

        height: 100%;

        display: none !important;

    }



    .in1 .in1a {

        padding: 0 36px;

    }



    .in5 .in5-new .in5-newa h4 {

        padding: 8px 20px 10px 20px;

    }



    .in5 .in5-new .in5-newb .title {

        padding: 0 0 0px 20px;

    }



    .in2.on {

        padding-bottom: 60px;

    }

    .top3 .cover .text{ padding-top: 17%;}

    .newsDetail .newsTitleBox .fx{width: 27%;}

    .msg-box{width: 650px;left: 63%;}

}



@media(max-width:640px){

.gotop{float: left; width: 50px;height: 50px;background: rgba(0,0,0,0.5);line-height: 50px;text-align: center;color: white;margin: 0 1px;}

.kf {display:block;}

.kefu{height: 50px;position: fixed;right: 0;bottom: 0;z-index: 33;display: block;}

.kefu a{display: none; float: left; width: 50px;background: rgba(0,0,0,0.5);line-height: 50px;text-align: center;color: white;font-size: 24px;margin: 0px 1px;}

.kefu a i,.gotop i{font-size: 20px;}

.kf-act{float: left; position: relative; width: 50px;height: 50px;background: rgba(0,0,0,0.5);margin: 0px 1px;}

.kf-act::after{position: absolute;content: '';width: 15px;height: 2px;background: white;left: 17.5px;top: 24px;}

.kf-act::before{position: absolute;content: '';width: 2px;height: 15px;background: white;top: 17.5px;left: 24px;}

.kf-act.on::before{display: none;}



    .gr_kefu {

        display: none !important;

    }

    .container {

        width: auto;

        padding: 0 10px;

    }

    .main{width: auto;padding: 0 10px;}

    .in1 .in1a .text p{

        line-height: 1;

    }

    .in2 .title p {

        width: 91%;

        padding-bottom: unset;

    }



    .in2 .in2a {

        width: 100%;

        margin-right: 10px;

        height: 100%;

        padding-bottom: 20px;

    }



    .in2 .in2a:hover .back {

        display: none;

        width: 100%;

        height: 100%;

        padding: 88px 0 95px 0;

    }



    .in2 .back p {

        width: 72%;

        padding-top: 86px;

    }



    .in2 {

        padding-bottom: 30px;

        position: static;

        background-size: cover;

    }



    .in4 .logoswiper-partner li {

        width: 50%;

        height: 100%;

        margin-left: 0;

        padding: 0 5px;

    }



    .in4 .logoswiper-partner a {

        display: block;

    }



    .in3a {

        padding: 0;

        width: 50%;

        height: 194px;

        border: none;

    }



    .in3a-all {

        /* padding: 0 60px; */

    }



    .footer-right {

        width: 94%;

    }



    .in5 .in5-new .in5-newa li:first-child {

        width: 100%;

        height: auto;

    }



    .in5 .in5-new .in5-newa li:last-child {

        width: 100%;

        padding: 5px 0 5px 7px;

        margin-top: 10px;

    }



    .in5 .in5-new .in5-newa p {

        padding-top: 4px;

    }



    .in5 .in5-new .in5-newa h4 {

        padding: 6px 20px 0px 20px;

        background: url(../images/in5-new2.png)no-repeat left 6px;

    }



    .in5 .in5-new .in5-newb a:first-child {

        width: 20%;

    }



    .in5 .in5-new .in5-newb .title {

        width: 80%;

        padding: 0 0 0px 20px;

    }



    .in5 .in5-new .in5-newb li {

        padding: 12px 0;

    }



    .in2.in5 {

        padding-bottom: 30px;

    }



    .in2.in5 .title h2 {

        padding-bottom: 0px;

    }



    .in2 .title {

        padding: 30px 0 30px 0;

    }



    .in2.in4 {

        padding-bottom: 60px;

    }



    .in2.on {

        padding-bottom: 60px;

    }



    .footer-bot2 {

        float: unset;

        text-align: center;

    }



    .footer-top {

        padding: 20px 0;

    }



    .in1 .in1a .text span {

        font-size: 40px;

    }



    .in1a .image {

        width: 43px;

        height: 43px;

    }



    .in1a .image img {

        width: 100%;

    }



    .in1 .in1a {

        padding: 0;

    }



    .in1a .text {

        width: 69%;

    }



    .in3 .title {

        position: static;

        display: block;

        text-align: center;

        font-size: 30px;

        margin-top: 14px;



    }



    .in3 .text a {

        margin: auto;

        margin-top: 30px;

        width: 120px;

        height: 38px;

        line-height: 38px;

    }



    .in2 .image1 img {

        width: 60%;

    }



    .in2 .image {

        position: static;

        padding-top: 20px;

    }



    .in3 .text .line {

        margin: 0 auto;

        margin-top: 22px;

    }



    .in3a .default {

        width: 100%;

        height: 100%;

    }



    .in3a:hover .hover {

        display: none;

    }



    .in2 .title h2 {

        font-size: 30px;

    }



    .in5 .in5-new .in5-newb span {

        font-size: 16px;

    }



    .in5 .in5-new .in5-newa span {

        font-size: 16px;

    }



    .in3a a {

        width: unset;

        height: 100%;

        border: 1px solid #e9e9e9;

    }

    .honor-list li{width: 100%;}

    .honor-list{margin: 0;}

    .honor-list li a {

        width: 96%;

        margin: 0 auto;

    }

    .honor-box{padding: 20px;}

    .list .lista{    padding: 0;}

    .list a{margin-right: 0;}

    .top3 .cover .text {

        padding-top: 42%;

    }

    .appl.jieshao .content1 .box2 .image{width: 100%;float: unset;margin-right: unset;margin-bottom: 10px;}

    .appl.jieshao .content2 .box1 li{width: 50%;    display: flex;}

    .appl.jieshao .content2 .box1 li:nth-child(2), .appl.jieshao .content2 .box1 li:nth-child(6), .appl.jieshao .content2 .box1 li:nth-child(10){border-right: 1px solid #ebebeb;}

    .appl.jieshao .content3 .box1 .list1{width: 100%;float: unset;    margin-bottom: 10px;}

    .appl.shipin .content a{width: 100%;float: unset;margin-right: unset;}

    .appl .content a{width: 100%;float: unset;margin-right: unset; margin-bottom: 30px;}

    .newsDetail .newsTitleBox .fx{width: 40%;}

    .newsDetail .newsTitleBox span{float: unset;width: 100%;}

    .news-share{float: unset;display: inline-flex;}

    .newsDetail .newsDetails{ padding: 0 10px; padding-bottom: 20px;}

    .newsDetail .detailPage .detailPageL{padding-left: 0;width: 100%;}

    .newsDetail .detailPage .detailPageR{padding-right: 0;width: 100%;}

    .main.hrBox{width: 100%;}

    .hrBoxR .hrInfo .hrInfos a{ margin: 0 auto; margin-top: 30px;}

    .con-four .text{ width: 100%;margin-bottom: 10px; margin-left: 6%;}

    .con-four textarea{ width: 114%; margin-left: -16px; height: 120px;}

    .con-two ul li{width: 100%;float: unset; margin-bottom: 20px;}

    .con-four .submit{margin: 0 auto; background:linear-gradient( #30acc8, #2883b7);color: #fff}

    .appl.new .content a{ padding: 25px 0;}

    .appl.new .content .newa li.left{float: unset;width: 100%;}

    .appl.new .content .newa li.right{padding: 0 10px;width: 100%;float: unset;    margin-top: 20px;}

    .appl.new .content .newa h4{ padding-top: 16px; background: url(../images/in5-new2.png)no-repeat left 16px;}

    .appl.new .content .newa p{-webkit-line-clamp: 1;}

    .product-more .box1 .left{width: 100%;float: unset;}

    .spec-scroll{padding-bottom: 16px;}

    .appl.product-more .box1 .right a{margin: 0 auto;margin-top: 15px;}

    .product-more .box1 .right{float: unset;width: 100%;}

    .product-more .box2 .al-img .img{width: 100%;float: unset;margin-bottom: 20px;}

    .newsDetail .detailPage,.product-more .detailPage{position: static;line-height: 28px;height: unset; margin-top: 10px;}

    .product-more .detailPage{ padding: 10px 0;}

    .newsDetail .detailPage .detailPageL, .newsDetail .detailPage .detailPageR,.product-more .detailPage .detailPageL, .product-more .detailPage .detailPageR{position: static;display: block;float: unset;}

    .newsDetail .detailPage .detailPageC,.product-more .detailPage .detailPageC{width: 100%;text-align: center;    float: unset;

        margin-left: unset;}

    .newsDetail .detailPage .detailPageL,.product-more .detailPage .detailPageL{padding-left: unset;text-align: center;}

    .newsDetail .detailPage .detailPageR,.product-more .detailPage .detailPageR{padding-right: unset;text-align: center;}

    #itemsUl li{height: 100px;}

    .appl.product .in2a{width: 100%;}

    .top4-head{display: block;}

    .top4{display: none;}

    .appl.jieshao .content2{ padding-top: 30px;    padding-bottom: 40px;}

    .appl.jieshao .content1{padding-bottom: 30px;}

    .appl.jieshao .content3{padding-top: 30px;}

    .appl.jieshao .content3 .box1{ margin-top: 0;}

    .appl.jieshao{ padding-top: 40px; padding-bottom: 40px;}

    .con-big{margin-bottom:0; padding-bottom: 30px;}

    .con-two{padding:50px 26px 30px 26px;}

    .appl.zizhi{padding-bottom: 50px;}

    .appl.zhaopin{padding-bottom: 30px;}

    .appl.shipin .content{padding-bottom: 10px;}

    .appl.shipin{padding-bottom: 30px;}

    .list{line-height: 50px;}

    .list .prev,.list .next{margin-top: 16px;}

    .appl .content a .text{    padding: 35px 0 30px 0;}

    .appl{padding-bottom: 30px;}

    .appl.xq{padding-bottom: 30px;}

    .newsDetail{ padding-bottom: 20px; padding-top: 50px;}

    .appl.new .content{padding-bottom: 30px;}

    .product-more .box2 .title{text-align: center; padding-bottom: 10px;}

    .product-more .box2{ padding-top: 30px;}

    .product-more .box2 .al-img{margin-top: 30px;}

    .appl.product-more{padding-bottom: 30px;}

    .appl.product .content{padding-bottom: 0; padding-top: 40px;}

    .product-more .detailPage .detailPageL,.product-more .detailPage .detailPageR{float: unset;}

    .msg-box {

        width: 380px;

        left: 108%;

        padding: 30px;

        height: 424px;

    }

    .msg-box .close-box{font-size: 22px;width: 22px;

        height: 22px;right: 6px;}

     

}

@media(max-width:375px){

    .msg-box {

        width: 350px;

        left: 118%;}

}

@media(max-width:360px){

    .msg-box {

        width: 340px;

        left: 122%;

        height: 400px;

    }

}

@media(max-width:320px){

    .msg-box {

        width: 280px;

        left: 140%;

        height: 300px;

    }

}