/*初始化样式*/
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;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
p{margin: 0;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

.com-img{ display:block; overflow:hidden;}
.com-img img{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}

.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}

/*主体样式*/
.top2{padding: 0 25px 0 3vw;align-items: center;}
.dh{letter-spacing: -1px;color: #0156a7;font-size: 30px;font-weight: bold;padding-left: 59px;background: url(../images/4146fd459656e4dc0f24388901d10346ab1c6e2f.png) no-repeat left center;}
.dlogo{width: 28%;}
.dlogo img{max-width: 100%;}

.wh{max-width: 1481px;padding: 0 15px;margin: 0 auto;}
.box1 .wh{max-width: 1552px;}
.box1{background: url(../images/7051d254fc62f8e4a33e609d566b6b35d84db09c.jpg) no-repeat top center;background-size: cover;padding: 4% 0 5.2%;}
.aleft{width: 48.6%;}
.sul{width: 42.3%;margin-top: 9vw;}
.sul li{width: 50%;}
.abt dd{color: #f3f3f3;font-size: 60px;font-weight: bold;line-height: 1;text-transform: uppercase;}
.abt dt{letter-spacing: 2px;color: #171717;font-size: 40px;font-weight: bold;line-height: 1;}
.line1{width: 61px;height: 3px;background-color: #0356aa;margin: 23px 0;}
.abt p{color: #0356aa;font-size: 32px;}
.acon{line-height: 40px;letter-spacing: 1px;color: #3e3d3e;font-size: 18px;margin: 23px 0 41px;}
.amore a{display: block;width: 209px;height: 52px;border-radius: 26px;border: solid 1px #0356aa;line-height: 50px;text-align: center;letter-spacing: 1px;color: #0356aa;font-size: 18px;transition: all 0.5s;}
.sul li p{letter-spacing: 1px;color: #3a3a3a;font-size: 16px;margin-top: 3px;}
.sbt{color: #0254a7;font-size: 20px;line-height: 1;}
.sbt span{letter-spacing: -4px;color: #0254a7;font-size: 60px;font-weight: bold;font-family: 'Segoe UI Emoji';margin-right: 9px;}
.sul li .img{margin-right: 17px;}
.sul li:first-child,.sul li:nth-child(2){margin-bottom: 3.9vw;}
.sul li .img img{max-width: 90px;}
.amore a:hover{background: #0254a7;color: #fff;}

/*  */
.box2{background: url(../images/e413515a1204a6fbfa43362dcd329bac9826b373.jpg) no-repeat center top;background-size: cover;padding: 3.4% 0 4.5%;}
.bt1{text-align: center;}
.bt1 dd{color: #dddfe0;font-size: 50px;line-height: 1;}
.bt1 dt{color: #222222;font-size: 40px;font-weight: bold;line-height: 1;margin-bottom: 15px;}
.line2{width: 60px;height: 3px;background-color: #0356aa;margin: 0 auto;}
.psort{margin: 28px 0 3.2vw;text-align: center;font-size: 0;}


.psort li{margin: 0 1vw;display: inline-block;
    margin-bottom: 20px;
}
.psort li a{display: block;width: 130px;height: 45px;background-color: #ffffff;border-radius: 23px;color: #010101;font-size: 18px;line-height: 45px;-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}
.psort li.cur a{background-color: #0356aa;color: #fff;}
.plist li{width: 24%;background-color: #ffffff;padding: 7px 8px;
    margin-right: 1.33%;
}
.plist li:nth-child(4n){
    margin-right: 0;
}

.plist li h3 a{display: block;font-weight: normal;color: #646464;font-size: 18px;background: url(../images/ab5a738c101331d84c470ca747c1161d8063dc9f.png) no-repeat right center;margin: 0 7px;padding: 1.5vw 0 1vw;}
.plist li .img img{display: block;width: 100%;transition: all 0.5s;}
.plist li .img{display: block;overflow: hidden;}
.plist li:hover .img img{transform: scale(1.1);}
.plist li:hover h3 a{color: #0356aa;}


.box2 .tab1 .plist{
    justify-content: left;
}

/*  */
.box3{background: url(../images/b6b8f2638fa357aa93055ea4e2114040f0df93dd.jpg) no-repeat top center;background-size: cover;padding: 50px 0 63px;}
.box3 .bt1 dd{color: rgba(255,255,255,.1);}
.box3 .bt1 dt{color: #ffffff;margin-top: 5px;}
.cul{margin-top: 4%;}
.cul li{width: 32.47%;position: relative;overflow: hidden;}
.cul li .img{display: block;overflow: hidden;}
.cul li .img img{width: 100%;transition: all 0.5s;}
.cul li:hover .img img{transform: scale(1.1);}
.cbj{position: absolute;width: 100%;height: 100%;background: rgba(3,107,213,.8);padding: 15px;bottom:-100%;left: 0;transition: all 0.5s;}
.cbj2{border: solid 1px #ffffff;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 0 1.4vw;}
.cbj2 h3{color: #fff;letter-spacing: 2px;font-size: 1.666vw;}
.mao{color: #eeeeee;font-size: 16px;line-height: 2;}
.line3{width: 101px;height: 3px;background-color: #ffffff;margin: 1.6vw auto;}
.cul li:hover .cbj{bottom: 0;}

/*  */
.box4{padding: 54px 0 62px;}
.box4 .bt1 dt{margin-top: 5px;}
.mySwiper {overflow: hidden;margin-top: 4.3%;}
.mySwiper .swiper-slide img{width: 100%;}
.honor{position: relative;}
.swiper-button-prev1,.swiper-button-next1{position: absolute;top:50%;margin-top: -16px;outline: none;}
.swiper-button-prev1{left: -59px;}
.swiper-button-next1{right: -59px;}



/*  */
.box5{background: url(../images/2fec693b0d0a5b8e3f629e0e3c70edd37457705c.jpg) no-repeat top center;background-size: cover;padding: 62px 0 35px;}
.box5 .bt1 dd{font-weight: bold;color: rgba(0,0,0,.1);}
.nul {margin-top: 3.5%;}
.nul li{width: 32.26%;}
.nul li .img img{width: 100%;transition: all 0.5s;}
.nul li .img{display: block;overflow: hidden;}
.nul li:hover .img img{transform: scale(1.1);}
.nbj{background: #f8f8f8;padding: 23px 4px 5px 12px;}
.nbj h3 a{display: block;font-weight: normal;color: #202020;font-size: 18px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;line-height: 1;}
.nbj p{line-height: 24px;letter-spacing: -1px;color: #646464;font-size: 14px;padding-bottom: 5px;border-bottom: 1px solid #dbdbdb;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.line5{width: 59px;height: 2px;border: solid 1px #0254a7;margin: 15px 0 12px;}
.nn span{letter-spacing: 1px;color: #282828;font-size: 14px;}
.nn{line-height: 38px;margin-right: 8px;}
.nul li:hover .nbj h3 a{color: #0254a7;}




/*  */
.foot{background: url(../images/d8d7f1910db284dc173005b78fcf045ec6fca293.jpg) no-repeat top center;background-size: cover;padding-top: 6%;}
.zm{color: #ffffff;font-size: 32px;margin: 8px 0 30px;}
.lx p{letter-spacing: 1px;color: #dbdbdb;font-size: 18px;padding-left: 39px;margin-bottom: 23px;}
.lx p:first-child{background: url(../images/fb25cd42c17c1ef0e4cca0996473d46e70bc22f0.png) no-repeat left center;}
.lx p:nth-child(2){background: url(../images/276c2e0204df62e6ed101a4dc4a42a09d4c4af2d.png) no-repeat left center;}
.lx p:nth-child(3){background: url(../images/0dc2e83b0ea7f38aaac0cc0779a9d126bbcfb350.png) no-repeat left center;}
.lx p:nth-child(4){background: url(../images/5a6ada235ce1dfaf8f0183ecc0ad3be9737de98e.png) no-repeat left center;}
.dao li dd{letter-spacing: 1px;color: #ffffff;font-size: 24px;margin-bottom: 25px;}
.dao li a{display: block;color: #f0f0f0;font-size: 18px;line-height: 40px;}
.tleft{width: 30%;}
.tlogo img{max-width: 100%;}
.dao{width: 68%;}
.dao li dt{color: #f0f0f0;font-size: 18px;font-weight: normal;}
.tewm{line-height: 32px;letter-spacing: 1px;color: #f3f3f3;font-size: 16px;}
.tewm img{max-width: 135px;margin-right: 17px;}


.dao #formsearch{margin: 1.5vw 0 2vw;}
.dao #formsearch input{height:46px;background:none;border:none;line-height:46px;outline: none;}
.dao #formsearch input#keyword{width: 213px;height: 46px;background-color: #e9e9e9;border-radius: 23px 0px 0px 23px;letter-spacing: 1px;color: rgba(2,84,167,.32);font-size: 14px;padding-left: 25px;}
.dao #formsearch input#s_btn{width:56px;height:46px;line-height:46px;text-align:center;background-color:none;color:#f0f0f0;border:none;cursor:pointer;font-size: 18px;}
.dao ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
   color: rgba(2,84,167,.32);
}
.dao :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: rgba(2,84,167,.32);
}
.dao ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: rgba(2,84,167,.32);
}
.dao :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: rgba(2,84,167,.32);
}
.ft2{padding: 20px 0;letter-spacing: 1px;color: #c9c8c8;font-size: 16px;line-height: 2;border-top: 1px solid rgba(255,255,255,.1);}
.ft2 a{color: #c9c8c8;}



@media(max-width: 1838px){
    .x-menu > li > a{padding: 0 1vw;}
}
@media(max-width: 1500px){
    .acon{font-size: 16px;line-height: 28px;}
    .abt p{font-size: 28px;}
}

@media(max-width: 1338px){
    .x-menu > li > a{padding: 0 1vw;font-size: 18px;line-height: 90px;}
    .dh{font-size: 24px;}
    .dlogo{width: 23%;}
    .sbt span{font-size: 50px;}
    .sul li .img img{max-width: 80px;}
    .abt dd{font-size: 50px;}
    .abt dt{font-size: 30px;}
    .abt p{font-size: 22px;}
    .bt1 dd{font-size: 40px;}
    .bt1 dt{font-size: 30px;}
}

@media(max-width: 1098px){
    .x-menu > li > a{padding: 0 1vw;font-size: 16px;}
    .dh{font-size: 22px;padding-left: 40px;background-size: 32px;}
    .sul{width: 47.3%;}
    .acon{font-size: 14px;line-height: 24px;}
    .sbt span{font-size: 40px;}
    .plist li h3 a{font-size: 14px;}
    .mao{font-size: 14px;}
    .cbj2 h3{font-size: 20px;}
    .dao li dd{font-size: 20px;margin-bottom: 15px;}
    .dao li a{font-size: 16px;line-height: 30px;}
    .dao li dt{font-size: 16px;}
    .zm{font-size: 24px;}
    .lx p{font-size: 16px;}
    .ft2{font-size: 14px;}
}


@media(max-width: 768px){
    .aleft,.sul{width: 100%;}
    .abt dd{font-size: 40px;}
    .abt dt{font-size: 24px;}
    .abt p{font-size: 18px;}
    .line1{width: 40px;margin: 15px 0;}
    .acon{margin: 15px 0 20px;}
    .amore a{width: 160px;height: 40px;line-height: 38px;font-size: 14px;}
    .sul li .img img{max-width: 60px;}
    .sul li .img{margin-right: 5px;}
    .sz{width: calc(100% - 70px);}
    .sbt span{font-size: 27px;letter-spacing: -1px;}
    .sbt{font-size: 16px;}
    .sbt span{margin-right: 4px;}
    .sul li p{font-size: 14px;}
    .psort li{width: 31.33%;margin: 0 1%;margin-bottom: 10px;}
    .psort li a{width: 100%;}
    .dao li:first-child,.dao li:nth-child(2),.dao li:nth-child(3){display: none;}
    .dao{width: auto;}
    .tleft{width: 51%;}
}

@media(max-width: 640px){
    .plist li{width: 48%;margin-bottom: 15px;}
    .psort li a{font-size: 16px;height: 40px;line-height: 40px;}
    .bt1 dd{font-size: 25px;}
    .bt1 dt{font-size: 22px;margin-top: 5px;}
    .psort{margin-top: 20px;}
    .line2{width: 40px;}
    .box3{padding: 30px 0 10px;}
    .cul,.nul{margin-top: 20px;}
    .line3{width: 60px;margin: 15px auto;}
    .box4{padding: 30px 0;}
    .cul li,.nul li{width: 100%;margin-bottom: 15px;}
    .box5{padding: 30px 0 10px;}
    .tleft,.dao{width: 100%;float: none;}
    .dao{padding-bottom: 20px;}
    .tlogo img{max-width: 150px;}
    .zm{font-size: 20px;margin: 5px 0 20px;}
    .lx p{margin-bottom: 15px;}
    .dao #formsearch{margin: 10px 0 15px;}
    
}
















@media (min-width: 992px) {
    .xdao {
        margin-bottom: 34px;
    }

    .xdao .xypg-left-nav {
        display: flex;
        margin: 0;flex-wrap: wrap;
    }

    .xdao .xypg-left-nav>li {
        text-align: center;
        background: #f4f4f4;
        margin-right: 1%;
        margin-bottom: 15px;
        width: 14%;
        border-bottom: none;
        position: relative;
    }

    .xdao .xypg-left-nav>li .first-nav-btn {
        display: none;
    }

    .xdao .xypg-left-nav>li>a {
        color: #000;
        line-height: 50px;
        padding: 0;
    }

    .xdao .xypg-left-nav>li>a:hover {
        color: #fff;background: #0254a7;
    }

    .xdao .xypg-left-nav>li.clicked>a {
        color: #fff;background: #0254a7;
    }

    .xdao .xypg-left-nav>li .xypg-left-subnav {
        padding: 0;
        position: absolute;
        top: 55px;
        left: 0;
        width: 100%;
        z-index: 111;
        display: none;
    }

    .xdao .xypg-left-nav>li .xypg-left-subnav li {
        width: 100%;
        line-height: 55px;
        background: #f4f4f4;
    }

    .xdao .xypg-left-nav>li .xypg-left-subnav li a {
        display: block;
        color: #a8a8a8;
    }

    .xdao .xypg-left-nav>li .xypg-left-subnav li a:hover {
        color: #eb6e12;
    }

    .xdao .xypg-left-nav>li:hover .xypg-left-subnav {
        display: block;
    }
}
@media (max-width: 640px) {
    .page-wrap-right p{
        text-indent: 0!important;
    }

}