.nei-center{

    width: 1200px;

    margin: 0 auto;

}



.banner img{

    width: 100%;

    height: 100%;

}

/* 分页器 */



.page{

    display: inline-block;

    margin: 0 auto;

    margin-left: 44%;

    transform: translateX(-50%);

    padding: 20px 0;

    padding-bottom: 54px;

}

.page button{

    float: left;

    cursor: pointer;

    width: 92px;

    height: 39px;

    font-size: 14px;

    background-color: white;

    border: 1px #dcdcdc solid;

}

.page ul{

    float: left;

    display: flex;

}

.page ul li{

    text-align: center;

    line-height: 37px;

    width: 37px;

    height: 37px;

    border: 1px #dcdcdc solid;

    margin-right: 10px;

}

.page ul li:nth-child(1){

    margin-left: 10px;

}



.page ul .ac-nei-1{

    color: white;

    background-color: #0064d3;

    border-color: #0064d3;

}

.pageBanner{

    width: 100%;

}

.pageBanner img{

    width: 100%;

}



/* 内页导航 */

.nei-nav{

    border-bottom: 1px #d8d8d8 solid;

}

.nei-nav .nei-wrap{

    display: flex;

    justify-content: space-between;

    align-items: center;

    font-size: 16px;

    color: #3e3e3e;

}

.nei-nav .nei-wrap p::before{

    content: url(../image/xfz.png);

    display: block;

    float: left;

    margin-top: 2px;

}

.nei-nav .nei-wrap a{color: #3e3e3e;}

.nei-nav .nei-wrap ul{

    display: flex;

}

.nei-nav .nei-wrap ul li{

    padding: 18px 23px;

}

.nei-nav .nei-wrap ul .ac-bg{

    background-color: #0064d3;

}

.nei-nav .nei-wrap ul .ac-bg a{color: white;}

.nei-nav .nei-wrap ul li:hover{

    background-color: #0064d3;

}

.nei-nav .nei-wrap ul li:hover a{

    color: white;

}



/* 公司介绍 */

.neiye-about{

    display: flex;

    display: -webkit-flex;

    justify-content: space-between;

    padding-top: 80px;

    padding-bottom: 76px;

}

.neiye-about .about-left{

    width: 49%;

}

.neiye-about .about-left h3{

    font-size: 36px;

    letter-spacing: 1px;

}

.neiye-about .about-left h3 span{

    color: #0064d3;

}

.neiye-about .about-left h3:nth-child(2){

    font-size: 30px;

    letter-spacing: 0px;

}

.neiye-about .about-left p{

    font-size: 16px;

    line-height: 24px;

    letter-spacing: 1px;

    margin-top: 50px;

}

.neiye-about .about-right{

    width: 47.5%;

}

.number{

    padding-top: 64px;

    width: 100%;

    height: 328px;

    background: url(../image/nei-jingyan.jpg);

}

.number h2{

    text-align: center;

    color: white;

    font-size: 30px;

}

.number .clearfix{

    display: flex;

    display: -webkit-flex;

    justify-content: space-between;

    color: white;

    text-align: center;

    margin-top: 60px;

}

.number .clearfix::after{display: none;}

.number .clearfix li{

    width: auto;

}

.number .clearfix li .item{

    margin: 0;

    padding: 0 30px;

}

.numCount li .numU .unitC{

    margin: 0;

}

.numCount li .kuang{

    height: 13px;

    border: 1px white solid;

    border-top: none;

}

.indc{

    margin-top: 6px;

}

/* 企业文化 */

.culture .wenhua-wrap{

    padding-top: 56px;

    padding-bottom: 83px;

}

.nei-title{

    font-size: 34px;

    color: #0064d3;

    text-align: center;

}

.nei-slogan{

    font-size: 20px;

    color: #3e3e3e;

    text-align: center;

    position: relative;

}

.nei-slogan::after{

    content: url(../image/neiye-biaoti.png);

    position: absolute;

    top: 0%;

    left: 50%;

    margin-left: -73px;

}

.culture-box{

    display: flex;

    justify-content: space-between;

    text-align: center;

    font-size: 20px;

    color: #3e3e3e;

    position: relative;

    /*padding: 0 70px;*/

    margin-top: 60px;

}

.culture-box .item-1{

    width: 25%;

}

.culture-box .item-1 p{

    margin-top: 18px;

}

.culture-box .item-1 p:nth-child(3){

    font-size: 16px;

    color: #686868;

    margin-top: 6px;

}

.culture-box .xuxian{

    width: 100%;

    border-bottom: 1px #7f7f7f dotted;

    position: absolute;

    top: 70px;

    left: 0;

    z-index: -1;

}

.culture .culture-box2{

    display: flex;

    justify-content: space-between;

    margin-top: 62px;

}

.culture .culture-box2 .item-2{

    width: 48.3%;

    height: 277px;

    background: url(../image/wenhua-bg-1.png);

    padding: 37px;

}

.culture .culture-box2 .item-2:nth-child(2){

    background: url(../image/wenhua-bg-2.png);

}

.culture .culture-box2 .item-2 h4{

    font-size: 24px;

    color: white;

    font-weight: 500;

    margin-bottom: 32px;

}

.culture .culture-box2 .item-2 p{

    font-size: 18px;

    color: white;

    line-height: 36px;

}

/* 发展历程 */

.history{

    border-bottom: 2px #aebfc9 solid;

    position: relative;

    padding-top: 50px;

    display: none;

}

#swiperhistory{margin-top: 60px;}

#swiperhistory .swiper-slide{

    height: 506px;

}

#swiperhistory .swiper-slide .item{

    box-sizing: border-box;

    height: 404px;

    border: 10px #a2c5eb solid;

    background-color: #e0f0fa;

    padding: 0 22px;

    cursor: pointer;

    transition: all .3s linear;

    position: relative;

}

#swiperhistory .swiper-slide .item img{

    display: none;

    opacity: .4;

    position: absolute;

    bottom: -10px;

    left: 50%;

    margin-left: -72px;

}

#swiperhistory .swiper-slide .item::after{

    content: '';

    display: block;

    width: 14px;

    height: 14px;

    border-radius: 50%;

    position: absolute;

    bottom: -16px;

    left: 50%;

    margin-left: -7px;

}

#swiperhistory .swiper-slide .item .time{

    width: 84px;

    height: 84px;

    background-color: #0064d3;

    border-radius: 50%;

    color: white;

    font-size: 24px;

    text-align: center;

    line-height: 84px;

    font-weight: 400;

    margin: 0 auto;

    margin-top: 60px;

    position: relative;

}

#swiperhistory .swiper-slide .item .time::after{

    content: '';

    display: block;

    width: 100px;

    height: 100px;

    border: 2px #0064d3 solid;

    border-radius: 50%;

    position: absolute;

    top: -10px;

    left: -10px;

}

#swiperhistory .swiper-slide .item p{

    font-size: 16px;

    color: #3e3e3e;

    text-align: center;

    margin-top: 75px;

    position: relative;

    transition: all .3s linear;

}

#swiperhistory .swiper-slide .item p::before{

    content: '';

    display: block;

    width: 2px;

    height: 24px;

    background-color: #545454;

    position: absolute;

    top: -44px;

    left: 50%;

    transition: all .3s linear;

}

#swiperhistory .swiper-slide .item:hover{

    height: 506px;

    background-color: #4ba8d8;

    border-color: #4ba8d8;

}

#swiperhistory .swiper-slide .item:hover::after{background-color: white;}

#swiperhistory .swiper-slide .item:hover .time{background-color: white;color: #0064d3;}

#swiperhistory .swiper-slide .item:hover .time::after{border-color: white;}

#swiperhistory .swiper-slide .item:hover p{color: white;}

#swiperhistory .swiper-slide .item:hover p::before{background-color: white;transform: rotate(90deg);}

#swiperhistory .swiper-slide .item:hover img{display: block;}

.swiper-button-next, .swiper-button-prev{

    top: 78%;

}

.swiper-button-prev{left: 290px;}

.swiper-button-next{right: 290px;}

/* 新闻资讯 */

.nei-news{padding-bottom: 60px;}

.nei-news .new-list{

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    margin-top: 56px;

}

.nei-news .new-list .item{

    width: 48.33%;

    display: flex;

    padding: 30px;

    box-sizing: border-box;

    border: 2px #e1ebf8 solid;

    overflow: hidden;

    justify-content: space-between;

    margin-bottom: 34px;

}

.nei-news .new-list .item .img{

    width: 210px;

    overflow: hidden;

}



.nei-news .new-list .item .img img{

	max-width:100%;

}

.nei-news .new-list .item .text{

    width: 276px;

    position: relative;

}

.nei-news .new-list .item .text h4{

    font-size: 20px;

    color: #3e3e3e;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

}

.nei-news .new-list .item .text p{

    font-size: 16px;

    color: #a3a3a3;

    margin-top: 16px;

    /* text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap; */

}

.nei-news .new-list .item .text h6{

    font-size: 14px;

    color: #a3a3a3;

    font-weight: 400;

    margin-top: 20px;

}



.nei-news .new-list .item .text a{

    position: absolute;

    bottom: 2px;

    right: 4px;

}





/* 工厂环境 */

.factory{

    padding-top: 70px;

}

.factory .factory-1{

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.factory .factory-1 .item{

    width: 32%;

    height: auto;

    overflow: hidden;

    position: relative;

    margin-bottom: 44px;

    margin-right: 15px;

}

.factory .factory-1 .item:nth-child(4n){

    margin-right: 0px;

}



.factory .factory-1 .item img{

    width: 100%;

    height: auto;

}

.factory .factory-1 .item p{

    /* display: none; */

    height: 0;

    width: 100%;

    background-color: rgba(255, 255, 255, .6);

    position: absolute;

    bottom: 0;

    left: 0;

    color: #3e3e3e;

    text-align: center;

    font-size: 19px;

    line-height: 50px;

    padding: 0 20px;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    transition: all .3s linear;

}

.factory .factory-1 .item:hover p{height: 50px;}

.factory .factory-2 .item{

    width: 31%;

    height: auto;

}

.factory .factory-3 .item{

    width: 31%;

    height: auto;

}

.factory .factory-3 .item:nth-child(2){

    width: 65.5%;

}

.factory .first{

    margin-top: 70px;

}



/* 合作客户 */



.kehu{

    padding-top: 60px;

    padding-bottom: 40px;

}

.kehu .customer-wrap div{

    filter: grayscale(1);

    opacity: .7;

    transition: all .2s ease;

}

.kehu .customer-wrap div:hover{

    filter: grayscale(0);

    opacity: 1;

}



/* 合作客户 */

.customer{

    padding-top: 90px;

    padding-bottom: 130px;

}

.customer-wrap{

    display: flex;

    flex-wrap: wrap;

    width: 100%;

    margin-top: 55px;

}

.customer-wrap .item{

    cursor: pointer;

    box-sizing: border-box;

    padding: 1px;

    width: 20%;

    overflow: hidden;

    position: relative;

    margin: -1px 0 0 -1px;

    z-index: 1;

}

.customer-wrap .item::after{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    border: 1px solid #dfe1e6;

    z-index: 1;

}

.customer-wrap .item img{

    width: 100%;

    transition: transform .3s ease;

}

.customer-wrap .item:hover img{

    transform: scale(1.1);

}

.customer-wrap .item:hover{

    box-shadow: 0 10px 30px rgb(0 0 0 / 20%);

    z-index: 2;

}

.customer-wrap .item:hover::after{

    border-color: #0064d3;

}



/* 发展历程 */



.history-nei{

    padding-top: 60px;

}

.history-nei .history-list{

    margin-top: 70px;

}

.history-nei .history-list .item h4{

    font-size: 26px;

    color: white;

    background-color: #0064d3;

    font-weight: 400;

    width: 147px;

    height: 52px;

    text-align: center;

    line-height: 52px;

    position: relative;

}

.history-nei .history-list .item h4::after{

    content: '';

    display: block;

    width: 50px;

    height: 1px;

    background-color: #0064d3;

    position: absolute;

    top: 50%;

    right: -60px;

}

.history-nei .history-list .item{

    display: flex;

}

.history-nei .history-list .item .shuxian{

    width: 1px;

    height: 290px;

    background-color: #0064d3;

    position: relative;

    margin: 8px 0;

    margin-left: 50%;

}

.history-nei .history-list .item .shuxian::after,

.history-nei .history-list .item .shuxian::before{

    content: '';

    width: 16px;

    height: 16px;

    display: block;

    background-color: #0064d3;

    position: absolute;

    top: 42%;

    left: -7px;

    border-radius: 50%;

}

.history-nei .history-list .item .shuxian::before{

    width: 24px;

    height: 24px;

    background:none;

    border: 2px #0064d3 solid;

    top: 40%;

    left: -13px;

}

.history-nei .history-list .item .box2{

    width: 780px;

    margin-left: 128px;

    position: relative;

}

.history-nei .history-list .item .box2 h2{

    font-size: 22px;

    color: #0064d3;

    font-weight: 500;

    border-bottom: 1px #d7d7d7 solid;

    position: relative;

    padding-left: 16px;

    line-height: 56px;

    margin-bottom: 20px;

}

.history-nei .history-list .item .box2 h2::before{

    content: '';

    display: block;

    width: 4px;

    height: 35px;

    background-color: #0064d3;

    position: absolute;

    top: 12px;

    left: 0;

}

.history-nei .history-list .item .box2 p{

    font-size: 18px;

    color: #626262;

    width: 380px;

}

.history-nei .history-list .item .box2 img{

    width: 284px;

    height: auto;

    float: right;

    margin-top: -52px;

}

.history-nei .history-list .item .box2 h5{

    position: absolute;

    top: -60px;

    right: -122px;

    color: #0064d3;

    font-size: 20px;

}

.history-nei .history-list .item .box2 h5 span{

    font-size: 80px;

}

.history-nei .history-list .item:last-child .shuxian{

    opacity: 0;

}



/* 企业文化 */

.wenhua{

    padding-top: 60px;

}.culture-wrap{

    padding-top: 80px;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.culture-item{

    color: #2b2b2b;

    cursor: pointer;

    width: 541px;

    height: 297px;

    background-color: #f9f9f9;

    box-sizing: border-box;

    padding-left: 38px;

    background-image: url('../image/culture-1.png');

    margin-bottom: 90px;

    transition: all .2s linear;

}

.culture-item h3{

    font-size: 30px;

    color: #2b2b2b;

    padding-top: 108px;

    position: relative;

}

.culture-item h3::before{

    content: '';

    display: block;

    width: 72px;

    height: 4px;

    background-color: #0064d3;

    position: absolute;

    top: 57px;

    left: 0;

}

.culture-item p{

    font-size: 18px;

    line-height: 30px;

    width: 404px;

    margin-top: 30px;

}

.culture-item:nth-child(2){

    background-image: url('../image/culture-2.png');

}

.culture-item:nth-child(3){

    background-image: url('../image/culture-3.png');

}

.culture-item:nth-child(4){

    background-image: url('../image/culture-4.png');

}

.culture-item:hover{

    background-color: #0064d3;

    color: white;

    box-shadow: 0 15px 30px rgba(0,0,0,0.4);

    transform: translate3d(0, -10px, 0);

}

.culture-item:hover h3{color: white;}

.culture-item:hover h3::before{background-color: white;}



.jiagou{

    padding-bottom: 110px;

    padding-top: 56px;

    background: url(../image/zuzhi-bg.jpg);

    text-align: center;

}

/* 产品中心 */

.nei-product{

    padding-top: 60px;

}

.nei-product .product-list{

    justify-content: flex-start;

}

.nei-product .product-list .pro-item{

    margin-right: 24px;

    border-color: #ebebeb;

    position: relative;

}

.nei-product .product-list .pro-item p{

    background-color: #ebebeb;

    color: #3e3e3e;

    font-size: 16px;

    transition: all .2s linear;

}

.nei-product .product-list .pro-item:nth-child(4n){

    margin-right: 0px;

}

.nei-product .product-list .pro-item .jiahao{

    width: 50px;

    height: 50px;

    display: none;

    border: 2px #ebebeb solid;

    border-radius: 50%;

    position: absolute;

    top: 112px;

    left: 50%;

    color: #ebebeb;

    font-size: 30px;

    font-weight: 300;

    margin-left: -25px;

    transition: all .2s linear;

}

.nei-product .product-list .pro-item .img{

    width: 280px;

    height: 280px;

    position: relative;

    transition: all .3s linear;

}

.nei-product .product-list .pro-item .img::after{

    content: '';

    display: block;

    width: 0%;

    height: 0px;

    position: absolute;

    top: 50%;

    left: 50%;

    background-color: rgba(0, 0, 0, .3);

    transition: all .3s linear;

}

.nei-product .product-list .pro-item:hover p{

    background-color: #0064d3;

    color: white;

}

.nei-product .product-list .pro-item:hover .jiahao{

    display: block;

}

.nei-product .product-list .pro-item:hover .img::after{

    width: 100%;

    height: 100%;

    top: 0%;

    left: 0%;

}





.product .product-nav{

    padding-top: 60px;

    /* padding-bottom: 32px; */

}

.product .product-nav .leibei{

    display: flex;

}

.product .product-nav .leibei .one{

    font-weight: 600;

    border-bottom: 1px white solid;

}

.product .product-nav .leibei .one:last-child{

    border: none;

}

.product .product-nav .leibei a{

    width: 190px;

    background-color: #0064d3;

    color: white;

    text-align: center;

    line-height: 70px;

    font-size: 18px;

    font-weight: 500;

}

.product .product-nav ul{

    display: flex;

    flex-grow: 1;

    justify-content: space-between;

    border: 1px #e0e0e0 solid;

    padding-right: 26px;

    padding-left: 26px;

}

.product .product-nav .leibei:nth-child(3) ul{

    border-bottom: 1px #e0e0e0 solid;

}

.product .product-nav .leibei ul a{

    color: #3e3e3e;

    background: none;

}

.product .product-nav .leibei ul a:hover{

    color: #0064d3;

}



.product .product-nav .leibei .active{

    color: #0064d3;

}



.product-list {

    display: flex;

    justify-content: space-between;

    width: 100%;

    flex-wrap: wrap;

    overflow: hidden;

    padding-top: 40px;

}

.product-list .pro-item{

    width: 23.5%;

    border: 1px #0064d3 solid;

    text-align: center;

    font-size: 18px;

    margin-bottom: 28px;

    transition: all .2s linear;

}

.product-list .pro-item a{display: block;}

.product-list .pro-item .img{

    overflow: hidden;

}

.product-list .pro-item img{

    width: 100%;

    transition: all .2s linear;

}

.product-list .pro-item p{

    color: white;

    background-color: #0064d3;

    line-height: 60px;

    padding: 0 14px;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}

.product-list .pro-item:hover{

    box-shadow: 0 15px 30px rgb(0 0 0 / 40%);

    transform: translate3d(0, -10px, 0);

}

.product-list .pro-item:hover .img img{

    transform: scale(1.1);

}





/* 产品详情 */

.xq-box .item-1{

    display: flex;

    justify-content: space-between;

    padding-top: 50px;

}

.xq-box .item-1 .pic{

    width: 50%;

    height: 540px;

    border: 2px #d0d0d0 solid;

}

.xq-box .item-1 .pic img{

    width: 100%;

}

.xq-box .item-1 .text{

    width: 42.5%;

}

.xq-box .item-1 .text h3{

    font-size: 30px;

    color: #0064d3;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    border-bottom: 1px #c6c6c6 dotted;

    line-height: 64px;

}

.xq-box .item-1 .text .wenan{

    font-size: 16px;

    color: #3e3e3e;

    border-bottom: 1px #c6c6c6 dotted;

    line-height: 28px;

    height: 264px;

}

.xq-box .item-1 .text .rexian{

    margin-top: 54px;

}

.xq-box .item-1 .text .rexian h4{

    font-size: 24px;

    color: #0064d3;

    font-weight: 600;

    position: relative;

    padding-left: 44px;

}

.xq-box .item-1 .text .rexian h4::before{

    content: url(../image/neiye-dianhua.png);

    display: inline-block;

    position: absolute;

    top: 2px;

    left: 0;

}

.xq-box .item-1 .text .rexian .youshi{

    display: flex;

    justify-content: space-between;

    margin-top: 26px;

}

.xq-box .item-1 .text .rexian .youshi p{

    font-size: 18px;

    color: #3e3e3e;

    position: relative;

    padding-left: 28px;

}

.xq-box .item-1 .text .rexian .youshi p::before{

    content: url(../image/neiye-dingzhi.png);

    display: inline-block;

    position: absolute;

    top: 4px;

    left: 0;

}

.xq-box .item-1 .text .rexian .youshi p:nth-child(2):before{

    content: url(../image/neiye-baozheng.png);

}

.xq-box .item-1 .text .rexian .youshi p:nth-child(3):before{

    content: url(../image/nei-renzheng.png);

}

.xq-box .item-1 .text a{

    display: block;

    width: 100%;

    font-size: 24px;

    background-color: #0064d3;

    color: white;

    border-radius: 12px;

    line-height: 60px;

    text-align: center;

    margin-top: 26px;

}

.item-2 .item-2-nav{

    display: flex;

    border-bottom: 1px #0064d3 solid;

    margin-top: 64px;

}

.item-2 .item-2-nav p{

    cursor: pointer;

    font-size: 20px;

    padding: 10px 34px;

    color: #3e3e3e;

}

.item-2 .item-2-nav .wz-bg{

    background-color: #0064d3;

    color: white;

}

.item-2 .item-2-xq{

    display: none;

    padding-top: 24px;

}

.item-2 .item-2-xq{

    padding-bottom: 40px;

    border-bottom: 1px #dcdcdc solid;

}

.item-2 .item-2-xq table {

    width: 100%!important;

    height: auto;

}

.item-2 .item-2-xq table, .item-2 .item-2-xq th, .item-2 .item-2-xq td

{

    border: 1px #3e3e3e solid;

}



.item-2 .item-2-xq td

{

    padding:12px;

}



.item-2 .block{display: block;}

.item-2 .button{padding-top: 40px;}

.item-2 .button a{

    font-size: 14px;

    color: #3e3e3e;

    padding: 10px 16px;

    border: 1px #dcdcdc solid;

}

.item-2 .button a:nth-child(1){

    padding: 10px 30px;

    margin-right: 878px;

}

.item-2 .button a:hover{

    background-color: #0064d3;

    color: white;

}

.item-3{padding-top: 0%;}

.item-3 .tuijian-product{

    display: flex;

    justify-content: space-between;

    padding-top: 50px;

    border-bottom: 1px #0064d3 solid;

    align-items: center;

}

.item-3 .tuijian-product p{

    padding: 10px 31px;

    background-color: #0064d3;

    color: white;

}

.item-3 .tuijian-product a{

    font-size: 20px;

    color: #3e3e3e;

}

.item-3 .tuijian-product a:hover{

    color: #0064d3;

}

.item-3 .tuijian-list{

    padding-top: 30px;

}

.item-4 .tuijian-product{padding-top: 10px;}

.item-4 .field-list{

    display: flex;

    justify-content: space-between;

    padding-top: 40px;

    flex-wrap: wrap;

    padding-bottom: 60px;

}

.item-4 .field-list .field-item{

    width: 23.8%;

    background-color: #e9e9e9;

    position: relative;

    margin-bottom: 22px;

}

.item-4 .field-list .field-item .img{

    width: 100%;

    height: 300px;

    overflow: hidden;

    border-bottom-right-radius: 30px;

}

.item-4 .field-list .field-item .img img{
    height: 100%;
}

.item-4 .field-list .field-item p{

    font-size: 15px;

    padding: 0 18px;

    line-height: 40px;

    color: #3e3e3e;

    padding-right: 60px;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

}

.item-4 .field-list .field-item span{

    font-size: 36px;

    font-weight: 300;

    position: absolute;

    bottom: -2px;

    right: 18px; 

    color: #3e3e3e;

}

.item-4 .field-list .field-item:hover{

    background-color: #0064d3;

}

.item-4 .field-list .field-item:hover p{

    color: white;

}

.item-4 .field-list .field-item:hover span{

    color: white;

}



/* 解决方案 */

.nei-solution{padding-bottom: 50px;}



.nei-solution .item-wrap .item{

    display: flex;

    justify-content: space-between;

    padding: 50px 0;

    border-bottom: 1px #ededed solid;

}

.nei-solution .item-wrap .item .img{

    width: 406px;

    height: 250px;

    overflow: hidden;

}

.nei-solution .item-wrap .item .img img{

    height: 100%;

    transition: all .3s linear;

}

.nei-solution .item-wrap .item a{

    display: block;

    width: 63%;

}

.nei-solution .item-wrap .item a h3{ 

    display: inline;

    font-size: 28px;

    font-weight: 500;

    position: relative;

}

.nei-solution .item-wrap .item a h3::after{ 

    content: '';

    display: block;

    width: 50px;

    height: 1px;

    background-color: #3e3e3e;

    position: absolute;

    top: 50%;

    right: -60px;

}

.nei-solution .item-wrap .item a .miaoshu{ 

    font-size: 16px;

    line-height: 32px;

    color: #616161;

    margin-top: 32px;

    height: 130px;

}

.nei-solution .item-wrap .item a h5{ 

    font-size: 16px;

    line-height: 32px;

    color: #161616;

    margin-top: 6px;

}

.nei-solution .item-wrap .item a h5::after{ 

    content: url(../image/fanganjiantou.png);

    margin-left: 10px;

}

.nei-solution .item-wrap .item a .time{ 

    font-size: 14px;

    color: #616161;

    text-align: right;

    margin-top: -22px;

}

.nei-solution .item-wrap.item-wrap:hover{

    background-color: #f4f4f4;

}

.nei-solution .item-wrap.item-wrap:hover .item h3{

    color: #0064d3;

}

.nei-solution .item-wrap.item-wrap:hover .item h3::after{

    background-color: #0064d3;

}

.nei-solution .item-wrap.item-wrap:hover .item .miaoshu{

    color: #0064d3;

}

.nei-solution .item-wrap.item-wrap:hover .img img{

    transform: scale(1.1);

}



/* 联系我们 */

.lianxi-us{padding-top: 60px;}

.lianxi-us .lianxi-wrap{

    display: flex;

    display: -webkit-flex;

    justify-content: space-between;

    flex-wrap: wrap;

    padding-top: 60px;

}

.lianxi-us .lianxi-wrap .item{

    width: 366px;

    min-height: 177px;

    box-sizing: border-box;

    padding: 30px 28px 32px 37px;

    cursor: pointer;

    position: relative;

    margin-bottom: 45px;

    transition: all .2s linear;

}

.lianxi-us .lianxi-wrap .item:nth-child(4){

    flex-grow: 1;

}

.lianxi-us .lianxi-wrap .item:last-child{

    flex-grow: 1;

    margin-left: 52px;

}

.lianxi-us .lianxi-wrap .item h4{

    font-size: 20px;

    color: #8c8c8c;

    font-weight: 600;

    position: relative;

}

.lianxi-us .lianxi-wrap .item h4::after{

    content: '';

    display: block;

    width: 30px;

    height: 2px;

    background-color: #8c8c8c;

    position: absolute;

    top: 56px;

    left: 0;

}

.lianxi-us .lianxi-wrap .item p{

    font-size: 22px;

    color: #8c8c8c;

    margin-top: 54px;

	    line-height: 28px;

}

.lianxi-us .lianxi-wrap .item img{

    position: absolute;

    top: 24px;

    right: 28px;

}

.lianxi-us .lianxi-wrap .item:hover{

    box-shadow: 0 10px 20px rgba(0,0,0,0.2);

    transform: translate3d(0, -10px, 0);

    border-radius: 20px;

}

/* 荣誉资质 */

.nei-honor{

    padding-top: 60px;

    padding-bottom: 30px;

}

.nei-honor .honor-nei-list{

    display: flex;

    display: -webkit-flex;

    flex-wrap: wrap;

    margin-top: 66px;

}

.nei-honor .honor-nei-list .item-box{

    width: 376px;

    height: auto;

    text-align: center;

    cursor: pointer;

    font-size: 18px;

    color: #3e3e3e;

    line-height: 54px;

    margin-right: 36px;

    margin-bottom: 20px;

}

.nei-honor .honor-nei-list .item-box:nth-child(3n){

    margin-right: 0;

}

.nei-honor .honor-nei-list .honor-item{

    width: 376px;

    height: 282px;

    box-sizing: border-box;

    background-color: #0064d3;

    border-bottom: 18px #e4e4e4 solid;

    border-top: 18px #e4e4e4 solid;

    border-right: 18px #f4f4f4 solid;

    border-left: 18px #f4f4f4 solid;

}

.nei-honor .honor-nei-list .honor-item img{

    width: 100%;

    height: 100%;

}

.nei-honor .honor-nei-list .item-box:hover{color: #0064d3;}



/* 新闻详情 */



.news-xq .xw h3{

    font-size: 36px;

    color: #3e3e3e;

    font-weight: 500;

    margin-top: 70px;

}

.news-xq .xw>span{

    display: block;

    font-size: 22px;

    color: #808080;

    padding-top: 30px;

    padding-bottom: 17px;

    border-bottom: 1px #dddddd solid;

}/*

.news-xq .xw div{

    padding-top: 26px;

    color: #808080;

    font-size: 16px;

    line-height: 26px;

    padding-bottom: 120px;

}*/

.news-xq .xw .content{

    padding-top: 26px;

    color: #808080;

    font-size: 16px;

    line-height: 26px;

    padding-bottom: 80px;

}

.news-xq .xw .content img{

    text-align: center;

    width: 75%;

    text-align: center;

    margin-left: -300px;

    transform: translateX(50%);

}

.news-xq .xw .content p img{

    width: auto;

    margin: 0;

    transform: translateX(0%);

}

.news-xq .xw .content center img{

    width: auto;

    margin: 0;

    transform: translateX(0%);

}

.news-xq .xw .button{padding-bottom: 60px;}

.news-xq .xw .button a{

    font-size: 14px;

    color: #3e3e3e;

    padding: 10px 16px;

    border: 1px #dcdcdc solid;

}

.news-xq .xw .button a:nth-child(1){

    padding: 10px 30px;

    margin-right: 878px;

}

.news-xq .xw .button a:hover{

    background-color: #0064d3;

    color: white;

}

.news-xq .tujian .tuijian-nav{

    display: flex;

    justify-content: space-between;

    padding-top: 50px;

    border-bottom: 1px #0064d3 solid;

    align-items: center;

}

.news-xq .tujian .tuijian-nav p{

    padding: 10px 31px;

    background-color: #0064d3;

    color: white;

}

.news-xq .tujian .tuijian-nav a{

    font-size: 20px;

    color: #3e3e3e;

}

.news-xq .tujian .tuijian-nav a:hover{

    color: #0064d3;

}

.news-xq .tujian .xw-tuijian .tuijian-list{

    padding-top: 30px;

    display: flex;

    display: -webkit-flex;

}

.news-xq .tujian .xw-tuijian .tuijian-list .list-left{

    width: 464px;

    height: 304px;

    overflow: hidden;

    position: relative;

}

.tujian{background-color: #f6f6f6;padding-top: 20px;}

.tujian .xw-tuijian .tuijian-list .list-left img{

    width: 100%;

}



.tujian .xw-tuijian .tuijian-list .list-left p{

    width: 100%;

    font-size: 20px;

    color: white;

    line-height: 60px;

    padding: 0 20px;

    background-color: rgba(0, 0, 0, .3);

    position: absolute;

    bottom: 0;

    left: 0;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

}

.tujian .xw-tuijian .tuijian-list .list-right{

    flex-grow: 1;

    margin-left: 44px;

}

.xw-tuijian .tuijian-list .list-right .item{

    display: flex;

    display: -webkit-flex;

    align-items: center;

    height: 72px;

    background-color: white;

    box-sizing: border-box;

    padding: 0 34px;

    margin-bottom: 44px;

}

.xw-tuijian .tuijian-list .list-right .item:last-child{

    margin-bottom: 0;

}

.xw-tuijian .tuijian-list .list-right .item h3{

    font-size: 24px;

    color: #3e3e3e;

    font-weight: 500;

    margin-right: 50px;

    position: relative;

}

.xw-tuijian .tuijian-list .list-right .item h3::after{

    content: '';

    display: block;

    width: 1px;

    height: 34px;

    background-color: #d8d8d8;

    position: absolute;

    top: 0;

    right: -24px;

}

.xw-tuijian .tuijian-list .list-right .item p{

    font-size: 18px;

    color: #333333;

    font-weight: 500;

    position: relative;

    width: 390px;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}

.xw-tuijian .tuijian-list .list-right .item h4{

    font-size: 18px;

    color: #333333;

    font-weight: 500;line-height: normal;

    text-align: right;

    flex-grow: 1;

}

.xw-tuijian .tuijian-list .list-right .item:hover{

    background-color: #0064d3;

}

.xw-tuijian .tuijian-list .list-right .item:hover h3{

    color: white;

}

.xw-tuijian .tuijian-list .list-right .item:hover p{

    color: white;

}

.xw-tuijian .tuijian-list .list-right .item:hover h4{

    color: white;

}

.news-xq .cp-tuijian{padding: 0;padding-bottom: 60px;}

.news-xq .xw-tuijian .tuijian-nav p,

.news-xq .cp-tuijian .tuijian-nav p{

    background: none;

    color: #333333;

    padding-left: 0;

    font-size: 22px;

}

.news-xq .cp-tuijian .tuijian-list{margin-top: 30px;}



/* 新闻列表 */

.news-nei .news-list-nei{padding-bottom: 40px;}

.news-nei .news-list-nei .item{

    cursor: pointer;

    display: flex;

    display: -webkit-flex;

    justify-content: space-between;

    padding-top: 64px;

    padding-bottom: 46px;

    border-bottom: 1px #ededed solid;

}

.news-nei .news-list-nei .item .img{

    width: 510px;

    height: 308px;

    overflow: hidden;

}

.news-nei .news-list-nei .item .img img {max-width:100%;}

.news-nei .news-list-nei .item .time{

    width: 100px;

    height: 100px;

    box-sizing: border-box;

    border: 2px #a0a0a0 solid;

    overflow: hidden;

    color: #3e3e3e;

    text-align: center;

    font-size: 18px;

}

.news-nei .news-list-nei .item .time h3{

    font-size: 32px;

    margin-top: 9px;

}

.news-nei .news-list-nei .item .text{

    width: 37.5%;

    position: relative;

}

.news-nei .news-list-nei .item .text h2{

    font-size: 24px;

    line-height: 38px;

    color: #3e3e3e;

}

.news-nei .news-list-nei .item .text p{

    font-size: 16px;

    line-height: 24px;

    color: #a0a0a0;

    margin-top: 30px;

}

.news-nei .news-list-nei .item .text a{

    font-size: 18px;

    color: #0064d3;

    border: 1px #0064d3 solid;

    padding: 10px 55px;

    position:absolute;

    bottom: 0;

    right: 0;

}

.news-nei .news-list-nei .item:hover .time{

    color: #0064d3;

    border-color: #0064d3;

}

.news-nei .news-list-nei .item:hover .text h2{

    color: #0064d3;

}

.news-nei .news-list-nei .item:hover .text a{

    color: white;

    background-color: #0064d3;

}



/* 应用领域 */

.nei-field .fileld-nei-wrap{

    display: flex;

    display: -webkit-flex;

    flex-wrap: wrap;

    padding-top: 60px;

}

.nei-field .field-item{

    display: block;

    width: 375px;

    transition: all .2s linear;

    margin-right: 37px;

    margin-bottom: 40px;

}

.nei-field .field-item:nth-child(3n){

    margin-right: 0;

}

.nei-field .field-item .img{

    box-sizing: border-box;

    width: 100%;

    height: 290px;

    overflow: hidden;

    transition: all .2s linear;

}



.nei-field .field-item .img img{  max-width: 100%;}

.nei-field .field-item p{

    line-height: 60px;

    font-size: 20px;

    color: #3e3e3e;

    padding: 0 16px;

    position: relative;

}

.nei-field .field-item p::after{

    content: url(../image/jiantou-black.png);

    position: absolute;

    top: -4px;

    right: 18px;

}

.nei-field .field-item:hover{

    box-shadow: 0 10px 20px rgb(0 0 0 / 20%);

    transform: translate3d(0, -10px, 0);

}

.nei-field .field-item:hover p{

    color: #0064d3;

}

.nei-field .field-item:hover p::after{

    content: url(../image/jiantou-blue.png);

}

/* 资料下载 */

.download{

    padding-top: 60px;

}

.report{

    margin-top: 40px;

    padding-bottom: 40px;

}

.report tr{

    cursor: pointer;

    width: 100%;

}

.report th{

    color: white;

    text-align: center;

    background-color: #62b4dd;

    font-size: 18px;

    font-family: 'SYHT-R';

    line-height: 60px;

}

.report td{

    color: #131313;

    text-align: center;

    font-size: 16px;

    font-family: 'SYHT-R';

    line-height: 20px;

    padding: 30px 0;

    vertical-align: middle;

}

.report tr:nth-child(2n-1){

    background-color: #f9f9f9;

}

.report tr:hover{

    background-color: #a6d4eb;

}

.report tr:hover td{

    color: white;

}

.report tr:hover td a{

    color: white;

}

/* 在线留言 */

.message{padding-top: 60px;padding-bottom: 60px;}





.message .right{

    width: 100%;

    padding-top: 50px;

}

.message .right form{

    display: flex;

    display: -webkit-flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

.message .right p{

    width: 47%;

    position: relative;

    margin-bottom: 46px;

    font-size: 17px;

}

.message .right .neirong{

    width: 100%;

}

.message .right .neirong textarea{

    width: 100%;

    padding: 20px;

    background-color: #f9f9f9;

    border: 2px #ececec solid;

    color: #3e3e3e;

    font-size: 18px;

    margin-top: 10px;

}

.message .right .tijiao{

    width: 100%;

}

.message .right input{

    width: 100%;

    font-size: 18px;

    line-height: 60px;

    color: #3e3e3e;

    border: 2px #ececec solid;

    box-sizing: border-box;

    padding: 0 50px;

    background-color: #f9f9f9;

    margin-top: 10px;

}

.message .right .name::after{

    content: url(../image/liuyan-icon-1.png);

    position: absolute;

    top: 55%;

    left: 3%;

}

.message .right .iphone::after{

    content: url(../image/liuyan-icon-2.png);

    position: absolute;

    top: 57%;

    left: 3%;

}

.message .right .youxiang::after{

    content: url(../image/liuyan-icon-3.png);

    position: absolute;

    top: 55%;

    left: 3%;

}

.message .right .dizhi::after{

    content: url(../image/liuyan-icon-4.png);

    position: absolute;

    top: 55%;

    left: 3%;

}

.message .right .neirong input{

    height: 200px;

}

.message .right .tijiao input{

    cursor: pointer;

    width: 100%;

    font-size: 24px;

    height: 60px;

    color: white;

    box-sizing: border-box;

    padding: 0 74px;

    background-color: #0064d3;

    border: none;

    margin: 0;

}

.news-xq .xw .content .datu{

    text-align: inherit !important;

}