/*banner*/
.ind-banner{ width: 100%; overflow: hidden; position:relative;} 
.ind-banner .banner_index:after{ content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 1.57rem; background: url(../images/bannerBg.png) no-repeat left bottom; background-size: 100%; z-index: 1;}
.ind-banner .swiper-slide {position: relative; }
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .swiper-slide .img img{ width: 100%; }
.ind-banner .onebox{ position: absolute; left: 50%; margin-left: -7.68rem; z-index: 2; top: 25%; }
.ind-banner .onebox h2{ font-size: var(--fs72); line-height: 0.96rem; font-family: 'MiSans-B'; font-weight: 400; color: #fff;}
.ind-banner .onebox h3{ margin-top: 0.35rem; font-size: var(--fs36); line-height: 0.36rem; font-weight: 400; color: #fff;}


.ind-banner .onebox{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 .onebox{
  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 .swiper-pagination{ width: 100%; bottom: 1.6rem; z-index:2; } 
.ind-banner .swiper-pagination-bullet { position: relative; display: inline-block; width: 12px; height: 12px; opacity: 1; background: #fff; border: none; box-sizing:border-box; border-radius: 50%; margin: 0 8px!important; } 
.ind-banner .swiper-pagination-bullet-active { background-image: linear-gradient(90deg, #0f0690 0%, #1b83bc 100%); background-blend-mode: normal, normal; } 


.indMore a{ display: block; overflow: hidden; position: relative; width: 1.9rem; height: 0.6rem; line-height: 0.6rem; font-size: var(--fs16); color: #fff; text-align: center; font-family:'Mont-R'; border-radius: 0.48rem; text-transform: uppercase; box-shadow: 0 0.1rem 0.24rem 0 rgba(15,4,143,0.16); }
.indMore a:after{ content: ""; display: block; width: 0; height: 100%; position: absolute; top: 0; left: 0; background-image: linear-gradient(90deg,#1b83bc 0,#0f0690); transition: 0.5s;}
.indMore p{ position: relative; z-index: 1; width: 100%; height: 100%; }
.indMore a:hover:after{ width:100%;}

.indTxt{ font-weight: 400; font-size: var(--fs48); color: #1f3c88; line-height: 0.48rem; font-family:'Mont-B'; text-transform: uppercase;}

.indexP1{ position: relative; padding-top: 1.2rem; height: 7.6rem; background: url(../images/indexP1.jpg) center bottom no-repeat; background-size: cover; }
.indexP1 .leftDiv{ width: 6.2rem; }
.indexP1 .wen{ font-size: var(--fs24); line-height: 0.24rem; color: #1f3c88; margin-bottom: 0.15rem; font-family: 'Mont-R'; text-transform: uppercase; }
.indexP1 .txt{ font-size: var(--fs48); line-height: 0.48rem; color: #1f3c88; text-transform: uppercase; margin-bottom: 0.3rem; font-family:'Mont-B'; }
.indexP1 .content{ font-size: var(--fs16); line-height: 0.3rem;}
.indexP1 .indMore{ margin-top: 0.6rem; }
.indexP1 .rightDiv{ position: absolute; right: 50%; margin-right: -7.68rem; bottom: 0; width: 7.52rem; height: 6.85rem;}
.indexP1 .rightDiv .layer{ position: absolute; left: -0.4rem; top: 0; width: 2.22rem; height: 3.04rem; z-index: 2; }
.indexP1 .rightDiv .layer:before{ content: ''; position: absolute; left: 0; top: 0; width: 2.22rem; height: 1.75rem; background: url(../images/tuzi.png) no-repeat; background-size: 2.22rem; }
.indexP1 .rightDiv .playBtn a{ position: absolute; right: 0.24rem; bottom: 0; display: block; width: 1.55rem; height: 1.55rem; background: url(../images/playBg.png) center no-repeat; background-size: 1.55rem; }
.indexP1 .rightDiv .playBtn img{ position: absolute; left: 50%; top: 50%; margin-left: -0.38rem; margin-top: -0.38rem; width: 0.75rem; }
.indexP1 .rightDiv .playBtn:hover img{ transform:rotate(360deg); }
.indexP1 .rightDiv .playBtn .videoDiv{ display: none; }
.indexP1 .rightDiv .mxfDiv{ width: 7.52rem; height: 6.54rem; position: absolute; right: 0; bottom: 0; }
.indexP1 .rightDiv .mxfDiv:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 7.42rem; height: 6.44rem; background: url(../images/nimg742Bg.png) no-repeat; background-size: 7.42rem; }
.indexP1 .rightDiv .bigImg{ position: relative; z-index: 1; width: 7.42rem; }
.indexP1 .rightDiv .bigImg img{ width: 100%; }

.videoModal-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; align-items: center; z-index: 999; background: rgba(0, 0, 0, 0.5); display: none;}
.videoModal-box.on {
  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 */
}


.videoLayer{ width: 1200px; margin: 0 auto; background: #fff; padding: 50px; position: relative; box-sizing: border-box;}
.videoLayer .close{position: absolute; display: block; right: 10px; top: 10px; width:30px; height: 30px; background: url(../images/close2.png) no-repeat;}
.videoLayer .videoBox{ position: relative; background: #000; overflow: hidden; height: 5.8rem; }
.videoLayer video{ max-width:1100px; max-height:5.8rem; position:absolute; top:50%; transform: translateY(-50%); left:0; right: 0; margin: 0 auto; object-fit:cover;}

.indexP2{ padding: 1.2rem 0 1.3rem; background: #dfe8ff; }
.indexP2 .indTxt{ text-align: center; margin-bottom: 0.56rem; }
.indexP2 .toptop{ padding-bottom: 0.5rem; position: relative; overflow: hidden;}
.indexP2 .tabDiv{ text-align: center; }
.indexP2 .tabDiv ul{ font-size: 0; }
.indexP2 .tabDiv li{ display: inline-block; font-size: var(--fs16); margin: 0 0.15rem; }
.indexP2 .tabDiv li .box{ cursor: pointer; text-align: center; width: 2.6rem; height: 0.5rem; line-height: 0.5rem; border-radius: 0.48rem; color: #333;}
.indexP2 .tabDiv li.on .box{ font-family:'Mont-B'; color: #fff; background-image: linear-gradient(90deg, #0f0690 0%, #1b83bc 100%); background-blend-mode: normal, normal; }
.indexP2 .more{ position: absolute; right: 0.4rem; top: 0; line-height: 0.5rem; font-size: var(--fs16); }
.indexP2 .more a{ display: block; color: #333; }
.indexP2 .more a:hover{ color: #0f048f; }

.goodsBox{ display: none; position: relative;}
.goodsBox .box{ height: 4.78rem; background: #fff; border-radius: 0.1rem; overflow: hidden; }
.goodsBox .imgDiv{ height: 3.56rem; }
.goodsBox .imgDiv img{ max-width: 3.0rem; max-height: 3.0rem; }
.goodsBox .botDiv{ height: 1.22rem; padding: 0.25rem 0.3rem 0; }
.goodsBox .name{ font-size: var(--fs18); color: #333; text-align: center; height: 0.36rem; line-height: 0.36rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family:'Mont-B'; }
.goodsBox .look{ font-size: var(--fs14); text-align: center; margin-top: 0.12rem; font-family: 'Mont-L'; text-transform: uppercase;}
.goodsBox .look em{ color: #666; padding-right: 16px; background: url(../images/ico1.png) right center no-repeat;}
.goodsBox .se{ position: absolute; display: block; top: 50%; width: 24px; height: 43px; z-index: 3; }
.goodsBox .prev{ left: 50%; margin-left: -8.28rem; background: url(../images/nimg24_left.png) no-repeat;  }
.goodsBox .next{ right: 50%; margin-right: -8.28rem; background: url(../images/nimg24_right.png) no-repeat;  }
.goodsBox .prev:hover{ background: url(../images/nimg24_lefton.png) no-repeat; }
.goodsBox .next:hover{ background: url(../images/nimg24_righton.png) no-repeat; }
.goodsBox .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.goodsBox .box:hover .botDiv{ background-image: linear-gradient(90deg, #0f0690 0%, #1b83bc 100%); background-blend-mode: normal, normal;}
.goodsBox .box:hover .name{ color: #fff; }
.goodsBox .box:hover .look em{ color: #fff; background: url(../images/ico1on.png) right center no-repeat; }

.indexP2 .indMore{ width: 1.9rem; margin: 0.6rem auto 0;}

.indexP3{ padding: 1.3rem 0; position: relative; overflow: hidden; }
.indexP3 .leftDiv{ position: absolute; left: 50%; top: 1.3rem; margin-left: -7.68rem; width: 3.6rem; }
.indexP3 .indTxt{ width: 2.1rem; color: #0f048f; }
.indexP3 .msg{ margin: 0.6rem 0 1.8rem; font-size: var(--fs24); color: #202020; line-height: 0.48rem; text-transform: uppercase; }
.indexP3 .se{ display: block; position: relative; width: 0.6rem; height: 0.6rem; border-radius: 50%; border: #e1e1e1 solid 1px; }
.indexP3 .se:hover{ border: none; background-image: linear-gradient(90deg, #0f0790 0%, #1b86bd 100%); background-blend-mode: normal, normal; box-shadow: 0 0.1rem 0.24rem 0 rgba(15,4,143,0.16);}
.indexP3 .prev{ margin-bottom: 0.3rem; }
.indexP3 .prev:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -8px; margin-top: -5px; width: 15px; height: 10px; background: url(../images/nimg15_left.png) no-repeat; }
.indexP3 .next:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -8px; margin-top: -5px; width: 15px; height: 10px; background: url(../images/nimg15_right.png) no-repeat; }
.indexP3 .prev:hover:after{ background: url(../images/nimg15_lefton.png) no-repeat; }
.indexP3 .next:hover:after{ background: url(../images/nimg15_righton.png) no-repeat; }
.indexP3 .rightDiv{ width: 70%; }
.indNews{ position: relative; padding-bottom: 0.85rem; }
.indNews .box a{ display: block; position: relative; overflow: hidden; border-radius: 0.1rem; }
.indNews .box a:before{ z-index: 1; content: ''; opacity: 0; position: absolute; right: 27px; bottom: 27px; width: 16px; height: 16px; background: url(../images/ico3.png) no-repeat; }
.indNews .box a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 468px; background: url(../images/bg1.png) repeat-x; }
.indNews .box .imgDiv{ height: 5.8rem; }
.indNews .box .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.indNews .box .txt{ width: 100%; height: 2.05rem; padding:0 0.4rem; position: absolute; left: 0; bottom: 0; z-index: 1; }
.indNews .box .txt .name{ font-size: var(--fs18); height: 1.2rem; line-height: 0.3rem; overflow:hidden; color: #fff; }
.indNews .box .txt .zi{ font-size: var(--fs14); line-height: 0.24rem; color: rgba(255,255,255,0.7); height: 0; overflow:hidden; font-family:'Mont-L'; }
.indNews .box .txt .time{ margin-top: 0.25rem; font-size: var(--fs14); color: #fff; font-family:'Mont-L';}
/*.indNews .box .txt.on{ height: 100%; background: rgba(230,0,18,0.9); }*/
.indNews .box a:hover:before{ opacity: 1; }
.indNews .box a:hover:after{ height: 100%; opacity: 0.9; background-image: linear-gradient(90deg, #0f0790 0%, #1b86bd 100%); background-blend-mode: normal, normal; }
.indNews .box a:hover .txt{ padding: 0.8rem 0.4rem 0; height: 100%; }
.indNews .box a:hover .zi{ margin-top: 0.35rem; height: 0.96rem; }

.indNews .swiper-pagination {/* position: relative;*/ bottom: 0!important; width: 100%; height: 6px; background-color: #f5f5f5;}
.indNews .swiper-pagination-progress .swiper-pagination-progressbar{ height: 6px; background-image: linear-gradient(90deg, #0f0790 0%, #1b86bd 100%); background-blend-mode: normal, normal; position: absolute; left: 0; top: 0; z-index: 10; width: 100%; transform-origin: left center;}

.indexP4{ padding: 1.4rem 0 0.75rem; background: #f7f7f7;}
.indexP4 .indTxt{ text-align: center; margin-bottom: 0.3rem; }
.indexP4 .msg{ font-size: var(--fs18); text-align: center; line-height: 0.3rem; margin-bottom: 0.5rem; }
.indPartner .imgDiv{ cursor: pointer; height: 1.4rem; border-radius: 0.16rem; background: #fff; overflow: hidden; }
.indPartner .imgDiv img{ max-width: 2.0rem; max-height: 1.2rem; }
.indPartner .imgDiv:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indPartner .swiper-pagination{ position: relative; width: 100%; bottom: 0; padding-top: 0.5rem;} 
.indPartner .swiper-pagination-bullet { position: relative; display: inline-block; width: 14px; height: 14px; opacity: 1; background: #fff; border: #1f3c88 solid 1px; margin: 0 8px!important; } 
.indPartner .swiper-pagination-bullet-active { background: #1f3c88;} 

.aboutP1{ padding: 1.2rem 0 1.4rem; }
.aboutP1 .name{ font-weight: 400; text-align: center; color: #1f3c88; font-size: var(--fs36); line-height: 0.36rem; padding: 0.2rem 0 0.55rem; }
.aboutP1 .content{ font-size: var(--fs16); line-height: 0.32rem; padding-bottom: 0.75rem;}
.aboutP1 .videobox{ height: 6.0rem; position: relative; overflow:hidden; border-radius: 0.24rem; }
.aboutP1 .videobox video{/* max-width:15.36rem;*/ width:auto; height:6.0rem;position:absolute;top:50%; transform: translateY(-50%); left:0; right: 0; margin: 0 auto; z-index:-1;visibility:hidden;opacity:0;object-fit:cover;}
.aboutP1 .videobox.cur{ background:#000;}
.aboutP1 .videobox.cur .imgDiv, .aboutP1 .videobox.cur .playbox{z-index:-1;visibility:hidden;opacity:0}
.aboutP1 .videobox.cur video{z-index:2;visibility:visible;opacity:1}
.aboutP1 .videobox .imgDiv{ height: 6.0rem; }
.aboutP1 .videobox .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.aboutP1 .videobox .playbox{ cursor:pointer; position: absolute; left: 50%; width: 1.6rem; height: 1.6rem; top: 50%; margin-top: -0.8rem; margin-left: -0.8rem; z-index: 2; }
.aboutP1 .videobox .playbox:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/playBg2.png) no-repeat; background-size: 100%; border-radius: 50%; -moz-animation:rotate 10s infinite linear;  -webkit-animation:rotate 10s infinite linear;  animation:rotate 10s infinite linear;}
.aboutP1 .videobox .ico img{ position: absolute; left: 50%; top: 50%; margin-left: -13px; margin-top: -16px; width: 26px; z-index: 1; }

.aboutP2 .list ul{ margin-right: -0.2rem; }
.aboutP2 .list li{ float: left; width: 50%; }
.aboutP2 .list li .box{ margin-right: 0.2rem; position: relative; overflow: hidden;}
.aboutP2 .list li .bg{ height: 3.8rem; background: center no-repeat; background-size: cover; }
.aboutP2 .list li .txtLayer{ position: absolute; left: 0; top: 1.35rem; z-index: 2; color: #fff; width: 100%; text-align: center; }
.aboutP2 .list li .name{ font-size: var(--fs48); line-height: 0.48rem; font-family:'Mont-B'; }
.aboutP2 .list li .msg{ margin: 0.4rem auto 0; font-size: var(--fs16); line-height: 0.24rem; width: 4.8rem;}
.aboutP2 .list li .box:hover .bg{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.aboutP2 .list li .box:hover .txtLayer{ top: 1.2rem; }

.aboutP3{ padding: 1.4rem 0; overflow: hidden;}
.aboutP3 .pageTitle{ margin-bottom: 0.7rem; }
.historyPic{ position: relative; }
.historyPic .list{ overflow: hidden; width: 20.6rem;}
.historyPic .swiper-slide .box{ height: 3.1rem; padding: 0.25rem 0.5rem 0 0; position: relative; cursor: pointer; }
.historyPic .swiper-slide .box:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #ebebeb; }
.historyPic .swiper-slide .year{ font-size: var(--fs60); line-height: 0.56rem; color: #333; font-family: 'Mont-R'; }
.historyPic .swiper-slide .msg{ margin-top: 0.35rem; color: #555; font-size: var(--fs18); line-height: 0.36rem; height: 1.8rem; overflow: auto; word-break: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;  }
.historyPic .swiper-slide .msg::-webkit-scrollbar { width: 4px;}
.historyPic .swiper-slide .msg::-webkit-scrollbar-track { background-color: #e5e9ee;}
.historyPic .swiper-slide .msg::-webkit-scrollbar-thumb { background-color: #1f3c88;} 
.historyPic .swiper-slide .box:hover .year{ color: #1f3c88; }
.aboutP3 .bottom{ margin-top: 0.8rem; position: relative; z-index: 2; 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: flex-end;}
.aboutP3 .swiper-pagination { position: relative; width: calc(100% - 2.34rem); height: 2px; background-color: #ebebeb;}
.aboutP3 .swiper-pagination-progress .swiper-pagination-progressbar{ height: 2px; background-color: #0075cf; position: absolute; left: 0; top: 0; z-index: 10; width: 100%; transform-origin: left center;}
.aboutP3 .arrowDiv a{ float: left; position: relative; display: block; width: 0.64rem; height: 0.64rem; border-radius: 50%; border: #e5e5e5 solid 2px; box-sizing: border-box;}
.aboutP3 .arrowDiv .prev:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -7px; margin-top: -5px; width: 14px; height: 11px; background: url(../images/nimg14_left.png) no-repeat; }
.aboutP3 .arrowDiv .next{ margin-left: 0.24rem; }
.aboutP3 .arrowDiv .next:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -7px; margin-top: -5px; width: 14px; height: 11px; background: url(../images/nimg14_right.png) no-repeat; }
.aboutP3 .arrowDiv a:hover{ border: none; background-image: linear-gradient(90deg, #0f0690 0%, #1b83bc 100%); background-blend-mode: normal, normal;}
.aboutP3 .arrowDiv .prev:hover:after{ background: url(../images/nimg14_lefton.png) no-repeat;}
.aboutP3 .arrowDiv .next:hover:after{ background: url(../images/nimg14_righton.png) no-repeat;}

.aboutP4{ padding: 1.4rem 0 1.35rem; background: #f7f7f7; overflow: hidden; }
.aboutP4 .pageTitle{ margin-bottom: 0.85rem; }
.honorPic{ position: relative; }
.honorPic .imgList{ overflow: hidden; padding: 0.15rem; margin: -0.15rem;}
.honorPic .imgList li .box{ position: relative; cursor: pointer; padding-top: 0.4rem; height: 4.86rem; background: #fff;}
.honorPic .imgList li .imgDiv{ width: 2.6rem; height: 3.6rem; margin: 0 auto; }
.honorPic .imgList li .imgDiv img{ max-width: 2.5rem; max-height: 3.6rem; }
.honorPic .imgList li .name{ margin-top: 0.15rem; padding: 0 0.3rem; font-size: var(--fs16); color: #333; text-align: center; line-height: 0.24rem; height: 0.48rem; overflow: hidden; }
.honorPic .imgList li .box:hover{ box-shadow: 0 0 0.15rem 0 rgba(0,0,0,0.16); }
.honorPic .imgList li .box:hover .name{ color: #0f048f; }
.honorPic .se{ position: absolute; display: block; width: 0.64rem; height: 0.64rem; border-radius: 50%; border: #e5e5e5 solid 2px; top: 50%; margin-top: -0.32rem;}
.honorPic .se:hover{ border: none; background-image: linear-gradient(90deg, #0f0690 0%, #1b83bc 100%); background-blend-mode: normal, normal;}
.honorPic .prev{ left: 50%; margin-left: -8.6rem;}
.honorPic .next{ right: 50%; margin-right: -8.6rem;}
.honorPic .prev:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -7px; margin-top: -5px; width: 14px; height: 11px; background: url(../images/nimg14_left.png) no-repeat; }
.honorPic .next:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -7px; margin-top: -5px; width: 14px; height: 11px; background: url(../images/nimg14_right.png) no-repeat; }
.honorPic .prev:hover:after{ background: url(../images/nimg14_lefton.png) no-repeat;}
.honorPic .next:hover:after{ background: url(../images/nimg14_righton.png) no-repeat;}

.product{ padding: 1.1rem 0 1.0rem; background:#f9f9f9;}
.product .toptop{ position: relative; height: 1.15rem; }
.product .pageTitle{ text-align: left; }
.product .form{ position: absolute; right: 0; top: 0; z-index: 1; width: 4.25rem; height: 0.6rem; border-radius: 0.48rem; }
.product .form .input1{ width: 100%; padding-left: 0.25rem; color: #999; font-size: var(--fs16); background:#fff; border: #ededee solid 2px; border-radius: 0.48rem; height: 0.6rem; line-height: 0.56rem; font-family: 'Mont-R'; }
.product .form .input1::-webkit-input-placeholder{ color: #999; opacity: 1;}
.product .form .input1:-moz-placeholder{ color: #999; opacity: 1;}
.product .form .input1::-moz-placeholder{ color: #999; opacity: 1;}
.product .form .input1:-ms-input-placeholder{ color: #999; opacity: 1;}
.product .form .btn1{ position: absolute; z-index: 1; cursor: pointer; right: 0; top: 0; width: 0.7rem; height: 0.6rem; border-radius: 0.48rem; background: #1f3c88 url(../images/nimg20_1.png) center no-repeat; }

.proNav{ width: 4.06rem; }
.proNav li{ margin-bottom: 0.15rem; font-size: var(--fs18); font-family: 'Mont-B'; }
.proNav li a{ display: block; height: 0.8rem; line-height: 0.8rem; background: #ddd; text-align: center; overflow: hidden; color: #0f048f;}
.proNav li .aNow, .proNav li a:hover{ background: #0f048f; color: #fff; box-shadow: 0 0 0.24rem 0 rgba(15,4,143,0.16); }

.product .rightDiv{ width: 10.9rem; }
.product .list{ padding-bottom: 0.5rem; }
.product .list ul{ margin-right: -0.13rem; }
.product .list li{ float: left; width: 33.33%; margin-bottom: 0.3rem; }
.product .list li .box{ margin-right: 0.13rem; }
.product .list li a{ display: block; height: 4.98rem; padding: 0.45rem 0.3rem 0; background: #fff; position: relative; }
.product .list li a:before{ content: ''; position: absolute; left: 0; top: 0; width: 0; height: 2px; background: #00a0e9; }
.product .list li .name{ font-family: 'Mont-B'; color: #333; font-size: var(--fs24); line-height: 0.3rem; max-height: 0.6rem; overflow: hidden; text-align: center; }
.product .list li .msg{ font-size: 12px; color: #333; text-align: center; max-height: 20px; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.product .list li .more{ margin: 0.15rem auto 0; width: 1.06rem; height: 0.36rem; border-radius: 0.48rem; border: #1f3c88 solid 2px; color: #1f3c88; text-transform: uppercase; font-size: 12px; }
.product .list li .more em{ position: relative;  margin-left: 0.1rem; width: 11px; height: 9px; background: url(../images/ico4.png) no-repeat; }
.product .list li .imgDiv{ overflow: hidden; position: absolute; left: 50%; margin-left: -1.45rem; bottom: 0.2rem; width: 2.9rem; height: 2.9rem; }
.product .list li .imgDiv img{ max-width: 2.9rem; max-height: 2.9rem; }
.product .list li a:hover:before{ width: 100%; }
.product .list li a:hover{ box-shadow: 0 0 0.24rem 0 rgba(15,4,143,0.16); background-image: linear-gradient(180deg, #0d199b 0%, #1b86bd 100%); background-blend-mode: normal, normal;}
.product .list li a:hover .name, .product .list li a:hover .msg{ color: #fff; }
.product .list li a:hover .more{ border: #fff solid 2px; color: #fff; }
.product .list li a:hover .more em{ background: url(../images/ico4on.png) no-repeat; }
.product .list li a:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.product .pageNum{ justify-content: flex-start; -webkit-justify-content: flex-start;}



.news{ padding: 1.3rem 0 1.0rem; }
.news .pageTitle{ text-align: left; padding-bottom: 0.85rem; }
.news .mxfDiv a{ display:block; padding: 0 1.1rem 0 8.45rem; height: 4.8rem; background: #f5f6f7; position: relative; overflow:hidden; border-radius: 0.12rem; }
.news .mxfDiv .imgDiv{ position: absolute; left: 0; top: 0; width: 7.68rem; height: 4.8rem; overflow: hidden; }
.news .mxfDiv .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.news .mxfDiv .conDiv{ height: 5.0rem; position: relative; z-index: 1;}
.news .mxfDiv .time{ margin-bottom: 0.15rem; font-size: var(--fs18); line-height: 0.18rem; color: #0f048f; font-family: 'Mont-M'; }
.news .mxfDiv .name{ font-size: var(--fs24); line-height: 0.32rem; overflow: hidden; max-height: 0.96rem; color: #000; font-family:'Mont-B';}
.news .mxfDiv .content{ margin-top: 0.25rem; font-size: var(--fs16); line-height: 0.3rem; height: 0.9rem; color: #666; }
.news .mxfDiv .more{ margin-top: 0.5rem; font-size: var(--fs16); color: #0f048f;}
.news .mxfDiv .more em{ padding-right: 18px; background: url(../images/ico5.png) right center no-repeat;}
.news .mxfDiv a:hover .name{ color:#0f048f;}

.news .list{ padding-top: 0.8rem;  }
.news .list ul{ margin-right: -1.02rem; }
.news .list li{ float: left; width: 33.33%; margin-bottom: 0.8rem; }
.news .list li .box{ margin-right: 1.02rem; }
.news .list li .box a{ display: block; position: relative; overflow: hidden; border-radius: 0.1rem; }
.news .list li .box a:before{ z-index: 1; content: ''; opacity: 0; position: absolute; right: 27px; bottom: 27px; width: 16px; height: 16px; background: url(../images/ico3.png) no-repeat; }
.news .list li .box a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 468px; background: url(../images/bg1.png) repeat-x; }
.news .list li .box .imgDiv{ height: 6.4rem; }
.news .list li .box .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.news .list li .box .txt{ width: 100%; height: 2.05rem; padding:0 0.45rem; position: absolute; left: 0; bottom: 0; z-index: 1; }
.news .list li .box .txt .name{ font-size: var(--fs20); height: 1.2rem; line-height: 0.3rem; overflow:hidden; color: #fff; font-family:'Mont-M'; }
.news .list li .box .txt .zi{ font-size: var(--fs14); line-height: 0.3rem; color: rgba(255,255,255,0.7); height: 0; overflow:hidden; font-family:'Mont-L'; }
.news .list li .box .txt .time{ margin-top: 0.25rem; font-size: var(--fs16); color: #fff; font-family:'Mont-L';}
.news .list li .box a:hover:before{ opacity: 1; }
.news .list li .box a:hover:after{ height: 100%; opacity: 0.9; background-image: linear-gradient(90deg, #0f0790 0%, #1b86bd 100%); background-blend-mode: normal, normal; }
.news .list li .box a:hover .txt{ padding: 0.8rem 0.4rem 0; height: 100%; }
.news .list li .box a:hover .zi{ margin-top: 0.35rem; height: 1.2rem; }

.newsTop{ position: relative; padding-top: 1.65rem; height: 5.13rem; background: url(../images/newsBg.png) center top no-repeat; background-size: cover; }
.newsTop .name{ color: #fff; font-size: var(--fs48); line-height: 0.6rem; min-height: 1.8rem; font-family: 'Mont-B';}
.newsTop .time{ margin-top: 0.2rem; font-size: var(--fs24); line-height: 0.24rem; color: #fff; }

.newsBot{ padding: 0.7rem 0 1.0rem; }
.newsBot .content{ font-size: var(--fs16); line-height: 0.3rem; color: #333; padding-bottom: 0.6rem; }
.newsBot .imgDiv{ text-align: center;}
.newsBot .imgDiv img{ max-width: 10.5rem; }
.newsBot .share{ height: 0.8rem; background: #f5f5f5; position: relative; padding: 0.15rem 0 0 1.85rem; }
.newsBot .share em{ position: absolute; left: 0.4rem; top: 0; font-size: 0.24rem; line-height: 0.8rem; color: #333; }
.newsBot .share li{ float: left; margin-right: 0.35rem; }
.newsBot .share li a{ display: block; width: 0.5rem; height: 0.5rem; border-radius: 50%; position: relative; }
.newsBot .share li img{ position: absolute; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; }
.newsBot .share li .img1{ opacity: 0; }
.newsBot .share li a:hover{ background-image: linear-gradient(90deg, #0f0690 0%, #1b83bc 100%); background-blend-mode: normal, normal; box-shadow: 0 0.1rem 0.24rem 0 rgba(15,4,143,0.16);}
.newsBot .share li a:hover img{ opacity: 0; }
.newsBot .share li a:hover .img1{ opacity: 1; }

.pageDown{ margin-top: 0.45rem; }
.pageDown ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.pageDown li{ font-size: 0.2rem; }
.pageDown li a{ color: #333; text-decoration: underline; }
.pageDown li a:hover{ color: #0f048f; }

.sideNews .title{ font-size: var(--fs30); line-height: 0.3rem; color: #000; font-weight: 400; position: relative; padding-bottom: 0.3rem; font-family: 'Mont-B';}
.sideNews .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 32px; height: 5px; background-image: linear-gradient(90deg, #0f0690 0%, #1b83bc 100%); background-blend-mode: normal, normal; border-radius: 4px;}
.sideNews .list li a{ display: block; padding: 0.45rem 0 0.24rem; border-bottom: #eee solid 1px;}
.sideNews .list li .time{ font-family: 'Mont-L'; font-size: var(--fs18); line-height: 0.18rem; padding-bottom: 0.22rem; color: #1f3c88; font-family: 'Mont-L'; }
.sideNews .list li .name{ font-size: var(--fs20); line-height: 0.36rem; color: #222; }

.sideNews .list li:hover .name{ color: #0f048f;}

.backBtn{ padding-top: 0.5rem; }
.backBtn a{ display: block; border-radius: 0.48rem; height: 0.52rem; line-height: 0.52rem; color: #fff; font-size: 0.16rem; text-align: center; }
.backBtn img{ margin-left: 10px; position: relative; top: -1px; }

.contactP1{ padding: 1.3rem 0; }
.contactP1 .pageTitle{ margin-bottom: 0.6rem; }
.contactP1 .list ul{ margin-right: -0.36rem; }
.contactP1 .list li{ float: left; width: 50%; }
.contactP1 .list li .box{ cursor: pointer; position: relative; overflow: hidden; margin-right: 0.36rem; padding: 0.5rem 0.8rem 0; height: 2.6rem; border-radius: 0.12rem; background: #f5f5f5; }
.contactP1 .list li .ico{ position: relative; width: 0.65rem; height: 0.65rem; margin: 0 auto; border-radius: 50%; background-image: linear-gradient(90deg, #0f0690 0%, #1b83bc 100%); background-blend-mode: normal, normal; }
.contactP1 .list li .ico img{ position: absolute; left: 50%; top: 50%; margin-left: -0.14rem; margin-top: -0.14rem; width: 0.28rem; }
.contactP1 .list li .name{ font-size: var(--fs18); line-height: 0.18rem; color: #000; text-align: center; padding: 0.3rem 0 0.15rem; font-family: 'Mont-M'; }
.contactP1 .list li .zi{ color: #989898; font-size: var(--fs18); line-height: 0.3rem; text-align: center; font-family: 'Mont-L';}
.contactP1 .list li .after{ opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; padding: 0.8rem 1.35rem 0 1.65rem; }

.contactP1 .list li .box:hover{ box-shadow: 0 0.1rem 0.24rem 0 rgba(15,4,143,0.16);}
.contactP1 .list li .box:hover .after{ opacity: 1; visibility: visible; }
.contactP1 .list li .box:hover .ico{ position: absolute; left: 0.65rem; width: 0.56rem; height: 0.56rem; background-image: none; }
.contactP1 .list li .box:hover .ico img{ position: relative; left: 0; top: 0; margin-left: 0; margin-top: 0; width: 0.56rem; }
.contactP1 .list li .box:hover .name{ padding: 0 0 0.15rem; font-size: var(--fs24); line-height: 0.24rem; color: #fff; text-align: left;}
.contactP1 .list li .box:hover .zi{ color: #fff; text-align: left;}


.contactP2{ background: #eff3ff; padding: 1.3rem 0; position: relative; overflow: hidden; }
.contactP2:after { content: ''; position: absolute; top: 0; right: 50%; margin-right: 7.68rem; width: 25%; height: 100%; background: #eff3ff; z-index: 3;}
.contactP2 .msg{ text-align: center; font-size: var(--fs24); color: #989898; font-family: 'Mont-L'; padding: 0.4rem 0 0.8rem; }
.contactP2 .list .box{ height: 5.5rem; background: #fff; }
.contactP2 .list .imgDiv{ height: 4.6rem; overflow: hidden; }
.contactP2 .list .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.contactP2 .list .name{ position: relative; z-index: 2; text-align: center; height: 0.9rem; line-height: 0.9rem; padding: 0 0.3rem; font-size: var(--fs24); color: #333; overflow: hidden; }
.contactP2 .list .layer{ opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; padding: 0.3rem 0.26rem 0; width: 100%; height: 100%; z-index: 1; background-image: linear-gradient(180deg, #0f048f 0%, #1b86bd 100%); background-blend-mode: normal, normal; }
.contactP2 .list .pjDiv{ background: #fff; border-radius: 0.12rem; padding: 0.45rem 0 0.35rem; text-align: center;}
.contactP2 .list .ewm img{ width: 2.54rem; }
.contactP2 .list .tel{ color: #010101; font-size: var(--fs24); margin-top: 0.2rem; line-height: 0.3rem; }
.contactP2 .list .box:hover .layer{ opacity: 1; visibility: visible; }
.contactP2 .list .box:hover .name{ color: #fff; }

.contactP3{ padding: 1.3rem 0 1.0rem;}
.contactP3 .msg{ text-align: center; font-size: var(--fs24); color: #989898; font-family: 'Mont-L'; padding: 0.4rem 0 0.7rem; }
.contactP3 .form ul{ margin-right: -0.3rem; }
.contactP3 .form li{ float: left; width: 50%; margin-bottom: 0.3rem; }
.contactP3 .form .li01{ width: 100%; }
.contactP3 .form li .box{ margin-right: 0.3rem; }
.contactP3 .form li .wen{ height: 0.3rem; font-size: var(--fs16); line-height: 0.16rem; color: #333; }
.contactP3 .form li .wen em{ padding-left: 5px; }

.contactP3 .select{ width: 100%; height: 0.54rem; position: relative; }
.contactP3 .caption { position: relative; cursor: pointer; height: 0.54rem; line-height: 0.54rem; padding-left: 0.3rem; font-size: var(--fs16); color: #bdbdbd; font-family: 'Mont-L'; border: #eee solid 1px; background: #f5f8ff url(../images/selectIco.png) right center no-repeat; border-radius: 8px;}
.contactP3 .xlist { width: 100%; position: absolute; left: 0; top: 100%; z-index: 12; background: #f5f8ff; max-height: 2.0rem; overflow-y: auto; display: none; border: 1px solid #eee; border-top: none; box-sizing: border-box;}
.contactP3 .xlist::-webkit-scrollbar { width: 4px;}
.contactP3 .xlist::-webkit-scrollbar-track { background-color: #e5e5e5;}
.contactP3 .xlist::-webkit-scrollbar-thumb { background-color: #1f3c88;} 
.contactP3 .xlist a { display: block; font-size: var(--fs16); color: #999; height: 0.4rem; line-height: 0.4rem; padding: 0 0.3rem; text-align: left; }
.contactP3 .xlist a:hover, .contactP3 .xlist a.on { color: #1f3c88;}
.contactP3 .form li .input1{ width:100%; font-family: 'Mont-L'; height:0.54rem; line-height:0.54rem; padding-left: 0.3rem; border: #eee solid 1px; background: #f5f8ff; border-radius: 8px; font-size: var(--fs16); color:#bdbdbd;}
.contactP3 .form li .input1::-webkit-input-placeholder{ color: #bdbdbd; opacity: 1;}
.contactP3 .form li .input1:-moz-placeholder{ color: #bdbdbd; opacity: 1;}
.contactP3 .form li .input1::-moz-placeholder{ color: #bdbdbd; opacity: 1;}
.contactP3 .form li .input1:-ms-input-placeholder{ color: #bdbdbd; opacity: 1;}
.contactP3 .form li textarea{ width:100%; font-family: 'Mont-L'; padding:0.15rem 0 0 0.3rem; height:1.5rem; line-height: 0.24rem; font-size: var(--fs16); color:#bdbdbd; border: #eee solid 1px; background: #f5f8ff; border-radius: 8px;}
.contactP3 .form li textarea::-webkit-input-placeholder{ color: #bdbdbd; opacity: 1;}
.contactP3 .form li textarea:-moz-placeholder{ color: #bdbdbd; opacity: 1;}
.contactP3 .form li textarea::-moz-placeholder{ color: #bdbdbd; opacity: 1;}
.contactP3 .form li textarea:-ms-input-placeholder{ color: #bdbdbd; opacity: 1;}

.contactP3 .btnDiv{ clear:both; width: 2.0rem; margin: 5px auto 0; }
.contactP3 .btnDiv a{ display: block; overflow: hidden; position: relative; width: 100%; height: 0.55rem; line-height: 0.55rem; font-size: var(--fs18); color: #fff; text-align: center; font-family:'Mont-L'; border-radius: 4px; box-shadow: 0 0.1rem 0.24rem 0 rgba(15,4,143,0.16); }
.contactP3 .btnDiv a:after{ content: ""; display: block; width: 0; height: 100%; position: absolute; top: 0; left: 0; background-image: linear-gradient(90deg,#1b83bc 0,#0f0690); transition: 0.5s;}
.contactP3 .btnDiv p{ position: relative; z-index: 1; width: 100%; height: 100%; }
.contactP3 .btnDiv a:hover:after{ width:100%;}

.productP1{ padding: 0.8rem 0 1.0rem; }
.productP1 .mxfDiv{ background: url(../images/nimg613Bg.png) right center no-repeat; background-size: 6.13rem;}
.productP1 .leftDiv{ width: 7.5rem; }
.productP1 .detail-box{ width: 7.5rem; }
.productP1 .detail-box .imgDiv{ height: 7.5rem; border: #e5e5e5 solid 1px; }
.productP1 .detail-box .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.productP1 .detail-box .list .item { display: none; position: relative;}
.productP1 .detail-box .list .item.on { display: block; animation: fadeOfOpacity .5s linear;}
.productP1 .box-container{ width: 100%; position: relative; margin-top: 0.45rem; }
.productP1 .img-swiper{ width: 5.48rem; margin: 0 auto; }
.productP1 .img-swiper .limg{ cursor: pointer; border-radius: 4px; height: 1.05rem; border: #efefef solid 1px; text-align: center; overflow:hidden;}
.productP1 .img-swiper .limg img{ width: 1.05rem; }
.productP1 .swiper-slide.swiper-slide-active .limg{ border: #1f3c88 solid 1px; }
.productP1 .swiper-btn{ position: absolute; display: block; width: 0.64rem; height: 0.64rem; top: 50%; margin-top: -0.32rem; border-radius: 50%; z-index: 2; }
.productP1 .prev{ left: 0; background: #f3f5f8; }
.productP1 .next{ right: 0; background: #f3f5f8;}
.productP1 .prev:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: -7px; width: 9px; height: 14px; background: url("../images/nimg9_left.png") center no-repeat; }
.productP1 .next:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: -7px; width: 9px; height: 14px; background: url("../images/nimg9_right.png") center no-repeat; }
.productP1 .swiper-btn:hover{ background-image: linear-gradient(90deg, #0f0690 0%, #1b83bc 100%); background-blend-mode: normal, normal;}
.productP1 .prev:hover:after{ background: url("../images/nimg9_lefton.png") center no-repeat; }
.productP1 .next:hover:after{ background: url("../images/nimg9_righton.png") center no-repeat; }

.productP1 .rightDiv{ width: 6.9rem; }
.productP1 .name{ font-weight: 400; font-size: var(--fs48); line-height: 0.64rem; color: #333; text-transform: uppercase; font-family: 'Mont-B'; }
.productP1 .txt{ font-size: var(--fs24); line-height: 0.36rem; min-height: 1.08rem; color: #1f3c88; margin-bottom: 0.25rem; }
.productP1 .wen{ color: #1f3c88; font-size: var(--fs36); line-height: 0.36rem; margin-bottom: 0.35rem; font-family: 'Mont-M'; }
.productP1 .wen2{ font-size: var(--fs24); line-height: 0.24rem; margin-bottom: 0.3rem;}
.productP1 .content{ font-size: var(--fs24); line-height: 0.36rem; max-height: 1.08rem; padding-right: 8px; overflow: auto; }
.productP1 .content::-webkit-scrollbar { width: 4px;}
.productP1 .content::-webkit-scrollbar-track { background-color: #e2e5ea;}
.productP1 .content::-webkit-scrollbar-thumb { background-color: #1f3c88;} 
.productP1 .indMore{ margin: 0.4rem 0 0.8rem; }
.productP1 .share li{ float: left; margin-right: 0.3rem; }
.productP1 .share li img{ width: 0.6rem; }

.productP2{ padding: 1.0rem 0 1.1rem; background: #f9f9f9; }
.productP2 .leftDiv{ width: 9.6rem; }
.productP2 .title{ font-size: var(--fs48); line-height: 0.48rem; color: #1f3c88; font-weight: 400; font-family: 'Mont-M'; height: 0.95rem; }
.productP2 .rightDiv{ width: 5.0rem; }
.productP2 .bigImg img{ width: 100%; }
.productP2 .list li{ margin-bottom: 0.3rem; }
.productP2 .list li a{ display: block; height: 7.0rem; padding: 0.8rem 0.3rem 0; background: #f1f1f1; position: relative; }
.productP2 .list li a:before{ content: ''; position: absolute; left: 0; top: 0; width: 0; height: 2px; background: #00a0e9; }
.productP2 .list li .name{ font-family: 'Mont-B'; color: #333; font-size: var(--fs30); line-height: 0.36rem; max-height: 0.72rem; overflow: hidden; text-align: center; }
.productP2 .list li .msg{ font-size: 12px; color: #333; text-align: center; max-height: 20px; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.productP2 .list li .more{ margin: 0.24rem auto 0; width: 1.5rem; height: 0.5rem; border-radius: 0.48rem; border: #1f3c88 solid 2px; color: #1f3c88; text-transform: uppercase; font-size: var(--fs16); }
.productP2 .list li .more em{ position: relative;  margin-left: 0.1rem; width: 15px; height: 12px; background: url(../images/ico6.png) no-repeat; }
.productP2 .list li .imgDiv{ overflow: hidden; position: absolute; left: 50%; margin-left: -2rem; bottom: 0.4rem; width: 4.0rem; height: 4.0rem; }
.productP2 .list li .imgDiv img{ max-width: 4.0rem; max-height: 4.0rem; }
.productP2 .list li a:hover:before{ width: 100%; }
.productP2 .list li a:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}


.searchBox{ padding:0.8rem 0 1.2rem; border-top:#eee solid 1px;}
.searchBox .toptop{ position:relative; padding-right:200px; height:100px;}
.searchBox .result span{ display: inline-block; font-size: 16px; margin-right: 0.3rem; line-height: 0.62rem;}
.searchBox .result b{ margin: 0 4px; color: #cd0000; font-family: "Mont-B"; text-decoration: underline;}
.searchBox .links{ padding-bottom:0.4rem;}
.searchBox .links:after{ content: ''; display:block; clear:both; }
.searchBox .links li{ float:left; margin-right:0.3rem; font-size:var(--fs15);}
.searchBox .links li a{ position:relative; display:block; height:0.3rem; line-height:0.2rem; color:#333;}
.searchBox .links li a:after{ content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#1f3c88; display:none;}
.searchBox .links li .aNow{ color:#1f3c88;}
.searchBox .links li .aNow:after{ display:block;}
.searchBox .list{ padding-bottom:0.3rem;}
.searchBox .list:after{ content: ''; display:block; clear:both; }
.searchBox .list ul{ margin-right:-0.3rem;}
.searchBox .list li { float:left; width:25%; padding-bottom:0.4rem;}
.searchBox .list li .box{ margin-right:0.3rem;}
.searchBox .list li .imgDiv{ height:2.4rem;}
.searchBox .list li .imgDiv img{ width:100%; height:100%; object-fit:cover;}
.searchBox .list li .botDiv{ padding:0.2rem 0.3rem 0; height:1.4rem; background:#f5f5f5; overflow:hidden;}
.searchBox .list li .name{ font-size: var(--fs18); line-height:0.32rem; height:0.64rem; overflow:hidden; color:#333; transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;	}
.searchBox .list li .time{ margin-top:0.05rem; font-size:var(--fs15); line-height:0.3rem; color:#999;}
.searchBox .list li .box:hover .name{ color:#1f3c88;}
.searchBox .tips { display: none; text-align:center; font-size:0.2rem; color:#333;}