@charset "UTF-8";


/*html, body { position: relative; height: 100%; }*/

/*.page { width: 100%; height: 100%; margin-left: auto; margin-right: auto;}*/

.headD{ height: 96px; }

.head { position: fixed; left: 0; top: 0; width: 100%; height: 106px; z-index: 6; background: #fff; box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.15);}
.head .wal{ height: 106px; position: relative; }
.head.hide{ top: -106px; }
/*.head.hov{ background: #fff; position: relative; }*/
.head .topLeft{ position:absolute; left: 0.5rem; top: 0; height: 106px; z-index:1;}
.head .logo{ width: 223px; height: 106px; overflow: hidden; display: block; position: relative;}
.head .logo:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -29px; width: 1px; height: 58px; background: #ccc; }
.head .logo img{ width: 200px; position: absolute; left: 0; top: 50%; margin-top: -29px; }
.head .logo2{ margin-left: 26px; width: 513px; height: 106px; overflow: hidden; display: block; position: relative;}
.head .logo2 img{ width: 513px; position: absolute; left: 0; top: 50%; margin-top: -23px; }

.head .topRight{ position: absolute; right: 0.6rem; top: 0; z-index: 1; }
.searchbtn{ padding-top: 33px; }
.searchbtn a{ display: block; position: relative; width: 38px; height: 38px; border-radius: 50%; border: #0195ff solid 1px; background: #0195ff url(../images/nimg16_1.png) center no-repeat; }

.pageHead{ position: absolute; }

#page{ position:relative;}
.page .swiper-pagination{ position:absolute; z-index:5!important; width: 21px; margin-bottom: 0; transform: translateY(-50%); left: auto!important; right:0.5rem!important; top: 50%!important; margin-left: 0px!important;} 
.page .swiper-pagination-bullet{ cursor: pointer; display:block; opacity: 1; border-radius: 50%; width: 21px; height: 21px; margin: 0.15rem 0!important; background: url(../images/ico1.png) no-repeat; }
.page .swiper-pagination-bullet-active { background: url(../images/ico1on.png) no-repeat;}


.nav{ padding-right: 0.6rem; }
.nav li { float: left; }
.nav a.name { display: block; width: 120px; text-align: center; height: 106px; line-height: 106px; position: relative; font-size: 16px; color: #333; }
.nav a.name:hover, .nav a.name.on{ color: #fff!important;  background-image: linear-gradient(top,#025cff,#1bd6ff);
    background-image: -webkit-linear-gradient(top,#025cff,#1bd6ff);
    background-image: -moz-linear-gradient(top,#025cff,#1bd6ff);
    background-image: -o-linear-gradient(top,#025cff,#1bd6ff);
    background-image: linear-gradient(to bottom,#025cff,#1bd6ff);
  background-image: -webkit-linear-gradient(to bottom,#025cff,#1bd6ff);
    background-image: -moz-linear-gradient(to bottom,#025cff,#1bd6ff);
    background-image: -o-linear-gradient(to bottom,#025cff,#1bd6ff);}

.search-form { width: 100%; position:fixed; left: 0; top: 0; background: rgba(0,0,0,0.4); z-index: 10; height: 100%; display: none; /* input placeholder  */}
.search-form .wal {
  position: absolute;
  width: 15.36rem;
  left: 50%; 
  margin-left: -7.68rem;
  top: 50%; 
  margin-top: -43px;
  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;
  border-bottom: 1px solid #fff;
}
.search-form .keywords { flex: 1; overflow: hidden; line-height: 86px; margin-left: 20px; font-size: 15px; color: #fff;}
.search-form ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #fff;
}
.search-form :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #fff;
}
.search-form ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #fff;
}
.search-form :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #fff;
}
.search-form .icon-close {
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 10;
  margin-top: -15px;
  transition: transform 0.3s ease;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
}
.search-form .icon-close:hover {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

@media screen and (min-width: 1024px) {
  .nav .list { position: fixed; top: 100px; width: 160px; min-height: .8rem; opacity: 0; visibility: hidden; }
  .nav .list dl{ padding: 10px 0; position: relative; left: -20px; background: #fff; border-radius: 6px; box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);}
  /*.nav li:nth-child(2) .list dl{ left: -37px; }*/
  .nav .list a { display: block; color: #222; text-align: center; height: 45px; line-height: 45px; font-size: 15px; position: relative; }
  .nav .list a:hover { color: #0195ff; }
  .nav li:hover a.name {  color: #fff!important;  background-image: linear-gradient(top,#025cff,#1bd6ff);
    background-image: -webkit-linear-gradient(top,#025cff,#1bd6ff);
    background-image: -moz-linear-gradient(top,#025cff,#1bd6ff);
    background-image: -o-linear-gradient(top,#025cff,#1bd6ff);
    background-image: linear-gradient(to bottom,#025cff,#1bd6ff);
  background-image: -webkit-linear-gradient(to bottom,#025cff,#1bd6ff);
    background-image: -moz-linear-gradient(to bottom,#025cff,#1bd6ff);
    background-image: -o-linear-gradient(to bottom,#025cff,#1bd6ff); }
  .nav li:hover .list { opacity: 1; visibility: visible; top: 90px;}
}

/*index*/
@media screen and (min-width: 1024px) {
  #page { height: 100vh; position: relative; overflow: hidden; }
  .pageSlide { height: 100vh; overflow: hidden; /*padding-top: 100px;*/ }
  .pageSlide.footBox { height: 7.0rem; padding-top: 1.4rem; }

  }

@-webkit-keyframes slideIndUp {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px);
        -moz-transform: translateY(50px);
        -o-transform: translateY(50px);
    }
    100% {
        opacity: 1;
        filter: alpha(opacity=1);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
    }
}

@keyframes slideIndUp {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px);
        -moz-transform: translateY(50px);
        -o-transform: translateY(50px);
    }
    100% {
        opacity: 1;
        filter: alpha(opacity=1);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
    }
}

@-webkit-keyframes slideIndRight {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translateX(50px);
        -ms-transform: translateX(50px);
        transform: translateX(50px);
        -moz-transform: translateX(50px);
        -o-transform: translateX(50px);
    }
    100% {
        opacity: 1;
        filter: alpha(opacity=1);
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
    }
}

@keyframes slideIndRight {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translateX(50px);
        -ms-transform: translateX(50px);
        transform: translateX(50px);
        -moz-transform: translateX(50px);
        -o-transform: translateX(50px);
    }
    100% {
        opacity: 1;
        filter: alpha(opacity=1);
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
    }
}

/*<!---->*/


  .pageSlide.swiper-slide-active .slideUp {
    -webkit-animation-name: slideIndUp;
    animation-name: slideIndUp;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
    }
  
  .pageSlide.swiper-slide-active .slideRight {
    -webkit-animation-name: slideIndRight;
    animation-name: slideIndRight;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
    }

  .pageSlide.swiper-slide-active .slideDelay2 {
    animation-delay: 0.6s; -webkit-animation-delay: 0.6s;}
  .pageSlide.swiper-slide-active .slideDelay3 {
    animation-delay: 0.9s; -webkit-animation-delay: 0.9s; }
  .pageSlide.swiper-slide-active .slideDelay4 {
    animation-delay: 1.2s; -webkit-animation-delay: 1.2s; }
  .pageSlide.swiper-slide-active .slideDelay5 {
    animation-delay: 1.5s; -webkit-animation-delay: 1.5s; }
  .pageSlide.swiper-slide-active .slideDelay6 {
    animation-delay: 1.8s; -webkit-animation-delay: 1.8s; }

.pageSlide { position: relative; background: center no-repeat; background-size: cover; }

.indexP1 .indexBox, .indexP2 .indexBox, .indexP3 .indexBox{ width: 100%; }

.ind-banner{width: 100%; overflow: hidden; z-index: 1;} 
.ind-banner .swiper-slide {position: relative; height: 100vh;}
.ind-banner .swiper-slide .img{ height: 100vh; position: absolute; left: 0; top: 0; width: 100%;}
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .one{ position: absolute; left: 0; width: 100%; box-sizing: border-box; text-align: center; top: 35%; transform: translateY(-65%); z-index: 2; color: #fff;} 
.ind-banner .one .txt{ font-size: 0.48rem; line-height: 0.6rem; letter-spacing: 5px; }
.ind-banner .one .en{ padding-top: 0.2rem; font-size: 0.18rem; font-family: light; line-height: 0.3rem; }
.ind-banner .two{ position: absolute; right: 50%; margin-right: -7.68rem; top: 35%; transform: translateY(-65%); z-index: 2; text-align: right;} 
.ind-banner .two .txt{ font-size: 0.48rem; line-height: 0.64rem; color: #fff; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);}
.ind-banner .two .txt b{ display: block; }
.ind-banner .two .en{ padding-top: 0.2rem; font-size: 0.16rem; font-family: light; line-height: 0.3rem; color: #fff; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);}
.ind-banner .three{ position: absolute; left: 0; width: 100%; box-sizing: border-box; text-align: center; top: 35%; transform: translateY(-65%); z-index: 2;} 
.ind-banner .three .txt{ font-size: 0.48rem; line-height: 0.64rem; color: #0261ff; }
.ind-banner .three .txt b{ display: block; }
.ind-banner .three .en{ padding-top: 0.2rem; font-size: 0.18rem; font-family: light; line-height: 0.3rem; color: #9aacc7;}

.ind-banner .dots { position: absolute; width: 100%!important; text-align: center; z-index: 10; left: 0; right: 50px; top: auto; bottom: 0.4rem!important; }
.ind-banner .dots span { display: inline-block; position: relative; width: 10px; height: 10px; margin: 0 0 0 20px!important; opacity: 1; border: none; background: #fff;}
.ind-banner .dots .swiper-pagination-bullet-active { background: #0195ff; }

.ind-banner .swiper-slide video {
	 position: absolute;
  width: 100%;
  height:100%;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  object-fit: cover;
  }

.indexTxt .cn{ font-size: 0.48rem; line-height: 0.48rem; color: #000; font-weight: bold;}
.indexTxt .cn img{ padding-right: 12px; }
.indexTxt .en{ padding-left: 25px; font-size: 0.18rem; line-height: 0.18rem; padding-top: 0.2rem; font-family: light; text-transform: uppercase; }

.indexTop{ position: relative; }
.indMore a{ display: block; position: relative; text-align: center; text-transform: uppercase; width: 1.5rem; height: 0.5rem; line-height: 0.5rem; border-radius: 4px; color: #fff; font-size: 0.16rem; font-family: bold; overflow: hidden; }
.indMore em{ position:relative; z-index:1;}
.indMore a:after{ content: ""; display: block; width: 0%; height: 100%; position: absolute; top: 0; left: 0; background-image: linear-gradient(90deg,#0195ff 0,#025bff); transition: 0.5s;}
.indMore a:hover:after{ width:100%;}

.indexP1 { position: relative; background: center no-repeat; background-size: cover;}
.indexP1 .rightDiv{ position: absolute; right: 0; top: 0; padding-left: 1.3rem; /* width: 50%;*/ height: 100vh; z-index: 5; overflow: hidden; }
.indexP1 .rightDiv img{ width: 100%; }
.indexP1 .rightDiv .mxfDiv{ width: 7.68rem; height: 100%; background: center no-repeat; background-size: cover; }
.indexP1 .rightDiv .zuo{ position: absolute; left: 0; top: 42%; margin-top: -2.9rem; width: 1.3rem; height: 5.8rem; background: url(../images/zuo_k.png) no-repeat; background-size: 100%; }
.indexP1 .rightDiv .numList{ position: absolute; left: 1.3rem; top: 42%; margin-top: -2.9rem; width: 4.5rem; height: 5.8rem; background: url(../images/you_k.png) no-repeat; background-size: 100%; }
.indexP1 .rightDiv .pjDiv{ padding-left: 1.15rem;}
.indexP1 .rightDiv .pjDiv ul{ height: 5.8rem; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column;justify-content: center; -webkit-justify-content: center;}
.indexP1 .rightDiv .pjDiv li{ color: #fff; padding-bottom: 0.75rem; font-size: 0.16rem; line-height: 0.16rem;}
.indexP1 .rightDiv .pjDiv li:last-child{ padding-bottom: 0; }
.indexP1 .rightDiv .pjDiv li p{ height: 0.35rem; }
.indexP1 .rightDiv .pjDiv li .num{ position: relative; display: flex; display: -webkit-flex; align-items: flex-end; -webkit-align-items: flex-end;}
.indexP1 .rightDiv .pjDiv li .numUp{ font-size: 0.6rem; line-height: 0.46rem; font-family: bold; padding-right: 0.1rem; }
.indexP1 .rightDiv .pjDiv li span{ position: relative; top: -0.3rem; display: block; width: 16px; height: 16px; background: url(../images/nimg16_2.png) no-repeat; }
.indexP1 .conDiv{ width: 7.1rem; }
.indexP1 .title{ font-size: 0.4rem; line-height: 0.4rem; padding-top: 0.5rem; color: #333;}
.indexP1 .content{ margin-top: 0.35rem; line-height: 0.32rem; font-size: 0.16rem; color: #333; text-align: justify; }
.indexP1 .indMore{ padding-top: 0.65rem; }
.indexP1 .shuList{ padding-top: 0.9rem; }
.indexP1 .shuList li{ float: left; width: 25%;}
.indexP1 .shuList li p{ font-size: 0.16rem; line-height: 0.16rem; color: #333; height: 0.36rem;}
.indexP1 .shuList li .num{ position: relative; display: flex; display: -webkit-flex; align-items: flex-end; -webkit-align-items: flex-end;}
.indexP1 .shuList li .numUp{ font-size: 0.6rem; line-height: 0.46rem; font-family: regular; color: #0195ff; padding-right: 0.1rem;}
.indexP1 .shuList li span{ position: relative; top: -0.26rem; display: block; width: 16px; height: 16px; background: url(../images/nimg16_4.png) no-repeat; }

.indexP2{ background: right top no-repeat; background-size: 10.2rem;}
.indexP2 .toptop{ height: 20vh;display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }
.indexP2 .indexTxt{ text-align: center; }
.indexP2 .indexTxt .en{ padding-left: 0; }
.indexP2 .botbot{ height: 80vh; }
.indexP2 li { float:left; width: 25%; height: 80vh; overflow: hidden;}
.indexP2 li a{ display: block; width: 100%; height: 100%; position: relative; background-image: linear-gradient(left,#025bff,#0195ff);
    background-image: -webkit-linear-gradient(left,#025bff,#0195ff);
    background-image: -moz-linear-gradient(left,#025bff,#0195ff);
    background-image: -o-linear-gradient(left,#025bff,#0195ff);
    background-image: linear-gradient(to right,#025bff,#0195ff);
  background-image: -webkit-linear-gradient(to right,#025bff,#0195ff);
    background-image: -moz-linear-gradient(to right,#025bff,#0195ff);
    background-image: -o-linear-gradient(to right,#025bff,#0195ff); }
.indexP2 li .xianBg{ position: absolute; left: 0; bottom: 0; z-index: 0; }
.indexP2 li .xianBg img{ width: 100%; }
.indexP2 li .picBg{ opacity: 0; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: center no-repeat; background-size: cover; z-index: 1;}
.indexP2 li .conDiv{ padding-left: 0.5rem; padding-right:0.5rem; padding-top: 18%; position: relative; z-index: 2; }
.indexP2 li .ico{ height: 1.1rem; }
.indexP2 li .cn{ font-size: 0.3rem; line-height: 0.3rem; color: #fff; }
.indexP2 li .en{ padding-top: 0.15rem; width: 2.9rem; font-size: 0.16rem; line-height: 0.2rem; color: rgba(255,255,255,0.3); font-family: bold; text-transform: uppercase; }
.indexP2 li .msg{ margin-top: 0.25rem; font-size:0.16rem; line-height:0.28rem; height: 1.12rem; color:#fff;}
.indexP2 li .btn{ margin-top: 0.85rem; width: 45px; height: 30px; border-radius: 24px; border: #fff solid 1px; background: url(../images/ico3.png) center no-repeat; }
.indexP2 li a:hover .picBg{ opacity: 1; }
.indexP2 li a:hover .btn{ border: #00d2ff solid 1px; background: #00d2ff url(../images/ico3.png) center no-repeat;}

.indexP3 .toptop{ position:relative; height: 20vh;display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }
/*.indexP3 .indexTxt{ text-align: center; }
.indexP3 .indexTxt .en{ padding-left: 0; }*/
.indexP3 .indMore{ position:absolute; right:50%; margin-right:-7.68rem; top:50%; margin-top:-0.25rem;}
.indexP3 .botbot{ position: absolute; left: 0; bottom: 0; width: 100%; height: 80vh; }
.indexP3 .botbot ul{ display: block; width: auto; margin-right: -12px;/* margin-top: -12px;*/ }
.indexP3 .botbot li{ float: left; width: 50%; padding-top: 12px; height: auto; }
.indexP3 .botbot li:nth-child(3), .indexP3 .botbot li:nth-child(4), .indexP3 .botbot li:nth-child(5){ width: 33.33%; }
.indexP3 .botbot li .box{ margin-right: 12px; height:calc(50vh - 12px); position: relative; overflow: hidden;}
.indexP3 .botbot li:nth-child(3) .box, .indexP3 .botbot li:nth-child(4) .box, .indexP3 .botbot li:nth-child(5) .box{ height:calc(30vh - 12px);}
.indexP3 .botbot li .box:after{ content: ''; opacity: 0; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/bg1.png) bottom repeat-x; }
.indexP3 .botbot li .limg{ height: 100%; }
.indexP3 .botbot li .limg img{ width: 100%; height: 100%; object-fit: cover; }
.indexP3 .botbot li .layer{ position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; padding: 0 0.35rem 0 0.8rem; height: 0.66rem; overflow: hidden; }
.indexP3 .botbot li .name{ height: 0.66rem; line-height: 0.66rem; overflow: hidden; color: #fff; font-size: 0.2rem; }
.indexP3 .botbot li .more{ margin-top: 0.1rem; text-align: center; text-transform: uppercase; width: 1.5rem; height: 0.5rem; line-height: 0.5rem; border-top-right-radius: 0.2rem; border-bottom-left-radius: 0.2rem; color: #fff; font-size: 0.16rem; font-family: bold;}
.indexP3 .botbot li .box:hover:after{ opacity: 1; }
.indexP3 .botbot li .box:hover .layer{ height: 1.85rem; }
.indexP3 .swiper-pagination{ display: none; position: relative; left: 0; bottom: 0!important; right: auto!important; top: auto!important; transform: translateY(0)!important; padding-top: 0.6rem;}
.indexP3 .swiper-pagination-bullet { position: relative; display: inline-block!important; width: 8px; height: 8px; opacity: 1; border-radius: 50%; border: #0075cf solid 1px; background: #fff; margin-left: 0.15rem!important; margin-right: 0.15rem!important; } 
.indexP3 .swiper-pagination-bullet-active { background: #0273ff;}

.indexP4{ background: #f2f9ff url(../images/nimg1665Bg.png) center no-repeat; background-size: 16.65rem;}
.indexP4 .indexTxt{ text-align: center; }
.indexP4 .indexTxt .en{ padding-left: 0; }
.indexP4 .list{ padding-top: 0.8rem; width: 100%; }
.indexP4 .list li{ float: left; width: 20%; }
.indexP4 .list li a{ position: relative; width: 100%; height: 5.0rem; background: #fff;}
.indexP4 .list li .hideDiv{ opacity: 0; z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-top-left-radius: 1rem; border-bottom-right-radius: 1rem; overflow: hidden; }
.indexP4 .list li .hideDiv:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(top,#025bff,#00d2ff);
    background-image: -webkit-linear-gradient(top,#025bff,#00d2ff);
    background-image: -moz-linear-gradient(top,#025bff,#00d2ff);
    background-image: -o-linear-gradient(top,#025bff,#00d2ff);
    background-image: linear-gradient(to bottom,#025bff,#00d2ff);
  background-image: -webkit-linear-gradient(to bottom,#025bff,#00d2ff);
    background-image: -moz-linear-gradient(to bottom,#025bff,#00d2ff);
    background-image: -o-linear-gradient(to bottom,#025bff,#00d2ff);}
.indexP4 .list li .bg{ width: 100%; height: 100%; background: center no-repeat; background-size: cover; opacity: 0.2;}
.indexP4 .list li .conDiv{ position: relative; z-index: 2; }
.indexP4 .list li .ico{ margin: 0 auto; width: 49px; height: 1.0rem; position: relative; }
.indexP4 .list li .ico img{ position: absolute; left: 0; top: 0; }
.indexP4 .list li .ico .img1{ opacity: 0; }
.indexP4 .list li .cn{ font-size: 0.24rem; line-height: 0.24rem; height: 0.42rem; color: #333; text-align: center; }
.indexP4 .list li .en{ font-size: 14px; line-height: 20px; height: 40px; color: #999; font-family: light; text-transform: uppercase; text-align: center; }
.indexP4 .list li .more{ margin: 0.8rem auto 0; width: 28px; height: 16px; background: url(../images/nimg28_1.png) no-repeat; }
.indexP4 .list li a:hover .hideDiv{ opacity: 1; }
.indexP4 .list li a:hover .ico img{ opacity: 0; }
.indexP4 .list li a:hover .ico .img1{ opacity: 1; }
.indexP4 .list li a:hover .cn, .indexP4 .list li a:hover .en{ color: #fff; }
.indexP4 .list li a:hover .more{ background: url(../images/nimg28_1on.png) no-repeat;}

.indexP5{ background: url(../images/nimg1042Bg.png) left top no-repeat; background-size: 10.42rem; }
.indexP5:after{ content: ''; position: absolute; right: 0.35rem; bottom: 0; width: 6.57rem; height: 1.88rem; background: url(../images/nimg657Bg.png) no-repeat; background-size: 6.57rem; }
.indexP5 .indexTxt{ text-align: center; padding-bottom: 0.3rem; }
.indexP5 .indexTxt .en{ padding-left: 0; }


.indexP5 .mxfDiv{ height: 6.0rem; position: relative; z-index: 1; }
.indexP5 .leftDiv{ width: 9.2rem; }
.indexP5 .leftDiv .limg{ width: 100%; height: 6.0rem; }
.indexP5 .leftDiv .limg img{ width: 100%; height: 100%; object-fit: cover; }
.indexP5 .tab{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 1; width: 6.84rem; }
.indexP5 .tab li{ height: 1.6rem; margin-bottom: 8px;}
.indexP5 .tab li a{ display: block; height: 1.6rem; padding: 0.35rem 0.8rem 0 0.6rem; background: #fff; border-radius: 6px; box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.06);}
.indexP5 .tab li .time{ font-family: regular; font-size: 0.18rem; line-height: 0.18rem; margin-bottom: 0.1rem; color: #bcb9b9; }
.indexP5 .tab li .name{ max-height: 0.68rem; line-height: 0.34rem; overflow: hidden; font-size: 0.24rem; color: #222; font-weight: bold; }
.indexP5 .tab li:last-child a{ border-bottom-right-radius: 0.48rem; }
.indexP5 .tab .liNow a{ background-image: linear-gradient(left,#025bff,#0195ff);
    background-image: -webkit-linear-gradient(left,#025bff,#0195ff);
    background-image: -moz-linear-gradient(left,#025bff,#0195ff);
    background-image: -o-linear-gradient(left,#025bff,#0195ff);
    background-image: linear-gradient(to right,#025bff,#0195ff);
  background-image: -webkit-linear-gradient(to right,#025bff,#0195ff);
    background-image: -moz-linear-gradient(to right,#025bff,#0195ff);
    background-image: -o-linear-gradient(to right,#025bff,#0195ff);}
.indexP5 .tab .liNow .time{ color: rgba(255,255,255,0.4); }
.indexP5 .tab .liNow .name{ color: #fff;}

.indexP5 .indMore{ margin: 0.4rem auto 0; width: 1.5rem; }

.footBox{ position: relative; padding-top: 1.4rem; height: 7.0rem; }
.footBox .logo{ position: absolute; right: 50%; margin-right: -7.68rem; top: -65px; z-index: 2; }
.footBox .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 20px; background: url(../images/bg2.jpg) repeat-y; background-size: 100%; }
.footBox .bg:before{ content: ''; position: absolute; left: 50%; margin-left: -7.68rem; top: 0; width: 284px; height: 20px; background: url(../images/nimg284Bg.png) no-repeat; }
.footBox .toptop{ position: relative; height: 3.86rem; }
.footNav li{ float: left; width: 2.0rem;}
.footNav li:last-child{ width: auto; }
.footNav li h2{ height: 45px; font-size: 0.2rem; line-height: 0.2rem; font-weight: 400; }
.footNav li h2 a{ display: block; color: #000;}
.footNav li dd a{ display: block; font-size: 0.16rem; color: #666; line-height: 0.36rem; }
.footNav li h2 a:hover, .footNav li dd a:hover{ color: #0195ff; }


.footBox .links{ left: 0; bottom: 0; width:258px; position: absolute; z-index: 1; }
.footBox .links .name{ background: #fff; height: 46px; line-height: 46px; font-size: 14px; color: #9a9a9a; border: #e6e6e6 solid 1px; padding-left: 20px; position: relative; cursor:pointer; border-radius: 6px;}
.footBox .links .name:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -4px; width: 28px; height: 9px; background:url(../images/selectIco.png) center no-repeat;}
.footBox .links dl{position:absolute; z-index:2; left:0; bottom:46px; width:100%; display:none;}
.footBox .links dd{ margin-bottom: 1px; }
.footBox .links a{ display:block; height: 42px; line-height: 42px; padding-left: 20px; overflow: hidden; background: #fff; border: #e6e6e6 solid 1px; color:#9a9a9a; font-size: 14px;}
.footBox .links a:hover{ color: #0195ff;}

.footBox .ewm{ clear: both; float: right; }
.footBox .ewm img{ width: 106px; box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1); }
.footBox .share{ float: right; padding-bottom: 0.28rem; }
.footBox .share li{ float: left; margin-left: 0.3rem; }
.footBox .share li a{ display: block; width: 42px; height: 42px; background: #fff; border-radius: 50%; position: relative; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);}
.footBox .share li img{ position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -8px; }
.footBox .share li .img1{ opacity: 0; }
.footBox .share li:nth-child(1) a:hover{ background: #0ac15c; }
.footBox .share li:nth-child(2) a:hover{ background: #333; }
.footBox .share li:nth-child(3) a:hover{ background: #ff7e00; }
.footBox .share li a:hover img{ opacity: 0; }
.footBox .share li a:hover .img1{ opacity: 1; }
.footBox .botbot{ padding-top: 0.3rem; }
.footBox .diao{ position: relative; left: -25px; font-size: 14px; color: #9a9a9a; }
.footBox .diao a{ padding: 0 25px; color: #9a9a9a; }
.footBox .diao a:hover{ color: #0195ff; }
.footBox .msg{ font-size: 14px; font-family: light; color: #9a9a9a;}
.footBox .msg a{ color: #9a9a9a;}
.footBox .msg a:hover{ color: #0195ff;}

.pageBanner{ position: relative; }
.pageBanner .bg{ height: 6.5rem; background: center no-repeat; background-size: cover; position: relative;}
.pageBanner .cn{ font-size: 0.48rem; line-height: 0.6rem; color: #fff; }
.pageBanner .en{ font-size: 0.18rem; line-height: 0.18rem; color: #fff; font-family: regular; text-transform: uppercase; padding-top: 0.15rem; }
.pageBanner .bg2 a{ display:block; width:100%; height:100%;}

.newsBox{ padding: 1.2rem 0; background: #f9fbfd url(../images/newShow.jpg) center bottom no-repeat; background-size: 100%;}
.newShow .name{ font-size: 0.36rem; line-height: 0.52rem; color: #0195ff; font-weight: bold; padding-bottom: 0.35rem; }
.newShow .time{ overflow: hidden; padding-bottom: 0.5rem;}
.newShow .time li{ float: left; padding-right: 25px; font-size: 14px; position: relative; padding-left: 30px; font-family: bold; color: #ccc; }
.newShow .time li img{ position: absolute; left: 0; top: 50%; margin-top: -7px; }
.newShow .content{ font-size: 16px; line-height: 30px; }
.newShow .imgDiv{ padding: 50px 0 30px; text-align: center; }
.newShow .content img{ max-width: 10.0rem; }
.newShow .content p{ text-align: center;}

.sideNews .titleDiv .cn{ font-size: 0.3rem; line-height: 0.3rem; color: #393435; font-weight: bold;  padding-bottom: 0.15rem;}
.sideNews .titleDiv .en{ font-size: 14px; color: #bfbfbf; font-family: regular; text-transform: uppercase;}
.sideNews .detail{ padding: 0.4rem 0; }
.sideNews .detail .imgDiv img{ width: 100%;}
.sideNews .detail .name{ margin-top: 0.2rem; color: #333; font-weight: bold; font-size: 0.24rem; line-height: 0.36rem; height: 0.72rem; overflow: hidden; }
.sideNews .detail a:hover .name{ color: #0195ff;}
.sideNews .list{ border-top: #ebebeb solid 1px; }
.sideNews .list li a{ display: block; position: relative; padding-left: 18px; font-size: 0.18rem; color: #666; height: 0.68rem; line-height: 0.68rem; overflow: hidden; border-bottom: #ebebeb solid 1px;}
.sideNews .list li a:before{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -2px; width: 4px; height: 4px; border-radius: 50%; background: #666; }
.sideNews .list li a:hover{ color: #0195ff; }

.pageDown{ padding-top: 35px; }
.pageDown li{ font-size: 16px; }
.pageDown li a{ display: block; height: 46px; line-height: 46px; color: #333; overflow: hidden; }
.pageDown li a:hover{ color: #0195ff; }

.sideNews .share{ padding-top: 0.35rem; overflow: hidden;}
.sideNews .share li{ float: left; margin-right: 15px; }
.sideNews .share li a{ display: block; width: 34px; height: 34px; border-radius: 50%; position: relative; background: #fff; border: #ededed solid 1px; }
.sideNews .share li img{ position: absolute; left: 50%; top: 50%; margin-left: -9px; margin-top: -7px; }
.sideNews .share li .img1{ opacity: 0; }
.sideNews .share li a:hover{ background: #0195ff; border: #0195ff solid 1px;}
.sideNews .share li a:hover img{ opacity: 0; }
.sideNews .share li a:hover .img1{ opacity: 1; }

.backBtn{ padding-top: 0.5rem; }
.backBtn a{ display: block; height: 50px; line-height: 50px; color: #fff; font-size: 16px; border-radius: 24px; background: #0195ff; text-align: center; }
.backBtn img{ margin-left: 10px; position: relative; top: -1px; }

.temeBox{ position: relative; padding: 1.2rem 0 1.4rem; background: #f9fbfd url(../images/newShow.jpg) center bottom no-repeat; background-size: 100%; overflow: hidden;}
.temeBox:after{ content: ''; position: absolute; right: 0; top: 0; width: 10.9rem; height: 6.5rem; background: url(../images/newsBg.png) right top no-repeat; background-size: 10.9rem; }
.temeBox .toptop{ position:relative; z-index:1;}
.temeBox .form{ position:absolute; right:0; top:0; z-index:1; width:260px; height:50px; background:#fff; border:#ddd solid 1px;}
.temeBox .form .input1{ width:100%; box-sizing:border-box; padding-left:15px; height:50px; line-height:50px; font-size:14px;}
.temeBox .form .btn1{ position:absolute; right:0; top:0; width:50px; height:50px; background:url(../images/nimg16_1on.png) center no-repeat;}
.news{ padding-top: 0.6rem; }
.news .part1{ height: 6.0rem; position: relative; z-index: 1; }
.news .leftDiv{ width: 9.2rem; }
.news .leftDiv .limg{ width: 100%; height: 6.0rem; }
.news .leftDiv .limg img{ width: 100%; height: 100%; object-fit: cover; }
.news .tab{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 1; width: 6.84rem; }
.news .tab li{ height: 1.6rem; margin-bottom: 8px;}
.news .tab li a{ display: block; height: 1.6rem; padding: 0.35rem 0.8rem 0 0.6rem; background: #fff; border-radius: 6px; box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.06);}
.news .tab li .time{ font-family: regular; font-size: 0.18rem; line-height: 0.18rem; margin-bottom: 0.1rem; color: #bcb9b9; }
.news .tab li .name{ max-height: 0.68rem; line-height: 0.34rem; overflow: hidden; font-size: 0.24rem; color: #222; font-weight: bold; }
.news .tab li:last-child a{ border-bottom-right-radius: 0.48rem; }
.news .tab .liNow a{ background-image: linear-gradient(left,#025bff,#0195ff);
    background-image: -webkit-linear-gradient(left,#025bff,#0195ff);
    background-image: -moz-linear-gradient(left,#025bff,#0195ff);
    background-image: -o-linear-gradient(left,#025bff,#0195ff);
    background-image: linear-gradient(to right,#025bff,#0195ff);
  background-image: -webkit-linear-gradient(to right,#025bff,#0195ff);
    background-image: -moz-linear-gradient(to right,#025bff,#0195ff);
    background-image: -o-linear-gradient(to right,#025bff,#0195ff);}
.news .tab .liNow .time{ color: rgba(255,255,255,0.4); }
.news .tab .liNow .name{ color: #fff;}


.news .list{ position: relative; z-index: 1; padding: 0.3rem 0 1.0rem; }
.news .list li{ border-bottom: #f0f0f0 solid 1px; }
.news .list li a{ display: block; height: 3.0rem; position: relative; padding: 0.5rem 2.5rem 0 3.8rem; }
.news .list li .imgDiv{ position: absolute; left: 0; top: 50%; margin-top: -1.0rem; width: 3.0rem; height: 2.0rem; }
.news .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.news .list li .name{ height: 0.8rem; line-height: 0.4rem; overflow: hidden; font-size: 0.24rem; color: #222; font-weight: bold; }
.news .list li .content{ margin-top: 0.1rem; font-size: 0.16rem; line-height: 0.3rem; height: 0.6rem; color: #666; text-align: justify;}
.news .list li .time{ padding-top: 0.3rem; font-size: 0.16rem; line-height: 0.16rem; color: #b2b2b2; font-family: regular;}
.news .list li .ico{ position: absolute; right: 0; top: 50%; margin-top: -17px; width: 47px; height: 33px; border-radius: 24px; border: #bfbfbf solid 2px;}
.news .list li .ico:after{ content: ''; position: absolute; width: 6px; height: 9px; left: 50%; top: 50%; margin-left: -3px; margin-top: -5px; background: url(../images/ico2.png) no-repeat; }
.news .list li a:hover .name{ color: #0195ff; }
.news .list li a:hover .ico{ border: none; background-image: linear-gradient(left,#078bff,#00c3ff);
    background-image: -webkit-linear-gradient(left,#078bff,#00c3ff);
    background-image: -moz-linear-gradient(left,#078bff,#00c3ff);
    background-image: -o-linear-gradient(left,#078bff,#00c3ff);
    background-image: linear-gradient(to right,#078bff,#00c3ff);
  background-image: -webkit-linear-gradient(to right,#078bff,#00c3ff);
    background-image: -moz-linear-gradient(to right,#078bff,#00c3ff);
    background-image: -o-linear-gradient(to right,#078bff,#00c3ff);}
.news .list li a:hover .ico:after{ background: url(../images/ico3.png) no-repeat;}

.businessBox{ position: relative; padding: 1.2rem 0; background: url(../images/busTop.png) center top no-repeat; background-size: 100%; overflow: hidden; }
.businessBox:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 5.0rem; background: url(../images/busBot.png) center bottom no-repeat; background-size: 100%; }
.secondTab{ padding-bottom: 0.7rem; position: relative; z-index: 1; }
.secondTab ul{ font-size:0; text-align:center;}
.secondTab li{ display:inline-block; margin:0 5px; position: relative; }
.secondTab li a{ display: block; text-align: center; }
.secondTab li .ico{ display: none; width: 68px; height: 68px; margin: 0 auto; position: relative; }
.secondTab li .ico img{ position: absolute; left: 0; top: 0; }
.secondTab li .ico .img1{ opacity: 0; }
.secondTab li .name{ width:2.3rem; font-size: 0.2rem; line-height: 0.48rem; height:0.48rem; border-radius:0.36rem; color: #222;}
.secondTab li .aNow .ico img{ opacity: 0; }
.secondTab li .aNow .ico .img1{ opacity: 1; }
.secondTab li a:hover .name{ color:#0195ff;}
.secondTab li .aNow .name{ color: #fff!important; background-image: linear-gradient(left,#025bff,#0195ff);
    background-image: -webkit-linear-gradient(left,#025bff,#0195ff);
    background-image: -moz-linear-gradient(left,#025bff,#0195ff);
    background-image: -o-linear-gradient(left,#025bff,#0195ff);
    background-image: linear-gradient(to right,#025bff,#0195ff);
  background-image: -webkit-linear-gradient(to right,#025bff,#0195ff);
    background-image: -moz-linear-gradient(to right,#025bff,#0195ff);
    background-image: -o-linear-gradient(to right,#025bff,#0195ff);}


.business .list{ position: relative; z-index: 1; padding-bottom: 0.35rem; }
.business .list ul{ margin-right: -0.45rem; }
.business .list li{ float: left; width: 33.33%; padding-bottom: 0.6rem;}
.business .list li .box{ margin-right: 0.45rem; }
.business .list li .imgDiv{ overflow: hidden; height: 3.2rem; }
.business .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.business .list li .name{ margin-top: 0.24rem; height: 0.3rem; line-height: 0.3rem; overflow: hidden; font-size: 0.18rem; color: #000; }
.business .list li .wen{ display:none; font-size: 0.15rem; line-height: 0.28rem; height: 0.28rem; overflow: hidden; color: #666; }
.business .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.business .list li .box:hover .name{ color: #0195ff; }

.businessP1{ padding: 1.2rem 0; background: url(../images/busTop.png) center top no-repeat; background-size: 100%; }
.businessP1 .txt{ font-size: 0.24rem; line-height: 0.24rem; color: #0195ff; padding-bottom: 0.1rem; }
.businessP1 .name{ font-size: 0.48rem; line-height: 0.64rem; color: #000; font-weight: bold; }
.businessP1 .content{ padding: 0.2rem 0 0.6rem; font-size: 0.16rem; color: #333; text-align: justify; line-height: 0.32rem; }
.businessP1 .msgList{ padding-bottom: 0.6rem; }
.businessP1 .msgList li{ float: left; width: 54%; padding-left: 68px; padding-bottom: 30px; position: relative; }
.businessP1 .msgList li:nth-child(2n){ width: 46%;} 
.businessP1 .msgList li .ico{ position: absolute; left: 0; top: 0; }
.businessP1 .msgList li .wen{ font-size: 0.24rem; line-height: 0.24rem; color: #0195ff; padding-bottom: 0.1rem; }
.businessP1 .msgList li .msg{ font-size: 0.16rem; line-height: 0.16rem; }
.businessP1 .imgDiv img{ width: 100%; }

.businessP2{ padding: 1.2rem 0; background: #f6f8fb url(../images/businessBg.png) center bottom no-repeat; background-size: 100%; }
.businessP2 .indexTxt{ text-align: center; }
.businessP2 .indexTxt .en{ padding-left: 0; }
.businessP2 .list{ padding-top: 0.6rem; }
.businessP2 .list ul{ margin-right: -0.45rem; }
.businessP2 .list li{ float: left; width: 33.33%; }
.businessP2 .list li .box{ margin-right: 0.45rem; }
.businessP2 .list li .imgDiv{ overflow: hidden; height: 3.2rem; }
.businessP2 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.businessP2 .list li .botDiv{ position: relative; padding: 0.35rem 0.35rem 0; height: 1.8rem; background: #fff; overflow: hidden;}
.businessP2 .list li .botDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background: #0195ff; }
.businessP2 .list li .name{ height: 0.6rem; line-height: 0.3rem; overflow: hidden; font-size: 0.24rem; color: #000; }
.businessP2 .list li .wen{ margin-top: 0.2rem; font-size: 0.15rem; line-height: 0.28rem; height: 0.28rem; overflow: hidden; color: #666; }
.businessP2 .list li .box:hover{ box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.06);}
.businessP2 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.businessP2 .list li .box:hover .botDiv:after{ width: 100%; }
.businessP2 .list li .box:hover .name{ color: #0195ff; }

.honorP1{ padding: 1.2rem 0 0.8rem; background: url(../images/honorBg.png) top right no-repeat; background-size: 7.5rem; }
.honorP1 .list{ padding-top: 0.6rem; }
.honorP1 .list ul{ margin-right: -0.4rem;}
.honorP1 .list li{ float: left; width: 50%; padding-bottom: 0.4rem;}
.honorP1 .list li .box{ position: relative; margin-right: 0.4rem; height: 1.8rem; background: #fff; padding: 0 0.5rem 0 2.4rem; box-shadow: 0px 0px 25px 0px rgba(11, 30, 63, 0.1); border-top-left-radius: 0.24rem; overflow: hidden;}
.honorP1 .list li .layer{ position: absolute; left: 0; top: 0; border-top-left-radius: 0.24rem; border-bottom-right-radius: 0.24rem; width: 1.9rem; height: 1.8rem; background: #0195ff; }
.honorP1 .list li .name{ padding-top: 0.25rem;font-size: 0.24rem; line-height: 0.24rem; color: #fff;}
.honorP1 .list li .msg{ font-size: 0.18rem; }
.honorP1 .list li .msg dd{ line-height: 0.4rem; }
.honorP1 .list li .msg dd em{ margin: 0 0.1rem; color: #0195ff; font-size: 0.3rem; font-family: light; }
.honorP1 .list li .box:hover{ background-image: linear-gradient(left,#33dbff,#357cff);
    background-image: -webkit-linear-gradient(left,#33dbff,#357cff);
    background-image: -moz-linear-gradient(left,#33dbff,#357cff);
    background-image: -o-linear-gradient(left,#33dbff,#357cff);
    background-image: linear-gradient(to right,#33dbff,#357cff);
  background-image: -webkit-linear-gradient(to right,#33dbff,#357cff);
    background-image: -moz-linear-gradient(to right,#33dbff,#357cff);
    background-image: -o-linear-gradient(to right,#33dbff,#357cff);}
.honorP1 .list li .box:hover .layer{ background: #025bff; }
.honorP1 .list li .box:hover .msg{ color: #fff; }
.honorP1 .list li .box:hover .msg em{ color: #fff; }

.honorP2{ padding: 1.2rem 0 1.4rem; background: #f6f7fa url(../images/honorBg2.png) center bottom no-repeat; background-size: 100%; }
.honorP2 .toptop{ height: 1.4rem; position: relative; }
.honorP2 .links{ position: absolute; right: 0; top: 0.56rem; }
.honorP2 .links li{ float: left; margin-left: 0.4rem; }
.honorP2 .links li a{ display: block; height: 24px; line-height: 0.18rem; font-size: 0.18rem; color: #333; position: relative;}
.honorP2 .links li a:after{ content: ''; position: absolute; left: 50%; bottom: 0; height: 2px; width: 0; background: #0195ff; }
.honorP2 .links li .aNow, .honorP2 .links li a:hover{ color: #0195ff;}
.honorP2 .links li .aNow:after{ left: 0; width: 100%; }
.honorP2 .list{ padding-bottom: 1.0rem; }
.honorP2 .list ul{ margin-right: -0.2rem; }
.honorP2 .list li{ float: left; width: 25%; padding-bottom: 0.2rem; }
.honorP2 .list li .box{ margin-right: 0.2rem; background: #fff; cursor: pointer; }
.honorP2 .list li .imgDiv{ height: 4.1rem; border-bottom: #f7f7f7 solid 1px;}
.honorP2 .list li .imgDiv img{ max-width: 3.2rem; max-height: 3.4rem; }
.honorP2 .list li .botDiv{ height: 1.0rem; padding: 0 0.3rem; text-align: center;}
.honorP2 .list li .name{ font-size: 16px; line-height: 24px; max-height: 48px; overflow: hidden; color: #333; }
.honorP2 .list li .time{ font-size: 12px; color: #d1d1d1; line-height: 24px; font-family: bold; }
.honorP2 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.honorP2 .list li .box:hover .name{ color: #0195ff; }

.pic-modal-box { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); z-index: 999;}
.pic-modal-box .box {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  align-items: center;
  box-sizing:border-box;
}
.pic-modal-box .main { position: relative; background: #fff; width: 8.2rem; margin: 0 auto; padding: 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/close.png) no-repeat; background-size: contain;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;}
.pic-modal-box .close:hover { transform: rotate(-90deg);}
.pic-modal-box .pic-box { height: 5.4rem;}
.pic-modal-box .pic-box img { display: block; max-width: 8.2rem; max-height: 5.4rem;}

.aboutP1{ padding: 1.2rem 0; }
.aboutP1 .leftDiv{ padding-top: 0.6rem; width: 6.5rem; }
.aboutP1 .name{ padding-top: 0.4rem; font-size: 0.36rem; line-height: 0.36rem;}
.aboutP1 .name em{ display: inline-block; background-image:-webkit-linear-gradient(left,#025cff,#44deff);
 background-image:linear-gradient(to right,#025cff,#44deff); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; }
.aboutP1 .content{ padding-top: 0.2rem; font-size: 0.16rem; line-height: 0.32rem; text-align: justify; }

.aboutP1 .rightDiv{ width: 7.68rem; position: relative; }
.aboutP1 .imgDiv img{ width: 100%; }
.aboutP1 .shuList{ position: absolute; right: 0; width: 3.3rem; top: 0.85rem; z-index: 1; }
.aboutP1 .shuList li{ float: left; width: 50%; color: #fff; padding-bottom: 0.4rem; }
.aboutP1 .shuList li p{ font-size: 0.16rem; line-height: 0.16rem; height: 0.36rem;}
.aboutP1 .shuList li .num{ position: relative; display: flex; display: -webkit-flex; align-items: flex-end; -webkit-align-items: flex-end;}
.aboutP1 .shuList li .numUp{ font-size: 0.6rem; line-height: 0.46rem; font-family: regular; padding-right: 0.1rem;}
.aboutP1 .shuList li span{ position: relative; top: -0.26rem; display: block; width: 16px; height: 16px; background: url(../images/nimg16_2.png) no-repeat; }
.aboutP1 .zimu{ position: absolute; right: 0.45rem; bottom: 0; z-index: 1; }
.aboutP1 .zimu img{ width: 4.45rem; }

.aboutP1 .numList{ padding-top: 1.1rem; }
.aboutP1 .numList li{ position: relative; float: left; padding-left: 0.8rem; font-size: 0.16rem; }
.aboutP1 .numList li:first-child{ width: 6.4rem; }
.aboutP1 .numList li:nth-child(2){ width: 4.5rem; }
.aboutP1 .numList li:nth-child(3){ float: right; }
.aboutP1 .numList li .hala{ height: 0.75rem; }
.aboutP1 .numList li .ico{ position: absolute; left: 0; top: 0; }
.aboutP1 .numList li .num{ position: relative; display: flex; display: -webkit-flex; align-items: flex-end; -webkit-align-items: flex-end;}
.aboutP1 .numList li .numUp{ color: #0195ff; font-size: 0.6rem; line-height: 0.46rem; font-family: bold; padding-right: 0.1rem; }
.aboutP1 .numList li span{ position: relative; top: -0.3rem; display: block; width: 16px; height: 16px; background: url(../images/nimg16_4.png) no-repeat; }
.aboutP1 .numList li .txt{ line-height: 0.16rem; }

.aboutP2{ padding-top: 1.2rem; height: 9.62rem; background: url(../images/aboutBg.jpg) center no-repeat; background-size: cover; }
.aboutP2 .indexTxt{ text-align: center; }
.aboutP2 .imgDiv{ margin-top: 0.7rem; cursor:pointer; }
.aboutP2 .imgDiv img{ width: 100%; }

.partybuild{ padding: 1.3rem 0 1.4rem; background: url(../images/partyBg.png) center bottom no-repeat; background-size: 100%; }
.partybuild .indexTxt{ margin-bottom: 0.6rem; }
.partybuild .leftDiv{ width: 7.38rem; position: relative; overflow: hidden; }
.partybuild .leftDiv .imgDiv{ height: 5.37rem; overflow: hidden; }
.partybuild .leftDiv .imgDiv img{ width: 100%; }
.partybuild .leftDiv .layer{ position: absolute; left: 0; bottom: 0; width: 100%; height: 1.0rem; box-sizing: border-box; padding: 0.15rem 1.65rem 0 0.4rem; background: rgba(0,0,0,0.7); }
.partybuild .leftDiv .name{ font-size: 0.22rem; line-height: 0.36rem; height: 0.72rem; color: #fff; overflow: hidden; }
.partybuild .leftDiv .ico{ position: absolute; right: 0.55rem; top: 50%; margin-top: -17px; width: 47px; height: 33px; background: #e51e00 url(../images/ico3.png) center no-repeat; border-radius: 24px; }
.partybuild .leftDiv:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.partybuild .rightDiv{ width: 7.38rem; }
.partybuild .rightDiv li{ margin-bottom: 0.2rem; }
.partybuild .rightDiv li:last-child{ margin-bottom: 0; }
.partybuild .rightDiv li a{ display: block; height: 1.66rem; background: #fff; position: relative; padding: 0.32rem 1.2rem 0 0.5rem; box-shadow: 1px 2px 60px 0px rgba(97, 97, 97, 0.2); }
.partybuild .rightDiv li a:after{ content: ''; position: absolute; box-sizing: border-box; right: 0.5rem; top: 50%; margin-top:-17px; width: 47px; height: 33px; border: #e51e00 solid 2px; background: url(../images/ico3on.png) center no-repeat; border-radius: 24px; }
.partybuild .rightDiv li .name{ font-size: 0.2rem; line-height: 0.32rem; height: 0.64rem; color: #333; overflow: hidden; }
.partybuild .rightDiv li .time{ font-size: 16px; line-height: 32px; height: 33px; color: #ccc; font-family: mont; margin-top: 0.05rem; position: relative; }
.partybuild .rightDiv li a:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.partybuild .rightDiv li a:hover:after{ background: #e51e00 url(../images/ico3.png) center no-repeat; }

.partybuild .list{ padding: 1.0rem 0 0.5rem; }
.partybuild .list ul{ margin-right: -0.5rem; }
.partybuild .list li{ float: left; width: 33.33%; padding-bottom: 0.7rem;}
.partybuild .list li .box{ margin-right: 0.5rem; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);}
.partybuild .list li .imgDiv{ height: 3.1rem; overflow: hidden; position: relative;}
.partybuild .list li .imgDiv:before{ top: 0;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(255, 255, 255, 0.5);
  content: '';
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -110%, 0);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -110%, 0); }
.partybuild .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.partybuild .list li .botDiv{ height: 2.3rem; background: #fff; padding: 0.3rem 0.4rem 0; }
.partybuild .list li .name{ font-size: 0.18rem; color: #333; line-height: 0.3rem; height: 0.9rem; overflow: hidden; }
.partybuild .list li .time{ margin-top: 0.35rem; height: 33px; position: relative; font-family: bold; font-size: 0.16rem; color: #ccc; line-height: 32px; }
.partybuild .list li .time:after{ content: ''; position: absolute; right: 0; top: 0; box-sizing: border-box; width: 47px; height: 33px; border: #e51e00 solid 2px; background: url(../images/ico3on.png) center no-repeat; border-radius: 24px; }
.partybuild .list li .box:hover .imgDiv:before{ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 110%, 0);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 110%, 0); }
.partybuild .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1); }
.partybuild .list li .box:hover .time:after{ background: #e51e00 url(../images/ico3.png) center no-repeat;}

.staff{ position: relative; padding: 1.3rem 0 1.4rem; background: url(../images/staffBg.png) center bottom no-repeat; background-size: 100%; overflow: hidden;}
.staff:after{ content: ''; position: absolute; right: 0; top: 0; width: 7.5rem; height: 6.96rem; background: url(../images/honorBg.png) no-repeat; background-size: 7.5rem; }
.staff .mxfDiv{ margin-top: 0.8rem; position: relative; z-index: 2; }
.economic{ overflow: hidden;}
.economic .swiper-slide { position: relative;}
.economic .swiper-slide .img { position: relative; margin: 0 auto; width:980px; height:560px;}
.economic .swiper-slide .img:before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.7); z-index: 2;}
.economic .swiper-slide .img img{ width: 100%; height:100%; object-fit:cover; }
.economic .swiper-slide .name{ text-align: center; padding-top: 0.5rem; color: #000; font-size: 0.24rem; opacity: 0; }
.economic .list { width: 3200px; position: relative; left: 50%; margin-left: -1600px; overflow: hidden; }
.economic .swiper-slide img {position: relative;}
.economic .swiper-slide-active .img {width: 1024px; height:600px; }
.economic .swiper-slide-active .img:before{ opacity: 0; }
.economic .swiper-slide-active .name{ opacity: 1; }

.staff a.arrow { display: block; width: 70px; height: 70px; position: absolute; z-index: 10; top: 50%; border-radius: 50%; margin-top: -35px; border: #0195ff solid 1px; box-shadow: 6px 8px 20px 0px rgba(102, 102, 102, 0.15); }
.staff a.arrow.prev { left: -35px; background: #fff; }
.staff a.arrow.next { right: -35px; background: #fff; }
.staff a.arrow.prev:after{ content: ''; position: absolute; left: 50%; top: 50%; width: 9px; height: 14px; margin-left: -4px; margin-top: -7px; background: url("../images/nimg9_lefton.png") center no-repeat; }
.staff a.arrow.next:after{ content: ''; position: absolute; left: 50%; top: 50%; width: 9px; height: 14px; margin-left: -4px; margin-top: -7px; background: url("../images/nimg9_righton.png") center no-repeat; }
.staff a.arrow:hover{ border:none; background-image: linear-gradient(left,#0261ff,#0dd0ff);
    background-image: -webkit-linear-gradient(left,#0261ff,#0dd0ff);
    background-image: -moz-linear-gradient(left,#0261ff,#0dd0ff);
    background-image: -o-linear-gradient(left,#0261ff,#0dd0ff);
    background-image: linear-gradient(to right,#0261ff,#0dd0ff);
  background-image: -webkit-linear-gradient(to right,#0261ff,#0dd0ff);
    background-image: -moz-linear-gradient(to right,#0261ff,#0dd0ff);
    background-image: -o-linear-gradient(to right,#0261ff,#0dd0ff); }
.staff a.arrow.prev:hover:after{ background: url("../images/nimg9_left.png") center no-repeat;}
.staff a.arrow.next:hover:after{ background: url("../images/nimg9_right.png") center no-repeat;}

.platform{ position: relative; overflow: hidden; padding: 1.2rem 0 1.4rem; background: url(../images/busBot.png) center bottom no-repeat; background-size: 100%; }
.platform:after{ content: ''; position: absolute; right: 0; top: 0; width: 6.45rem; height: 4.98rem; background: url(../images/platformBg.png) no-repeat; background-size: 6.45rem; }
.platform .list{ padding: 0.8rem 0 0.4rem; position: relative; z-index: 1; }
.platform .list li{ margin-bottom: 0.5rem; float: left; width: 25%; text-align: center; position: relative; background: url(../images/taibg.png) repeat-x top 83% left; }
.platform .list li .box{ cursor: pointer; position: relative; z-index: 3; }
.platform .list li .imgDiv{ height: 2.9rem; margin-bottom: 0.7rem; }
.platform .list li .imgDiv img{ max-width: 3.0rem; max-height: 2.4rem; }
.platform .list li .name{ padding: 0 20px; font-size: 0.18rem; height: 0.72rem; line-height: 0.36rem; overflow: hidden; color: #444; }
.platform .list li:first-child:before, .platform .list li:nth-child(4n+1):before{position: absolute;top:0;content: '';height: 100%;background: url("../images/taibg_l.png") no-repeat left top 83% #fff;width:7.4375vw;left: -2vw;}
.platform .list li:last-child:before, .platform .list li:nth-child(4n):before{position: absolute;top:0;content: '';height: 100%;background: url("../images/taibg_r.png") no-repeat right top 83% #fff;width:7.4375vw;right: -2vw;}
.platform .list li:nth-child(1):before, .platform .list li:nth-child(5):before{background: url("../images/taibg_l.png") no-repeat left top 83% #fff;}

.platform .list li .box:hover .name{ color: #0195ff; }

.award{ position: relative; padding: 1.2rem 0 1.4rem; background: url(../images/busBot.png) center bottom no-repeat; background-size: 100%; overflow: hidden; }
.award:after{ content: ''; position: absolute; right: 0; top: 0; width: 6.45rem; height: 4.98rem; background: url(../images/platformBg.png) no-repeat; background-size: 6.45rem; }
.award .list{ padding: 0.6rem 0 1.1rem; position: relative; z-index: 1; }
.award .list ul{ float: left; width: 48%; }
.award .list ul:nth-child(2){ float: right; }
.award .list li{/* float: left; width: 50%;*/ margin-bottom: 10px; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);}
.award .list li .box{ cursor: pointer; position: relative; padding: 46px 140px 46px 50px; background-color: #fff; overflow: hidden;}
.award .list li .box:before{ content: ''; position: absolute; left: 0; top: 0; width: 6px; height: 100%;  background-image: linear-gradient(top,#1b6afb,#19d3fb);
    background-image: -webkit-linear-gradient(top,#1b6afb,#19d3fb);
    background-image: -moz-linear-gradient(top,#1b6afb,#19d3fb);
    background-image: -o-linear-gradient(top,#1b6afb,#19d3fb);
    background-image: linear-gradient(to bottom,#1b6afb,#19d3fb);
  background-image: -webkit-linear-gradient(to bottom,#1b6afb,#19d3fb);
    background-image: -moz-linear-gradient(to bottom,#1b6afb,#19d3fb);
    background-image: -o-linear-gradient(to bottom,#1b6afb,#19d3fb);}
.award .list li .ico{ position: absolute; right: 45px; top: 54px; width: 38px; height: 38px; border: #0195ff solid 1px; background: url(../images/nimg14_3.png) center no-repeat; border-radius: 50%; }
.award .list li .topDiv{ height: 0.6rem; overflow: hidden; position: relative; padding-left: 1.1rem; }
.award .list li .time{ position: absolute; left: 0; top: 0; font-size: 0.3rem; line-height: 0.3rem; color: #0195ff; font-family: light; }
.award .list li .msg{ font-size: 0.16rem; color: #333; line-height: 0.3rem; }
.award .list li .hideBox{display: none; position: relative; padding-left: 1.1rem; top: -0.6rem; margin-bottom: -0.6rem;}
.award .list li .box.liNow{ background-image: linear-gradient(top,#1b6afb,#19d3fb);
    background-image: -webkit-linear-gradient(top,#1b6afb,#19d3fb);
    background-image: -moz-linear-gradient(top,#1b6afb,#19d3fb);
    background-image: -o-linear-gradient(top,#1b6afb,#19d3fb);
    background-image: linear-gradient(to bottom,#1b6afb,#19d3fb);
  background-image: -webkit-linear-gradient(to bottom,#1b6afb,#19d3fb);
    background-image: -moz-linear-gradient(to bottom,#1b6afb,#19d3fb);
    background-image: -o-linear-gradient(to bottom,#1b6afb,#19d3fb);}
.award .list li .box.liNow .ico{ border: #fff solid 1px; background: url(../images/nimg14_3on.png) center no-repeat;}
.award .list li .box.liNow .topDiv{ opacity: 0; visibility: hidden; }
.award .list li .box.liNow .time, .award .list li .box.liNow .msg{ color: #fff; }

.award .toptop{ position: relative; z-index: 1; }
.award .links{ position: absolute; right: 0; top: 0.56rem; }
.award .links li{ float: left; margin-left: 0.4rem; }
.award .links li a{ display: block; height: 24px; line-height: 0.18rem; font-size: 0.18rem; color: #333; position: relative;}
.award .links li a:after{ content: ''; position: absolute; left: 50%; bottom: 0; height: 2px; width: 0; background: #0195ff; }
.award .links li .aNow, .award .links li a:hover{ color: #0195ff;}
.award .links li .aNow:after{ left: 0; width: 100%; }


.report{ position: relative; padding: 1.2rem 0 1.4rem; background: url(../images/busBot.png) center bottom no-repeat; background-size: 100%; overflow: hidden; }
.report:after{ content: ''; position: absolute; right: 0; top: 0; width: 6.45rem; height: 4.98rem; background: url(../images/platformBg.png) no-repeat; background-size: 6.45rem; }
.report .list{ padding: 0.6rem 0 0.4rem; position: relative; z-index: 1; }
.report .list ul{ margin-right: -0.6rem;}
.report .list li{ float: left; width: 25%; padding-bottom: 0.6rem;}
.report .list li .box{ margin-right: 0.6rem; }
.report .list li .imgDiv{ height: 4.48rem; overflow: hidden; }
.report .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.report .list li .name{ margin-top: 0.25rem; height: 0.36rem; line-height: 0.36rem; overflow: hidden; font-size: 0.18rem; color: #595656; }
.report .list li .botbot{ overflow: hidden; }
.report .list li .time{ font-size: 0.14rem; color: #bababa; line-height: 0.3rem; padding-right: 0.2rem; font-family: light; }
.report .list li .look{ padding-left: 24px; font-size: 0.14rem; color: #0195ff; line-height: 0.3rem; background: url(../images/nimg16_3.png) left center no-repeat;}
.report .list li .box:hover .name{ color: #0195ff; }
.report .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.writingsP1{ position: relative; padding: 1.2rem 0 1.3rem; overflow: hidden; }
.writingsP1:after{ content: ''; position: absolute; right: 0; top: 0; width: 6.45rem; height: 4.98rem; background: url(../images/platformBg.png) no-repeat; background-size: 6.45rem; }
.writingsP1 .indexTxt{ margin-bottom: 0.6rem; }
.writingsP1 .list{ padding-bottom: 0.5rem; position: relative; z-index: 1; }
.writingsP1 .list ul{ margin-right: -0.58rem; }
.writingsP1 .list li{ float: left; width: 25%; padding-bottom: 0.6rem; }
.writingsP1 .list li .box{ margin-right: 0.58rem; }
.writingsP1 .list li .imgDiv{ height: 4.48rem; overflow: hidden; }
.writingsP1 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.writingsP1 .list li .name{ margin-top: 0.25rem; font-size: 0.16rem; color: #555; line-height: 0.26rem; height: 0.52rem; overflow: hidden; }
.writingsP1 .list li .time{ padding-top: 0.15rem; font-size: 0.14rem; line-height: 0.14rem; color: #0195ff; font-family: light; }
.writingsP1 .list li .box:hover .name{ color: #0195ff; }
.writingsP1 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.writingsP2{ padding: 1.2rem 0; background: #f8fafc url(../images/busBot.png) center bottom no-repeat; background-size: 100%;}
.writingsP2 .toptop{ height: 1.4rem; position: relative; z-index: 2;}
.writingsP2 .selectGroup{ position: absolute; right: 0; top: 0.2rem; padding-right: 1.15rem; z-index: 1; }
.writingsP2 .selectGroup .box{ float: left; position: relative; height: 0.6rem; margin-right: 15px;}
.writingsP2 .group{ width: 2.6rem; height: 0.6rem;}
.writingsP2 .caption { position: relative; cursor: pointer; height: 0.6rem; line-height: 0.6rem; padding-left: 20px; font-size: 0.18rem; color: #666; border: #dee1e2 solid 1px; background: #fff; font-family: light;}
.writingsP2 .caption.on:after {
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
}
.writingsP2 .caption:after { content: ""; display: block; width: 9px; height: 6px; background: url(../images/selectIco2.png) no-repeat right center; background-size: contain; position: absolute; right: 20px; top: 50%; margin-top: -3px; z-index: 10;}
.writingsP2 .xlist { width: 100%; position: absolute; left: 0; top: 100%; z-index: 12; background: #fff; max-height: 250px; overflow-y: auto; display: none; border: 1px solid #dee1e2; border-top: none;}
.writingsP2 .xlist a { display: block; font-size: 14px; color: #666; line-height: 45px; padding: 0 20px; border-bottom: 1px solid #dee1e2; font-family: light;}
.writingsP2 .xlist a:hover,.writingsP2 .xlist a.on { color: #0195ff;}
.writingsP2 .xlist a:last-child { border-bottom: none;}

.writingsP2 .selectGroup .form{ border: #dee1e2 solid 1px; background: #fff; width: 2.58rem; position: relative; height: 0.6rem;}
.writingsP2 .selectGroup .form .input1{ width: 100%; padding-left: 24px; height: 0.58rem; line-height: 0.58rem; font-size: 0.18rem; }
.writingsP2 .selectGroup .btnDiv{ position: absolute; right: 0; top: 0; z-index: 1; }
.writingsP2 .selectGroup .btnDiv a{ display: block; width: 1.0rem; height: 0.6rem; line-height: 0.6rem; background: #0195ff url(../images/nimg22_1.png) center no-repeat;  }

/*.writingsP2 .table{ position: relative; padding-bottom: 1.0rem; }
.writingsP2 .table:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 70px; background-image: linear-gradient(left,#0998fe,#08d3fe);
    background-image: -webkit-linear-gradient(left,#0998fe,#08d3fe);
    background-image: -moz-linear-gradient(left,#0998fe,#08d3fe);
    background-image: -o-linear-gradient(left,#0998fe,#08d3fe);
    background-image: linear-gradient(to right,#0998fe,#08d3fe);
  background-image: -webkit-linear-gradient(to right,#0998fe,#08d3fe);
    background-image: -moz-linear-gradient(to right,#0998fe,#08d3fe);
    background-image: -o-linear-gradient(to right,#0998fe,#08d3fe); }
.writingsP2 .table table{ position: relative; z-index: 1; }
.writingsP2 .table th{ height: 70px; color: #fff; font-size: 18px; border-right: rgba(235,235,235,0.2) solid 1px; font-weight: 400;}
.writingsP2 .table .th01{ width: 42.3%; text-indent: 0.5rem; text-align: left; }
.writingsP2 .table .th02{ width: 23%; text-indent: 0.5rem; text-align: left; }
.writingsP2 .table .th03{ width: 11%; }
.writingsP2 .table .th04{ width: 23.7%; text-indent: 0.5rem; text-align: left; }
.writingsP2 .table th:last-child{ border-right: none; }
.writingsP2 .table td{ height: 64px; background: #fff; border-right: #ebedee solid 1px; font-size: 14px; font-family: light; padding: 0 0.5rem; overflow: hidden; }
.writingsP2 .table td:nth-child(1){ border-left: #ebedee solid 1px; }
.writingsP2 .table td:nth-child(3){ text-align: center; padding: 0; }
.writingsP2 .table tr:nth-child(odd) td{ background: #f1f4f6; }*/

.writingsP2 .list{ padding-bottom: 1.1rem; position: relative; z-index: 1; }
.writingsP2 .list ul{ float: left; width: 48%; }
.writingsP2 .list ul:nth-child(2){ float: right; }
.writingsP2 .list li{ margin-bottom: 10px; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);}
.writingsP2 .list li .box{ cursor: pointer; position: relative; padding: 46px 120px 46px 50px; background-color: #fff; overflow: hidden;}
.writingsP2 .list li .box:before{ content: ''; position: absolute; left: 0; top: 0; width: 6px; height: 100%;  background-image: linear-gradient(top,#1b6afb,#19d3fb);
    background-image: -webkit-linear-gradient(top,#1b6afb,#19d3fb);
    background-image: -moz-linear-gradient(top,#1b6afb,#19d3fb);
    background-image: -o-linear-gradient(top,#1b6afb,#19d3fb);
    background-image: linear-gradient(to bottom,#1b6afb,#19d3fb);
  background-image: -webkit-linear-gradient(to bottom,#1b6afb,#19d3fb);
    background-image: -moz-linear-gradient(to bottom,#1b6afb,#19d3fb);
    background-image: -o-linear-gradient(to bottom,#1b6afb,#19d3fb);}
.writingsP2 .list li .ico{ position: absolute; right: 45px; top: 54px; width: 38px; height: 38px; border: #0195ff solid 1px; background: url(../images/nimg14_3.png) center no-repeat; border-radius: 50%; }
.writingsP2 .list li .topDiv{ height: 0.6rem; overflow: hidden; position: relative; padding-left: 1.6rem; }
.writingsP2 .list li .time{ position: absolute; left: 0; top: 0; font-size: 0.3rem; line-height: 0.3rem; color: #0195ff; font-family: light; }
.writingsP2 .list li .msg{ font-size: 0.16rem; color: #333; line-height: 0.3rem; font-family: light; }
.writingsP2 .list li .hideBox{display: none; position: relative; padding-left: 1.6rem; top: -0.6rem; margin-bottom: -0.6rem;}
.writingsP2 .list li .box.liNow{ background-image: linear-gradient(top,#1b6afb,#19d3fb);
    background-image: -webkit-linear-gradient(top,#1b6afb,#19d3fb);
    background-image: -moz-linear-gradient(top,#1b6afb,#19d3fb);
    background-image: -o-linear-gradient(top,#1b6afb,#19d3fb);
    background-image: linear-gradient(to bottom,#1b6afb,#19d3fb);
  background-image: -webkit-linear-gradient(to bottom,#1b6afb,#19d3fb);
    background-image: -moz-linear-gradient(to bottom,#1b6afb,#19d3fb);
    background-image: -o-linear-gradient(to bottom,#1b6afb,#19d3fb);}
.writingsP2 .list li .box.liNow .ico{ border: #fff solid 1px; background: url(../images/nimg14_3on.png) center no-repeat;}
.writingsP2 .list li .box.liNow .topDiv{ opacity: 0; visibility: hidden; }
.writingsP2 .list li .box.liNow .time, .writingsP2 .list li .box.liNow .msg{ color: #fff; }

.scope{ position: relative; padding: 1.2rem 0 1.4rem; background: url(../images/scopeBg.png) center bottom no-repeat; background-size: 100%; overflow: hidden;}
.scope:after{ content: ''; position: absolute; right: 0; top: 0; width: 7.5rem; height: 6.96rem; background: url(../images/honorBg.png) no-repeat; background-size: 7.5rem; }
.scope .list{ padding: 0.6rem 0 0.1rem; }
.scope .list ul{ margin-right: -0.8rem; }
.scope .list li{ float: left; width: 50%; padding-bottom: 1.05rem;}
.scope .list li .box{ margin-right: 0.8rem; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);}
.scope .list li .imgDiv{ height: 4.3rem; overflow: hidden; position: relative;}
.scope .list li .imgDiv:before{ top: 0;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(255, 255, 255, 0.5);
  content: '';
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -110%, 0);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -110%, 0); }
.scope .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.scope .list li .botDiv{ position: relative; height: 3.0rem; background: #fff; padding: 0.35rem 0.5rem 0; overflow: hidden;}
.scope .list li .botDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; background: #0195ff; width: 0; height: 3px; }
.scope .list li .name{ font-weight: bold; font-size: 0.3rem; color: #111; line-height: 0.5rem; height: 0.5rem; overflow: hidden; }
.scope .list li .msg{ margin-top: 0.1rem; font-size: 0.16rem; line-height: 0.32rem; height: 0.96rem; overflow: hidden; color: #333; }
.scope .list li .more{ margin-top: 0.2rem; position: relative; text-align: center; text-transform: uppercase; width: 1.5rem; height: 0.5rem; line-height: 0.5rem; border-radius: 4px; color: #fff; font-size: 0.16rem; font-family: bold; overflow: hidden; }
.scope .list li .more em{ position:relative; z-index:1;}
.scope .list li .more:after{ content: ""; display: block; width: 0%; height: 100%; position: absolute; top: 0; left: 0; background-image: linear-gradient(90deg,#0195ff 0,#025bff); transition: 0.5s;}
.scope .list li .box:hover .botDiv{ background: #f8f8f8; }
.scope .list li .box:hover .botDiv:after{ width: 100%; }
.scope .list li .box:hover .more:after{ width:100%;}
.scope .list li .box:hover .imgDiv:before{ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 110%, 0);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 110%, 0); }
.scope .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1); }

.support{ padding: 1.2rem 0 1.4rem; position: relative; background: url(../images/scopeBg.png) center bottom no-repeat; background-size: 100%; overflow: hidden; }
.support:after{ content: ''; position: absolute; right: 0; top: 0; width: 7.5rem; height: 6.96rem; background: url(../images/honorBg.png) no-repeat; background-size: 7.5rem; }
.support .name{ font-size: 0.36rem; line-height: 0.36rem; color: #333; padding: 0.6rem 0 0.3rem; }
.support .content{ padding-bottom: 0.6rem; font-size: 0.16rem; line-height: 0.32rem; text-align: justify; }
.support .imgList{ padding-bottom: 0.6rem; }
.support .imgList ul{ margin-right: -0.48rem; }
.support .imgList li{ float: left; width: 33.33%; }
.support .imgList li .lbox{ margin-right: 0.48rem; }
.support .imgList li .imgDiv{ height: 2.8rem; }
.support .imgList li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.support .imgList li p{ font-size: 0.16rem; padding-top: 0.3rem; text-align: center; }

.support .botDiv{ height: 6.08rem; padding: 0 0.7rem 0 11.36rem; position: relative; border-bottom-right-radius: 0.36rem; overflow: hidden; background-image: linear-gradient(top,#025bff,#00d2ff);
    background-image: -webkit-linear-gradient(top,#025bff,#00d2ff);
    background-image: -moz-linear-gradient(top,#025bff,#00d2ff);
    background-image: -o-linear-gradient(top,#025bff,#00d2ff);
    background-image: linear-gradient(to bottom,#025bff,#00d2ff);
  background-image: -webkit-linear-gradient(to bottom,#025bff,#00d2ff);
    background-image: -moz-linear-gradient(to bottom,#025bff,#00d2ff);
    background-image: -o-linear-gradient(to bottom,#025bff,#00d2ff);}
.support .botDiv:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 4.15rem; height: 1.48rem; background: url(../images/nimg415Bg.png) no-repeat; background-size: 4.15rem; }
.support .videobox{ width: 10.8rem; height: 6.08rem; position: absolute; left: 0; top: 0; overflow: hidden; }
.support .videobox .imgDiv{ height: 6.08rem; }
.support .videobox .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.support .videobox video{width:100%;height:auto;position:absolute;top:50%;left:0;transform: translateY(-50%);z-index:-1;visibility:hidden;opacity:0;object-fit:fill;}
.support .videobox.cur{ background:#000;}
.support .videobox.cur .imgDiv,.support .videobox.cur .playbox{z-index:-1;visibility:hidden;opacity:0;}
.support .videobox.cur video{z-index:2;visibility:visible;opacity:1;}
.support .videobox .playbox{ cursor:pointer; position:absolute; left:50%; top:50%; width: 104px; height: 104px; margin-left:-52px; margin-top:-52px; background: #fff; border-radius: 50%; z-index:1;}
.support .videobox .playbox img{ width: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 1;}
.support .videobox .playbox .dwq{ position: absolute; right: 50%; top: 50%; margin-right: -100px; margin-top: -100px; width: 200px; height: 200px; }
.support .videobox .playbox .pulse2{position:absolute;top:50%;left:50%; margin-left: -100px; margin-top: -100px; height:200px;width:200px;border:2px solid #fff; box-sizing: border-box; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 0 4px #fff,0 0 10px #fff inset;-moz-box-shadow:0 0 4px #fff,0 0 10px #fff inset;box-shadow:0 0 4px #fff,0 0 10px #fff inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}

.support .videobox .playbox .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.support .videobox .playbox .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
.support .videobox .playbox .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}



.support .conDiv{ padding-top: 0.75rem; position: relative; z-index: 1; }
.support .txt{ position: relative; padding-bottom: 0.4rem; font-size: 0.24rem; line-height: 0.32rem; font-family: bold; color: #fff; }
.support .txt:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 40px; height: 4px; background: #fff; border-radius: 4px; }
.support .share{ margin-top: 1.85rem; padding-left: 0.72rem; position: relative;}
.support .share em{ position: absolute; left: 0; top: 0; line-height: 42px; color: #fff; font-size: 16px; }
.support .share li{ float: left; margin-right: 20px; }
.support .share li a{ display: block; width: 42px; height: 42px; background: #fff; border-radius: 50%; position: relative; }
.support .share li img{ position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -8px; }
.support .share li .img1{ opacity: 0; }
.support .share li a:hover{ background-image: linear-gradient(top,#00d2ff,#025bff);
    background-image: -webkit-linear-gradient(top,#00d2ff,#025bff);
    background-image: -moz-linear-gradient(top,#00d2ff,#025bff);
    background-image: -o-linear-gradient(top,#00d2ff,#025bff);
    background-image: linear-gradient(to bottom,#00d2ff,#025bff);
  background-image: -webkit-linear-gradient(to bottom,#00d2ff,#025bff);
    background-image: -moz-linear-gradient(to bottom,#00d2ff,#025bff);
    background-image: -o-linear-gradient(to bottom,#00d2ff,#025bff);}
.support .share li a:hover img{ opacity: 0; }
.support .share li a:hover .img1{ opacity: 1; }

.contact1{ padding: 120px 0; }
.contact1 .leftDiv{ padding-top: 0.6rem; width: 6rem; }
.contact1 .cn{ font-size: 0.36rem; line-height: 0.36rem; color: #111; }
.contact1 .en{ padding-top: 0.24rem; font-size: 0.16rem; font-family:light; line-height: 0.16rem; text-transform: uppercase;}
.contact1 .msgList{ padding-top: 0.5rem; }
.contact1 .msgList li{ position: relative; padding-left: 52px; padding-bottom: 0.3rem; line-height: 32px; font-size: 16px; color: #333; }
.contact1 .msgList li img{ position: absolute; left: 0; top: 0; }
.contact1 .rightDiv{ width: 8.65rem; }
.contact1 .rightDiv img{ width: 100%; }

.contact2{ display:none; padding-top: 1.2rem; height: 8.82rem; background: url(../images/contactBg.jpg) center no-repeat; background-size: cover; }
.contact2 .form{ padding-top: 0.6rem;}
.contact2 .form ul{ margin-right: -0.2rem; }
.contact2 .form li{ float: left; width: 33.33%; padding-bottom: 0.2rem; }
.contact2 .form .li01{ width: 100%; }
.contact2 .form li .box{ margin-right: 0.2rem; border-radius: 4px; background: #fff; border: #ededed solid 1px; position: relative; padding: 0 10px 0 100px; }
.contact2 .form li .txt{ position: absolute; left: 30px; top: 0; line-height: 53px; font-size: 14px; color: #999; }
.contact2 .form li .input1{ width: 100%; font-size: 14px; height: 53px; line-height: 53px; }
.contact2 .form li textarea{ height: 198px; box-sizing: border-box; width: 100%; padding: 15px 0; font-size: 14px; line-height: 24px; }
.contact2 .btnDiv{ padding-top: 20px; }
.contact2 .btnDiv a{ display: block; position: relative; overflow: hidden; border-radius: 4px; width: 150px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #fff; background-image: linear-gradient(left,#00d2ff,#0195ff);
    background-image: -webkit-linear-gradient(left,#00d2ff,#0195ff);
    background-image: -moz-linear-gradient(left,#00d2ff,#0195ff);
    background-image: -o-linear-gradient(left,#00d2ff,#0195ff);
    background-image: linear-gradient(to right,#00d2ff,#0195ff);
  background-image: -webkit-linear-gradient(to right,#00d2ff,#0195ff);
    background-image: -moz-linear-gradient(to right,#00d2ff,#0195ff);
    background-image: -o-linear-gradient(to right,#00d2ff,#0195ff);}
.contact2 .btnDiv em{ position:relative; z-index:1;}
.contact2 .btnDiv a:after{ content: ""; display: block; width: 0%; height: 100%; position: absolute; top: 0; left: 0; background-image: linear-gradient(90deg,#0195ff 0,#00d2ff); transition: 0.5s;}
.contact2 .btnDiv a:hover:after{ width:100%;}

.job{ position: relative; padding: 1.2rem 0; background: url(../images/busTop.png) center top no-repeat; background-size: 100%; overflow: hidden;}
.job:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 5.0rem; background: url(../images/busBot.png) center bottom no-repeat; background-size: 100%; }
.job .toptop{ position: relative; z-index: 1; }
.job .links{ position: absolute; right: 0; top: 0.56rem; }
.job .links li{ float: left; margin-left: 0.4rem; }
.job .links li a{ display: block; height: 24px; line-height: 0.18rem; font-size: 0.18rem; color: #333; position: relative;}
.job .links li a:after{ content: ''; position: absolute; left: 50%; bottom: 0; height: 2px; width: 0; background: #0195ff; }
.job .links li .aNow, .job .links li a:hover{ color: #0195ff;}
.job .links li .aNow:after{ left: 0; width: 100%; }
.job .list{ padding: 0.6rem 0 1.0rem; position:relative; z-index:1;}
.job .list li{ margin-bottom: 0.2rem; }
.job .list li a{ display: block; height: 0.9rem; background: #fff; position: relative; padding: 0 1.6rem 0 1.9rem; font-size: 0.18rem; box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.06);}
.job .list li .time{ position: absolute; left: 0.4rem; top: 0; color: rgba(178,180,182,0.8); line-height: 0.9rem; font-family: regular; }
.job .list li .name{ height: 0.9rem; line-height: 0.9rem; color: #333; overflow: hidden; }
.job .list li .look{ position: absolute; right: 0.4rem; top: 0; line-height: 0.9rem; color: #0195ff; padding-left: 26px; background: url(../images/nimg16_3.png) left center no-repeat;}
.job .list li a:hover{ background-image: linear-gradient(left,#1b6bff,#19d6ff);
    background-image: -webkit-linear-gradient(left,#1b6bff,#19d6ff);
    background-image: -moz-linear-gradient(left,#1b6bff,#19d6ff);
    background-image: -o-linear-gradient(left,#1b6bff,#19d6ff);
    background-image: linear-gradient(to right,#1b6bff,#19d6ff);
  background-image: -webkit-linear-gradient(to right,#1b6bff,#19d6ff);
    background-image: -moz-linear-gradient(to right,#1b6bff,#19d6ff);
    background-image: -o-linear-gradient(to right,#1b6bff,#19d6ff);}
.job .list li a:hover .time, .job .list li a:hover .name{ color: #fff; }
.job .list li a:hover .look{ color: #fff; background: url(../images/nimg16_3on.png) left center no-repeat; }

.history{ padding: 1.2rem 0 1.6rem; position: relative; background: url(../images/historyBg.png) center 3.2rem no-repeat; background-size: 100%; overflow: hidden;}
.history:after{ content: ''; position: absolute; right: 0; top: 0; width: 7.5rem; height: 6.96rem; background: url(../images/honorBg.png) no-repeat; background-size: 7.5rem; }
.history:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 12.0rem; background-image: linear-gradient(top,#fff,#f2f9ff);
    background-image: -webkit-linear-gradient(top,#fff,#f2f9ff);
    background-image: -moz-linear-gradient(top,#fff,#f2f9ff);
    background-image: -o-linear-gradient(top,#fff,#f2f9ff);
    background-image: linear-gradient(to bottom,#fff,#f2f9ff);
  background-image: -webkit-linear-gradient(to bottom,#fff,#f2f9ff);
    background-image: -moz-linear-gradient(to bottom,#fff,#f2f9ff);
    background-image: -o-linear-gradient(to bottom,#fff,#f2f9ff);}
.history .list{ margin-top: 0.6rem; position: relative; }
.history .list:after{ content: ''; position: absolute; top: 0.34rem; left: 50%; margin-left: -2px; width: 3px; height: calc(100% - 0.34rem); background: #0195ff;}
.history .list li{ position: relative; z-index: 2; overflow: hidden; margin-bottom: 0.8rem;}
.history .list li:after{ content: ''; position: absolute; top: 0; left: 50%; margin-left: -2px; width: 3px; height: 100%; background: #0195ff;}
.history .list li:first-child:after{ top: 0.34rem; height: calc(100% - 0.34rem);}
.history .list li:last-child{ margin-bottom: 0; }
.history .list li .ico{ width: 57px; height: 57px; position: absolute; left: 50%; margin-left: -28px; top: 0.34rem; background: url(../images/nimg57_1.png) no-repeat; z-index: 1; }
.history .list li .mxfDiv{ float: right; width: 75%; padding: 0.45rem 0.7rem 0.45rem 4.36rem; position: relative; border-bottom-right-radius: 0.48rem;}
.history .list li:nth-child(even) .mxfDiv{ float: none; padding: 0.45rem 4.36rem 0.45rem 0.7rem; border-bottom-left-radius: 0.48rem; border-bottom-right-radius: 0; }
.history .list li .conDiv{ position: absolute; left: 0.45rem; top: 0.4rem; width: 3.0rem; }
.history .list li:nth-child(even) .conDiv{ left: auto; right: 0; }
.history .list li .time{ font-size: 0.48rem; line-height: 0.48rem; font-family: bold; font-weight: bold; }
.history .list li .time em{ display: inline-block; background-image:-webkit-linear-gradient(left,#2471ff,#44deff);
 background-image:linear-gradient(to right,#2471ff,#44deff); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; }
.history .list li .name{ padding-top: 0.12rem; font-size: 0.24rem; line-height: 0.24rem; color: #000; letter-spacing: 5px; }
.history .list li .msg{ padding-left: 100px; background: url(../images/nimg67Bg.png) left 0.16rem no-repeat; }
.history .list li:nth-child(even) .msg{ padding-left: 0; padding-right: 100px; background: url(../images/nimg67Bg2.png) right 0.16rem no-repeat; }
.history .list li .msg dd{ position: relative; padding-left: 14px; font-size: 0.18rem; color: #333; line-height: 0.36rem; }
.history .list li .msg dd:before{ content: ''; position: absolute; left: 0; top: 0.16rem; width: 4px; height: 4px; background: #0195ff; border-radius: 50%; }
.history .list li:hover .mxfDiv{ background-image: linear-gradient(left,#025bff,#00d2ff);
    background-image: -webkit-linear-gradient(left,#025bff,#00d2ff);
    background-image: -moz-linear-gradient(left,#025bff,#00d2ff);
    background-image: -o-linear-gradient(left,#025bff,#00d2ff);
    background-image: linear-gradient(to right,#025bff,#00d2ff);
  background-image: -webkit-linear-gradient(to right,#025bff,#00d2ff);
    background-image: -moz-linear-gradient(to right,#025bff,#00d2ff);
    background-image: -o-linear-gradient(to right,#025bff,#00d2ff);}
.history .list li:hover:after{ background: #7fc9fe; }
.history .list li:hover .ico{ background: url(../images/nimg57_1on.png) no-repeat;}
.history .list li:hover .time, .history .list li:hover .name, .history .list li:hover .msg dd{ color: #fff; }
.history .list li:hover .time em{ background-image:-webkit-linear-gradient(left,#fff,#fff);
 background-image:linear-gradient(to right,#fff,#fff); }
.history .list li:hover .msg{ background: url(../images/nimg67Bgon.png) left 0.16rem no-repeat; }
.history .list li:nth-child(even):hover .msg{ background: url(../images/nimg67Bg2on.png) right 0.16rem no-repeat; }
.history .list li:hover .msg dd:before{ background: #fff; }


.model{ padding: 1.2rem 0 1.0rem; position: relative; background: url(../images/scopeBg.png) center bottom no-repeat; background-size: 100%; overflow: hidden; }
.model:after{ content: ''; position: absolute; right: 0; top: 0; width: 7.5rem; height: 6.96rem; background: url(../images/honorBg.png) no-repeat; background-size: 7.5rem; }
.model .name{ font-size: 0.36rem; line-height: 0.36rem; color: #333; padding: 0.6rem 0 0.3rem; }
.model .content{ padding-bottom: 0.5rem; font-size: 0.16rem; line-height: 0.32rem; text-align: justify; }
.model .wen{ color: #000; font-size: 0.24rem; line-height: 0.24rem; padding-bottom: 0.25rem; }
.model .imgList{ padding-bottom: 0.5rem; }
.model .imgList ul{ margin-right: -0.45rem; }
.model .imgList li{ float: left; width: 33.33%; }
.model .imgList li .lbox{ margin-right: 0.45rem; }
.model .imgList li .imgDiv{ height: 3.5rem; }
.model .imgList li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }

.model .botDiv{ margin-bottom: 0.7rem; height: 6.08rem; padding: 0 0.85rem 0 11.36rem; position: relative; border-bottom-right-radius: 0.36rem; overflow: hidden; background-image: linear-gradient(top,#025bff,#00d2ff);
    background-image: -webkit-linear-gradient(top,#025bff,#00d2ff);
    background-image: -moz-linear-gradient(top,#025bff,#00d2ff);
    background-image: -o-linear-gradient(top,#025bff,#00d2ff);
    background-image: linear-gradient(to bottom,#025bff,#00d2ff);
  background-image: -webkit-linear-gradient(to bottom,#025bff,#00d2ff);
    background-image: -moz-linear-gradient(to bottom,#025bff,#00d2ff);
    background-image: -o-linear-gradient(to bottom,#025bff,#00d2ff);}
.model .botDiv:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 4.15rem; height: 1.48rem; background: url(../images/nimg415Bg.png) no-repeat; background-size: 4.15rem; }
.model .videobox{ width: 10.8rem; height: 6.08rem; position: absolute; left: 0; top: 0; overflow: hidden; }
.model .videobox .imgDiv{ height: 6.08rem; }
.model .videobox .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.model .videobox video{width:100%;height:auto;position:absolute;top:50%;left:0;transform: translateY(-50%);z-index:-1;visibility:hidden;opacity:0;object-fit:fill;}
.model .videobox.cur{ background:#000;}
.model .videobox.cur .imgDiv,.model .videobox.cur .playbox{z-index:-1;visibility:hidden;opacity:0;}
.model .videobox.cur video{z-index:2;visibility:visible;opacity:1;}
.model .videobox .playbox{ cursor:pointer; position:absolute; left:50%; top:50%; width: 104px; height: 104px; margin-left:-52px; margin-top:-52px; background: #fff; border-radius: 50%; z-index:1;}
.model .videobox .playbox img{ width: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 1;}
.model .videobox .playbox .dwq{ position: absolute; right: 50%; top: 50%; margin-right: -100px; margin-top: -100px; width: 200px; height: 200px; }
.model .videobox .playbox .pulse2{position:absolute;top:50%;left:50%; margin-left: -100px; margin-top: -100px; height:200px;width:200px;border:2px solid #fff; box-sizing: border-box; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 0 4px #fff,0 0 10px #fff inset;-moz-box-shadow:0 0 4px #fff,0 0 10px #fff inset;box-shadow:0 0 4px #fff,0 0 10px #fff inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}
.model .videobox .playbox .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.model .videobox .playbox .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
.model .videobox .playbox .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}

.model .conDiv{ padding-top: 0.75rem; position: relative; z-index: 1; }
.model .en2{ position: relative; padding-bottom: 0.4rem; font-size: 0.24rem; line-height: 0.32rem; font-family: bold; color: #fff; }
.model .en2:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 40px; height: 4px; background: #fff; border-radius: 4px; }
.model .cn2{ color: #fff; line-height: 0.32rem; font-size: 0.24rem; padding: 0.3rem 0 0.9rem;}
.model .share{ padding-left: 0.72rem; position: relative;}
.model .share em{ position: absolute; left: 0; top: 0; line-height: 42px; color: #fff; font-size: 16px; }
.model .share li{ float: left; margin-right: 20px; }
.model .share li a{ display: block; width: 42px; height: 42px; background: #fff; border-radius: 50%; position: relative; }
.model .share li img{ position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -8px; }
.model .share li .img1{ opacity: 0; }
.model .share li a:hover{ background-image: linear-gradient(top,#00d2ff,#025bff);
    background-image: -webkit-linear-gradient(top,#00d2ff,#025bff);
    background-image: -moz-linear-gradient(top,#00d2ff,#025bff);
    background-image: -o-linear-gradient(top,#00d2ff,#025bff);
    background-image: linear-gradient(to bottom,#00d2ff,#025bff);
  background-image: -webkit-linear-gradient(to bottom,#00d2ff,#025bff);
    background-image: -moz-linear-gradient(to bottom,#00d2ff,#025bff);
    background-image: -o-linear-gradient(to bottom,#00d2ff,#025bff);}
.model .share li a:hover img{ opacity: 0; }
.model .share li a:hover .img1{ opacity: 1; }


.leader{ padding: 1.2rem 0 1.6rem; position: relative; background: url(../images/staffBg.png) center bottom no-repeat; background-size: 100%; overflow: hidden;}
.leader:after{ content: ''; position: absolute; right: 0; top: 0; width: 7.5rem; height: 6.96rem; background: url(../images/honorBg.png) no-repeat; background-size: 7.5rem; }
.leader .list{ position:relative; z-index:1; padding-top:0.6rem;}
.leader .list ul{ margin-right: -24px;}
.leader .list li{ float:left; width:25%; padding-bottom:24px;}
.leader .list li .box{ margin-right:24px; height:2.7rem; background:#fff; padding:0.5rem 0.4rem 0; box-sizing:border-box; box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.07);}
.leader .list li .name{ font-size:0.32rem; line-height:0.32rem; height:0.56rem; color:#2a2a2a; position:relative;}
.leader .list li .name:after{ content:''; position:absolute; left:0; bottom:0; width:20px; height:2px; background-image: linear-gradient(left,#0263ff,#3bdcff);
    background-image: -webkit-linear-gradient(left,#0263ff,#3bdcff);
    background-image: -moz-linear-gradient(left,#0263ff,#3bdcff);
    background-image: -o-linear-gradient(left,#0263ff,#3bdcff);
    background-image: linear-gradient(to right,#0263ff,#3bdcff);
  background-image: -webkit-linear-gradient(to right,#0263ff,#3bdcff);
    background-image: -moz-linear-gradient(to right,#0263ff,#3bdcff);
    background-image: -o-linear-gradient(to right,#0263ff,#3bdcff);}
.leader .list li .wen{ margin-top:0.2rem; font-size:0.16rem; line-height:0.32rem;}








































