*{outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}
@font-face{font-family:"Montserrat-Bold";src:url(../Fonts/Montserrat-Bold.otf);}
@font-face{font-family:"Montserrat-Light";src:url(../Fonts/Montserrat-Light.otf);}
@font-face{font-family:"Montserrat-Regular";src:url(../Fonts/Montserrat-Regular.ttf);}
.font-r{font-family:"Montserrat-Regular";}
.font-l{font-family:"Montserrat-Light";}
.font-b{font-family:"Montserrat-Bold";}
html{width:100%;overflow-x:hidden;     font-family: "Source Sans 3", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.su-font-sans{font-family:"Source Sans 3", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif}
/* .su-font-serif{font-family:"Source Serif 4", "Source Serif Pro", Georgia, Times, "Times New Roman", serif} */
.su-font-serif{font-family:"Source Serif 3", "Source Serif Pro", Georgia, Times, "Times New Roman", serif}
body{padding:0;margin:0 auto;color:#232534;padding-top:80px;background-color:#fff;-webkit-text-size-adjust:none;-webkit-tap-highlight:rgba(0,0,0,0);

font-size:14px; color:#2E2D29}
h1, h2, h3, h4, h5, h6 {
  font-family: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;

}
/* h1 {
  font-family: "Source Serif 4", "Source Serif Pro", Georgia, Times, "Times New Roman", serif;
} */
ul,ol,li{list-style:none;list-style-type:none;}
table{border-collapse:collapse;border-spacing:0}
table td{border-collapse:collapse;font-size:14px;}
img{border:none;max-width:100%;vertical-align:middle;}
a,a:link,a:visited{text-decoration:none;color:inherit;}
.clear{clear:both;height:0px;overflow:hidden;zoom:0;}
.fl{float:left;}
.fr{float:right;}
.clearfix{*zoom:1;}
.overscroll{height:100%;overflow:auto;width:100%;}
.overscroll::-webkit-scrollbar{width:2px;height:2px;}
.overscroll::-webkit-scrollbar-thumb{border-radius:4px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.1);background:#f1c400;}
.overscroll::-webkit-scrollbar-track{border-radius:10px;background:#e6e6e6;}
/*IE/7/6*/
.clearfix:after{content:'';display:block;height:0;clear:both;}
.dot{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.dot2,.dot3,.dot4{display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;}
.dot2{-webkit-line-clamp:2;}
.dot3{-webkit-line-clamp:3;}
.dot4{-webkit-line-clamp:4;}
.flex{display:-webkit-box;display:-moz-flex;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;align-items:center;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.f32{font-size:32px;}
.f36{font-size:36px;}
.f40{font-size:40px;}
.f66{font-size:66px;}
.inner{max-width:94%;margin:0 auto;width:1400px;}
.indexInner{max-width:94%;margin:0 auto;width:1400px;}
.index{padding-top:0;}
header{position:fixed;left:0;top:0;width:100%;z-index:1060;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,0.1);}
.index header:not(.white){background:none;box-shadow:none;}
.logo{height:80px;line-height:80px;font-size:0;flex:0 0 auto;transition:.3s;}
.index .logo{height:100px;line-height:100px;font-size:0;flex:0 0 auto;transition:.3s;}
.index .white .logo{height:80px;line-height:80px;}
.logo img{max-height:70%;}
.nav li{flex:0 0 auto;padding:0 16px;}
.searchban{padding:13.8% 0 19%;background:url(../images/sbg.png) no-repeat bottom center;background-size:cover;margin-bottom:-7%;}
.shadow{box-shadow:0 0 56px rgba(0,0,0,0.3);}
.search{align-items:center;max-width:860px;margin-top:30px;background:#fff;}
.search .prefix{flex:0 0 auto;border-right:1px solid #eee;}
.search .prefix select{border:none;background:#fff;border-right:20px solid #fff;padding-right:20px;padding-left:20px;height:30px;outline:none;margin:0;font-size:inherit;color:inherit;font-family:inherit;}
.search .in{flex:1 1 auto;padding:0 30px;}
.search .in input{display:block;width:100%;height:70px;outline:none;background:none;border:none;font-size:inherit;font-family:inherit;color:#666;}
.search .in input::placeholder{color:#d0d0d0;}
.search .btn{cursor:pointer;flex:0 0 auto;width:100px;text-align:center;line-height:70px;}
.search .btn i{vertical-align:middle;font-size:24px;}
.title{margin-bottom:30px;}
.title .tl{flex:0 0 auto;padding-left:45px;background:url(../images/icon-tit.png) no-repeat left center;}
.more .btn{color:#393e5b;}
.swiperCon{position:relative;}
.index1 .swiper-container{padding-left:25%;}
.index1 .swiper-wrapper{align-items:stretch;}
.index1 .swiper-slide{height:auto;padding-bottom:30px; cursor: pointer;}
.index1 .item{padding-right:20px;position:relative;height:100%;}
.index1 .swiper-slide-active{z-index:5;}
.index1 .item .img{position:absolute;right:0;top:0;width:100%;height:100%;z-index:0;opacity:0;}
.index1 .swiper-slide-active .item .img{opacity:1;right:100%;}
.index1 .item .box{padding:60px 0 0 40px;background:rgba(255,255,255,0.95);box-shadow:0 10px 20px rgba(0,0,0,0.1);min-height:100%;flex-direction:column;}
.index1 .item .box .txt{width:100%;flex:1 1 auto;padding-right:20px;}
.index1 .item .box .icon{font-size:0;height:70px;line-height:70px;margin-bottom:40px;}
.index1 .item .box .icon img{max-height:100%;}
/* .index1 .item .box .it{line-height:1.3;max-height:2.6em;margin-bottom:30px;color:#393e5b;overflow:hidden;} */
.index1 .item .box .it{
    height: 4em;
    max-height: unset;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    margin-bottom: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.index1 .item .box .it{line-height:1.3;max-height:4.0em;overflow:hidden;}
.index1 .item .p{line-height:1.7;color:#90929e;margin-bottom:4em;}
.index1 .item .p{color:#90929e;line-height:1.8;margin-top:20px;border-top:1px solid #f1f1f3;padding-top:20px;}
.index1 .item .vm{width:100%;flex:0 0 auto;}
.hovimg{overflow:hidden;position:relative;}
.hovimg img{display:block;width:100%;transform:scale(1);transition:.6s; }
.hovimg .pic{cursor: pointer; width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;transition:.6s;transform:scale(1);position:absolute;left:0;top:0;}
.item:hover .hovimg img,.item:hover .hovimg .pic,.hovimg:hover img,.hovimg:hover .pic{transform:scale(1.1);}
.vm{text-align:right;}
.vm .btn{display:inline-block;vertical-align:middle;position:relative;line-height:48px;background:#f1f2f8;padding:0 24px;transition:.3s;cursor:pointer;}
.vm .btn em{position:absolute;right:0;top:0;width:48px;z-index:1;text-align:center;color:#333ba0;transition:.3s;}
.vm .btn em i{font-size:26px;}
.vm .btn span{display:block;max-width:0;white-space:nowrap;overflow:hidden;transition:.3s;opacity:0;color:#fff;}
.vm .btn:hover span,.item:hover .vm .btn span{max-width:10em;opacity:1;}
.vm .btn:hover em,.item:hover .vm .btn em{right:50%;opacity:0;}
.item:hover .vm .btn,.vm .btn:hover{background:#333ba0;color:#fff;}
.swiperCtr .btn{position:absolute;top:50%;margin-top:-25px;width:50px;height:50px;cursor:pointer;background:#e4e5f2;z-index:2;text-align:center;line-height:50px;border-radius:50%;transition:.3s;color:#333ba0;}
.swiperCtr .btn i{font-size:26px;}
.swiperCtr .btn:hover{background:#333ba0;color:#fff;}
.swiperCtr .btn.prev{left:-120px;}
.swiperCtr .btn.next{right:-120px;}
.iblock{margin-bottom:40px;}
.index2 .item{position:relative;width:50%;float:left;overflow:hidden; cursor: pointer;}
.index2 .item .img{padding-bottom:37.4%;}
.index2 .item .txt{position:absolute;left:0;bottom:0;width:100%;padding:35px;padding-bottom:0;color:#fff;line-height:1.3;transition:.3s;z-index:3;}
.index2 .item:hover .txt{padding-bottom:35px;}
.index2 .item:first-child .img{padding-bottom:74.8%;}
.index2 .item .vm2{position:relative;opacity:0;top:50px;transition:.3s;margin-top:0;}
.index2 .item:hover .vm2{top:0;margin-top:30px;opacity:1;}
.vm2 .btn{display:inline-block;min-width:130px;text-align:center;line-height:46px;font-size:14px;padding:0 1em;border:1px solid rgba(255,255,255,0.3);transition:.3s;}
.vm2 .btn:hover{color:#333;background:#fff;}
.index3{flex-wrap:wrap;align-items:stretch;justify-content:flex-start;padding-bottom:5%;}
/* box-shadow:0 5px 15px rgba(0,0,0,0.1); */
.index3 .item{flex:0 0 auto;width:23.5%;margin-right:2%;background:#fff;margin-bottom:2%;}
.index3 .item:nth-child(4n){margin-right:0;}
.index3 .item .a{flex-direction:column;}
.index3 .item .vm{width:100%;flex:0 0 auto;}
.index3 .item .img{transition:.3s;padding-bottom:0%;}
.index3 .item .itxt{width:100%;flex:1 1 auto;}
.index3 .item .txt{padding:25px;padding-bottom:33%;padding-top:20%;transition:.3s; cursor: pointer;}
.index3 .item .date{margin-bottom:10px;color:#90929e;}
.index3 .item .it{    line-height: 1.3;
    height: 5em;
    margin-bottom: 1.3em;
    overflow: hidden;
     overflow: hidden;
    -webkit-line-clamp: 5;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    }
.index3 .item .ip{color:#90929e;line-height:1.7;max-height:5.1em;overflow:hidden;transition:.3s;}
/* .index3 .item:hover .ip{max-height:0;}
.index3 .item:hover .img{padding-bottom:calc(5.1em + 53% - 25px);}
.index3 .item:hover .txt{padding-bottom:0;padding-top:25px;} */
.index3 .item .ip{max-height:0;}
.index3 .item .img{padding-bottom:calc(5.1em + 53% - 25px);}
.index3 .item .txt{padding-bottom:0;padding-top:25px;}
.roundbg{background:#f7f8fe;position:relative;}
.roundbg .cir{width:100%;position:absolute;left:0;bottom:100%;width:100%;padding-bottom:18%;overflow:hidden;z-index:-1;}
.roundbg .cir:after{content:"";position:absolute;width:160%;left:-30%;padding-bottom:80%;border-radius:50%;top:0;background:#f7f8fe;z-index:-1;}
.roundbg.footer .cir:after{background:#fff;}
.footer.roundbg .cir{position:relative;background:#f7f8fe;z-index:1;}
.mb0{margin-bottom:0 !important;}
.fin{margin-top:-10%;position:relative;z-index:2;padding-bottom:60px;}
.footer.roundbg{background:#fff;}
.ftop{align-items:flex-start;padding-bottom:5%;}
.ftop dl{flex:0 1 auto;padding-right:40px;}
.ftop dt{margin-bottom:30px;}
.ftop dd{margin-top:18px;color:#90929e;transition:.3s;}
.ftop dd:hover{color:#232534;}
.ftop dl:last-child{padding-right:0;}
.socail{margin-bottom:40px;}
.socail .i{margin-right:20px;color:#393e5b;transition:.3s;}
.socail .i .iconfont{font-size:20px;}
.socail .i:hover{color:#ffba00;}
.copy{flex:0 0 auto;color:#90929e;padding-right:30px;}
.links{flex:0 0 auto;color:#90929e;}
.links a:hover{color:#393e5b;transition:.3s;}
.tools{display:none;}
.pbanner{padding-bottom:33%;min-height:400px;position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;margin-bottom:-5%;z-index:5;}
.pbanner .btxt{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;padding-bottom:8%;}
.pbanner .txt{width:100%;}
.bread{color:#393e5b;margin-bottom:10px;}
.bread a,.bread span{padding:0 10px;}
.bread a:first-child{padding-left:0;}
.pbanner+div{position:relative;z-index:8;}
.title.center{justify-content:center;margin-bottom:5%;}
.about1 .box1{background-position:center;background-size:cover;background-repeat:no-repeat;padding:8% 5%;line-height:1.875;color:#fff;margin-bottom:7%;}
.about1 .box1 .txt{max-width:28em;}
.about1 .box2{padding-bottom:7%;margin-top:5%;}
.about1 .box2 .img{flex:0 0 auto;width:45%;margin-right:5%;}
.about1 .box2 .txt{flex:1 1 auto;line-height:1.75;}
.about .footer.roundbg .cir{background:#fff;}
.about .footer.roundbg .cir:after{box-shadow:0 -10px 40px rgba(0,0,0,0.04);top:40px;}
.about .footer .fin{padding-top:40px;}
.listCon{padding-bottom:5%;}
.innerpage{background:#f7f8fe;}
.program .items{flex-wrap:wrap;align-items:stretch;justify-content:flex-start;}
.program .item{flex:0 0 auto;width:31.99%;margin-right:2%;margin-bottom:2%;position:relative;overflow:hidden; cursor: pointer;}
.program .item:nth-child(3n){margin-right:0;}
.program .item:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;z-index:5;background:url(../images/boxshadow1.png) no-repeat bottom center;background-size:100%;}
.program .item .txt{position:absolute;left:0;bottom:0;z-index:10;color:#fff;padding:0 40px 30px;width:100%;}
.program .item .vm2{position:relative;top:50px;opacity:0;transition:.3s;margin-top:-40px;}
.program .item:hover .vm2{opacity:1;top:0;margin-top:30px;}
.program .item .t1{margin-bottom:5px;}
.program .item:nth-child(5n+2):after{background-image:url(../images/boxshadow2.png);}
.program .item:nth-child(5n+3):after{background-image:url(../images/boxshadow3.png);}
.program .item:nth-child(5n+4):after{background-image:url(../images/boxshadow4.png);}
.program .item:nth-child(5n+5):after{background-image:url(../images/boxshadow5.png);}
.search2{margin-top:20px;max-width:1100px;align-items:stretch;}
.search2 .in{flex:1 1 auto;margin-right:10px;box-shadow:0 0 20px rgba(0,0,0,0.1);}
/* border-right:24px solid #fff */
.search2 .in input,.search2 .in select{display:block;border:none;background:#fff;height:70px;font-size:inherit;font-family:inherit;width:100%;padding:0 24px;}
.search2 .btn{flex:0 0 auto;width:70px;line-height:70px;text-align:center;cursor:pointer;background:#333ba0;color:#fff;}
.search2 .btn i{font-size:24px;vertical-align:middle;}
.details{background:#f7f8fe;padding-bottom:5%;}
.bread2{line-height:80px;color:#393e5b;}
.bread2 span,.bread2 a{padding:0 10px;}
.bread2 a:first-child{padding-left:0;}
.detailcol{align-items:stretch;}
.detailcol .lef{flex:1 1 auto;margin-right:40px;background:#fff;}
.detailcol .rig{flex:0 0 auto;width:330px;}
.rbox{background:#fff;padding:24px;margin-bottom:10px;}
.rsearch{position:relative;margin-bottom:20px;}
.rsearch input{width:100%;padding:0 70px 0 20px;background:#fafafa;outline:none;border:none;font-size:inherit;font-family:inherit;height:50px;}
.rsearch .btn{cursor:pointer;z-index:5;position:absolute;right:0;width:70px;line-height:50px;top:0;text-align:center;}
.rsearch .btn i{font-size:22px;}
.relaview .tit{padding-bottom:15px;margin-bottom:15px;line-height:1.3;border-bottom:1px solid #f1f1f1;}
.relaview .i a{padding:10px 0;}
.relaview .i .t{text-decoration:underline;color:#333ba0;flex:1 1 auto;padding-right:1em;}
.rbox .bt{padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid #f1f1f1;}
.rbox .bt .iconfont{padding-right:5px;font-size:18px;color:#962551;}
.recom .i{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #f1f1f1;}
.recom .i:last-child{border:none;margin-bottom:0;padding-bottom:0;}
.recom .i .icon{margin-bottom:20px;width:150px;}
.recom .i .t2{color:#90929e;margin-bottom:20px;}
.recom .i .ip{line-height:1.8;color:#90929e;}
.dimgs{position:relative;}
.dimgs {
    padding-bottom: 49.5%;
    position: relative;
}
.dimgs>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.dimgs img{display:block;width:100%;}
/* background:#fff; */
.dimgs .xh{position:absolute;z-index:5;left:40px;bottom:40px;line-height:80px;font-size:0;;width:180px; 
    box-shadow: 0px 0px 4px 4px #838080; background:#fff;    display: none;
}
.colleageDetail{padding:40px;}
.colleageDetail .tp{margin-bottom:50px;}
.colleageDetail .tp .t{margin-top:5px;color:#90929e;}
.colleageDetail .tp .tr{white-space:nowrap;flex:0 0 auto;padding-left:20px;}
.colleageDetail .tp .btn{display:inline-block;width:130px;text-align:center;background:#e9ebf6;line-height:48px;cursor:pointer;color:#333ba0;white-space:nowrap;margin-left:5px;}
.colleageDetail .tp .btn span{display:inline-block;vertical-align:middle;padding:0 5px;}
.colleageDetail .tp .btn.on{background:#333ba0;color:#fff;}
.infos .tab{margin-bottom:50px;border-bottom:1px solid #e9eaf3;justify-content:flex-start;align-items:stretch;overflow:auto;width:100%;}
.infos .tab .tb{padding-bottom:25px;margin-right:30px;border-bottom:2px solid transparent;cursor:pointer;flex:0 0 auto;}
.infos .tab .tb.on{color:#333ba0;border-color:#333ba0;}
.qf{flex-wrap:wrap;margin-bottom:30px;align-items:stretch;}
.qf .i{flex:0 0 auto;width:33.33%;padding:0 20px;border-left:4px solid #e9ebf6;}
.qf .i .icon{margin-bottom:40px;}
.qf .i .ip{margin-top:10px;line-height:1.1;color:#90929e;}
.dweb{background:#f3f4fb;padding:10px 30px;flex-wrap:wrap;}
.dweb .wt{color:#90929e;line-height:22px;padding-left:40px;flex:1 1 auto;padding-right:20px;background:url(../images/icon-web.png) no-repeat left center;word-break:break-all;}
.dweb .wl{color:#333ba0;padding:10px 0;}
.dweb .wl span{display:inline-block;vertical-align:middle;padding-left:5px;}
.dweb .wl span.iconfont{font-size:24px;}
.edit{color:#393e5b;line-height:1.5;}
.edit a{text-decoration:underline;color:#333ba0;}
.nlist .items{align-items:stretch;flex-wrap:wrap; cursor: pointer;}
/* box-shadow:0 0 20px rgba(0,0,0,0.1); */
.nlist .item{flex:0 0 auto;background:#fff;margin-bottom:2%;margin-right:2%;width:31.99%;}
.nlist .item:nth-child(3n){margin-right:0;}
.nlist .item .txt{padding:30px 40px;}
.nlist .item .date{color:#90929e;margin-bottom:10px;}
.nlist .item .it{color:#393e5b;line-height:1.3;height:2.6em;overflow:hidden;}
.pages{margin-top:60px;text-align:center;}
.pages a{display:inline-block;vertical-align:middle;cursor:pointer;border:1px solid #d2d4ec;margin:0 6px;text-align:center;line-height:48px;width:50px;transition:.3s;height:50px;color:#393e5b;}
.pages a .iconfont{font-size:24px;vertical-align:middle;}
.pages a:hover,.pages a.a_cur{color:#fff;background:#333ba0;border-color:#333ba0;}
.newDetail{padding:5% 0;}
.w1280{max-width:1280px;margin:auto;}
.newDetail .dtop{margin-bottom:40px;}
.newDetail .dtop .bread{color:#393e5b;}
.newDetail .dbox{background:#fff;padding:6% 6% 10px;}

.newDetail img{width:auto !important; height: auto !important;max-width:100%;}
.newDetail .vidoe_box{
    padding:0 0 20px;
}
.newDetail .vidoe_box video{
    width:100%;
}

.infoHead{padding-bottom:36px;margin-bottom:36px;border-bottom:1px solid #e9e9ec;}
.infoHead h3{line-height:1.4;margin-bottom:24px;}
.infoHead h1{line-height:1.4;margin-bottom:24px;}
.infoHead .p{color:#90929e;line-height:1;}
.infoHead .p span{padding-right:5%;}
.infobot{padding:36px 0;margin-top:40px;border-top:1px solid #e9e9ec;color:#90929e;}
.infobot a:hover{color:#214196;transition:.3s;}
.infobot .iconfont{vertical-align:middle;font-size:24px;}
.pnavs{padding-top:30px;border-bottom:1px solid #e4e5ed;margin-bottom:6%;}
.pnavs .i{flex:1 1 auto;text-align:center;padding-bottom:20px;border-bottom:2px solid transparent;color:#90929e;}
.pnavs .i.cur{border-color:#232534;color:#232534;}
.events .item{margin-bottom:40px;transition:.3s;position:relative;}
.events .item:hover{box-shadow:0 0 20px rgba(0,0,0,0.1);}
.events .item .a{background:#fff;padding:40px;}
.events .item .img{flex:0 0 auto;width:35%;}
.events .item .img:after{content:"";display:block;padding-bottom:66.5%;}
.events .item .txt{flex:1 1 auto;overflow:hidden;padding:30px 6%;}
.events .item h3{line-height:1.3;margin-bottom:15px;}
.events .item .ip{line-height:1.7;max-height:3.4em;overflow:hidden;color:#90929e;margin-bottom:12%;}
.events .item .date{color:#90929e;}
.events .item .vm{position:absolute;right:0;bottom:0;}
.guide{align-items:stretch;}
.guide .tb{width:47%;flex:0 0 auto;padding-right:60px;counter-reset:ind;}
.guide .tb .i{padding:10px 50px 10px 40px;position:relative;margin-bottom:20px;background:#fff;transition:.3s;min-height:80px;cursor:pointer;}
.guide .tb .il{width:26px;padding-bottom:8px;flex:0 0 auto;line-height:1;text-align:center;background:url(../images/icon-li.png) no-repeat bottom center;}
.guide .tb .i.cur .il{background-image:url(../images/icon-li2.png);}
.guide .tb .il:after{counter-increment:ind;content:counter(ind);}
.guide .tb .ic{flex:1 1 auto;overflow:hidden;line-height:1.3;padding:0 15px;}
.icon-zk{flex:0 0 auto;position:relative;padding:10px;cursor:pointer;}
.icon-zk:before,.icon-zk:after{content:"";position:absolute;width:100%;left:0;height:4px;margin-top:-2px;top:50%;background:#232534;}
.icon-zk:after{transform:rotate(90deg);transition:.3s;}
.guide .tb .i.cur{background:#333ba0;color:#fff;}
.guide .tb .i.cur .icon-zk:before,.guide .tb .i.cur .icon-zk:after{background:#fff;}
.guide .tb .i.cur .icon-zk:after{transform:rotate(0deg);}
.guide .tb .i:before,.guide .tb .i:after{content:"";position:absolute;border-left:15px solid #f2f3f9;border-top:9px solid transparent;border-bottom:9px solid transparent;z-index:10;top:50%;margin-top:-9px;left:100%;transition:.3s;opacity:0;}
.guide .tb .i:after{margin-left:60px;}
.guide .tb .i.cur:before{border-left-color:#333ba0;opacity:1;}
.guide .guidebox{padding:25px 50px 50px;background:#fff;box-shadow:0 0 50px #ecedf3;min-height:100%;}
.guide .tb .i.cur:after{opacity:1;}
.guide .tgs{flex:1 1 auto; width: 47%;}
.guide .guidebox .edit{line-height:1.75;}
.frends{flex-wrap:wrap;justify-content:flex-start;align-items:stretch;}
.frends .item{transition:.3s;flex:0 0 auto;width:23.5%;margin-right:2%;margin-bottom:2%;text-align:center;}
.frends .imgbox{background:#fff;padding:13px;align-items:center;justify-content:center; height: 182px;}
.frends .desc{color: #90929e;margin-top: 15px;text-align: left;opacity: 0;}
.frends .item:nth-child(4n){margin-right:0;}
.frends .item img{max-width:70%;max-height:70%;}
.frends .item:hover .imgbox{box-shadow:0 0 20px rgba(0,0,0,0.1);}
.frends .item:hover .desc{opacity: 1;}
.contact{background:url(../images/cntbg.png) no-repeat top center;background-size:100%;padding:10% 0;margin-bottom:-8%;z-index:2 !important;}
.cntpage .pbanner{margin-bottom:-10%;z-index:1;}
.cntpage .footer.roundbg .cir{background:none;z-index:2;}
.cntpage .footer.roundbg .cir:after{box-shadow:0 -10px 40px rgba(0,0,0,0.04);top:40px;}
.contact .txt{padding-bottom:10%;}
.cntpage .footer.roundbg{padding-top:40px;}
.contact .txt .icon{margin-bottom:36px;max-width:40%;}
.contact .txt .tit{margin-bottom:10%;}
.contact .txt .p{line-height:2;}
.cols{align-items:flex-start;}
.cols .lef{padding:40px;flex:0 0 auto;width:330px;background:#fff;}
.category .lit{cursor:pointer;padding:10px 0;}
.category .lit .t{flex:1 1 auto;overflow:hidden;padding-right:20px;}
.category .lit .iconfont{font-size:24px;flex:0 0 auto;color:#9c9eb8;transition:.3s;}
.category .li .ldrop{padding-bottom:10px;display:none;padding-top:10px;}
.category .li .sel{border:1px solid #ccc;}
.category .li select{padding:0 18px;width:100%;height:48px;font-size:inherit;font-family:inherit;border:none;outline:none;border-right:18px solid #fff;}
.checks{flex-wrap:wrap;justify-content:flex-start;}
.checks .ck{padding:0 14px;border:1px solid #90929e;cursor:pointer;margin-right:10px;margin-bottom:10px;line-height:30px;color:#90929e;}
.checks .ck.act{color:#333ba0;border:1px solid #333ba0;font-weight:bold;}
.cols .rig{flex:1 1 auto;padding-left:40px;}
.colleageList{flex-wrap:wrap;align-items:stretch;    justify-content: start;}
.colleageList .item{flex:0 0 auto;width:31.99%;margin-bottom:2%;margin-right:2%;background:#fff;position:relative;padding-bottom:60px;}
.colleageList .item:nth-child(3n){margin-right:0;}
.colleageList .item .vm{position:absolute;right:0;bottom:0;}
.colleageList .item .ip1{min-height:90px;}
.colleageList .item .itxt{padding:40px;}
.colleageList .item .icon{line-height:60px;font-size:0;height:60px;margin-bottom:20px;}
.colleageList .item .icon img{max-height:100%;}
.colleageList .item .it{line-height:1.3;max-height:2.6em;overflow:hidden;margin-bottom:5px;}
.colleageList .item .subt{
    color:#90929e; 
    word-wrap: break-word;
    height: 4em;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.colleageList .item .ip{color:#90929e;line-height:1.8;margin-top:20px;border-top:1px solid #f1f1f3;padding-top:20px;}
.tabulation{padding-bottom:5%;}
.category .lit.cur .iconfont{transform:rotate(180deg);color:#333ba0;}
@media(max-width:1660px){.swiperCtr .btn.prev{left:-60px;}
.swiperCtr .btn.next{right:-60px;}
}
@media(max-width:1550px){.swiperCtr{margin-top:20px;text-align:center;}
.swiperCtr .btn{width:40px;height:40px;line-height:40px;position:relative;top:0;display:inline-block;vertical-align:middle;margin:0 5px;}
.swiperCtr .btn i{font-size:22px;}
.swiperCtr .btn.next{right:0;}
.swiperCtr .btn.prev{left:0;}
}
@media(max-width:1440px){.f16{font-size:14px;}
.f18{font-size:16px;}
.f20{font-size:18px;}
.f22{font-size:20px;}
.f24{font-size:20px;}
.f28{font-size:24px;}
.f30{font-size:24px;}
.f32{font-size:26px;}
.f36{font-size:26px;}
.f40{font-size:28px;}
.f66{font-size:40px;}
.contact{background-size:cover;margin-bottom:-40px;}
.cntpage .footer.roundbg .fin{padding-top:40px;}
.contact .txt{padding-bottom:0;}
.cntpage .footer.roundbg{padding-top:0;}
}
@media(max-width:1280px){.fin{margin-top:-5%;}
.roundbg .cir:after{padding-bottom:60%;}
.roundbg .cir{padding-bottom:15%;}
.pbanner{margin-bottom:-80px;}
.colleageList .item{width:49%;}
.colleageList .item:nth-child(3n){margin-right:2%;}
.colleageList .item:nth-child(2n){margin-right:0;}
}
@media(max-width:1024px){.f16{font-size:13px;}
.f18{font-size:14px;}
.f20{font-size:16px;}
.f22{font-size:16px;}
.f24{font-size:16px;}
.f28{font-size:18px;}
.f30{font-size:20px;}
.f32{font-size:22px;}
.f36{font-size:24px;}
.f40{font-size:24px;}
.f66{font-size:28px;}
.ftop dl{display:none;}
.ftop dl.follow{display:block;}
.ftop{padding-bottom:30px;justify-content:center;text-align:center;}
.fin{padding-bottom:30px;margin-top:-10%;}
.ftop dt{margin-bottom:10px;}
.fbot{display:block;text-align:center;line-height:1.7;}
.copy{padding-right:0;}
body{padding-top:60px;}
header,.index header{background:#fff !important;box-shadow:0 5px 15px rgba(0,0,0,0.1) !important;}
.logo{height:60px !important;line-height:60px !important;}
.logo img{max-height:70%;}
.nav{position:fixed;right:-210px;width:200px;top:60px;bottom:0;background:#fff;box-shadow:-10px 5px 15px rgba(0,0,0,0.1);opacity:0;transition:.3s;}
.nav ul{display:block;padding:20px;}
.nav li{padding:0;}
.nav li a{display:block;font-size:16px;line-height:1.4;padding:10px 0;}
.tools{display:block;}
.openmenu{position:relative;padding:15px;}
.openmenu i{position:absolute;left:0;top:50%;width:100%;height:1px;background:#000;}
.openmenu i:before,.openmenu i:after{content:"";position:absolute;left:0;width:100%;height:100%;background:#000;transition:.3s;}
.openmenu i:before{top:-10px;}
.openmenu i:after{top:10px;}
.showmenu .nav{right:0;opacity:1;}
.showmenu .openmenu i{background:none;}
.showmenu .openmenu i:before{top:0;transform:rotate(45deg);}
.showmenu .openmenu i:after{top:0;transform:rotate(-45deg);}
.index1 .swiper-container{padding-left:33.33%;}
.index2 .item{width:100%; cursor: pointer;}
.index2 .item:first-child .img,.index2 .item .img{padding-bottom:50%;}
.index3 .item{width:49%;}
.index3 .item:nth-child(2n){margin-right:0;}
.search .in input{height:50px;}
.search .btn{line-height:50px;width:70px;}
.search2 .in input,.search2 .in select{height:50px;padding:0 10px;border-right:10px solid #fff;}
.search2 .btn{width:50px;line-height:49px;}
.search2 .btn i{font-size:18px;}
.program .item{width:49%;}
.program .item:nth-child(3n){margin-right:2%;}
.program .item:nth-child(2n){margin-right:0;}
.bread2{line-height:50px;font-size:12px;}
.details{padding-top:60px;}
.detailcol{display:block;}
.detailcol .lef{margin-right:0;margin-bottom:20px;}
.detailcol .rig{width:auto;}
.colleageDetail{padding:20px;}
.dweb{padding:20px 20px 5px;display:block;}
.infos .tab .tb{margin-right:15px;padding-bottom:10px;}
.events .item .a{padding:20px;}
.events .item{margin-bottom:20px;}
.events .item .txt{padding:20px 30px;}
.cols{display:block;}
.cols .lef{width:auto;padding:30px;margin-bottom:30px;}
.cols .rig{padding-left:0;}
.frends .item{width:32%;}
.frends .item:nth-child(4n){margin-right:2%;}
.frends .item:nth-child(3n){margin-right:0;}
}
@media(max-width:768px){.searchban{padding:100px 0 80px;}
.title .tl{background-size:22px;padding-left:30px;}
.index1 .swiper-container{padding-left:50%;}
.index1 .item .box{padding:20px 0 0 20px;}
.index1 .item .box .icon{height:50px;line-height:50px;margin-bottom:10px;}
.index1 .item .box .it{max-height:3.9em;margin-bottom:10px;}
.index1 .item .p{margin-bottom:10px;line-height:1.5;}
.vm .btn{line-height:36px;padding:0 18px;font-size:12px;}
.vm .btn em{width:36px;}
.index3 .item{width:100%;}
.index3 .item .img{padding-bottom:66% !important;}
.index3 .item .txt{padding:20px !important;}
.index3 .item .ip{max-height:5.1em !important;}
.index3 .item .it{height:auto;margin-bottom:20px;}
.search .prefix select{padding-left:10px;border-right:10px solid #fff;padding-right:10px;}
.search .in{padding:0 10px;}
.search .btn{width:50px;}
.search .btn i{font-size:18px;}
.index1 .swiperCtr{margin-top:0;}
.about1 .box1{padding:0;}
.about1 .box1 .txt{padding:50px 30px;background:rgba(255,255,255,0.5);color:#333;max-width:100%;}
.about1 .box2{display:block;}
.about1 .box2 .img{width:auto;margin-right:0;margin-bottom:40px;}
.title.center{margin-bottom:30px;}
.program .item{width:100%;margin:0 0 20px !important;}
.program .item .txt{padding-left:20px;padding-right:20px;}
.search2 .in input,.search2 .in select{padding-right:5px;border-right:5px solid #fff;height:40px;font-size:12px;}
.search2 .in{margin-right:5px;}
.search2 .btn{line-height:39px;width:40px;}
.search2 .btn i{font-size:16px;}
.colleageDetail .tp{margin-bottom:30px;display:block;}
.colleageDetail .tp .tr{padding-left:0;padding-top:20px;}
.colleageDetail .tp .btn{margin:0 10px 0 0;line-height:36px;}
.qf .i{width:100%;margin-bottom:10px;position:relative;padding:0 0 0 40px;}
.qf .i .icon{margin-bottom:0;position:absolute;left:10px;width:20px;top:0;}
.qf{margin-bottom:10px;}
.dweb .wt{padding-left:30px;}
.bread2{display:none;}
.nlist .item{width:49%;}
.nlist .item:nth-child(3n){margin-right:2%;}
.nlist .item:nth-child(2n){margin-right:0;}
.nlist .item .txt{padding:20px;}
.pages{margin-top:30px;}
.pages a{margin:0 2px;width:34px;line-height:32px;height:34px;}
.events .item .a{display:block;}
.events .item .img{width:auto;}
.events .item .txt{padding:20px 0;}
.events .item .ip{margin-bottom:20px;}
.guide{display:block;}
.guide .tb{width:auto;padding-right:0;}
.guide .tb .i{min-height:0;margin-bottom:5px;padding:10px 20px;}
.icon-zk:before,.icon-zk:after{height:2px;margin-top:-1px;}
.icon-zk{padding:6px;}
.guide .tb .i:before,.guide .tb .i:after{display:none;}
.guide .guidebox{padding:30px;}
.category .li select{padding:0 10px;border-right:10px solid #fff;}
.colleageList .item{width:100%;margin-right:0 !important;padding-bottom:30px;}
.colleageList .item .itxt{padding:20px;}
.colleageList .item .ip1{min-height:0;}
.colleageList .item .icon{line-height:0;height:auto;}
.colleageList .item .icon img{max-height:50px;}
.colleageList .item .subt{
    height: auto;
    overflow: unset;
    -webkit-line-clamp: unset;
}
}
@media(max-width:560px){.nlist .item{width:100%;margin-right:0 !important;margin-bottom:20px;}
.pages{margin:0;padding:30px 0;}
.pages a{width:30px;height:30px;line-height:28px;}
.newDetail .dtop{margin-bottom:20px;}
.infoHead h3{font-size:18px;margin-bottom:15px;}
.infoHead h3 br{display:none;}
.infoHead .p span{display:block;line-height:1.5;}
.infoHead{padding-bottom:20px;margin-bottom:20px;}

.frends .item{width:100%;margin-right:0 !important;}

}

.index2 .item .img:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-position: left center;
    background-size: cover;
    background-repeat: no-repeat;
}

.index2 .item:first-child .img:before {
    background-image: url(../images/boxmask1.png);
}

.index2 .item:nth-child(2) .img:before {background-image: url(../images/boxmask2.png);}

.index2 .item:nth-child(3) .img:before {background-image: url(../images/boxmask3.png);}

/*2024.4.1*/
.select5 {
    display: flex;
    justify-content: space-between;
}
.select5 select {
    width: 49%;
    padding: 10px 15px;
    border: 1px solid transparent;
    font-size:14px;
}
.checks lable {
    margin-right: 10px;
    display: block;
}
.checks label {
    margin-right: 10px;
    display: flex;
}
.checks label input {
    margin-right: 5px;
}


.tg * {
    white-space: normal !important;
    word-break: break-word !important;
}

@media(max-width:640px){
    .dimgs .xh {
        max-width: 150px;
        left: 15px;
        bottom: 15px;    display: none;
    }
}

.hbox1 {
    position: relative;
}
.hbox1 .imgbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.hbox1 .imgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hbox1 .editor {
    position: relative;
    z-index: 2;
    color: #fff;
    max-width: 41%;
    line-height: 1.75;
    margin-top:15px;
}
.hbox1 {
    padding: 8.5% 0 8.5% 5%;
}
.newDetail .inner * {
    /*max-width: 100% !important;*/
}


@media (max-width: 768px){
    .hbox1 .imgbox {
        position: relative;
    }
    .hbox1 .editor {
        background-color: #fff;
        color: #333;
        max-width: 100%;
        margin-top: 15px;
    }
    .hbox1 {
        padding: 15px 0;
    }
    .newDetail .dtop {
        flex-wrap: wrap;
    }
    .newDetail .dtop .tit {
        width: 100%;
    }
    .infoHead h3 {
        font-size: 26px;
    }
}

/* 2024.4.18 */
.qf1 .i{
    margin-bottom: 4%;
    width: 50%;
}
.dweb .p1{
    color: #90929e;
}
.dweb .p2{
    color: #393e5b;
}

.hlist1 .hitem{
    display: flex;
    align-items: flex-start;
    margin-bottom: 25px;
}
.hlist1 .h_tit{
    /* color: #888d9e; */
    color: #333ba0;
    width: 240px;
    min-width: 240px;
    white-space: nowrap;
}
.hlist1 .h_desc{
    line-height: 1.33;
    flex: 1;
    word-break: break-word;
    color: #232534;
    margin-left: 30px;
}
@media(max-width:768px){
    .hlist1 .hitem{
        flex-wrap: wrap;
        margin-bottom: 15px;
    }
    .hlist1 .h_tit{
        width: 100%;
    }
    .hlist1 .h_desc{
        flex: unset;
        width: 100%;
        margin-top: 15px;
        margin-left: 0;
    }
    .qf1 .i {
        width: 100%;
        margin-bottom: 10px;
        position: relative;
        padding: 0 0 0 40px;
    }
}

.hlist2 .hitem{
    display: flex;
    align-items: flex-start;
    margin-bottom: 25px;
}
.hlist2 .h_tit{
    color: #888d9e;
    width: 110px;
    min-width: 110px;
    white-space: nowrap;
}
.hlist2 .h_desc{
    line-height: 1.33;
    flex: 1;
    word-break: break-word;
    color: #232534;
    margin-left: 75px;
}
@media(max-width:768px){
    .hlist2 .hitem{
        flex-wrap: wrap;
        margin-bottom: 15px;
    }
    .hlist2 .h_tit{
        width: 100%;
    }
    .hlist2 .h_desc{
        flex: unset;
        width: 100%;
        margin-top: 15px;
        margin-left: 0;
    }
}

.colleageList .item .ip1 {
    min-height: auto;
}
.colleageList .item .it {
    height: 4em;
    max-height: unset;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.newDetail video{
    max-width:unset !important;
}



/* 网站地图 */
.site01 {
    padding: 5% 0;
}
.site01 .list62 {
    display: flex;
    flex-wrap: wrap;
}
.site01 .item{
    width: 20%;
    margin-bottom: 2%;
}
.site01 .item .ctit {
    position: relative;
    padding-bottom: 20px;
}
.site01 .item .ctit a {
    color: #333;
}
.site01 .item .clist62 .citem {
    margin-top: 25px;
}
.site01 .item .citem a {
    font-size: 16px;
    color: #555;
}
.site01 .item .ctit::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 25px;
    height: 2px;
    background-color: #333ba0;
}
.site01 .item .citem a:hover{
    color: #333ba0;
}

@media(max-width:768px){
    .site01 .list62{
        flex-wrap: wrap;
    }
    .site01 .item .ctit{
        display: inline-block;
    }
    .site01 .list62 .item{
        width: 33.33%;
        margin-bottom: 15px;
        text-align: center;
    }
}
@media(max-width:480px){
    .site01 .list62 .item{
        width: 50%;
    }
    .site01 .item .clist62 .citem {
        margin-top: 10px;
    }
    .site01 .item .ctit {
        padding-bottom: 10px;
    }
}
.font-w a{
    font-weight:700;
}

.ql-font-SimSun {
    font-family: "SimSun" !important;
  }
  .ql-font-SimHei {
    font-family: "SimHei" !important;
  }
  .ql-font-Microsoft-YaHei {
    font-family: "Microsoft YaHei" !important;
  }
  .ql-font-KaiTi {
    font-family: "KaiTi" !important;
  }
  .ql-font-FangSong {
    font-family: "FangSong" !important;
  }
  .ql-font-Arial {
    font-family: "Arial" !important;
  }
  .ql-font-Times-New-Roman {
    font-family: "Times New Roman" !important;
  }
  .ql-font-sans-serif {
    font-family: "sans-serif" !important;
  }
  .ql-font-Source-Sans-Pro {
    font-family: "Source Sans Pro" !important;
  }

  .dd-page {
    font-family: 'Microsoft YaHei', sans-serif;
    overflow: hidden;
    width: 100%;
    position: relative;
    /* left: 50%; */
    /* margin-left: -800px; */
    line-height: 1.6;
    color: #fff;
    font-size: 22px;
  }
  
  .dd-container {
    width: 100%;
    margin: 0px auto;
  }
  
  .dd-header {
    background: url(../images/banner.jpg) no-repeat;
    background-size: 100% auto;
    background-position: center top;
    height: 567px;
    padding-top: 50px;
  }
  
  .dd-header-inner {
    position: relative;
    height: 565px;
  }
  
  .dd-header .dd-slogan {
    font-size: 56px;
    font-weight: bold;
    line-height: 1.2;
    text-shadow: 0 0 15px rgba(0, 126, 255, .85);
  }
  
  .dd-header .dd-slogan img {
    width: 100%;
    height: auto;
    display: block;
  }
  
  .dd-header .dd-table {
    margin: 0 auto;
    margin-top: 510px;
    width: 835px;
    color: #333;
    font-size: 18px;
  }
  
  .dd-header .dd-table table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 15px;
    border: 1px solid #67cfe3;
    overflow: hidden;
  }
  
  .dd-header .dd-table table th {
    width: 25%;
    height: 70px;
    text-align: center;
    font-weight: 500;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .8), rgba(184, 231, 245, .85));
  }
  
  .dd-header .dd-table table td {
    background-color: #fff;
    text-align: center;
    border-top: 1px solid #5acdfd;
    border-right: 1px solid #5acdfd;
    padding: 6px 5px;
  }
  
  .dd-header .dd-table table td.dd-noright {
    border-right: none;
  }
  
  .dd-body {
    min-height: 1800px;
    background-image: linear-gradient(to bottom, #e4feff, #21bcff);
    background-size: 100% auto;
    background-position: center top;
    padding-top: 10px;
    padding-bottom: 345px;
    position: relative;
  }
  
  .dd-body::before {
    content: '\20';
    left: 0;
    right: 0;
    top: 20px;
    height: 778px;
    position: absolute;
    background: url(../images/body-mask.png) no-repeat;
    background-size: 100% 100%;
  }
  
  .dd-body::after {
    content: '\20';
    left: 0;
    right: 0;
    bottom: 0;
    height: 590px;
    position: absolute;
    background: url(../images/footer.png) no-repeat;
    background-size: 100% 100%;
    background-position: center bottom;
    pointer-events: none;
  }
  
  .dd-body>.dd-container {
    position: relative;
    z-index: 1;
  }
  
  .dd-part01 {
    margin-top: -30px;
    padding-top: 90px;
  }
  
  .dd-part01::before {
    content: '\20';
    width: 865px;
    height: 96px;
    background: url(../images/part01-bf.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
  }
  
  .dd-public {
    background: url(../images/public-bg.jpg) repeat-y;
    background-size: 100% auto;
    position: relative;
    border-radius: 5px;
    padding: 28px;
  }
  
  .dd-public::before {
    content: '\20';
    position: absolute;
    left: 28px;
    top: 28px;
    bottom: 28px;
    right: 28px;
    background: url(../images/black.jpg) repeat-y;
    background-size: 100% auto;
    border-radius: 5px;
    box-shadow: inset 0 0 20px rgba(2, 28, 24, .75);
  }
  
  .dd-public-hand {
    width: 76px;
    height: 103px;
    background: url(../images/icon-hand.png) no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 2;
  }
  
  .dd-part01 .dd-public-hand {
    left: 420px;
    bottom: -40px;
  }
  
  .dd-public-wrap {
    position: relative;
    z-index: 1;
    min-height: 500px;
    padding: 30px 50px 20px;
  }
  
  .dd-part01 .dd-public {
    margin-top: -15px;
  }
  
  .dd-public-header {
    text-align: center;
    color: #ffee60;
    font-size: 30px;
    line-height: 1;
    font-weight: bold;
  }
  
  .dd-part01-intro {
    margin-top: 20px;
    padding-right: 20px;
  }
  
  .dd-part01-intro li {}
  
  .dd-part01-intro li::before {
    content: '\20';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    display: inline-block;
  }
  
  
  
  .dd-public-header.dd-left {
    text-align: left;
  }
  
  .dd-part01-tips {
    margin-top: 25px;
  }
  
  .dd-part01-tips ul {
    margin-top: 20px;
  }
  
  .dd-part02 {
    margin-top: 40px;
  }
  
  .dd-part02-pictrue {
    position: relative;
    z-index: 1;
  }
  
  .dd-part02-pictrue img {
    width: 100%;
    height: auto;
    display: block;
  }
  
  .dd-part02 .dd-public::before {
    background: #fff;
    border-radius: 0;
    box-shadow: none;
  }
  
  .dd-part03 {
    margin-top: 40px;
  }
  
  .dd-part03-flow {
    display: flex;
    align-items: flex-start;
    margin-top: 25px;
  }
  
  .dd-part03-flow .dd-left {
    width: 420px;
    position: relative;
  }
  
  .dd-part03-flow .dd-left-title {
    font-size: 26px;
    color: #ffee60;
  }
  
  .dd-part03-flow .dd-left-list {
    margin-top: 5px;
  }
  
  .dd-part03-flow .dd-left-list ul li {
    position: relative;
  }
  
  .dd-part03-flow .dd-left-list ul li::before {
    content: '\20';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    display: inline-block;
  }
  
  .dd-part03-flow .dd-left-list .dd-items {
    padding-left: 10px;
  }
  
  .dd-part03-flow .dd-left-list .dd-items p::before {
    content: '\20';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #fff;
    display: inline-block;
  }
  
  .dd-part03-flow .dd-public-hand {
    left: 140px;
    bottom: -80px;
  }
  
  .dd-part03-flow .dd-right {
    flex: 1 1 auto;
    padding-left: 1em;
  }
  
  .dd-part03-flow .dd-right-pic {
    width: 334px;
    margin-top: 35px;
    position: relative;
  }
  
  .dd-part03-flow .dd-right-pic img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(45, 71, 67, .75);
  }
  
  .dd-part03-flow .dd-right-pic::after {
    content: '\20';
    width: 80px;
    height: 70px;
    background: url(../images/icon-jd.png) no-repeat;
    background-size: contain;
    position: absolute;
    left: -40px;
    top: -30px;
  }
  
  .dd-part03-explain {
    margin-top: 40px;
    position: relative;
  }
  
  .dd-part03-explain .dd-items {
    padding-top: 20px;
  }
  
  .dd-part03-explain .dd-items .dd-item {
    margin-bottom: 5px;
  }
  
  .dd-part03-explain .dd-items .dd-pic {
    display: flex;
    justify-content: flex-end;
    padding-right: 15px;
  }
  
  .dd-part03-explain .dd-items .dd-pic img {
    width: 134px;
    height: auto;
    display: block;
  }
  .dd-part03-explain .dd-items .dd-item .dd-text{
    word-wrap:break-word;
  }
  .dd-part03-explain .dd-public-hand {
    left: 440px;
    bottom: -78px;
  }
  
  .dd-part04 {
    margin-top: 40px;
    background-color: rgba(251, 248, 198, .15);
    border: 4px solid rgba(255, 255, 255, .15);
    padding: 25px 55px;
  }
  
  .dd-part04 p {
    margin-bottom: 20px;
  }
  
  .dd-part04 p:last-child {
    margin-bottom: 0;
  }
  
  @media screen and (max-width: 1024px) {
    .dd-page {
      width: 100%;
      left: 0;
      margin-left: 0;
      position: relative;
      font-size: 2.2vw;
    }
  
    .dd-container {
      width: 95%;
    }
  
    .dd-header .dd-slogan {
      font-size: 5.6vw;
      text-shadow: 0 0 1.5vw rgba(0, 126, 255, .85);
    }
  
    .dd-header {
      background-position: center bottom;
      background-size: cover;
      height: 90vw;
      padding-top: 5vw;
    }
  
    .dd-part01-intro li::before {
      width: 1vw;
      height: 1vw;
    }
  
  
    .dd-header .dd-table {
      margin-top: 45vw;
      font-size: 1.75vw;
      width: 100%;
    }
  
    .dd-header .dd-table table {
      border-radius: 1.5vw;
      width: 100%;
    }
  
    .dd-header .dd-table table th {
      height: 7vw;
    }
  
    .dd-header .dd-table table td {
      padding: .5vw;
    }
  
    .dd-body {
      min-height: 18vw;
      padding-top: 1vw;
      padding-bottom: 34.5vw;
    }
  
    .dd-body::before {
      top: 2vw;
      height: 77.8vw;
      background-size: cover;
    }
  
    .dd-body::after {
      height: 50vw;
      background-size: cover;
    }
  
    .dd-part01 {
      margin-top: -3vw;
      padding-top: 9vw;
    }
  
    .dd-part01::before {
      width: 86.5vw;
      height: 9.6vw;
    }
  
    .dd-public {
      padding: 2.5vw;
    }
  
    .dd-public::before {
      content: '\20';
      position: absolute;
      left: 2.5vw;
      top: 2.5vw;
      bottom: 2.5vw;
      right: 2.5vw;
      box-shadow: inset 0 0 2vw rgba(2, 28, 24, .75);
    }
  
    .dd-public-hand {
      width: 7.6vw;
      height: 10.3vw;
    }
  
    .dd-part01 .dd-public-hand {
      left: 42vw;
      bottom: -4vw;
    }
  
    .dd-public-wrap {
      position: relative;
      z-index: 1;
      min-height: 5vw;
      padding: 3vw 4vw 2vw;
    }
  
    .dd-part01 .dd-public {
      margin-top: -1.5vw;
    }
  
    .dd-public-header {
      font-size: 3vw;
    }
  
    .dd-part01-intro {
      margin-top: 2vw;
      padding-right: 2vw;
    }
  
    .dd-part01-tips {
      margin-top: 2.5vw;
    }
  
    .dd-part01-tips ul {
      margin-top: 2vw;
    }
  
    .dd-part02 {
      margin-top: 4vw;
    }
  
    .dd-part03 {
      margin-top: 4vw;
    }
  
    .dd-part03-flow {
      margin-top: 2.5vw;
    }
  
    .dd-part03-flow .dd-left {
      width: 50vw;
    }
  
    .dd-part03-flow .dd-left-title {
      font-size: 2.6vw;
    }
  
    .dd-part03-flow .dd-left-list {
      margin-top: .5vw;
    }
  
  
    .dd-part03-flow .dd-left-list ul li::before {
      width: 1vw;
      height: 1vw;
    }
  
    .dd-part03-flow .dd-left-list .dd-items {
      padding-left: 1vw;
    }
  
    .dd-part03-flow .dd-left-list .dd-items p::before {
      width: 1vw;
      height: 1vw;
      border: .2vw solid #fff;
    }
  
    .dd-part03-flow .dd-public-hand {
      left: 14vw;
      bottom: -8vw;
    }
  
    .dd-part03-flow .dd-right-pic {
      width: 33.5vw;
      margin-top: 3vw;
    }
  
    .dd-part03-flow .dd-right-pic img {
      box-shadow: 0 0 1vw rgba(45, 71, 67, .75);
    }
  
    .dd-part03-flow .dd-right-pic::after {
      width: 8vw;
      height: 7vw;
      left: -4vw;
      top: -3vw;
    }
  
    .dd-part03-explain {
      margin-top: 4vw;
    }
  
    .dd-part03-explain .dd-items {
      padding-top: 2vw;
    }
  
    .dd-part03-explain .dd-items .dd-item {
      margin-bottom: .5vw;
    }
  
    .dd-part03-explain .dd-items .dd-pic {
      padding-right: 1.5vw;
    }
  
    .dd-part03-explain .dd-items .dd-pic img {
      width: 15vw;
    }
  
    .dd-part03-explain .dd-public-hand {
      left: 44vw;
      bottom: -7.8vw;
    }
  
    .dd-part04 {
      margin-top: 4vw;
      border: .4vw solid rgba(255, 255, 255, .15);
      padding: 2.5vw 5.5vw;
    }
  
    .dd-part04 p {
      margin-bottom: 2vw;
    }
  }
  
  @media screen and (max-width: 550px) {
    .dd-page {
      font-size: 12px;
    }
  
    .dd-header {
      height: 420px;
      padding-top: 5vw;
    }
  
  
    .dd-header .dd-table {
      margin-top: 210px;
      font-size: 10px;
    }
  
    .dd-header .dd-table table {
      border-radius: 5px;
      width: 100%;
    }
  
    .dd-header .dd-table table th {
      height: 35px;
      width: auto;
    }
  
    .dd-header .dd-table table td {
      padding: 2.5px 5px;
    }
  
  
    .dd-part01 {
      margin-top: -10px;
      padding-top: 9vw;
    }
  
    .dd-public {
      padding: 10px;
    }
  
    .dd-public::before {
      left: 10px;
      top: 10px;
      bottom: 10px;
      right: 10px;
    }
  
  
    .dd-part01 .dd-public-hand {
      left: 48vw;
      bottom: -4.5vw;
    }
  
    .dd-public-wrap {
      padding: 10px;
    }
  
    .dd-part01 .dd-public {
      margin-top: -1.5vw;
    }
  
    .dd-public-header {
      font-size: 16px;
    }
  
    .dd-part01-intro {
      margin-top: 10px;
      padding-right: 0;
    }
  
    .dd-part01-tips {
      margin-top: 15px;
    }
  
    .dd-part01-tips ul {
      margin-top: 10px;
    }
  
    .dd-part02 {
      margin-top: 15px;
    }
  
    .dd-part03 {
      margin-top: 15px;
    }
  
    .dd-part03-flow {
      margin-top: 15px;
    }
  
    .dd-part03-flow .dd-left {
      width: 60%;
    }
  
    .dd-part03-flow .dd-left-title {
      font-size: 14px;
    }
  
    .dd-part03-flow .dd-left-list {
      margin-top: 5px;
    }
  
    .dd-part03-flow .dd-public-hand {
      left: 20vw;
      bottom: -5vw;
    }
  
    .dd-part03-flow .dd-right {
      width: 40%;
    }
  
    .dd-part03-flow .dd-right-pic {
      width: 100%;
      margin-top: 5px;
    }
  
  
    .dd-part03-explain {
      margin-top: 20px;
    }
  
    .dd-part03-explain .dd-items {
      padding-top: 10px;
    }
  
    .dd-part03-explain .dd-items .dd-item {
      margin-bottom: 5px;
    }
  
    .dd-part03-explain .dd-items .dd-pic {
      padding-right: 10px;
    }
  
    .dd-part03-explain .dd-items .dd-pic img {
      width: 70px;
    }
  
  
    .dd-part04 {
      margin-top: 20px;
      padding: 10px 20px;
    }
  
    .dd-part04 p {
      margin-bottom: 10px;
    }
  }

  .index2 .students:first-child .img:before {
    background-image: url(../images/boxmask1.png);
}