.fl{float: left;}
.fr{float: right;}
p{margin: 0;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

.xypg-right-content{font-size: 16px;}

.j-space-between{justify-content:space-between}
.j-flex-start{justify-content:flex-start}
.j-flex-end{justify-content:flex-end}
.j-center{justify-content:center}
.a-j-center{align-items:center;justify-content:center}
.a-center{align-items:center}
.a-flex-start{align-items:flex-start}
.a-flex-end{align-items:flex-end}




.so {
    cursor: pointer;
}


.ss {
    display: none;
    position: absolute;
    right: 0;
    top: 57px;
    width: 238px;
    padding: 20px;
    border-radius: 20px;
    z-index: 999;
    background: rgb(25, 122, 204, 0.5);
}

.ss input {
    outline: none;
    line-height: 30px;
    width: 20%;
    background: none;
    border: 1px solid #fff;
    background: #fff;
    font-size: 13px;
    color: #1c4086;
    float: left;
}

.ss #keyword {
    padding-left: 5px;
    line-height: 30px;
    width: 80%;
    background: none;
    border: 1px solid #fff;
    outline: none;
    font-size: 13px;
    color: #fff;
    float: left;
}

.ss #keyword:-webkit-autofill {
    -webkit-text-fill-color: #fff !important;
    transition: background-color 5000s ease-in-out 0s;
}

.ss #keyword::placeholder {
    color: #fff;
}


.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}


.c1ads{
    background: url(../images/c1b.png) no-repeat;
}




.section { position: relative; overflow: hidden;width: 100%;}
.logo{width: 30%;}
.logo  img{max-width: 100%;}
.logo .img1,.albb .img1,.so .img1{display: none;}
.wh{max-width: 1588px;margin: 0 auto;width: 90%;}
.active .top2{
background-color: #ffffff;box-shadow: 0px 2px 6px 0px  rgba(0, 0, 0, 0.22);
}
.top2{position: absolute;width: 100%;z-index: 999;top:0;}
.flex{display: flex;justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;}
.dh{padding-left: 46px;background:url(../images/tel2.png) no-repeat left center;margin-left: 38px; letter-spacing: 1px;font-size: 23px;color: #1a1a1a;font-weight: bold;}
.top2 .wh{height: 114px;}
.fp-viewing-Page1 .logo .img2,.fp-viewing-Page1 .albb  .img2,.fp-viewing-Page1  .so .img2{display:none;}
.so{line-height: 48px;}
.fp-viewing-Page1  .dh{background:url(../images/tel.png) no-repeat left center;color: #ffffff;}
.fp-viewing-Page1  .x-menu > li > a{color: #fff;}
.fp-viewing-Page1  .so .img1,.fp-viewing-Page1 .logo .img1{display:inline-block;}
.fp-viewing-Page1 .top2{background: none;box-shadow: none;}
.fp-viewing-Page1 .albb .img1{display:block;}
.active .top2 .wh{
    animation-name: fadeInLeft;
    animation-duration: 0.6s;
    animation-delay: 0.6s;
    animation-fill-mode: both;
}





/*  */
.mySwiper {overflow: hidden;position: relative;width: 100%;}
.mySwiper .swiper-slide{overflow: hidden;}
.mySwiper .swiper-slide img{display: block;height: 100vh;object-fit:cover;width: 100vw;}
.mySwiper .swiper-slide-active img {
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 20s linear infinite 0s;
    -moz-animation: imageAnimation 20s linear infinite 0s;
    -o-animation: imageAnimation 20s linear infinite 0s;
    -ms-animation: imageAnimation 20s linear infinite 0s;
    animation: imageAnimation 20s linear infinite 0s;
}
.ban2{position: absolute;width: 100%;z-index: 9999;bottom: 3vw;}
.bb1{background:url(../images/line1.png) no-repeat center 23px;}
.swiper-num{margin:0 14px 0 18px;color: #ffffff;font-size: 24px;}
.swiper-num .total{margin-left:190px;}
.p4-pagination .swiper-pagination-bullet {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 20px;
    height: 20px;
    background-color: transparent;
    position: relative;
    margin: 0 5px;
    transform: rotate(-90deg);
    opacity: 1;
    outline: none;
}

.p4-pagination .swiper-pagination-bullet svg {
    opacity: 0;
}

.p4-pagination .init,
.p4-pagination .hover {
    /* opacity: 0;
    filter: alpha(opacity=0); */

}

.p4-pagination .swiper-pagination-bullet .hover {
    stroke-dasharray: 314 0;
    stroke: none;
}

.p4-pagination .swiper-pagination-bullet:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8px;
    height: 8px;
    background-color: rgba(255, 255, 255,.5);
    transform: translate(-50%, -50%);
    border-radius: 100%;
}
.swiper-button-prev1,.swiper-button-next1{outline: none;}

.p4-pagination .swiper-pagination-bullet-active:before{
    background: #fff;
}

.p4-pagination .swiper-pagination-bullet-active svg {
    opacity: 1;
}

.p4-pagination .swiper-pagination-bullet-active .init,
.p4-pagination .swiper-pagination-bullet-active .hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.p4-pagination .swiper-pagination-bullet-active .hover {
    stroke: #f5f5f5;
    animation: circle-chart-fill 3s reverse;
}

@keyframes circle-chart-fill {
    to {
        stroke-dasharray: 0 314;
    }
}




@-webkit-keyframes imageAnimation {
    0% {
        -webkit-transform: scale(1);
    }
    25% {
        -webkit-transform: scale(1.05);
    }
    50% {
        -webkit-transform: scale(1.1);
    }
    75% {
        -webkit-transform: scale(1.05);
    }
    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes imageAnimation {
    0% {
        -moz-transform: scale(1);
    }
    25% {
        -moz-transform: scale(1.05);
    }
    50% {
        -moz-transform: scale(1.1);
    }
    75% {
        -moz-transform: scale(1.05);
    }
    100% {
        -moz-transform: scale(1);
    }
}

@-o-keyframes imageAnimation {
    0% {
        -o-transform: scale(1);
    }
    25% {
        -o-transform: scale(1.0005);
    }
    50% {
        -o-transform: scale(1.1);
    }
    75% {
        -o-transform: scale(1.05);
    }
    100% {
        -o-transform: scale(1);
    }
}

@-ms-keyframes imageAnimation {
    0% {
        -ms-transform: scale(1);
    }
    25% {
        -ms-transform: scale(1.05);
    }
    50% {
        -ms-transform: scale(1.1);
    }
    75% {
        -ms-transform: scale(1.05);
    }
    100% {
        -ms-transform: scale(1);
    }
}

@keyframes imageAnimation {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scale(1.05);
    }
    50% {
        transform: scale(1.1);
    }
    75% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}



/**/
.section1{background: url(../images/bj1.jpg) no-repeat top center;background-size: cover;}
.section1 .fp-tableCell{display: block;}
.pbt{text-align: center;letter-spacing: 2px;font-size: 48px;color: #000000;font-weight: bold;line-height: 1;padding-top: 12vw;}
.pbox .hd{background-color: #ffffff;overflow: hidden;margin: 1.5vw 0 1.2vw;padding: 0 22px;}
.psort li{margin-right: 1.3vw; padding-right: 2.6vw;background:url(../images/line2.png) no-repeat right center;}
.psort li a{display: block;line-height: 86px;letter-spacing: 1px;color: #333333;font-size: 20px;border-bottom: 2px solid transparent;}
.psort li:last-child{background:none;padding-right: 0;margin-right: 0;}
.psort li.on a{color: #006cc7;border-bottom: 2px solid #006cc7;}
.pbox .bd{overflow: hidden;}
.mySwiper2{overflow: hidden;}
.mySwiper2 .swiper-slide{background-color: #ffffff; border-radius: 10px;padding-bottom: 4px; overflow: hidden;border-bottom: 7px solid #fff;transition:all 0.5s;}
.pbj{padding: 0 16px;display: block;}
.mySwiper2 .swiper-slide .img{display: block;overflow: hidden;}
.mySwiper2 .swiper-slide .img img{width: 100%;transition:all 0.5s;}
.pbj h3{letter-spacing: 1px;font-size: 18px;color: #333333;font-weight: normal;text-align: center;line-height: 2;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.mySwiper2 .swiper-slide:hover .pbj h3{text-align: left;padding-right: 30px;background: url(../images/jt.png) no-repeat right center;}
.mySwiper2 .swiper-slide:hover{border-color: #197acc;}
.mySwiper2 .swiper-slide:hover .img img{transform:scale(1.1);}


/**/
.yul{display: flex;display: -webkit-flex;position: relative;width: 100%;}
.yul li{flex:1;transition: all 1s;cursor: pointer;position: relative;}
.yul li:hover{flex:0 1 55.3%;}
.yul li .img{position: relative;}
.hbj{position: absolute;width: 100%;height: 100%;top:0;left: 0;background: rgba(0,0,0,.3);transition:all 0.5s;}
.yul li:hover .hbj{background: rgba(0,0,0,0);}
.yul li .img img{width: }
.yul li .img img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}
.ybj{position: absolute;top:50%;left: 50%;transform:translate(-50%,-50%);text-align: center;width: 100%;transition:all 0.5s;}
.ybj p,.ybj a{display: none;}
.ybj dd{color: #ffffff;font-size: 30px;white-space:nowrap;}
.ybj dt{color: #ffffff;opacity: 0.5;font-size: 24px;font-weight: normal;margin-top: 8px;white-space:nowrap;}
.yul li:hover .ybj{text-align: left;bottom: 2.2vw;left: 4.3vw;transform:translate(0,0);top:auto;width: 86%;}
.yul li:hover .ybj dd{display: none;}
.yul li:hover .ybj  p,.yul li:hover .ybj a{display: block;}
.ybj  p{color: #ffffff;font-size: 1.1458vw;white-space:nowrap;}
.ybj a{width: 192px;height: 60px;border-radius: 30px;margin-top: 2vw; border: solid 2px #ffffff;line-height: 56px;text-align: center;color: #ffffff;font-size: 24px;}
.yul li:hover .ybj dt{font-size: 2.6vw;color: #ffffff;font-weight: bold;opacity: 1;text-transform: uppercase;}
.ybj a:hover{background: #0055b4;color: #fff;border-color: #0055b4;}





dt{font-weight: normal;}


/**/
.section3{background: url(../images/bj2.jpg) no-repeat top center;background-size: cover;}
.abt{letter-spacing: 2px;color: #000000;font-size: 48px;font-weight: bold;line-height: 1;padding-top: 6vw;}
.acon{color: #2d2d2d;font-size: 18px;line-height: 40px;margin: 2vw 0 5vw;}
.amore a{display: block;width: 196px;height: 54px;border: solid 1px #006cc7;line-height: 52px;text-align: center;color: #006cc7;font-size: 24px;}
.aul{margin-top: 5vw;}
.aul li{width: 23.24%;background: rgba(255,255,255,.5);transition:all 0.5s;}
.aul li a{padding:1.6vw 1.5vw;}
.abj dd{color: #797979;font-size: 24px;}
.abj dt{color: #797979;font-size: 16px;margin-top: 3px;}
.aul li .img2{display: none;}
.aul li:hover .img1{display: none;}
.aul li .img2{display: none;}
.aul li:hover .img2{display: inline-block;}
.abj{width: calc(100% - 56px);}
.aul li:hover{background-color: #006cc7;transform:translateY(-9px);}
.aul li:hover .abj dd,.aul li:hover .abj dt{color: #fff;}


/**/
.section4{background: url(../images/bj3.jpg) no-repeat top center;background-size: cover;}
.bt1{text-align: center;padding-top: 6vw;}
.bt1 dd{color: #ffffff;font-size: 48px;line-height: 1;font-weight: bold;}
.bt1 dt{color: #ffffff;font-size: 18px;margin-top: 2vw;}
.advan-list {
    margin-top: 5vw;
}
.advan-list li {
    width: 22.9%;
}
.advan-list li a {
    display: block;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .05);
    text-align: center;
    padding:94px 1.5vw 0 1.5vw;
    position: relative;
    height: 330px;
    overflow: hidden;
    cursor: pointer;transition: all 0.8s;
}

.advan-list li a:after {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    content: "";
    background: #006cc7;
    border-radius: 5px;
    z-index: 1;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.advan-list li:hover a:after {
    left: 0;
    width: 100%
}

.advan-list li h3 {
    color: #333;
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
    margin: 1.2vw 0;
    position: relative;
    z-index: 9;
    top: 0;
    transition: all 0.8s;
}

.advan-list li:hover h3 {
    top: -100px;
    color: #fff;
}

.advan-list li .intro {
    color: #666;
    font-size: 16px;
    line-height: 28px;
    overflow: hidden;
    position: relative;
    z-index: 9;
    top: 0;
    transition: all 0.8s;
    opacity: 0;
}

.advan-list li:hover .intro {
    top: -100px;
    color: #fff;
    opacity: 1;
}
.advan-list li:hover a{padding-top: 49px;}



/**/
.section5{background: url(../images/bj4.jpg) no-repeat top center;background-size: cover;}
.hbox{padding-top: 8vw;}
.hul li{overflow: hidden;width: 21.4%;margin-bottom: 9px;}
.hul li img{transition:all 0.5s;width: 100%;}
.hul li:hover img{transform:scale(1.1);}
.hbox{position: relative;}
.hleft{position: absolute;width: 43%;}
.hul{width: 68%;}
.hul li:first-child{margin-left: 10.2%;}
.hul li:nth-child(8),.hul li:last-child{margin-right: 10.2%;}
.hul li:nth-child(9){margin-left: 10.2%;}
.sbt span{font-size: 72px;}
.sbt{color: #161616;font-size: 40px;font-weight: bold;font-family: '黑体';line-height: 1;}
.sbt sup{left:5px;top:-33px;}
.hleft h3{color: #0055b4;font-size: 40px;font-weight: bold;margin: 1.8vw 0 2.2vw;}
.pin{color: #2b2b2b;font-size: 16px;line-height: 40px;}




/**/
.section6{background: url(../images/bj5.jpg) no-repeat top center;background-size: cover;}
.tab-con { position: relative; }
.tab-con .tab-main { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
.tab-con .tab-main { opacity: 0; visibility: hidden; transition: all .5s ease; }
.tab-con .tab-main.active1 { position: relative;z-index: 99; opacity: 1; visibility: visible;  }
.nn h3{color: #0055b4;font-size: 42px;font-weight: bold;}
.nsort li a{color: #595959;font-size: 20px;}
.nsort li{margin: 0 2.6vw;}
.nsort li.active1 a{color: #0055b4;}
.nn{margin-bottom: 3.5vw;}

.mySwipern{overflow: hidden;}
.mySwipern .swiper-slide{background-color: #ffffff;box-shadow: 0px 3px 7px 0px rgba(115, 115, 115, 0.32);border-bottom: 5px solid #acacac;}
.nbj{padding: 1.6vw 1vw 1vw 1vw;}
.nbj h3 a{display: block;color: #666666;font-size: 20px;font-weight: bold;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.nbj p{margin: 1vw 0 1.5vw; color: #666666;font-size: 16px;line-height: 24px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.n2 span{color: #6f6d6d;font-size: 16px;}
.n2 a{color: #6f6d6d;font-size: 16px;}
.mySwipern .swiper-slide:hover{border-color: #2a6bcf;}
.mySwipern .swiper-slide:hover .nbj h3 a{color: #0055b4;}
.mySwipern .swiper-slide .img{display: block;overflow: hidden;}
.mySwipern .swiper-slide .img img{width: 100%;transition:all 0.5s;}
.mySwipern .swiper-slide:hover .img img{transform:scale(1.1);}
.section6 .fp-tableCell{display: block;}
.nbox{padding-top: 12vw;}

.swiper-button-next22{outline:none;}



/**/
.section7{background: url(../images/bj6.jpg) no-repeat top center;background-size: cover;}
.ft2{font-size: 14px;color: rgba(255,255,255,.3);line-height: 40px;border-top:1px solid rgba(255,255,255,.5);padding-top: 15px;margin-top: 7vw;}
.ft2 a{color: rgba(255,255,255,.3);}

.dtt dd{color: #ffffff;opacity: 0.05;font-size: 60px;font-weight: bold;text-transform: uppercase;line-height: 1;}
.dtt dt{color: #ffffff;font-weight: bold;font-size: 42px;margin-top: 20px;}
.tright{width: 46.1%;}
.tleft h3{color: #ffffff;font-size: 28px;margin: 5vw 0 1vw;}
.lx{color: #ffffff;font-size: 18px;line-height: 40px;}
.tewm img{width: 141px;}
.tewm{margin-right: 1.8vw;margin-top: 13px;}
.ft1 .flex{align-items:flex-end;}
.tright h3{color: #ffffff;font-size: 28px;font-weight: bold;margin: 0 0 2.7vw;}
.yan ul li{width: 46%;border-bottom: 1px solid rgba(255,255,255,.3);}
.yan ul li input{outline: none;border:none;color: #ffffff;font-size: 20px;height: 40px;background:none;width: 100%;}
.ycon{border-bottom: 1px solid rgba(255,255,255,.3);margin: 2.3vw 0;}
.ycon textarea{outline: none;border:none;color: #ffffff;font-size: 20px;height: 6.5vw;background:none;width: 100%;}

.yan ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #ffffff;
}
.yan :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #ffffff;
}
.yan ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #ffffff;
}
.yan :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #ffffff;
}
.yzm #checkcode{width: 154px;height: 52px;color: #fff; background:none;outline: none;border:none;border-bottom: 1px solid rgba(255,255,255,.3);}
.tj input{width: 154px;height: 52px;background-color: #0055b4;line-height: 52px;text-align: center;color: #ffffff;font-size: 20px;outline: none;border:none;}
.yy.flex{justify-content:flex-start;}
.yan #checkCodeImg1{margin: 0 24px;display: block;}
.section7 .fp-tableCell{vertical-align: bottom;}














@media(max-width: 1700px){
    .advan-list{margin-top: 3vw;}
    .nn{margin-bottom: 2vw;}
    .nbox,.pbt{padding-top: 8vw;}
    .top2 .wh{height: 90px;}
    .psort li a{font-size: 18px;line-height: 60px;}
    .tleft h3{margin: 3vw 0 1vw;font-size: 24px;}
    .dtt dd{font-size: 50px;}
    .dtt dt{font-size: 36px;}
    .ft2{line-height: 24px;}
    .ft2{margin-top: 3vw;}
    .nbj p{font-size: 14px;line-height: 22px;margin: 0.6vw 0 1vw;}
}




@media(max-width: 1600px){
    .pbt,.abt,.bt1 dd{font-size: 38px;}
    .psort li a{font-size: 16px;line-height: 50px;}
    .acon{font-size: 16px;line-height: 30px;}
    .nn h3{font-size: 32px;}
}

@media(max-width: 1500px){
    .advan-list li a{height: 280px;}
    .advan-list li a{padding-top: 60px;}
    .advan-list li .intro{font-size: 15px;line-height: 25px;}

}



@media(max-width: 1300px){
    .x-menu > li > a{font-size: 16px;}
    .ybj a{width: 150px;height: 47px;line-height: 43px;font-size: 20px;}
    .abj dd{font-size: 20px;}
    .abj dt{font-size: 14px;}
    .advan-list li h3{font-size: 20px;}
    .pin{font-size: 14px;line-height: 27px;}
    .nbj h3 a{font-size: 18px;}
    .dtt dd{font-size: 50px;}
    .dtt dt{font-size: 34px;margin-top: 15px;}
    .tright h3{font-size: 24px;}
    .yan ul li input,.ycon textarea{font-size: 16px;}
    .tleft h3{font-size: 24px;}
    .lx{font-size: 16px;line-height: 34px;}
    .tewm img{width: 121px;}
    .tewm{margin-top: 7px;}
}

@media(max-width: 1200px){
  .xypg-right-content{overflow: hidden;}
  .xypg-right-content p img{
           max-width: 100%;
          width: auto !important;
          height: auto !important;
     }
     .advan-list li .intro{font-size: 14px;line-height: 24px;}
     .advan-list li img{width: 70px;}
    .mySwiper .swiper-slide img{width: 100%;height: 100%;}
    
    .section1 .top2,.section2 .top2,.section3 .top2,.section4 .top2,.section5 .top2,.section6 .top2,.section7 .top2{display: none;}
    .section1,.section3,.section4,.section5,.section6,.section7{padding: 8% 0;}
    .pbt,.abt,.bt1,.hbox,.nbox{padding-top: 0;}
    .pbox .hd{margin: 30px 0 25px;}
    .psort li a{font-size: 16px;letter-spacing: 0;}
    .logo .img1, .albb .img1, .so .img1{display: block;}
    .logo .img2, .albb .img2, .so .img2{display: none;}
    .dh{background:url(../images/tel.png) no-repeat left center;color: #ffffff;}
    .x-menu > li > a{color: #fff;}
    .so .img1, .logo .img1{display:inline-block;}
    .top2{background: none;box-shadow: none;}
    .yul li .img img{height: 50vh;}
    .ybj dd{font-size: 24px;}
    .ybj dt{font-size: 18px;}
    .amore a{width: 150px;height: 43px;line-height: 43px;font-size: 18px;}
    .advan-list li a{height: 248px;}
    .hleft h3{font-size: 30px;}
    .sbt span{font-size: 60px;}
    .sbt sup{top:-25px;}
    .bq,.ji{width: 100%;text-align: center;line-height: 24px;}
}

@media(max-width: 1024px){
    .swiper-num{font-size: 20px;}
    .swiper-button-prev1 img,.swiper-button-next1 img{width: 10px;}
    .pbt,.abt,.bt1 dd{font-size: 30px;}
    .abj dt{font-size: 12px;}
    .abj dd{font-size: 18px;}
    .advan-list li .intro{font-size: 13px;line-height: 23px;}
    .advan-list li h3{margin-bottom: 20px;}
}
@media(max-width: 768px){
    .pbox .hd .prev,.pbox .hd .next{display: none;}
    .pbox .psort{justify-content:flex-start;}
    .psort li{padding-right: 50px;margin-right: 15px;}
    .pbj h3{font-size: 14px;letter-spacing: 0;}
    .advan-list li{width: 48%;margin-bottom: 20px;}
    .bt1 dt{font-size: 16px;margin-top: 10px;}
    .hleft{position: static;margin-bottom: 26px;}
    .hul,.hleft{width: 100%;}
    .nsort li a{font-size: 18px;}
    .nbj h3 a{font-size: 16px;}
    .nbj p{font-size: 14px;}
    .tleft,.tright{width: 100%;}
    .tright{margin-top: 30px;}
}
@media(max-width: 640px){
    .swiper-num .total{margin-left: 50px;}
     .swiper-num{font-size:16px;}
    .swiper-button-prev1 img,.swiper-button-next1 img{width: 6px;}
    .bb1{background:url(../images/line1.png) no-repeat center 14px;background-size: 36px;}
    .swiper-num{margin:0 7px;margin-top: 2px;}
    .pbt,.abt,.bt1 dd{font-size: 24px;}
    .psort li{background:none;padding-right: 0;width: 31.333%;margin: 0 1%;text-align: center;}
    .psort li a{line-height: 40px;font-size: 14px;}
    .yul li{width: 50%;display: inline-block;}
    .yul{display: block;font-size: 0;}
    .yul li:hover .ybj{bottom: 20px;}
    .yul li:hover .ybj dt{font-size: 16px;}
    .ybj p{font-size: 14px;white-space:wrap;margin: 5px 0;}
    .ybj dd{font-size: 22px;}
    .ybj dt{font-size: 16px;}
    .ybj a{width: 120px;height: 40px;line-height: 36px;font-size: 16px;}
    .acon{margin: 20px 0 30px;font-size: 14px;line-height: 24px;}
    .aul li{width: 47%;margin-bottom: 15px;}
    .aul li img{height: 35px;}
    .abj{width: calc(100% - 43px);}
    .abj dd{font-size: 15px;}
    .amore a{width: 140px;height: 40px;line-height: 40px;font-size: 16px;}
    .yul li .img img{height: 300px;}
    .bt1 dt{font-size: 13px;margin-top: 13px;}
    .advan-list li{width: 100%;}
    .advan-list li a{height: 197px;padding-top: 34px;}
    .advan-list li h3{margin-top: 10px;font-size: 18px;}
    .sbt{font-size: 30px;}
    .sbt span{font-size: 50px;}
    .hleft h3{font-size: 24px;}
    .sbt sup{top:-20px;}
    .nn h3{font-size: 22px;}
    .nsort li{margin: 0 1vw;}
    .nsort li a{font-size: 15px;}
    .swiper-button-next22{margin-top: 15px;width: 100%;}
    .nbj{padding: 15px 10px;}
    .nbj p{margin: 10px 0 15px;}
    .dtt dd{font-size: 30px;}
    .dtt dt{font-size: 24px;margin-top: 5px;}
    .tleft h3{font-size: 20px;margin: 20px 0;}
    .lx{font-size: 14px;line-height: 24px;margin-top: 15px;}
    .tright h3{font-size: 20px;}
    .ycon textarea{height: 60px;}
    .tj input{width: 140px;height: 40px;line-height: 40px;font-size: 16px;margin-top: 20px;}
    .yan #checkCodeImg1{margin: 0 8px;}

}





@media (max-width:768px){
 .db{display:block!important;}
}


.dbb{height:50px;}

/* 页脚 */
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #0055b4;
}

.footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  color: #ffffff;
  line-height: 30px;padding:10px 0;
  font-size: 0;
}

.footer ul li.active {
  background: #006cc7;
}

.footer ul li a {
  display: block;color:#fff;
}

.footer ul li .iconfont {
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.footer ul li span {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;color:#fff;
}


.footer li .icon-home{ background: url(../images/a1.png) no-repeat;width:20px;height:20px;}
.footer li .icon-home2{ background: url(../images/a2.png) no-repeat;width:20px;height:20px;}
.footer li .icon-phone{ background: url(../images/a3.png) no-repeat;width:20px;height:20px;}
.footer li .icon-contact{ background: url(../images/a4.png) no-repeat;width:20px;height:20px;}

.footer li .icon-phone:before{font-size:0;}

.footer ul li a{border-left:1px solid  rgba(255,255,255,.5);}





@media (min-width: 1201px) {
      .sun-delay0 {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
    }
    .sun-delay1 {
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s;
    }
    .sun-delay2 {
        -webkit-transition-delay: 0.6s;
        transition-delay: 0.6s;
    }
    .sun-delay3 {
        -webkit-transition-delay: 0.8s;
        transition-delay: 0.8s;
    }
    .sun-delay4 {
        -webkit-transition-delay: 1s;
        transition-delay: 1s;
    }
    .sun-delay5 {
        -webkit-transition-delay: 1.2s;
        transition-delay: 1.2s;
    }
    .sun-delay6 {
        -webkit-transition-delay: 1.4s;
        transition-delay: 1.4s;
    }
    .sun-delay7 {
        -webkit-transition-delay: 1.6s;
        transition-delay: 1.6s;
    }
    .sun-delay8 {
        -webkit-transition-delay: 1.8s;
        transition-delay: 1.8s;
    }
    .sun-delay9 {
        -webkit-transition-delay: 2s;
        transition-delay: 2s;
    }
    .sun-delay10 {
        -webkit-transition-delay: 2.2s;
        transition-delay: 2.2s;
    }
    .sun-ani-left,
    .sun-ani-down,
    .sun-ani-up,
    .sun-ani-right {
        opacity: 0;
        -webkit-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: 1s;
        transition-duration: 1s;
    }
    .sun-ani-left {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    .sun-ani-down {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }
    .sun-ani-up {
        -webkit-transform: translateY(-200px);
        transform: translateY(200px);
    }
    .sun-ani-right {
        -webkit-transform: translatex(100px);
        transform: translatex(100px);
    }
    .actives .sun-ani-left {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    .active .sun-ani-left {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    .active .sun-ani-down {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    .active .sun-ani-up {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    .active .sun-ani-right {
        opacity: 1;
        -webkit-transform: translatex(0);
        transform: translatex(0);
    }

      .active2 .sun-ani-left {
        opacity: 1;
        -webkit-transform: translatex(0);
        transform: translatex(0);
    }
     .active2 .sun-ani-right {
        opacity: 1;
        -webkit-transform: translatex(0);
        transform: translatex(0);
    }
     .active2 .sun-ani-up {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
  }