/*banner*/
.ind-banner{width: 100%; overflow: hidden;} 
.ind-banner .swiper-slide {position: relative;}
.ind-banner .swiper-slide .bg img{width: 100%;}
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .onebox{ position: absolute; left: 50%; margin-left: -7.8rem; top: 35%; transform: translateY(-65%); color: #fff;} 
.ind-banner .onebox .txt1{ font-size: 0.44rem; line-height: 0.44rem; font-weight: bold;color:#000;}
.ind-banner .onebox .txt2{ font-size: 18px; padding-top: 15px;color:#000; }
.ind-banner .swiper-pagination{ position: absolute; text-align: left; left: auto!important; width: auto!important; right: 50%; margin-right: -7.2rem; bottom: 0.6rem!important; } 
.ind-banner .swiper-pagination-bullet { position: relative; width: 40px; height: 3px; opacity: 1; border-radius: 0; background: #fff; margin-left: 10px!important; } 
.ind-banner .swiper-pagination-bullet-active { background: #fe0000; } 
/*banner结束*/

.audioBtn{position:absolute; right: 50%; margin-right: -7.8rem; bottom: 0.45rem;z-index:2; width:36px; height:36px;}
.audioBtn a{ display:block; width:100%; height:100%; position:relative; z-index:2;}
.audioBtn img{transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;}
.audioBtn .img1{ opacity:0; position:absolute; left:0; top:0;}
.audioBtn.on img{ opacity:0;}
.audioBtn.on .img1{ opacity:1;}


.indexTop{ position: relative; }
.indexTitle .title1{ font-size: 0.36rem; line-height: 0.36rem; color: #fe0000; padding-bottom: 0.15rem; font-weight: bold; text-transform: uppercase; }
.indexTitle .title2{ font-size: 0.24rem; line-height: 0.24rem; color: #333; position: relative; padding-left: 18px;}
.indexTitle .title2:before{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -1px; width: 8px; height: 2px; background: #fe0000; }

.indexPart1{ padding: 1.0rem 0; }
.indexPart1 .leftDiv{ width: 6.5rem; position: relative; }
.indexPart1 .content{ padding-top: 0.4rem; font-size: 14px; line-height: 30px;}
.indexPart1 .btnDiv{ padding-top: 0.4rem; }
.indexPart1 .btnDiv a{ display: block; width: 1.18rem; text-align: center; font-weight: bold; text-transform: uppercase; height: 0.42rem; line-height: 0.42rem; border: #fe0000 solid 1px; font-size: 12px; color: #fe0000; border-radius: 0.24rem; }
.indexPart1 .btnDiv a:hover{ background: #fe0000; color: #fff; }
.indexPart1 .numList{ padding-top: 0.55rem; }
.indexPart1 .numList ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
.indexPart1 .numList li{ font-size: 14px; }
.indexPart1 .numList li .numUp{ font-size: 0.36rem; line-height: 0.36rem; color: #333; font-family:bold; padding-right: 10px; }
.indexPart1 .numList li p{ padding-top: 12px; font-size: 14px; color: #999; }
.indexPart1 .rightImg{ width: 7.8rem; }
/*.indexPart1 .rightImg img{ width: 7.8rem; }*/

.aboutPic{ position:relative;}
.aboutPic .swiper-pagination{ left: auto!important; width: auto!important; right: 0.5rem; bottom: 0.26rem!important; } 
.aboutPic .swiper-pagination-bullet { width: 12px; height: 12px; opacity: 1; background: #fff; margin-left:8px!important;} 
.aboutPic .swiper-pagination-bullet-active { background: #fe0000; } 

.aboutPic .swiper-slide img{ width: 7.8rem; }

.audioBtn2{position:absolute; left: 0.5rem; bottom: 0.2rem;z-index:2; width:36px; height:36px;}
.audioBtn2 a{ display:block; width:100%; height:100%; position:relative; z-index:2;}
.audioBtn2 img{ width:36px; transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;}
.audioBtn2 .img1{ opacity:0; position:absolute; left:0; top:0;}
.audioBtn2.on img{ opacity:0;}
.audioBtn2.on .img1{ opacity:1;}

.indexPart2{ background: #f7f7f7; padding: 1.0rem 0; }
.indexPart2 .tab2{ position: absolute; right: 0; bottom: 0; }
.indexPart2 .tab2 li{ float: left; margin-left: 45px; font-size: 16px; height: 28px; position: relative;}
.indexPart2 .tab2 li:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background: #fe0000;}
.indexPart2 .tab2 .liNow{ color: #fe0000; }
.indexPart2 .tab2 .liNow:after{ width: 100%; left: 0; }

.indexPart2 .list{ padding-top: 0.45rem; }
.indexPart2 .list ul{ margin-right: -0.4rem; }
.indexPart2 .list li{ float: left; width: 25%; }
.indexPart2 .list li .mxfDiv{ margin-right: 0.4rem; position: relative; padding-bottom: 20px;}
.indexPart2 .list li .ico{ position: absolute; right: 0.3rem; bottom: 0; width: 40px; height: 40px; border-radius: 50%;  }
.indexPart2 .list li .ico:after{ content: ''; width: 40px; height: 40px; position: absolute; right: 0; top: 0; background: url(../images/nimg40_1.png) center no-repeat;}
.indexPart2 .list li .ico em{ opacity: 0; display: block; text-transform: uppercase; line-height: 40px; color: #fff; text-indent: 20px; font-weight: bold; }
.indexPart2 .list li .box{ padding-bottom: 0.45rem; background: #fff;}
.indexPart2 .list li .imgDiv{ padding: 0.2rem; }
.indexPart2 .list li .imgDiv img{ width: 3.2rem; }
.indexPart2 .list li .name{ font-size: 16px; padding: 0.15rem 0.3rem 0; font-weight: bold; height: 72px; line-height: 36px; color: #333; overflow: hidden; text-align: center; }
.indexPart2 .list li .content{ font-size: 14px; padding: 0 0.3rem; line-height: 24px; height: 48px; overflow: hidden; color: #666;}
.indexPart2 .list li .mxfDiv:hover .box{box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);}
.indexPart2 .list li .mxfDiv:hover .name{ color: #fe0000; }
.indexPart2 .list li .mxfDiv:hover .ico{ border-radius: 24px; width: 120px; background: #fe0000;}
.indexPart2 .list li .mxfDiv:hover .ico em{ opacity: 1; }

.indexPart3{ padding: 1.0rem 0; }
.indexPart3 .indexTitle{ padding-bottom: 0.5rem; }
.indexPart3Pic{ position: relative; }
.indexPart3 .list { width: 48rem; position: relative; left: 50%; margin-left: -24rem; }
.indexPart3 .swiper-slide { height: 5.5rem; position: relative; opacity: .5; overflow: hidden;}
.indexPart3 .conDiv{ width: 50%; height: 5.5rem; background: #f7f7f7; }
.indexPart3 .mxfDiv{ padding: 0.6rem 0.6rem 0; }
.indexPart3 .imgDiv{ width: 50%; }
.indexPart3 .imgDiv img{ width: 100%; }
.indexPart3 .name{ font-size: 24px; color: #333; font-weight: bold; height: 48px; position: relative; }
.indexPart3 .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 20px; height: 3px; background: #fe0000; }
.indexPart3 .content{ font-size: 14px; line-height: 30px; padding-top: 0.4rem; height: 120px; overflow: hidden; }
.indexPart3 .btnDiv{ padding-top: 0.5rem; }
.indexPart3 .btnDiv a{ display: block; width: 1.18rem; text-align: center; font-weight: bold; text-transform: uppercase; height: 0.42rem; line-height: 0.42rem; border: #fe0000 solid 1px; font-size: 12px; color: #fe0000; border-radius: 0.24rem; }
.indexPart3 .btnDiv a:hover{ background: #fe0000; color: #fff; }
.indexPart3 .swiper-slide-active{ opacity: 1; }
.indexPart3 a.arrow { display: block; width: 38px; height: 38px; position: absolute; z-index: 3; left: auto; right: auto; top: 50%; bottom: auto; margin-top: -20px; border: #e6e6e6 solid 1px; border-radius: 50%; }
.indexPart3 a.arrow.prev { left: 50%; margin-left: -8.52rem; background: #fff url("../images/nimg7_left.png") center no-repeat; }
.indexPart3 a.arrow.next { right: 50%; margin-right: -8.52rem; background: #fff url("../images/nimg7_right.png") center no-repeat; }
.indexPart3 a.arrow.prev:hover{ border: #fe0000 solid 1px; background: #fe0000 url("../images/nimg7_lefton.png") center no-repeat;}
.indexPart3 a.arrow.next:hover{ border: #fe0000 solid 1px; background: #fe0000 url("../images/nimg7_righton.png") center no-repeat;}

.audioBtn3{position:absolute; right: 0.5rem; bottom: 0.2rem;z-index:2; width:36px; height:36px;}
.audioBtn3 a{ display:block; width:100%; height:100%; position:relative; z-index:2;}
.audioBtn3 img{ width:36px; transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;}
.audioBtn3 .img1{ opacity:0; position:absolute; left:0; top:0;}
.audioBtn3.on img{ opacity:0;}
.audioBtn3.on .img1{ opacity:1;}

.indexPart4{ background: #f7f7f7; padding: 1.0rem 0; }
.indexPart4 .tab2{ position: absolute; right: 0; bottom: 0; }
.indexPart4 .tab2 li{ float: left; margin-left: 45px; font-size: 16px; height: 28px; position: relative;}
.indexPart4 .tab2 li:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background: #fe0000;}
.indexPart4 .tab2 .liNow{ color: #fe0000; }
.indexPart4 .tab2 .liNow:after{ width: 100%; left: 0; }

.indexPart4 .list{ padding-top: 0.45rem; }
.indexPart4 .list ul{ margin-right: -0.6rem; }
.indexPart4 .list li{ float: left; width: 33.33%; }
.indexPart4 .list li a{ display: block; width: 100%; height: 100%; }
.indexPart4 .list li .box{ margin-right: 0.6rem; position: relative; height: 3.0rem; overflow: hidden;}
.indexPart4 .list li .box:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: #e5e5e5; }
.indexPart4 .list li .mxfDiv{ position: relative;}
.indexPart4 .list li .imgDiv img{ width: 100%;}
.indexPart4 .list li .botbot{ position: absolute; left: 0; bottom: 0; width: 100%; height: 0.6rem; background: rgba(0,0,0,0.5); }
.indexPart4 .list li .botbot em{ padding: 0 0.2rem; display: block; height: 0.6rem; line-height: 0.6rem; overflow: hidden; color: #fff; font-size: 18px; font-weight: bold; }
.indexPart4 .list li .time{ padding-top: 0.3rem; font-size: 14px; color: #999; }
.indexPart4 .list li .time b{ font-size: 30px; color: #fe0000; font-weight: bold; padding-right: 5px; }
.indexPart4 .list li .name{ padding-top: 10px; height: 38px; line-height: 38px; font-size: 18px; color: #333; font-weight: bold; overflow: hidden; }
.indexPart4 .list li .content{ padding-top: 0.3rem; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; color: #666; }
.indexPart4 .list li .btnDiv{ margin-top: 0.4rem; width: 1.18rem; text-align: center; font-weight: bold; text-transform: uppercase; height: 0.42rem; line-height: 0.42rem; border: #fe0000 solid 1px; font-size: 12px; color: #fe0000; border-radius: 0.24rem; }
.indexPart4 .list li .box:hover .botbot em{ text-decoration: underline; }
.indexPart4 .list li .box:hover .name{ color: #fe0000; }
.indexPart4 .list li .box:hover .btnDiv{ background: #fe0000; color: #fff; }

.aboutPart1{ padding: 80px 0; }
.aboutPart1 .leftDiv{ width: 6.8rem; padding-top: 0.55rem; }
.aboutPart1 .content{ font-size: 14px; line-height: 0.3rem; padding-top: 0.4rem; }
.aboutPart1 .rightImg{ width: 7.8rem; }
.aboutPart1 .rightImg img{ width: 100%; }

.aboutPart2{ background: #f7f7f7; padding: 80px 0; }
.aboutPart2 .leftImg{ width: 7.8rem; }
.aboutPart2 .leftImg img{ width: 100%; }
.aboutPart2 .rightDiv{ width: 6.5rem; padding-top: 0.75rem; }
.aboutPart2 .name{ font-size: 24px; color: #333; line-height: 24px; padding-bottom: 0.4rem; }
.aboutPart2 .content{ font-size: 14px; line-height: 0.3rem; }

.vision{ padding-top: 50px; overflow: hidden; }
.vision .leftImg{ width: 7.8rem; }
.vision .leftImg img{ width: 100%; }
.vision .rightDiv{ width: 50%; }
.vision .rightDiv li{ float: left; width: 50%; height: 2.5rem; background: #f3f3f3; position: relative; }
.vision .rightDiv li:nth-child(2), .vision .rightDiv li:nth-child(3){ background: #f7f7f7;}
.vision .rightDiv .li01{ background: #f7f7f7; }
.vision .rightDiv li .box{ padding: 0.4rem 0 0 0.6rem; }
.vision .rightDiv li .ico{ width: 0.8rem; height: 0.8rem; background: #fff; border-radius: 50%; text-align: center; line-height: 0.8rem; }
.vision .rightDiv li .name{ padding: 0.3rem 0 0.15rem; color: #333; font-size: 18px; line-height: 18px; font-weight: bold; }
.vision .rightDiv li .msg{ font-size: 14px; }
.vision .rightDiv li .limg{ position: absolute; right: 0.3rem; top: 0.3rem; }

.honor{ padding-top: 50px; }
.honor .list ul{ margin-right: -0.4rem; }
.honor .list li{ float: left; width: 25%; padding-bottom: 0.4rem; }
.honor .list li .box{ margin-right: 0.4rem; background: #f7f7f7; cursor: pointer; }
.honor .list li .imgDiv{ text-align: center; padding: 10px 10px 0; }
.honor .list li .imgDiv img{ max-width: 3.4rem; }
.honor .list li .name{ height: 0.74rem; line-height: 0.74rem; padding: 0 10px; font-size: 14px; text-align: center; overflow: hidden; }
.honor .list li .box:hover{ background: #fff; box-shadow: 3px 4px 15px 0px rgba(0, 0, 0, 0.1); }
.honor .list li .box:hover .name{ color: #fe0000; }

.pic-modal-box { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 40;}
.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: 700px; margin: 0 auto; padding: 60px 100px 0;}
.pic-modal-box .name { font-size: 24px; color: #313131; line-height: 120px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pic-modal-box .close { position: absolute; right: 18px; top: 18px; z-index: 10; width: 30px; height: 30px; display: inline-block; background: url(../images/close2.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 { font-size: 0;}
.pic-modal-box .pic-box img { display: block; width: 640px; margin:0 auto; max-height: 70vh;}

.group{ padding-top:50px; font-size:18px; text-align:center;}

.product .list{ padding-top: 0.45rem; }
.product .list ul{ margin-right: -0.4rem; }
.product .list li{ float: left; width: 25%; padding-bottom: 0.4rem; }
.product .list li .mxfDiv{ margin-right: 0.4rem; position: relative; padding-bottom: 20px;}
.product .list li .ico{ position: absolute; right: 0.3rem; bottom: 0; width: 40px; height: 40px; border-radius: 50%;  }
.product .list li .ico:after{ content: ''; width: 40px; height: 40px; position: absolute; right: 0; top: 0; background: url(../images/nimg40_1.png) center no-repeat;}
.product .list li .ico em{ opacity: 0; display: block; text-transform: uppercase; line-height: 40px; color: #fff; text-indent: 20px; font-weight: bold; }
.product .list li .box{ padding-bottom: 0.45rem; background: #fff;}
.product .list li .imgDiv{ padding: 0.2rem; }
.product .list li .imgDiv img{ width: 3.2rem; }
.product .list li .name{ font-size: 16px; padding: 0.15rem 0.3rem 0; font-weight: bold; height: 72px; line-height: 36px; color: #333; overflow: hidden; text-align: center; }
.product .list li .content{ font-size: 14px; padding: 0 0.3rem; line-height: 24px; height: 48px; overflow: hidden; color: #666;}
.product .list li .mxfDiv:hover .box{box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);}
.product .list li .mxfDiv:hover .name{ color: #fe0000; }
.product .list li .mxfDiv:hover .ico{ border-radius: 24px; width: 120px; background: #fe0000;}
.product .list li .mxfDiv:hover .ico em{ opacity: 1; }

.productPart1{ padding: 80px 0; overflow: hidden; }
.productPart1 .bigImg{ width: 6.5rem; border: #e7e7e7 solid 1px; box-sizing: border-box; }
.productPart1 .bigImg img{ width: 100%; }
.productPart1 .rightDiv{ width: 7.8rem; }
.productPart1 .name{ padding: 0.65rem 0 0.2rem; font-size: 0.3rem; color: #333; font-weight: bold; }
.productPart1 .msg{ font-size: 14px; line-height: 24px; padding-bottom: 25px; border-bottom: #e7e7e7 solid 1px; }
.productPart1 .title{ margin: 0.4rem 0 0.1rem; font-size: 18px; font-weight: bold; height: 36px; line-height: 36px; color: #fe0000; padding-left: 22px; background: url(../images/nimg12_1.png) left center no-repeat; }
.productPart1 .content{ font-size: 14px; line-height: 0.32rem; }
.productPart1 .btnDiv{ float: right; padding-top: 0.75rem; }
.productPart1 .btnDiv a{ display: block; text-align: center; width: 190px; height: 44px; background: #fe0000; border-radius: 24px; line-height: 44px; color: #fff; font-size: 14px; }
.productPart1 .btnDiv img{ padding-left: 10px; position: relative; top: -1px; }
.productPart1 .btnDiv a:hover{ text-decoration:underline;}

.productPart2{ background: #f7f7f7; padding: 80px 0; }
.productPart2 .indexTitle{ padding-bottom: 45px; }
.productPart2 .bigBox{ background: #fff; padding: 0.8rem 1.3rem; }
.productPart2 .title{ font-size: 18px; font-weight: bold; height: 36px; line-height: 36px; color: #fe0000; padding-left: 22px; background: url(../images/nimg12_1.png) left center no-repeat;}
.productPart2 .msgList{ padding: 0.45rem 0; border-bottom: #e7e7e7 solid 1px;}
.productPart2 .msgList li{ float: left; width: 33.33%; }
.productPart2 .msgList li .box{ height: 130px; position: relative; padding-left: 1.0rem; cursor: pointer; }
.productPart2 .msgList li .ico{ position: absolute; left: 0; top: 0; border: #e7e7e7 solid 1px; border-radius: 50%; background: #f7f7f7; width: 0.78rem; height: 0.78rem; text-align: center; line-height: 0.78rem; }
.productPart2 .msgList li .ico .img1{ display: none; }
.productPart2 .msgList li .name{ padding-top: 10px; font-size: 16px; color: #333; font-weight: bold;}
.productPart2 .msgList li .msg{ font-size: 14px; line-height: 24px; padding-top: 8px; padding-right: 0.5rem;}
.productPart2 .msgList li:hover .ico{ border: #fe0000 solid 1px; background: #fe0000; }
.productPart2 .msgList li:hover .ico img{ display: none; }
.productPart2 .msgList li:hover .ico .img1{ display: inline-block; }
.productPart2 .msgList li:hover .name{ color: #fe0000; }
.productPart2 .list li{ position: relative; height: 5.6rem; border-bottom: #e7e7e7 solid 1px; padding-right: 7.0rem; }
.productPart2 .list li .imgDiv{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.productPart2 .list li .imgDiv img{ width: 6.5rem; }
.productPart2 .list li .conDiv{ position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.productPart2 .list li .content{ font-size: 14px; line-height: 30px; padding-top: 15px; }
.productPart2 .list .li01{ padding-left: 7.3rem; padding-right: 0; }
.productPart2 .list .li01 .imgDiv{ left: 0; right: auto; }
.productPart2 .list .li01 .conDiv{ left: 7.3rem; }
.productPart2 .botbot{ padding-top: 0.75rem; }
.productPart2 .table{ padding-top: 30px; }
.productPart2 .table table{ border-left: #e7e7e7 solid 1px; border-top: #e7e7e7 solid 1px; }
.productPart2 .table th{ height: 48px; background: #fe0000; color: #fff; font-size: 16px; border-right: #e7e7e7 solid 1px; border-bottom: #e7e7e7 solid 1px; }
.productPart2 .table .th01{ width: 1.28rem; }
.productPart2 .table .th02{ width: 3.88rem; }
.productPart2 .table .th03{ width: 1.3rem; }
.productPart2 .table .th04{ width: 6.5rem; }
.productPart2 .table td{ height: 48px; font-size: 14px; border-right: #e7e7e7 solid 1px; border-bottom: #e7e7e7 solid 1px; text-align: center;}
.productPart2 .table td em{ text-align: left; }

.case{ padding-top: 0.45rem; }
.case .list ul{ margin-right: -0.6rem; }
.case .list li{ float: left; width: 33.33%; padding-bottom: 0.5rem; }
.case .list li .box{ margin-right: 0.6rem; border-bottom: #e7e7e7 solid 1px; padding-bottom: 40px;}
.case .list li .imgDiv{ overflow: hidden; }
.case .list li .imgDiv img{ width: 100%; }
.case .list li .name{ padding-top: 20px; height: 40px; line-height: 40px; font-size: 18px; color: #333; font-weight: bold; }
.case .list li .content{ padding-top: 5px; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; color: #666; }
.case .list li .box:hover .name{ color: #fe0000; }
.case .list li .box:hover .imgDiv img{ transform:scale(1.1); -webkit-transform:scale(1.1);}

.news{ padding-top: 0.45rem; padding-bottom: 40px;}
.news .list li{ height: 3.0rem; border-bottom: #e7e7e7 solid 1px; }
.news .list li:first-child{ border-top: #e7e7e7 solid 1px; }
.news .list li a{ display: block; height: 3.0rem; padding-left: 3.9rem; padding-right: 2.4rem; position: relative; }
.news .list li .imgDiv{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.news .list li .imgDiv img{ width: 3.5rem; }
.news .list li .name{ padding-top: 0.65rem; height: 0.46rem; line-height: 0.46rem; overflow: hidden; color: #333; font-size: 18px; font-weight: bold;}
.news .list li .content{ padding-top: 0.15rem; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; color: #666; }
.news .list li .time{ padding-top: 0.25rem; color: #999; font-size: 14px; }
.news .list li .btnDiv{ position: absolute; right: 0; top: 50%; height: 60px; width: 150px; margin-top: -30px; }
.news .list li .btnDiv:before{ content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 60px; background: #e7e7e7; }
.news .list li .btnDiv em{ display: block; position: absolute; right: 0; top: 50%; margin-top: -0.21rem; width: 1.18rem; text-align: center; font-weight: bold; text-transform: uppercase; height: 0.42rem; line-height: 0.42rem; border: #fe0000 solid 1px; font-size: 12px; color: #fe0000; border-radius: 0.24rem;}
.news .list li a:hover .name{ color: #fe0000; }
.news .list li a:hover .btnDiv em{ background: #fe0000; color: #fff; }

.newShow .name{ font-size: 24px; color: #333; font-weight: bold; padding-bottom: 25px; }
.newShow .time{ padding-bottom: 40px; border-bottom: #e7e7e7 solid 1px; }
.newShow .time em{ padding-right: 20px; font-size: 14px; color: #999; }
.newShow .content{ font-size: 14px; line-height: 30px; padding: 35px 0; }
.newShow .imgDiv{ text-align: center; padding: 35px 0; }
.newShow .content img{ max-width: 1200px; }

.pageDown{ border-top: #e7e7e7 solid 1px; padding-top: 40px; position: relative;}
.pageDown .list li{ font-size: 14px; line-height: 30px; height: 30px; overflow: hidden; }
.pageDown .list li b{ color: #333; }
.pageDown .btnDiv{ position: absolute; right: 0; top: 45px; }
.pageDown .btnDiv a{ display: block; width: 1.18rem; text-align: center; font-weight: bold; text-transform: uppercase; height: 0.42rem; line-height: 0.42rem; border: #fe0000 solid 1px; font-size: 12px; color: #fe0000; border-radius: 0.24rem; }
.pageDown .btnDiv a:hover{ background: #fe0000; color: #fff;}

.contact{ overflow: hidden; }
.contact .leftDiv{ width: 5.2rem; }
.contact .indexTitle{ padding-bottom: 30px; }
.contact .name{ padding: 25px 0 20px; border-top: #e7e7e7 solid 1px; font-weight: bold; font-size: 0.24rem; color: #333; line-height: 0.24rem; }
.contact .msgList li{ position: relative; padding-left: 30px; font-size: 14px; line-height: 0.4rem; }
.contact .msgList li img{ position: absolute; left: 0; top: 50%; margin-top: -7px; }
.contact .rightDiv{ width: 9.1rem; }
.contact .mapDiv{ height: 4.5rem; }

.partner{ padding-top: 0.45rem; }
.partner .content{ font-size: 14px; line-height: 24px;}
.partner .title{ margin-top: 0.4rem; font-size: 18px; font-weight: bold; height: 36px; line-height: 36px; color: #fe0000; padding-left: 22px; background: url(../images/nimg12_1.png) left center no-repeat;}
.partner .list{ margin-top: 25px; border-top: #e7e7e7 solid 1px; border-left: #e7e7e7 solid 1px; overflow: hidden; }
.partner .list li{ float: left; width: 50%; font-size: 14px;}
.partner .list li .mxfDiv{ position: relative; padding: 0 0.3rem 0 1.5rem; height: 58px; border-bottom: #e7e7e7 solid 1px; border-right: #e7e7e7 solid 1px; }
.partner .list li .txt{ position: absolute; left: 0; top: 0; width: 1.28rem; height: 100%; border-right: #e7e7e7 solid 1px; background: #f7f7f7; text-align: center; line-height: 58px; font-weight: bold; color: #333;}
.partner .list li .msg{ height: 58px; display: table-cell; vertical-align: middle; }
.partner .l7Div{ border-left: #e7e7e7 solid 1px; overflow: hidden;}
.partner .l7Div .leftDiv, .partner .l7Div .rightDiv{ width: 50%; }
.partner .l7Div .leftDiv .mxfDiv{ position: relative; padding: 0 0.3rem 0 1.5rem; height: 353px; border-bottom: #e7e7e7 solid 1px; border-right: #e7e7e7 solid 1px; }
.partner .l7Div .leftDiv .txt{ position: absolute; left: 0; top: 0; width: 1.28rem; height: 100%; border-right: #e7e7e7 solid 1px; background: #f7f7f7; text-align: center; font-weight: bold; color: #333; font-size: 14px;}
.partner .l7Div .leftDiv .txt em{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%;}
.partner .l7Div .leftDiv .msg{ height: 353px; display: table-cell; vertical-align: middle; font-size: 14px; line-height: 30px; }
.partner .l7Div .rightDiv li{ padding: 0 0.4rem 0 0.2rem; height: 58px; border-bottom: #e7e7e7 solid 1px; border-right: #e7e7e7 solid 1px; }
.partner .l7Div .rightDiv li .msg{ font-size: 14px; height: 58px; vertical-align: middle; display: table-cell; }

.historyBox{ padding-top: 0.8rem; background: url(../images/historyBg.jpg) center bottom no-repeat; background-size: 100%;}
.history{ padding: 45px 0 80px; }
.historyPic{ position: relative; }
.historyPic:before{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -1px; width: 100%; height: 2px; background: #c5c5c5; }
.historyPic .swiper-slide{ height: 4.5rem; padding-bottom: 0.2rem; width: 100%; position: relative; }
.historyPic .swiper-slide .ico{ position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; width: 20px; height: 20px; background: #fff; border-radius: 50%; box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.1);}
.historyPic .swiper-slide .ico:before{ content: ''; position: absolute; left: 50%; top: 50%; background: #c5c5c5; border-radius: 50%; width: 10px; height: 10px; margin-left: -5px; margin-top: -5px; }
.historyPic .swiper-slide .hideBox{ position: absolute; left: 0; top: 0; width: 100%; height: 4.5rem; display: none; background: #fff; box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.1);}
.historyPic .swiper-slide .year{ position: absolute; left: 0; top: 1.5rem; width: 100%; text-align: center; font-size: 0.48rem; line-height: 0.48rem; color: #999; font-family: bold; }
.historyPic .swiper-slide .msg{ position: absolute; left: 0; top: 2.5rem; width: 100%; font-size: 14px; line-height: 24px; text-align: center;}
.historyPic .swiper-slide .msg em{ display: block; padding: 0 0.7rem; }
.historyPic .swiper-slide:nth-child(2n) .year{ top: 2.5rem;}
.historyPic .swiper-slide:nth-child(2n) .msg{ top: auto; bottom: 2.5rem; }
.historyPic .swiper-slide .mxfDiv{ padding: 0.2rem; }
.historyPic .swiper-slide .imgDiv img{ width: 100%; }
.historyPic .swiper-slide .year2{ padding: 0.25rem 0; font-size: 0.24rem; line-height: 0.24rem; color: #fe0000; font-weight: bold; }
.historyPic .swiper-slide .content{ font-size: 14px; line-height: 24px; }
.historyPic .btn{ z-index: 2; position: absolute; bottom: 0; width: 192px; height: 44px; background: #c5c5c5; color: #fff; font-size: 14px; text-transform: uppercase; font-weight: bold; line-height: 44px;}
.historyPic .btn:hover{ background: #fe0000; }
.historyPic .prev{ left: 50%; margin-left: -192px; text-indent: 75px; }
.historyPic .next{ right: 50%; margin-right: -192px; text-indent: 40px; }
.historyPic .prev:before{ content: ''; position: absolute; left: 30px; top: 50%; width: 20px; height: 5px; margin-top: -3px; background: url(../images/nimg20_left.png) center no-repeat; }
.historyPic .next:before{ content: ''; position: absolute; right: 30px; top: 50%; width: 20px; height: 5px; margin-top: -3px; background: url(../images/nimg20_right.png) center no-repeat; }

.history .list{ position: relative; padding-top: 1.0rem; }
.history .list:before{ z-index: 1; content: ''; position: absolute; left: 0; top: 0; width: 0.68rem; height: 0.68rem; background: url(../images/nimg40_3.jpg) no-repeat; background-size: 0.68rem; }
.history .list:after{ content: ''; position: absolute; left: 14px; top: 0; width: 2px; height: 100%; background: #fe0000; }
.history .list li{ position: relative; padding-left: 0.8rem; z-index: 2; padding-bottom: 0.5rem;}
.history .list li .year{ position: absolute; left: 0; color: #fe0000; padding-left: 0.8rem; font-size: 0.36rem; background: url(../images/nimg12_1.png) 0.2rem 0.06rem no-repeat; background-size: 12px;}
.history .list li .content{ padding-top: 0.5rem; font-size: 0.26rem; line-height: 0.52rem;  }
.history .list li .imgDiv{ padding-top: 0.3rem; }
.history .list li .imgDiv img{ width: 100%;}