/*banner*/
.ind-banner{width: 100%; overflow: hidden;} 
.ind-banner .swiper-slide {position: relative;}
/*.ind-banner .swiper-slide .bg{ height: 8.64rem; }*/
.ind-banner .swiper-slide .bg img{width: 100%; /*height: 100%; object-fit: cover;*/}
.ind-banner .onebox{ position: absolute; left: 50%; margin-left: -7.68rem; top: 30%; z-index: 3;} 
.ind-banner .onebox .en{ color: #fff; font-size: 0.44rem; line-height: 0.56rem; width: 85%; text-transform: uppercase; padding-bottom: 0.4rem; }
.ind-banner .twobox{ position: absolute; left: 50%; margin-left: -7.68rem; top: 34%; z-index: 3;} 
.ind-banner .twobox .name{ color: #fff; font-size: 0.48rem; line-height: 0.48rem; padding-bottom: 0.45rem; }
.ind-banner .twobox .cn{font-size: 0.6rem; line-height: 0.6rem; color: #fff; font-weight: bold;}
.ind-banner .twobox .en{ font-size: 0.18rem; line-height: 0.32rem; text-transform: uppercase; padding-top: 0.1rem; color: rgba(255,255,255,0.6);}

.ind-banner .swiper-pagination{ position: absolute; text-align: center; bottom: 0.5rem!important; } 
.ind-banner .swiper-pagination-bullet { position: relative; width: 12px; height: 12px; opacity: 1; border-radius: 50%; background: rgba(255,255,255,0.5); margin-left: 10px!important; margin-right: 10px!important; } 
.ind-banner .swiper-pagination-bullet-active { background: #1656c2;}
/*banner结束*/

.indexTitle .en{ font-size:0.48rem; line-height:0.48rem; padding-bottom: 0.15rem; /*opacity: 0.2;*/ display: inline-block; text-transform: uppercase;}
.indexTitle .cn{ font-size:0.48rem; line-height:0.48rem; color:#060000; font-weight: bold; padding-bottom: 0.3rem; position: relative;}
.indexTitle .cn:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 40px; height: 4px; background: #1656c2;}

.learn { transition-delay: 0.45s; box-sizing: border-box; display: inline-block; min-width: 1.68rem; line-height: 0.52rem; border: rgba(255,255,255,0.4) solid 1px; border-radius: 0.36rem; padding: 0 0.15rem; text-align: center; color: #fff; font-size: 14px; 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;}
.learn i { display: inline-block; width: 12px; height: 11px; background: url(../image/ico1.png) center no-repeat; margin-left: 0.14rem; position: relative; vertical-align: middle; top: -1px; 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;}
.learn:hover{ color: #fff; border: #1656c2 solid 1px; background: #1656c2; }

.indexP1{ position: relative; background: #f0f1f3; padding: 1.2rem 0;}
.indexP1 .leftDiv{ position: absolute; left: 50%; margin-left: -7.68rem; top: 1.2rem; z-index: 2; }
.indexP1 .rightImg{ width:7.68rem; position: relative; z-index: 2; max-height:680px; max-width:800px; margin-right:-7.68rem; right:50%;}
.indexP1 .rightImg img{ width: 100%; }
.indexP1 .indexTitle{ padding-top: 0.2rem; }
.indexP1 .content{ padding-top: 0.4rem; font-size: 0.16rem; color: #333; line-height: 0.36rem; width: 6.4rem; text-align: justify; overflow: hidden; }
.indexP1 .btnDiv{ padding-top: 0.5rem; }
.indexP1 .btnDiv a{ display: block; width: 1.68rem; height: 0.54rem; line-height: 0.54rem; color: #fff; text-indent: 0.44rem; background: #1656c2; font-size: 14px; border-radius: 0.36rem; }
.indexP1 .btnDiv a:after{ content: ''; position: absolute; top: 50%; margin-top: -5px; right: 0.45rem; width: 12px; height: 11px; background: url(../image/ico1.png) no-repeat; }
.indexP1 .list{ position: absolute; left: 50%; margin-left: -7.68rem; bottom: 0; z-index: 3; box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.04); }
.indexP1 .list li{ float: left; width: 2.56rem; position: relative;}
.indexP1 .list li .lbox{ position: relative; height: 1.36rem; background: #fff; }
.indexP1 .list li .lbox:before{ content: ''; width: 1px; height: 100%; position: absolute; right: 0; bottom: 0; background: #eee; z-index: 1;}
.indexP1 .list li:last-child .lbox:before{ display:none;}
.indexP1 .list li a{ display: block; width: 100%; height: 100%; position: relative; z-index: 2; box-sizing: border-box; padding-left: 1.2rem;}
.indexP1 .list li .ico{ position: absolute; left: 0.62rem; top: 50%; margin-top: -16px; width: 32px; height: 32px;}
.indexP1 .list li .ico img{ position: absolute; left: 0; top: 0; }
.indexP1 .list li .ico .img1{ opacity: 0; }
.indexP1 .list li .name{ font-size: 0.18rem; color: #090404; font-weight: bold; line-height: 1.36rem; }
.indexP1 .list li:hover .lbox{ background: #1656c2;}
.indexP1 .list li:hover .ico img{ opacity: 0; }
.indexP1 .list li:hover .ico .img1{ opacity: 1; }
.indexP1 .list li:hover .name{ color: #fff; }

.indexP2{ padding: 1.2rem 0 1.1rem; background: #f0f1f3 url(../image/indexP2.png) center bottom no-repeat; background-size: 100%; }
.indexP2 .numList li{ float: left; width: 25%; box-sizing: border-box; padding-left: 0.65rem; }
.indexP2 .numList li .pj{ height: 0.75rem; }
.indexP2 .numList li .num{ display: flex; display: -webkit-flex; align-items: flex-end; -webkit-align-items: flex-end;}
.indexP2 .numList li .numUp{ font-size: 0.52rem; line-height: 0.42rem; color: #060000; padding-right: 0.15rem;}
.indexP2 .numList li p{ font-size: 0.16rem; height: 0.36rem; color: #333; position: relative; display: flex; display: -webkit-flex; align-items: flex-end; -webkit-align-items: flex-end;}
.indexP2 .numList li span{ position: absolute; left: 0; top: 0; width: 15px; height: 15px; background: url(../image/nimg15_1.png) no-repeat; }
.indexP2 .numList li .wen{ font-size: 0.18rem; line-height: 0.18rem; }
.indexP2 .numList li:hover .numUp{ color: #1656c2; }
.indexP2 .numList li:hover span{ background: url(../image/nimg15_1on.png) no-repeat; }

.indexP3{ position: relative; }
.indexP3 .indexTitle { position: absolute; left: calc((100% - 15.36rem) / 2 + 300px); top: 16.5%; z-index: 10;}
.indexP3 .indexTitle .en{ color:#fff; opacity:1;}
.indexP3 .indexTitle .cn{ color: #fff; }
.indexP3 .indexTitle .cn:after{ background: #fff; }
/*.indexP3 .swiper-container{background:#000;}
.indexP3 .swiper-container .swiper-wrapper img{opacity: 0.6;}*/
.indexP3 .swiper-slide { position: relative;}
.indexP3 .swiper-slide .pic img { width: 100%; height: 9.6rem; object-fit: cover;}
.indexP3 .swiper-slide .info { position: absolute; left: 0; top: 38%; z-index: 10; width: 100%;}
.indexP3 .swiper-slide .inner { width: 10rem; padding-left:calc((100% - 15.36rem) / 2 + 300px); font-size:0.2rem; line-height:0.4rem; color:#fff; text-shadow: 1px 1px 1px black; text-indent: 2em;}
.indexP3 .swiper-slide.swiper-slide-active .name,
.indexP3 .swiper-slide.swiper-slide-active .desc,
.indexP3 .swiper-slide.swiper-slide-active .learn { opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0);}
.indexP3 .swiper-slide .name,
.indexP3 .swiper-slide .desc,
.indexP3 .swiper-slide .learn {
  transform: translateY(1rem);
  -webkit-transform: translateY(1rem);
  -moz-transform: translateY(1rem);
  -ms-transform: translateY(1rem);
  -o-transform: translateY(1rem);
  opacity: 0;
  visibility: hidden;
  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;
}
.indexP3 .swiper-slide .desc { font-size: 0.16rem; line-height: 0.36rem; max-height: 0.72rem; color: #fff; margin-bottom: 0.45rem; display: none; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition-delay: 0.3s;}
.indexP3 .tab-box { position: absolute; left: calc((100% - 15.36rem) / 2); top: 16.5%; z-index: 2; width: 250px;}
.indexP3 .tab-box .wal {
  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 */
  position: relative;
  align-items: flex-end;
  flex-wrap:wrap;
  width:100%;
}
.indexP3 .tab-box a { text-align: center; /*width: 18%; height: 100%; margin-right: 2.5%;*/ width:100%; margin-bottom:.2rem;}
.indexP3 .tab-box a:nth-child(6n) { margin-right: 0;}
.indexP3 .tab-box a.on { /*text-align: left;*/}
.indexP3 .tab-box a.on .inner { background-color: #1656c266; padding: 0.3rem 0.35rem;}
.indexP3 .tab-box a.on .icon .init { opacity: 0; visibility: hidden;}
.indexP3 .tab-box a.on .icon .on { opacity: 1; visibility: visible;}
.indexP3 .tab-box a.on p { color: #fff;}
.indexP3 .tab-box a.on .pic { margin-top: 0.18rem;}
.indexP3 .tab-box a.on .pic img { height: 0.98rem;}
.indexP3 .tab-box a.on: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);}
.indexP3 .tab-box .inner { padding: 0.2rem 0.35rem 0.2rem; background: rgba(255,255,255,0.5); 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;}
.indexP3 .tab-box .pic img { object-fit: cover; height: 0; transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease;}
.indexP3 .tab-box .icon { position: relative; display: inline-block; margin-bottom: 0.16rem; display:none;}
.indexP3 .tab-box .icon img { max-width: 100%; height: 0.32rem; object-fit: contain;}
.indexP3 .tab-box .icon .init { position: relative;}
.indexP3 .tab-box .icon .on { opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; z-index: 1;}
.indexP3 .tab-box p { font-size: 0.3rem; color: #000; font-weight: 700; transition: color 0.4s ease; -webkit-transition: color 0.4s ease; -moz-transition: color 0.4s ease; -ms-transition: color 0.4s ease; -o-transition: color 0.4s ease; line-height: 0.3rem; height: 0.3rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}

.indexP4{ padding: 1.2rem 0 1.35rem; background: #f7f8fa; position: relative; overflow: hidden;}
.indexP4 canvas { position: absolute; left: 0; bottom: -4.5rem; z-index: 1; width: 100%; }
.indexP4 .indexTitle{ text-align: center; }
.indexP4 .indexTitle .cn:after{ left: 50%; margin-left: -20px; }
.indexP4 .tab{ padding: 0.65rem 0 0.45rem; text-align: center; position: relative; z-index: 2;}
.indexP4 .tab ul{ font-size: 0; }
.indexP4 .tab li{ display: inline-block; margin: 0 8px; font-size: 0.18rem;}
.indexP4 .tab li .box{ padding: 0 0.45rem; color: #000; height: 0.54rem; line-height: 0.54rem; border: #c9c8c9 solid 1px; border-radius: 0.36rem; }
.indexP4 .tab .liNow .box{ background: #1656c2; border: #1656c2 solid 1px; color: #fff; }
.indexP4 .list{ position: relative; z-index: 2; animation: am_top 0.8s ease-out 0.1s backwards; -webkit-animation: am_top 0.8s ease-out 0.1s backwards; }
.indexP4 .list ul{ margin-right: -0.32rem; }
.indexP4 .list li{ float: left; width: 25%; }
.indexP4 .list li .box{ margin-right: 0.32rem; background: #fff; }
.indexP4 .list li a{ display: block; height: 4.8rem; padding-top: 0.6rem; box-sizing: border-box; }
.indexP4 .list li .imgDiv{ height: 2.4rem; }
.indexP4 .list li .imgDiv img{ max-width: 3.0rem; max-height: 2.4rem; transition: all 0.3s;}
.indexP4 .list li a:hover img{transform: scale(1.2);}
.indexP4 .list li .en{ padding: 0.85rem 0.2rem 0; text-align: center; height: 0.32rem; line-height: 0.32rem; overflow: hidden; text-align: center; color: #333; font-size: 0.2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.indexP4 .list li .name{ font-weight: bold; padding: 0 0.2rem; text-align: center; height: 0.32rem; line-height: 0.32rem; overflow: hidden; text-align: center; color: #333; font-size: 0.2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.indexP4 .list li .box:hover .en, .indexP4 .list li .box:hover .name{ color: #1656c2; }
.indexP4 .btnDiv{ margin-top:0.3rem;}
.indexP4 .btnDiv a {
    display: block;
    width: 1.68rem;
    height: 0.54rem;
    line-height: 0.54rem;
    color: #fff;
    /*text-indent: 0.44rem;*/
    background: #1656c2;
    font-size: 14px;
    border-radius: 0.36rem;
	margin:auto;
	 text-align:center;
}

.indexP5{ height: 7.6rem; background: url(../picture/inewsbg.jpg) center no-repeat; background-size: cover; background-attachment: fixed;}
.indexP5 .wal{ padding-top: 1.75rem;}
.indexP5 .leftDiv{ width: 3.94rem; }
.indexP5 .indexTitle .cn{ color: #fff; }
.indexP5 .indexTitle .cn:after{ background: #fff; }
.indexP5 .list{ width: 10.4rem; }
.indexP5 .content{ font-size: 0.16rem; line-height: 0.36rem; text-align: justify; padding: 0.45rem 0 0.65rem; color: #fff; }

.indexP5 .list ul{ margin-right: -20px; }
.indexP5 .list li{ float: left; width: 50%; }
.indexP5 .list li .box{ margin-right: 20px; height: 4.0rem; background: rgba(255,255,255,0.2); border-radius: 12px; text-align: center;}
.indexP5 .list li .box a{ display: block; width: 100%; height: 100%; position: relative;}
.indexP5 .list li .ico{ padding-top: 0.65rem; height: 0.85rem;}
.indexP5 .list li .name{ font-size: 0.32rem; color: #fff; height: 0.75rem; font-weight: bold;padding-top: 0.65rem;}
.indexP5 .list li .name em{ font-size: 0.4rem; padding-right: 5px;}
.indexP5 .list li .wen{ font-size: 0.2rem; line-height: 0.3rem; color: #fff; padding:0 0.3rem; margin-top:0.2rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; 
overflow: hidden;
text-overflow: ellipsis;
text-indent: 2em;
}
.indexP5 .list li .l{ position: absolute; left: 50%; bottom: 0.7rem; margin-left: -21px; }
.indexP5 .list li .box:hover{ background: #1656c2; }

.news{ padding: 1.2rem 0; }
.news .detail a{ display: block; background: #f3f8fc url(../image/nimg768Bg.jpg) right top no-repeat; height: 5.28rem; position: relative; padding: 0 1.1rem 0 8.74rem; }
.news .detail .imgDiv{ position: absolute; left: 0; top: 0; width: 7.68rem; height: 5.28rem;}
.news .detail .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.news .detail .conDiv{ padding-top: 1rem; }
.news .detail .time{ font-size: 0.24rem; line-height: 0.24rem; color: #b5b9bd;}
.news .detail .name{ margin-top: 0.25rem; height: 0.84rem; line-height: 0.42rem; color: #090404; font-size: 0.28rem; overflow: hidden; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.news .detail .content{ font-size: 0.16rem; color: #999; line-height: 0.32rem; height: 0.96rem; overflow: hidden; margin-top: 0.15rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.news .detail .more{ margin-top: 0.5rem; border-radius: 50%; width: 48px; height: 48px; background: #1656c2 url(../image/nimg14_1.png) center no-repeat; }
.news .detail a:hover .name{ color: #1656c2; }

.news .list{ padding-top: 0.65rem; }
.news .list ul{ margin-right: -0.48rem; }
.news .list li{ float: left; width: 33.33%; padding-bottom: 0.48rem; }
.news .list li .box{ margin-right: 0.48rem; }
.news .list li .imgDiv{ height: 3.32rem; overflow: hidden; border: #eee solid 1px; border-bottom: none;}
.news .list li .imgDiv img{ max-width: 100%; max-height: 100%; object-fit: cover; display:block; margin:auto;}
.news .list li .botDiv{ border: #eee solid 1px; border-top: none; padding: 0.4rem 0.45rem 0; height: 2.7rem; box-sizing: border-box; overflow: hidden;}
.news .list li .name{ color: #333; font-weight: bold; line-height: 0.3rem; height: 0.6rem; overflow: hidden; font-size: 0.2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-align:center;}
.news .list li .content{ margin-top: 0.15rem; font-size: 0.15rem; color: #666; line-height: 0.24rem; height: 0.72rem; overflow: hidden; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-indent: 2em;}
.news .list li .time{ padding-top: 0.2rem; font-size: 0.18rem; color: #666; }
.news .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1); }
.news .list li .box:hover{ box-shadow: 0px 5px 45px 0px rgba(0, 0, 0, 0.1); }
.news .list li .box:hover .name{ color: #1656c2; }

.newsBox .topDiv{ padding: 1.2rem 0 0.6rem;}
.newsBox .topDiv .name{ text-align: center; color: #060000; font-size: 0.48rem; line-height: 0.56rem; padding-bottom: 40px; }
.newsBox .topDiv .time{ text-align: center; color: #ccc; font-size: 0.24rem; }
.newsBox .topDiv .time img{ padding-right: 15px; position: relative; top: -3px; }
.newsBox .botDiv{ background: #f6f7f9; }
.newsBox .botDiv .mxfDiv{ padding-right: 3.5rem; position: relative; }
.newsBox .side_l{ width: 3.1rem; position: absolute; right: 0; top: 0; border-top: #1656c2 solid 3px;}
.newsBox .side_l .list li{ height: 70px; background: #fafafa; border-bottom: #ebebeb solid 1px; font-size: 16px;}
.newsBox .side_l .list li:last-child{ border-bottom: none; }
.newsBox .side_l .list li a{ display: block; height: 70px; line-height: 70px; position: relative; padding-left: 72px; }
.newsBox .side_l .list li img{ position: absolute; left: 28px; top: 50%; margin-top: -15px; }
.newsBox .side_l .btnDiv a{ display: block; height: 70px; line-height: 70px; text-indent: 28px; font-size: 14px; color: #fff; background: #1656c2; position: relative; }
.newsBox .side_l .btnDiv a:after{ content: ''; position: absolute; right: 24px; top: 50%; margin-top: -8px; width: 17px; height: 17px; background: url(../image/nimg17_1.png) no-repeat; }
.newsBox .side_l.on{ position:fixed; top: 1rem; right: 50%; margin-right: -7.68rem;}


.newsBox .mainBox{ background: #fff; /*min-height: 800px;*/ position: relative; }
.newsBox .conDiv{ border-top: #f0f0f0 solid 1px; padding: 0.6rem; }
.newsBox .content{ font-size: 0.16rem; line-height: 0.36rem; color: #333; /*min-height:500px;*/}
.newsBox .imgDiv{ text-align: center; padding: 0.3rem 0; }
.newsBox .content img{ max-width: 9.0rem; }
.newsBox .content b{ display: block; font-size: 0.18rem; }

.sideNews{border-top: #1656c2 solid 3px; width: 3.1rem; box-sizing: border-box; padding: 0.5rem 0.2rem 0; background:#fff;}
.sideNews .title{ font-weight: bold; font-size: 0.2rem; line-height: 0.2rem; color: #060000; padding-bottom: 0.5rem; }
.sideNews .detail a{ display: block; }
.sideNews .detail .limg img{ width: 100%; }
.sideNews .detail .name{ padding-top: 0.2rem; height: 0.6rem; line-height: 0.3rem; overflow: hidden; color: #333; font-size: 0.16rem; }
.sideNews .detail:hover .name{ color: #1656c2; }
.sideNews .lie{ /*padding-bottom: 0.4rem;*/}
.sideNews .lie li{ padding-bottom: 0.25rem; font-size: 0.16rem;}
.sideNews .lie li a{ display: block; line-height: 0.3rem; border-bottom: 2px dashed #1656c2;}
.sideNews .lie li .name{ font-weight: bold; color: #333;}
.sideNews .lie li .time{ color: #ccc; }
.sideNews .lie li a:hover .name{ color: #1656c2; font-weight:bold; }
.sideNews .more a{ display: block; width: 80px; font-size: 14px; color: #333; background: url(../image/ico1on.png) right center no-repeat; }
.sideNews .more a:hover{ color: #1656c2; }

.pageDown{ padding-top: 0.4rem; }
.pageDown li{ padding-bottom: 15px; font-size: 16px; }
.pageDown li:last-child{ padding-bottom: 0; }
.pageDown li a{ display: block; height: 56px; line-height: 56px; background: #f7f7f7; padding: 0 25px; overflow: hidden;}
.pageDown li a:hover{ background: #1656c2; color: #fff; }


.product .list{ padding: 0.6rem 0 0.2rem; }
.product .list ul{ margin-right: -0.32rem; }
.product .list li{ float: left; width: 25%; padding-bottom: 0.3rem;}
.product .list li .box{ margin-right: 0.32rem; background: #fff; border: #eee solid 1px;}
.product .list li a{ display: block; height: 4.8rem; padding-top: 0.6rem; box-sizing: border-box; }
.product .list li .imgDiv{ height: 2.4rem; overflow: hidden; }
.product .list li .imgDiv img{ max-width: 3.0rem; max-height: 2.4rem; }
.product .list li .en{ padding: 0.85rem 0.2rem 0; text-align: center; height: 0.32rem; line-height: 0.32rem; overflow: hidden; text-align: center; color: #333; font-size: 0.2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.product .list li .name{ font-weight: bold; padding: 0 0.2rem; text-align: center; height: 0.32rem; line-height: 0.32rem; overflow: hidden; text-align: center; color: #333; font-size: 0.2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.product .list li .box:hover{ box-shadow: 0px 0px 30px 0px rgba(102, 102, 102, 0.15); }
.product .list li .box:hover .en, .product .list li .box:hover .name{ color: #1656c2; }
.product .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}


.aboutcontent{ padding:1rem 0; display:flex; justify-content: space-between; }
.abok{ width:43%; padding:2.5%;border-radius: 10px;}
.abok:hover{ background:rgba(0,81,152,0.2)!important;}
.abok .indexTitle{text-align:center; margin-bottom:30px;}
.abok .indexTitle .cn:after{left:calc(50% - 20px);}
.abok .abotext{ font-size:18px; color:#000; text-shadow: 1px 1px 1px #fff;}




.leftScroll{ padding: 0.12rem 0; overflow:hidden; }
.leftScroll .list li{ float: left; margin: 0 0.12rem; cursor: pointer; border: #eee solid 1px;}
.leftScroll .list li .limg{ height: 1.42rem; width: 2.34rem; overflow: hidden; }
.leftScroll .list li .limg img{ max-width: 2.2rem; max-height: 0.6rem; }
.rightScroll{ padding: 0.12rem 0; overflow:hidden; }
.rightScroll .list li{ float: left; margin: 0 0.12rem; cursor: pointer; border: #eee solid 1px;}
.rightScroll .list li .limg{ height: 1.42rem; width: 2.34rem; overflow: hidden; }
.rightScroll .list li .limg img{ max-width: 2.2rem; max-height: 0.6rem; }
.leftScroll .list li:hover .limg, .rightScroll .list li:hover .limg{ box-shadow: 0px 0px 30px 0px rgba(102, 102, 102, 0.15);}
.tempWrap{ width:100%!important;}


.culture{ padding-top: 0.6rem; }

.culture .culture-cont { position: relative; width: 100%; height: auto; padding-bottom: 1.2rem; box-sizing: border-box;}
.culture .culture-cont:last-child{ padding-bottom: 0.6rem; }
.culture .culture-cont .cont-box { display: flex; justify-content: flex-start; position: relative; width: 15.36rem; height: auto; margin: 0 auto;}
.culture .culture-cont .cont-box .box-pic { position: relative; width: 50%; height: auto; overflow: hidden; z-index: 9;}
.culture .culture-cont .cont-box .box-pic img { width: 100%; transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s;}
.culture .culture-cont .cont-box .box-pic:hover img {
  transform: scale(1.1, 1.1) translateZ(0);
  -o-transform: scale(1.1, 1.1) translateZ(0);
  -moz-transform: scale(1.1, 1.1) translateZ(0);
  -webkit-transform: scale(1.1, 1.1 translateZ(0));
}
.culture .culture-cont .cont-box .box-cent { display: flex; justify-content: flex-start; align-items: center; align-self: center; flex-wrap: wrap; position: relative; width: 50%; height: auto; padding-left: 1.38rem;}
.culture .culture-cont .cont-box .box-cent .cent-title { width: 100%; font-size: 0.36rem; color: #333333; padding-bottom: 0.2rem; position: relative;}
.culture .culture-cont .cont-box .box-cent .cent-title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 42px; height: 3px; background: #dfe8f7; }
.culture .culture-cont .cont-box .box-cent .cent-subtitle { width: 100%; padding-top: 0.6rem; font-size: 0.36rem; color: #060000;}
.culture .culture-cont .cont-box .box-cent .cent-text { margin-top: 0.1rem; font-size: 0.16rem; text-transform: uppercase; color: rgba(102,102,102,0.5);}
.culture .culture-cont .cont-box .box-cent .cent-list{ padding-top: 0.5rem; }
.culture .culture-cont .cont-box .box-cent .cent-list li{ font-size: 0.3rem; line-height: 0.48rem; color: #060000; }
.culture .culture-cont .cont-box .box-cent .cent-list li em{ padding-left: 0.25rem; font-size: 0.16rem; text-transform: uppercase; color: rgba(102,102,102,0.5);}
.culture .culture-cont:nth-child(1)::before { content: ''; position: absolute; top: 0.5rem; left: 0; width: 7.9rem; height: 4.8rem; background: #f1f5fb;}
.culture .culture-cont:nth-child(1) .cont-box::before { display: none;}
.culture .culture-cont:nth-child(even) .cont-box { flex-direction: row-reverse;}
.culture .culture-cont:nth-child(even) .cont-box::after { content: ''; position: absolute; bottom: -0.4rem; right: -0.4rem; width: 7.2rem; height: 4.8rem; border: solid 1px #d6e1f0;}
.culture .culture-cont:nth-child(even) .cont-box .box-cent { padding-left: 0; padding-right: 1rem;}
.culture .culture-cont:nth-child(3) .cont-box::after { content: ''; position: absolute; bottom: -0.5rem; left: -0.5rem; width: 7rem; height: 4.8rem; background: #f1f5fb;}

.honor .list{ padding-top: 0.6rem; }
.honor .list ul{ margin-right: -0.48rem; }
.honor .list li{ float: left; width: 33.33%; padding-bottom: 0.48rem; }
.honor .list li .box{ margin-right: 0.48rem; cursor: pointer; height: 4.56rem; border: #eee solid 1px; position: relative; box-sizing: border-box; padding: 0.6rem 0.5rem 0; }
.honor .list li .imgDiv{ height: 2.5rem; overflow: hidden; position: relative;}
.honor .list li .imgDiv img{ max-width: 3.32rem; max-height: 2.5rem; }
.honor .list li .name{ padding-top: 0.45rem; height: 0.36rem; line-height: 0.36rem; text-align: center; overflow: hidden; font-size: 0.2rem; color: #060000; font-weight: bold; }
.honor .list li .box:hover{ background: #fff; box-shadow: 0px 0px 0.3rem 0px rgba(102, 102, 102, 0.16); }
.honor .list li .box:hover .name{ color: #1656c2; }

.pic-modal-box { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); z-index: 999;}
.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: 8.2rem; margin: 0 auto; padding: 0.6rem 1.0rem 0;}
.pic-modal-box .name { font-size: 0.24rem; font-weight:bold; color: #060000; line-height: 1.2rem; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pic-modal-box .close { position: absolute; right: 30px; top: 30px; z-index: 10; width: 30px; height: 30px; display: inline-block; background: url(../image/close.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 { height: 5.4rem;}
.pic-modal-box .pic-box img { display: block; max-width: 8.2rem; max-height: 5.4rem;}

.researchP1{ padding-top: 1.2rem; height: 7.2rem; background: url(../image/researchBg.jpg) center no-repeat; background-size: cover; box-sizing: border-box; }
.researchP1 .pageTitle{ text-align: left; }
.researchP1 .pageTitle .cn:after{ left: 0; margin-left: 0; }
.researchP1 .mxfDiv{ padding-top: 0.4rem; }
.researchP1 .leftDiv{ width: 5.2rem; padding-top: 0.5rem; }
.researchP1 .txt{ font-size: 0.28rem; line-height: 0.28rem; color: #090404; padding-bottom: 0.35rem; }
.researchP1 .msg{ font-size: 0.18rem; line-height: 0.36rem; color: #333; }
.researchP1 .rightDiv li{ float: left; border-left: #d6d6d6 solid 2px; padding-left: 0.65rem; height: 2.9rem; box-sizing: border-box; }
.researchP1 .rightDiv li:first-child{ padding-right: 1.35rem; }
.researchP1 .rightDiv li .name{ font-size: 0.32rem; color: #1656c2; height: 0.75rem; font-weight: bold; }
.researchP1 .rightDiv li .name em{ font-size: 0.4rem; padding-right: 5px;}
.researchP1 .rightDiv li .wen{ font-size: 0.2rem; line-height: 0.2rem; color: #000;}
.researchP1 .rightDiv li .lala{ font-size: 0.18rem; line-height: 0.36rem; padding-top: 0.4rem; }

.researchImg img{ width: 100%; }

.researchP2{ padding: 1.2rem 0 0.8rem; }
.researchP2 .pageTitle{ text-align: left; }
.researchP2 .pageTitle .cn:after{ left: 0; margin-left: 0; }
.researchP2 .list{ padding-top: 0.65rem; }
.researchP2 .list ul{ margin-right: -0.32rem; }
.researchP2 .list li{ float: left; width: 25%; padding-bottom: 0.4rem;}
.researchP2 .list li .box{ margin-right: 0.32rem; }
.researchP2 .list li .imgDiv{ border: #eee solid 1px; height: 3.58rem; }
.researchP2 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.researchP2 .list li .name{ margin-top: 0.2rem; height: 0.36rem; font-weight: bold; line-height: 0.36rem; font-size: 0.2rem; color: #333; overflow: hidden; text-align: center; }
/*.researchP2 .list li .box:hover .name{ color: #1656c2; }*/

.productBox{ padding: 1.2rem 0; background:#f6f7f9; }
.productBox .temeBox{ position: relative; padding-left: 7.6rem; min-height: 6.4rem; }
.productBox .layerDiv{ position: absolute; left: 0; top: 0; width: 6.38rem; border: #eee solid 1px; background: #fff;}
.productBox .layerDiv.on{ position:fixed; top: 0.72rem; left: 50%; margin-left: -7.68rem; z-index: 2;}

.productBox .btnDiv{ position: absolute; right: 0; bottom: 0; z-index: 1;  }
.productBox .btnDiv a{ display: block; width: 2.08rem; height: 0.72rem; line-height: 0.72rem; background: #1656c2; text-align: center; color: #fff; font-size: 0.16rem;}

.productPic{ height: 6.38rem; position: relative; }
.productPic .list{ overflow: hidden; }
.productPic .limg{ height: 6.38rem; }
.productPic .limg img{ max-width: 6.38rem; max-height: 6.38rem; }
.productPic .swiper-pagination{ position: absolute; width: auto; left: 0.45rem; bottom: 0.4rem!important; } 
.productPic .swiper-pagination-bullet { position: relative; width: 20px; height: 20px; opacity: 1; border-radius: 50%; background: none; margin-left: 0!important; margin-right: 10px!important; } 
.productPic .swiper-pagination-bullet:before{ content: ''; display: none; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: #1656c2 solid 2px; box-sizing: border-box; border-radius: 50%; }
.productPic .swiper-pagination-bullet:after{ content: ''; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; margin-left: -4px; margin-top: -4px; background: #cacdd4; border-radius: 50%; }
.productPic .swiper-pagination-bullet-active:before{ display: block; }
.productPic .swiper-pagination-bullet-active:after { background: #1656c2;}

.productBox h1{ color: #060000; font-size: 0.48rem; line-height: 0.64rem; padding: 0.25rem 0 0.5rem; }
.productBox h2{ font-size: 0.28rem;}
.productBox .title{ font-size: 0.24rem; color: #090404; line-height: 0.24rem; position: relative; height: 0.5rem; font-weight: bold; }
.productBox .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #eee; }
.productBox .title:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 40px; height: 3px; background: #1656c2; z-index: 2; }
.productBox .msgList{ padding: 0.35rem 0 0.65rem; font-size: 0.18rem;}
.productBox .msgList li{ position: relative; padding-left: 1.05rem; font-size: 0.16rem; line-height: 0.36rem; }
.productBox .msgList li em{ position: absolute; left: 0; top: 0; color: #333; }
.productBox .msgList2{ padding: 0.3rem 0 0.75rem; overflow: hidden; }
.productBox .msgList2 li{ float: left; padding-left: 14px; padding-right: 0.8rem; font-size: 0.16rem; color: #333; line-height: 0.36rem; background: url(../image/ico3.png) left 0.15rem no-repeat; }
.productBox .msg{ font-size: 0.16rem; color: #333; line-height: 0.36rem; padding: 0.35rem 0 0.75rem;}
.productBox .table{ padding: 0.4rem 0 0.8rem; }
.productBox .table table{ border-top: #e5e5e5 solid 1px; border-left: #e5e5e5 solid 1px; }
.productBox .table th{ height: 54px; background: #1656c2; color: #fff; font-weight: 100; font-size: 0.16rem; border-bottom: #e5e5e5 solid 1px; border-right: #e5e5e5 solid 1px; }
.productBox .table td{ text-align: center; height: 0.54rem; font-size: 0.16rem; border-bottom: #e5e5e5 solid 1px; border-right: #e5e5e5 solid 1px; color: #333; }
.productBox .table .gray{ background: #f6f6f6; }

.productBox .imgList{ padding-top: 0.35rem; }
.productBox .imgList li{ padding-bottom: 0.7rem; }
.productBox .imgList li:last-child{ padding-bottom: 0; }
.productBox .imgList li .za{ padding-left: 32px; color: #333; font-size: 16px; line-height: 32px; background: url(../image/nimg26_1.png) left center no-repeat; }
.productBox .imgList li .rimg{ padding-top: 0.3rem; }
.productBox .imgList li .rimg img{ width: 100%; }

.recommendDiv{ padding: 1.2rem 0; /*background: url(../image/productBg.jpg) center no-repeat; background-size:cover;*/ }
.recommendDiv .pageTitle{ text-align: left; }
.recommendDiv .pageTitle .cn{ color:#3a6cc0;}
.recommendDiv .pageTitle .cn:after{ left: 0; margin-left: 0; background:#fff;}
.recommendDiv .toptop{ position: relative; height: 2.0rem; }
.recommendDiv .arrowDiv{ position: absolute; right: 0; top: 0.8rem; z-index: 1; }
.recommendDiv .arrow{ float: left; margin-left: 24px; display: block; width: 0.56rem; height: 0.56rem; border-radius: 50%; border: #3a6cc0 solid 2px; box-sizing: border-box;}
.recommendDiv .prev{ background: url("../image/nimg14_left.png") center no-repeat;}
.recommendDiv .next{ background: url("../image/nimg14_right.png") center no-repeat; }
.recommendDiv .prev:hover{ border: #3a6cc0 solid 2px; background: #3a6cc0 url("../image/nimg14_lefton.png") center no-repeat; }
.recommendDiv .next:hover{ border: #3a6cc0 solid 2px; background: #3a6cc0 url("../image/nimg14_righton.png") center no-repeat; }
.recommendDiv .list{ overflow: hidden; }
.recommendDiv .list li .box{ background: #fff; border: #eee solid 1px;}
.recommendDiv .list li a{ display: block; height: 4.8rem; padding-top: 0.6rem; box-sizing: border-box; }
.recommendDiv .list li .imgDiv{ height: 2.4rem; overflow: hidden; }
.recommendDiv .list li .imgDiv img{ max-width: 3.0rem; max-height: 2.4rem; }
.recommendDiv .list li .en{ padding: 0.85rem 0.2rem 0; text-align: center; height: 0.32rem; line-height: 0.32rem; overflow: hidden; text-align: center; color: #333; font-size: 0.2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.recommendDiv .list li .name{ font-weight: bold; padding: 0 0.2rem; text-align: center; height: 0.32rem; line-height: 0.32rem; overflow: hidden; text-align: center; color: #333; font-size: 0.2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.recommendDiv .list li .box:hover{ border: #1656c2 solid 1px; }
.recommendDiv .list li .box:hover .en, .recommendDiv .list li .box:hover .name{ color: #1656c2; }
.recommendDiv .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.qualityP1{ padding-top: 1.2rem; height: 9.12rem; box-sizing: border-box; background: url(../image/qualityBg.jpg) center no-repeat; background-size: cover; }
.qualityP1 .content{ font-size: 0.16rem; line-height: 0.36rem; color: #333; text-align: center; padding: 0.4rem 0 0.55rem; }
.qualityP1 .imgDiv{ text-align: center; }
.qualityP1 .imgDiv img{ width: 10.88rem; }

.qualityP2{ padding-top: 1.2rem; height: 10.0rem; background: url(../image/qualityBg2.jpg) center no-repeat; background-size: cover; box-sizing: border-box;}
.qualityP2 .pageTitle{ padding-bottom: 0.7rem; }
.qualityP2 .pageTitle .cn{ color: #fff; }
.qualityP2 .pageTitle .cn:after{ background: #fff; }
.qualityP2 .leftDiv{ width: 7.46rem; }
.qualityP2 .list ul{ margin-right: -0.15rem; }
.qualityP2 .list li{ float: left; width: 50%; }
.qualityP2 .list li .imgDiv{ margin-right: 0.15rem; }
.qualityP2 .list li .imgDiv img{ width: 100%; }
.qualityP2 .leftDiv .txt{ padding-top: 0.35rem; height: 0.36rem; line-height: 0.36rem; text-align: center; font-size: 0.3rem; color: #fff; }

.qualityP2 .rightDiv{ width: 7.09rem; }
.qualityP2 .rightDiv img{ width: 100%; }
.qualityP2 .rightDiv .txt{ padding-top: 0.35rem; height: 0.36rem; line-height: 0.36rem; text-align: center; font-size: 0.3rem; color: #fff; }

.qualityP3{ padding: 1.2rem 0 1.0rem; }
.qualityP3 .w1602{ width: 16.02rem; margin: 0 auto; }
.qualityP3 h1{ padding: 0.45rem 0 0.65rem; text-align: center; font-weight: 100; font-size: 0.24rem; line-height: 0.24rem; color: #090404; }
.qualityP3 .list{ height: 0.8rem; padding: 0 0.8rem; background: #1656c2; }
.qualityP3 .list ul{ height: 0.8rem; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center;
  -webkit-align-items: center; }
.qualityP3 .list li{ font-weight: bold; font-size: 0.2rem; color: #fff; line-height: 0.24rem; text-align: center;}
.qualityP3 .imgDiv{ padding-top: 0.4rem; }
.qualityP3 .imgDiv img{ width: 100%; }

.contact{ padding-top: 0.5rem; }
.contact .msg{ text-align: center; font-size: 0.16rem; color: #333; line-height: 0.32rem; padding-bottom: 0.5rem; }
.contact .list{ padding-bottom: 0.6rem; }
.contact .list ul{ margin-right: -0.48rem; }
.contact .list li{ float: left; width: 33.33%; }
.contact .list li .box{ margin-right: 0.48rem; border: #eee solid 1px; height: 4.7rem; }
.contact .list li .ico{ padding-top: 1.0rem; position: relative; width: 0.64rem; height: 1.4rem; margin: 0 auto; }
.contact .list li .ico img{ width: 0.64rem; position: absolute; left: 0; top: 1.0rem; }
.contact .list li .ico .img1{ opacity: 0; }
.contact .list li .txt{ font-weight: bold; font-size: 0.24rem; line-height: 0.24rem; height: 0.65rem; color: #333; text-align: center; }
.contact .list li .wen{ padding: 0 0.55rem; font-size: 0.16rem; color: #333; line-height: 0.36rem; text-align: center; }
.contact .list li .ewm{ padding-top: 0.6rem; height: 1.8rem; text-align: center; }
.contact .list li .links{ padding-top: 0.2rem; }
.contact .list li .links a{ display: block; text-align: center; font-size: 0.16rem; color: #1656c2; }
.contact .list li .links a:hover{ text-decoration: underline; }
.contact .list li .box:hover{ border: #fff solid 1px; box-shadow: 0px 0px 30px 0px rgba(102, 102, 102, 0.15); }
.contact .list li .box:hover .ico img{ opacity: 0; }
.contact .list li .box:hover .ico .img1{ opacity: 1; }
.contact .list li .box:hover .txt{ color: #060000; }
.contact .mapDiv{ height: 6.16rem; background: center no-repeat; background-size: cover; }

.job{ padding-top: 0.65rem; }
.job .list li{ margin-bottom: 40px; border: #eee solid 1px; position: relative; min-height: 100px; transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}
.job .list li .temeDiv{ padding: 0.4rem 1.7rem 0.4rem 3.28rem; box-sizing: border-box; position: relative; cursor: pointer; height: 100%; }
.job .list li .leftDiv{ position: absolute; left: 0.6rem; top: 0.4rem; width: 2.18rem; min-height: 80px;}
.job .list li .leftDiv:after{ content: ''; position: absolute; right: 0; bottom: 0; background: #dddee2; width: 1px; height: 100%; }
.job .list li .name{ position: relative; color: #090404; font-size: 0.24rem; line-height: 0.36rem; padding-bottom: 0.18rem; padding-right: 0.5rem; font-weight: bold; text-transform: uppercase;}
.job .list li .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 24px; height: 4px; background: #1656c2; }
.job .list li .txt{ color: #333; font-size: 0.2rem; height: 0.32rem; }
.job .list li .msg{ line-height: 0.36rem; font-size: 0.16rem; }
.job .list li .hala{ line-height: 0.36rem; font-size: 0.16rem; height: 0.72rem; overflow: hidden; }
.job .list li .hala.on{ height: auto; }
.job .list li .hideBox{ display: none; padding: 0 1.7rem 0.8rem 3.28rem;}
.job .list li .ico{ cursor: pointer; position: absolute; right: 0.6rem; top: 50%; margin-top: -0.28rem; z-index: 1; width: 0.56rem; height: 0.56rem; border-radius: 50%; background: #f6f7f9 url(../image/ico5.png) center no-repeat;}
.job .list li .temeDiv.aNow .ico{ top: auto; margin-top: 0; bottom: 0.56rem; background: #1656c2 url(../image/ico5on.png) center no-repeat;}

.sideJob .imgDiv img{ width: 100%; }
.sideJob .conDiv{ padding: 0.55rem 0.4rem 0; height: 4.24rem; box-sizing: border-box; background: url(../image/nimg384Bg.jpg) center no-repeat; background-size: cover; }
.sideJob .txt{ font-weight: bold; font-size: 0.2rem; line-height: 0.2rem; color: #333; padding-bottom: 0.4rem; }
.sideJob li{ font-size: 0.16rem; line-height: 0.36rem; color: #333; }

.makeLayer{ display: none; position: fixed; right: 0.3rem; top: 50%; transform: translateY(-50%); z-index: 3; }
.makeLayer li{}
.makeLayer li em{ background: url(../image/ico6.png) right 4px no-repeat; cursor: pointer; display: block; font-size: 16px; line-height: 16px; color: #333; text-align: right; position: relative; padding-right: 24px; padding-bottom: 30px;}
.makeLayer li em:after{ content: ''; position: absolute; right: 4px; top: 13px; width: 1px; height: 38px; background: #d2d2e7; }
.makeLayer li em:before{ content: ''; z-index: 1; position: absolute; right: 4px; top: 13px; width: 1px; height: 0; background: #187fc4; }
.makeLayer li em p{ opacity: 0 }
.makeLayer li .aNow:before{ height: 38px; }
.makeLayer li .aNow p{ opacity: 1; }

.makeP1 .toptop{ padding: 1.2rem 0 0.7rem; }
.makeP1 .msg{ text-align: center; font-size: 0.18rem; color: #333; line-height: 0.36rem; padding-top: 0.4rem;}

.makeP1 .botbot{ padding-top: 1.2rem; height: 7.2rem; background: url(../image/makeBg.jpg) center no-repeat; background-size: cover; box-sizing: border-box; overflow: hidden;}
.makeP1 h1{ color: #fff; text-align: center; font-size: 0.36rem; line-height: 0.36rem; padding-bottom: 0.3rem; }
.makeP1 .wen{ text-align: center; color: #fff; font-size: 0.18rem; line-height: 0.36rem; padding-bottom: 0.5rem; }
.makeP1 .temeDiv{ position: relative; overflow: hidden;}
.makeP1 .list{ overflow: hidden; padding-bottom: 0.45rem; position: relative;}
.makeP1 .list:after{ content: ''; position: absolute; right: 0.28rem; bottom: 0; width: 0.94rem; height: 0.58rem; background: url(../image/nimg94Bg.png) center no-repeat; background-size: 0.94rem; }
.makeP1 .list ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.makeP1 .list li{ padding-right: 0.72rem; position: relative; height: 1.4rem; }
.makeP1 .list li:before{ content: ''; position: absolute; right: 0; width: 0.72rem; top: 50%; height: 1px; background: #799ad1; }
.makeP1 .list li:after{ content: ''; position: absolute; right: 0; top: 50%; width: 9px; height: 9px; border-radius: 50%; margin-top: -4px; background: #799ad1; }
.makeP1 .list li:last-child{ padding-right: 0; }
.makeP1 .list li:last-child:before, .makeP1 .list li:last-child:after{ display: none; }
.makeP1 .list li .mxfDiv{ padding-right: 7px; background: url(../image/nimg20Bg.png) right 0.2rem no-repeat; background-size: 0.2rem; }
.makeP1 .list li:last-child .mxfDiv{ background: none; }
.makeP1 .list li .round{ width: 1.4rem; height: 1.4rem; background: rgba(255,255,255,0.08); border-radius: 50%; position: relative; }
.makeP1 .list li .name{ position: absolute; left: 50%; top: 50%; text-align: center; line-height: 1.2rem; color: #fff; font-weight: bold; font-size: 0.2rem; width: 1.2rem; height: 1.2rem; border: rgba(255,255,255,0.4) solid 2px; box-sizing: border-box; margin-left: -0.6rem; margin-top: -0.6rem; border-radius: 50%; }
.makeP1 .list li .limg{ position: absolute; left: 50%; top: 50%; width: 1.2rem; height: 1.2rem; background: #fff; box-sizing: border-box; margin-left: -0.6rem; margin-top: -0.6rem; border-radius: 50%; }
.makeP1 .list li .limg img{ position: absolute; left: 50%; width: 1.15rem; margin-left: -0.57rem; top: 50%; margin-top: -0.14rem; }

.makeP1 .list2{ overflow: hidden; padding-top: 0.15rem; padding-left: 2.3rem;}
.makeP1 .list2 ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-direction: row-reverse; -webkit-flex-direction: row-reverse; }
.makeP1 .list2 li{ padding-left: 0.72rem; position: relative; height: 1.4rem; }
.makeP1 .list2 li:before{ content: ''; position: absolute; left: 0; width: 0.72rem; top: 50%; height: 1px; background: #799ad1; }
.makeP1 .list2 li:after{ content: ''; position: absolute; left: 0; top: 50%; width: 9px; height: 9px; border-radius: 50%; margin-top: -4px; background: #799ad1; }
.makeP1 .list2 li:last-child{ padding-left: 0; }
.makeP1 .list2 li:last-child:before, .makeP1 .list2 li:last-child:after{ display: none; }
.makeP1 .list2 li .mxfDiv{ padding-left: 7px; background: url(../image/nimg20Bg2.png) left 0.2rem no-repeat; background-size: 0.2rem; }
.makeP1 .list2 li .round{ width: 1.4rem; height: 1.4rem; background: rgba(255,255,255,0.08); border-radius: 50%; position: relative; }
.makeP1 .list2 li .name{ position: absolute; left: 50%; top: 50%; text-align: center; line-height: 0.3rem; color: #fff; font-weight: bold; font-size: 0.2rem; width: 1.2rem; height: 1.2rem; border: rgba(255,255,255,0.4) solid 2px; box-sizing: border-box; margin-left: -0.6rem; margin-top: -0.6rem; border-radius: 50%; }


.makeP2{ padding: 1.2rem 0 0.35rem; }
.makeDiv{ padding-bottom: 0.38rem; }
.makeP2 .title{ text-align: center; color: #090404; font-size: 0.36rem; line-height: 0.36rem; font-weight: bold; padding-bottom: 0.48rem; }
.makeP2 .list ul{ margin-right: -0.48rem; }
.makeP2 .list li{ float: left; width: 33.33%; padding-bottom: 0.48rem; }
.makeP2 .list li .box{ margin-right: 0.48rem; }
.makeP2 .list li .imgDiv{ height: 3.2rem; }
.makeP2 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }