/*banner*/
.ind-banner{width: 100%; height: 100vh;overflow: hidden;} 
.ind-banner .swiper-slide {height: 100vh; color: #fff; } 
.ind-banner .swiper-slide {position: relative;}
.ind-banner .swiper-slide img{width: 100%;}
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .swiper-pagination{  text-align: left; margin-left: 0!important; left: auto!important; right: 0.5rem; width: auto!important; bottom: 50%!important; margin-bottom: -0.2rem; } 
.ind-banner .swiper-pagination-bullet { display: block; width: 0.12rem; height: 0.12rem; opacity: 1; background: #fff; border-radius: 50%; -moz-border-radius: 50%; margin-left:0!important; margin-top: 0.15rem!important; margin-bottom: 0.15rem!important; } 
.ind-banner .swiper-pagination-bullet-active {background: #80bf24; } 
.ind-banner .one{ position: absolute; left: 50%; bottom: 19.5%; margin-left: -7.2rem; } 
.ind-banner .one .limg{ font-size:0.8rem; line-height:0.8rem; color:#fff; font-weight:bold; }
.ind-banner .one .txt{ padding-top: 0.45rem; font-size: 0.36rem; color:#fff; line-height: 0.36rem;} 
.ind-banner .one .wen{ font-size: 0.14rem; padding-top: 0.15rem; color: #a9bce4; line-height: 0.24rem; text-transform: uppercase;}
.ind-banner .one .btnDiv{ margin-top: 0.45rem; width: 1.8rem; height: 0.55rem; line-height: 0.55rem; background: #fff; color: #2c8dc9; font-size: 0.14rem; text-align: center; }
.ind-banner .two{ position: absolute; left: 50%; margin-left: -600px; top: 50%; margin-top: -130px; font-family:thin;} 
.ind-banner .two .msg{  font-size: 18px; color: #37c3e3; border: #37c3e3 solid 2px; width: 166px; height: 28px; border-radius: 24px; -moz-border-radius: 24px; text-align: center; line-height: 28px;} 
.ind-banner .two .txt{ color: #f7f7f7; font-size: 72px; line-height: 72px; padding: 25px 0 10px;}
.ind-banner .two .txt em{ padding-right: 16px; }
.ind-banner .two .wen{ font-size: 30px; color: #f7f7f7;} 
.ind-banner .two .ico{ margin-top: 30px; display: block; width: 169px; height: 49px; background: url(../images/btn1.png) no-repeat center; text-indent: 32px; line-height: 48px; color: #fff; font-size: 18px;} 
.ind-banner .swiper-button-prev{ left: 5%; margin-top: -44px; } 
.ind-banner .swiper-button-next{ right: 5%; margin-top: -44px; } 


/*banner结束*/

.bannerTel{ display: none; }
.indexFlashTel{position:relative; overflow:hidden; max-width:1004px;}
.indexFlashTel .slick img{ width:100%;}
.indexFlashTel .slick-dots{position:absolute; z-index:10; left:0px; bottom:0.3rem; width:100%; text-align:center;}
.indexFlashTel .slick-dots li{display:inline-block; width:0.2rem; height:0.2rem; background:url(../images/ico3.png) no-repeat center; cursor:pointer; background-size: 0.2rem;}
.indexFlashTel .slick-dots .slick-active{ background:url(../images/ico3on.png) no-repeat center; background-size: 0.2rem;}

.indexPart1{ padding: 1.1rem 0; background: #f3f3f3; overflow: hidden;}
.indexPart1 .leftImg{ width: 4.8rem; }
.indexPart1 .leftImg img{ width: 100%; }
.indexPart1 .rightCon{ width: 9.6rem; height: 5.63rem; background: #fff;}
.indexPart1 .mxfDiv{ padding: 0.7rem 0.72rem 0 0.96rem; }
.indexPart1 .txt{ text-align: center; color: #3e3a39; font-size: 0.3rem; line-height: 0.3rem; padding-bottom: 0.1rem; }
.indexPart1 .contentBox{ text-align: center; padding-bottom: 70px; position: relative; }
.indexPart1 .contentBox .zi{ font-size: 14px; color: #b0b0b0; text-transform: uppercase; padding-bottom: 0.55rem; }
.indexPart1 .contentBox .wen1{ font-size: 0.36rem; color: #0657a8; line-height: 0.36rem; padding-bottom: 0.35rem; }
.indexPart1 .contentBox .wen2{ font-family:mont; color: #88bc3c; font-size: 0.36rem; line-height: 0.36rem; padding-bottom: 0.32rem; text-transform: uppercase; }
.indexPart1 .contentBox .content{ color: #727272; font-size: 0.16rem; line-height: 0.24rem; padding: 0 0.15rem; }
.indexPart1 .contentBox:before{ content: ''; position: absolute; left: 0; top: 0; width: 0.57rem; height: 0.63rem; background:url(../images/nimg57_1.png) no-repeat center; background-size: 0.57rem; }
.indexPart1 .contentBox:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 0.57rem; height: 0.63rem; background:url(../images/nimg57_2.png) no-repeat center; background-size: 0.57rem; }
.indexPart1 .btnDiv{ width: 1.5rem; margin: 0 auto; }
.indexPart1 .btnDiv a{ display: block; width: 1.5rem; height: 0.5rem; background: #88bc3c; color: #fff; font-size: 12px; line-height: 0.5rem; text-align: center; }

.indexPart2{ background: #f3f3f3; overflow: hidden;}
.indexPart2 .leftDiv{ width: 9.6rem; height: 7.0rem; position: relative;}
.indexPart2 .leftDiv .pjpj{ font-size: 0.24rem; color: #fff; left: 0.35rem; top: 3.8rem; position: absolute; z-index: 2; }
.technologyPic .slick{ background: #fff; height: 7.0rem; }
.technologyPic .imgDiv img{ width: 100%; }
.technologyPic .botDiv{ padding: 0 0.35rem; height: 2.32rem; }
.technologyPic .name{ padding-top: 0.3rem; height: 0.5rem; line-height: 0.5rem; overflow: hidden; font-size: 0.36rem; color: #000; }
.technologyPic .content{ font-size: 14px; line-height: 0.24rem; height: 0.48rem; overflow: hidden; padding-top: 0.15rem; }
.technologyPic .more{ padding-top: 0.35rem; }
.technologyPic .more a{ display: block; color: #20b9fd; width: 0.9rem; font-size: 0.14rem; background:url(../images/nimg15_1.png) no-repeat right center; background-size: 0.15rem; }
.technologyPic .more a:hover{ text-decoration: underline; }
.technologyPic .slick-dots{position:absolute; z-index:10; right:0.4rem; bottom:1.75rem;}
.technologyPic .slick-dots li{ float: left; margin-left: 0.15rem; width:0.1rem; height:0.1rem; background: #e5e5e5; cursor:pointer; border-radius: 50%; -moz-border-radius: 50%;}
.technologyPic .slick-dots .slick-active{ background:#80bf24;}

.indexPart2 .rightDiv{ width: 4.6rem; height: 7.0rem; }
.indexPart2 .toptop{ position: relative; height: 3.5rem; }
.indexPart2 .toptop .imgDiv img{ width: 100%; }
.indexPart2 .toptop .layerDiv{ position: absolute; left: 0.7rem; top: 1.55rem; color: #fff; }
.indexPart2 .toptop .txt{ font-size: 0.24rem; line-height: 0.24rem; padding-bottom: 0.2rem; }
.indexPart2 .toptop .wen{ font-size: 0.36rem; line-height: 0.36rem; font-weight: bold; }
.indexPart2 .botbot{ height: 3.5rem; background:url(../images/nimg460Bg.jpg) no-repeat center; background-size: cover;}
.indexPart2 .botbot .content{ padding: 0.3rem 0.75rem 0 0.7rem; font-size: 0.18rem; color: #fff; line-height: 0.32rem; }
.indexPart2 .botbot .btnDiv{ padding: 0.4rem 0 0 0.7rem; }
.indexPart2 .botbot .btnDiv a{ display: block; width: 1.5rem; height: 0.5rem; line-height: 0.5rem; font-size: 12px; color: #fff; text-align: center; background: #88bc3c; }

.indexPart3{ padding: 1.13rem 0; background: #f3f3f3;}
.indexPart3 .list ul{ margin-right: -0.12rem; }
.indexPart3 .list li{ float: left; width: 25%; }
.indexPart3 .list li .box{ margin-right: 0.12rem; height: 3.52rem; background: #fff; position: relative;}
.indexPart3 .list li .ico{ padding: 0.66rem 0 0.32rem; text-align: center;}
.indexPart3 .list li .name1{ font-size: 0.16rem; font-weight: bold; text-align: center; line-height: 0.3rem; padding: 0 0.65rem; }
.indexPart3 .list li .hideBox{ display: none; z-index: 2; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #88bc3c; }
.indexPart3 .list li .mxfDiv{ padding: 0.8rem 0.4rem 0; }
.indexPart3 .list li .name2{ font-size: 0.16rem; line-height: 0.3rem; height: 0.6rem; color: #fff; text-align: center;}
.indexPart3 .list li .content{ font-size: 0.14rem; padding-top: 0.2rem; line-height: 0.24rem; color: #fff; height: 0.96rem; overflow: hidden; }
.indexPart3 .list li .more{ margin: 0.35rem auto 0; width: 0.9rem; color: #fff; width: 0.9rem; font-size: 0.14rem; background:url(../images/nimg15_2.png) no-repeat right center; background-size: 0.15rem; }

.indexPart4{ padding-bottom: 1.1rem; background: #f3f3f3; overflow: hidden; }
.indexPart4 .leftDiv{ width: 4.6rem; }
.indexPart4 .rightDiv{ width: 9.6rem; }
.newsPic{ width: 4.6rem; height: 5.83rem; background: #fff; }
.newsPic .slick .imgDiv img{ width: 100%; }
.newsPic .slick .botDiv{ padding: 0.35rem 0.32rem 0; }
.newsPic .slick .txt{ font-size: 0.18rem; color: #80bf24; padding-bottom: 0.1rem; }
.newsPic .slick .name{ font-size: 0.24rem; color: #000; height: 0.4rem; line-height: 0.4rem; overflow: hidden; }
.newsPic .slick .content{ font-size: 14px; line-height: 0.24rem; height: 0.96rem; overflow: hidden; color: #666; }
.newsPic .slick .time{ padding-top: 0.3rem; font-size: 0.14rem; color: #666; }
.newsPic .slick-dots{position:absolute; z-index:10; right:0.3rem; bottom:0.5rem;}
.newsPic .slick-dots li{ float: left; margin-left: 0.15rem; width:0.1rem; height:0.1rem; background: #e5e5e5; cursor:pointer; border-radius: 50%; -moz-border-radius: 50%;}
.newsPic .slick-dots .slick-active{ background:#80bf24;}

.indexPart4 .leftCon{ width: 4.8rem; height: 5.83rem; background: #fff; }
.indexPart4 .mxfDiv{ padding: 0.68rem 0.8rem 0 0.72rem }
.indexPart4 .txt{ font-size: 0.18rem; color: #80bf24; padding-bottom: 0.2rem; }
.indexPart4 .name{ font-size: 0.24rem; line-height: 0.36rem; color: #000; height: 0.72rem; overflow: hidden; }
.indexPart4 .content{ padding-top: 0.5rem; font-size: 14px; line-height: 0.24rem; overflow: hidden; height: 1.2rem; }
.indexPart4 .btnDiv{ padding-top: 0.8rem; }
.indexPart4 .btnDiv a{ display: block; position: relative; width: 1.46rem; height: 0.46rem; line-height: 0.46rem; color: #20b9fd; font-size: 0.14rem; border: #20b9fd solid 2px; text-indent: 0.3rem;}
.indexPart4 .btnDiv a:after{ content: ''; width: 0.15rem; height: 0.1rem; position: absolute; right: 0.34rem; top: 50%; margin-top: -0.05rem; background:url(../images/nimg15_1.png) no-repeat; background-size: 0.15rem; }
.indexPart4 .btnDiv a:hover{ background: #20b9fd; color: #fff; }
.indexPart4 .btnDiv a:hover:after{ background:url(../images/nimg15_2.png) no-repeat; background-size: 0.15rem;}
.teamPic{ width: 4.8rem; height: 5.83rem; }
.teamPic .slick{ height: 5.83rem; position: relative;}
.teamPic .slick .rightImg{ width: 4.8rem; position: absolute; right: 0; top: 0; }
.teamPic .slick .rightImg img{ width: 100%; }
.teamPic .slick-prev{ z-index: 1; position: absolute; right: 0.82rem; bottom: 0.62rem; width: 0.52rem; height: 0.52rem; background:url(../images/nimg52_left.jpg) no-repeat; background-size: 0.52rem; }
.teamPic .slick-next{ z-index: 1; position: absolute; right: 0.3rem; bottom: 0.62rem; width: 0.52rem; height: 0.52rem; background:url(../images/nimg52_right.jpg) no-repeat; background-size: 0.52rem; }
.teamPic .slick-prev:hover{ background:url(../images/nimg52_lefton.jpg) no-repeat; background-size: 0.52rem;}
.teamPic .slick-next:hover{ background:url(../images/nimg52_righton.jpg) no-repeat; background-size: 0.52rem;}

.about{ padding-top: 40px; }
.about .txt{ font-size: 36px; color: #333; line-height: 72px; padding-bottom: 55px; }
.about .part1{ overflow: hidden; padding-bottom: 1.0rem; }
.about .part1 .content{ width: 7.25rem; line-height: 0.28rem; font-size: 0.16rem; }
.about .part1 .rightImg{ width: 6.0rem; }
.about .part1 .rightImg img{ width: 100%; }
.aboutPic .slick{ margin: 0 0.07rem; }
.aboutPic .slick .imgDiv img{ width: 100%; }
.aboutPic .slick .name{ padding-top: 0.32rem; text-align: center; font-size: 0.16rem; color: #7b7b7b; }
.aboutPic .slick-dots{ padding-top: 0.4rem; text-align: center; width: 100%;}
.aboutPic .slick-dots li{ display: inline-block; margin: 0 0.08rem; width:0.1rem; height:0.1rem; background: #e5e5e5; cursor:pointer; border-radius: 50%; -moz-border-radius: 50%;}
.aboutPic .slick-dots .slick-active{ background:#80bf24;}

.honor{ padding: 0.65rem 0 0.62rem; }
.honor .list ul{ margin-right: -0.1rem; }
.honor .list li{ float: left; width: 25%; margin-bottom: 0.4rem; }
.honor .list li .box{ margin-right: 0.1rem; background: #f7f7f7; transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}
.honor .list li .imgDiv{ text-align: center; height: 3.44rem; line-height: 3.44rem; padding: 0.36rem 0.55rem 0.24rem; }
.honor .list li .imgDiv img{ width: 100%; }
.honor .list li .botDiv{ border-top: #ededed solid 1px; height: 1.1rem; padding: 0 0.4rem; }
.honor .list li .name{ padding-top: 0.15rem; text-align: center; font-weight: bold; font-size: 0.16rem; color: #333; }
.honor .list li .time{ text-align: center; padding-top: 0.15rem; color: #999; }
.honor .list li:hover .box{ -webkit-box-shadow: 0 0.17rem 0.4rem 0 hsla(230,9%,48%,.2); box-shadow: 0 0.17rem 0.4rem 0 hsla(230,9%,48%,.2); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}

.cultureBox .part1{ height: 6.23rem; background:url(../images/cultureBg1.jpg) center no-repeat; background-size: cover; }
.cultureBox .part1 .txt1{ padding: 1.45rem 0 0.1rem; font-size: 0.24rem; color: #333; text-align: center; }
.cultureBox .part1 .txt2{ font-size: 0.48rem; line-height: 0.48rem; color: #333; text-align: center; font-weight: bold; text-transform: uppercase; }
.cultureBox .part1 .msg{ text-align: center; font-size: 0.36rem; color: #565656; line-height: 0.6rem; padding-top: 0.45rem; }
.cultureBox .part2{ height: 6.23rem; background:url(../images/cultureBg2.jpg) center no-repeat; background-size: cover; }
.cultureBox .part2 .txt1{ padding: 1.45rem 0 0.1rem; font-size: 0.24rem; color: #fff; text-align: center; }
.cultureBox .part2 .txt2{ font-size: 0.48rem; line-height: 0.48rem; color: #fff; text-align: center; font-weight: bold; text-transform: uppercase; }
.cultureBox .part2 .msg{ text-align: center; font-size: 0.36rem; color: #fff; line-height: 0.6rem; padding-top: 0.45rem; }
.cultureBox .part3{ height: 6.23rem; background:url(../images/cultureBg3.jpg) center no-repeat; background-size: cover; }
.cultureBox .part3 .txt1{ padding: 1.45rem 0 0.1rem; font-size: 0.24rem; color: #fff; text-align: center; }
.cultureBox .part3 .txt2{ font-size: 0.48rem; line-height: 0.48rem; color: #fff; text-align: center; font-weight: bold; text-transform: uppercase; }
.cultureBox .part3 .msg{ text-align: center; font-size: 0.36rem; color: #fff; line-height: 0.6rem; padding-top: 0.45rem; }

.teamTab{ padding: 0.2rem 0 0.9rem; text-align: center; }
.teamTab li{ display: inline-block; width: 1.8rem; height: 0.5rem; margin: 0 0.1rem; }
.teamTab li a{ display: block; border: #eaeaea solid 1px; width: 1.78rem; height: 0.48rem; line-height: 0.48rem; font-size: 14px; color: #828282;}
.teamTab li a:hover, .teamTab li .aNow{ border: #88bc3c solid 1px; background: #88bc3c; color: #fff; }

.team{ padding-top: 1.3rem; }
.team .list ul{ margin-right: -0.42rem; }
.team .list li{ float: left; width: 50%; margin-bottom: 0.5rem; }
.team .list li .box{margin-right: 0.3rem;height: 3.43rem;position: relative;padding-left: 3.2rem;}
.team .list li .imgDiv{ position: absolute; left: 0; top: 0; }
.team .list li .imgDiv img{width: 3rem;}
.team .list li .name{ font-size: 0.48rem; color: #333; padding-bottom: 0.15rem; }
.team .list li .state{ line-height: 0.32rem; font-size: 0.16rem; color: #9a9a9a; }
.team .list li .content{ padding-top: 0.25rem; font-weight: bold; color: #3a3a3a; line-height: 0.32rem; height: 1.6rem; overflow: hidden; font-size: 14px; }
.team .list li .btnDiv{position: absolute;left: 3.2rem;bottom: 0;}
.team .list li .btnDiv a{ display: block; width: 1.46rem; height: 0.46rem; line-height: 0.46rem; border: #8d8d8d solid 0.02rem; text-indent: 0.3rem; font-size: 0.14rem; color: #767676; }
.team .list li .btnDiv a:after{ content: ''; position: absolute; right: 0.35rem; top: 50%; margin-top: -0.05rem; width: 0.15rem; height: 0.1rem; background: url(../images/nimg15_3.png) center no-repeat; background-size: 0.15rem; }
.team .list li .btnDiv a:hover{ border: #20b9fd solid 0.02rem; color: #20b9fd;  }
.team .list li .btnDiv a:hover:after{ background: url(../images/nimg15_1.png) center no-repeat; background-size: 0.15rem;}

.jieLayer{ display: none; position: absolute; background: #fff; width: 14.4rem; height: 6.9rem; z-index: 100;  }
.jieLayer .mxfDiv{ padding: 0 0.5rem; }
.jieLayer .toptop{ height: 0.89rem; border-bottom: #e9e9e9 solid 1px; position: relative; }
.jieLayer .title{ font-size: 0.24rem; color: #393435; font-weight: bold; line-height: 0.88rem; }
.jieLayer .close{ position: absolute; right: 0; top: 0.25rem; padding-right: 0.48rem; line-height: 0.34rem; height: 0.34rem; font-size: 14px; color: #999; background: url(../images/close2.png) right center no-repeat; background-size: 0.34rem; }
.jieLayer .left{ width: 6.9rem; border-right: #e9e9e9 solid 1px; height: 5.5rem; padding-top: 0.5rem; padding-right: 0.5rem;}
.jieLayer .zxDiv{ padding-left: 4.1rem; position: relative; height: 4.14rem;}
.jieLayer .zxDiv .imgDiv{ position: absolute; left: 0; top: 0; }
.jieLayer .zxDiv .imgDiv img{ width: 3.6rem; }
.jieLayer .zxDiv .name{ font-size: 0.36rem; color: #333; padding-bottom: 0.2rem; }
.jieLayer .zxDiv .state{ line-height: 0.32rem; font-size: 0.16rem; color: #9a9a9a; }
.jieLayer .zxDiv .content{ padding-top: 0.25rem; font-weight: bold; color: #3a3a3a; line-height: 0.32rem; height: 1.6rem; overflow: hidden; font-size: 14px; }
.jieLayer .right{ padding-left: 0.48rem; width: 5.48rem; padding-top: 0.5rem; }
.jieLayer .scroll{ font-size: 14px; color: #9a9a9a; line-height: 0.3rem; height: 4.5rem; overflow: auto; }
.jieLayer .longCon{ padding-right: 0.08rem; }

.management{ padding-top: 1.3rem; }
.management .list ul{ margin-right: -0.42rem; }
.management .list li{ float: left; width: 50%; margin-bottom: 0.5rem; }
.management .list li .box{ margin-right: 0.42rem; height: 4.14rem; overflow: hidden; position: relative; padding-left: 3.62rem; background: #f9f9f9 url(../images/nimg120Bg.jpg) right bottom no-repeat; }
.management .list li .imgDiv{ position: absolute; left: 0; top: 0; }
.management .list li .imgDiv img{ width: 3.14rem; }
.management .list li .name{ padding-top: 0.4rem; font-size: 0.48rem; line-height: 0.48rem; color: #333; padding-bottom: 0.15rem; }
.management .list li .state{ height: 0.45rem; position: relative; font-size: 0.16rem; color: #9a9a9a; }
.management .list li .state:after{ content: ''; width: 0.3rem; height: 0.04rem; background: #88bc3c; position: absolute; left: 0; bottom: 0; }
.management .list li .content{ padding-top: 0.35rem; padding-right: 0.65rem; font-weight: bold; color: #3a3a3a; line-height: 0.24rem; height: 1.2rem; overflow: hidden; font-size: 14px; }
.management .list li .label{ width: 2.5rem;}
.management .list li .label dd{ float: left; color: #9a9a9a; line-height: 0.24rem; font-size: 0.14rem; width: 1.25rem; }

.advisory .list li{ padding: 1.3rem 0; }
.advisory .list .li01{ background: #f7f7f7; }
.advisory .list li .mxfDiv{ padding-left: 8.4rem; position: relative; min-height: 4.14rem;}
.advisory .list li .leftDiv{ position: absolute; left: 0; top: 0; padding-left: 4.8rem; }
.advisory .list li .imgDiv{ position: absolute; left: 0; top: 0; }
.advisory .list li .imgDiv img{ width: 3.6rem; }
.advisory .list li .name{ font-size: 0.32rem; color: #333; padding-bottom: 0.2rem; }
.advisory .list li .state{ font-size: 0.16rem; color: #9a9a9a; line-height: 0.32rem; }
.advisory .list li .msg{ width: 2.6rem; padding-top: 0.45rem; font-size: 14px; color: #3a3a3a; line-height: 0.3rem; font-weight: bold; }
.advisory .list li .content{ font-size: 14px; color: #9a9a9a; line-height: 30px; }

.technology{ padding-top: 1.0rem; }
.technology .list{ overflow:hidden;}
.technology .list ul{ margin-right: -1.08rem; }
.technology .list li{ float: left; width: 50%; margin-bottom: 0.92rem; }
.technology .list li .box{ margin-right: 1.08rem; background: #f8f8f8; transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}
.technology .list li .imgDiv img{ width: 100%; }
.technology .list li .botDiv{ padding: 0.45rem 0.5rem 0; height: 2.8rem; }
.technology .list li .name{ font-size: 0.3rem; color: #000; line-height: 0.5rem; }
.technology .list li .content{ font-size: 13px; max-height:1.44rem; overflow:hidden; color: #9a9a9a; line-height: 0.24rem; padding-top: 0.2rem; }
.technology .list li:hover .box{ -webkit-box-shadow: 0 0.17rem 0.4rem 0 hsla(230,9%,48%,.2); box-shadow: 0 0.17rem 0.4rem 0 hsla(230,9%,48%,.2); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}

.product{ padding: 1.0rem 0 0.6rem; }
.product .list li{ margin-bottom: 0.95rem; background: #fafafa; padding: 0 1.0rem 0 7.2rem; position: relative; height: 4.0rem; transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}
.product .list .li01{ padding: 0 7.2rem 0 1.0rem; }
.product .list li .imgDiv{ position: absolute; left: 0; top: 0; }
.product .list li .imgDiv img{ width:6.0rem;}
.product .list .li01 .imgDiv{ left: auto; right: 0; }
.product .list li .mxfDiv{ height: 4.0rem; display: table-cell; vertical-align: middle; }
.product .list li .name{ font-size: 0.3rem; color: #000; }
.product .list li .content{ padding-top: 0.2rem; font-size: 12px; color: #9a9a9a; line-height: 24px; }
.product .list li:hover{ -webkit-box-shadow: 0 0.17rem 0.4rem 0 hsla(230,9%,48%,.2); box-shadow: 0 0.17rem 0.4rem 0 hsla(230,9%,48%,.2); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}

.newsBox{ padding-bottom: 1.0rem; }
.newsBox .detail{ padding: 0.8rem 0; background: #f7f7f7; }
.newsBox .detail .mxfDiv{ position: relative; padding-left: 5.5rem; height: 2.75rem; }
.newsBox .detail .imgDiv{ position: absolute; left: 0; top: 0; }
.newsBox .detail .imgDiv img{ width: 4.6rem; }
.newsBox .detail .time{ font-size: 0.14rem; color: #999; padding-bottom: 0.3rem;}
.newsBox .detail .time em{ font-family: din; font-size: 0.36rem; color: #767676; padding-right: 0.15rem; background: url(../images/line1.png) right 0.24rem no-repeat; }
.newsBox .detail .time span{ padding-left: 0.08rem; }
.newsBox .detail .name{ font-size: 0.24rem; color: #353744; font-weight: bold; height: 0.8rem; line-height: 0.4rem; overflow: hidden;  }
.newsBox .detail .content{ padding-top: 0.15rem; line-height: 0.3rem; height: 0.6rem; overflow: hidden; color: #999; font-size:14px; }
.newsBox .detail .btnDiv{ padding-top: 0.3rem; }
.newsBox .detail .btnDiv a{ display: block; position: relative; width: 1.46rem; height: 0.46rem; line-height: 0.46rem; border: #8d8d8d solid 0.02rem; text-indent: 0.3rem; font-size: 0.14rem; color: #767676;}
.newsBox .detail .btnDiv a:after{ content: ''; position: absolute; right: 0.35rem; top: 50%; margin-top: -0.05rem; width: 0.15rem; height: 0.1rem; background: url(../images/nimg15_3.png) center no-repeat; background-size: 0.15rem; }
.newsBox .detail .btnDiv a:hover{ border: #20b9fd solid 0.02rem; color: #20b9fd;  }
.newsBox .detail .btnDiv a:hover:after{ background: url(../images/nimg15_1.png) center no-repeat; background-size: 0.15rem;}
.newsBox .list{ padding: 0.55rem 0 0.6rem; overflow: hidden; }
.newsBox .list2{ background: #f7f7f7; }
.newsBox .list li{ width: 4.8rem; float: left; }
.newsBox .list li:nth-child(2n){ float: right; }
.newsBox .list li .time{ font-size: 0.14rem; color: #999; padding-bottom: 0.3rem;}
.newsBox .list li .time em{ font-family: din; font-size: 0.36rem; color: #767676; padding-right: 0.15rem; background: url(../images/line1.png) right 0.24rem no-repeat; }
.newsBox .list li .time span{ padding-left: 0.08rem; }
.newsBox .list li .name{ font-size: 0.22rem; color: #353744; font-weight: bold; height: 0.4rem; line-height: 0.4rem; overflow: hidden;  }
.newsBox .list li .content{ padding-top: 0.15rem; line-height: 0.3rem; height: 0.9rem; overflow: hidden; color: #999; font-size:14px; }
.newsBox .list li .btnDiv{ padding-top: 0.3rem; }
.newsBox .list li .btnDiv a{ display: block; position: relative; width: 1.46rem; height: 0.46rem; line-height: 0.46rem; border: #8d8d8d solid 0.02rem; text-indent: 0.3rem; font-size: 0.14rem; color: #767676;}
.newsBox .list li .btnDiv a:after{ content: ''; position: absolute; right: 0.35rem; top: 50%; margin-top: -0.05rem; width: 0.15rem; height: 0.1rem; background: url(../images/nimg15_3.png) center no-repeat; background-size: 0.15rem; }
.newsBox .list li .btnDiv a:hover{ border: #20b9fd solid 0.02rem; color: #20b9fd;  }
.newsBox .list li .btnDiv a:hover:after{ background: url(../images/nimg15_1.png) center no-repeat; background-size: 0.15rem;}
.newsBox .pageNum{ padding-top: 1.05rem; }
.newsBox .pageMore{ padding-top: 0.8rem; }

.jobTab{ padding: 0.2rem 0 0.9rem; text-align: center; }
.jobTab li{ display: inline-block; width: 1.8rem; height: 0.5rem; margin: 0 0.1rem; }
.jobTab li a{ display: block; border: #eaeaea solid 1px; width: 1.78rem; height: 0.48rem; line-height: 0.48rem; font-size: 14px; color: #828282;}
.jobTab li a:hover, .teamTab li .aNow{ border: #88bc3c solid 1px; background: #88bc3c; color: #fff; }

.job{ padding-bottom: 0.6rem; }
.job .list{ overflow: hidden; }
.job .list ul{ margin-right: -1.1rem; }
.job .list li{ float: left; width: 33.33%; margin-bottom: 0.5rem; }
.job .list li .box{ margin-right: 1.1rem; height: 4rem; background: #fafafa; padding: 0.45rem 0.5rem 0; }
.job .list li .name{ height: 0.65rem; position: relative; }
.job .list li .name p{ height: 0.42rem; line-height: 0.42rem; padding-left: 0.42rem; font-size: 0.24rem; color: #393435; font-weight: bold; position: relative; }
.job .list li .name img{ position: absolute; left: 0; top: 0.05rem; }
.job .list li .name:after{ content: ''; width: 0.2rem; height: 0.03rem; background: #e0e0e0; position: absolute; left: 0; bottom: 0; }
.job .list li .msgList{ padding-top: 0.3rem; }
.job .list li .msgList dd{ font-size: 14px; color: #828282; line-height: 0.3rem; }
.job .list li .btnDiv{ padding-top: 0.25rem; }
.job .list li .btnDiv a{ display: block; position: relative; width: 1.46rem; height: 0.46rem; line-height: 0.46rem; border: #8d8d8d solid 0.02rem; text-indent: 0.3rem; font-size: 0.14rem; color: #767676;}
.job .list li .btnDiv a:after{ content: ''; position: absolute; right: 0.35rem; top: 50%; margin-top: -0.05rem; width: 0.15rem; height: 0.1rem; background: url(../images/nimg15_3.png) center no-repeat; background-size: 0.15rem; }
.job .list li .btnDiv a:hover{ border: #88bc42 solid 0.02rem; background: #88bc42; color: #fff;  }
.job .list li .btnDiv a:hover:after{ background: url(../images/nimg15_2.png) center no-repeat; background-size: 0.15rem;}
.job .list li:hover .box{ background: #fff; box-shadow: 0px 0px 0.2rem 0px rgba(0, 0, 0, 0.04); }

.jobLayer{ display: none; position: absolute; background: #fff; width: 12rem; height: 6.8rem; z-index: 100;  }
.jobLayer .mxfDiv{ padding: 0 0.5rem; }
.jobLayer .toptop{ height: 1.32rem; border-bottom: #e9e9e9 solid 1px; position: relative; }
.jobLayer .name{ font-size: 0.24rem; color: #393435; font-weight: bold; padding-top: 0.42rem; }
.jobLayer .toptop p{ font-size: 14px; padding-top: 0.1rem; }
.jobLayer .close{ position: absolute; right: 0; top: 0.4rem; padding-right: 0.48rem; line-height: 0.34rem; height: 0.34rem; font-size: 14px; color: #999; background: url(../images/close2.png) right center no-repeat; background-size: 0.34rem; }
.jobLayer .right{ width: 50%; }
.jobLayer .botbot{ padding-top: 0.25rem; height:3.25rem; }
.jobLayer .left{ width: 42%; padding-right: 8%; }
.jobLayer .txt{ font-size: 0.14rem; color: #333; font-weight: bold; }
.jobLayer .content{ font-size: 14px; line-height: 0.3rem; color: #999; height:2.7rem; overflow:auto;  }
.jobLayer .email{ font-size: 14px; color: #999; }
.jobLayer .email b{ color: #333; }
.jobLayer .btnDiv{ padding-top: 0.5rem; }
.jobLayer .btnDiv a{ display: block; width: 1.5rem; height: 0.5rem; background: #088cd0; color: #fff; text-align: center; line-height: 0.5rem; font-size: 0.16rem; }

.contact{ padding-top: 0.85rem; }
.contact .list{ overflow: hidden; }
/*.contact .list ul{ margin-right: -1.6rem; }
.contact .list li{ float: left; width: 50%; margin-bottom: 1.0rem; }
.contact .list li .box{ background: #f6f6f6; padding: 0 0.5rem 0 1.2rem; height: 3.0rem; margin-right: 1.6rem; }
.contact .list li .name{ padding-top: 0.55rem; font-size: 0.16rem; color: #181818; }
.contact .list li .msgList{ padding-top: 0.35rem; height: 0.96rem; }
.contact .list li .msgList dd{ font-size: 0.14rem; line-height: 0.24rem; }
.contact .list li .more a{ display: block; padding-left: 0.26rem; background: url(../images/nimg15_4.png) left center no-repeat; background-size: 0.15rem; height: 0.2rem; line-height: 0.2rem; font-size: 0.14rem; color: #aeaeae; }
.contact .list li .more a:hover{ color: #088cd0; }*/

.contact .list ul{ display: flex;flex-wrap: wrap;justify-content: space-between;}
.contact .list li{ flex: 0 0 calc(50% - 40px); margin-right: 20px; margin-bottom: 1rem; }
.contact .list li .box{ background: #f6f6f6; padding: 0 0.5rem 0.4rem 1.2rem;height:calc(100% - 0.4rem);min-height: 2.6rem; }
.contact .list li .name{ padding-top: 0.55rem; font-size: 0.16rem; color: #181818; }
.contact .list li .msgList{ padding-top: 0.35rem;min-height: 0.96rem; }
.contact .list li .msgList dd{ font-size: 0.14rem; line-height: 0.24rem; }
.contact .list li .more{margin-top:0.2rem;}
.contact .list li .more a{ display: block; padding-left: 0.26rem; background: url(../images/nimg15_4.png) left center no-repeat; background-size: 0.15rem; height: 0.2rem; line-height: 0.2rem; font-size: 0.14rem; color: #aeaeae; }
.contact .list li .more a:hover{ color: #088cd0; }


.contactPart2{ height: 3.1rem; padding-top: 0.92rem; background: url(../images/contactBg.jpg) center no-repeat; background-size: cover;}
.contactPart2 .leftDiv{ width: 3.6rem; }
.contactPart2 .txt{ font-size: 0.5rem; color: #fff; line-height: 0.48rem; padding-bottom: 0.35rem; font-family:mont; }
.contactPart2 .wen{ color: #fff; font-size: 0.24rem; }
.contactPart2 .msg{ font-size: 0.14rem; color: #fff; }
.contactPart2 .rightForm{ width: 8.15rem; }
.contactPart2 .list{ width: 3.2rem; }
.contactPart2 .list li{ margin-bottom: 0.13rem; position: relative; padding-left: 0.38rem; }
.contactPart2 .list li .ico{ position: absolute; left: 0; top: 0; line-height: 0.42rem; }
.contactPart2 .list li .input1{ width: 100%; height: 0.42rem; line-height: 0.42rem; background: rgba(255,255,255,0.8); text-indent: 0.1rem; font-size: 0.16rem; }
.contactPart2 .textDiv{ width: 4.63rem; position: relative; padding-top: 0.38rem; padding-left: 0.15rem; height: 1.14rem; background: rgba(255,255,255,0.8); }
.contactPart2 .textDiv .ico{ position: absolute; left: 0.12rem; top: 0.1rem; }
.contactPart2 .textDiv textarea{ width: 100%; height: 1.14rem; font-size: 0.16rem; line-height: 0.3rem; }
.contactPart2 .btnDiv{ padding-left: 0.38rem; }
.contactPart2 .btnDiv a{ display: block; width: 1.46rem; height: 0.46rem; line-height: 0.46rem; border: #fff solid 0.02rem; color: #fff; text-align: center; font-size: 0.16rem; font-weight: bold; }
.contactPart2 .btnDiv a:hover{ background: #fff; color: #088cd0; }

.history{ padding: 1.0rem 0 0.5rem; }
.history .item { position: relative; padding-bottom: 0.8rem;}
.history .item:last-child { padding-bottom: 0;}
.history .item:hover .year:before { background-image: url(../images/clock2.png);}
.history .item:before { content: ""; width: 1px; height: 100%; background: #ededee; position: absolute; left: 50%; top: 0; z-index: -1;}
.history .item:nth-child(odd) .year { margin-right: 0; margin-left: auto; padding-left: 0.8rem;}
.history .item:nth-child(even) .year { text-align: right; padding-right: 0.8rem;}
.history .item:nth-child(even) .year:before { left: auto; right: -28px;}
.history .pic { width: 59.375%; overflow: hidden;}
.history .pic img{ transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease; }
.history ul {
  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 */
  flex-flow: wrap;
}
.history ul li { position: relative;}
.history ul li:before,.history ul li:after { content: ""; border-radius: 50%; position: absolute; box-sizing: border-box; transition: background 0.3s ease; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -ms-transition: background 0.3s ease; -o-transition: background 0.3s ease;}
.history ul li:before { width: 20px; height: 20px; background-color: #ebedf0; left: -10px; top: 8px; z-index: 2;}
.history ul li:after { width: 12px; height: 12px; left: -6px; top: 12px; z-index: 3; background-color: #575c66;}
.history ul li:hover .pic img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05);}
.history ul li:hover:before { background-color: rgba(136, 188, 60, 0.2);}
.history ul li:hover:after { background-color: #88bc3c;}
.history ul li:nth-child(odd) { padding-right: 0.8rem; margin-top: 0.9rem;}
.history ul li:nth-child(odd) .desc { text-align: right;}
.history ul li:nth-child(odd) .pic { margin-right: 0; margin-left: auto;}
.history ul li:nth-child(odd):before { left: auto; right: -10px;}
.history ul li:nth-child(odd):after { left: auto; right: -6px;}
.history ul li:nth-child(even) { padding-left: 0.8rem;}
.history .year, .history li { width: 50%; box-sizing: border-box;}
.history .year { position: relative; line-height: 56px; margin-bottom: 0.32rem; color: #088cd0; font-size: 0.36rem; font-family: mont;}
.history .year:before { content: ""; width: 56px; height: 56px; background-image: url(../images/clock.png); background-size: contain; background-repeat: no-repeat; background-position: center center; position: absolute; left: -28px;
  top: 0;
  z-index: 10;
  border-radius: 50%;
  background-color: #fff;
  transition: background 0.3s ease;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
}
.history .desc { font-size: 16px; color: #666; line-height: 0.32rem; margin-bottom: 0.3rem;}

.newShow{ padding-bottom: 50px;}
.newShow .name{ font-size: 0.28rem; color: #333; padding-bottom: 0.2rem; font-weight: bold; }
.newShow .shu{ padding-bottom: 0.45rem; border-bottom: #f3f3f3 solid 1px;}
.newShow .shu li{ color: #ccc; float: left; margin-right: 0.2rem; font-size: 0.14rem; font-weight: bold;}
.newShow .shu li img{ padding-right: 0.07rem; width: 0.19rem; }
.newShow .content{ padding-top: 0.45rem; font-size: 14px; line-height: 0.3rem; color: #828282; }
.newShow .imgDiv{ padding: 0.4rem 0; text-align: center;}
.newShow .wen{ font-size: 0.18rem; color: #393939; padding: 0.3rem 0;}
.newShow .imgDiv img{ max-width: 7.8rem; }
.newShow .content img{ max-width: 7.8rem; }

.pageDown{ border-top: #eee solid 1px; padding: 0.4rem 0 0.7rem; overflow: hidden;}
.pageDown li{ font-size: 14px; height: 0.3rem; line-height: 0.3rem; overflow: hidden;}
.pageDown li b{ color: #444; }
.pageDown li a{ color: #8b9195; }
.pageDown li a:hover{ color: #088cd0; }

.pageBtn{ padding-bottom: 0.8rem; }
.pageBtn ul{ margin-right: -0.75rem; }
.pageBtn li{ float: left; width: 33.33%; font-size: 14px; }
.pageBtn li .box{ margin-right: 0.75rem; }
.pageBtn li a{ color: #777; display: block; height: 0.5rem; line-height: 0.5rem; background: #fff; box-shadow: 0 0 10px #ddd; border-radius: 0.24rem; -moz-border-radius: 0.24rem; }
.pageBtn li .prev{ text-indent: 1.1rem; background: url(../images/nimg8_left.png) 0.6rem center no-repeat; }
.pageBtn li .return{ text-indent: 0.86rem; background: url(../images/nimg9_1.png) 0.64rem center no-repeat; }
.pageBtn li .next{ text-indent: 0.63rem; background: url(../images/nimg8_right.png) 1.48rem center no-repeat; }
.pageBtn li a:hover{ color: #088cd0; }
.pageBtn li .prev:hover{ background: #fff url(../images/nimg8_lefton.png) 0.6rem center no-repeat;}
.pageBtn li .return:hover{ background: #fff url(../images/nimg9_1on.png) 0.64rem center no-repeat;}
.pageBtn li .next:hover{ background: #fff url(../images/nimg8_righton.png) 1.48rem center no-repeat;}

.jgdtcDiv{ padding: 0.36rem 0.46rem 1.1rem; background: #f8f8f8 url(../images/nimg280Bg2.jpg) center bottom no-repeat; background-size: 2.8rem;}
.sideSearch .month{ font-size: 0.48rem; color: #088cd0; line-height: 0.48rem; font-family: bold; padding-bottom: 0.1rem;}
.sideSearch .time em{ display: block; width: 21px; height: 2px; background: #088cd0; margin-bottom: 10px; }
.sideSearch .year{ padding: 0.13rem 0; font-size: 0.18rem; font-weight: bold; color: #808080; }
.sideSearch .p{ font-size: 14px; line-height: 0.24rem; margin-right: -0.22rem; color: #7f7e7e; }
.sideSearch .p a{ color: #000; }
.sideSearch .share{ padding-top: 22px; padding-bottom: 52px; }
.sideSearch .share{ overflow: hidden; }
.sideSearch .share li{ float: left; margin: 0 0.14rem 0 0; }
.sideSearch .share li img{ width: 0.41rem; }
.sideSearch .share li .img1{ display: none; }
.sideSearch .share li:hover img{ display: none; }
.sideSearch .share li:hover .img1{ display: inline-block; }
.sideSearch .h6{ font-weight: bold; font-size: 0.2rem; color: #333; padding-bottom: 0.24rem; border-bottom: 1px solid #d3d3d3; }
.sideSearch .list{ padding-top: 0.35rem; }
.sideSearch .list li{ padding-bottom: 0.2rem; font-size: 14px; line-height: 0.24rem; }
.sideSearch .list li a{ display: block; color: #868282;}
.sideSearch .list li a:hover{ color: #088cd0; }

.download{ padding-top: 0.5rem; }
.download .list{ padding-bottom: 0.8rem; }
.download .list li{padding:35px 0;border-bottom:1px solid #f1f1f1; position: relative;}
.download .list li .name{color:#333333;font-size:16px}
.download .list li .date{color:#999;font-size:14px;font-family:Arial;margin-top:4px}
.download .list li .downitem-down{ position: absolute; right: 0; top: 35px; width:30px;height:30px;display:block;background-image:url(../images/downicon.png);background-size:100% 100%;background-repeat:no-repeat;background-position:center center;transition:.4s;-webkit-transition:.4s;cursor:pointer}

/*2022.11.28*/
.pic img { width: 100%; display: block; transition: transform 0.8s ease; -webkit-transition: transform 0.8s ease; -moz-transition: transform 0.8s ease; -ms-transition: transform 0.8s ease; -o-transition: transform 0.8s ease;}

.pageMxf{ position: relative; margin-bottom: 60px; }
.pageMxf .range { position: absolute; right: 0; bottom: 0.07rem; z-index: 10; font-size: 0;}
.pageMxf .range i, .pageMxf .range span { display: inline-block; vertical-align: middle;}
.pageMxf .range i { position: relative; top: -2px; width: 16px; height: 16px; margin-right: 0.12rem;}
.pageMxf .range span { font-size: 20px; color: #222; font-family:light; margin-right: 0.38rem;}
.pageMxf .range span:last-child { margin-right: 0;}

.pipeline-wrapper{ overflow: hidden; }
.pipeline-wrapper .table > .group { border-bottom: 1px solid #e5ebed; border-left: 1px solid #e5ebed; border-right: 1px solid #e5ebed;}
.pipeline-wrapper .table > .group > div { padding-top: 0.11rem; padding-bottom: 0.11rem;}
.pipeline-wrapper .table > .group div { font-size: 15px; font-family: "light";color:#016aa0;line-height: 0.3rem;}
.pipeline-wrapper .table > .group div:nth-child(-n+2) { color: #016aa0;}
.pipeline-wrapper .table > .group span { font-size: 12px; color: #fff;}
.pipeline-wrapper .table .col-6{flex-direction:column;align-items: flex-start;}
.pipeline-wrapper .table .col-6 > div {
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  border-radius: 15px;
  
  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 */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.pipeline-wrapper .head .group { height: 0.54rem;}
.pipeline-wrapper .head .group:first-child { line-height: 0.54rem; background: #088cd0;}
.pipeline-wrapper .head .group:first-child div { font-size: 16px; color: #fff; font-family: mont;}
.pipeline-wrapper .head .group:nth-child(2) div { background-color: #88bc3c; font-size: 15px; color: #fff; font-family: light; line-height: 0.19rem; justify-content: center;}
/*.pipeline-wrapper .head .group:nth-child(2) div:nth-child(3) { justify-content: flex-start;}*/
.pipeline-wrapper .head .group:nth-child(2) div:nth-child(5) { padding-left: 0; padding-right: 0; justify-content: center;}
.pipeline-wrapper .group {
  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 */
}
.pipeline-wrapper .group div {
  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;
}
/*.pipeline-wrapper .group div:last-child.col-1 { padding-left: 0; padding-right: 0; justify-content: center;}*/
.pipeline-wrapper .group div { border-right: 1px solid #e5ebed; box-sizing: border-box;}
.pipeline-wrapper .group div:last-child, .pipeline-wrapper .group div.col-12 { border-right: none;}
.pipeline-wrapper .col-1,
.pipeline-wrapper .col-3,
.pipeline-wrapper .col-12 {
  padding-left: 0.28rem;
  padding-right: 0.28rem;
}
.pipeline-wrapper .col-1 {
  width: 9.1%;
}
.pipeline-wrapper .col-3 {
  width: 19.58%;
}
.pipeline-wrapper .col-6 {
  position: relative;
  width: 54.6%;
  flex-flow: wrap;
}
.pipeline-wrapper .col-6 > div {
  position: relative;
  z-index: 1;
  margin-top: 0.1rem;
}
.pipeline-wrapper .col-6 > div:first-child {
  margin-top: 0;
}
.pipeline-wrapper .line:before, .pipeline-wrapper .line:after, .pipeline-wrapper .line i { width: 1px; height: 100%; background: #fff; position: absolute; top: 0; z-index: 0;}
.pipeline-wrapper .line:before, .pipeline-wrapper .line:after { content: "";}
.pipeline-wrapper .line:before { left: 16.66%;}
.pipeline-wrapper .line:after { right: 16.4%;}
.pipeline-wrapper .line i.i-1 { left: 33.32%;}
.pipeline-wrapper .line i.i-2 { left: 49.98%;}
.pipeline-wrapper .line i.i-3 { right: 33.2%;}
.pipeline-wrapper .col-12 { width: 100%;}
.pipeline-wrapper .go{ color: #3a99d5; }
.pipeline-wrapper .go:hover i {
  transform: translateX(0.05rem);
  -webkit-transform: translateX(0.05rem);
  -moz-transform: translateX(0.05rem);
  -ms-transform: translateX(0.05rem);
  -o-transform: translateX(0.05rem);
}
.pipeline-wrapper .go i { display: inline-block; position: relative; top: -2px; width: 13px; height: 5px; background: url(../images/right2.png) no-repeat center center; margin-left: 0.12rem; transition: transform 0.4s ease; -webkit-transition: transform 0.4s ease; -moz-transition: transform 0.4s ease; -ms-transition: transform 0.4s ease; -o-transition: transform 0.4s ease;}


.pipeDiv{ background: #fafafa; padding: 100px 0; }
.pipeDiv .list{ padding-top: 60px; }
.pipeDiv .list ul {
  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 */
  flex-flow: wrap;
}
.pipeDiv .list ul li {
  position: relative;
  cursor: pointer;
  width: 31.388%;
  margin-right: 2.918%;
  margin-top: 2.918%;
}
.pipeDiv .list ul li:nth-child(-n+3) {
  margin-top: 0;
}
.pipeDiv .list ul li:nth-child(3n) {
  margin-right: 0;
}
.pipeDiv .list ul li:hover .pic:before {
  visibility: visible;
  opacity: 0.9;
}
.pipeDiv .list ul li:hover .brief {
  display: block;
  animation: fadeInUp 0.6s ease;
}
.pipeDiv .list ul li:hover .en {
  height: 0;
  opacity: 0;
  visibility: hidden;
  margin-top: 0;
}
.pipeDiv .list ul li:hover .inner:before,
.pipeDiv .list ul li:hover .inner:after {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  opacity: 0;
  visibility: hidden;
}
.pipeDiv .list .pic {
  position: relative;
}
.pipeDiv .list .pic:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  background-image: linear-gradient(90deg, #38b1e0 0%, #2c87c0 100%), linear-gradient(#2c87c0, #2c87c0);
  background-blend-mode: normal, 
                    normal;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}
.pipeDiv .list .info {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  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 */
  padding: 0 0.48rem;
  align-items: center;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.pipeDiv .list .inner {
  position: relative;
  width: 100%;
  text-align: center;
}
.pipeDiv .list .inner:before,
.pipeDiv .list .inner:after {
  content: "";
  width: 100%;
  height: 3.4rem;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 0;
  margin-top: -1.7rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  transition: transform 0.4s ease;
  -webkit-transition: transform 0.4s ease;
  -moz-transition: transform 0.4s ease;
  -ms-transition: transform 0.4s ease;
  -o-transition: transform 0.4s ease;
}
.pipeDiv .list .inner:before {
  animation: iconRotate 60s linear infinite;
  background-image: url(../images/circle1.png);
}
.pipeDiv .list .inner:after {
  animation: iconRotate2 60s linear infinite;
  background-image: url(../images/circle2.png);
}
.pipeDiv .list .icon {
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  object-fit: contain;
  margin: 0 auto;
}
.pipeDiv .list .name {
  font-size: 36px;
  color: #fff;
  font-family: "light";
  line-height: 0.48rem;
  margin-top: 0.33rem;
}
.pipeDiv .list .en {
  color: rgba(255, 255, 255, 0.6);
  font-size: 18px;
  line-height: 0.24rem;
  height: 0.24rem;
  text-transform: uppercase;
  font-family: "light";
  margin-top: 0.07rem;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}
.pipeDiv .list .brief {
  font-size: 18px;
  color: #fff;
  line-height: 0.32rem;
  font-family: "light";
  margin-top: 0.17rem;
  display: none;
}

@keyframes iconRotate {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes iconRotate2 {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0);
  }
}

.pipelineShow{ padding-top: 80px; overflow: hidden; }
.pipelineShow .leftDiv{ width: 4.7rem; }
.pipelineShow .name{ padding-top: 45px; font-size: 18px; line-height: 18px; }
.pipelineShow .en{ color: #88bc3c; font-size: 48px; line-height: 48px; font-family: mont; padding-top: 20px; }
.pipelineShow .rightDiv{ width: 9.7rem;}
.pipelineShow .content{ font-size: 18px; line-height: 38px; text-align: justify;}
.pipelineShow .txt{ font-size: 18px; color: #333; padding: 75px 0 25px; }
.pipelineShow .msgList li{ position: relative; padding-left: 50px; padding-bottom: 30px; line-height: 30px; font-size: 16px; }
.pipelineShow .msgList li img{ position: absolute; left: 0; top: 0; }
.pipelineShow .btnDiv{ padding-top: 70px; }
.pipelineShow .btnDiv a{ display: block; width: 140px; height: 46px; line-height: 46px; font-size: 14px; background: #88bc3c; text-indent: 28px; color: #fff; position: relative; }
.pipelineShow .btnDiv a:after{ content: ''; position: absolute; right: 28px; top: 50%; width: 13px; height: 12px; margin-top: -6px; background: url(../images/nimg13_1.png) no-repeat; }
.pipelineShow .imgDiv{ padding-top: 90px; }
.pipelineShow .imgDiv img{ width: 100%; }

.study{ padding-top: 55px; }
.study .table th{ text-align: center; height: 60px; background: #088cd0; border-right: #0783c3 solid 1px; color: #fff; /*text-indent: 0.18rem;*/ font-size: 16px; }
.study .table .th01{ width: 15.2%; }
.study .table .th02{ width: 9.1%; }
.study .table .th03{ width: 8.2%; }
.study .table .th04{ width: 10.7%; }
.study .table .th05{ width: 34%; }
.study .table .th06{ width: 9.6%; }
.study .table td{ border-bottom: #e5ebed solid 1px; border-right: #e5ebed solid 1px; font-size: 16px; }
.study .table td:first-child{ border-left: #e5ebed solid 1px; }
.study .table tr:nth-child(odd) td{ background: #f7fbfe; }
.study .table .imgDiv{ padding: 0.2rem; }
.study .table .imgDiv img{ width: 100%; }
.study .table .msg{ padding: 0.12rem 0.18rem; line-height: 28px; }
.study .table .more{ text-align: center; }
.study .table .more a{ padding-right: 14px;padding-left:14px; display: inline-block; position: relative; color: #088cd0; }
.study .table .more a:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -6px; width: 13px; height: 12px; background: url(../images/nimg13_2.png) no-repeat; }
.study .table .more a:hover{ text-decoration: underline;}
.study .pageNum{ padding-top: 80px; }