/*banner*/
.ind-banner{ width: 100%; overflow: hidden; position:relative;} 
.ind-banner .swiper-slide {position: relative; }
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .swiper-slide .img{ height:100vh;}
.ind-banner .swiper-slide .img img{ width: 100%; height:100%; object-fit:cover; transition: all 6s ease; -webkit-transition: all 6s ease; }
.ind-banner .swiper-slide-active img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.ind-banner .onebox{ position: absolute; left: 50%; margin-left: -7.0rem; z-index: 2; top: 50%; transform: translateY(-50%); }
.ind-banner .onebox .en{ color: #154a7c; font-size: 0.36rem; line-height: 0.56rem; font-family:'Medium'; }
.ind-banner .onebox .cn{ color: #154a7c; font-size: 0.6rem; line-height: 0.82rem; font-weight: bold; }
.ind-banner .onebox .btnDiv{ margin-top: 1.0rem; width: 1.56rem; height: 0.48rem; border-radius: 0.48rem; background: #2759cd; font-size: 0.16rem; color: #fff; }
.ind-banner .onebox .btnDiv em{ margin-left: 15px; width: 14px; height: 14px; background: url(../images/nimg14_1.png) no-repeat; }
.ind-banner .twobox{ position: absolute; left: 50%; margin-left: -7.0rem; z-index: 2; top: 50%; transform: translateY(-50%); }
.ind-banner .twobox .en{ color: #fff; font-size: 0.36rem; line-height: 0.56rem; font-family:'Medium'; }
.ind-banner .twobox .cn{ color: #fff; font-size: 0.6rem; line-height: 0.82rem; font-weight: bold; }
.ind-banner .twobox .btnDiv{ margin-top: 1.0rem; width: 1.56rem; height: 0.48rem; border-radius: 0.48rem; background: #2759cd; font-size: 0.16rem; color: #fff; }
.ind-banner .twobox .btnDiv em{ margin-left: 15px; width: 14px; height: 14px; background: url(../images/nimg14_1.png) no-repeat; }

.ind-banner .onebox .btnDiv:hover em, .ind-banner .twobox .btnDiv:hover em{ transform: rotate(45deg); }


.ind-banner .txtLayer{transform: translateY(50px);
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  opacity: 0;
  visibility: hidden;
  transition: all 1.4s ease;
  -webkit-transition: all 1.4s ease;
  -moz-transition: all 1.4s ease;
  -ms-transition: all 1.4s ease;
  -o-transition: all 1.4s ease;
  transition-delay: 1s;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.ind-banner .swiper-slide-active .txtLayer{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}

.ind-banner .se{ display: block; width: 50px; height: 50px; position: absolute; z-index: 3; top: 50%; margin-top: -25px; border-radius: 50%; }
.ind-banner .prev { left: 0.5rem; background: #e2e4e7 url(../images/nimg14_left.png) center no-repeat;  }
.ind-banner .next { right: 0.5rem; background: #e2e4e7 url(../images/nimg14_right.png) center no-repeat;  }
.ind-banner .prev:hover{ background: #2759cd url(../images/nimg14_lefton.png) center no-repeat;}
.ind-banner .next:hover{ background: #2759cd url(../images/nimg14_righton.png) center no-repeat;}

.ind-banner .swiper-pagination{ width: 100%; bottom: 0.3rem; } 
.ind-banner .swiper-pagination-bullet { position: relative; display: inline-block; width: 30px; height: 4px; opacity: 1; background: rgba(21,74,124,0.5); box-sizing:border-box; border-radius: 4px; overflow: hidden; margin: 0 8px!important; } 
.ind-banner .swiper-pagination-bullet-active { background: #2759cd; }

.indexTxt .en{ font-size: 0.18rem; line-height: 0.18rem; color: #154a7c; text-transform: uppercase; font-family: 'Medium'; }
.indexTxt .cn{ font-size: 0.48rem; line-height: 0.6rem; color: #000; font-weight: bold; margin-top: 0.1rem; }

.indexP1{ padding-top: 1.2rem; background: url(../images/indexP1.jpg) center top no-repeat; background-size: 100%; }
.indexP1 .rightDiv{ width: 50%; padding-bottom: 1.2rem;}
.indexP1 .indexTxt .en, .indexP1 .indexTxt .cn{ color: #fff; }
.indexP1 .content{ font-size: 0.18rem; line-height: 0.32rem; color: #fff; text-align: justify; }
.indexP1 .btnDiv{ margin-top: 0.5rem; }
.indexP1 .btnDiv a{ width: 1.56rem; height: 0.48rem; border: rgba(255,255,255,0.3) solid 1px; border-radius: 0.48rem; font-size: 0.16rem; color: #fff;}
.indexP1 .btnDiv em{ margin-left: 15px; width: 14px; height: 14px; background: url(../images/nimg14_1.png) no-repeat; }
.indexP1 .btnDiv a:hover{ border: #fff solid 1px; background: #fff; color: #2759cd; }
.indexP1 .btnDiv a:hover em{ background: url(../images/nimg14_1on.png) no-repeat; transform: rotate(45deg); }
.indexP1 .imgDiv{ clear: both; }
.indexP1 .imgDiv img{ width: 100%; }

.indexP2{ padding: 1.0rem 0 1.2rem; overflow: hidden; }
.indexP2 .toptop{ padding-bottom: 0.4rem; }
.indexP2 .toptop .wal{ position: relative; }
.indexP2 .toptop .btnDiv{ position: absolute; right: 0; top: 0.32rem; }
.indexP2 .toptop .btnDiv a{ width: 1.56rem; height: 0.48rem; border: #ccdaf7 solid 1px; border-radius: 0.48rem; font-size: 0.16rem; color: #0044d7;}
.indexP2 .toptop .btnDiv em{ margin-left: 15px; width: 14px; height: 14px; background: url(../images/nimg14_1on.png) no-repeat; }
.indexP2 .toptop .btnDiv a:hover{ border: #2759cd solid 1px; background: #2759cd; color: #fff;}
.indexP2 .toptop .btnDiv a:hover em{ background: url(../images/nimg14_1.png) no-repeat; transform: rotate(45deg); }

.indexPro{ padding: 0 1.0rem; position: relative; }
.indexPro .list{ padding: 0.2rem; overflow: hidden; }
.indexPro .list ul{ margin-right:-0.4rem;}
.indexPro .list li{ float:left; width:25%;}
.indexPro .list li .box{ margin-right:0.4rem;}
.indexPro .list li .imgDiv{ height: 3.6rem; border-radius: 10px; overflow: hidden; }
.indexPro .list li .imgDiv img{ max-width: 2.6rem; max-height: 2.6rem; }
.indexPro .list li .botDiv{ margin-top: 0.4rem; }
.indexPro .list li .txt{ font-size: 0.24rem; color: #000; line-height: 0.4rem; height: 0.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.indexPro .list li .name{ height: 0.3rem; line-height: 0.3rem; font-size: 0.18rem; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.indexPro .list li .more{ position: relative; margin-top: 0.35rem; padding-top: 0.2rem; border-top: #e2e4e7 solid 1px; font-size: 0.18rem; line-height: 0.18rem; color: #154a7c; }
.indexPro .list li .more:after{ content: ''; opacity: 0; visibility: hidden; position: absolute; right: 0.2rem; bottom: 0; width: 0.19rem; height: 0.17rem; background: url(../images/nimg19_1.png) no-repeat; background-size: 0.19rem; }

.indexPro .list li .box:hover .imgDiv{ box-shadow: 0 0 0.2rem 0 rgba(39,89,205,0.32); }
.indexPro .list li .box:hover .more{ border-top: #2759cd solid 1px; color: #0044d7; }
.indexPro .list li .box:hover .more:after{ opacity: 1; visibility: visible; right: 0; }

.indexPro .se{ display: block; width: 50px; height: 50px; position: absolute; z-index: 3; top: 1.56rem; border-radius: 50%; }
.indexPro .prev { left: 0.95rem; background: #e2e4e7 url(../images/nimg14_left.png) center no-repeat;  }
.indexPro .next { right: 0.95rem; background: #e2e4e7 url(../images/nimg14_right.png) center no-repeat;  }
.indexPro .prev:hover{ background: #2759cd url(../images/nimg14_lefton.png) center no-repeat;}
.indexPro .next:hover{ background: #2759cd url(../images/nimg14_righton.png) center no-repeat;}

.indexP3{ position: relative; height: 9.2rem; box-sizing: border-box; }
.indexP3 .indexTxt{ margin-bottom: 0.6rem; }
.indexP3 .item_box{/* display:none;*/ width:100%; height:9.2rem; position:absolute; left: 0; top: 0; overflow:hidden;}
.indexP3 .item_box img{ width:100%; height:100%; object-fit:cover; position:absolute; top:0; left:0;}
.indexP3 .item_box .bg{ position: absolute; width:100%; height:100%; }
.indexP3 .item_box .item{ display:none;}
.indexP3 .item_box .item:nth-child(1){ display:block;}

.indexP3 .list{ overflow: hidden; position: relative; z-index: 1;}
.indexP3 .list li .box a{ display: block; position: relative; text-align: center; height:9.2rem; }
.indexP3 .list li .box a:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: rgba(255,255,255,0.2); }
.indexP3 .list li .imgDiv{ height: 4.8rem; }
.indexP3 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.indexP3 .list li .conDiv{ height: 100%; padding: 0 0.45rem;}
.indexP3 .list li .ico{ width: 48px; height: 0.9rem; margin: 0 auto; position: relative; }
.indexP3 .list li .ico img{ width: 48px; }
.indexP3 .list li .cn{ font-size: 0.3rem; line-height: 0.3rem; color: #fff; font-weight: bold; }
.indexP3 .list li .hideDiv{ height: 0; overflow: hidden; margin-top: 0.25rem;}
.indexP3 .list li .msg{ font-size: 0.16rem; line-height: 0.24rem; height: 0.96rem; overflow: hidden; color: #fff; }
.indexP3 .list li .btnDiv{ width: 1.56rem; height: 0.48rem; background: #2759cd; border-radius: 0.48rem; color: #fff; font-size: 0.16rem; margin: 0.75rem auto 0;}
.indexP3 .list li .btnDiv em{ margin-left: 15px; width: 14px; height: 14px; background: url(../images/nimg14_1.png) no-repeat; }
.indexP3 .list li.on .box a{ background: rgba(0,0,0,0.3); }

.indexP3 .list li.on .hideDiv{ height: 2.2rem; }
.indexP3 .se{ z-index: 2; position: absolute; display: block; width: 50px; height: 50px; border-radius: 50%; top: 50%; margin-top: -25px; background: rgba(0,0,0,.3);}
.indexP3 .se:hover{ background: #2759cd; }
.indexP3 .swiper-button-prev { left: 0.5rem; }
.indexP3 .swiper-button-next { right: 0.5rem; }
.indexP3 .swiper-button-prev:after{ content: ''; position: absolute; width: 14px; height: 14px; left: 50%; top: 50%; margin-left: -7px; margin-top: -7px; background: url(../images/nimg14_lefton.png) center no-repeat;}
.indexP3 .swiper-button-next:after{ content: ''; position: absolute; width: 14px; height: 14px; left: 50%; top: 50%; margin-left: -7px; margin-top: -7px; background: url(../images/nimg14_righton.png) center no-repeat;}


.indexP4{ padding: 1.2rem 1.0rem; background: #f7f9fc; }
.indexP4 .toptop{ height: 1.32rem; }
.indexP4 .toptop .wal{ position: relative; }
.indexP4 .arrowDiv{ position: absolute; right: 0; top: 0.35rem; z-index: 3; }
.indexP4 .se{ display: block; width: 50px; height: 50px; float: left; border-radius: 50%; }
.indexP4 .prev { margin-right: 20px; background: #e2e4e7 url(../images/nimg14_left.png) center no-repeat;  }
.indexP4 .next { background: #e2e4e7 url(../images/nimg14_right.png) center no-repeat;  }
.indexP4 .prev:hover{ background: #2759cd url(../images/nimg14_lefton.png) center no-repeat;}
.indexP4 .next:hover{ background: #2759cd url(../images/nimg14_righton.png) center no-repeat;}
.indexP4 .list{ overflow: hidden; }
.indexP4 .list li .box{ border-radius: 8px; overflow: hidden; }
.indexP4 .list li .imgDiv{ height: 2.08rem; overflow: hidden; }
.indexP4 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.indexP4 .list li .botDiv{ position: relative; padding: 0.4rem 0.34rem 0; height: 3.38rem; background: #fff; }
.indexP4 .list li .botDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 4px; background: #2759cd; }
.indexP4 .list li .time{ font-size: 0.16rem; line-height: 0.16rem; color: #000; font-family:'Light'; }
.indexP4 .list li .name{ margin-top: 0.28rem; font-size: 0.18rem; line-height: 0.24rem; height: 0.48rem; color: #000; font-weight: bold; }
.indexP4 .list li .content{ margin-top: 0.2rem; color: #666; font-size: 0.14rem; line-height: 0.24rem; height: 0.48rem;}
.indexP4 .list li .more{ margin-top: 0.6rem; font-size: 0.16rem; line-height: 0.16rem; color: #a1a1a1; width: 0.9rem; background: url(../images/nimg14_2.png) right bottom no-repeat; background-size: 0.14rem; }
.indexP4 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexP4 .list li .box:hover .botDiv:after{ width: 100%; }
.indexP4 .list li .box:hover .name{ color: #2759cd; }
.indexP4 .list li .box:hover .more{ color: #2759cd; background: url(../images/nimg14_1on.png) right bottom no-repeat; background-size: 0.14rem;}

.thesis{ padding: 1.2rem 0; background: #f3f5f8; }
.thesis .toptop{ position: relative; height: 1.3rem; z-index: 1; }


.thesis .zjMxf{ top: 0.3rem; right: 0; position: absolute;}
.zjMxf .select{ float: left; margin-left: 0.2rem; width: 3.0rem; height: 0.48rem; position: relative; }
.zjMxf .caption { border: #e3e5e9 solid 1px; position: relative; cursor: pointer; height: 0.48rem; line-height: 0.48rem; padding-left: 0.15rem; font-size: 0.16rem; color: #666; border-radius: 4px; background: #fff url(../images/selectIco.png) right center no-repeat; }
.zjMxf .xlist { width: 100%; position: absolute; left: 0; top: 100%; z-index: 12; background: #fff; max-height: 240px; overflow-y: auto; display: none; border: 1px solid #e3e5e9; border-top: none; box-sizing: border-box;}
.zjMxf .xlist::-webkit-scrollbar { width: 3px;}
.zjMxf .xlist::-webkit-scrollbar-track { background-color: #2759cd;}
.zjMxf .xlist::-webkit-scrollbar-thumb { background-color: #fff;} 
.zjMxf .xlist a { font-family: 'Regular'; display: block; font-size: 0.16rem; color: #666; height: 0.48rem; line-height: 0.48rem; padding: 0 0.15rem; text-align: left; border-bottom: 1px solid #e3e5e9;}
.zjMxf .xlist a:hover, .zjMxf .xlist a.on { color: #2759cd;}
.zjMxf .xlist a:last-child { border-bottom: none;}
.thesis .list{ padding-bottom: 0.4rem; }
.thesis .list li{ margin-bottom: 0.2rem; }
.thesis .list li a{ display: block; height: 2.7rem; background: #fff; position: relative; padding: 0.4rem 2.5rem 0 2.2rem; border-radius: 8px; overflow: hidden; }
.thesis .list li a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #2759cd; }
.thesis .list li .imgDiv{ position: absolute; width: 1.4rem; height: 1.88rem; left: 0.4rem; top: 0.4rem; border: #e7e9f1 solid 1px; box-shadow: 0 0 0.12rem 0 rgba(3,156,234,0.1); }
.thesis .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.thesis .list li .name{ font-size: 0.24rem; line-height: 0.3rem; height: 0.6rem; color: #333; overflow: hidden; font-family: 'Medium'; }
.thesis .list li .msg{ margin-top: 0.15rem; font-size: 0.16rem; line-height: 0.24rem; color: #333; }
.thesis .list li a:hover{ box-shadow: 0 0 0.12rem 0 rgba(3,156,234,0.1); }
.thesis .list li a:hover:after{ width: 100%; }
.thesis .list li a:hover .name{ color: #2759cd; }

.product{ padding: 1.2rem 0; background: #f3f5f8; }
.product .list ul{ margin-right: -0.45rem; }
.product .list li{ float: left; width: 33.33%; margin-bottom: 0.7rem;}
.product .list li .box{ margin-right: 0.45rem; position: relative; top: 0; }
.product .list li .imgDiv{ height: 3.6rem; border-radius: 10px; overflow: hidden; background: #fff; }
.product .list li .imgDiv img{ max-width: 2.6rem; max-height: 2.6rem; }
.product .list li .botDiv{ margin-top: 0.2rem; }
.product .list li .txt{ font-size: 0.24rem; color: #000; line-height: 0.4rem; height: 0.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product .list li .name{ height: 0.3rem; line-height: 0.3rem; font-size: 0.18rem; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product .list li .box:hover{ top: -10px; }
.product .list li .box:hover .imgDiv{ box-shadow: 0 0 0.2rem 0 rgba(39,89,205,0.32); }
.product .list li .box:hover .txt{ color: #2759cd; }

.document{ padding: 1.2rem 0; background: #f3f5f8; }
.document .toptop{ position: relative; height: 1.3rem; z-index: 1; }
.document .zjMxf{ top: 0.3rem; right: 0; position: absolute;}
.document .list{ padding-bottom: 0.4rem; }
.document .list li{ margin-bottom: 0.2rem; }
.document .list li a{ height: 1.2rem; position: relative; padding: 0 1.5rem 0 1.1rem; background: #fff;}
.document .list li a:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #2759cd;}
.document .list li a:after{ content: ''; position: absolute; right: 0.4rem; top: 50%; margin-top: -0.15rem; width: 0.3rem; height: 0.3rem; background: url(../images/nimg30_1.png) no-repeat; background-size: 0.3rem; }
.document .list li .ico{ position: absolute; left: 0.4rem; top: 50%; margin-top: -0.23rem; }
.document .list li .ico img{ width: 0.46rem; }
.document .list li .time{ font-size: 0.18rem; line-height: 0.24rem; color: #ccc; font-family: 'SemiBold'; }
.document .list li .name{ font-size: 0.18rem; line-height: 0.3rem; color: #333; }
.document .list li a:hover{ box-shadow: 0 0 0.15rem 0 rgba(23,109,185,0.25); }
.document .list li a:hover:before{ width: 100%; }
.document .list li a:hover:after{ background: url(../images/nimg30_1on.png) no-repeat; background-size: 0.3rem;}
.document .list li a:hover .name{ color: #2759cd; }

.warranty{ padding: 1.2rem 0; background: #f3f5f8; }
.warranty .indexTxt{ text-align: center; }
.warranty .mxfDiv{ margin-top: 0.5rem; background: #fff; height: 6.6rem; border-radius: 0.1rem; overflow: hidden;}
.warranty .leftDiv{ width: 50%; position: relative; }
.warranty .imgDiv img{ width: 100%; }
.warranty .layer{ position: absolute; left: 0.7rem; top: 0.6rem; color: #fff; z-index: 1; }
.warranty .layer .wen{ font-size: 0.18rem; line-height: 0.18rem; padding-bottom: 0.12rem; }
.warranty .layer .tel{ font-size: 0.24rem; line-height: 0.24rem; padding-bottom: 0.4rem; font-family: 'Medium'; }
.warranty .layer .ewm img{ width: 1.18rem; }

.warranty .rightDiv{ width: 50%; padding: 0.5rem 0.6rem 0; }
.warranty .form li{ padding-bottom: 0.25rem; position: relative; }
.warranty .form li .txt{ height: 0.28rem; font-size: 0.16rem; line-height: 0.16rem; color: #000; }
.warranty .form li .txt em{ color: #e90505; }
.warranty .form li .input1{ padding-left: 0.15rem; width: 100%; font-size: 0.14rem; height: 0.48rem; line-height: 0.46rem; color: #999; border-radius: 8px; border: #dcdcdc solid 1px;}
.warranty .form li .input1::-webkit-input-placeholder{ color: #999; opacity: 1;}
.warranty .form li .input1:-moz-placeholder{ color: #999; opacity: 1;}
.warranty .form li .input1::-moz-placeholder{ color: #999; opacity: 1;}
.warranty .form li .input1:-ms-input-placeholder{ color: #999; opacity: 1;}
.warranty .form li textarea{ padding: 0.1rem 0 0 0.15rem; width: 100%; font-size: 0.14rem; height: 1.5rem; line-height: 0.32rem; color: #999; border-radius: 8px; border: #dcdcdc solid 1px;}
.warranty .form li textarea::-webkit-input-placeholder{ color: #999; opacity: 1;}
.warranty .form li textarea:-moz-placeholder{ color: #999; opacity: 1;}
.warranty .form li textarea::-moz-placeholder{ color: #999; opacity: 1;}
.warranty .form li textarea:-ms-input-placeholder{ color: #999; opacity: 1;}
.warranty .btnDiv{ margin-top: 0.18rem; }
.warranty .btnDiv a{ display: block; font-size: 0.16rem; width: 100%; height: 0.48rem; line-height: 0.48rem; text-align: center; color: #fff; background: #295bcd; border-radius: 0.48rem; }
.warranty .btnDiv a:hover{ background: #1749bc;}
.warranty .multiple{ overflow:hidden;}
.warranty .multiple dd{ float: left; margin-right:0.5rem; }
.warranty .multiple dd .lbox{ cursor: pointer; position: relative; background: url(../images/nimg17_3.png) left center no-repeat; padding-left: 24px; height: 24px; line-height: 24px; color: #999; font-size: 14px; }
.warranty .multiple .ddNow .lbox{ background: url(../images/nimg17_3on.png) left center no-repeat; color: #2759cd;}


.password{ padding: 1.2rem 0; background: #f3f5f8; }
.password .indexTxt{ text-align: center; }
.password .mxfDiv{ margin: 0.4rem auto 0; width: 6.1rem; }
.password .form li{ margin-bottom: 0.2rem; position: relative; padding-left: 1.1rem; height: 0.48rem; }
.password .form li .txt{ position: absolute; left: 0; top: 0; width: 1.1rem; text-align: right; color: #000; line-height: 0.48rem; font-size: 0.16rem;}
.password .form li .txt em{ color: #e90505; }
.password .form li .input1{ padding-left: 0.15rem; width: 100%; font-size: 0.14rem; height: 0.48rem; line-height: 0.46rem; color: #999; border-radius: 8px; background: #fff; border: #dcdcdc solid 1px;}
.password .form li .input1::-webkit-input-placeholder{ color: #999; opacity: 1;}
.password .form li .input1:-moz-placeholder{ color: #999; opacity: 1;}
.password .form li .input1::-moz-placeholder{ color: #999; opacity: 1;}
.password .form li .input1:-ms-input-placeholder{ color: #999; opacity: 1;}
.password .btnDiv{ padding: 0.2rem 0 0 1.1rem; }
.password .btnDiv a{ display: block; font-size: 0.16rem; width: 100%; height: 0.48rem; line-height: 0.48rem; text-align: center; color: #fff; background: #295bcd; border-radius: 0.48rem; }
.password .btnDiv a:hover{ background: #1749bc; }

.news{ padding: 1.0rem 0 1.2rem; background: #f3f5f8; }
.newsPic{ position: relative; }
.newsPic .list{ overflow: hidden; }
.newsPic .mxfDiv{ overflow: hidden; border-radius: 0.1rem; background: #fff; }
.newsPic .imgDiv{ width: 7.0rem; height: 3.64rem; overflow: hidden;}
.newsPic .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.newsPic .conDiv{ width: 6.2rem; padding: 0.5rem 0.7rem 0 0; }
.newsPic .time{ font-size: 0.16rem; color: #295bcd; line-height: 0.16rem; font-family: 'Medium'; padding-bottom: 0.1rem; }
.newsPic .name{ line-height: 0.36rem; font-size: 0.3rem; color: #000; height: 0.72rem; overflow: hidden; }
.newsPic .content{ margin-top: 0.2rem; font-size: 0.16rem; line-height: 0.24rem; height: 0.72rem; overflow: hidden; color: #666; }
.newsPic li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.newsPic li:hover .name{ color: #2759cd; }
.newsPic .swiper-container-horizontal>.swiper-pagination-bullets{ left: 7.8rem; width: auto; bottom: 0.4rem; text-align: left; }
.newsPic .swiper-pagination-bullet{ width: 28px; height: 3px; background: #c0c4c9; border-radius: 4px; opacity: 1; margin: 0 10px 0 0!important;}
.newsPic .swiper-pagination-bullet-active{ background: #0447b7; }

.news .lie{ padding: 1.0rem 0 0.1rem; }
.news .lie ul{ margin-right: -0.42rem; }
.news .lie li{ float: left; width: 33.33%; margin-bottom: 0.5rem; }
.news .lie li .box{ margin-right: 0.42rem; border-radius: 8px; overflow: hidden;}
.news .lie li .imgDiv{ height: 2.28rem; overflow: hidden; }
.news .lie li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.news .lie li .botDiv{ position: relative; padding: 0.4rem 0.34rem 0; height: 3.38rem; background: #fff; }
.news .lie li .botDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 4px; background: #2759cd; }
.news .lie li .time{ font-size: 0.16rem; line-height: 0.16rem; color: #000; font-family:'Medium'; }
.news .lie li .name{ margin-top: 0.28rem; font-size: 0.18rem; line-height: 0.24rem; height: 0.48rem; color: #000; font-weight: bold; }
.news .lie li .content{ margin-top: 0.2rem; color: #666; font-size: 0.14rem; line-height: 0.24rem; height: 0.48rem;}
.news .lie li .more{ margin-top: 0.6rem; font-size: 0.16rem; line-height: 0.16rem; color: #a1a1a1; width: 0.9rem; background: url(../images/nimg14_2.png) right bottom no-repeat; background-size: 0.14rem; }
.news .lie li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.news .lie li .box:hover .botDiv:after{ width: 100%; }
.news .lie li .box:hover .name{ color: #2759cd; }
.news .lie li .box:hover .more{ color: #2759cd; background: url(../images/nimg14_1on.png) right bottom no-repeat; background-size: 0.14rem;}

.newShow{ padding: 0.8rem 0 1.0rem; }
.newShow .name{ font-size: 0.4rem; color: #000; text-align: center; line-height: 0.6rem; font-weight: 400; }
.newShow .msg{ line-height: 0.36rem; text-align: center; padding-top: 0.1rem; padding-bottom: 0.5rem; border-bottom: #2759cd solid 2px; }
.newShow .msg em{ padding: 0 12px; font-size: 0.16rem; font-family: 'Regular';}
.newShow .content{ padding: 0.75rem 0 1.8rem; font-size: 0.16rem; line-height: 0.3rem; }
.newShow .imgDiv{ text-align: center; }
.newShow .content img{ max-width: 12.0rem; }
.newShow .backBtn a{ display: block; position: relative; }
.newShow .backBtn .ico{ position: relative; }
.newShow .backBtn .ico:before{ content: ''; position: absolute; left: 0; top: 50%; width: 44.6%; height: 1px; background: #d2d2d2; }
.newShow .backBtn .ico:after{ content: ''; position: absolute; right: 0; top: 50%; width: 44.6%; height: 1px; background: #d2d2d2; }
.newShow .backBtn .ico em{ display: block; width: 0.9rem; height: 0.9rem; margin: 0 auto; border: #d4d4d4 solid 1px; background: url(../images/nimg40_1.png) center no-repeat; background-size: 0.4rem; box-sizing: border-box; border-radius: 50%; }
.newShow .backBtn p{ text-align: center; font-size: 16px; line-height: 16px; padding-top: 0.2rem; color: #747b80; }
.newShow .backBtn a:hover .ico em{ border: #2759cd solid 1px; background: #2759cd url(../images/nimg40_1on.png) center no-repeat; background-size: 0.4rem;}

.pageDown{ overflow: hidden; }
.pageDown li{ float: left;}
.pageDown li:last-child{ float: right; }
.pageDown li a{ display: block; font-size: 0.16rem; color: #747b80; width: 2.18rem; height: 0.6rem; line-height: 0.6rem; text-align: center; border: #d2d2d2 solid 1px; border-radius: 0.48rem;}
.pageDown li a:hover{ border: #2759cd solid 1px; background: #2759cd; color: #fff; }

.otherNews{ padding: 1.2rem 0; background: #f3f5f8; }
.otherNews .title{ text-align: center; padding-bottom: 0.5rem; color: #000; font-size: 0.48rem; line-height: 0.48rem; font-weight: bold; }
.otherNews .list ul{ margin-right: -0.42rem; }
.otherNews .list li{ float: left; width: 33.33%; }
.otherNews .list li .box{ margin-right: 0.42rem; border-radius: 8px; overflow: hidden;}
.otherNews .list li .imgDiv{ height: 2.28rem; overflow: hidden; }
.otherNews .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.otherNews .list li .botDiv{ position: relative; padding: 0.4rem 0.34rem 0; height: 3.38rem; background: #fff; }
.otherNews .list li .botDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 4px; background: #2759cd; }
.otherNews .list li .time{ font-size: 0.16rem; line-height: 0.16rem; color: #000; font-family:'Medium'; }
.otherNews .list li .name{ margin-top: 0.28rem; font-size: 0.18rem; line-height: 0.24rem; height: 0.48rem; color: #000; font-weight: bold; }
.otherNews .list li .content{ margin-top: 0.2rem; color: #666; font-size: 0.14rem; line-height: 0.24rem; height: 0.48rem;}
.otherNews .list li .more{ margin-top: 0.6rem; font-size: 0.16rem; line-height: 0.16rem; color: #a1a1a1; width: 0.9rem; background: url(../images/nimg14_2.png) right bottom no-repeat; background-size: 0.14rem; }
.otherNews .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.otherNews .list li .box:hover .botDiv:after{ width: 100%; }
.otherNews .list li .box:hover .name{ color: #2759cd; }
.otherNews .list li .box:hover .more{ color: #2759cd; background: url(../images/nimg14_1on.png) right bottom no-repeat; background-size: 0.14rem;}

.contactP1{ padding: 1.2rem 0; overflow: hidden; }
.contactP1 .conDiv{ width: 5.42rem; }
.contactP1 .msg{ padding: 0.3rem 0 0.32rem; color: #000; font-size: 0.18rem; line-height: 0.3rem; text-align: justify; }
.contactP1 .list li{ margin-bottom: 0.4rem; position: relative; min-height: 0.54rem; padding-left: 0.7rem; }
.contactP1 .list li:last-child{ margin-bottom: 0; }
.contactP1 .list li .ico{ position: absolute; left: 0; top: 0; width: 0.54rem; height: 0.54rem; border-radius: 50%; background: #2759cd; }
.contactP1 .list li .ico img{ position: absolute; left: 50%; top: 50%; margin-left: -11px; margin-top: -11px; }
.contactP1 .list li .txt{ font-size: 0.24rem; line-height: 0.24rem; height: 0.35rem; color: #000; }
.contactP1 .list li .wen{ font-size: 0.18rem; line-height: 0.18rem; font-family: 'Regular'; }
.contactP1 .imgDiv{ width: 50%; overflow: hidden; border-radius: 0.1rem; }
.contactP1 .imgDiv img{ width: 100%; }

.contactP2{ padding: 1.2rem 0; background: #f3f5f8 url(../images/contactP2.png) center bottom no-repeat; background-size: 100%; }
.contactP2 .indexTxt{ text-align: center; }
.contactP2 .mxfDiv{ margin-top: 0.5rem; background: #fff; height: 7.6rem; border-radius: 0.1rem; overflow: hidden;}
.contactP2 .leftDiv{ width: 50%; position: relative; }
.contactP2 .imgDiv img{ width: 100%; }

.contactP2 .rightDiv{ width: 50%; padding: 0.8rem 0.6rem 0; }
.contactP2 .form ul{ margin-right: -0.2rem; }
.contactP2 .form li{ float: left; width: 50%; padding-bottom: 0.32rem; position: relative; }
.contactP2 .form .li01{ width: 100%; }
.contactP2 .form li .box{ margin-right: 0.2rem; }
.contactP2 .form li .txt{ height: 0.28rem; font-size: 0.16rem; line-height: 0.16rem; color: #000; }
.contactP2 .form li .txt em{ color: #e90505; }
.contactP2 .form li .input1{ padding-left: 0.15rem; width: 100%; font-size: 0.14rem; height: 0.48rem; line-height: 0.46rem; color: #999; border-radius: 8px; border: #dcdcdc solid 1px;}
.contactP2 .form li .input1::-webkit-input-placeholder{ color: #999; opacity: 1;}
.contactP2 .form li .input1:-moz-placeholder{ color: #999; opacity: 1;}
.contactP2 .form li .input1::-moz-placeholder{ color: #999; opacity: 1;}
.contactP2 .form li .input1:-ms-input-placeholder{ color: #999; opacity: 1;}
.contactP2 .single{ overflow: hidden; }
.contactP2 .single dd{ float: left; padding-left: 30px; cursor: pointer; background: url(../images/nimg22Bg.png) left center no-repeat; font-size: 14px; line-height: 0.48rem; color: #999; margin-right: 0.45rem;}
.contactP2 .single dd.on{ background: #fff url(../images/nimg22Bgon.png) left center no-repeat; }

.contactP2 .select{ width: 100%; height: 0.48rem; position: relative; }
.contactP2 .caption { border: #dcdcdc solid 1px; position: relative; cursor: pointer; height: 0.48rem; line-height: 0.48rem; padding: 0 0.5rem 0 0.15rem; font-size: 0.14rem; color: #999; border-radius: 8px; text-overflow: ellipsis; white-space: nowrap; background: #fff url(../images/selectIco2.png) right center no-repeat;overflow: hidden; }
.contactP2 .xlist { width: 100%; position: absolute; left: 0; top: 100%; z-index: 12; background: #fff; max-height: 2.25rem; overflow-y: auto; display: none; border: 1px solid #dcdcdc; border-top: none; border-radius: 8px; box-sizing: border-box;}
.contactP2 .xlist::-webkit-scrollbar { width: 3px;}
.contactP2 .xlist::-webkit-scrollbar-track { background-color: #ddd;}
.contactP2 .xlist::-webkit-scrollbar-thumb { background-color: #2759cd;} 
.contactP2 .xlist a { font-family: 'Regular'; display: block; font-size: 0.14rem; color: #999; line-height: 0.24rem; padding: 0 0.15rem; text-align: left; border-bottom: 1px solid #dcdcdc;}
.contactP2 .xlist a:hover, .contactP2 .xlist a.on { color: #2759cd;}
.contactP2 .xlist a:last-child { border-bottom: none;}
.contactP2 .btnDiv a{ display: block; font-size: 0.16rem; width: 100%; height: 0.48rem; line-height: 0.48rem; text-align: center; color: #fff; background: #295bcd; border-radius: 0.48rem; }
.contactP2 .btnDiv a:hover{ background: #1749bc; }

.solutionP1{ padding: 1.1rem 0 1.2rem; }
.solutionP1 .rightDiv{ width: 50%; }
.solutionP1 .content{ font-size: 0.18rem; line-height: 0.32rem; color: #000; text-align: justify; }
.solutionP1 .imgDiv{ clear: both; padding-top: 1.0rem;}
.solutionP1 .imgDiv img{ width: 100%; }


.solutionP2{ padding: 1.0rem 0 1.2rem; background: #f3f5f8; }
.solutionP2 .title{ text-align: center; padding-bottom: 0.4rem; color: #000; font-size: 0.48rem; line-height: 0.48rem; font-weight: bold;}
.solutionP2 .list ul{ margin-right: -0.45rem; }
.solutionP2 .list li{ float: left; width: 33.33%; }
.solutionP2 .list li .box{ margin-right: 0.45rem; }
.solutionP2 .list li .imgDiv{ height: 3.6rem; border-radius: 10px; overflow: hidden; background: #fff; }
.solutionP2 .list li .imgDiv img{ max-width: 2.6rem; max-height: 2.6rem; }
.solutionP2 .list li .botDiv{ margin-top: 0.2rem; }
.solutionP2 .list li .txt{ font-size: 0.24rem; color: #000; line-height: 0.4rem; height: 0.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.solutionP2 .list li .name{ height: 0.3rem; line-height: 0.3rem; font-size: 0.18rem; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.solutionP2 .list li .box:hover .imgDiv{ box-shadow: 0 0 0.2rem 0 rgba(39,89,205,0.32); }
.solutionP2 .list li .box:hover .txt{ color: #2759cd; }

.job{ padding: 1.2rem 0; }
.job .indexTxt{ text-align: center; margin-bottom: 0.5rem; }
.jobTop{ height: 0.9rem; background: #e8e8eb; }
.jobTop li{ float: left; height: 0.9rem; line-height: 0.9rem; font-size: 0.18rem; color: #000; font-weight: bold; }
.jobTop .li01{ width: 4.0rem; text-align: left; padding-left: 0.5rem; }
.jobTop .li02{ width: 2.8rem; }
.jobTop .li03{ width: 3rem; }
.jobTop .li04{ width: 2.9rem; }
.jobTop .li05{ float: right; width: 1.3rem; }

.job .list{ border-bottom: #e9e9e9 solid 1px; margin-bottom: 0.6rem;}
.job .list li{ position:relative; border-top: #e9e9e9 solid 1px;}
.job .list li .msgDiv{ height: 0.9rem; position:relative; overflow: hidden;}
.job .list li .msgDiv a{ display: block; height: 0.9rem;}
.job .list li .txt{ position: absolute; right: 0; top: 0; font-size: 0.16rem; line-height: 0.9rem; width: 1.3rem; color: #666; }
.job .list li .txt span{ display: block; width: 54px; background: url(../images/ico3.png) right center no-repeat;}
.job .list li .txt em{ display: block; color: #fff; width: 54px; background: url(../images/ico3on.png) right center no-repeat; }
.job .list li .box{ display:none; padding: 0.4rem 0.5rem 0.55rem;}
.job .list li .msgDiv dd{ height: 0.9rem; float:left; line-height:0.9rem; font-size: 0.16rem; color: #666; }
.job .list li .msgDiv .dd01{ width: 4.0rem; padding-left: 0.5rem; padding-right: 0.2rem; }
.job .list li .msgDiv .dd02{ width: 2.8rem;}
.job .list li .msgDiv .dd03{ width: 3rem; }
.job .list li .msgDiv .dd04{ width: 2.9rem; }
.job .list li .msgDiv.aNow{ background: #2759cd; }
.job .list li .msgDiv.aNow dd{ color: #fff; }
.job .list li .msgDiv.aNow:after{ color: #fff; }
.job .list li .msgDiv.aNow .txt span, .job .list li .msgDiv.aNow .txt em{transform:translateY(-0.9rem);-webkit-transform:translateY(-0.9rem);-moz-transform:translateY(-0.9rem)}
.job .list li h2{ font-size: 0.18rem; line-height: 0.18rem; padding-bottom: 0.2rem; color: #2759cd; font-weight: 400; }
.job .list li .content{ line-height: 0.3rem; padding-bottom: 0.25rem; font-size: 0.16rem;}
.job .list li .email{ font-size: 0.18rem; line-height: 0.18rem; color: #2759cd; }

.aboutP1{ padding-top: 1.1rem; }
.aboutP1 .rightDiv{ width: 50%; }
.aboutP1 .content{ font-size: 0.18rem; line-height: 0.32rem; color: #000; text-align: justify; }
.aboutP1 .imgDiv{ clear: both; padding-top: 1.0rem;}
.aboutP1 .imgDiv img{ width: 100%; }

.aboutP2{ padding: 1.2rem 0 2.8rem; background: url(../images/aboutP2.png) center bottom no-repeat; background-size: 100%;}
.historyPic{ position: relative; margin-top: 0.7rem; }
.historyPic:before{ content: ''; position: absolute; left: 0; top: 65px; width: 100%; height: 2px; background: #e7e7e7; }
.historyPic .box-container .year-swiper{ padding: 0 60px; height: 86px; }
.historyPic .box-container .swiper-slide{ height: 86px; cursor: pointer; position: relative; text-align: center; color: #000; }
.historyPic .box-container .swiper-slide .year{ font-family: 'SemiBold'; font-size: 18px; line-height: 18px; height: 65px; }
.historyPic .box-container .swiper-slide .ico{ position: absolute; left: 50%; margin-left: -20px; bottom: 0; width: 40px; height: 40px; background: #fff; border: #e8e8e8 solid 1px; border-radius: 50%; }
.historyPic .box-container .swiper-slide .ico:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -7px; margin-top: -7px; width: 14px; height: 14px; background: #e7e7e7; border-radius: 50%; }
.historyPic .box-container .swiper-slide-active .ico{ border: #2759cd solid 1px; }
.historyPic .box-container .swiper-slide-active .ico:after{ background: #2759cd; }
.historyPic .box-container .se{ position: absolute; top: 40px; width: 50px; height: 50px; border-radius: 50%; border: #e7e7e7 solid 2px; z-index: 5;}
.historyPic .box-container .prev { left: 50%; margin-left: -7.5rem; background: #fff url(../images/nimg14_left.png) no-repeat center; }
.historyPic .box-container .next { right: 50%; margin-right: -7.5rem; background: #fff url(../images/nimg14_right.png) no-repeat center; }
.historyPic .box-container .prev:hover{ border: #2759cd solid 2px; background: #2759cd url(../images/nimg14_lefton.png) no-repeat center;}
.historyPic .box-container .next:hover{ border: #2759cd solid 2px; background: #2759cd url(../images/nimg14_righton.png) no-repeat center;}

.historyPic .detail-box .item { display: none; position: relative; padding-top: 1.0rem; overflow: hidden;}
.historyPic .detail-box .item.on { display: block; animation: fadeOfOpacity .5s linear;}
.historyPic .detail-box .item .year{ text-align: right; width: 50%; padding-right: 1.0rem; font-family: 'SemiBold'; font-size: 1.2rem; color: #2759cd; line-height: 1.0rem; animation: am_left 0.4s ease-in-out 0.4s backwards; -webkit-animation: am_left 0.4s ease-in-out 0.4s backwards; }
.historyPic .detail-box .item .content{ width: 50%; animation: am_right 0.4s ease-in-out 0.4s backwards; -webkit-animation: am_right 0.4s ease-in-out 0.4s backwards;}
.historyPic .detail-box .item .content li{ position: relative; font-size: 0.18rem; color: #333; padding-left: 20px; line-height: 0.32rem; }
.historyPic .detail-box .item .content li:before{ content: ''; position: absolute; left: 0; top: 0.12rem; width: 6px; height: 6px; background: #2759cd; border-radius: 50%; }

.aboutP3{ padding-top: 1.2rem; height: 8.06rem; background: url(../images/aboutP3.jpg) center no-repeat; background-size: cover; }
.aboutP3 .indexTxt{ text-align: center; margin-bottom: 0.5rem; }
.aboutP3 .indexTxt .en, .aboutP3 .indexTxt .cn{ color: #fff;}
.honorPic .swiper-container { padding-bottom: 0.75rem; overflow: hidden; position: static; }

.honorPic .box{ cursor: pointer; position: relative; text-align: center;}
.honorPic .mxfDiv{ /* max-width: 3.5rem;*/ height: 2.26rem; background: #fff; border: #f2d69e solid 2px; box-sizing: border-box; position: relative; }
.honorPic .imgDiv{ width: 100%; height: 100%;}
.honorPic .imgDiv img{ max-width: 2.86rem; max-height:2.1rem;  }
.honorPic .name{ margin-top: 0.3rem; text-align: center; padding: 0 0.4rem; font-size: 0.18rem; line-height: 0.24rem; height: 0.48rem; color: #fff; overflow: hidden; }
.honorPic .bottom{ position: relative; display: flex; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; align-items: center;}
.honorPic .swiper-pagination { position: relative; width: calc(100% - 1.8rem); height: 2px; background-color: #e6e8ea;}
.honorPic .swiper-pagination .swiper-pagination-progressbar{ height: 2px; background: #517ad5; position: absolute; left: 0; top: 0; z-index: 10; width: 100%; transform-origin: left center;}
.honorPic .arrowDiv{ font-size: 0; }
.honorPic .arrowDiv .se{ position: relative; display: inline-block; width: 58px; height: 58px; border-radius: 50%; }
.honorPic .arrowDiv .prev{ margin-right: 0.2rem; background: #f7f9fc url(../images/nimg14_left.png) center no-repeat; }
.honorPic .arrowDiv .next{ background: #f7f9fc url(../images/nimg14_right.png) center no-repeat; }
.honorPic .arrowDiv .prev:hover{ background: #3e73d5 url(../images/nimg14_lefton.png) center no-repeat;}
.honorPic .arrowDiv .next:hover{ background: #3e73d5 url(../images/nimg14_righton.png) center no-repeat;}

.aboutP4{ background: #f7f9fc; padding: 1.2rem 0; }
.aboutP4 .indexTxt{ text-align: center; margin-bottom: 0.5rem; }
.casePic{ position: relative; }
.casePic .imgList{ overflow: hidden; }
.casePic .imgList li .box{ border-radius: 0.2rem; overflow: hidden; }
.casePic .imgList li .imgDiv{ height: 4.02rem; }
.casePic .imgList li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.casePic .imgList li .botDiv{ background: #fff; height: 1.76rem; padding: 0.25rem 0.3rem 0; overflow: hidden; }
.casePic .imgList li .name{ font-size: 0.3rem; height: 0.4rem; line-height: 0.4rem; color: #000; }
.casePic .imgList li .msg{ margin-top: 0.08rem; font-size: 0.16rem; line-height: 0.28rem; }
.casePic .se{ position: absolute; display: block; width: 50px; height: 50px; top: 1.75rem; z-index: 2; border-radius: 50%; }
.casePic .prev{ left: 50%; margin-left: -8.1rem; background: #e2e4e7 url(../images/nimg14_left.png) center no-repeat; }
.casePic .next{ right: 50%; margin-right: -8.1rem; background: #e2e4e7 url(../images/nimg14_right.png) center no-repeat; }
.casePic .prev:hover{ background: #2759cd url(../images/nimg14_lefton.png) center no-repeat;}
.casePic .next:hover{ background: #2759cd url(../images/nimg14_righton.png) center no-repeat;}

.aboutP5{ padding: 1.2rem 0 1.0rem; }
.aboutP5 .indexTxt{ text-align: center; margin-bottom: 0.5rem; }
.aboutP5 .list ul{ margin-right: -0.2rem; }
.aboutP5 .list li{ float: left; width: 20%; margin-bottom: 0.2rem;}
.aboutP5 .list li .box{ margin-right: 0.2rem; height: 1.26rem; border-radius: 0.1rem; }
.aboutP5 .list li .box img{ max-width: 2rem; max-height: 0.96rem; }

.productBan{ height: 8.2rem; background: center no-repeat; background-size: cover; }
.productBan .pageNow{ background: none; padding-left: 22px; line-height: 0.7rem; background: url(../images/nimg12_1.png) left center no-repeat; }
.productBan .pageNow a{ color: #999; }
.productBan .pageNow a:after{ background:url(../images/ico4.png) center no-repeat; }
.productBan .pageNow em{ color: #999; }
.productBan .mxfDiv{ margin-top: 0.3rem; }
.productBan .leftImg{ width: 50%; height: 5.76rem; background: #fff; border-radius: 0.16rem; }
.productBan .leftImg img{ max-width: 4.8rem; max-height: 4.8rem; }
.productBan .rightDiv{ width: 6.0rem; padding-top: 0.7rem; }
.productBan h1{ font-weight: 400; font-family: 'SemiBold'; font-size: 0.48rem; line-height: 0.56rem; color: #000; }
.productBan .name{ margin-top: 0.1rem; font-size: 0.3rem; line-height: 0.48rem; color: #000; }
.productBan .content{ margin-top: 0.3rem; font-size: 0.16rem; line-height: 0.3rem; text-align: justify; }
.productBan .btnDiv{ margin-top: 0.9rem; }
.productBan .btnDiv a{ width: 1.86rem; color: #0044d7; font-size: 0.16rem; height: 0.48rem; border-radius: 0.48rem; border: #c0cfee solid 1px; }
.productBan .btnDiv em{ margin-left: 12px; width: 14px; height: 14px; background: url(../images/nimg14_1on.png) no-repeat; }
.productBan .btnDiv a:hover{ border: #0044d7 solid 1px; background: #0044d7; color: #fff; }
.productBan .btnDiv a:hover em{ background: url(../images/nimg14_1.png) no-repeat;}

.productP1{ padding: 1.2rem 0; }
.productP1 .leftDiv{ width: 5.5rem; }
.productP1 .title{ font-size: 0.48rem; line-height: 0.48rem; color: #000; font-weight: bold; margin-bottom: 0.4rem; }
.productP1 .msgList li{ position: relative; padding-left: 0.2rem; font-size: 0.18rem; line-height: 0.36rem; color: #333; }
.productP1 .msgList li:before{ content: ''; position: absolute; left: 0; top: 0.15rem; width: 6px; height: 6px; background: #295bcd; border-radius: 50%; }
.productP1 .rightImg{ width: 50%; border: #e9ecf1 solid 1px; border-radius: 0.2rem; overflow: hidden; }
.productP1 .rightImg img{ width: 100%; }

.productP2{ padding-bottom: 1.2rem; }
.productP2 .title{ font-size: 0.48rem; line-height: 0.48rem; color: #000; font-weight: bold; margin-bottom: 0.5rem; }

.productP2 .mxfDiv{ position: relative; }
.productP2 .detail-box{ position: absolute; right: 0; top: 50%; margin-top: -2.24rem; width: 5.94rem; height: 4.48rem; background: #fff; box-shadow: 0 0 0.18rem 0 rgba(0,0,0,0.08); border-radius: 0.16rem; overflow: hidden; z-index: 3; }
.productP2 .detail-box .item { display: none; position: relative; }
.productP2 .detail-box .item.on { display: block; animation: fadeOfOpacity .5s linear;}
.productP2 .img-swiper{ overflow: hidden; }
.productP2 .limg{ width: 9.34rem; height: 5.68rem; border-radius: 0.1rem; overflow: hidden; }
.productP2 .limg img{ width: 100%; height: 100%; object-fit: cover; }
.productP2 .conDiv{ padding: 0.75rem 0.8rem 0; }
.productP2 .conDiv .name{ font-size: 0.24rem; line-height: 0.36rem; color: #000; }
.productP2 .conDiv .msg{ margin-top: 0.15rem; height: 1.2rem; padding-right: 8px; color: #333; line-height: 0.3rem; font-size: 0.16rem; padding-right: 8px; text-align: justify; overflow: auto; }
.productP2 .conDiv .msg::-webkit-scrollbar { width: 2px;}
.productP2 .conDiv .msg::-webkit-scrollbar-track { background-color: #ebebeb;}
.productP2 .conDiv .msg::-webkit-scrollbar-thumb { background-color: #2759cd;}
.productP2 .arrowDiv{ position: absolute; left: 0.8rem; bottom: 0.8rem; z-index: 4; }
.productP2 .se{ display: block; position: relative; width: 50px; height: 50px; float: left; border-radius: 50%; }
.productP2 .prev{ background: #e2e4e7 url(../images/nimg14_left.png) center no-repeat;}
.productP2 .next { margin-left: 0.25rem; background: #e2e4e7 url(../images/nimg14_right.png) center no-repeat; }
.productP2 .prev:hover{ background: #2759cd url(../images/nimg14_lefton.png) center no-repeat;}
.productP2 .next:hover{ background: #2759cd url(../images/nimg14_righton.png) center no-repeat; }

.productP3{ padding-bottom: 1.2rem; }
.productP3 .title{ margin-bottom: 0.3rem; font-size: 0.48rem; line-height: 0.48rem; color: #000; font-weight: bold; }
.productP3 .list .name{ height: 0.6rem; line-height: 0.6rem; background: #f6f6f6; color: #333; font-size: 0.18rem; padding-left: 0.3rem; }
.productP3 .table table th{ padding-left: 0.3rem; font-size: 0.18rem; color: #295bcd; font-weight: 400; height: 0.6rem; background: #f3f5f8; }
.productP3 .table table td{ border-bottom: #e9ecf1 solid 1px; font-size: 0.16rem; color: #333; line-height: 0.24rem; padding: 0.16rem 0.3rem; }