.s-bannerFocus{width: 100%;margin-top: 80px; position: relative; height: 519px; background-size: cover; background-size: 100% 100%; background-image: url(../images/num-banner-bg.jpg);}
.s-bannerFocus_item{width: 100%; position: relative;}
.sbanner-img-box{width: 1200px; position: relative; margin: 0 auto;}
.s-bannerFocus_item{position:relative; height: 519px; background-position:center center;background-repeat: no-repeat;}

.s-bannerTxt_ban1{position: absolute; left: 0; top: 120px; width: 100%;}
.s-bannerTxt_x1{ font-size: 22px; width: 45%; font-weight: bold; line-height: 22px; color: #fff; display: block; opacity: 0; letter-spacing: 3px; transition: all 0.8s ease-in-out; transform: translateY(50px);}
.s-bannerTxt_x2{ font-size: 50px; width: 45%; line-height: 66px; color: #fff; display: block; opacity: 0; padding: 30px 0; letter-spacing: 3px; transition: all 0.8s ease-in-out; transform: translateY(50px);}
.s-bannerTxt_x3{ font-size: 18px; width: 45%; line-height: 18px; color: #fff; display: block; 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: 220px; margin-top: 65px;}
.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;}
.s-banner-right{position: absolute; right: 0; top: 40px;animation:s-banTBani1 2s ease-in-out infinite;}
.s-bannerTxt_div .special-nbanBtn,.special-page1 .special-nbanBtn,.special-nbanBtn{font-size: 14px; border:none; color: #fff; display: inline-block; padding: 0; text-align: center; width: 120px;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%);
}  
.special-page3-con .page-more {
    padding-top: 1em;
}       
@media (max-width:1799px){
    .s-bannerFocus_item .s-bannerImg{height:520px;}
    }
.s-banner1-img2,.s-banner1-img4,.s-banner1-img5{animation:s-banTBani1 2s ease-in-out infinite;}
.s-banner1-img1,.s-banner1-img3{animation:s-banTBani2 2s ease-in-out infinite;}
.s-banner1-img3{animation:s-banTBani3 2s ease-in-out infinite;}
.s-banner1-img7{animation:s-banTBani3 2s ease-in-out infinite;}
@keyframes s-banTBani1 {
        0% {
            transform:translateY(-5px);
        }
        50% {
            transform:translateY(5px);
        }
        100% {
            transform:translateY(-5px);
        }
    }
 @keyframes s-banTBani2 {
        0% {
            transform:translateY(0);
        }
        50% {
            transform:translateY(-20px);
        }
        100% {
            transform:translateY(0);
        }
    }
    @keyframes s-banTBani3 {
        0% {
            transform:translateY(-13px);
        }
        50% {
            transform:translateY(2px);
        }
        100% {
            transform:translateY(-13px);
        }
    }
.hmTbox div{font-size: 16px; color: #1976de; padding-bottom: 15px; font-weight: bold;}
.hmTbox strong{color: #1976de; font-weight: bold;}

.special-page1 .hmTbox p{padding: 0 0 30px;}
.special-page1{ padding: 70px 0 80px; width: 100%;background: url(../images/bg1.jpg) no-repeat left bottom; background-size: 100% 100%;}
.special-page1-con{width: 1200px; margin: 0 auto;}
.special-page1-con ul{width: 100%; overflow: hidden; padding-top: 30px;}
.special-page1-con li{width: 285px; float: left; margin-right: 20px; margin-bottom: 20px; min-height: 100px; background: #f3f3f3;padding: 20px 15px;}
.special-page1-con li a{display: block;}
.special-page1-con li:nth-child(4n){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{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: 6px;}
.page1-box-right h4{color: #343434; font-size: 16px;}
.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;
}
  
.special-page2{width: 100%; overflow: hidden; min-height:520px; padding: 100px 0 150px;  position: relative; background: url(../images/page2-bg.jpg) no-repeat; background-attachment: fixed!important;background-size: 100% 100%!important;width: 100%;} 
.special-page2 .hmTbox p,.special-page2 .hmTbox strong{color: #fff;}
.special-page2-con{width: 1200px; margin:20px auto 0; overflow: hidden; padding-top: 50px;}
.special-page2-con a{display: inline-block; float: left;border-radius: 6px; overflow: hidden; width: 280px; 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;
}
.special-page2-con a:last-child{margin-right: 0;}
.page2-box-bg{width: 280px; height: 390px; padding: 40px 18px;}
.page2-box-bg1{background:url(../images/pic1.jpg) no-repeat;}
.page2-box-bg2{background:url(../images/pic2.jpg) no-repeat;}
.page2-box-bg3{background:url(../images/pic3.jpg) no-repeat;}
.page2-box-bg4{background:url(../images/pic4.jpg) no-repeat;}
.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/txt-bg2.png) repeat; border-radius: 5px; padding: 0 7px; height: 28px; line-height: 28px;}

.special-page3{width: 100%; background: url(../images/page3-bg.png) no-repeat left bottom; background-size: 100% auto;  padding: 90px 0 100px; margin: 0 auto;}
.page3-menu{width: 1200px; margin: 60px auto 0; height: 110px;}
.page3-menu-box{width: 238px; cursor: pointer; float: left; margin-right: 2px; height: 110px;text-align: center;background:url(../images/txt-bg3.png) repeat;}
.p_icon{width:238px; height: 53px;}
.p_icon1{background:url(../images/p-icon1.png) no-repeat center center;}
.p_icon2{background:url(../images/p-icon2.png) no-repeat center center;}
.p_icon3{background:url(../images/p-icon3.png) no-repeat center center;}
.p_icon4{background:url(../images/p-icon4.png) no-repeat center center;}
.p_icon5{background:url(../images/p-icon5.png) no-repeat center center;}
.page3-menu-box h4{font-size: 18px; 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/p-icon11.png) no-repeat center center;}
.page3-menu-box.on .p_icon2{background:url(../images/p-icon22.png) no-repeat center center;}
.page3-menu-box.on .p_icon3{background:url(../images/p-icon33.png) no-repeat center center;}
.page3-menu-box.on .p_icon4{background:url(../images/p-icon44.png) no-repeat center center;}
.page3-menu-box.on .p_icon5{background:url(../images/p-icon55.png) no-repeat center center;}
.page3-menu-box:hover .p_icon1{background:url(../images/p-icon111.png) no-repeat center center;}
.page3-menu-box:hover .p_icon2{background:url(../images/p-icon222.png) no-repeat center center;}
.page3-menu-box:hover .p_icon3{background:url(../images/p-icon333.png) no-repeat center center;}
.page3-menu-box:hover .p_icon4{background:url(../images/p-icon444.png) no-repeat center center;}
.page3-menu-box:hover .p_icon5{background:url(../images/p-icon555.png) no-repeat center center;}
.page3-menu-box.on:hover .p_icon1{background:url(../images/p-icon11.png) no-repeat center center;}
.page3-menu-box.on:hover .p_icon2{background:url(../images/p-icon22.png) no-repeat center center;}
.page3-menu-box.on:hover .p_icon3{background:url(../images/p-icon33.png) no-repeat center center;}
.page3-menu-box.on:hover .p_icon4{background:url(../images/p-icon44.png) no-repeat center center;}
.page3-menu-box.on:hover .p_icon5{background:url(../images/p-icon55.png) no-repeat center center;}
.page3-cons{width: 1200px; margin: 0 auto; background: #fff; border-radius: 4px;box-shadow: 0px 7px 13px 0px rgba(0, 0, 0, 0.08);}
.page3-con{width: 1200px;margin: 0 auto; overflow: hidden; padding: 50px 0;}
.page3-con-left{width: 480px; margin: 60px 60px 0; float: left;}
.page3-con-right{width: 600px; float: left;}
.page3-con h4{color: #1976de; font-size: 20px; line-height: 30px;}
.page3-con p{color:#2a2a2a; padding-top: 40px; 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/page4-bg.jpg) no-repeat; background-size: 100% 100%;  padding: 90px 0 60px; margin: 0 auto;}
.special-page4-box{width: 1200px; margin: 30px auto 0;}
.special-page4-menu{width: 1200px; 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: 83px; font-size: 16px; 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:5px;
    bottom: -1px;
    height: 3px;
    width: 80%;
    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: 60px;}
.special-page4-con a{width: 223px; cursor: pointer; height: 80px; display: inline-block; margin-right: 17px; margin-bottom: 17px;  border-radius: 6px; background: #fff;}
.special-page4-con a:nth-child(5n){margin-right: 0;}
.special-page4-con a div{width: 223px; height: 80px;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(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -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; max-height:496px; background: url(../images/page5-bg.jpg) no-repeat; background-size: 100% 100%;}
.special-page5-left{width: 51%; float: left; background: url(../images/pic5.jpg) no-repeat left bottom; background-size: 100% auto; min-height: 496px;}
.special-page5-right{width: 49%; float: right;}
.special-page5-right a{display: block; height: 496px; background: url(../images/pic6.jpg) no-repeat;background-size:100% 100%;}
.special-page5-right img{width: 100%;}
.special-page5-con{position: absolute; left: 0; top: 0; width: 100%;}
.special-page5-txt{width: 1200px; margin: 0 auto;}
.special-page5-txt-div{width: 500px; padding-top: 100px;}
.special-page5-txt-div h5{font-size: 16px; color: #1976de; padding-bottom: 15px;}
.special-page5-txt-div h4{font-size: 36px; color: #1976de; padding-bottom: 20px;}
.special-page5-txt-div div{font-size: 16px; color: #747474;}
.special-page5-txt-div p{font-size: 14px; color: #262626; line-height: 25px; padding-top: 60px;}