.s-bannerFocus{width: 100%; position: relative; overflow: hidden; min-height: 445px; background:url(../images/s-img/banner.jpg) no-repeat; background-size: 100% 100%;}
.s-bannerTxt_ban1{width: 100%; padding-top: 40px;}
@keyframes s-banTBani1 {
  0% {
      transform:translateY(-5px);
  }
  50% {
      transform:translateY(5px);
  }
  100% {
      transform:translateY(-5px);
  }
}
.s-banner-right-box{opacity: 0;position: absolute; right: 15%; width: 70%; bottom: 3px; letter-spacing: 3px; transition: all 0.8s ease-in-out; transform: translateY(50px);}
.s-banner-right{animation:s-banTBani1 2s ease-in-out infinite;}
.s-banner-right img{width: 100%;}
.s-bannerTxt_x1{ font-size: 18px; font-weight: bold; line-height: 22px; color: #fff; text-align: center; display: block; opacity: 0; letter-spacing: 3px; transition: all 0.8s ease-in-out; transform: translateY(50px);}
.s-bannerTxt_x2{ font-size: 28px; line-height: 56px; color: #fff; display: block; text-align: center; opacity: 0; letter-spacing: 3px; transition: all 0.8s ease-in-out; transform: translateY(50px);}
.s-bannerTxt_x3{ font-size: 14px; line-height: 18px; color: #fff; display: block; text-align: center; opacity: 0; letter-spacing: 3px; transition: all 0.8s ease-in-out; transform: translateY(50px);}
.s-bannerTxt_x2 span{color: #fff600;}
.s-bannerTxt_div{width: 100%; text-align: center;margin-top: 25px;}
.s-bannerTxt_div .special-nbanBtn{ transition: all 0.8s ease-in-out; opacity: 0; transform: translateY(50px); letter-spacing: 3px;}
.on .s-bannerTxt_x1{ opacity:1; transform:translateY(0); transition-delay:0.3s;}
.on .s-bannerTxt_x2{ opacity:1; transform:translateY(0); transition-delay:0.4s;}
.on .s-bannerTxt_x3{ opacity:1; transform:translateY(0); transition-delay:0.5s;}
.on.s-banner-right-box{opacity:1; transform:translateY(0); transition-delay:0.6s;}
.on .s-bannerTxt_div .special-nbanBtn{ opacity:1; transform:translateY(0); transition-delay:0.6s;}
.s-bannerTxt_div .special-nbanBtn,.special-page1 .special-nbanBtn{font-size: 14px; border:none; color: #fff; display: inline-block; padding: 0; text-align: center; width: 100px;height: 40px;line-height: 40px;border-radius: 6px;
  background-image: -moz-linear-gradient( 35deg, rgb(25,118,222) 0%, rgb(54,164,247) 100%);
  background-image: -webkit-linear-gradient( 35deg, rgb(25,118,222) 0%, rgb(54,164,247) 100%);
  background-image: -ms-linear-gradient( 35deg, rgb(25,118,222) 0%, rgb(54,164,247) 100%);
  }
.special-nbanBtn:hover{color: rgb(212, 211, 211);
  background-image: -moz-linear-gradient( 35deg, rgb(4, 115, 241) 0%, rgb(0, 111, 196) 50%);
  background-image: -webkit-linear-gradient( 35deg,  rgb(4, 115, 241) 0%,  rgb(0, 111, 196) 50%);
  background-image: -ms-linear-gradient( 35deg,  rgb(4, 115, 241) 0%,  rgb(0, 111, 196) 50%);
} 

.s-banner-box{width: 100%; height:55px;position: relative;}
.s-banner-bottom{position: absolute; left: 0;top: -30px; width: 97%; margin-right: 3%;}
.s-banner-media{display: inline-block; height: 80px; width: 22%; margin-left: 3%; background: url(../images/s-img/media-bg.jpg) repeat-x; float: left;}
.s-banner-media span,.s-banner-media strong{display: block; font-size: 0.25rem; text-align: center;}
.s-banner-media strong {height: 48px;}
.s-banner-media strong img{display: inline-block; padding: 10px 0; width:35%;} 

.hmTbox div{font-size: 14px; color: #1976de; font-weight: bold; text-align: center;}
.hmTbox strong{color: #1976de; font-size: 18px; line-height: 30px; font-weight: bold; text-align: center; display: block;}
.hmTbox p{color: #747474; font-size: 12px; text-align: center;}
.special-page1{ padding: 40px 0; width: 100%;background: url(../images/s-img/page1-bg.jpg) no-repeat left bottom; background-size: 100% 100%;}
.special-page1-con{width: 95%; margin: 30px auto 0;}
.special-page1-con ul{width: 100%;}
.special-page1-con li{width: 49%; float: left;box-shadow: 1px 7px 13px 0px rgba(0, 0, 0, 0.1); margin-right: 2%; margin-bottom: 10px; background: #f3f3f3;}
.special-page1-con li a{display: block; padding: 10px;}
.special-page1-con li:nth-child(2n){margin-right: 0;}
.special-page1-box{width: 100%; clear: both; cursor: default; overflow: hidden;}
.page1-box-left{float: left; margin-right: 15px;}
.page1-box-left div img{width: auto;max-width:none;line-height:normal;}
.page1-box-left div{width: 36px; height: 36px; display: table-cell; vertical-align: middle; text-align: center; background: #1f8eeb; border-radius: 4px;}
.page1-box-right div{color: #8f8f8f; font-size: 12px; padding-bottom: 3px;}
.page1-box-right h4{color: #343434; font-size: 14px;}
.special-page1-con li p{font-size: 12px; cursor: default; color: #4a4a4a; padding-top: 10px;}
.special-page1-con li:hover{box-shadow: 0px 7px 13px 0px rgba(0, 0, 0, 0.1);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
}
.page1-box-more{color: #1976de; font-size: 16px;}


.special-page2{width: 100%; overflow: hidden; padding: 40px 0 50px;  position: relative; background: url(../images/s-img/page2-bg.jpg) no-repeat; background-size: 100% 100%!important;width: 100%;} 
.special-page2 .hmTbox p,.special-page2 .hmTbox strong{color: #fff;}
.special-page2-con{width: 95%; margin:30px auto 0; height: 390px; overflow: hidden; padding-top: 50px;}
.special-page2-con a{  width:100%; height: 390px; margin-right: 26px;}
.special-page2-con a:hover{
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
    -webkit-transition: -webkit-transform .7s linear;
    transition: transform .7s linear;
}
.page2-box-bg{width: 96%; border-radius: 10px; overflow: hidden; height: 390px; padding: 40px 18px;}
.page2-box-bg1{background:url(../images/s-img/page2-pic1.jpg) no-repeat; background-size: 100% 100%;}
.page2-box-bg2{background:url(../images/s-img/page2-pic2.jpg) no-repeat; background-size: 100% 100%;}
.page2-box-bg3{background:url(../images/s-img/page2-pic3.jpg) no-repeat; background-size: 100% 100%;}
.page2-box-bg4{background:url(../images/s-img/page2-pic4.jpg) no-repeat; background-size: 100% 100%;}
.page2-box-bg h4{color: #fdfdfd; font-size: 12px; padding-bottom: 10px;}
.page2-box-bg h5{font-size: 20px; color: #fdfdfd;}
.page2-box-bg p{font-size: 14px; color: #fff; line-height: 20px; padding: 40px 0 0; height: 160px;} 
.page2-txt{color:#fdfdfd;font-size: 14px; padding-top: 25px; display: flex;flex-wrap: nowrap; justify-content: space-between;}
.page2-txt span{display: inline-block; font-size: 14px; color: #fffefe; text-align: center; background: url(../images/s-img/txt-bg2.png) repeat; border-radius: 5px; padding: 0 7px; height: 28px; line-height: 28px;}

.special-page3{width: 100%; background: url(../images/s-img/page3-bg.jpg) no-repeat left bottom; background-size: 100% auto;  padding:30px 0 50px; margin: 0 auto;}
.page3-menu{width: 95%; margin: 40px auto 0; height: 110px;}
.page3-menu-box{width: 19.5%; cursor: pointer; float: left; margin-right: 0.5%; height: 80px;text-align: center;background:url(../images/s-img/txt-bg3.png) repeat;}
.p_icon{width:100%; height: 50px;}
.p_icon1{background:url(../images/s-img/p-icon1.png) no-repeat center center;}
.p_icon2{background:url(../images/s-img/p-icon2.png) no-repeat center center;}
.p_icon3{background:url(../images/s-img/p-icon3.png) no-repeat center center;}
.p_icon4{background:url(../images/s-img/p-icon4.png) no-repeat center center;}
.p_icon5{background:url(../images/s-img/p-icon5.png) no-repeat center center;}
.page3-menu-box h4{font-size: 12px; color: #1b1b1b; line-height: 25px;}
.page3-menu-box p{color: #8a8a8a; font-size: 12px;}
.page3-menu-box:hover h4,.page3-menu-box:hover p{color: #1a77de;}
.page3-menu-box.on{background-image: -moz-linear-gradient( 35deg, rgb(25,118,222) 0%, rgb(54,164,247) 100%);
     background-image: -webkit-linear-gradient( 35deg, rgb(25,118,222) 0%, rgb(54,164,247) 100%);
     background-image: -ms-linear-gradient( 35deg, rgb(25,118,222) 0%, rgb(54,164,247) 100%);}
.page3-menu-box.on h4,.page3-menu-box.on p{color: #fff;}
.page3-menu-box.on .p_icon1{background:url(../images/s-img/p-icon11.png) no-repeat center center;}
.page3-menu-box.on .p_icon2{background:url(../images/s-img/p-icon22.png) no-repeat center center;}
.page3-menu-box.on .p_icon3{background:url(../images/s-img/p-icon33.png) no-repeat center center;}
.page3-menu-box.on .p_icon4{background:url(../images/s-img/p-icon44.png) no-repeat center center;}
.page3-menu-box.on .p_icon5{background:url(../images/s-img/p-icon55.png) no-repeat center center;}
.page3-menu-box:hover .p_icon1{background:url(../images/s-img/p-icon111.png) no-repeat center center;}
.page3-menu-box:hover .p_icon2{background:url(../images/s-img/p-icon222.png) no-repeat center center;}
.page3-menu-box:hover .p_icon3{background:url(../images/s-img/p-icon333.png) no-repeat center center;}
.page3-menu-box:hover .p_icon4{background:url(../images/s-img/p-icon444.png) no-repeat center center;}
.page3-menu-box:hover .p_icon5{background:url(../images/s-img/p-icon555.png) no-repeat center center;}
.page3-menu-box.on:hover .p_icon1{background:url(../images/s-img/p-icon11.png) no-repeat center center;}
.page3-menu-box.on:hover .p_icon2{background:url(../images/s-img/p-icon22.png) no-repeat center center;}
.page3-menu-box.on:hover .p_icon3{background:url(../images/s-img/p-icon33.png) no-repeat center center;}
.page3-menu-box.on:hover .p_icon4{background:url(../images/s-img/p-icon44.png) no-repeat center center;}
.page3-menu-box.on:hover .p_icon5{background:url(../images/s-img/p-icon55.png) no-repeat center center;}
.page3-cons{width: 95%; margin: 0 auto; background: #fff; border-radius: 4px;box-shadow: 0px 7px 13px 0px rgba(0, 0, 0, 0.08);}
.page3-con{width: 100%;margin: 0 auto; overflow: hidden; padding-bottom: 40px;}
.page3-con-left{width: 90%; margin:10px auto;}
.page3-con-right{width: 100%; }
.page3-con-right img{width: 95%; display: block; margin: 0 auto;}
.page3-con h4{color: #1976de; font-size: 20px; line-height: 30px;}
.page3-con p{color:#2a2a2a; padding-top: 20px; font-size: 14px; line-height: 30px;}
.page3-con h3,.page3-con h3 span{font-size: 20px; color: #1976de;}
.page3-con h3 span{display: inline-block; margin-right: 30px;}


.special-page4{width: 100%;background: url(../images/s-img/page4-bg.jpg) no-repeat; background-size: 100% 100%;  margin: 0 auto; padding:40px 0;}
.special-page4-box{width: 95%; margin: 0 auto;}
.special-page4-menu{width: 100%; display: flex;justify-content: space-evenly; text-align: center; border-bottom: 1px solid #e3e3e3; line-height: 80px;}
.special-page4-menu-nav{display: inline-block; cursor: Default; height: 63px; font-size: 13px; color: #282828;padding-bottom: 0;position: relative;text-decoration: none;}
.special-page4-menu-nav.on{color: #1a77de;border-bottom: 3px solid #1976de;}
.special-page4-menu-nav:hover{color: #1a77de;border-bottom:none;}
.special-page4-menu .special-page4-menu-nav:before{
    content: "";
    position: absolute;
    left:0;
    bottom: -1px;
    height: 3px;
    width: 100%;
    background: #1976de;
    transform: scale(0);
    transition: all 0.3s;
  }
.special-page4-menu .special-page4-menu-nav:hover:before{transform: scale(1);}
.special-page4-con{margin-top: 20px; display: flex;flex-wrap: wrap;justify-content: space-around;}
.special-page4-con a{width: 32%; cursor: pointer; height: 60px; display: inline-block; margin-right:2%; margin-bottom: 5px;  border-radius: 6px; background: #fff;}
.special-page4-con a:nth-child(3n){margin-right: 0;}
.special-page4-con a div{width:32%; font-size: 12px; height: 60px;text-align: center; display: table-cell; vertical-align: middle;}
.special-page4-con a:hover{box-shadow: 0px 7px 13px 0px rgba(0, 0, 0, 0.1);
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-transition: -webkit-transform .4s linear;
    transition: transform .4s linear;
}
.special-page4-con a:hover img{
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .4s linear;
    transition: transform .4s linear;
}

.special-page5{width: 100%; position: relative; overflow: hidden; padding-bottom: 30px;  background: url(../images/page5-bg.jpg) no-repeat; background-size: 100% 100%;}
.special-page5-con{ width: 100%;}
.special-page5-txt{width: 95%; margin: 0 auto;}
.special-page5-txt-div{width: 100%; padding-top: 40px;}
.special-page5-txt-div h5{font-size: 14px; color: #1976de;}
.special-page5-txt-div h4{font-size: 20px;padding: 8px 0; color: #1976de;}
.special-page5-txt-div div{font-size: 14px; color: #747474;}
.special-page5-txt-div p{font-size: 14px; color: #262626; line-height: 25px; padding-top: 20px;} 
.special-page5-img{margin: 20 auto; width: 95%;}
.special-page5-img img{width: 100%;}


@keyframes rangeScale {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(1.9);
  }
}





#bigimg{
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  position: fixed;
  background: rgba(255, 255, 255, 0.9);
  top: 0;
  display: none;
}


@media screen and (orientation: portrait) {
            
  #bigimg{
    padding-top: 5%;
      z-index: 9999;
      width : 100vmax;
      height : 100vmin;
      text-align: center;
      transform-origin: top left;
      transform: rotate(90deg) translate(0,-100vmin);
  }
  #bigimg img{width: 90%;}
}
@media screen and (orientation: landscape) {
 
  #bigimg{
      width : 100vmax;
      height : 100vmin;
  }
}