/*banner*/

.ind-banner {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.ind-banner .swiper-slide {
    height: 100vh;
    color: #fff;
}

.ind-banner .swiper-slide {
    position: relative;
}

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

.ind-banner .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
}

.ind-banner .swiper-pagination {
    position: absolute;
    text-align: left;
    left: 50%!important;
    margin-left: -8.4rem;
    width: auto!important;
    bottom: 0.9rem!important;
}

.ind-banner .swiper-pagination-bullet {
    width: 0.1rem;
    height: 0.1rem;
    opacity: 1;
    background: none;
    margin-left: 0!important;
    margin-right: 0.35rem!important;
    border-radius: 50%;
    -moz-border-radius: 50%;
    border: #fff solid 2px;
}

.ind-banner .swiper-pagination-bullet-active {
    background: #008fd7!important;
    border: #008fd7 solid 2px;
}

.ind-banner .layer {
    position: absolute;
    left: 50%;
    margin-left: -8.4rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.ind-banner .layer .logo img {
    width: 0.8rem;
}

.ind-banner .layer .name {
    font-size: 0.6rem;
    line-height: 0.6rem;
    color: #fff;
    padding-top: 0.6rem;
}

.ind-banner .layer .msg {
    padding: 0.15rem 0 0.28rem;
    color: #fff;
    font-size: 0.24rem;
    position: relative;
    left: -0.2rem;
}


/*.ind-banner .layer .msg:after{ content: ''; position: absolute; left: 0.2rem; bottom: 0; width: 24px; height: 2px; background: #fff; }*/

.ind-banner .layer .msg em {
    padding: 0 0.2rem;
}

.ind-banner .layer .ico {
    padding-top: 0.9rem;
}

.ind-banner .layer .ico img {
    width: 0.38rem;
}

.ind-banner .swiper-button-prev {
    width: 0.6rem;
    top: auto!important;
    margin-top: 0!important;
    height: 0.6rem;
    bottom: 0.8rem;
    left: auto!important;
    right: 50%;
    margin-right: -7.4rem;
    background: url(../images/nimg60_left.png) center no-repeat;
    background-size: 0.6rem;
}

.ind-banner .swiper-button-next {
    width: 0.6rem;
    top: auto!important;
    margin-top: 0!important;
    height: 0.6rem;
    bottom: 0.8rem;
    right: 50%;
    margin-right: -8.4rem;
    background: url(../images/nimg60_right.png) center no-repeat;
    background-size: 0.6rem;
}

.ind-banner .swiper-button-prev:hover {
    background: url(../images/nimg60_lefton.png) center no-repeat;
    background-size: 0.6rem;
}

.ind-banner .swiper-button-next:hover {
    background: url(../images/nimg60_righton.png) center no-repeat;
    background-size: 0.6rem;
}

.ind-banner .scrollBtn {
    position: absolute;
    left: 50%;
    bottom: 0.8rem;
    margin-left: -10px;
    z-index: 10;
}

.ind-bannerTel {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.ind-bannerTel .swiper-slide {
    height: 100vh;
    color: #fff;
}

.ind-bannerTel .swiper-slide {
    position: relative;
}

.ind-bannerTel .swiper-slide img {
    width: 100%;
}

.ind-bannerTel .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
}

.ind-bannerTel .swiper-pagination {
    position: absolute;
    text-align: center;
    left: 0;
    width: 100%;
    bottom: 0.9rem!important;
}

.ind-bannerTel .swiper-pagination-bullet {
    width: 0.1rem;
    height: 0.1rem;
    opacity: 1;
    background: none;
    margin-left: 0!important;
    margin-right: 0.35rem!important;
    border-radius: 50%;
    -moz-border-radius: 50%;
    border: #fff solid 2px;
}

.ind-bannerTel .swiper-pagination-bullet-active {
    background: #008fd7!important;
    border: #008fd7 solid 2px;
}

.ind-bannerTel .layer {
    position: absolute;
    left: 0.2rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.ind-bannerTel .layer .logo img {
    width: 0.8rem;
}

.ind-bannerTel .layer .name {
    font-size: 0.6rem;
    line-height: 0.6rem;
    color: #fff;
    padding-top: 0.6rem;
}

.ind-bannerTel .layer .msg {
    padding: 0.15rem 0 0.28rem;
    color: #fff;
    font-size: 0.24rem;
    position: relative;
    left: -0.2rem;
}

.ind-bannerTel .layer .msg:after {
    content: '';
    position: absolute;
    left: 0.2rem;
    bottom: 0;
    width: 24px;
    height: 2px;
    background: #fff;
}

.ind-bannerTel .layer .msg em {
    padding: 0 0.2rem;
}

.ind-bannerTel .layer .ico {
    padding-top: 0.9rem;
}

.ind-bannerTel .layer .ico img {
    width: 0.38rem;
}

.indexTitle .title1 {
    color: #cdcdcd;
    font-size: 0.48rem;
    line-height: 0.48rem;
    text-transform: uppercase;
}

.indexTitle .title2 {
    font-size: 0.36rem;
    color: #333;
    line-height: 0.36rem;
    padding-top: 0.15rem;
}

.indexPart1 {
    position: relative;
    padding-top: 0.95rem;
    /*background: url(../images/bg1.jpg) center repeat-y;*/
    height: 700px;
}

.indexPart1:before {
    content: '';
    position: absolute;
    width: 15.7rem;
    height: 2.94rem;
    left: 50%;
    margin-left: -9.4rem;
    top: 50%;
    margin-top: -1.47rem;
    /*background: url(../images/nimg1570bg.png) no-repeat center;*/
    background-size: 15.7rem;
}

.indexPart1 .wal {
    position: relative;
}

.indexPart1 .ConDiv {
    padding-top: 0.55rem;
    padding-left: 0.5rem;
    width: 5.6rem;
    z-index: 5;
}

.indexPart1 .name {
    font-weight: bold;
    font-size: 0.6rem;
    line-height: 0.6rem;
    color: #008fd7;
}

.indexPart1 .msg {
    padding-top: 0.9rem;
    font-weight: bold;
    font-size: 0.24rem;
    color: #333;
    line-height: 0.24rem;
}

.indexPart1 .wen {
    padding-top: 0.2rem;
    font-size: 0.18rem;
}

.indexPart1 .btnDiv {
    padding-top: 1.2rem;
}

.indexPart1 .btnDiv a {
    display: block;
    text-transform: uppercase;
    position: relative;
    width: 240px;
    height: 60px;
    line-height: 60px;
    border-radius: 4px;
    background: #008fd7;
    font-size: 14px;
    color: #fff;
    text-indent: 65px;
}

.indexPart1 .btnDiv a:after {
    content: '';
    position: absolute;
    right: 52px;
    top: 50%;
    margin-top: -5px;
    width: 12px;
    height: 10px;
    background: url(../images/nimg12_1.png) center no-repeat;
}

.indexPart1 .btnDiv a:hover {
    box-shadow: 2px 9px 12px 0px rgba(255, 112, 0, 0.38);
}

.indexProduct {
    position: relative;
}

.indexProduct .swiper-slide .leftImg {
    width: 7.7rem;
}

.indexProduct .swiper-slide .leftImg img {
    width: 7.7rem;
}

.indexProduct .swiper-pagination-bullet {
    height: 86px;
    line-height: 86px;
    font-size: 18px;
    color: #999;
    font-weight: bold;
    display: block;
    width: 100px;
    height: auto;
    opacity: 1;
    border: none;
    background: none;
    border-radius: 4px;
    margin-right: 14px!important;
}

.indexProduct .swiper-pagination-bullet-active {
    background: url(../images/line1.jpg) no-repeat right center;
    color: #008fd7;
    text-align: left;
}

.indexProduct .swiper-pagination {
    width: auto!important;
    text-align: right;
    left: auto!important;
    right: 0!important;
    top: 0!important;
    margin-left: 0px!important;
}

.indexProduct .swiper-button-prev {
    display: none;
    left: 0;
    margin-top: -18px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.6);
    overflow: hidden;
}

.indexProduct .swiper-button-next {
    display: none;
    right: 0;
    margin-top: -18px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.6);
    overflow: hidden;
}

.indexProduct .swiper-button-prev:before {
    content: '';
    width: 0.18rem;
    height: 0.15rem;
    background: url(../images/nimg12_2.png) no-repeat center;
    background-size: 0.18rem;
    margin-left: -0.09rem;
    margin-top: -0.07rem;
    position: absolute;
    left: 50%;
    top: 50%;
}

.indexProduct .swiper-button-next:before {
    content: '';
    width: 0.18rem;
    height: 0.15rem;
    background: url(../images/nimg12_1.png) no-repeat center;
    background-size: 0.18rem;
    margin-left: -0.09rem;
    margin-top: -0.07rem;
    position: absolute;
    left: 50%;
    top: 50%;
}

.indexProduct .swiper-button-prev:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 36px;
    background: #014c8f;
    z-index: -1;
}

.indexProduct .swiper-button-next:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 36px;
    background: #014c8f;
    z-index: -1;
}

.indexProduct .swiper-button-prev:hover:after {
    width: 100%;
}

.indexProduct .swiper-button-next:hover:after {
    width: 100%;
}

.indexSolu .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.indexSolu .swiper-slide a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
}

.indexSolu .swiper-slide .img img {
    width: 100%;
}

.indexSolu .swiper-slide .layer {
    position: absolute;
    left: 18%;
    top: 1.1rem;
    z-index: 2;
}

.indexSolu .swiper-slide .ico {
    opacity: 0.6;
}

.indexSolu .swiper-slide .ico img {
    width: 0.87rem;
}

.indexSolu .swiper-slide .C-name {
    font-size: 0.3rem;
    color: #999;
    padding-top: 0.52rem;
}

.indexSolu .swiper-slide .E-name {
    font-size: 0.16rem;
    color: #999;
    text-transform: uppercase;
    height: 1.0rem;
    padding-top: 0.1rem;
}

.indexSolu .swiper-slide .btnDiv {
    width: 2.2rem;
    height: 0.56rem;
    line-height: 0.56rem;
    font-size: 0.14rem;
    color: #999;
    text-transform: uppercase;
    text-indent: 0.5rem;
    border: #999 solid 2px;
    position: relative;
}

.indexSolu .swiper-slide .btnDiv:after {
    content: '';
    position: absolute;
    right: 0.5rem;
    top: 50%;
    width: 0.12rem;
    height: 0.1rem;
    margin-top: -0.05rem;
    background: url(../images/nimg12_1.png) center no-repeat;
    background-size: 0.12rem;
    opacity: 0.6;
}

.indexSolu .swiper-slide .num {
    position: absolute;
    right: 0.9rem;
    bottom: -0.5rem;
    z-index: 2;
    width: 2.68rem;
    height: 1.75rem;
}

.indexSolu .swiper-slide .num img {
    width: 2.68rem;
}

.indexSolu .swiper-slide .num .img1 {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.indexSolu .swiper-slide:hover a:before {
    background: rgba(58, 58, 58, 0.9);
}

.indexSolu .swiper-slide:hover .ico {
    opacity: 1;
}

.indexSolu .swiper-slide:hover .C-name {
    color: #fff;
}

.indexSolu .swiper-slide:hover .E-name {
    color: #fff;
}

.indexSolu .swiper-slide:hover .btnDiv {
    background: #008fd7;
    border: #008fd7 solid 2px;
    color: #fff;
}

.indexSolu .swiper-slide:hover .btnDiv:after {
    opacity: 1;
}

.indexSolu .swiper-slide:hover .num {
    bottom: 0.7rem;
}

.indexSolu .swiper-slide:hover .num img {
    opacity: 0;
}

.indexSolu .swiper-slide:hover .num .img1 {
    opacity: 1;
}

.indexSolu .swiper-button-prev {
    left: 1.5%;
    margin-top: -0.3rem;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.6);
    overflow: hidden;
}

.indexSolu .swiper-button-next {
    right: 1.5%;
    margin-top: -0.3rem;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.6);
    overflow: hidden;
}

.indexSolu .swiper-button-prev:before {
    content: '';
    width: 12px;
    height: 10px;
    background: url(../images/nimg12_2.png) no-repeat center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -6px;
    margin-top: -5px;
}

.indexSolu .swiper-button-next:before {
    content: '';
    width: 12px;
    height: 10px;
    background: url(../images/nimg12_1.png) no-repeat center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -6px;
    margin-top: -5px;
}

.indexSolu .swiper-button-prev:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0.6rem;
    background: #008fd7;
    z-index: -1;
}

.indexSolu .swiper-button-next:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0.6rem;
    background: #008fd7;
    z-index: -1;
}

.indexSolu .swiper-button-prev:hover:after {
    width: 100%;
}

.indexSolu .swiper-button-next:hover:after {
    width: 100%;
}

.indexPart3 .toptop {
    padding: 1.15rem 0 0.7rem;
    background: url(../images/bg1.jpg) center top repeat-y;
}

.indexPart3 .toptop .wal {
    position: relative;
}

.indexPart3 .toptop .btnDiv {
    position: absolute;
    right: 0;
    top: 0.2rem;
}

.indexPart3 .toptop .btnDiv a {
    display: block;
    position: relative;
    width: 2.35rem;
    height: 0.58rem;
    line-height: 0.58rem;
    border: #ccc solid 1px;
    text-indent: 0.6rem;
    color: #666;
    font-size: 0.14rem;
    font-weight: bold;
}

.indexPart3 .toptop .btnDiv a:after {
    content: '';
    position: absolute;
    right: 0.58rem;
    top: 50%;
    width: 0.12rem;
    height: 0.1rem;
    margin-top: -0.05rem;
    background: url(../images/nimg12_3.png) center no-repeat;
    background-size: 0.12rem;
}

.indexPart3 .toptop .btnDiv a:hover {
    background: #008fd7;
    color: #fff;
    border: #008fd7 solid 1px;
}

.indexPart3 .toptop .btnDiv a:hover:after {
    background: url(../images/nimg12_1.png) center no-repeat;
    background-size: 0.12rem;
}

.indexCase .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.indexCase .swiper-slide a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2.04rem;
    z-index: 1;
    background: url(../images/bg2.png) repeat-x;
}

.indexCase .swiper-slide .img img {
    width: 100%;
}

.indexCase .swiper-slide .layer {
    position: absolute;
    left: 0;
    bottom: 0.15rem;
    width: 100%;
    z-index: 2;
    padding-bottom: 0.45rem;
}

.indexCase .swiper-slide .name {
    font-size: 0.24rem;
    text-align: center;
    color: #fff;
}

.indexCase .swiper-slide .msg {
    text-align: center;
    font-size: 0.14rem;
    color: #ccc;
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.indexCase .swiper-slide .msg em {
    padding: 0 0.12rem;
}

.indexCase .swiper-slide:hover .layer {
    bottom: 0.6rem;
}

.indexCase .swiper-slide:hover .msg {
    opacity: 1;
}

.indexCase .swiper-button-prev {
    left: 1.5%;
    margin-top: -0.3rem;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.6);
    overflow: hidden;
}

.indexCase .swiper-button-next {
    right: 1.5%;
    margin-top: -0.3rem;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.6);
    overflow: hidden;
}

.indexCase .swiper-button-prev:before {
    content: '';
    width: 12px;
    height: 10px;
    background: url(../images/nimg12_2.png) no-repeat center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -6px;
    margin-top: -5px;
}

.indexCase .swiper-button-next:before {
    content: '';
    width: 12px;
    height: 10px;
    background: url(../images/nimg12_1.png) no-repeat center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -6px;
    margin-top: -5px;
}

.indexCase .swiper-button-prev:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0.6rem;
    background: #008fd7;
    z-index: -1;
}

.indexCase .swiper-button-next:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0.6rem;
    background: #008fd7;
    z-index: -1;
}

.indexCase .swiper-button-prev:hover:after {
    width: 100%;
}

.indexCase .swiper-button-next:hover:after {
    width: 100%;
}

.indexPart4 {
    padding-top: 1.3rem;
    height: 7.1rem;
    background: url(../images/indexpart4.jpg) center no-repeat;
    background-size: cover;
}

.indexPart4 .leftDiv {
    width: 9rem;
}

.indexPart4 .indexTitle .title1,
.indexPart4 .indexTitle .title2 {
    color: #fff;
}

.indexPart4 .content {
    padding-top: 0.2rem;
    font-size: 14px;
    color: #fff;
    line-height: 0.31rem;
}

.indexPart4 .btnDiv {
    padding-top: 0.5rem;
}

.indexPart4 .btnDiv a {
    display: block;
    position: relative;
    width: 2.25rem;
    height: 0.6rem;
    line-height: 0.6rem;
    background: #008fd7;
    color: #fff;
    font-weight: bold;
    font-size: 0.14rem;
    text-indent: 0.52rem;
}

.indexPart4 .btnDiv a:after {
    content: '';
    position: absolute;
    right: 0.5rem;
    top: 50%;
    width: 0.12rem;
    height: 0.1rem;
    margin-top: -0.05rem;
    background: url(../images/nimg12_1.png) center no-repeat;
    background-size: 0.12rem;
}

.indexPart4 .rightDiv {
    width: 5.99rem;
}

.indexPart4 .listTop,
.indexPart4 .listBot {
    border-left: rgba(255, 255, 255, 0.6) solid 1px;
}

.indexPart4 .rightDiv li {
    float: left;
    width: 50%;
    text-align: center;
}

.indexPart4 .rightDiv .li01 {
    display: none;
}

.indexPart4 .rightDiv li a {
    display: block;
    width: 100%;
    height: 100%;
}

.indexPart4 .rightDiv li .lbox {
    height: 2.4rem;
    padding-top: 0.44rem;
    border: rgba(255, 255, 255, 0.6) solid 1px;
    border-left: none;
}

.indexPart4 .rightDiv li .ico {
    margin: 0 auto 0.26rem;
    position: relative;
    width: 0.67rem;
}

.indexPart4 .rightDiv li .ico img {
    width: 0.67rem;
}

.indexPart4 .rightDiv li .ico .img1 {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
}

.indexPart4 .rightDiv li .C-name {
    color: #fff;
    font-size: 0.24rem;
    line-height: 0.24rem;
    padding-bottom: 0.12rem;
}

.indexPart4 .rightDiv li .E-name {
    font-size: 0.14rem;
    color: rgba(255, 255, 255, 0.4);
}

.indexPart4 .rightDiv li .lolo {
    padding-top: 0.24rem;
}

.indexPart4 .rightDiv .listBot {
    width: 2.99rem;
    float: right;
}

.indexPart4 .rightDiv .listBot li {
    width: 100%;
}

.indexPart4 .rightDiv .listBot li .lbox {
    border-top: none;
}

.indexPart4 .rightDiv li:hover .lbox {
    background: #fff;
}

.indexPart4 .rightDiv li:hover .C-name {
    color: #242424;
}

.indexPart4 .rightDiv li:hover .E-name {
    color: #999;
}

.indexPart4 .rightDiv li:hover .ico img {
    opacity: 0;
}

.indexPart4 .rightDiv li:hover .ico .img1 {
    opacity: 1;
}

.indexPart5 {
    padding: 1.5rem 0;
    background: url(../images/indexpart5.jpg) center no-repeat;
    background-size: cover;
}

.indexPart5 .indexTitle .title1,
.indexPart5 .indexTitle .title2 {
    color: #fff;
}

.indexPart5 .toptop {
    height: 1.8rem;
    position: relative;
}

.indexPart5 .btn {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 0.22rem;
    bottom: auto;
    border-left: rgba(255, 255, 255, 0.6) solid 1px;
}

.indexPart5 .btn li {
    height: 0.58rem;
    width: 1.78rem;
    line-height: 0.58rem;
    text-align: center;
    font-size: 0.18rem;
    border: rgba(255, 255, 255, 0.6) solid 1px;
    border-left: none;
    color: rgba(255, 255, 255, 0.6);
    float: left;
    cursor: pointer;
}

.indexPart5 .btn li.on {
    border: #fff solid 1px;
    color: #fff;
}

.indexPart5 .list {
    position: relative;
}

.indexPart5 .list .imgList {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.indexPart5 .imgDiv img {
    width: 100%;
}

.indexPart5 .midDiv {
    background: #fff;
    padding: 0.45rem 0.4rem 0.4rem;
}

.indexPart5 .name {
    height: 0.4rem;
    line-height: 0.4rem;
    font-size: 0.24rem;
    color: #333;
    overflow: hidden;
}

.indexPart5 .content {
    padding-top: 0.1rem;
    font-size: 0.14rem;
    color: #666;
    line-height: 0.36rem;
    height: 0.72rem;
    overflow: hidden;
}

.indexPart5 .botDiv {
    background: #fff;
    border-top: #ddd solid 1px;
    height: 0.72rem;
    position: relative;
}

.indexPart5 .time {
    font-weight: bold;
    padding-left: 0.4rem;
    line-height: 0.72rem;
    color: #999;
    font-size: 0.14rem;
}

.indexPart5 .ico {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0.86rem;
    height: 0.72rem;
    border-left: #ddd solid 1px;
    text-align: center;
    line-height: 0.72rem;
}

.indexPart5 .ico:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/nimg12_3.png) center no-repeat;
    background-size: 0.12rem;
}

.indexPart5 .swiper-slide:hover .ico {
    background: #008fd7;
}

.indexPart5 .swiper-slide:hover .ico:before {
    background: url(../images/nimg12_1.png) center no-repeat;
    background-size: 0.12rem;
}

.indexPart5 .se {
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    position: absolute;
    z-index: 10;
    left: auto;
    right: auto;
    top: 50%;
    margin-top: -0.3rem;
    bottom: auto;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.6);
    overflow: hidden;
}

.indexPart5 .arrow .prev {
    left: -1.2rem;
}

.indexPart5 .arrow .next {
    right: -1.2rem;
}

.indexPart5 .arrow .prev:before {
    content: '';
    width: 12px;
    height: 10px;
    background: url(../images/nimg12_2.png) no-repeat center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -6px;
    margin-top: -5px;
}

.indexPart5 .arrow .next:before {
    content: '';
    width: 12px;
    height: 10px;
    background: url(../images/nimg12_1.png) no-repeat center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -6px;
    margin-top: -5px;
}

.indexPart5 .arrow .prev:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0.6rem;
    background: #008fd7;
    z-index: -1;
}

.indexPart5 .arrow .next:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0.6rem;
    background: #008fd7;
    z-index: -1;
}

.indexPart5 .arrow .prev:hover:after {
    width: 100%;
}

.indexPart5 .arrow .next:hover:after {
    width: 100%;
}

.selectBox .liDiv {
    width: 25%;
    float: left;
}

.selectBox .select {
    width: 100%;
    position: relative;
    height: 72px;
}

.selectBox .select dt {
    height: 72px;
    line-height: 72px;
    display: inline-block;
    width: 100%;
    background: #242424 url(../images/selectico2.png) no-repeat right center;
    box-sizing: border-box;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    z-index: 5;
}

.selectBox .select dt:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #494949;
}

.selectBox .select dt a {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    position: relative;
    padding-left: 55px;
    display: block;
    text-align: left;
    overflow: hidden;
}

.selectBox .select dd {
    margin: 0;
    position: absolute;
    left: 0px;
    top: 72px;
    z-index: 100;
    width: 100%;
    box-sizing: border-box;
}

.selectBox .select dd ul {
    list-style: none;
    overflow: auto;
    padding: 0 55px;
    background: #008fd7;
    overflow-x: auto;
}

.selectBox .select dd ul li {
    width: 100%;
    text-align: left;
    line-height: 50px;
    height: 50px;
    cursor: pointer;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 16px;
}

.selectBox .select dd ul li:last-child {
    border-bottom: none;
}

.selectBox .select dd ul li:hover {
    color: #242424;
}

.selectBox .select.on dt {
    background: #008fd7 url(../images/selectico2on.png) no-repeat right center;
    box-sizing: border-box;
}

.selectBox .select.on dt:after {
    background: #008fd7;
}

.dmg li {
    float: left;
    width: 25%;
    height: 72px;
    font-size: 16px;
}

.dmg li a {
    padding-left: 55px;
    display: block;
    color: #fff;
    height: 72px;
    line-height: 72px;
    background: #242424 url(../images/selectico2.png) no-repeat right center;
    position: relative
}

.dmg li a:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #494949;
}

.dmg li .aNow {
    background: #008fd7 url(../images/selectico2on.png) no-repeat right center;
}

.product {
    padding-top: 100px;
}

.product .list li {
    float: left;
    width: 25%;
    position: relative;
    margin-bottom: 75px;
}

.product .list li:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #f5f5f5;
}

.product .list li:nth-child(4n):after {
    background: none;
}

.product .list li .imgDiv {
    width: 300px;
    height: 300px;
    overflow: hidden;
}

.product .list li .imgDiv img {
    width: 300px;
}

.product .list li .name {
    text-align: center;
    font-size: 18px;
    color: #333;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
}

.product .list li:hover .name {
    color: #008fd7;
}

.solution {
    padding: 30px 0 35px;
}

.solution li {
    height: 343px;
    position: relative;
}

.solution li:before {
    display: none;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 343px;
    background: #f5f5f5;
    z-index: 1;
}

.solution li:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 343px;
    background: #f5f5f5;
    z-index: 1;
}

.solution .li01:before {
    display: block;
}

.solution .li01:after {
    display: none;
}

.solution li .imgDiv {
    width: 600px;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.solution li .imgDiv img {
    width: 100%;
}

.solution li .mxfDiv {
    width: 600px;
    height: 343px;
    background: #f5f5f5;
    position: relative;
    z-index: 2;
}

.solution li .baozhe {
    padding-left: 85px;
    padding-top: 90px;
}

.solution .li01 .baozhe {
    padding-left: 0;
    padding-right: 100px;
}

.solution li .txtDiv {
    height: 92px;
    position: relative;
    background: url(../images/nimg453_1.png) no-repeat left center;
    margin-bottom: 40px;
}

.solution li .name1 {
    padding: 12px 0 0 35px;
    font-size: 30px;
    color: #333;
    line-height: 30px;
}

.solution li .name2 {
    padding: 15px 0 0 35px;
    color: #808080;
    font-size: 16px;
    text-transform: uppercase;
}

.solution li .botDiv {
    position: relative;
    height: 42px;
}

.solution li .more {
    height: 42px;
    padding-left: 35px;
    line-height: 42px;
}

.solution li .more a {
    display: block;
    width: 110px;
    height: 42px;
    line-height: 42px;
    font-weight: bold;
    font-size: 14px;
    color: #666;
    background: url(../images/nimg12_4.png) no-repeat right center;
}

.solution li:hover .more a {
    color: #008fd7;
}

.solution li:hover .imgDiv img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.solution li .ico {
    position: absolute;
    right: 0;
    top: 0;
}

.pageClass {
    padding: 20px 70px;
    box-shadow: 0px 9px 70px 0px rgba(0, 0, 0, 0.04);
}

.pageClass li {
    padding: 35px 0 35px 105px;
    border-bottom: #eee solid 1px;
    position: relative;
    min-height: 32px;
    overflow: hidden;
}

.pageClass li:last-child {
    border-bottom: none;
}

.pageClass li .all {
    position: absolute;
    left: 0;
    top: 35px;
}

.pageClass li .all a {
    cursor: pointer;
    display: block;
    padding: 0 18px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    font-size: 14px;
    /* background: rgba(234, 6, 6, 0.9); */
	background: rgba(0, 143, 215, 0.9);
}

.pageClass dd {
    float: left;
    padding: 0 22px;
    position: relative;
}

.pageClass dd:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 10px;
    margin-top: -5px;
    background: #ddd;
}

.pageClass dd:last-child:after {
    display: none;
}

.pageClass dd a {
    display: block;
    padding: 0 18px;
    height: 32px;
    line-height: 32px;
    color: #333;
    font-size: 14px;
}

.pageClass dd a:hover {
    /* background: rgba(234, 6, 6, 0.9);    */
	color: #fff;
	background: rgba(0, 143, 215, 0.9);
}

.pageClass .ddNow a {
    background: #014c8f;
    color: #fff;
}

.case {
    padding: 65px 0 40px;
}

.case .list ul {
    margin-right: -20px;
}

.case .list li {
    float: left;
    width: 50%;
    margin-bottom: 40px;
}

.case .list li .box {
    margin-right: 20px;
    box-shadow: 0px 9px 70px 0px rgba(0, 0, 0, 0.04);
    background: #fff;
}

.case .list li .imgDiv {
    overflow: hidden;
}

.case .list li .imgDiv img {
    width: 100%;
}

.case .list li .botDiv {
    padding: 55px 60px 65px;
	height: 93px
}

.case .list li .name {
    font-size: 24px;
    color: #333;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}

.case .list li .mxfDiv {
    padding-right: 90px;
    position: relative;
}

.case .list li .msg {
    padding-top: 15px;
    font-size: 14px;
    color: #666;
}

.case .list li .msg em {
    padding-right: 28px;
}

.case .list li .ico {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 45px;
    height: 43px;
    background: url(../images/nimg12_5.png) no-repeat center;
    border: #c2c2c2 solid 1px;
    border-radius: 50%;
}

.case .list li:hover .imgDiv img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.case .list li:hover .ico {
    background: #008fd7 url(../images/nimg12_1.png) no-repeat center;
    border: #008fd7 solid 1px;
    box-shadow: 2px 6px 9px 0px rgba(255, 112, 0, 0.24);
}

.casePart1 {
    background: #f2f2f2;
    padding-top: 90px;
    overflow: hidden;
}

.casePart1 .leftImg {
    width: 720px;
}

.casePart1 .leftImg img {
    width: 720px;
}

.casePart1 .rightCon {
    width: 395px;
}

.casePart1 .name1 {
    font-size: 24px;
    color: #333;
    padding-bottom: 15px;
}

.casePart1 .name2 {
    font-size: 14px;
    color: #999;
    padding-bottom: 50px;
    border-bottom: #ddd solid 1px;
}

.casePart1 .msgList {
    padding-top: 45px;
}

.casePart1 .msgList li {
    position: relative;
    padding: 0 0 25px 45px;
    font-size: 16px;
    line-height: 30px;
}

.casePart1 .msgList li img {
    position: absolute;
    left: 0;
    top: 4px;
}

.casePart1 .xinxiList {
    padding-top: 50px;
    overflow: hidden;
}

.casePart1 .xinxiList li {
    float: left;
    padding: 0 30px 10px 30px;
    font-size: 14px;
    color: #999;
    position: relative;
}

.casePart1 .xinxiList li img {
    position: absolute;
    left: 0;
    top: 0;
}

.casePart2 .wal4 {
    position: relative;
    padding: 75px 0 105px;
}

/*.casePart2 .wal4:before {
    content: '';
    position: absolute;
    left: 360px;
    width: 360px;
    top: 0;
    height: 12px;
    background: #008fd7;
}*/

.casePart2 .title {
    font-size: 24px;
    color: #000;
    padding-bottom: 35px;
}

.casePart2 .content {
    font-size: 14px;
    line-height: 32px;
    padding-bottom: 55px;
}

.casePart2 .imgDiv {
    padding: 45px 0;
    text-align: center;
}

.casePart2 .imgDiv img {
    max-width: 1200px;
}

.pageDown {
    border-top: #eee solid 1px;
    padding-top: 64px;
    height: 60px;
    position: relative;
}

.pageDown .btnDiv {
    position: absolute;
    right: 0;
    top: 64px;
}

.pageDown .btnDiv a {
    display: block;
    position: relative;
    width: 230px;
    height: 58px;
    line-height: 58px;
    text-indent: 96px;
    font-size: 16px;
    border: #ccc solid 1px;
}

.pageDown .btnDiv a:before {
    content: '';
    position: absolute;
    left: 56px;
    top: 50%;
    margin-top: -7px;
    width: 14px;
    height: 14px;
    background: url(../images/nimg14_1.png) no-repeat center;
}

.pageDown .btnDiv a:hover {
    border: #008fd7 solid 1px;
    background: #008fd7;
    color: #fff;
}

.pageDown .btnDiv a:hover:before {
    background: url(../images/nimg14_1on.png) no-repeat center;
}

.pageDown .list li a {
    position: relative;
    display: block;
    width: 228px;
    height: 58px;
    line-height: 58px;
    font-size: 16px;
    float: left;
}

.pageDown .list li .prev {
    border: #ccc solid 1px;
    /* border-right: none; */
    text-indent: 70px;
}

.pageDown .list li .prev:before {
    content: '';
    position: absolute;
    left: 30px;
    top: 50%;
    margin-top: -5px;
    width: 12px;
    height: 10px;
    background: url(../images/nimg12_6.png) no-repeat center;
}

.pageDown .list li .next {
    border: #ccc solid 1px;
    /* border-left: none; */
    text-indent: 62px;
}

.pageDown .list li .next:before {
    content: '';
    position: absolute;
    right: 64px;
    top: 50%;
    margin-top: -5px;
    width: 12px;
    height: 10px;
    background: url(../images/nimg12_7.png) no-repeat center;
}

.pageDown .list li a:hover {
    background: #008fd7;
    color: #fff;
}

.pageDown .list li .prev:hover {
    border: #008fd7 solid 1px;
    border-right: none;
}

.pageDown .list li .next:hover {
    border: #008fd7 solid 1px;
    border-left: none;
}

.pageDown .list li .prev:hover:before {
    background: url(../images/nimg12_2.png) no-repeat center;
}

.pageDown .list li .next:hover:before {
    background: url(../images/nimg12_1.png) no-repeat center;
}

.casePart3 {
    padding-top: 105px;
    background: #f5f5f5;
}

.casePart3 .title {
    text-align: center;
    padding-bottom: 70px;
    color: #333;
    font-weight: bold;
    font-size: 36px;
}

.newsPart1 {
    padding: 80px 0 95px;
    background: #f5f5f5;
}

.newsTab {
    padding-bottom: 56px;
}

.newsTab li {
    float: left;
    padding-right: 28px;
    margin-right: 18px;
    position: relative;
}

.newsTab li:after {
    content: '';
    width: 10px;
    height: 2px;
    background: #ccc;
    position: absolute;
    right: 0;
    top: 8px;
}

.newsTab li:last-child:after {
    display: none;
}

.newsTab li a {
    display: block;
    position: relative;
    height: 35px;
    line-height: 18px;
    font-size: 18px;
    color: #333;
}

.newsTab li a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 3px;
    background: #008fd7;
}

.newsTab li .aNow,
.newsTab li a:hover {
    color: #008fd7;
}

.newsTab li .aNow:after,
.newsTab li a:hover:after {
    width: 100%;
}

.newsPic .leftImg {
    width: 600px;
    height: 392px;
    background: #fff;
    overflow: hidden;
}

.newsPic .leftImg img {
    width: 600px;
}

.newsPic .rightCon {
    width: 500px;
}

.newsPic .time {
    font-weight: bold;
    font-size: 14px;
    color: #999;
    padding-bottom: 25px;
}

.newsPic .name {
    font-size: 24px;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
}

.newsPic .name a {
    display: block;
    color: #333;
}

.newsPic .name a:hover {
    color: #008fd7;
}

.newsPic .content {
    padding-top: 25px;
    line-height: 36px;
    font-size: 14px;
    overflow: hidden;
    height: 108px;
}

.newsPic .more {
    padding-top: 40px;
}

.newsPic .more a {
    display: block;
    width: 92px;
    font-size: 14px;
    line-height: 21px;
    color: #008fd7;
    position: relative;
}

.newsPic .more a:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 21px;
    height: 21px;
    background: url(../images/nimg21_1.png) no-repeat center;
    border-radius: 50%;
}

.newsPic .swiper-button-prev {
    left: auto;
    right: 90px;
    top: auto;
    bottom: 0;
    width: 58px;
    height: 58px;
    background: none;
    border-radius: 50%;
    border: #dcdcdc solid 1px;
    overflow: hidden;
}

.newsPic .swiper-button-next {
    right: 0;
    top: auto;
    bottom: 0;
    width: 58px;
    height: 58px;
    background: none;
    border-radius: 50%;
    border: #dcdcdc solid 1px;
    overflow: hidden;
}

.newsPic .swiper-button-prev:before {
    content: '';
    width: 12px;
    height: 10px;
    background: url(../images/nimg12_6.png) no-repeat center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -6px;
    margin-top: -5px;
}

.newsPic .swiper-button-next:before {
    content: '';
    width: 12px;
    height: 10px;
    background: url(../images/nimg12_7.png) no-repeat center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -6px;
    margin-top: -5px;
}

.newsPic .swiper-button-prev:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 58px;
    background: #014c8f;
    z-index: -1;
}

.newsPic .swiper-button-next:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 58px;
    background: #014c8f;
    z-index: -1;
}

.newsPic .swiper-button-prev:hover {
    border: #014c8f solid 1px;
}

.newsPic .swiper-button-next:hover {
    border: #014c8f solid 1px;
}

.newsPic .swiper-button-prev:hover:before {
    background: url(../images/nimg12_2.png) no-repeat center;
}

.newsPic .swiper-button-next:hover:before {
    background: url(../images/nimg12_1.png) no-repeat center;
}

.newsPic .swiper-button-prev:hover:after {
    width: 100%;
}

.newsPic .swiper-button-next:hover:after {
    width: 100%;
}

.newsPart2 {
    padding: 85px 0;
}

.newsPart2 .list {
    padding-bottom: 40px;
}

.newsPart2 .list ul {
    margin-right: -42px;
}

.newsPart2 .list li {
    float: left;
    width: 33.33%;
    padding-bottom: 56px;
}

.newsPart2 .list li .box {
    margin-right: 42px;
    box-shadow: 0px 9px 70px 0px rgba(0, 0, 0, 0.04);
    background: #fff;
}

.newsPart2 .list li .imgDiv {
    overflow: hidden;
    height: 243px;
    line-height: 243px;
}

.newsPart2 .list li .imgDiv img {
    width: 100%;
}

.newsPart2 .list li .midDiv {
    background: #fff;
    padding: 40px 40px 0.4rem;
}

.newsPart2 .list li .name {
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    color: #333;
    overflow: hidden;
}

.newsPart2 .list li .content {
    padding-top: 15px;
    font-size: 14px;
    color: #666;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
}

.newsPart2 .list li .botDiv {
    background: #fff;
    border-top: #ddd solid 1px;
    height: 60px;
    position: relative;
}

.newsPart2 .list li .time {
    font-weight: bold;
    padding-left: 40px;
    line-height: 60px;
    color: #999;
    font-size: 14px;
}

.newsPart2 .list li .ico {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 72px;
    height: 60px;
    border-left: #ddd solid 1px;
    text-align: center;
    line-height: 60px;
}

.newsPart2 .list li .ico:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/nimg12_3.png) center no-repeat;
    background-size: 0.12rem;
}

.newsPart2 .list li:hover .ico {
    background: #008fd7;
}

.newsPart2 .list li:hover .ico:before {
    background: url(../images/nimg12_1.png) center no-repeat;
}

.newsPart2 .list li:hover .imgDiv img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.newBox {
    position: relative;
	background: #f5f5f5;
}

.newBox:before {
  /*   content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: #f5f5f5;
    z-index: 1; */
}

.newShow {
    width: 840px;
    z-index: 2;
    position: relative;
    padding: 90px 0 135px;
    background: #fff;
}

.newShow .mxfDiv {
   /*  padding-right: 60px; */
    padding-left: 30px;
	 padding-right: 30px;
}

.newShow .name {
    font-size: 24px;
    color: #333;
    line-height: 36px;
    font-weight: bold;
}

.newShow .toptop {
    border-bottom: #ddd solid 1px;
    height: 65px;
    position: relative;
    padding-top: 15px;
}

.newShow .time {
    font-weight: bold;
    font-size: 14px;
    color: #999;
    line-height: 20px;
}

.newShow .share {
    position: absolute;
    right: 0;
    top: 15px;
}

.newShow .share li {
    float: left;
    margin-left: 10px;
}

.newShow .content {
    font-size: 14px;
    line-height: 36px;
    padding: 45px 0 80px;
	overflow:hidden;
}

.newShow .content img{width: 100%;}


.newShow .imgDiv {
    padding: 40px 0;
    text-align: center;
}

.newShow .imgDiv img {
    max-width: 780px;
}

.pageBtn ul {
    margin-right: -40px;
}

.pageBtn li {
    float: left;
    width: 33.33%;
}

.pageBtn li .box {
    margin-right: 40px;
}

.pageBtn li a {
    display: block;
    border: #ccc solid 1px;
    height: 58px;
    line-height: 58px;
    font-size: 16px;
    position: relative;
    overflow: hidden;
}

.pageBtn li .prev {
    text-indent: 110px;
}

.pageBtn li .prev:before {
    content: '';
    position: absolute;
    left: 64px;
    top: 50%;
    margin-top: -5px;
    width: 12px;
    height: 10px;
    background: url(../images/nimg12_6.png) no-repeat center;
}

.pageBtn li .next {
    text-indent: 72px;
}

.pageBtn li .next:before {
    content: '';
    position: absolute;
    right: 64px;
    top: 50%;
    margin-top: -5px;
    width: 12px;
    height: 10px;
    background: url(../images/nimg12_7.png) no-repeat center;
}

.pageBtn li .return {
    text-indent: 98px;
}

.pageBtn li .return:before {
    content: '';
    position: absolute;
    left: 55px;
    top: 50%;
    margin-top: -7px;
    width: 14px;
    height: 14px;
    background: url(../images/nimg14_1.png) no-repeat center;
}

.pageBtn li a:hover {
    border: #008fd7 solid 1px;
    background: #008fd7;
    color: #fff;
}

.pageBtn li .prev:hover:before {
    background: url(../images/nimg12_2.png) no-repeat center;
}

.pageBtn li .next:hover:before {
    background: url(../images/nimg12_1.png) no-repeat center;
}

.pageBtn li .return:hover:before {
    background: url(../images/nimg14_1on.png) no-repeat center;
}

.sideNews {
    width: 284px;
    padding-left: 76px;
    position: relative;
    z-index: 2;
    padding-top: 90px;
}

.sideNews .title {
    font-size: 24px;
    color: #333;
    line-height: 36px;
    font-weight: bold;
    padding-bottom: 55px;
}

.sideNews .list li {
    padding-bottom: 60px;
}

.sideNews .list li .imgDiv img {
    width: 100%;
}

.sideNews .list li .botDiv {
    padding: 0 45px;
    background: #fff;
    height: 125px;
}

.sideNews .list li .name {
    padding-top: 25px;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    font-size: 18px;
    color: #333;
}

.sideNews .list li .time {
    font-size: 14px;
    color: #999;
    padding-top: 10px;
}

.sideNews .list li:hover .name {
    color: #008fd7;
}

.solutionPart1 {
    padding: 90px 0 100px;
}

.solutionPart1 .title {
    font-weight: bold;
    font-size: 36px;
    color: #333;
    padding-bottom: 40px;
}

.solutionPart1 .content {
    font-size: 14px;
    line-height: 24px;
    height: 120px;
    overflow: hidden;
}

.solutionPart1 .content em {
    display: block;
    color: #333;
    font-size: 18px;
}

.solutionPart1 .btnList {
    padding-top: 70px;
}

.solutionPart1 .btnList li {
    float: left;
    padding-right: 60px;
}

.solutionPart1 .btnList li a {
    position: relative;
    padding-right: 38px;
    height: 21px;
    line-height: 21px;
    font-size: 16px;
    color: #008fd7;
}

.solutionPart1 .btnList li img {
    position: absolute;
    right: 0;
    top: 0;
}

.solutionPart1 .hideBox {
    display: none;
    padding-top: 0.6rem;
}

.solutionPart2 {
    background: #f5f5f5;
    padding: 60px 0 65px;
}

.solutionPart2 .title {
    text-align: center;
    font-weight: bold;
    font-size: 36px;
    color: #333;
    padding-bottom: 35px;
}

.systemPic {
    position: relative;
}

.systemPic .imgDiv img {
    width: 1200px;
}

.systemPic .prev {
    z-index: 5;
    left: -29px;
    position: absolute;
    display: block;
    background: #fff;
    width: 58px;
    height: 58px;
    top: 50%;
    margin-top: -29px;
    border-radius: 50%;
    border: #dcdcdc solid 1px;
    overflow: hidden;
    box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.05);
}

.systemPic .next {
    z-index: 5;
    right: -29px;
    position: absolute;
    display: block;
    background: #fff;
    width: 58px;
    height: 58px;
    top: 50%;
    margin-top: -29px;
    border-radius: 50%;
    border: #dcdcdc solid 1px;
    overflow: hidden;
    box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.05);
}

.systemPic .prev:before {
    content: '';
    width: 12px;
    height: 10px;
    background: url(../images/nimg12_6.png) no-repeat center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -6px;
    margin-top: -5px;
}

.systemPic .next:before {
    content: '';
    width: 12px;
    height: 10px;
    background: url(../images/nimg12_7.png) no-repeat center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -6px;
    margin-top: -5px;
}

.systemPic .prev:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 58px;
    background: #008fd7;
    z-index: -1;
}

.systemPic .next:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 58px;
    background: #008fd7;
    z-index: -1;
}

.systemPic .prev:hover {
    border: #008fd7 solid 1px;
    box-shadow: 0px 6px 16px 0px rgba(255, 112, 0, 0.16);
}

.systemPic .next:hover {
    border: #008fd7 solid 1px;
    box-shadow: 0px 6px 16px 0px rgba(255, 112, 0, 0.16);
}

.systemPic .prev:hover:before {
    background: url(../images/nimg12_2.png) no-repeat center;
}

.systemPic .next:hover:before {
    background: url(../images/nimg12_1.png) no-repeat center;
}

.systemPic .prev:hover:after {
    width: 100%;
}

.systemPic .next:hover:after {
    width: 100%;
}

.solutionPart3 {
    padding: 80px 0 70px;
}

.solutionPart3 .title {
    text-align: center;
    font-weight: bold;
    font-size: 36px;
    color: #333;
    padding-bottom: 40px;
}

.keroro {
    position: relative;
}

.keroro .swiper-slide {
    position: relative;
}

.keroro .swiper-slide:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #f5f5f5;
}

.keroro .swiper-slide:nth-child(4n):after {
    background: none;
}

.keroro .swiper-slide .imgDiv {
    width: 298px;
    height: 298px;
    overflow: hidden;
}

.keroro .swiper-slide .imgDiv img {
    width: 298px;
}

.keroro .swiper-slide .name {
    text-align: center;
    font-size: 18px;
    color: #333;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
}

.keroro .swiper-slide:hover .name {
    color: #008fd7;
}

.keroro .prev {
    z-index: 5;
    left: -29px;
    position: absolute;
    display: block;
    background: #fff;
    width: 58px;
    height: 58px;
    top: 50%;
    margin-top: -29px;
    border-radius: 50%;
    border: #dcdcdc solid 1px;
    overflow: hidden;
    box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.05);
}

.keroro .next {
    z-index: 5;
    right: -29px;
    position: absolute;
    display: block;
    background: #fff;
    width: 58px;
    height: 58px;
    top: 50%;
    margin-top: -29px;
    border-radius: 50%;
    border: #dcdcdc solid 1px;
    overflow: hidden;
    box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.05);
}

.keroro .prev:before {
    content: '';
    width: 12px;
    height: 10px;
    background: url(../images/nimg12_6.png) no-repeat center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -6px;
    margin-top: -5px;
}

.keroro .next:before {
    content: '';
    width: 12px;
    height: 10px;
    background: url(../images/nimg12_7.png) no-repeat center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -6px;
    margin-top: -5px;
}

.keroro .prev:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 58px;
    background: #008fd7;
    z-index: -1;
}

.keroro .next:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 58px;
    background: #008fd7;
    z-index: -1;
}

.keroro .prev:hover {
    border: #008fd7 solid 1px;
    box-shadow: 0px 6px 16px 0px rgba(255, 112, 0, 0.16);
}

.keroro .next:hover {
    border: #008fd7 solid 1px;
    box-shadow: 0px 6px 16px 0px rgba(255, 112, 0, 0.16);
}

.keroro .prev:hover:before {
    background: url(../images/nimg12_2.png) no-repeat center;
}

.keroro .next:hover:before {
    background: url(../images/nimg12_1.png) no-repeat center;
}

.keroro .prev:hover:after {
    width: 100%;
}

.keroro .next:hover:after {
    width: 100%;
}

.solutionPart3 .list li {
    float: left;
    width: 25%;
    position: relative;
}

.solutionPart3 .list li:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #f5f5f5;
}

.solutionPart3 .list li:nth-child(4n):after {
    background: none;
}

.solutionPart3 .list li .imgDiv {
    width: 298px;
    height: 298px;
    overflow: hidden;
}

.solutionPart3 .list li .imgDiv img {
    width: 298px;
}

.solutionPart3 .list li .name {
    text-align: center;
    font-size: 18px;
    color: #333;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
}

.solutionPart3 .list li:hover .name {
    color: #008fd7;
}

.aboutPart1 {
    padding: 80px 0 105px;
    overflow: hidden;
}

.aboutTab {
    padding-bottom: 86px;
}

.aboutTab li {
    float: left;
    padding-right: 28px;
    margin-right: 18px;
    position: relative;
}

.aboutTab li:after {
    content: '';
    width: 10px;
    height: 2px;
    background: #ccc;
    position: absolute;
    right: 0;
    top: 8px;
}

.aboutTab li:last-child:after {
    display: none;
}

.aboutTab li a {
    display: block;
    position: relative;
    height: 35px;
    line-height: 18px;
    font-size: 18px;
    color: #333;
}

.aboutTab li a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 3px;
    background: #008fd7;
}

.aboutTab li .aNow,
.aboutTab li a:hover {
    color: #008fd7;
}

.aboutTab li .aNow:after,
.aboutTab li a:hover:after {
    width: 100%;
}

.aboutPart1 .leftDiv {
    width: 360px;
}

.aboutPart1 .rightDiv {
    width: 840px;
    font-size: 14px;
    line-height: 36px;
}

.aboutPart1 .txtDiv .txt1 {
    font-size: 48px;
    color: #333;
    line-height: 60px;
    font-weight: bold;
}

.aboutPart1 .txtDiv .txt2 {
    font-size: 36px;
    color: #333;
}

.aboutPart1 .bigBox {
    position: relative;
    overflow: hidden;
    margin-bottom: 0.8rem;
}

.aboutPart1 .numList {
    position: absolute;
    left: 0;
    bottom: 0;
}

.aboutPart1 .numList li {
    padding-top: 80px;
}

.aboutPart1 .numList li p {
    font-size: 18px;
    padding-bottom: 8px;
}

.aboutPart1 .numList li .mxf {
    font-size: 18px;
    overflow: hidden;
}

.aboutPart1 .numList li .num {
    font-size: 60px;
    color: #008fd7;
    line-height: 60px;
    font-weight: bold;
}

.aboutPart1 .numList li .sil {
    padding-left: 5px;
}

.aboutPart1 .numList li .zi {
    font-size: 24px;
     /* color: #f34545; */
	color: #008fd7;
}

.aboutPart2 li {
    float: left;
    width: 33.33%;
    background: #f6f6f6;
    height: 4.76rem;
    position: relative;
}

.aboutPart2 .li01 {
    background: #f2f2f2;
}

.aboutPart2 li .ico {
    padding: 0.95rem 0 0.45rem;
    text-align: center;
}

.aboutPart2 li .ico img {
    width: 0.66rem;
}

.aboutPart2 li .name {
    font-size: 0.3rem;
    color: #333;
    text-align: center;
}

.aboutPart2 li .msg {
    font-size: 0.18rem;
    text-align: center;
    padding: 0.2rem 0 0.5rem;
}

.aboutPart2 li .txt {
    font-size: 14px;
    color: #999;
    text-align: center;
}

.aboutPart2 li .txt b {
    display: block;
    text-transform: uppercase;
}

.aboutPart2 li .num {
    position: absolute;
    right: 0.95rem;
    top: 0.65rem;
    font-size: 0.24rem;
    color: #ccc;
    font-weight: bold;
}

.aboutPart3 {
    padding: 100px 0 120px;
}

.aboutPart3 .title {
    text-align: center;
    font-size: 30px;
    color: #333;
    line-height: 30px;
    font-weight: bold;
    padding-bottom: 50px;
}

.honorPic {
    position: relative;
}

.honorPic .swiper-slide {
    background: #f0f0f0;
   /*  height: 540px; */
    text-align: center;
}

.honorPic .swiper-slide .imgDiv {
    padding-top: 50px;
}

.honorPic .swiper-slide .imgDiv img {
    width: 257px;
}

.honorPic .swiper-slide .name {
    font-size: 16px;
    padding: 40px 40px 0;
    line-height: 32px;
}

.honorPic .prev {
    z-index: 5;
    left: -120px;
    position: absolute;
    display: block;
    background: #ccc;
    width: 60px;
    height: 60px;
    top: 50%;
    margin-top: -30px;
    border-radius: 50%;
    overflow: hidden;
}

.honorPic .next {
    z-index: 5;
    right: -120px;
    position: absolute;
    display: block;
    background: #ccc;
    width: 60px;
    height: 60px;
    top: 50%;
    margin-top: -30px;
    border-radius: 50%;
    overflow: hidden;
}

.honorPic .prev:before {
    content: '';
    width: 12px;
    height: 10px;
    background: url(../images/nimg12_2.png) no-repeat center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -6px;
    margin-top: -5px;
}

.honorPic .next:before {
    content: '';
    width: 12px;
    height: 10px;
    background: url(../images/nimg12_1.png) no-repeat center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -6px;
    margin-top: -5px;
}

.honorPic .prev:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 60px;
    background: #008fd7;
    z-index: -1;
}

.honorPic .next:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 60px;
    background: #008fd7;
    z-index: -1;
}

.honorPic .prev:hover:after {
    width: 100%;
}

.honorPic .next:hover:after {
    width: 100%;
}

.aboutPart4 {
    padding: 95px 0 100px;
    background: url(../images/bg3.jpg) center repeat;
}

.aboutPart4 .title {
    text-align: center;
    font-size: 30px;
    color: #333;
    line-height: 30px;
    font-weight: bold;
    padding-bottom: 50px;
}

.factoryPic {
    position: relative;
}

.factoryPic .swiper-slide {
    background: #fff;
    text-align: center;
}

.factoryPic .swiper-slide .imgDiv {
    overflow: hidden;
}

.factoryPic .swiper-slide .imgDiv img {
    width: 100%;
}

.factoryPic .swiper-slide .name {
    font-size: 16px;
    height: 70px;
    line-height: 70px;
}


.factoryPic .prev {
    z-index: 5;
    left: -120px;
    position: absolute;
    display: block;
    background: #ccc;
    width: 60px;
    height: 60px;
    top: 50%;
    margin-top: -30px;
    border-radius: 50%;
    overflow: hidden;
	transition: All 0.5s ease;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
}

.factoryPic .next {
    z-index: 5;
    right: -120px;
    position: absolute;
    display: block;
    background: #ccc;
    width: 60px;
    height: 60px;
    top: 50%;
    margin-top: -30px;
    border-radius: 50%;
    overflow: hidden;
	transition: All 0.5s ease;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
}

.factoryPic .prev:before {
    content: '';
    width: 12px;
    height: 10px;
    background: url(../images/nimg12_2.png) no-repeat center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -6px;
    margin-top: -5px;
}

.factoryPic .next:before {
    content: '';
    width: 12px;
    height: 10px;
    background: url(../images/nimg12_1.png) no-repeat center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -6px;
    margin-top: -5px;
}

.factoryPic .prev:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 60px;
    background: #008fd7;
	transition: All 0.5s ease;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
    z-index: -1;
}

.factoryPic .next:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 60px;
    background: #008fd7;
	transition: All 0.5s ease;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
    z-index: -1;
}

.factoryPic .prev:hover:after {
    width: 100%;
	transition: All 0.5s ease;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
}

.factoryPic .next:hover:after {
    width: 100%;
	transition: All 0.5s ease;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
}
/* 
.factoryPic .prev {
    z-index: 5;
    left: -70px;
    position: absolute;
    display: block;
    background: url(../images/nimg12_6.png) center no-repeat;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    top: 50%;
    margin-top: -30px;
    overflow: hidden;
}

.factoryPic .next {
    z-index: 5;
    right: -70px;
    position: absolute;
    display: block;
    background: url(../images/nimg12_7.png) center no-repeat;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    top: 50%;
    margin-top: -30px;
    overflow: hidden;
}

.factoryPic .swiper-slide:hover .imgDiv img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.factoryPic .prev:hover {
    background: url(../images/nimg12_8.png) center no-repeat;
}

.factoryPic .next:hover {
    background: url(../images/nimg12_4.png) center no-repeat;
} */

.supportPart1 {
    padding-top: 90px;
    overflow: hidden;
}

.supportPart1 .leftImg {
    width: 600px;
}

.supportPart1 .rightDiv {
    width: 530px;
}

.supportPart1 .title {
    padding-top: 15px;
    height: 86px;
    position: relative;
    font-size: 30px;
    color: #333;
}

.supportPart1 .title:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 20px;
    height: 2px;
    background: #008fd7;
}

.supportPart1 .content {
    padding-top: 35px;
    font-size: 14px;
    line-height: 36px;
}

.supportPart2 {
    background: #f8f8f8;
    overflow: hidden;
}

.supportPart2 .wal4 {
    position: relative;
    padding: 115px 0 10px;
}

.supportPart2 .wal4:before {
    content: '';
    position: absolute;
    left: 240px;
    width: 360px;
    top: 0;
    height: 16px;
    background: #008fd7;
}

.supportPart2 .list_l {
    width: 418px;
}

.supportPart2 .list_r {
    width: 402px;
}

.supportPart2 .list li {
    position: relative;
    padding-left: 106px;
    height: 160px;
}

.supportPart2 .list li .ico {
    position: absolute;
    left: 0;
    top: 0;
}

.supportPart2 .list li .name {
    font-size: 24px;
    color: #333;
}

.supportPart2 .list li .msg {
    font-size: 14px;
    line-height: 22px;
    padding-top: 10px;
}

.supportPart2 .imgDiv {
    padding-left: 65px;
}

.supportPart3 {
    padding: 65px 0 85px;
}

.supportPart3 .title {
    text-align: center;
    font-size: 30px;
    color: #333;
    line-height: 30px;
    padding-bottom: 40px;
}

.supportPart3 .list {
    border-top: #ddd solid 1px;
}

.supportPart3 .list li {
    border: #ddd solid 1px;
    border-top: none;
    border-bottom: none;
}

.supportPart3 .list li .msgDiv {
    height: 70px;
    line-height: 70px;
    border-bottom: #ddd solid 1px;
}

.supportPart3 .list li .msgDiv a {
    display: block;
    padding-left: 56px;
    font-size: 16px;
    color: #333;
    background: url(../images/ico1.png) right center no-repeat;
}

.supportPart3 .list li.liNow .msgDiv a {
    background: url(../images/ico1on.png) right center no-repeat;
}

.supportPart3 .list li .box {
    display: none;
    padding: 40px 95px;
    border-bottom: #ddd solid 1px;
}

.supportPart3 .list dd {
    padding-bottom: 30px;
}

.supportPart3 .list dd .txt {
    font-size: 14px;
    color: #333;
    padding-bottom: 15px;
}

.supportPart3 .list dd .wen {
    font-size: 14px;
    color: #999;
}

.supportPart4 {
    padding: 60px 0 70px;
    background: #f8f8f8;
}

.supportPart4 .title {
    text-align: center;
    font-size: 30px;
    color: #333;
    line-height: 30px;
    padding-bottom: 35px;
}

.supportPart4 .table {
    padding-bottom: 48px;
}

.supportPart4 table th {
    height: 60px;
    background: #fff;
    font-size: 14px;
    color: #333;
    text-align: left;
}

.supportPart4 table .th01 {
    padding-left: 52px;
    width: 405px;
}

.supportPart4 table .th02 {
    width: 256px;
}

.supportPart4 table .th03 {
    width: 410px;
}

.supportPart4 table td {
    height: 58px;
    background: #f8f8f8;
    font-size: 14px;
    color: #999;
}

.supportPart4 table td.other {
    background: #fff;
}

.supportPart4 table .td01 {
    padding-left: 52px;
    width: 405px;
}

.supportPart4 table .td02 {
    width: 256px;
}

.supportPart4 table .td03 {
    width: 410px;
}

.supportPart5 {
    background: url(../images/supportbg.jpg) center no-repeat;
    background-size: cover;
    padding-top: 110px;
    height: 735px;
    overflow: hidden;
}

.supportPart5 .leftDiv {
    width: 360px;
}

.supportPart5 .ico {
    padding-bottom: 45px;
}

.supportPart5 .title1 {
    font-size: 36px;
    color: #fff;
    font-weight: bold;
    line-height: 36px;
    text-transform: uppercase;
}

.supportPart5 .title2 {
    font-size: 24px;
    color: #fff;
    padding-top: 15px;
}

.supportPart5 .rightDiv {
    width: 840px;
}

.supportPart5 .form {
    margin-right: -45px;
}

.supportPart5 .form .liDiv {
    float: left;
    width: 50%;
    padding-bottom: 20px;
}

.supportPart5 .form .liDiv2 {
    width: 100%;
}

.supportPart5 .form .liDiv .mxfDiv {
    margin-right: 45px;
    height: 60px;
    border: #95999d solid 1px;
    border-radius: 4px;
}

.supportPart5 .form .input1 {
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    color: #ccc;
    text-indent: 20px;
}

.supportPart5 .form .select {
    width: 100%;
    position: relative;
    height: 60px;
}

.supportPart5 .form .select dt {
    height: 60px;
    line-height: 60px;
    display: inline-block;
    width: 100%;
    background: url(../images/selectico3.png) no-repeat right center;
    box-sizing: border-box;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    z-index: 5;
}

.supportPart5 .form .select dt a {
    font-size: 14px;
    color: #ccc;
    position: relative;
    padding-left: 20px;
    display: block;
    text-align: left;
    overflow: hidden;
}

.supportPart5 .form .select dd {
    margin: 0;
    position: absolute;
    left: 0px;
    top: 72px;
    z-index: 100;
    width: 100%;
    box-sizing: border-box;
}

.supportPart5 .form .select dd ul {
    list-style: none;
    overflow: auto;
    padding: 20px;
    background: #fff;
    overflow-x: auto;
    border-radius: 4px;
}

.supportPart5 .form .select dd ul li {
    width: 100%;
    text-align: left;
    line-height: 30px;
    padding: 8px 0;
    cursor: pointer;
    border-bottom: 1px solid #f5f5f5;
    color: #808080;
    font-size: 13px;
}

.supportPart5 .form .select dd ul li:last-child {
    border-bottom: none;
}

.supportPart5 .form .select dd ul li:hover {
    color: #008fd7;
}

.supportPart5 .form .select.on dt {
    background: url(../images/selectico3on.png) no-repeat right center;
    box-sizing: border-box;
}

.supportPart5 .form .box {
    margin-right: 45px;
    border: #95999d solid 1px;
    border-radius: 4px;
    background: #fff;
}

.supportPart5 .form textarea {
    width: 100%;
    height: 183px;
    padding: 10px;
    font-size: 14px;
}

.supportPart5 .btnDiv a {
    display: block;
    width: 396px;
    height: 62px;
    border-radius: 4px;
    background: #008fd7;
    text-align: center;
    line-height: 62px;
    color: #fff;
    font-size: 14px;
}

.job .list li {
    background: #f4f4f4;
    padding: 80px 0 70px;
    position: relative;
}

.job .list .li01 {
    background: #fff;
}

.job .list li .toptop {
    position: relative;
    padding-left: 350px;
}

.job .list li .leftDiv {
    position: absolute;
    left: 0;
    top: 0;
    width: 262px;
    height: 65px;
}

.job .list li .leftDiv:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #dcdcdc;
}

.job .list li .name {
    font-size: 24px;
    color: #333;
    padding-bottom: 15px;
    position: relative;
}

.job .list li .toptop a {
    display: block;
    background: url(../images/ico2.png) no-repeat right 25px;
}

.job .list li .msg {
    color: #999;
}

.job .list li .msg em {
    padding-right: 20px;
}

.job .list li .txt {
    font-size: 18px;
    color: #333;
    padding-bottom: 12px;
}

.job .list li .content {
    font-size: 14px;
    color: #7c7c7c;
    line-height: 28px;
    padding-right: 250px;
}

.job .list li .hideBox {
    display: none;
    padding: 60px 0 0 350px;
}

.job .list li .tips {
    padding-top: 50px;
    color: #333;
}

.job .list li .tips img {
    padding-right: 12px;
}

.job .list .liNow .toptop a {
    background: url(../images/ico2on.png) no-repeat right 25px;
}

.contactPart1 {
    padding: 75px 0 50px;
}

.contactPart1 .list {
    padding-top: 10px;
}

.contactPart1 .list ul {
    margin-right: -18px;
}

.contactPart1 .list li {
    float: left;
    width: 50%;
}

.contactPart1 .list li .box {
    margin-right: 18px;
    height: 390px;
    background: #f8f8f8;
    padding: 0 48px;
}

.contactPart1 .list li .name {
    padding-top: 60px;
    height: 68px;
    border-bottom: #ddd solid 1px;
}

.contactPart1 .list li .name em {
    display: block;
    height: 36px;
    line-height: 36px;
    font-size: 24px;
    color: #333;
    position: relative;
}

.contactPart1 .list li .name em:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px;
    width: 18px;
    height: 24px;
    background: url(../images/nimg18_2.png) center no-repeat;
    display: none;
}

.contactPart1 .list li .msg {
    padding-top: 45px;
}

.contactPart1 .list li .msg dd {
    height: 40px;
    line-height: 40px;
    position: relative;
    padding-left: 42px;
    font-size: 13px;
    padding-bottom: 20px;
}

.contactPart1 .list li .msg dd img {
    position: absolute;
    left: 0;
    top: 8px;
}

.contactPart1 .list li:hover .box {}


/*.contactMap img{ width: 100%; }*/

.contactMap #allmap {
    width: 100%;
    height: 550px;
}

.contactMap #allmap1 {
    width: 100%;
    height: 550px;
}

.contactPart2 {
    padding: 95px 0 120px;
    background: url(../images/contactbg.png) center bottom no-repeat;
}

.contactPart2 .title {
    text-align: center;
    font-size: 36px;
    color: #333;
    line-height: 36px;
    padding-bottom: 75px;
}

.contactPart2 .form ul {
    margin-right: -26px;
}

.contactPart2 .form li {
    float: left;
    width: 50%;
    padding-bottom: 30px;
}

.contactPart2 .form .li01 {
    width: 100%;
}

.contactPart2 .form li .box {
    margin-right: 26px;
    border: #ccc solid 1px;
    border-radius: 4px;
    position: relative;
    background: #fff;
    padding: 0 60px 0 125px;
}

.contactPart2 .form li .txt {
    position: absolute;
    left: 30px;
    top: 0;
    line-height: 60px;
    font-size: 16px;
    color: #999;
}

.contactPart2 .form li .txt em {
    color: #d23638;
}

.contactPart2 .form li .ico {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
}
.contactPart2 .form li .ico.code {
        margin-top: -0.35rem;
    }
  .contactPart2 .form li .ico img#changeImage{
        width: 1.64rem;
    }
.contactPart2 .form .li01 .ico {
    top: 20px;
    margin-top: 0;
}

.contactPart2 .form li .input1 {
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
}

.contactPart2 .form textarea {
    width: 100%;
    height: 300px;
    padding: 15px 0;
    line-height: 26px;
    font-size: 16px;
}

.contactPart2 .btnDiv a {
    display: block;
    width: 585px;
    height: 60px;
    border-radius: 4px;
    background: #008fd7;
    color: #fff;
    text-align: center;
    line-height: 60px;
    font-size: 16px;
}

.productPart1 {
    padding: 120px 0 40px;
    position: relative;
}

/* .productPart1:after {
    content: '';
    position: absolute;
    right: 0.5rem;
    bottom: 2.2rem;
    width: 11.5rem;
    height: 2.22rem;
    background: url(../images/nimg1150_1.png) center no-repeat;
    background-size: 11.5rem;
} */

.productPart1 .leftDiv {
    width: 270px;
}

.productPart1 .name {
    padding-top: 20px;
    font-size: 30px;
    line-height: 30px;
    color: #333;
}

.productPart1 .type {
    padding-top: 15px;
    font-weight: bold;
    font-size: 36px;
    color: #333;
    line-height: 36px;
}

.productPart1 .msgList {
    padding-top: 60px;
}

.productPart1 .msgList li {
    font-size: 16px;
    line-height: 36px;
}

.productPart1 .btnDiv {
    padding-top: 90px;
}

.productPart1 .btnDiv a {
    display: block;
    position: relative;
    width: 240px;
    height: 60px;
    line-height: 60px;
    border-radius: 4px;
    background: #008fd7;
    font-size: 14px;
    color: #fff;
    text-indent: 65px;
}

.productPart1 .btnDiv a:after {
    content: '';
    position: absolute;
    right: 47px;
    top: 50%;
    margin-top: -10px;
    width: 21px;
    height: 21px;
    background: url(../images/nimg21_6.png) center no-repeat;
}

.productPart1 .btnDiv a:hover {
    box-shadow: 2px 9px 12px 0px rgba(255, 112, 0, 0.38);
}

.productPart1 .rightDiv {
    width: 880px;
}

.productPic {
    width: 880px;
    position: relative;
}

.productPic .swiper-pagination-bullet {
    height: 86px;
    line-height: 86px;
    font-size: 18px;
    color: #999;
    font-weight: bold;
    display: block;
    width: 100px;
    height: auto;
    opacity: 1;
    border: none;
    background: none;
    border-radius: 4px;
    margin-right: 14px!important;
}

.productPic .swiper-pagination-bullet-active {
    background: url(../images/line1.jpg) no-repeat right center;
    color: #008fd7;
    text-align: left;
}

.productPic .swiper-pagination {
    width: auto!important;
    text-align: right;
    left: auto!important;
    right: 0!important;
    top: 0!important;
    margin-left: 0px!important;
}

.productPart2 {
    position: relative;
    overflow: hidden;
}
.productPart2 img{
    max-width: 100%;
}

.productPart2 .bg img {
    width: 100%;
}

.productPart2 .txt {
    font-size: 30px;
    color: #fff;
    padding-top: 50px;
    font-weight: bold;
}

.productPart2 .msg {
    font-size: 18px;
    color: #fff;
    padding-top: 10px;
}

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

.productPart2 .layer {
    position: absolute;
    left: 0;
    width: 100%;
    top: 56%;
    z-index: 2;
    text-align: center;
}

.productPart3 {
    position: relative;
    overflow: hidden;
}
.productPart3 img{
max-width: 100%;
}

.productPart3 .bg img {
    width: 100%;
}

.productPart3 .layer {
    position: absolute;
    right: 8%;
    width: 20%;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
    color: #333;
}

.productPart3 .txt {
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    padding-bottom: 30px;
    position: relative;
}


/*.productPart3 .txt:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 20px; height: 2px; background: #333; }*/

.productPart3 .msg {
    font-size: 18px;
    padding-top: 45px;
}

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

.productPart4 .bg img {
    width: 100%;
}

.productPart4 .layer {
    position: absolute;
    left: 8%;
    width: 20%;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
    color: #fff;
}

.productPart4 .txt {
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    padding-bottom: 30px;
    position: relative;
}


/*.productPart4 .txt:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 20px; height: 2px; background: #fff; }*/

.productPart4 .msg {
    font-size: 18px;
    padding-top: 45px;
}

.productPart5 {
    padding: 80px 0 95px;
    background: #f6f6f6;
}

.productPart5 .title {
    text-align: center;
    font-size: 36px;
    color: #333;
    line-height: 36px;
    padding-bottom: 55px;
}

.productPart5 .table {
    text-align: center;
    overflow: auto;
}

.productPart5 .table img{width:100%;}

.productPart5 .table table {
    display: inline-block;
}

.productPart5 .table td {
    height: 62px;
    font-size: 14px;
    color: #999;
    /*background: #fff;*/
}


/*.productPart5 .table td.other{ background: #f6f6f6; }*/

.productPart5 .table .td01 {
    padding-left: 28px;
    width: 200px;
    color: #014c8f;
}

.productPart5 .table .td02 {
    width: 168px;
}

.productPart5 .table .td03 {
    width: 182px;
}

.productPart5 .table .td04 {
    width: 168px;
}

.productPart5 .table .td05 {
    width: 170px;
}

.productPart6 {
    position: relative;
}

.productPart6 .bigImg img {
    width: 100%;
}

.productPart6 .agentlist {
    position: absolute;
    width: 1200px;
    left: 50%;
    bottom: 75px;
    margin-left: -600px;
    z-index: 1;
}

.productPart6 .agentlist .slick-slide {
    cursor: pointer;
    margin: 0 8px;
    position: relative;
}

.productPart6 .agentlist .slick-slide:after {
    opacity: 0;
    z-index: 1;
    content: '';
    position: absolute;
    left: 8px;
    top: 0;
    width: 100%;
    height: 100%;
    /* background: rgba(234, 6, 6, 0.8); */
	background: rgba(0, 143, 215, 0.8);
}

.productPart6 .agentlist .imgDiv {
    border: #9b9b9a solid 1px;
}

.productPart6 .agentlist .imgDiv img {
    width: 100%;
}

.productPart6 .agentlist .name {
    z-index: 2;
    position: absolute;
    text-align: center;
    left: 0;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    color: #fff;
}

.productPart6 .agentlist .slick-current:after {
    opacity: 1;
}

.productPart6 .slick-prev {
    position: absolute;
    display: block;
    width: 9px;
    height: 17px;
    background: url(../images/nimg9_left.png) center no-repeat;
    left: 50%;
    margin-left: -630px;
    top: 50%;
    margin-top: -8px;
}

.productPart6 .slick-next {
    position: absolute;
    display: block;
    width: 9px;
    height: 17px;
    background: url(../images/nimg9_right.png) center no-repeat;
    right: 50%;
    margin-right: -630px;
    top: 50%;
    margin-top: -8px;
}

.productNav {
    position: fixed;
    border-top: #ddd solid 1px;
    border-right: #ddd solid 1px;
    left: 0;
    top: 50%;
    margin-top: -185px;
    z-index: 5;
}

.productNav .close {
    display: block;
    width: 42px;
    height: 42px;
    position: absolute;
    right: -21px;
    top: -21px;
}

.productNav li {
    border-bottom: #ddd solid 1px;
    height: auto;
    width: 100px;
    line-height: 56px;
    font-size: 14px;
    text-align: center;
}

.productNav li a {
    display: block;
    color: #333;
    height: auto;
    background: #fff;
}

.productNav li .aNow {
    background: #008fd7;
    color: #fff;
}

.videoLayer {
    display: none;
    position: absolute;
    width: 860px;
    height: 550px;
    background: #fff;
    z-index: 100;
}

.videoLayer .close {
    position: absolute;
    right: 15px;
    top: 15px;
    display: block;
    width: 27px;
    height: 27px;
    background: url(../images/close2.png) no-repeat;
}

.videoLayer .imgDiv {
    padding: 56px 30px 0;
}

.videoLayer .imgDiv img {
    width: 800px;
}

.videoLayer video {
    width: 100%;
}
.c_rosd{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}