/*banner*/
.ind-banner{width: 100%; overflow: hidden;} 
.ind-banner .swiper-slide { color: #fff; } 
.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 .layer{ position: absolute; left: 50%; bottom: 1.62rem; margin-left: -7.2rem; z-index: 5; padding-right: 2.94rem; }
.ind-banner .num{ font-size: 0.24rem; color: #fff; z-index: 1; font-family:Mont; position: relative; width: 70px;} 
.ind-banner .layer:after{ content: ''; position: absolute; right: 0; bottom: 10px; width: 78%; height: 1px; background: #838995; }
.ind-banner .num span{ font-size: 0.14rem; font-family:Mont; color: #838995; }
.ind-banner .num em{  }

/*banner结束*/

.ind-bannerTel{ width: 100%; overflow: hidden;} 
.ind-bannerTel .swiper-slide { 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; left: 0.3rem!important; width: auto!important; bottom: 0.35rem!important; } 
.ind-bannerTel .swiper-pagination-bullet {width: 0.24rem; height: 0.24rem; opacity: 1; background: #fff; margin-left:0!important; margin-right: 16px; border-radius: 50%;} 
.ind-bannerTel .swiper-pagination-bullet-active { background: #39b2ee!important; } 

.indexPart1{ padding-bottom: 75px; position: relative;}
.indexPart1 .containerBox{ height: 687px; background: url(../images/bg1.jpg) top center repeat-x; }
.indexPart1 .leftDiv{ width: 6.85rem; padding-top: 85px;}
.indexPart1 .titleDiv{ height: 75px; position: relative; }
.indexPart1 .titleDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: #dedede; z-index: 1; }
.indexPart1 .titleDiv .title1{ font-size: 24px; color: #333; line-height: 24px; font-weight: bold; }
.indexPart1 .titleDiv .title2{ font-size: 14px; text-transform: uppercase; padding-top: 5px; }
.indexPart1 .titleDiv em{ position: absolute; left: 0; bottom: 0; display: block; width: 28px; height: 3px; background: url(../images/nimg28_1.jpg) no-repeat; z-index: 2; }
.indexPart1 .content{ font-size: 14px; line-height: 36px; color: #333; padding-top: 20px; }
.indexPart1 .list{ padding-top: 40px; }
.indexPart1 .list ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.indexPart1 .list li .shu{ font-size: 18px; line-height: 18px; padding-bottom: 10px; font-family:Mont; }
.indexPart1 .list li .txt{ font-size: 18px; font-weight: bold; line-height: 18px; color: #333; }
.indexPart1 .list li .wen{ height: 35px; font-size: 14px; color: #333; position: relative; padding-top: 12px;}
.indexPart1 .list li .wen:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 10px; height: 2px; background: #666; }
.indexPart1 .btnDiv{ padding-top: 58px; }
.indexPart1 .btnDiv a{ display: block; width: 1.46rem; height: 0.5rem; background: #39b2ee; text-align: center; line-height: 0.5rem; color: #fff; font-size: 14px; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.14); }
.indexPart1 .rightImg{ padding-top: 85px; }
.indexPart1 .rightImg img{ width: 6.46rem; }
.indexPart1 .layerDiv{ position: absolute; left: 50%; width: 14.4rem; bottom: 0; height: 150px; background: #fff; margin-left: -7.2rem; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08); z-index: 2;}
.indexPart1 .layerDiv li{ float: left; width: 25%; position: relative; color: #333; font-size: 14px; }
.indexPart1 .layerDiv li:after{ content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 50px; margin-top: -25px; background: #ccc; }
.indexPart1 .layerDiv li:last-child:after{ display: none; }
.indexPart1 .layerDiv li .box{ height: 150px; position: relative; padding-left: 1.6rem; }
.indexPart1 .layerDiv li .ico{ position: absolute; left: 0.8rem; top: 50%; margin-top: -30px; }
.indexPart1 .layerDiv li .num{ padding-top: 45px; }
.indexPart1 .layerDiv li .num em{ font-size: 36px; line-height: 36px; font-family:Mont; padding-right: 0.08rem; }
.indexPart1 .layerDiv li p{ padding-top: 5px; }

.indexPart2{ padding: 0.85rem 0 0.95rem; }
.indexPart2 .title{ text-align: center; color: #333; font-size: 24px; line-height: 24px; padding-bottom: 20px; }
.indexPart2 .btn{ text-align: center; padding-bottom: 45px; }
.indexPart2 .btn li{ display: inline-block; font-size: 16px; line-height: 16px; margin: 0 14px; height: 24px; position: relative; cursor: pointer;}
.indexPart2 .btn li em{ display: block; height: 24px; position: relative;}
.indexPart2 .btn li em:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #e62129; }
.indexPart2 .btn li.on { color: #e62129; }
.indexPart2 .btn li.on em:after{ width: 100%; }

.indexPart2 .list{ position: relative;}
.indexPart2 .list .imgList{ width: 100%; overflow: hidden; position: relative;}
.indexPart2 .list .mxfDiv{ height: 5.72rem; background: #e2e2e2; padding: 0 2.2rem 0 7.68rem; position: relative; }
.indexPart2 .list .imgDiv{ position: absolute; left: 1.4rem; top: 0.4rem; }
.indexPart2 .list .imgDiv img{ width: 5.0rem; }
.indexPart2 .list .name{ padding-top: 1.15rem; line-height: 32px; height: 64px; overflow: hidden; font-size: 24px; color: #333; font-weight: bold; }
.indexPart2 .list .msgList{ margin-top: 0.2rem; border-top: #bababa dashed 1px; border-bottom: #bababa dashed 1px; padding: 0.15rem 0;}
.indexPart2 .list .msgList li{ font-size: 14px; line-height: 30px; height: 30px; overflow: hidden; padding-left: 18px; background: url(../images/ico1.png) left center no-repeat;}
.indexPart2 .list .btnDiv{ padding-top: 32px; }
.indexPart2 .list .btnDiv a{ display: block; width: 1.46rem; height: 0.5rem; line-height: 0.5rem; background: #39b2ee; color: #fff; text-align: center; font-size: 14px; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.14); }
.indexPart2 .se{ display: block; width: 43px; height: 43px; position: absolute; z-index: 10; left: auto; right: auto; top: 50%; margin-top: -22px; bottom: auto; border-radius: 50%; background: #838995; overflow: hidden;}
.indexPart2 .arrow .prev { left: -23px;  }
.indexPart2 .arrow .next { right: -23px; }
.indexPart2 .arrow .prev:before{ content: ''; width: 16px; height: 10px; background: url(../images/nimg16_left.png) no-repeat center; position: absolute; left: 50%; top: 50%; margin-left: -8px; margin-top: -5px; }
.indexPart2 .arrow .next:before{ content: ''; width: 16px; height: 10px; background: url(../images/nimg16_right.png) no-repeat center; position: absolute; left: 50%; top: 50%; margin-left: -8px; margin-top: -5px; }
.indexPart2 .arrow .prev:after{ content: ''; position: absolute; left: 0; top: 0; width: 0; height: 0.6rem; background: #e62129; z-index: -1; }
.indexPart2 .arrow .next:after{ content: ''; position: absolute; left: 0; top: 0; width: 0; height: 0.6rem; background: #e62129; z-index: -1; }
.indexPart2 .arrow .prev:hover:after{ width: 100%; }
.indexPart2 .arrow .next:hover:after{ width: 100%; }

.indexPart3{ position: relative; }
.indexPart3 .titleDiv{ position: absolute; left: 50%; margin-left: -7.2rem; top: 0.9rem; z-index: 3; color: #fff;}
.indexPart3 .titleDiv .title1{ font-size: 24px; line-height: 24px; padding-bottom: 10px; }
.indexPart3 .titleDiv .title2{ font-size: 30px; line-height: 30px; font-family:Mont; text-transform: uppercase;}

.indexPart3 .list{ position: relative; }
.indexPart3 .list .bg img{ width: 100%; }
.indexPart3 .list .layer{ position: absolute; left: 50%; margin-left: -7.2rem; z-index: 3; bottom: 0; width: 4.8rem; height: 3.52rem;
 background-image: -webkit-linear-gradient(top,#efefef,#dedede);
    background-image: -moz-linear-gradient(top,#efefef,#dedede);
    background-image: -o-linear-gradient(top,#efefef,#dedede);
    background-image: linear-gradient(to bottom,#efefef,#dedede); }
.indexPart3 .list .layer:before{ content: ''; position: absolute; left: 0; top: 0; width: 5px; height: 100%; background: #39b2ee; }
.indexPart3 .list .mxfDiv{ padding: 0.45rem 0.5rem 0 0.6rem;}
.indexPart3 .list .txt{ width: 84px; height: 30px; line-height: 30px; background: #e62129; color: #fff; text-align: center; font-size: 18px; }
.indexPart3 .list .name{ padding-top: 0.2rem; font-size: 0.24rem; line-height: 0.36rem; height: 0.72rem; overflow: hidden; font-weight: bold; color: #333; }
.indexPart3 .list .content{ font-size: 0.14rem; line-height: 0.3rem; height: 0.9rem; overflow: hidden; padding-top: 0.15rem; }
.indexPart3 .list .more{ padding-top: 0.25rem; }
.indexPart3 .list .more a{ display: block; font-family:Mont; font-size: 14px; color: #39b2ee; text-transform: uppercase; width: 0.7rem; background: url(../images/nimg16_2.png) no-repeat right center;}
.indexPart3 .list .more a:hover{ text-decoration: underline; }

.indexPart3 .se{ display: block; width: 2.4rem; height: 100%; position: absolute; z-index: 10; left: auto; right: auto; top: 0; background: rgba(0,0,0,0.5);}
.indexPart3 .arrow .next { right: 0; }
.indexPart3 .next .gg{ position: absolute; width: 100%; text-align: center; color: #39b2ee; height: 80px; top: 50%; margin-top: -40px; font-size: 14px; font-family:Mont; background: url(../images/nimg43_1.png) no-repeat center bottom;}

.indexPart3 .btn{ position: absolute; left: 50%; top: 1.85rem; width: 5rem; margin-left: -7.2rem; z-index: 2;}
.indexPart3 .btn li{ float: left; width: 20%; color: #fff; font-size: 14px; line-height: 30px; cursor: pointer; }
.indexPart3 .btn li.on{ color: #e62129; }


.indexPart4{ padding: 0.75rem 0 0.85rem; }
.indexPart4 .titleDiv{ text-align: center; padding-bottom: 0.5rem;}
.indexPart4 .titleDiv .title1{ font-size: 24px; line-height: 24px; padding-bottom: 10px; color: #333;}
.indexPart4 .titleDiv .title2{ font-size: 30px; line-height: 30px; font-family:Mont; text-transform: uppercase;}
.indexPart4 .leftDiv{ width: 6.56rem; }
.indexPart4 .tab2{ height: 0.55rem; }
.indexPart4 .tab2 li{ float: left; margin-right: 0.3rem; height: 24px; position: relative; font-size: 16px; line-height: 16px;}
.indexPart4 .tab2 li em{ position: relative; display: block; height: 24px; }
.indexPart4 .tab2 li em:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #e62129; }
.indexPart4 .tab2 .liNow{ color: #e62129; font-weight: bold; }
.indexPart4 .tab2 .liNow em:after{ width: 100%; }
.indexPart4 .detail{ position: relative; padding-left: 3.4rem; height: 1.88rem; padding-bottom: 0.3rem; }
.indexPart4 .detail .imgDiv{ position: absolute; left: 0; top: 0; }
.indexPart4 .detail .imgDiv img{ width: 2.89rem; }
.indexPart4 .detail .name{ padding-top: 0.1rem;}
.indexPart4 .detail .name a{ display: block; font-size: 18px; line-height: 30px; height: 60px; overflow: hidden; color: #333; font-weight: bold;}
.indexPart4 .detail .name a:hover{ color: #39b2ee; }
.indexPart4 .detail .time{ font-size: 0.16rem; line-height: 0.16rem; font-family:Mont; padding-top: 0.1rem; }
.indexPart4 .detail .btnDiv{ padding-top: 25px; }
.indexPart4 .detail .btnDiv a{ display: block; width: 1.46rem; height: 0.5rem; line-height: 0.5rem; background: #39b2ee; color: #fff; text-align: center; font-size: 14px; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.14); }
.indexPart4 .list{ height: 1.98rem; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08); padding: 0 0.45rem 0 0.35rem; }
.indexPart4 .list ul{ padding-top: 0.25rem; }
.indexPart4 .list li{ padding-right: 1.0rem; height: 0.36rem; position: relative;}
.indexPart4 .list li a{ display: block; height: 0.36rem; line-height: 0.36rem; overflow: hidden; font-weight: bold; font-size: 14px; color: #333;}
.indexPart4 .list li em{ position: absolute; right: 0; top: 0; line-height: 0.36rem; font-family:Mont;}
.indexPart4 .list li:hover a{ color: #39b2ee; }

.indexPart4 .rightDiv{ width: 7.2rem; position: relative; }
.indexPart4 .rightDiv a{ display: block; width: 100%; height: 100%; }
.indexPart4 .rightDiv .video{ position:relative;}
.indexPart4 .rightDiv .imgDiv img{ width: 100%; }
.indexPart4 .rightDiv .ico{ position: absolute; left: 50%; top: 50%; margin-left: -33px; margin-top: -33px;}

.indexPart4 .video.on:before {
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
}
.indexPart4 .video:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/nimg67_1.png) no-repeat center center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}

.aboutBox{ padding: 55px 0 90px; }

.aboutBox .content{ padding: 0.5rem 0; font-size: 14px; line-height: 30px; }
.aboutBox .part1{ padding-bottom: 0.6rem; }
.aboutBox .part1 .leftDiv{ padding-top: 0.7rem; width: 6.0rem; }
.aboutBox .part1 .list{ padding: 0.45rem 0 0 0.95rem; position: relative;}
.aboutBox .part1 .list:before{ content: ''; width: 31px; height: 24px; background: url(../images/nimg31_1.png) center no-repeat; position: absolute; left: 0; top: 0; z-index: 2; }
.aboutBox .part1 .list:after{ content: ''; width: 31px; height: 24px; background: url(../images/nimg31_2.png) center no-repeat; position: absolute; right: 0; bottom: 0; z-index: 2; }
.aboutBox .part1 .list li{ float: left; width: 50%; padding-bottom: 0.7rem; }
.aboutBox .part1 .list li .shu{ font-size: 18px; line-height: 18px; padding-bottom: 10px; font-family:Mont; }
.aboutBox .part1 .list li .txt{ font-size: 18px; font-weight: bold; line-height: 18px; color: #333; }
.aboutBox .part1 .list li .wen{ height: 35px; font-size: 14px; color: #333; position: relative; padding-top: 12px;}
.aboutBox .part1 .list li .wen:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 10px; height: 2px; background: #e62129; }
.aboutBox .part1 .rightImg{ width: 6.41rem; }
.aboutBox .part1 .rightImg img{ width: 100%; }

.aboutBox .part2{ height: 2.86rem; background: url(../images/nimg1440Bg.jpg) center no-repeat; background-size: cover; }
.aboutBox .part2 .list{ padding: 1.1rem 2.1rem 0; }
.aboutBox .part2 .list ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.aboutBox .part2 .list li{ font-size: 14px; color: #fff; }
.aboutBox .part2 .list li .box{ height: 150px; position: relative; padding-left: 72px; }
.aboutBox .part2 .list li .ico{ position: absolute; left: 0; top: 0; }
.aboutBox .part2 .list li .num em{ font-size: 36px; line-height: 36px; font-family:Mont; padding-right: 0.08rem; }
.aboutBox .part2 .list li p{ padding-top: 5px; }

.aboutBox .part3{ padding-top: 0.4rem; }
.aboutBox .part3 ul{ margin-right: -0.15rem; }
.aboutBox .part3 li{ float: left; width: 33.33%; }
.aboutBox .part3 li .box{ margin-right: 0.15rem; }
.aboutBox .part3 li .imgDiv{ overflow: hidden; }
.aboutBox .part3 li .imgDiv img{ width: 100%; }
.aboutBox .part3 li .name{ padding-top: 18px; font-size: 14px; color: #333; text-align: center; }
.aboutBox .part3 li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1); }

.history{ padding-top: 0.6rem; overflow: hidden;}
.history .leftImg{ width: 6.0rem; }
.history .leftImg img{ width: 100%; }
.history .rightDiv{ width: 7.8rem; }
.history .list{ position: relative; }
.history .list:before{ content: ''; position: absolute; left: 1.77rem; top: 0; width: 1px; height: 100%; background: url(../images/line1.png) repeat-y; }
.history .list li{ padding-left: 1.95rem; position: relative; min-height: 0.62rem; margin-bottom: 0.2rem; }
.history .list li:before{ content: ''; position: absolute; left: 1.7rem; top: 50%; width: 0.15rem; height: 0.15rem; margin-top: -0.07rem; background: url(../images/ico2.png) no-repeat; background-size: 0.15rem;}
.history .list li .year{ position: absolute; left: 0; top: 0.12rem; width: 1.36rem; font-size: 0.24rem; height: 0.42rem; border-radius: 0.24rem; background: #39b2ee; color: #fff; text-align: center; line-height: 0.42rem; }
.history .list li .mxfDiv{ padding-left: 6px; position: relative; }
.history .list li .mxfDiv:before{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -6px; width: 6px; height: 12px; background: url(../images/nimg6_2.png) no-repeat; display: none; }
.history .list li .wen{ height: 0.62rem; line-height: 0.62rem; border-radius: 6px; padding-left: 0.27rem;}
.history .list li .wen p{ padding-left: 0.22rem; background: url(../images/ico3.png) left center no-repeat; background-size: 0.11rem; font-size: 0.16rem;}
.history .list li:hover:before{ background: url(../images/ico2on.png) no-repeat; background-size: 0.15rem; }
.history .list li:hover .year{ background: #e62129; }
.history .list li:hover .mxfDiv:before{ display: block; }
.history .list li:hover .wen{ background: #e62129; color: #fff; }
.history .list li:hover .wen p{ background: url(../images/ico3on.png) left center no-repeat; background-size: 0.11rem;}

.pageTitle .tab2{ position: absolute; right: 0; top: 25px; }
.pageTitle .tab2 li{ float: left; padding-left: 40px; font-size: 16px; }
.pageTitle .tab2 .liNow{ color: #39b2ee; }

.culture{ padding-top: 0.6rem; }
.culture .list ul{ margin-right: -0.3rem; }
.culture .list li{ float: left; width: 33.33%; padding-bottom: 0.6rem; }
.culture .list li .box{ margin-right: 0.3rem; }
.culture .list li .imgDiv img{ width: 100%; }
.culture .list li .name{ height: 0.72rem; line-height: 0.72rem; border-bottom: #e5e5e5 solid 1px; font-size: 14px; text-align: center; }

.honor{ padding-top: 0.6rem; }
.honor .list ul{ margin-right: -0.3rem; }
.honor .list li{ float: left; width: 33.33%; padding-bottom: 0.3rem; }
.honor .list li .box{ margin-right: 0.3rem; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);}
.honor .list li .mxfDiv{ padding: 0.2rem 0.2rem 0; }
.honor .list li .imgDiv{ overflow: hidden; }
.honor .list li .imgDiv img{ width: 100%; }
.honor .list li .name{ height: 0.6rem; line-height: 0.6rem; overflow: hidden; text-align: center; font-size: 14px; }
.honor .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.teamwork{ padding-top: 0.6rem; }
.teamwork .leftDiv{ width: 5.9rem; }
.teamwork .leftDiv .content{ padding-top: 0.9rem; font-size: 14px; line-height: 38px; }
.teamwork .leftDiv .content b{ color: #e62129; text-transform: uppercase;}

.contact{ padding-top: 0.6rem; }
.contact .txt{ font-size: 18px; color: #333; font-weight: bold; padding-bottom: 0.25rem; }
.contact .wen{ font-size: 14px; padding-bottom: 0.6rem; }
.contact .mapDiv{ position: relative; }
.contact .mapDiv .imgDiv img{ width: 100%; }
.contact .mapDiv .layer{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 1; background: rgba(255,255,255,0.9); width: 4.0rem; height: 2.8rem;}
.contact .mapDiv .layer:before{ content: ''; position: absolute; left: 0; top: 0; width: 0.05rem; height: 100%; background: #39b2ee; }
.contact .mapDiv .mxfDiv{ padding: 0.3rem 0 0 0.3rem; }
.contact .mapDiv .mxfDiv p{ font-size: 14px; padding-bottom: 0.15rem; }
.contact .mapDiv .mxfDiv .tel{ font-size: 0.24rem; color: #e62129; line-height: 0.24rem; font-weight: bold; }
.contact .mapDiv .mxfDiv .msgList{ padding-top: 0.15rem; }
.contact .mapDiv .mxfDiv .msgList li{ font-size: 0.14rem; line-height: 0.3rem; }

.contact .titleDiv{ padding: 0.6rem 0 0.25rem; }
.contact .titleDiv .title1{ font-size: 18px; color: #333; font-weight: bold; line-height: 18px; }
.contact .titleDiv .title2{ font-size: 14px; text-transform: uppercase; padding-top: 0.05rem;}
.contact .tab2{ padding-bottom: 20px; }
.contact .tab2 ul{ margin-right: -0.1rem; }
.contact .tab2 li{ float: left; width: 5.55%; padding-bottom: 0.1rem; }
.contact .tab2 li .box{ margin-right: 0.1rem; text-align: center; height: 36px; line-height: 36px; background: #838995; color: #fff; font-size: 14px; }
.contact .tab2 .liNow .box{ background: #39b2ee; }
.contact .bigBox{ height: 4.4rem; position: relative; padding: 0 9.5rem 0 0.6rem; background: #ececec; }
.contact .bigBox .imgDiv{ position: absolute; right: 0; top: 0; }
.contact .bigBox .imgDiv img{ width: 8.9rem; }
.contact .bigBox .name{ padding-top: 0.6rem; height: 0.52rem; border-bottom: #dedede solid 1px; font-size: 18px; color: #39b2ee; font-weight: bold; }
.contact .bigBox .msgList{ padding-top: 0.2rem; }
.contact .bigBox .msgList li{ font-size: 14px; line-height: 0.3rem; }

.pageClass{ padding: 0.6rem 0 0.45rem; }
.pageClass .list{ padding-left: 60px; position: relative; }
.pageClass .list em{ position: absolute; left: 0; top: 0; line-height: 50px; font-size: 16px; }
.pageClass .list ul{ margin-right: -0.17rem; }
.pageClass .list li{ float: left; width: 9.09%; margin-bottom: 0.17rem; }
.pageClass .list li .box{ margin-right: 0.17rem; border: #dedede solid 1px; height: 0.48rem; text-align: center; line-height: 0.48rem; }
.pageClass .list li a{ display: block; width: 100%; height: 100%; font-size: 18px; color: #333; overflow: hidden; }
.pageClass .list li img{ width: 100%; }
.pageClass .list li .box:hover, .pageClass .list .liNow .box{ border: #39b2ee solid 1px; }

.product .list ul{ margin-right: -0.3rem; }
.product .list li{ float: left; width: 33.33%; margin-bottom: 0.3rem; }
.product .list li .box{ margin-right: 0.3rem; height: 4.5rem; padding: 0 0.3rem; position: relative;}
.product .list li .imgDiv{ padding: 0.2rem 0 0.1rem; text-align: center; }
.product .list li .imgDiv img{ width: 3.2rem; }
.product .list li .name{ font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; }
.product .list li .icon{ position: absolute; left: 0.3rem; top: 0.3rem; z-index: 1; }
.product .list li .box:hover{ box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08); }

.productBan{ position: relative; height: 6.0rem; background-image: -webkit-linear-gradient(top,#efefef,#dedede);
    background-image: -moz-linear-gradient(top,#efefef,#dedede);
    background-image: -o-linear-gradient(top,#efefef,#dedede);
    background-image: linear-gradient(to bottom,#efefef,#dedede); }
.productBan .mxfDiv{ position: relative; height: 6.0rem; padding-left: 7.2rem; }
.productBan .imgDiv{ position: absolute; left: 1.3rem; top: 0.85rem; }
.productBan .imgDiv img{ width: 4.6rem; }
.productBan .name{ padding-top: 1.2rem; padding-right: 1.45rem; height: 64px; font-size: 24px; line-height: 32px; color: #333; font-weight: bold; overflow: hidden; margin-bottom: 0.2rem; }
.productBan .msgList{ border-top: #bbb dashed 1px; border-bottom: #bbb dashed 1px; padding: 0.25rem 0; }
.productBan .msgList li{ padding-left: 20px; font-size: 14px; height: 30px; line-height: 30px; overflow: hidden; background: url(../images/ico1.png) left center no-repeat;}
.productBan .btnDiv{ padding-top: 0.32rem; }
.productBan .btnDiv a{ display: block; width: 1.46rem; height: 0.5rem; line-height: 0.5rem; background: #39b2ee; color: #fff; text-align: center; font-size: 14px; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.14); }

.proShowBox{ padding: 0.6rem 0; }
.proShowBox .tab2{ text-align: center; border-bottom: #dedede solid 1px; padding-bottom: 0.35rem;}
.proShowBox .tab2 li{ display: inline-block; }
.proShowBox .tab2 li .box{ margin: 0 10px; width: 116px; height: 48px; line-height: 48px; font-size: 16px; background: #838995; color: #fff; }
.proShowBox .tab2 .liNow .box{ background: #39b2ee; }
.proShowBox .tabContentDiv2{ padding-top: 0.5rem; }
.proShowBox .divA .content{ font-size: 14px; line-height: 30px; padding-bottom: 0.5rem; }
.proShowBox .divA .imgList li{ padding-bottom: 0.6rem; }
.proShowBox .divA .imgList li img{ width: 100%; }

.proShowBox .divB .table{ margin-bottom: 0.3rem; border-left: #dedede solid 1px; border-top: #dedede solid 1px;}
.proShowBox .divB .table li{ font-size: 14px; border-right: #dedede solid 1px; border-bottom: #dedede solid 1px; position: relative; padding-left: 3.25rem; min-height: 0.58rem; line-height: 0.58rem;}
.proShowBox .divB .table .li01{ font-size: 16px; background: #f6f6f6; }
.proShowBox .divB .table li em{ text-indent: 0.28rem; color: #333; position: absolute; left: 0; top: 0; width: 3.0rem; height: 100%; border-right: #dedede solid 1px;}

.solution{ padding-top: 0.6rem; }
.solution .list ul{ margin-right: -0.3rem; }
.solution .list li{ float: left; width: 33.33%; padding-bottom: 0.6rem;}
.solution .list li .box{ margin-right: 0.3rem; }
.solution .list li .imgDiv img{ width: 100%; }
.solution .list li .botDiv{ padding: 0 0.3rem; height: 1.5rem; border-bottom: #e5e5e5 solid 1px; }
.solution .list li .name{ padding-top: 0.25rem; height: 0.3rem; line-height: 0.3rem; overflow: hidden; font-size: 0.18rem; color: #333; font-weight: bold; }
.solution .list li .content{ font-size: 14px; line-height: 30px; height: 60px; overflow: hidden; padding-top: 0.1rem; color: #666; }
.solution .list li:hover .name{ color: #39b2ee; }

.news{ padding: 0.6rem 0; }
.newsPic .mxfDiv{ position: relative; padding: 0 0.65rem 0 7.8rem; height: 4.68rem; background: #f9f9f9; }
.newsPic .imgDiv{ position: absolute; left: 0; top: 0; }
.newsPic .imgDiv img{ width: 7.2rem; }
.newsPic .name{ padding-top: 0.5rem; height: 0.5rem; font-size: 0.24rem; }
.newsPic .name a{ display: block; height: 0.5rem; line-height: 0.5rem; color: #333; font-weight: bold; overflow: hidden;}
.newsPic .name a:hover{ color: #39b2ee; }
.newsPic .time{ padding: 0.15rem 0 0.2rem; font-size: 14px; color: #999; }
.newsPic .content{ font-size: 14px; line-height: 30px; height: 60px; overflow: hidden; }
.newsPic .btnDiv{ padding-top: 0.5rem; }
.newsPic .btnDiv a{ display: block; width: 1.46rem; height: 0.5rem; line-height: 0.5rem; background: #39b2ee; color: #fff; text-align: center; font-size: 14px; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.14);}
.newsPic .swiper-pagination{ width: auto!important; left: auto!important; right: 0.6rem; width: auto; bottom: 0.6rem!important; } 
.newsPic .swiper-pagination-bullet { width: 14px; height: 14px; opacity: 1; background: #838995; border-radius: 50%; margin-left:10px!important;} 
.newsPic .swiper-pagination-bullet-active { background: #e62129; } 

.news .list{ margin-top: 0.6rem; border-top: #e5e5e5 solid 1px; }
.news .list li{ height: 2.55rem; border-bottom: #e5e5e5 solid 1px; position: relative; padding-left: 3.3rem; }
.news .list li .imgDiv{ position: absolute; left: 0; top: 0.3rem; }
.news .list li .imgDiv img{ width: 3.0rem; }
.news .list li .name{ padding-top: 0.35rem; height: 0.4rem;}
.news .list li .name a{ display: block; font-weight: bold; height: 0.4rem; line-height: 0.4rem; overflow: hidden; font-size: 0.18rem; color: #333; }
.news .list li .name a:hover{ color: #39b2ee; }
.news .list li .content{ padding-top: 0.1rem; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; }
.news .list li .botDiv{ margin-top: 0.2rem; position: relative; height: 0.5rem; }
.news .list li .time{ font-size: 14px; color: #999; line-height: 0.5rem; }
.news .list li .more{ position: absolute; right: 0; top: 0; }
.news .list li .more a{ display: block; width: 1.46rem; height: 0.5rem; line-height: 0.5rem; background: #39b2ee; color: #fff; text-align: center; font-size: 14px; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.14);}

.newShow{ border: #e5e5e5 solid 1px; padding: 0.6rem 1.2rem; }
.newShow .name{ font-weight: bold; color: #333; font-size: 0.24rem; line-height: 0.24rem; padding-bottom: 0.15rem; }
.newShow .time{ padding-bottom: 0.25rem; font-size: 14px; color: #999; border-bottom: #e5e5e5 solid 1px; }
.newShow .content{ padding: 0.5rem 0; font-size: 14px; line-height: 30px; }
.newShow .content .imgDiv{ padding: 0.5rem 0 0.15rem; text-align: center;}
.newShow .content .imgDiv img{ max-width: 12rem; }
.newShow .content p{ text-align: center; }

.pageDown{ border-top: #e5e5e5 solid 1px; padding-top: 0.65rem; position: relative;}
.pageDown li{ font-size: 14px; height: 30px; overflow: hidden; line-height: 30px; }
.pageDown .btnDiv{ position: absolute; right: 0; top: 0.65rem; }
.pageDown .btnDiv a{ display: block; width: 1.46rem; height: 0.5rem; line-height: 0.5rem; background: #39b2ee; color: #fff; text-align: center; font-size: 14px; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.14);  }

.institution{ padding-top: 0.6rem; }
.institution .bigBox{ height: 4.4rem; position: relative; padding: 0 9.5rem 0 0.6rem; background: #ececec; }
.institution .bigBox .imgDiv{ position: absolute; right: 0; top: 0; }
.institution .bigBox .imgDiv img{ width: 8.9rem; }
.institution .bigBox .name{ padding-top: 0.6rem; height: 0.52rem; border-bottom: #dedede solid 1px; font-size: 18px; color: #39b2ee; font-weight: bold; }
.institution .bigBox .msgList{ padding-top: 0.2rem; }
.institution .bigBox .msgList li{ font-size: 14px; line-height: 0.3rem; }