.fixban{
  position: fixed;
  top: 0px;
  left: 0;
  width: 100%;
}
.main-wrap{
  position: relative;
  z-index: 4;
  background-color: #fff;
}
/* .fixban.ind-banner .onebox{
  margin-top: 150px;
} */

/*banner*/
.ind-banner{width: 100%; overflow: hidden;} 
.ind-banner .swiper-slide {position: relative;}
.ind-banner .swiper-slide .bg img{width: 100%;}
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .onebox{ position: absolute; left: 0; width: 100%; text-align: center; top: 50%; transform: translateY(-65%); color: #fff;} 
.ind-banner .onebox .txt1{ font-size: 0.48rem; line-height: 0.48rem; font-weight: bold;}
.ind-banner .onebox .txt2{ font-size: 0.36rem; padding-top: 0.15rem; }
.ind-banner .twobox{ position: absolute; left: 50%; margin-left: -7.68rem; top: 40%; transform: translateY(-60%); color: #fff;} 
.ind-banner .twobox .txt1{ font-size: 0.48rem; line-height: 0.48rem; font-weight: bold;}
.ind-banner .twobox .txt2{ font-size: 0.24rem; padding: 0.2rem 0 0.5rem; }
.ind-banner .twobox .btnDiv{ width: 138px; height: 44px; border: #fff solid 2px; text-align: center; line-height: 44px; color: #fff; font-size: 14px; text-transform: uppercase; }
.ind-banner .swiper-pagination{ position: absolute; text-align: center; left: 0!important; width: 100%!important; bottom: 0.6rem!important; } 
.ind-banner .swiper-pagination-bullet { position: relative; width: auto; width: 40px; height: 3px; opacity: 1; border-radius: 0; background: rgba(255,255,255,0.6); margin-left: 4px!important; margin-right: 4px; } 
.ind-banner .swiper-pagination-bullet-active { background: #fff; }
.ind-banner .swiper-button-prev{ z-index: 2; position: absolute; top: 50%; margin-top: -14px; left: 1.0rem; width: 15px; height: 28px;  background: url(../images/nimg15_left.png) center no-repeat; }
.ind-banner .swiper-button-next{ z-index: 2; position: absolute; top: 50%; margin-top: -14px; right: 1.0rem; width: 15px; height: 28px; background: url(../images/nimg15_right.png) center no-repeat; }
/*banner结束*/

.indexPart1{ overflow: hidden; height: 9.2rem; position: relative;}
.indexPart1:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 50%; height: 100%; background: url(../images/nimg960Bg0.jpg) center no-repeat; background-size: cover; }
.indexPart1:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 50%; height: 100%; background: url(../images/nimg960Bg1.jpg) center no-repeat; background-size: cover; }
.indexPart1 .leftDiv{ width: 50%; padding-top: 1.1rem; position: relative; z-index: 1;}
.indexPart1 .leftDiv .txt{ font-size: 0.48rem; line-height: 0.48rem; font-weight: bold; color: #143c9b; text-transform: uppercase; padding-bottom: 0.3rem;}
.indexPart1 .leftDiv .wen{ font-size: 0.3rem; line-height: 0.36rem; color: #222; padding-bottom: 0.25rem;}
.indexPart1 .leftDiv .content{ font-size: 16px; color: #828282; line-height: 30px; padding-right: 1.2rem; }
.indexPart1 .leftDiv .name{ font-size: 0.48rem; line-height: 0.48rem; padding-top: 0.7rem; text-transform: uppercase; color: #dfdfdf; font-family:mont; }
.indexPart1 .btnDiv{ padding-top: 0.45rem; }
.indexPart1 .btnDiv a{ display: block; width: 1.36rem; height: 0.42rem; border: #143c9b solid 2px; line-height: 0.42rem; color: #143c9b; font-size: 14px; font-weight: bold; text-align: center; text-transform: uppercase; }
.indexPart1 .btnDiv a:hover{ background: #143c9b; color: #fff; }
.indexPart1 .rightDiv{ width: 50%; padding-top: 1.25rem; height: 7.95rem; position: relative; z-index: 1;}
.indexPart1 .numList{ width: 6.6rem; }
.indexPart1 .numList li{ float: left; padding-bottom: 0.5rem; width: 50%; color: #fff;}
.indexPart1 .numList li:nth-child(even){ float: right;}
.indexPart1 .numList li:last-child{ width: 100%; }
.indexPart1 .numList li p{ font-size: 0.18rem; padding-bottom: 0.2rem; }
.indexPart1 .numList li b{ padding-right: 8px; }
.indexPart1 .numList li .num{ font-size: 24px; padding-bottom: 0.2rem; }
.indexPart1 .numList li .numUp{ font-family:gotham; font-size: 0.48rem; line-height: 0.48rem; padding-right: 0.1rem; }
.indexPart1 .botList{ position: absolute; z-index: 1; left: 50%; bottom: 0.7rem; margin-left: -7.68rem; width: 15.36rem; height: 1.86rem; background: #fff; box-shadow: 0px 3px 60px 0px rgba(0, 0, 0, 0.04); }
.indexPart1 .botList li{ float: left; width: 20%; height: 1.86rem; overflow: hidden; position: relative;}
.indexPart1 .botList li .mxfDiv{ padding: 0 0.6rem 0 0.45rem; }
.indexPart1 .botList li .name{ font-size: 0.24rem; color: #2f55aa; line-height: 0.24rem; padding-top: 0.45rem; padding-bottom: 0.3rem; font-weight: bold; }
.indexPart1 .botList li .ico{ padding-top: 0.3rem; }
.indexPart1 .botList li .msg{ font-size: 0.16rem; line-height: 26px; height: 9px; color: #fff; position: relative; }
.indexPart1 .botList li .msg:after{ content: '';position: absolute; left: 0; bottom: 0; width: 14px; height: 9px; background: url(../images/nimg14_1.png) center no-repeat; }
.indexPart1 .botList li .bg{ position: absolute; right: 0.5rem; top: 50%; margin-top: -0.22rem; width: 0.43rem; height: 0.43rem; overflow: hidden; }
.indexPart1 .botList li .bg img{ width:0.43rem;}
.indexPart1 .botList li .bg .img1{ opacity: 0; position: absolute; left: 0; top: 0;}
.indexPart1 .botList li:hover{ background: #2f55aa;}
.indexPart1 .botList li:hover .name{ color: #fff; padding-top: 0.3rem; }
.indexPart1 .botList li:hover .ico{ opacity: 0; }
.indexPart1 .botList li:hover .msg{ opacity: 1; color: #99a7c6; height: auto;  -webkit-animation: am_top 0.4s ease-in-out 0.2s backwards;}
.indexPart1 .botList li:hover .msg:after{ opacity: 0; }
.indexPart1 .botList li:hover .bg img{ opacity: 0; }
.indexPart1 .botList li:hover .bg .img1{ opacity: 1; }

@-webkit-keyframes am_top
{
    0%{ -webkit-transform:translate(0,50px);opacity:0}
    100%{ -webkit-transform:translate(0,0px);opacity:1}
}

.indexTitle{ text-align: center; }
.indexTitle .title1{ font-size: 0.48rem; line-height: 0.48rem; color: #ededed; text-transform: uppercase; font-family: mont; }
.indexTitle .title2{ padding-top: 12px; font-size: 0.36rem; color: #5b5b5b; line-height: 0.36rem; }

.indexPart2{ padding-top: 0.7rem; }
.indexPart2 .wen{ padding-top: 0.48rem; font-size: 0.48rem; color: #5b5b5b; line-height: 0.48rem; text-align: center; font-weight: bold; padding-bottom: 0.7rem; }
.indexPart2 .list ul{display: flex; display: -webkit-flex;}
.indexPart2 .list li{ width: 12.5%; height: 6.66rem; background: center no-repeat; background-size: auto 100%; position: relative; color: #fff; }
.indexPart2 .list li a { display: block; position: absolute; z-index: 10; left: 0; right: auto; top: 0; bottom: auto; width: 100%; height: 100%; }
.indexPart2 .list li .botDiv{ opacity: 0; position: absolute; left: 0; bottom: 0; width: 100%; height: 1.58rem; background: rgba(0,0,0,0.4); z-index: 1;}
.indexPart2 .list li .nameDiv{ position: absolute; left: 0; width: 100%; text-align: center; bottom: 0.65rem; z-index: 2;}
.indexPart2 .list li .ico{ padding-bottom: 25px;}
.indexPart2 .list li .name{ color: #fff; font-size: 0.24rem; line-height: 0.24rem; }
.indexPart2 .list li .layerDiv{ opacity: 0; position: absolute; width: 100%; height: 1.3rem; left: 0; bottom: 0; z-index: 2; }
.indexPart2 .list li .mxfDiv{ padding: 0 0.5rem 0 0.6rem; }
.indexPart2 .list li .l7Div{ padding-left: 0.78rem; position: relative; height: 1.3rem; }
.indexPart2 .list li .ico2{ position: absolute; left: 0; top: 0.2rem; }
.indexPart2 .list li .ico2 img{ width:0.55rem;}
.indexPart2 .list li .name2{ font-weight: bold; font-size: 0.24rem; line-height: 0.24rem; color: #fff; padding-top: 0.2rem; }
.indexPart2 .list li .msg{ font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; color: #fff; padding-top: 0.15rem; }
.indexPart2 .list li.on { width: 37.5%; background-size: auto 105%; }
.indexPart2 .list li.on .nameDiv{ opacity: 0; }
.indexPart2 .list li.on .layerDiv{ opacity: 1; }

.indexSolu .swiper-slide{ position: relative; }
.indexSolu .imgDiv img{ width: 100%; }
.indexSolu .layer{ position: absolute; left: 0; bottom: 0.5rem; width: 100%; z-index: 1; }
.indexSolu .mxfDiv{ padding: 0 0.4rem; }
.indexSolu .ico img{ width: 0.7rem; }
.indexSolu .name{ font-size: 0.32rem; color: #fff; padding: 0.25rem 0 0.15rem; font-weight: bold; }
.indexSolu .msg{ font-size: 0.24rem; color: #fff; height: 0.84rem; line-height: 0.42rem; overflow: hidden; }
.indexSolu .swiper-pagination{ position: relative; padding-top: 0.6rem; bottom: 0; }
.indexSolu .swiper-pagination-bullet { background: #ccc; opacity: 1; } 
.indexSolu .swiper-pagination-bullet-active { background: #174099; }

.indexPart3{ padding: 0.9rem 0; }
.indexPart3 .wen{ font-weight: bold; font-size: 0.48rem; color: #5b5b5b; line-height: 0.48rem; text-align: center; padding: 0.45rem 0 0.7rem; }
.indexPart3 .btn{ text-align: center; padding-bottom: 0.6rem;}
.indexPart3 .btn li{ display: inline-block;}
.indexPart3 .btn li .box{ margin: 0 8px; cursor: pointer; width: 138px; height: 42px; line-height: 42px; border: #dcdcdc solid 2px; font-size: 16px; color: #838383; }
.indexPart3 .btn li.on .box{ border: #143c9b solid 2px; background: #143c9b; color: #fff; }
.indexPart3 .list{ position: relative;}
.indexPart3 .list .imgList{ width: 100%; overflow: hidden; position: relative;}
.indexPart3 .mxfDiv{ background: url(../images/nimg480Bg.png) center bottom no-repeat; height: 3.4rem; background-size: 100%; }
.indexPart3 .imgDiv img{ width: 100%; }
.indexPart3 .name{ padding-top: 0.0rem; color: #222; font-size: 0.26rem; height: 0.4rem; line-height: 0.4rem; overflow: hidden; text-align: center; }
.indexPart3 .se{ display: block; width: 0.68rem; height: 0.68rem; position: absolute; z-index: 10; left: auto; right: auto; top: 50%; margin-top: -0.34rem; background: rgba(0,0,0,0.2); overflow: hidden;}
.indexPart3 .arrow2 .prev { left: -1.2rem;  }
.indexPart3 .arrow2 .next { right: -1.2rem; }
.indexPart3 .arrow2 .prev:before{ content: ''; width: 9px; height: 14px; background: url(../images/nimg9_left.png) no-repeat center; position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: -7px; }
.indexPart3 .arrow2 .next:before{ content: ''; width: 9px; height: 14px; background: url(../images/nimg9_right.png) no-repeat center; position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: -7px; }
.indexPart3 .se:hover{ background: #2f55aa; }
.indexPart3 .swiper-slide:hover .imgDiv img{ transform:scale(1.05);-webkit-transform:scale(1.05);}

.indexPart3 .btnDiv{ width: 140px; margin: 50px auto 0; }
.indexPart3 .btnDiv a{ display: block; font-size: 14px; color: #000; width: 140px; height: 42px; text-align: center; font-weight: bold; text-transform: uppercase; line-height: 40px; border: #000 solid 2px; box-sizing: border-box; }
.indexPart3 .btnDiv a:hover{ background: #000; color: #fff; }

.indexPart3 .listTel ul{ margin-right: -0.2rem; }
.indexPart3 .listTel li{ float: left; width: 50%; padding-bottom: 0.5rem; }
.indexPart3 .listTel li .box{ margin-right: 0.2rem; position: relative; padding-bottom:0.9rem; background: url(../images/nimg480Bg.png) center bottom no-repeat; background-size: 100%; }
.indexPart3 .listTel li .imgDiv img{ width: 100%; }
.indexPart3 .listTel li .name2{ padding-top: 0.3rem; text-align: center; color: #000; font-size: 0.32rem; height: 0.48rem; line-height: 0.48rem; }

.indexPart4{ background: #f2f2f2; padding: 0.7rem 0 0.75rem; }
.indexPart4 .indexTitle .title1{ color: #dcdcdc; }
.indexPart4 .wen1{ font-size: 0.36rem; line-height: 0.36rem; color: #5b5b5b; padding-top: 0.2rem; padding-bottom: 15px; text-align: center; text-transform: uppercase; }
.indexPart4 .wen2{ font-weight: bold; font-size: 0.48rem; color: #5b5b5b; line-height: 0.88rem; text-align: center; padding-bottom: 0.8rem;}
.indexPart4 .leftDiv{ width: 9.78rem; }
.indexPart4 .form .liDiv{ float: left; margin-right: 0.15rem; border: #aaa solid 1px; border-radius: 0.36rem; box-sizing: border-box;}
.indexPart4 .form .li01{ width: 1.88rem; }
.indexPart4 .form .li02{ width: 3.18rem; }
.indexPart4 .form .li03{ width: 1.58rem; border: none; }
.indexPart4 .select{ width: 100%; position: relative; height: 50px;}
.indexPart4 .select dt{height: 50px;line-height: 50px; border-radius: 0.36rem; display: inline-block; width: 100%; background: url(../images/selectIco.png) no-repeat right center; box-sizing: border-box; cursor: pointer; overflow: hidden; position: relative; z-index: 15;}
.indexPart4 .select dt a{ font-size: 0.16rem; color: #000; position: relative; padding-left: 0.2rem; display: block; text-align: left; overflow: hidden;} 
.indexPart4 .select dd{ margin: 0; position: absolute; left: 0px; top: 50px; z-index: 5; width: 100%; box-sizing: border-box;} 
.indexPart4 .select dd ul {list-style: none; overflow: auto; padding: 0 0.2rem; background: #fff; overflow-x:auto; border: #aaa solid 1px;} 
.indexPart4 .select dd ul li{ width:100%; text-align:left; line-height: 50px; height: 50px; cursor: pointer; border-bottom: 1px solid #aaa; color: #999; font-size: 14px;}
.indexPart4 .select dd ul li:last-child{ border-bottom:none;}
.indexPart4 .select dd ul li:hover{ color: #143c9b; }
.indexPart4 .select.on dt{ color: #046864;}
.indexPart4 .input1{ width: 100%; height: 50px; line-height: 50px; border-radius: 0.36rem; text-indent: 0.2rem; font-size: 0.16rem; color: #000;}
.indexPart4 .form .btnDiv a{ display: block; width: 100%; height: 52px; border-radius: 0.36rem; background: #c00000; color: #fff; text-align: center; line-height: 52px; font-size: 0.16rem; font-weight: bold; }
.indexPart4 .form .btnDiv a:hover{ background: #a00101; }
.indexPart4 .l7Div{ padding-top: 0.4rem; }
.indexPart4 .imgDiv img{ width: 100%; }
.indexPart4 .mxfDiv{ width: 9.78rem; height: 4.9rem; background: url(../images/nimg978_2.png) no-repeat center; background-size: cover; position: relative;}
.indexPart4 .mxfDiv li { position: absolute; opacity: 0; cursor: pointer; overflow: hidden; margin-top: 1rem;}
.indexPart4 .mxfDiv li .name { width: .8rem; height: .34rem; line-height: .32rem; padding-top: 0.28rem; text-align: center; color: #fff; font-size: .18rem; font-weight: bold; position: absolute; z-index: 11; }
.indexPart4 .mxfDiv li .name:after { content: ""; display: block; position: absolute; left: 50%; margin-left: -0.12rem; top: 0; width: .23rem; height: .29rem; background: url(../images/nimg23.png) center no-repeat; background-size: cover; }
.indexPart4 .mxfDiv li .yuan { position: absolute; width: 1rem; height: 1rem; }
.indexPart4 .mxfDiv li .yuan i { position: absolute; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: block; opacity: .7; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); }
.indexPart4 .mxfDiv li.li_01 { left: 0; top: 0; width: 3.1rem; height: 2.4rem; }
.indexPart4 .mxfDiv li.li_01 .name { left: 1.6rem; top: 1.35rem; }
.indexPart4 .mxfDiv li.li_01 .yuan { left: .76rem; top: .23rem; }
.indexPart4 .mxfDiv li.li_01 .yuan i { background: #00ccff; }
.indexPart4 .mxfDiv li.li_01 .yuan .i-1 { left: 0.82rem; top: 1.18rem; width: 0.86rem; height: 0.86rem; }
.indexPart4 .mxfDiv li.li_01 .yuan .i-2 { left: .28rem; top: 0; width: 1.02rem; height: 1.02rem; }
.indexPart4 .mxfDiv li.li_01 .yuan .i-3 { left: 0; top: .5rem; width: 1.52rem; height: 1.52rem; }
.indexPart4 .mxfDiv li.li_01 .yuan .i-4 { left: 1.36rem; top: 1.18rem; width: .58rem; height: .58rem; }

.indexPart4 .mxfDiv li.li_02 { left: 2.03rem; bottom: 0.18rem; width: 1.85rem; height: 2.3rem; }
.indexPart4 .mxfDiv li.li_02 .name { left: 0.75rem; top: .66rem; }
.indexPart4 .mxfDiv li.li_02 .yuan { left: .45rem; top: 0.1rem; }
.indexPart4 .mxfDiv li.li_02 .yuan i { background: #ffcc00; }
.indexPart4 .mxfDiv li.li_02 .yuan .i-1 { left: .18rem; top: .3rem; width: 0.98rem; height: 0.98rem; }
.indexPart4 .mxfDiv li.li_02 .yuan .i-2 { left: 0; top: 0; width: .68rem; height: .68rem; }
.indexPart4 .mxfDiv li.li_02 .yuan .i-3 { left: 0; top: 1.04rem; width: .68rem; height: .68rem; }

.indexPart4 .mxfDiv li.li_03 { left: 4.24rem; top: 0; width: 1.46rem; height: 2.02rem;}
.indexPart4 .mxfDiv li.li_03 .name { left: 0.3rem; top: 1.15rem; }
.indexPart4 .mxfDiv li.li_03 .yuan { left: .18rem; top: 1.06rem; }
.indexPart4 .mxfDiv li.li_03 .yuan i { background: #ff6600; }
.indexPart4 .mxfDiv li.li_03 .yuan .i-1 { left: 0; top: 0; width: 0.86rem; height: 0.86rem; }
.indexPart4 .mxfDiv li.li_03 .yuan .i-2 { left: 0.68rem; top: 0.25rem; width: .58rem; height: .58rem; }

.indexPart4 .mxfDiv li.li_04 { left: 4.05rem; top: 2.02rem; width: 1.48rem; height: 1.98rem; }
.indexPart4 .mxfDiv li.li_04 .name { left: 0.52rem; top: 0.55rem; }
.indexPart4 .mxfDiv li.li_04 .yuan { left: .42rem; top: 0.32rem; }
.indexPart4 .mxfDiv li.li_04 .yuan i { background: #be44b4; }
.indexPart4 .mxfDiv li.li_04 .yuan .i-1 { left: 0; top: 0; width: 0.94rem; height: 0.94rem; }
.indexPart4 .mxfDiv li.li_04 .yuan .i-2 { left: 0.36rem; top: 0.72rem; width: .64rem; height: .64rem; }

.indexPart4 .mxfDiv li.li_05 { left: 6.4rem; top: 0; width: 2.5rem; height: 3.22rem; }
.indexPart4 .mxfDiv li.li_05 .name { left: 0.94rem; top: .98rem; }
.indexPart4 .mxfDiv li.li_05 .yuan { left: 0; top: 0.46rem; }
.indexPart4 .mxfDiv li.li_05 .yuan i { background: #007cea; }
.indexPart4 .mxfDiv li.li_05 .yuan .i-1 { left: .56rem; top: 0; width: 1.64rem; height: 1.64rem; }
.indexPart4 .mxfDiv li.li_05 .yuan .i-2 { left: 0; top: 0.65rem; width: .74rem; height: .74rem; }
.indexPart4 .mxfDiv li.li_05 .yuan .i-3 { left: 1.04rem; top: 1.96rem; width: .74rem; height: .74rem; }

.indexPart4 .mxfDiv li.li_06 { left: 7.4rem; top: 3.3rem; width: 2rem; height: 1.12rem; }
.indexPart4 .mxfDiv li.li_06 .name { left: 0.5rem; top: 0.15rem; }
.indexPart4 .mxfDiv li.li_06 .yuan { left: .4rem; top: 0; }
.indexPart4 .mxfDiv li.li_06 .yuan i { background: #143c9b; }
.indexPart4 .mxfDiv li.li_06 .yuan .i-1 { left: 0; top: 0; width: 0.88rem; height: 0.88rem; }
.indexPart4 .mxfDiv li.li_06 .yuan .i-2 { left: 0.68rem; top: 0.24rem; width: .6rem; height: .6rem; }

.indexPart4 .mxfDiv li.li_07 { left: 5.55rem; top: 1.7rem; width: 0.84rem; height: 0.84rem; }
.indexPart4 .mxfDiv li.li_07 .name { left: 0.02rem; top: 0.15rem; font-size: .16rem; }
.indexPart4 .mxfDiv li.li_07 .yuan { left: 0; top: 0; }
.indexPart4 .mxfDiv li.li_07 .yuan i { background: #5962a7; }
.indexPart4 .mxfDiv li.li_07 .yuan .i-1 { left: 0; top: 0; width: 0.84rem; height: 0.84rem; }

.indexPart4 .mxfDiv li.li_08 { left: 6.76rem; top: 1.56rem; width: 1rem; height: 1rem; z-index: 1; }
.indexPart4 .mxfDiv li.li_08 .name { left: 0.1rem; top: 0.22rem; }
.indexPart4 .mxfDiv li.li_08 .yuan { left: 0; top: 0; }
.indexPart4 .mxfDiv li.li_08 .yuan i { background: #e70012; }
.indexPart4 .mxfDiv li.li_08 .yuan .i-1 { left: 0; top: 0; width: 1rem; height: 1rem; }

.indexPart4 .mxfDiv li.on { opacity: 1; margin-top: 0; }
.indexPart4 .mxfDiv li.on .yuan i.on { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); }
.indexPart4 .mxfDiv li.on:hover .name { animation: upDown .7s infinite alternate linear; -webkit-animation: upDown .7s infinite alternate linear; }
.indexPart4 .mxfDiv li.on:hover .yuan i.on { transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); }
.indexPart4 .mxfDiv li.on:hover .name{ color: #c00000; }
.indexPart4 .mxfDiv li.on:hover .name:after{ background: url(../images/nimg23on.png) center no-repeat; background-size: cover;}

/*.indexPart4 .mxfDiv .li_02.on{ animation-delay:0.3s;}
.indexPart4 .mxfDiv .li_03.on{ animation-delay:0.6s;}
.indexPart4 .mxfDiv .li_04.on{ animation-delay:0.9s;}
.indexPart4 .mxfDiv .li_05.on{ animation-delay:1.2s;}
.indexPart4 .mxfDiv .li_06.on{ animation-delay:1.5s;}
.indexPart4 .mxfDiv .li_07.on{ animation-delay:1.8s;}
.indexPart4 .mxfDiv .li_08.on{ animation-delay:2.1s;}*/

.indexPart4 .rightDiv{ width: 4.68rem; }
.indexCase .swiper-slide .imgDiv img{ width: 100%; }
.indexCase .swiper-slide .botDiv{ padding: 0.3rem 0.42rem 0; height: 2.8rem; background: #2f55aa;}
.indexCase .swiper-slide .txt{ font-size: 0.24rem; line-height: 0.24rem; color: #fff; padding-bottom: 0.25rem; }
.indexCase .swiper-slide .name{ height: 0.46rem; line-height: 0.46rem; overflow: hidden; font-size: 0.3rem; color: #fff; font-weight: bold; }
.indexCase .swiper-slide .content{ font-size: 0.14rem; line-height: 0.24rem; height: 0.72rem; overflow: hidden; padding-top: 0.2rem; color: #fff; }
.indexCase .swiper-slide .time{ padding-top: 0.3rem; font-size: 18px; color: #fff; font-family: mont; }
.indexCase .swiper-pagination{ position: absolute; width: auto!important; left: auto!important; right: 0.42rem; bottom: 0.4rem!important; }
.indexCase .swiper-pagination-bullet { position: relative; width: 12px; height: 12px; opacity: 1; border-radius: 0; box-sizing: border-box; background: url(../images/ico1.png) no-repeat center; margin-left: 0.12rem!important; } 
.indexCase .swiper-pagination-bullet-active { background: url(../images/ico1on.png) no-repeat center; } 

.indexPart5{ padding: 0.95rem 0 0.55rem; }
.indexPart5 .list{ padding-top: 0.6rem; }
.indexPart5 .list ul{ margin-right: -0.3rem; }
.indexPart5 .list li{ float: left; width: 25%; }
.indexPart5 .list li .box{ margin-right: 0.3rem; }
.indexPart5 .list li .imgDiv{ overflow: hidden; }
.indexPart5 .list li .imgDiv img{ width: 100%; }
.indexPart5 .list li .botDiv{ padding: 0.3rem 0.3rem 0; height: 2.7rem; background: #f1f1f1;}
.indexPart5 .list li .time{ font-size: 0.18rem; line-height: 0.18rem; padding-bottom: 0.15rem; color: #b1b1b1; font-family: mont;}
.indexPart5 .list li .name{ font-size: 0.22rem; color: #353432; height: 0.72rem; line-height: 0.36rem; overflow: hidden; font-weight: bold; }
.indexPart5 .list li .content{ padding-top: 0.1rem; font-size: 14px; color: #b8b8b8; line-height: 24px; height: 72px; overflow: hidden; }
.indexPart5 .list li .box:hover .botDiv{ background: #2e55a9; }
.indexPart5 .list li .box:hover .time{ color: #39a2e4; }
.indexPart5 .list li .box:hover .name{ color: #fff; }
.indexPart5 .list li .box:hover .content{ color: #fff; }
.indexPart5 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexPart5 .btnDiv{ width: 140px; height: 46px; margin: 0 auto; padding-top: 0.65rem;}
.indexPart5 .btnDiv a{ display: block; font-weight: bold; width: 140px; height: 46px; background: #143c9b; text-align: center; line-height: 46px; font-size: 14px; text-transform: uppercase; color: #fff; }

.indexPart6{ border-top: #ececec solid 1px; padding: 0.55rem 0; position: relative; z-index: 1; background: #fff; }
.indexPart6 .wal{ position: relative; height: 0.62rem; }
.indexPart6 .msg{ line-height: 0.62rem; color: #222; font-size: 0.3rem; padding-left: 2.25rem;}
.indexPart6 .btnGroup{ position: absolute; right: 1.95rem; top: 0; }
.indexPart6 .btnGroup li{ float: left; margin-left: 0.48rem; }
.indexPart6 .btnGroup li a{ display: block; position: relative; width: 1.9rem; font-size: 0.16rem; color: #2e2e2e; height: 0.62rem; line-height: 0.62rem; box-sizing: border-box; border: #bfbfbf solid 2px; }
.indexPart6 .btnGroup li .btn1{ text-indent: 0.88rem; }
.indexPart6 .btnGroup li .btn2{ text-indent: 0.38rem; }
.indexPart6 .btnGroup li .btn1:before{ content: ''; position: absolute; left: 0.34rem; top: 50%; margin-top: -0.13rem; width: 0.33rem; height: 0.26rem; background: url(../images/nimg33_1.png) center no-repeat; background-size: 0.33rem;}
.indexPart6 .btnGroup li .btn2:before{ content: ''; position: absolute; right: 0.42rem; top: 50%; margin-top: -0.02rem; width: 0.17rem; height: 0.07rem; background: url(../images/nimg17_1.png) center no-repeat; background-size: 0.17rem;}
.indexPart6 .btnGroup li .btn1:hover{ background: #143c9b; border: #143c9b solid 2px; color: #fff; }
.indexPart6 .btnGroup li .btn2:hover{ background: #c00000; border: #c00000 solid 2px; color: #fff; }
.indexPart6 .btnGroup li .btn1:hover:before{ background: url(../images/nimg33_1on.png) center no-repeat; background-size: 0.33rem;}
.indexPart6 .btnGroup li .btn2:hover:before{ background: url(../images/nimg17_1on.png) center no-repeat; background-size: 0.17rem;}

.researchPart1{ padding: 100px 0; }
.researchPart1 .toptop{ overflow: hidden; padding-bottom: 90px; }
.researchPart1 .leftDiv{ width: 500px; }
.researchPart1 .titleDiv .title1{ font-size: 30px; color: #004098; line-height: 30px; font-weight: bold; padding-bottom: 15px; }
.researchPart1 .titleDiv .title2{ color: #d6d6d6; line-height: 36px; font-size: 36px; font-family: mont; position: relative; height: 60px; text-transform: uppercase;}
.researchPart1 .titleDiv .title2:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 24px; height: 4px; background: #004098; }
.researchPart1 .name{ padding: 60px 0 25px; font-size: 0.4rem; line-height: 0.4rem; color: #222; }
.researchPart1 .content{ font-size: 15px; color: #828282; line-height: 30px;}
.researchPart1 .rightDiv{ width: 600px; position: relative; height: 390px; }
.researchPart1 .rightDiv:after{ content: ''; position: absolute; right: 0; top: 0; height: 100%; background: #f6f6f6; z-index: 0; width: 554px; }
.researchPart1 .rightDiv .imgDiv{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 1; }
.researchPart1 .botbot{ overflow: hidden; }
.researchPart1 .leftDiv2{ width: 600px; position: relative; height: 500px; }
.researchPart1 .leftDiv2:after{ content: ''; position: absolute; left: 0; top: 0; height: 100%; background: #f6f6f6; z-index: 0; width: 554px; }
.researchPart1 .leftDiv2 .imgDiv{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 1; }
.researchPart1 .rightDiv2{ width: 500px; padding-top: 60px; }
.researchPart1 .rightDiv2 .content{ padding-top: 50px; }

.researchImg img{ width: 100%; }

.researchPart2 .list li{ border-bottom: #ededed solid 1px; }
.researchPart2 .list li:last-child{ border-bottom: none; }
.researchPart2 .list li .mxfDiv{ position: relative; padding-left: 360px; height: 540px; }
.researchPart2 .list li .imgDiv{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.researchPart2 .list li .txt{ padding-top: 120px; height: 48px; line-height: 48px; color: #143c9b; font-size: 30px; font-weight: bold; }
.researchPart2 .list li .name{ padding-top: 10px; font-size: 18px; color: #333; height: 52px; position: relative; }
.researchPart2 .list li .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 24px; height: 4px; background: #004098; }
.researchPart2 .list li .content{ font-size: 14px; line-height: 28px; padding-top: 35px; }
.researchPart2 .list li .ico{ margin-top: 50px; }

.aboutPart1{ padding: 70px 0;}
.aboutPart1 .name{ padding-top: 55px; font-size: 0.4rem; line-height: 0.4rem; color: #222; padding-bottom: 25px;}
.aboutPart1 .wen{ font-size: 0.3rem; color: #143c9b; font-weight: bold; line-height: 0.3rem; padding-bottom: 25px; }
.aboutPart1 .year{ font-size: 0.42rem; color: #c9d1e4; line-height: 0.42rem; text-transform: uppercase; font-family: mont; padding-bottom: 20px;}
.aboutPart1 .leftDiv{ width: 560px; padding-top: 30px; }
.aboutPart1 .content{ font-size: 14px; line-height: 24px; color: #828282; }
.aboutPart1 .rightDiv{ position: relative; width: 600px; height: 390px; }
.aboutPart1 .rightDiv:after{ content: ''; position: absolute; right: -40px; top: 0; background: #f6f6f6; width: 572px; height: 100%; z-index: 0; }
.aboutPart1 .rightDiv .mxfDiv{ position: absolute; width: 600px; height: 304px; left: 0; top: 50%; transform: translateY(-50%); z-index: 1; }
.aboutPart1 .rightDiv video{width:100%; height:auto; position:absolute; top:50%; left:0; transform: translateY(-50%);z-index:-1;visibility:hidden;opacity:0;object-fit:fill;}
.aboutPart1 .videobox.cur{ background:#000;}
.aboutPart1 .videobox.cur .img, .aboutPart1 .videobox.cur .imgDiv,
.aboutPart1 .videobox.cur .playbox{z-index:-1;visibility:hidden;opacity:0}
.aboutPart1 .videobox.cur video{z-index:2;visibility:visible;opacity:1}
.aboutPart1 .rightDiv .imgDiv img{ width: 100%; }
.aboutPart1 .rightDiv .layer{ cursor:pointer; position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); z-index: 2; text-align: center; }
.aboutPart1 .rightDiv .ico img{ width: 68px; }

.aboutPart2{ position: relative; overflow: hidden;}
.aboutPart2:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; z-index: 0; height: 560px; background: url(../images/aboutPart2.jpg) center bottom no-repeat; background-size: cover;}
.aboutPart2 .pageTitle{ padding-bottom: 50px; }
.aboutPart2 .l7Div{ position: relative; z-index: 1; }
.aboutPart2 .l7Div:after{ content: ''; position: absolute; left: 0; width: 100%; top: 56px; height: 4px; background: #d6d6d6;}
.historyPic{ position: relative; padding: 0 36px;}
.historyPic:after{ content: ''; position: absolute; right: 36px; width: 1px; bottom: 0; height: 560px; background: #e5e5e5; }
.historyPic .swiper-slide{ position: relative;}
.historyPic .swiper-slide .year{ font-size: 14px; color: #143c9b; text-align: center; height: 60px; position: relative; }
.historyPic .swiper-slide .year em{ font-size: 36px; line-height: 36px; font-family: mont; }
.historyPic .swiper-slide:after{ content: ''; position: absolute; left: 50%; margin-left: -9px; top: 48px; width: 18px; height: 18px; background: url(../images/ico4.png) center no-repeat; }
.historyPic .swiper-slide .txt{ font-size: 18px; color: #000; padding: 60px 25px 0 25px; line-height: 32px; height: 128px; overflow: hidden; background: url(../images/ico3.png) left 72px no-repeat; }
.historyPic .swiper-slide .contentBox{ height: 560px; position: relative; }
.historyPic .swiper-slide .contentBox:before{ content: ''; position: absolute; left: 5px; top: 0; width: 1px; height: 100%; background: #e5e5e5; z-index: -1; }
.historyPic .swiper-slide .imgDiv{ padding: 25px 15px 0 25px; }
.historyPic .swiper-slide .imgDiv img{ width: 100%; }
.historyPic .arrow2 a { position: absolute; top: 40px; display: block; width: 36px; height: 36px; background: center no-repeat; background-size: cover; z-index: 1; }
.historyPic .arrow2 a.prev { left: 0; background-image: url("../images/nimg36_left.png"); }
.historyPic .arrow2 a.prev:hover { background-image: url("../images/nimg36_lefton.png"); }
.historyPic .arrow2 a.next { right: 0; background-image: url("../images/nimg36_right.png"); }
.historyPic .arrow2 a.next:hover { background-image: url("../images/nimg36_righton.png"); }

.aboutPart3{ padding: 175px 0 110px; position: relative;}
.aboutPart3:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; z-index: 0; height: 668px; background: url(../images/aboutPart3.jpg) center top no-repeat; background-size: cover;}
.aboutPart3 .pageTitle{ text-align: center; z-index: 1; }
.aboutPart3 .pageTitle .title1{ color: #fff; }
.aboutPart3 .pageTitle .title2{ color: #fff; }
.aboutPart3 .pageTitle .title2:after{ background: #fff; left: 50%; margin-left: -12px; }
.aboutPart3 .wen{ text-align: center; color: #fff; font-size: 48px; line-height: 48px; padding: 85px 0 195px; position: relative; z-index: 1; }
.aboutPart3 .list{ position: relative; z-index: 1; }
.aboutPart3 .list ul{ margin-right: -0.3rem; }
.aboutPart3 .list li{ float: left; width: 33.33%; }
.aboutPart3 .list li .box{ background: #fff; cursor: pointer; margin-right: 0.3rem; position: relative; height: 245px; border-radius: 8px; box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.07);}
.aboutPart3 .list li .box:after{ z-index: 1; content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 190px; background: url(../images/nimg380Bg.png) center no-repeat; }
.aboutPart3 .list li .ico{ padding-top: 35px; margin: 0 auto; width: 45px; height: 45px; position: relative; }
.aboutPart3 .list li .ico .img1{ opacity: 0; position: absolute; left: 0; bottom: 0; }
.aboutPart3 .list li .txt{ padding: 30px 45px 0; font-size: 18px; color: #333; line-height: 32px; text-align: center; position: relative; z-index: 2;}
.aboutPart3 .list li .box:hover{ background: #143c9b; }
.aboutPart3 .list li .box:hover .ico img{ opacity: 0; }
.aboutPart3 .list li .box:hover .ico .img1{ opacity: 1; }
.aboutPart3 .list li .box:hover .txt{ color: #fff; }

.honorTab{ position: absolute; right: 0; bottom: 0; z-index: 1; }
.honorTab li{ float: left; margin-left: 56px; }
.honorTab li a{ display: block; position: relative; height: 44px; font-size: 18px; color: #666; }
.honorTab li a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; left: 50%; background: #004098; }
.honorTab li .aNow, .honorTab li a:hover{ color: #004098; }
.honorTab li .aNow:after, .honorTab li a:hover:after{ left: 0; width: 100%; }

.honor{ padding-top: 40px; }
.honor .list ul{ margin-right: -36px; }
.honor .list li{ float: left; width: 33.33%; padding-bottom: 36px; }
.honor .list li .box{ margin-right: 36px; background: #f1f1f1; cursor: pointer; padding-bottom: 45px; position: relative; }
.honor .list li .box:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; background: #143c9b; }
.honor .list li .imgDiv{ text-align: center; padding: 60px 58px 0; }
.honor .list li .imgDiv img{ max-width: 260px; }
.honor .list li .name{ height: 48px; line-height: 24px; padding: 20px 58px 0; font-size: 16px; color: #999; overflow: hidden; }
.honor .list li .box:hover{ background: #fff; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);}
.honor .list li .box:hover:after{ width: 100%; left: 0; }
.honor .list li .box:hover .name{ color: #333; }

.pic-modal-box { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 40;}
.pic-modal-box .box {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  align-items: center;
  box-sizing:border-box;
}
.pic-modal-box .main { position: relative; background: #fff; width: 700px; margin: 0 auto; padding: 60px 100px 50px; box-sizing:border-box;}
.pic-modal-box .name { font-size: 24px; color: #313131; line-height: 40px; text-align: center; overflow: hidden; padding-top: 30px;}
.pic-modal-box .close { position: absolute; right: 18px; top: 18px; z-index: 10; width: 30px; height: 30px; display: inline-block; background: url(../images/close2.png) no-repeat; background-size: contain;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;}
.pic-modal-box .close:hover { transform: rotate(-90deg);}
.pic-modal-box .pic-box { font-size: 0;}
.pic-modal-box .pic-box img { display: block; width: 320px; margin:0 auto; max-height: 70vh;}

.contactBox{ min-height: 520px;  }
.contact{ width: 600px; }
.contact .name{ padding-top: 55px; font-size: 30px; color: #333; line-height: 30px; }
.contact .msgList{ padding-top: 20px; }
.contact .msgList li{ font-size: 16px; line-height: 38px; }
.contactBox .mapDiv{ position: absolute; left: 50%; width: 50%; height: 520px; top: 100px; }

.news .list ul{ margin-right: -42px; }
.news .list li{ float: left; width: 33.33%; padding-bottom: 40px; }
.news .list li .box{ margin-right: 42px; }
.news .list li .imgDiv{ overflow: hidden; }
.news .list li .imgDiv img{ width: 100%; }
.news .list li .botDiv{ padding: 30px 32px 0; height: 270px; background: #f1f1f1; }
.news .list li .time{ font-size: 18px; color: #b1b1b1; line-height: 18px; font-family: mont; padding-bottom: 15px;}
.news .list li .name{ font-size: 22px; color: #353432; line-height: 36px; height: 72px; overflow: hidden; font-weight: bold; }
.news .list li .content{ font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; color: #b8b8b8; padding-top: 20px; }
.news .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.news .list li .box:hover .botDiv{ background: #2e55a9; }
.news .list li .box:hover .time{ color: #39a2e4; }
.news .list li .box:hover .name{ color: #fff; }
.news .list li .box:hover .content{ color: #fff; }

.newsBox{ background: #f6f7f9; padding: 0 0 45px; }
.newShow{ position: relative; z-index: 1;/* margin-top: -100px;*/ top:-100px; background: #fff; }
.newShow .bigBox{ padding: 70px 100px 130px;}
.newShow .name{ color: #333; font-size: 30px; text-align: center; font-weight: bold; padding-bottom: 20px; }
.newShow .time{ text-align: center; font-size: 14px; color: #999; padding-bottom: 25px; border-bottom: #e8e8e8 solid 1px; }
.newShow .time em{ padding: 0 10px; }
.newShow .content{ font-size: 14px; line-height: 28px; padding: 30px 0 90px; }
.newShow .imgDiv{ text-align: center; }
.newShow .imgDiv img{ max-width: 1000px; }
/*.newShow .content p{ text-align: center; font-size: 18px; color: #004098; font-weight: bold; padding-top: 15px; }*/

.pageDown{ border-top: #e8e8e8 solid 1px; }
.pageDown li{ height: 78px; border-bottom: #e8e8e8 solid 1px; font-size: 14px;}
.pageDown li a{ display: block; height: 78px; line-height: 78px; overflow: hidden; color: #7c7c7c; }
.pageDown li a:hover{ color: #143c9b; }

.video .list ul{ margin-right: -42px; }
.video .list li{ float: left; width: 33.33%; padding-bottom: 40px; }
.video .list li .box{ margin-right: 42px; position: relative; }
.video .list li .imgDiv img{ width: 100%; }
.video .list li .name{ position: absolute; left: 0; bottom: 0; height: 58px; width: 100%; z-index: 1; text-align: center;}
.video .list li .name em{ display: block; padding: 0 10px; height: 58px; line-height: 58px; overflow: hidden; font-size: 14px; color: #fff; }
.video .list li .ico{ position: absolute; left: 50%; top: 50%; margin-left: -34px; margin-top: -34px; z-index: 1; opacity: 0; }
.video .list li .box:hover .name{ opacity: 0; }
.video .list li .box:hover .ico{ opacity: 1; }

.product .list ul{ margin-right: -36px; }
.product .list li{ float: left; width: 33.33%; padding-bottom: 40px; }
.product .list li .box{ position: relative; margin-right: 36px; background: #f7f7f7; height: 360px; }
.product .list li .imgDiv{ text-align: center; }
.product .list li .imgDiv img{ width: 320px; }
.product .list li .name{ font-size: 24px; color: #222; height: 50px; line-height: 50px; text-align: center; overflow: hidden; }
.product .list li .msg{ color: #999; text-align: center; font-size: 14px; height: 24px; line-height: 24px; overflow: hidden; }
.product .list li .ico{ width: 47px; height: 33px; margin: 20px auto 0; background: url(../images/nimg47_1.png) no-repeat; }
.product .list li .box:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; background: #143c9b;}
.product .list li .box:hover{ background: #fff; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15); }
.product .list li .box:hover .ico{ background: url(../images/nimg47_1on.png) no-repeat;}
.product .list li .box:hover:after{ width: 100%; left: 0;}

.questionBox{ background: #f6f7f9; }
.question{ background: #fff; padding: 100px 50px 80px; }
.question .list{ padding: 75px 0 50px; }
.question .list li{ position:relative; margin-bottom: 10px;}
.question .list li .msgDiv{ height:80px; position:relative; background:#f6f7f9;}
.question .list li .msgDiv:after{ content: ''; position: absolute; right: 40px; top: 50%; width: 35px; height: 35px; margin-top: -17px; background: url(../images/nimg35_4.png) no-repeat; }
.question .list li .msgDiv a{ display: block; height: 80px; color: #333; padding: 0 30px; font-weight: bold;}
.question .list li .name{ padding-left: 50px; position: relative; height: 80px; line-height: 80px; overflow: hidden; font-size: 16px; }
.question .list li .name em{ position: absolute; left: 0; top: 50%; margin-top: -12px; width: 25px; height: 25px; line-height: 25px; text-align: center; color: #fff; background: #143c9b; border-radius: 50%; }
.question .list li .box{ display:none; padding: 35px 30px; background: #fff;}
.question .list li .msgDiv.aNow:after{ background: url(../images/nimg35_4on.png) no-repeat; }
.question .list li .content{ font-size: 14px; line-height: 32px; color: #888; position: relative; padding-left: 50px; }
.question .list li .content em{ position: absolute; left: 0; top: 3px; width: 25px; height: 25px; line-height: 25px; text-align: center; color: #fff; background: #e70012; border-radius: 50%; font-weight: bold; }

.demandBox{ background: #f6f7f9; }
.demand{ background: #fff; padding: 60px 100px 80px; }
.demandTab{ text-align: center; padding-bottom: 60px;}
.demandTab li{ display: inline-block; margin: 0 10px; font-size: 14px; }
.demandTab li a{ display: block; width: 136px; height: 42px; border: #dcdcdc solid 2px; line-height: 42px; color: #999; }
.demandTab li .aNow, .demandTab li a:hover{ background: #143c9b; color: #fff; border: #143c9b solid 2px; }
.demand .title{ height: 74px; background: #e6edf1; line-height: 74px; padding-left: 46px; color: #004098; font-size: 18px; font-weight: bold; }
.demand .form{ padding: 45px 45px 30px; background: #fbfcfd; border-left: #eee solid 1px; border-right: #eee solid 1px; }
.demand .form ul{ margin-right: -48px; }
.demand .form li{ float: left; width: 50%; padding-bottom: 20px; font-size: 14px; }
.demand .form .li01{ width: 100%; }
.demand .form li .box{ margin-right: 48px; position: relative; height: 50px; padding-left: 84px;}
.demand .form li .txt{ position: absolute; left: 0; top: 0; line-height: 50px; color: #424242; font-weight: bold; text-transform: uppercase; }
.demand .form li .txt em{ padding-left: 8px; color: #e70012; font-size: 16px; position: relative; top: 4px; }
.demand .form li .input1{ width: 100%; height: 50px; line-height: 50px; background: #eee; font-size: 14px; padding: 0 10px; box-sizing: border-box; }

.demand .form2{ margin-right: -48px; padding: 45px 45px 30px; }
.demand .form2 .liDiv{ float: left; width: 50%; padding-bottom: 20px; position: relative;}
.demand .form2 .liDiv:after{ content: ''; display: block; height: 0; clear: both; visibility: hidden;}
.demand .form2 .liDiv2{ width: 100%; }
.demand .form2 .liDiv3{ float: none; }
.demand .form2 .liDiv .mxfDiv{ margin-right: 48px; position:relative; padding-left: 84px; }
.demand .form2 .liDiv .mxfDiv2{ padding-left: 142px; }
.demand .form2 .liDiv .mxfDiv3{ padding-left: 286px; }
.demand .form2 .liDiv .mxfDiv4{ padding-left: 602px; }
.demand .form2 .liDiv .mxfDiv5{ padding-left: 158px; }
.demand .form2 .liDiv .mxfDiv6{ padding-left: 248px; }
.demand .form2 .liDiv .txt{ font-size: 14px; position: absolute; left: 0; top: 0; line-height: 50px; color: #424242; font-weight: bold; text-transform: uppercase; }
.demand .form2 .liDiv .txt em{ padding-left: 8px; color: #e70012; font-size: 16px; position: relative; top: 4px;}
.demand .form2 .liDiv .txt2{ position: relative; font-size: 14px; line-height: 50px; color: #424242; font-weight: bold; padding: 0 22px 0 28px; }
.demand .form2 .lbox{ border: #dcdcdc solid 1px; height: 48px; position: relative;}
.demand .form2 .lbox2{ width: 114px; }
.demand .form2 .lbox3{ width: 324px; }
.demand .form2 .input1{ width: 100%; height: 48px; line-height: 48px; font-size: 16px; box-sizing: border-box; padding: 0 15px; }
.demand .form2 .wen{ position: absolute; right: 20px; top: 0; font-size: 18px; color: #424242; line-height: 48px;}
.demand .form2 .select{ width: 100%; position: relative; height: 50px;}
.demand .form2 .select dt{ height: 50px;line-height: 50px; display: inline-block; width: 100%; background: #eee url(../images/selectIco2.png) no-repeat right center; box-sizing: border-box; cursor: pointer; overflow: hidden; position: relative; }
.demand .form2 .select dt a{ font-size: 16px; color: #888; position: relative; padding-left: 15px; display: block; text-align: left; overflow: hidden;} 
.demand .form2 .select dd{ margin: 0;position: absolute;left: 0px; top: 50px; z-index: 5; width: 100%; box-sizing: border-box;} 
.demand .form2 .select dd ul {list-style: none; overflow: auto; padding: 0 15px; background: #fff; overflow-x:auto; border: #eee solid 1px; border-top: none; height:305px;} 
.demand .form2 .select dd ul li{ width:100%; text-align:left; line-height: 50px; height: 50px; cursor: pointer; border-bottom: 1px solid #eee; color: #999; font-size: 16px;}
.demand .form2 .select dd ul li:last-child{ border-bottom:none;}
.demand .form2 .select dd ul li:hover{ color: #004098; }

.demand .form2 .select2{ width: 100%; position: relative; height: 50px;}
.demand .form2 .select2 dt{ height: 50px;line-height: 50px; display: inline-block; width: 100%; background: #eee url(../images/selectIco2.png) no-repeat right center; box-sizing: border-box; cursor: pointer; overflow: hidden; position: relative; }
.demand .form2 .select2 dt input{ font-size: 16px; line-height:50px; color: #888; position: relative; padding-left: 15px; display: block; text-align: left; overflow: hidden;} 
.demand .form2 .select2 dd{ margin: 0;position: absolute;left: 0px; top: 50px; z-index: 5; width: 100%; box-sizing: border-box;} 
.demand .form2 .select2 dd ul {list-style: none; overflow: auto; padding: 0 15px; background: #fff; overflow-x:auto; border: #eee solid 1px; border-top: none; height:305px;} 
.demand .form2 .select2 dd ul li{ width:100%; text-align:left; line-height: 50px; height: 50px; cursor: pointer; border-bottom: 1px solid #eee; color: #999; font-size: 16px;}
.demand .form2 .select2 dd ul li:last-child{ border-bottom:none;}
.demand .form2 .select2 dd ul li:hover{ color: #004098; }


.demand .form2 .choose li{ float: left; padding-right: 70px; font-size: 14px; color: #888; font-weight: bold; }
.demand .form2 .choose li:last-child{ padding-right: 0;  }
.demand .form2 .choose li .xbox{ float: left; cursor: pointer; padding-left: 36px; position: relative; height: 50px; line-height: 50px; background: url(../images/nimg16_3.jpg) no-repeat left center; }
.demand .form2 .choose li.on .xbox{ background: url(../images/nimg16_3on.jpg) no-repeat left center; }
.demand .form2 .textDiv{ display: none; border: #dcdcdc solid 1px; height: 48px; width: 280px; }

.demand .part3{ padding: 10px 45px 0; position: relative; min-height:370px;}
.demand .haha{ font-size: 14px; color: #004098; font-weight: bold; padding-bottom: 25px; }
.demand .haha em{ padding-left: 8px; color: #e70012; font-size: 16px; position: relative; top: 4px; }
.demand .form3 li{ padding-bottom: 10px; }
.demand .form3 li .mxfDiv{ position: relative; padding-left: 84px; height: 50px;}
.demand .form3 li .txt{ position: absolute; left: 0; top: 0; line-height: 50px; font-size: 14px; color: #424242; font-weight: bold; }
.demand .form3 .lbox{ border: #dcdcdc solid 1px; height: 48px; width: 186px; position:relative;}
.demand .form3 .wen{ position: absolute; right: 20px; top: 0; font-size: 18px; color: #424242; line-height: 48px;}
.demand .form3 .input1{ width: 100%; height: 48px; line-height: 48px; font-size: 16px; box-sizing: border-box; padding: 0 15px; }
.demand .part3 .imgDiv{ position: absolute; right: 45px; top: 0; border: #eee solid 1px; }
.demand .part3 .tips{ font-size:14px; width:270px; padding-top:10px; line-height:24px;}

.demand .part4{ padding: 30px 45px 0; }
.demand .part4 .txt{ font-weight: bold; font-size: 14px; color: #004098; }
.demand .part4 .txt em{ padding-left: 8px; color: #e70012; font-size: 16px; position: relative; top: 4px; }
.demand .part4 .choose2{ overflow: hidden; padding-bottom: 25px; }
.demand .part4 .choose2 li{ float: left; padding-right: 18px; font-size: 14px; color: #888; font-weight: bold; }
.demand .part4 .choose2 li .xbox{ cursor: pointer; padding-left: 36px; padding-right: 15px; position: relative; height: 50px; color: #424242; line-height: 50px; background: url(../images/nimg16_3.jpg) no-repeat left center; }
.demand .part4 .choose2 li .xbox.on{ background: url(../images/nimg16_3on.jpg) no-repeat left center; }
.demand .part4 .multichoose{ overflow: hidden; padding-bottom: 25px; }
.demand .part4 .multichoose li{ float: left; padding-right: 18px; font-size: 14px; color: #888; font-weight: bold; }
.demand .part4 .multichoose li .xbox{ cursor: pointer; padding-left: 36px; padding-right: 15px; position: relative; height: 50px; color: #424242; line-height: 50px; background: url(../images/nimg16_3.jpg) no-repeat left center; }
.demand .part4 .multichoose li .xbox.on{ background: url(../images/nimg16_3on.jpg) no-repeat left center; }

.demand .part4 .multichoose2{ overflow: hidden; padding-bottom: 25px; }
.demand .part4 .multichoose2 li{ float: left; padding-right: 18px; font-size: 14px; color: #888; font-weight: bold; }
.demand .part4 .multichoose2 li .xbox{ cursor: pointer; padding-left: 36px; padding-right: 15px; position: relative; height: 50px; color: #424242; line-height: 50px; background: url(../images/nimg16_3.jpg) no-repeat left center; }
.demand .part4 .multichoose2 li .xbox.on{ background: url(../images/nimg16_3on.jpg) no-repeat left center; }

.demand .part4 .lbox{ border: #dcdcdc solid 1px; height: 48px; position: relative; width: 114px; display: none;}
.demand .part4 .lbox2{ width: 166px; }
.demand .part4 .input1{ width: 100%; height: 48px; line-height: 48px; font-size: 16px; box-sizing: border-box; padding: 0 15px; }
.demand .part4 .wen{ position: absolute; right: 20px; top: 0; font-size: 18px; color: #424242; line-height: 48px; font-weight: 400;}
.demand .part4 .textDiv{ padding-top: 10px; }
.demand .part4 textarea{ width: 100%; height: 156px; background: #eee; padding: 10px; font-size: 14px; line-height: 24px; box-sizing: border-box; }
.demand .btnDiv{ padding-top: 40px; }
.demand .btnDiv a{ display: block; width: 194px; height: 50px; line-height: 50px; color: #fff; background: #004098; font-size: 16px; text-align: center; font-weight: bold; }

.article{ background: #fff; padding: 100px 50px 80px; }
.article .list{ padding: 75px 0 50px; }
.article .list li{ margin-bottom: 20px; }
.article .list li a{ display: block; padding: 25px 40px; position: relative; background: #f6f7f9; }
.article .list li .name{ height: 36px; line-height: 36px; font-size: 22px; color: #333; }
.article .list li .time{ padding-top: 5px; font-size: 18px; color: #b1b1b1; line-height: 18px; font-family: mont;}
.article .list li .content{ opacity: 0; font-size: 14px; line-height: 24px; color: #949494; height: 0; overflow: hidden; }
.article .list li .ico{ position: absolute; right: 40px; top: 40px; width: 47px; height: 33px; background: url(../images/nimg47_1.png) no-repeat; }
.article .list li a:hover{ background: #fff; box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.1);}
.article .list li a:hover .name{ color: #143c9b; }
.article .list li a:hover .ico{ background: url(../images/nimg47_1on.png) no-repeat;}
.article .list li a:hover .content{ opacity: 1; padding-top: 15px; height: 48px;}

.monitor{ padding: 85px 60px 95px; background: #fff;}
.monitor .pageTitle{ padding-bottom: 80px; }
.monitor .leftImg{ width: 542px; }
.monitor .rightDiv{ width: 420px; }
.monitor .msgList li{ padding-bottom: 30px; }
.monitor .msgList li h2{ font-size: 18px; line-height: 26px; color: #333; text-transform: uppercase; }
.monitor .msgList li p{ font-size: 16px; line-height: 26px; }
.monitor .btnGroup{ padding-top: 60px; }
.monitor .btnGroup li{ margin-bottom: 20px; position: relative;}
.monitor .btnGroup li a{ display: block; width: 218px; height: 54px; background: #143c9b; font-size: 16px; text-align: center; line-height: 54px; color: #fff;}
.monitor .btnGroup li em{ display: block; width: 218px; height: 54px; background: #004098; font-size: 16px; text-align: center; line-height: 54px; color: #fff;}
.monitor .btnGroup li .layer{position:absolute; left: 40px; top:0; width:140px; opacity:0; filter:alpha(opacity=0); visibility:hidden; z-index:5;}
.monitor .btnGroup li.on .layer{opacity:1; filter:alpha(opacity=1); visibility:visible; top: 70px;}
.monitor .btnGroup li .layer{
transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;    
}
.monitor .btnGroup li .layer .bg{ width: 12px; height: 8px; background: url(../images/nimg12Bg.png) no-repeat; margin: 0 auto; position: relative; z-index: 1; }
.monitor .btnGroup li .layer .ewm{ padding: 10px; background: #fff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.13); }
.monitor .btnGroup li .layer .ewm img{ width: 120px; }

.productBox{ background: #f6f7f9; padding: 110px 0 75px;}
.productPart1{ padding-bottom: 70px; }
.productPart1 .leftDiv{ width: 600px; padding-top: 35px; }
.productPart1 .name{ font-size: 36px; color: #222; font-weight: bold; padding-bottom: 25px; }
.productPart1 .content{	font-size: 16px; color: #999; line-height: 28px;}
.productPart1 .msgList{ margin-top: 70px; position: relative; }
.productPart1 .msgList:before{ content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #d9d9d9;}
.productPart1 .msgList li{ float: left; width: 33.33%; text-align: center; position: relative; height: 100px;}
.productPart1 .msgList li:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #d9d9d9;}
.productPart1 .msgList li p{ font-size: 14px; color: #999; font-weight: bold; padding-bottom: 20px; }
.productPart1 .msgList li .txt{ font-size: 20px; color: #222; line-height: 26px; font-weight: bold; }
 
.productPart1 .rightDiv{ width: 500px; }
.productPic{ position: relative; }
.productPic .swiper-slide{ text-align: center; } 
.productPic .swiper-slide img{ width: 460px; }
.productPic .swiper-button-prev{ position: absolute; left: 0; top: 50%; margin-top: -18px; width: 36px; height: 36px; background: url(../images/nimg36_left.png) no-repeat; }
.productPic .swiper-button-next{ position: absolute; right: 0; top: 50%; margin-top: -18px; width: 36px; height: 36px; background: url(../images/nimg36_right.png) no-repeat; }
.productPic .swiper-button-prev:hover{ background: url(../images/nimg36_lefton.png) no-repeat;}
.productPic .swiper-button-next:hover{ background: url(../images/nimg36_righton.png) no-repeat;}

.productPart2{ background: #fff; padding: 60px 50px; }
.productPart2 .title1{ text-align: center; font-weight: bold; font-size: 30px; line-height: 30px; color: #004098; padding-bottom: 20px; }
.productPart2 .title2{ text-align: center; font-size: 36px; line-height: 36px; text-transform: uppercase; color: #d6d6d6; font-family: mont; position: relative; height: 62px; }
.productPart2 .title2:after{ content: ''; position: absolute; left: 50%; margin-left: -12px; bottom: 0; width: 24px; height: 4px; background: #004098; }
.productPart2 .tab2{ padding-top: 42px; position: relative; }
.productPart2 .tab2:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #d6d6d6; }
.productPart2 .tab2 li{ float: left; width: 122px; height: 55px; line-height: 55px; color: #999; text-align: center; font-size: 14px; }
.productPart2 .tab2 .liNow{ background: #143c9b; color: #fff; }

.productPart2 .div1{ padding-top: 10px; }
.productPart2 .div1 .msgList li{ padding-left: 25px; line-height: 36px; position: relative; font-size: 16px; color: #222; }
.productPart2 .div1 .msgList li em{ position: absolute; left: 0; top: 0;}
.productPart2 .div1 .imgDiv{ padding-top: 50px; }
.productPart2 .div1 .imgDiv img{ max-width: 1100px; }
.productPart2 .div1 p{ font-size: 16px; color: #969696; padding-top: 20px; }

.productPart2 .div2{ padding-top: 48px; }
.productPart2 table{ border-top: #c7c7c7 solid 1px; border-left: #c7c7c7 solid 1px; }
.productPart2 table td{ height: 55px; background: #f6f7f9; border-bottom: #c7c7c7 solid 1px; border-right: #c7c7c7 solid 1px; font-size: 15px; color: #333; line-height: 24px; }
.productPart2 table td .content{ padding: 0 30px; }

.productPart2 .div3{ padding-top: 75px; }
.productPart2 .div3 ul{ margin-right: -36px; }
.productPart2 .div3 li{ float: left; width: 33.33%; padding-bottom: 40px; }
.productPart2 .div3 li .box{ position: relative; margin-right: 36px; background: #f7f7f7; height: 460px; }
.productPart2 .div3 li .imgDiv{ text-align: center; }
.productPart2 .div3 li .imgDiv img{ width: 288px; }
.productPart2 .div3 li .name{ font-size: 24px; color: #222; height: 50px; line-height: 50px; text-align: center; overflow: hidden; }
.productPart2 .div3 li .msg{ color: #999; text-align: center; font-size: 14px; height: 24px; line-height: 24px; overflow: hidden; }
.productPart2 .div3 li .ico{ width: 47px; height: 33px; margin: 20px auto 0; background: url(../images/nimg47_1.png) no-repeat; }
.productPart2 .div3 li .box:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; background: #143c9b;}
.productPart2 .div3 li .box:hover{ background: #fff; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15); }
.productPart2 .div3 li .box:hover .ico{ background: url(../images/nimg47_1on.png) no-repeat;}
.productPart2 .div3 li .box:hover:after{ width: 100%; left: 0;}

.productPart2 .div4{ padding-top: 65px; }
.productPart2 .div4 li{ height: 242px; margin-bottom: 40px; }
.productPart2 .div4 li a{ display: block; height: 242px; padding: 0 60px 0 425px; border: #eee solid 2px; position: relative;}
.productPart2 .div4 li .imgDiv{ position: absolute; left: 0; top: 0; }
.productPart2 .div4 li .imgDiv img{ width: 380px; }
.productPart2 .div4 li .name{ padding-top: 25px; height: 46px; line-height: 46px; overflow: hidden; font-size: 22px; color: #353432; font-weight: bold; }
.productPart2 .div4 li .time{ padding-top: 10px; font-size: 18px; color: #b1b1b1; font-family: mont; }
.productPart2 .div4 li .content{ padding-top: 12px; font-size: 14px; line-height: 24px; color: #949494; height: 48px; overflow: hidden;}
.productPart2 .div4 li .ico{ margin-top: 16px; width: 47px; height: 33px; background: url(../images/nimg47_1.png) no-repeat; }
.productPart2 .div4 li a:hover{ background: #fff; border: #fff solid 2px; box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.1); }
.productPart2 .div4 li a:hover .ico{ background: url(../images/nimg47_1on.png) no-repeat;}

.productPart2 .div5{ padding-top: 78px; }
.productPart2 .div5 li{ margin-bottom: 20px; }
.productPart2 .div5 li a{ height: 100px; background: #f6f7f9; display: block; padding: 0 150px 0 42px; position: relative; }
.productPart2 .div5 li .name{ padding-left: 100px; position: relative; }
.productPart2 .div5 li .name p{ font-size: 20px; color: #333; line-height: 100px; }
.productPart2 .div5 li .ico{ position: absolute; left: 0; top: 50%; margin-top: -35px; width: 66px; height: 66px; text-align: center; line-height: 66px; background: #fff; border: #ecedee solid 2px; border-radius: 6px; }
.productPart2 .div5 li .btn{ position: absolute; right: 42px; top: 50%; margin-top: -15px; width: 80px; height: 30px; line-height: 30px; color: #fff; font-size: 14px; text-align: center; background: #004098; border-radius: 24px; }
.productPart2 .div5 li:hover .btn{ background: #143c9b;}

.productPart2 .div6{ padding: 75px 140px 50px; }
.productPart2 .div6 .form{ margin-right: -38px; }
.productPart2 .div6 .liDiv{ float: left; width: 33.33%; padding-bottom: 16px; position:relative; }
.productPart2 .div6 .liDiv2{ width: 66.66%; }
.productPart2 .div6 .liDiv3{ width: 100%; }
.productPart2 .div6 .liDiv .mxfDiv{ margin-right: 38px; }
.productPart2 .div6 .liDiv .txt{ font-size: 14px; color: #888; font-weight: bold; padding-bottom: 10px;}
.productPart2 .div6 .liDiv .txt em{ color: #e70012; padding-left: 5px; font-size: 16px;}
.productPart2 .div6 .liDiv .lbox{ height: 50px; background: #eee; }
.productPart2 .div6 .liDiv .input1{ width: 100%; height: 50px; line-height: 50px; font-size: 14px; padding-left: 10px; box-sizing: border-box; }
.productPart2 .div6 .liDiv .sex li{ float: left; padding-right: 40px;}
.productPart2 .div6 .liDiv .sex li .xbox{ cursor: pointer; padding-left: 34px; line-height: 50px; font-size: 14px; color: #888; font-weight: bold; background: url(../images/nimg16_3.jpg) left center no-repeat; }
.productPart2 .div6 .liDiv .sex .liNow .xbox{ background: url(../images/nimg16_3on.jpg) left center no-repeat; }
.productPart2 .div6 .form .select{ width: 100%; position: relative; height: 50px;}
.productPart2 .div6 .form .select dt{height: 50px;line-height: 50px; border: #b1b1b1 solid 2px; display: inline-block; width: 100%; background: #fff url(../images/selectIco2.png) no-repeat right center; box-sizing: border-box; cursor: pointer; overflow: hidden; position: relative; z-index: 5;}
.productPart2 .div6 .form .select dt a{ font-size: 18px; color: #000; position: relative; padding-left: 20px; display: block; text-align: left; overflow: hidden;} 
.productPart2 .div6 .form .select dd{ margin: 0;position: absolute;left: 0px;top: 50px; z-index: 5; width: 100%; box-sizing: border-box;height: 300px;overflow: auto;} 
.productPart2 .div6 .form .select dd ul {list-style: none; overflow: auto; padding: 0 20px; background: #fff; overflow-x:auto; border: #b1b1b1 solid 1px;} 
.productPart2 .div6 .form .select dd ul li{ width:100%; text-align:left; line-height: 50px; height: 50px; cursor: pointer; border-bottom: 1px solid #b1b1b1; color: #000; font-size: 16px;}
.productPart2 .div6 .form .select dd ul li:last-child{ border-bottom:none;}
.productPart2 .div6 .form .select dd ul li:hover{ color: #004098; }
.productPart2 .div6 .liDiv .textBox{ height: 158px; background: #eee; }
.productPart2 .div6 .liDiv textarea{ width: 100%; height: 158px; padding: 10px; box-sizing: border-box; font-size: 14px; line-height: 24px; }
.productPart2 .div6 .btnDiv{ padding-top: 35px; }
.productPart2 .div6 .btnDiv a{ display: block; width: 194px; height: 50px; line-height: 50px; background: #004098; color: #fff; text-align: center; font-size: 16px; font-weight: bold; }

.productLayer{ display: none; position: fixed; right: 50%; margin-right: -656px; z-index: 5; top: 50%; margin-top: -115px; }
.productLayer li a{ display: block;	width: 54px; padding: 13px 0; background: #fff; border: #e5e5e5 solid 1px; text-align: center; border-top: none; }
.productLayer .li01 a{ background: #e70012; color: #fff; font-size: 16px; border: #e70012 solid 1px; border-top: #e70012 solid 1px; }
.productLayer li em{ width: 22px; display: block; margin: 0 auto; line-height: 16px; }

.caseChoose{ border-top: #eaeaea solid 1px; }
.caseChoose li{ border-bottom: #eaeaea solid 1px;}
.caseChoose li .msgDiv{ height:72px; position:relative;}
.caseChoose li .msgDiv:after{ content: ''; position: absolute; right: 0; top: 50%; width: 40px; height: 13px; margin-top: -7px; background: url(../images/nimg40_3.png) no-repeat; }
.caseChoose li .msgDiv a{ display: block; height: 72px; color: #333; padding: 0 30px; font-weight: bold;}
.caseChoose li .name{ height: 72px; line-height: 72px; overflow: hidden; font-size: 18px; }
.caseChoose li .box{ display:none; padding: 20px 30px; overflow: hidden;}
.caseChoose li .msgDiv.aNow{ background:#f6f7f9;}
.caseChoose li .msgDiv.aNow:after{ background: url(../images/nimg40_3on.png) no-repeat; }
.caseChoose li .box dd{ float: left; font-size: 16px; width: 25%; }
.caseChoose li .box dd .lbox{ padding-left: 26px; line-height: 50px; background: url(../images/nimg16_2.png) left center no-repeat; cursor: pointer;}
.caseChoose li .box .ddNow .lbox{ color: #143c9b; background: url(../images/nimg16_2on.png) left center no-repeat; }

.case{ padding: 60px 0 30px; }
.case .list1 ul{ margin-right: -20px; }
.case .list1 li{ float: left; width: 50%; }
.case .list1 li .box{ margin-right: 20px; position: relative; overflow: hidden; }
.case .list1 li .imgDiv img{ width: 100%; }
.case .list1 li .layer{ position: absolute; left: 0; bottom: 0; width: 100%; }
.case .list1 li .name{ padding: 0 25px; height: 86px; line-height: 86px; color: #fff; font-size: 24px; font-weight: bold; overflow: hidden; }
.case .list1 li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.case .list2{ padding-top: 85px; }
.case .list2 li{ height: 242px; margin-bottom: 40px; }
.case .list2 li a{ display: block; height: 242px; padding: 0 60px 0 425px; border: #eee solid 2px; position: relative;}
.case .list2 li a:after{ content: ''; position: absolute; right: 0; top: 50%; width: 2px; height: 0; background: #143c9b; }
.case .list2 li .imgDiv{ position: absolute; left: 0; top: 0; }
.case .list2 li .imgDiv img{ width: 380px; }
.case .list2 li .name{ padding-top: 25px; height: 46px; line-height: 46px; overflow: hidden; font-size: 22px; color: #353432; font-weight: bold; }
.case .list2 li .time{ padding-top: 10px; font-size: 18px; color: #b1b1b1; font-family: mont; }
.case .list2 li .content{ padding-top: 12px; font-size: 14px; line-height: 24px; color: #949494; height: 48px; overflow: hidden;}
.case .list2 li .ico{ margin-top: 16px; width: 47px; height: 33px; background: url(../images/nimg47_1.png) no-repeat; }
.case .list2 li a:hover{ background: #fff; border: #fff solid 2px; box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.1); }
.case .list2 li a:hover .ico{ background: url(../images/nimg47_1on.png) no-repeat;}
/*.case .list2 li a:hover:after{ top: 0; height: 100%; }*/

.solutionPart1{ padding: 115px 0 110px; }
.solutionPart1 .content{ padding-top: 50px; font-size: 16px; line-height: 30px; }

.solutionPart2{ padding: 100px 0; height: 500px; position: relative; }
.solutionPart2:after{ content: ''; position: absolute; left: 0; width: 60%; top: 0; height: 100%; background: #f7f7f7; z-index: 0; }
.solutionPart2 .leftDiv{ width: 485px; position: relative; z-index: 1; }
.solutionPart2 .content{ padding-top: 45px; font-size: 16px; line-height: 30px; }
.solutionPart2 .imgDiv{ position: absolute; left: 50%; width: 50%; height: 520px; top: 100px; z-index: 1; }

.solutionPart3{ position: relative; padding: 140px 0 100px; }
.solutionPart3:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 420px; background: url(../images/solutionBg.jpg) center no-repeat; z-index: 0;}
.solutionPart3 .pageTitle{ text-align: center; padding-bottom: 130px; }
.solutionPart3 .pageTitle .title1{ color: #fff; }
.solutionPart3 .pageTitle .title2{ color: #d6d6d6; }
.solutionPart3 .pageTitle .title2:after{ left: 50%; margin-left: -12px; background: #b9cbe2; }
.solutionPart3 .tab2{ height: 88px; background: #fff; box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.1); position: relative; z-index: 1; text-align: center;}
.solutionPart3 .tab2 li{ display: inline-block; padding: 0 36px; position: relative; height: 88px; line-height: 88px; font-size: 16px; }
.solutionPart3 .tab2 li em{ display: block; position: relative; }
.solutionPart3 .tab2 li em:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background: #004098; }
.solutionPart3 .tab2 li:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -8px; height: 16px; width: 1px; background: #e3e3e3; }
.solutionPart3 .tab2 li:last-child:after{ display: none; }
.solutionPart3 .tab2 .liNow em{ color: #004098; }
.solutionPart3 .tab2 .liNow em:after{ width: 100%; left: 0; }
.solutionPart3 .bigBox{ padding-top: 95px; }
.solutionPart3 .txt{ font-size: 30px; color: #000; line-height: 30px; font-weight: bold; padding-bottom: 30px; }
.solutionPart3 .content{ font-size: 16px; line-height: 30px; padding-bottom: 40px; }
.solutionPart3 .imgList ul{ margin-right: -20px; }
.solutionPart3 .imgList li{ float: left; width: 50%; padding-bottom: 20px; }
.solutionPart3 .imgList li .box{ margin-right: 20px; }
.solutionPart3 .imgList li img{ width: 100%; }

.solutionPart4{ padding: 120px 0; background: #f7f7f7; }
.solutionPart4 .pageTitle{ padding-bottom: 50px; text-align: center; }
.solutionPart4 .pageTitle .title2:after{ left: 50%; margin-left: -12px; }
.casePic{ position: relative; }
.casePic .swiper-slide a{ display: block; width: 100%; height: 100%; }
.casePic .swiper-slide .imgDiv img{ width: 100%; }
.casePic .swiper-slide .botDiv{ padding: 30px; background: #fff; }
.casePic .swiper-slide .name{ font-weight: bold; font-size: 18px; color: #333; height: 34px; line-height: 34px; overflow: hidden; }
.casePic .swiper-slide .time{ font-size: 18px; color: #b1b1b1; font-family: mont; padding-top: 5px; }
.casePic .prev{ z-index: 5; left: -1.0rem; position: absolute; display: block; background: url(../images/nimg36_left.png) center no-repeat; width: 36px; height: 36px; top: 50%; margin-top: -18px;} 
.casePic .next{ z-index: 5; right: -1.0rem; position: absolute; display: block; background: url(../images/nimg36_right.png) center no-repeat; width: 36px; height: 36px; top: 50%; margin-top: -18px;} 
.casePic .prev:hover{ background: url(../images/nimg36_lefton.png) center no-repeat;}
.casePic .next:hover{ background: url(../images/nimg36_righton.png) center no-repeat;}
.casePic .swiper-slide:hover .botDiv{ background: #004098;}
.casePic .swiper-slide:hover .name{ color: #fff; }
.casePic .swiper-slide:hover .time{ color: rgba(255,255,255,0.5); }

.systemTab{ width: 258px; border-top: #eee solid 1px; position: absolute; left: 50%; margin-left: -600px;}
.systemTab li{ font-size: 14px; font-weight: bold; }
.systemTab li a{ display: block; position: relative; padding-left: 25px; color: #848484; background: #fff; height: 70px; line-height: 70px; box-sizing: border-box; border-left: #eee solid 1px; border-right: #eee solid 1px; border-bottom: #eee solid 1px; }
.systemTab li a:after{ content: ''; opacity: 0; position: absolute; right: 30px; top: 50%; margin-top: -7px; width: 9px; height: 14px; background: url(../images/nimg9_right.png) center no-repeat; }
.systemTab li a:hover, .systemTab li .aNow{ background: #143c9b; border: #143c9b solid 1px; border-top: none; color: #fff; }
.systemTab li a:hover:after, .systemTab li .aNow:after{ opacity: 1; }
.systemTabNow{ position:fixed; top:100px; z-index:11; left:50%; margin-left: -600px; }

.systemBox{ padding-left: 330px; }
.systemPart1{ padding: 60px 0 40px; min-height: 490px; position: relative;}
.systemPart1 .title{ color: #004098; font-size: 30px; line-height: 30px; font-weight: bold; padding-bottom: 30px; }
.systemPart1 .content{ font-size: 16px; line-height: 36px; color: #848484; }
.systemPart1 .list{ padding-top: 80px; }
.systemPart1 .list ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.systemPart1 .list li{ width: 1.56rem; height: 1.56rem; position: relative; }
.systemPart1 .list li .bg{ position: absolute; left: 0; top: 0; }
.systemPart1 .list li .bg img{ width: 1.56rem; }
.systemPart1 .list li .txt{ padding-top: 0.8rem; color: #fff; font-size: 0.16rem; position: relative; z-index: 1;}
.systemPart1 .list li .txt em{ display: table-cell; height: 0.48rem; line-height: 0.24rem; vertical-align: middle; width: 1.56rem; text-align: center; }

.systemPart2{ padding: 65px 0 100px; background: #f6f6f6; }
.systemPart2 .title{ color: #004098; font-size: 30px; line-height: 30px; font-weight: bold; padding-bottom: 30px; }
.systemPart2 .content{ font-size: 16px; line-height: 36px; color: #848484; }
.systemPart2 .imgDiv{ padding-top: 45px; }
.systemPart2 .imgDiv img{ max-width: 867px; }
.systemPart2 .list{ padding-top: 65px; }
.systemPart2 .list ul{ margin-right: -42px; }
.systemPart2 .list li{ float: left; width: 33.33%; padding-bottom: 24px; }
.systemPart2 .list li .box{ margin-right: 42px; height: 250px; background: url(../images/nimg260Bg1.png) center no-repeat; }
.systemPart2 .list li:nth-child(2) .box, .systemPart2 .list li:nth-child(4) .box, .systemPart2 .list li:nth-child(6) .box{ background: url(../images/nimg260Bg2.png) center no-repeat;}
.systemPart2 .list li .ico{ padding: 25px 0 20px; text-align: center;}
.systemPart2 .list li .wen{ line-height: 24px; font-size: 14px; padding: 0 32px; color: #fff; word-break: break-all; }
.systemPart2 .list li .msg{ line-height: 30px; font-size: 16px; padding: 0 32px; color: #fff;  }
.systemPart2 .list li:nth-child(2) .msg, .systemPart2 .list li:nth-child(4) .msg, .systemPart2 .list li:nth-child(6) .msg{ color: #666; }

.systemPart3{ padding: 85px 0; }
.systemPart3 .title{ color: #004098; font-size: 30px; line-height: 30px; font-weight: bold; padding-bottom: 30px; }
.systemPart3 .content{ font-size: 16px; line-height: 36px; color: #848484; padding-bottom: 65px;}
.systemPart3 .imgDiv{ padding-bottom: 50px; }
.systemPart3 .imgDiv img{ max-width: 867px; }
.systemPart3 .table table{ border-top: #c7c7c7 solid 1px; border-left: #c7c7c7 solid 1px; }
.systemPart3 .table td{ border-bottom: #c7c7c7 solid 1px; border-right: #c7c7c7 solid 1px; background: #f6f7f9; height: 82px; color: #333; font-size: 16px; text-align: center;}
.systemPart3 .table .td01{ width: 15%; }
.systemPart3 .table .td02{ width: 42%; }

.systemPart4{ padding: 65px 0 70px; background: #f6f6f6; }
.systemPart4 .title{ color: #004098; font-size: 30px; line-height: 30px; font-weight: bold; padding-bottom: 30px; }
.systemPart4 .content{ font-size: 16px; line-height: 36px; color: #848484; padding-top: 45px; }
.systemPart4 .imgDiv img{ max-width: 867px; }

.systemPart5{ padding: 65px 0 70px; }
.systemPart5 .title{ color: #004098; font-size: 30px; line-height: 30px; font-weight: bold; padding-bottom: 30px; }
.systemPart5 .content{ font-size: 16px; line-height: 36px; color: #848484; }
.systemPart5 .imgDiv{ padding-top: 45px; }
.systemPart5 .imgDiv img{ max-width: 867px; }

.systemPart6{ padding: 65px 0 70px; background: #f6f6f6; }
.systemPart6 .title{ color: #004098; font-size: 30px; line-height: 30px; font-weight: bold; padding-bottom: 30px; }
.systemPart6 .content{ font-size: 16px; line-height: 36px; color: #848484;}

.systemPart7{ padding: 50px 0 70px; }
.systemPart7 .title{ color: #004098; font-size: 30px; line-height: 30px; font-weight: bold; padding-bottom: 30px; }
.systemPart7 .content{ font-size: 16px; line-height: 36px; color: #848484; padding-bottom: 60px; }
.systemPart7 .list1 ul{ margin-right: -10px; }
.systemPart7 .list1 li{ float: left; width: 20%; }
.systemPart7 .list1 li .box{ margin-right: 10px; border: #e5e5e5 solid 2px; background: #f8f8f8; height: 160px; border-radius: 8px; text-align: center;}
.systemPart7 .list1 li .name{ padding: 50px 0 20px; color: #333; font-weight: bold; font-size: 18px; line-height: 18px; }
.systemPart7 .list1 .li01 .box{ background: #fff; }
.systemPart7 .list2{ padding-top: 10px; }
.systemPart7 .list2 ul{ margin-right: -10px; }
.systemPart7 .list2 li{ float: left; width: 20%; }
.systemPart7 .list2 li .box{ margin-right: 10px; border: #e5e5e5 solid 2px; background: #f8f8f8; height: 160px; border-radius: 8px; text-align: center;}
.systemPart7 .list2 li .name{ padding: 20px 0 15px; line-height: 30px; color: #333; font-weight: bold; font-size: 18px; }
.systemPart7 .list2 .li01 .box{ background: #fff; }
.systemPart7 .imgDiv{ padding: 60px 0 30px; }
.systemPart7 .imgDiv img{ max-width: 867px; }

.waterPart1{ padding: 120px 0; height: 468px; position: relative; }
.waterPart1 .leftDiv{ width: 590px; position: relative; z-index: 1; }
.waterPart1 .content{ padding-top: 45px; font-size: 16px; line-height: 30px; }
.waterPart1 .btnDiv{ padding-top: 90px; }
.waterPart1 .btnDiv a{ display: block; width: 178px; height: 54px; background: #143c9b; text-align: center; line-height: 54px; font-size: 16px; color: #fff; }
.waterPart1 .imgDiv{ position: absolute; left: 54%; width: 50%; height: 468px; top: 120px; z-index: 1; }

.waterPart2{ padding: 120px 0; background: #f8f8f8; }
.waterPart2 .pageTitle{ text-align: center; }
.waterPart2 .pageTitle .title2:after{ left: 50%; margin-left: -12px; }
.waterPart2 .content{ font-size: 15px; line-height: 30px; text-align: center; padding: 40px 0 50px; }
.waterPart2 .imgDiv{ text-align: center; }
.waterPart2 .imgDiv img{ max-width:1000px;}

.waterPart3{ padding: 120px 0; }
.waterPart3 .pageTitle{ padding-bottom: 50px; text-align: center; }
.waterPart3 .pageTitle .title2:after{ left: 50%; margin-left: -12px; }
.waterPart3 .mxfDiv{ position: relative; }
.waterPart3 .list ul{ margin-right: -20px; }
.waterPart3 .list li{ float: left; width: 50%; }
.waterPart3 .list li:nth-child(1), .waterPart3 .list li:nth-child(2){ margin-bottom: 10px;}
.waterPart3 .list li:nth-child(3), .waterPart3 .list li:nth-child(4){ margin-top: 10px;}
.waterPart3 .list li .box{ margin-right: 20px; height: 240px; background: #f6f6f6; position: relative; padding: 0 0 0 310px; overflow: hidden; }
.waterPart3 .list .li01 .box{ padding: 0 270px 0 100px; }
.waterPart3 .list li .imgDiv{ position: absolute; left: 0; top: 0; }
.waterPart3 .list .li01 .imgDiv{ left: auto; right: 0; }
.waterPart3 .list li .imgDiv img{ width: 270px; }
.waterPart3 .list li .name{ padding-top: 45px; height: 46px; line-height: 46px; color: #333; font-size: 24px; font-weight: bold; }
.waterPart3 .list li .msg{ font-size: 16px; color: #858585; line-height: 24px; padding-top: 10px; }
.waterPart3 .round{ z-index: 1; position: absolute; left: 50%; margin-left: -100px; top: 50%; margin-top: -100px; width: 200px; height: 200px; background: url(../images/nimg200Bg.png) center no-repeat; }
.waterPart3 .round b{ text-align: center; color: #fff; font-size: 30px; line-height: 38px; text-align: center; position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); }

.waterPart4{ padding-bottom: 80px; }
.waterPart4 .pageTitle{ padding-bottom: 50px; text-align: center; }
.waterPart4 .pageTitle .title2:after{ left: 50%; margin-left: -12px; }
.waterPart4 .list ul{ margin-right: -32px; }
.waterPart4 .list li{ float: left; width: 33.33%; padding-bottom: 40px; }
.waterPart4 .list li .box{ margin-right: 32px; }
.waterPart4 .list li .imgDiv{ overflow: hidden; }
.waterPart4 .list li .imgDiv img{ width: 100%; }
.waterPart4 .list li .name{ background: #f1f1f1; padding: 0 30px; height: 90px; line-height: 90px; overflow: hidden; font-size: 18px; color: #7f7f7f; position: relative; }
.waterPart4 .list li .name:after{ content: ''; position: absolute; right: 40px; top: 50%; margin-top: -20px; width: 40px; height: 40px; background: url(../images/nimg40_1.png) center no-repeat; opacity: 0;}
.waterPart4 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.waterPart4 .list li .box:hover .name{ background: #004098; color: #fff; }
.waterPart4 .list li .box:hover .name:after{ opacity: 1; }

.introduce1{ padding: 120px 0 90px;}
.introduce1 .leftDiv{ width: 560px; padding-top: 15px; }
.introduce1 .content{ font-size: 16px; line-height: 36px; color: #848484; padding-top: 60px; }
.introduce1 .mxfDiv{ position: relative; }
.introduce1 .rightDiv video{width:100%; height:auto; position:absolute; top:50%; left:0; transform: translateY(-50%);z-index:-1;visibility:hidden;opacity:0;object-fit:fill;}
.introduce1 .videobox.cur{ background:#000;}
.introduce1 .videobox.cur .img, .introduce1 .videobox.cur .imgDiv,
.introduce1 .videobox.cur .playbox{z-index:-1;visibility:hidden;opacity:0}
.introduce1 .videobox.cur video{z-index:2;visibility:visible;opacity:1}
.introduce1 .rightDiv .imgDiv img{ width: 100%; }
.introduce1 .rightDiv .layer{ cursor:pointer; position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); z-index: 2; text-align: center; }
.introduce1 .rightDiv .ico img{ width: 68px; }

.introduce2{ background: #f5f5f5; }
.hahaPic{ position: relative; }
.hahaPic .list { width: 32rem; position: relative; }
.hahaPic .swiper-slide { height: 7rem; position: relative; overflow: hidden;}
.hahaPic .imgDiv{ position: absolute; left: 0; width: 9.6rem; height: 7.0rem; background-size: cover;}
.hahaPic .conDiv{ padding-left: 10.6rem; padding-top: 1.15rem; height: 5.85rem; position: relative; }
.hahaPic .name1{ font-size: 0.3rem; color: #004098; line-height: 0.3rem; font-weight: bold; padding-bottom: 0.2rem; }
.hahaPic .name2{ font-size: 0.36rem; color: #d6d6d6; line-height: 0.36rem; font-family: mont; position: relative; padding-bottom: 0.26rem; text-transform: uppercase; }
.hahaPic .name2:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 24px; height: 4px; background: #004098; }
.hahaPic .msgList{ padding-top: 0.4rem; }
.hahaPic .msgList li{ position: relative; font-size: 0.14rem; line-height: 30px; padding-left: 16px; }
.hahaPic .msgList li:after{ content: ''; position: absolute; left: 0; top: 12px; width: 6px; height: 6px; background: #7a9ac6; border-radius: 50%; }
.hahaPic .btnDiv{ position: absolute; left: 10.6rem; bottom: 1.1rem; }
.hahaPic .btnDiv a{ display: block; width: 1.52rem; height: 0.48rem; border: #f5f5f5 solid 1px; line-height: 0.48rem; border: #d2d2d2 solid 1px; text-align: center; font-size: 14px; color: #666; }
.hahaPic .btnDiv a:hover{ border: #004098 solid 1px; background: #004098; color: #fff; }
.hahaPic .arrow2{ display: block; position: absolute; top: 50%; margin-top: -29px; width: 58px; height: 58px; background: rgba(0,0,0,0.5); border-radius: 50%; z-index: 2;}
.hahaPic .prev { left: 1.5rem;}
.hahaPic .prev:after{ content: ''; position: absolute; left: 50%; top: 50%; width: 9px; height: 14px; margin-left: -5px; margin-top: -7px; background: url(../images/nimg9_left.png) center no-repeat;}
.hahaPic .next { right: 1.5rem; }
.hahaPic .next:after{ content: ''; position: absolute; left: 50%; top: 50%; width: 9px; height: 14px; margin-left: -5px; margin-top: -7px; background: url(../images/nimg9_right.png) center no-repeat;}
.hahaPic .arrow2:hover { background: rgba(0,64,152,0.7); }



.introduce3{ padding: 120px 0;}
.introduce3 .pageTitle{ padding-bottom: 50px; text-align: center; }
.introduce3 .pageTitle .title2:after{ left: 50%; margin-left: -12px; }

.basePart1{ padding-top: 100px; }
.basePart1 .msg{ font-size: 24px; color: #222; padding: 50px 0 65px;}
.basePart1 .list ul{display: flex; display: -webkit-flex;}
.basePart1 .list li{ width: 16.665%; height: 4.77rem; background: center no-repeat; background-size: auto 100%; position: relative; color: #fff; }
.basePart1 .list li a { display: block; position: absolute; z-index: 10; left: 0; right: auto; top: 0; bottom: auto; width: 100%; height: 100%; }
.basePart1 .list li .botDiv{ opacity: 0; position: absolute; left: 0; bottom: 0; width: 100%; height: 1.58rem; background: rgba(0,0,0,0.4); z-index: 1;}
.basePart1 .list li .layerDiv{ opacity: 0; position: absolute; width: 100%; height: 1.3rem; left: 0; bottom: 0; z-index: 2; }
.basePart1 .list li .mxfDiv{ padding: 0 0.3rem; }
.basePart1 .list li .l7Div{ height: 1.3rem; }
.basePart1 .list li .name{ font-weight: bold; font-size: 0.24rem; line-height: 0.24rem; color: #fff; padding-top: 0.2rem; }
.basePart1 .list li .content{ font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; color: #fff; padding-top: 0.15rem; }
.basePart1 .list li.on { width: 33.33%; background-size: auto 105%; }
.basePart1 .list li.on .layerDiv{ opacity: 1; }

.basePart1 .list2{ width:  100%; height: 477px; margin: 0 auto; overflow: hidden;}
.basePart1 .list2 li{ width: 20%;  float: left; transition: all 1s;}
.basePart1 .list2 img{  width: 640px; cursor: pointer;}
.basePart1 .list2:hover li{ width: 16.665%; }
.basePart1 .list2 li:hover{ width: 33.33%; }


.demoBase .swiper-slide{ position: relative; }
.demoBase .imgDiv img{ width: 100%; }
.demoBase .layer{ position: absolute; left: 0; bottom: 0.5rem; width: 100%; z-index: 1; }
.demoBase .mxfDiv{ padding: 0 0.4rem; }
.demoBase .name{ font-size: 0.32rem; color: #fff; padding-bottom: 0.2rem; font-weight: bold; }
.demoBase .content{ font-size: 0.24rem; color: #fff; height: 0.42rem; line-height: 0.42rem; overflow: hidden; }
.demoBase .swiper-pagination{ position: relative; padding-top: 0.6rem; bottom: 0; }
.demoBase .swiper-pagination-bullet { background: #ccc; opacity: 1; } 
.demoBase .swiper-pagination-bullet-active { background: #174099; }

.basePart2{ padding: 100px 0 115px; }
.basePart2 .pageTitle{ text-align: center; }
.basePart2 .pageTitle .title2{ height: auto; padding-bottom: 20px; }
.basePart2 .pageTitle .title2:after{ left: 50%; margin-left: -12px; }
.basePart2 .list{ padding-top: 50px; }
.basePart2 .list ul{ margin-right: -40px; }
.basePart2 .list li{ float: left; width: 50%; }
.basePart2 .list li .box{ margin-right: 40px; }
.basePart2 .list li .imgDiv img{ width: 100%; }
.basePart2 .list li .wen{ padding-top: 25px; font-size: 16px; line-height: 30px; color: #222; padding-right: 150px;}

.basePart3{ background: #f6f6f6; padding: 100px 0; }
.basePic{ position: relative; }
.basePic .swiper-slide{ position: relative; height: 622px; }
.basePic .imgDiv{ float: right;  }
.basePic .imgDiv img{ width: 700px; }
.basePic .conDiv{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 600px; height: 544px; background: #fff; z-index: 1; }
.basePic .mxfDiv{ padding: 80px 80px 0; }
.basePic .name1{ font-size: 30px; line-height: 30px; color: #004098; font-weight: bold; padding-bottom: 15px; }
.basePic .name2{ position: relative; font-size: 36px; color: #d6d6d6; line-height: 36px; font-family: mont; padding-bottom: 30px;}
.basePic .name2:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 24px; height: 3px; background: #004098; }
.basePic .msg{ padding-top: 55px; font-size: 18px; line-height: 30px;}
.basePic .prev{ position: absolute; z-index: 2; display: block; width: 8px; height: 14px; left: 80px; bottom: 140px; background: url(../images/nimg8_left.png) center no-repeat; }
.basePic .next{ position: absolute; z-index: 2; display: block; width: 8px; height: 14px; left: 110px; bottom: 140px; background: url(../images/nimg8_right.png) center no-repeat; }
.basePic .prev:hover{ background: url(../images/nimg8_lefton.png) center no-repeat;}
.basePic .next:hover{ background: url(../images/nimg8_righton.png) center no-repeat;}

.basePart4{ padding: 100px 0 90px; }
.basePart4 .pageTitle{ text-align: center; }
.basePart4 .pageTitle .title2{ height: auto; padding-bottom: 20px; }
.basePart4 .pageTitle .title2:after{ left: 50%; margin-left: -12px; }
.basePart4 .content{ font-size: 16px; line-height: 30px; text-align: center; padding-top: 40px; }
.basePart4 .list{ padding-top: 40px; }
.basePart4 .list ul{ margin-right: -30px; }
.basePart4 .list li{ float: left; width: 33.33%; padding-bottom: 30px; }
.basePart4 .list li .box{ margin-right: 30px; position: relative; }
.basePart4 .list li .imgDiv img{ width: 100%; }
.basePart4 .list li .layer{ position: absolute; left: 0; bottom: 0; width: 100%; height: 155px; z-index: 1; background: url(../images/bg3.png) center repeat-x; }
.basePart4 .list li .name{ padding: 110px 35px 0; height: 30px; line-height: 30px; overflow: hidden; color: #fff; font-size: 14px; }

.caseBox{ background: #f6f7f9; padding: 60px 0 80px; }
.caseBox .bigName{ text-align: center; font-size: 36px; line-height: 36px; color: #004098; font-weight: bold; padding-bottom: 30px; }
.caseBox .msgList{ text-align: center; padding-bottom: 30px; }
.caseBox .msgList em{ display: inline-block; position: relative; padding: 0 12px; font-size: 14px; color: #cacbcd; font-weight: bold;}
.caseBox .msgList img{ position: relative; top: -1px; padding-right: 10px; }
.caseBox .part1{ padding-bottom: 90px; border-bottom: #f6f7f9 solid 1px; }
.caseBox .bigBox{ background: #fff; padding: 70px 100px; }
.caseBox .bigImg{ padding-bottom: 30px; }
.caseBox .bigImg img{ max-width: 1000px; }
.caseBox .txt{ font-weight: bold; font-size: 16px; color: #004098; line-height: 30px; }
.caseBox .txt2{ padding: 45px 0; }
.caseBox .content{ font-size: 14px; line-height: 30px; padding-bottom: 35px;}

.effectPic{ position: relative; }
.effectPic .swiper-slide .imgDiv img{ width: 100%; }
.effectPic .swiper-slide .lname{ padding-top: 15px; font-size: 16px; color: #828282; height: 34px; line-height: 34px; text-align: center; overflow: hidden; }
.effectPic .prev{ z-index: 5; left: -56px; position: absolute; display: block; background: url(../images/nimg36_left.png) center no-repeat; width: 36px; height: 36px; top: 40%; margin-top: -18px;} 
.effectPic .next{ z-index: 5; right: -56px; position: absolute; display: block; background: url(../images/nimg36_right.png) center no-repeat; width: 36px; height: 36px; top: 40%; margin-top: -18px;} 
.effectPic .prev:hover{ background: url(../images/nimg36_lefton.png) center no-repeat;}
.effectPic .next:hover{ background: url(../images/nimg36_righton.png) center no-repeat;}

.caseBox .part2{ padding: 45px 0; }
.caseBox .pageTitle{ text-align: center; }
.caseBox .pageTitle .title2:after{ left: 50%; margin-left: -12px;}
.caseBox .xlist{ padding-top: 35px; }
.caseBox .xlist li{ margin-bottom: 10px; }
.caseBox .xlist li a{ display: block; position: relative; font-size: 18px; color: #353432; height: 80px; line-height: 80px; padding: 0 120px 0 30px; overflow: hidden; background: #f6f6f6;  }
.caseBox .xlist li a:after{ content: ''; position: absolute; right: 40px; top: 50%; margin-top: -17px; width: 47px; height: 33px; background: url(../images/nimg47_1.png) center no-repeat; }
.caseBox .xlist li a:hover{ background: #fff; color: #143c9b; box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.08);}

.caseBox .part3 .pageTitle, .caseBox .part4 .pageTitle{ padding-bottom: 40px; }
.anliPic{ position: relative; }
.anliPic .swiper-slide a{ display: block; width: 100%; height: 100%; }
.anliPic .swiper-slide .imgDiv img{ width: 100%; }
.anliPic .swiper-slide .botDiv{ padding: 30px 25px; background: #fff; border: #eee solid 2px;}
.anliPic .swiper-slide .xname{ font-size: 18px; color: #333; height: 34px; line-height: 34px; overflow: hidden; }
.anliPic .swiper-slide .xtime{ font-size: 18px; color: #b1b1b1; font-family: mont; padding-top: 5px; }
.anliPic .prev{ z-index: 5; left: -56px; position: absolute; display: block; background: url(../images/nimg36_left.png) center no-repeat; width: 36px; height: 36px; top: 50%; margin-top: -18px;} 
.anliPic .next{ z-index: 5; right: -56px; position: absolute; display: block; background: url(../images/nimg36_right.png) center no-repeat; width: 36px; height: 36px; top: 50%; margin-top: -18px;} 
.anliPic .prev:hover{ background: url(../images/nimg36_lefton.png) center no-repeat;}
.anliPic .next:hover{ background: url(../images/nimg36_righton.png) center no-repeat;}
.anliPic .swiper-slide:hover .botDiv{ background: #004098; border: #004098 solid 2px;}
.anliPic .swiper-slide:hover .xname{ color: #fff; }
.anliPic .swiper-slide:hover .xtime{ color: rgba(255,255,255,0.5); }

.caseLayer{ display:none; position: fixed; right: 50%; margin-right: -656px; z-index: 5; top: 50%; margin-top: -115px; }
.caseLayer li a{ display: block;	width: 54px; padding: 13px 0; background: #fff; border: #e5e5e5 solid 1px; text-align: center; border-top: none; }
.caseLayer .li01 a{ background: #e70012; color: #fff; font-size: 16px; border: #e70012 solid 1px; border-top: #e70012 solid 1px; }
.caseLayer li em{ width: 22px; display: block; margin: 0 auto; line-height: 16px; }

.caseBox .part4{ padding-top: 50px; }

.policy{ padding:100px 0;}
.policy .content{ font-size:16px; line-height:32px; padding-top:60px;}

.siteMap{ padding:100px 0;}
.siteMap .list{ padding-top:60px;}
.siteMap li{ margin-bottom:25px; padding-bottom:25px; overflow:hidden; border-bottom:#ddd solid 1px;}
.siteMap li h2{ font-size:18px; height:42px;}
.siteMap li h2 a{ color:#ff001c;}
.siteMap li dl{overflow:hidden;}
.siteMap li .box{margin-bottom:10px;}
.siteMap li .box:last-child{margin-bottom:0;}
.siteMap li h3{ font-size:14px; float:left; padding-right:30px;font-weight:bold;}
.siteMap li dd{ font-size:14px; float:left; padding-right:30px;}


.newsLayer{ display:none; position: fixed; right: 50%; margin-right: -656px; z-index: 5; top: 50%; margin-top: -115px; }
.newsLayer li a{ display: block;	width: 54px; padding: 13px 0; background: #fff; border: #e5e5e5 solid 1px; text-align: center; border-top: none; }
.newsLayer .li01 a{ background: #e70012; color: #fff; font-size: 16px; border: #e70012 solid 1px; border-top: #e70012 solid 1px; }
.newsLayer li em{ width: 22px; display: block; margin: 0 auto; line-height: 16px; }


@media screen and (max-width: 1004px) {
  .fixban{position: static;}
}