@import url('/css/animate.css'); 
.wow{animation:fadeIn 1.5s both;-webkit-animation:fadeIn 1.5s both;animation-duration:1s;-webkit-animation-duration:1s}
.delay1{animation-delay:0.5s;-webkit-animation-delay:0.5s}
.delay2{animation-delay:1.0s;-webkit-animation-delay:1.0s}
.delay3{animation-delay:1.5s;-webkit-animation-delay:1.5s}
.delay4{animation-delay:2s;-webkit-animation-delay:2s}
#articleInfo17{overflow:hidden}
#articleInfo17 *{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
#articleInfo17 .folist{display:flex;width:100%}
#articleInfo17 .folist .info{display:flex;margin:0 0 0;padding:50px 0}
#articleInfo17 .folist .photo{display:flex;flex-wrap:wrap}
#articleInfo17 > div{display:flex;flex-direction:column;margin: 30px 0;}
#articleInfo17 .colleges{display:flex;flex-wrap: wrap;justify-content: center;}
#articleInfo17 .colleges .Img{width: calc((100%/4) - 20px);margin: 10px;}
#articleInfo17 .titleJ h2{font-size: 20px;font-weight:600;color:#000000;background: #f2f2f2;border-left: 5px solid var(--primary);padding-left: 13px;margin-bottom: 20px;padding-top: 3px;padding-bottom: 3px;}
#articleInfo17 .titleJ h3{font-size:16px;color: #383838;font-weight:400;line-height: 200%;margin-bottom: 20px;}
#articleInfo17 .titleJ .photo{margin: 35px 0;}
#articleInfo17 .info h2{font-size:35px;color:#262527;animation-name:fadeInDown;-webkit-animation-name:fadeInDown}
#articleInfo17 .info h5{margin-bottom:20px;font-size:16px;animation-name:fadeInDown;-webkit-animation-name:fadeInDown;font-weight:400;color:#848484}
#articleInfo17 .info .item{padding:30px 30px;animation-name:fadeInDown;-webkit-animation-name:fadeInDown;box-shadow:0 0 9px 1px rgb(0 0 0 / 12%);background-color:white;margin:10px 10px;border-radius:10px}
#articleInfo17 .info p{width:100%;background-color:unset;color:#7b7b7b;text-align:left}
#articleInfo17 .info .item h4{margin-bottom:15px;color:#080404;font-size:36px;display:flex;align-items:center}
#articleInfo17 .info .item h4 span{font-size:16px;color:#666}
#articleInfo17 .info .item h4 span:before{margin:0 15px;content:"/"}
#articleInfo17 .photo > div{position:relative;padding:10px 0px;width:calc(100%/6 - 20px);margin:30px 10px;display:flex;background:#f3f3f3;text-align:center;transition:all .7s ease-out;flex-direction:column;align-items:center;justify-content:center}
#articleInfo17 .photo > div .photo-box{overflow:hidden;position:relative;background-position:50%;background-repeat:no-repeat;background-size:cover;line-height:0;cursor:pointer;width:200px;max-width:100%}
#articleInfo17 .photo .focus{-webkit-box-shadow:0 0 10px 2px rgb(196 196 196 / 20%);box-shadow:0 0 10px 2px rgb(196 196 196 / 20%)}
#articleInfo17 .photo .focus:nth-child(2){}
#articleInfo17 .photo .blur{-webkit-animation-name:LeftToBack;animation-name:LeftToBack}
#articleInfo17 .photo .blur:nth-child(2){-wanimation-name:RightToBack;animation-name:RightToBack}
#articleInfo17 .photo > div .photo-box img{height:200px;width:100%}
#articleInfo17 .casebox{margin-top:0;}
#articleInfo17 .casebox .cboxv{display:flex;flex-direction:column;border-bottom:rgb(205 205 205 / 41%) 1px solid;padding-bottom: 40px;margin-bottom: 30px;x;}
#articleInfo17 .casebox .cboxv h3{display:flex;align-items:center;margin-bottom:20px}
#articleInfo17 .casebox .num{font-size: 20px;padding-right: 20px;border-right:rgb(117 116 116 / 30%) 1px solid;margin-right: 20px;font-weight: 400;}
#articleInfo17 .casebox .textn{font-size: 20px;font-weight:400}
#articleInfo17 .casebox .texbig{font-size:40px}
#articleInfo17 .casebox .cboxv .mafom{display:flex}
#articleInfo17 .casebox .cboxv .mafom p{color: #595959;font-weight: 400;}

#articleInfo17 .two{display:flex;flex-wrap: wrap;justify-content: space-between;}
#articleInfo17 .two .tt{width:calc(50% - 30px);display: flex;flex-direction: column;align-items: center;}
#articleInfo17 .two .tt .infoo{width:100%;margin-top: 30px;}
#articleInfo17 .two .tt h4{font-size:20px;font-weight: 400;}
#articleInfo17 .two .tt img{width:80%;}
#articleInfo17 .two .tt .infoo p{background:#eee;padding: 10px 25px;margin: 10px;border-radius: 10px;text-align: center;}
#articleInfo17 .two .tt .infoo.ttwo p.blue{color:blue}
#articleInfo17 .two .tt .infoo.ttwo{display:flex;flex-wrap: wrap;justify-content: space-between;}
#articleInfo17 .two .tt .infoo.ttwo p{width: calc(50% - 20px);display: flex;align-items: center;justify-content: center;}
#articleInfo17 .four{display:flex;flex-wrap: wrap;}
#articleInfo17 .four .box{width: calc((100%/4) - 40px);margin: 20px;}
#articleInfo17 .four .box h4{text-align:center;margin-bottom: 20px;}

@-webkit-keyframes LeftToFront{0%{-webkit-transform:translateX(0)}
30%{-webkit-transform:translateX(-10%)}
100{-webkit-transform:translateX(0)}
}@keyframes LeftToFront{0%{transform:translateX(0)}
30%{transform:translateX(-10%)}
100{transform:translateX(0)}
}@-webkit-keyframes LeftToBack{0%{-webkit-transform:translateX(0)}
30%{-webkit-transform:translateX(-5%)}
100{-webkit-transform:translateX(0)}
}@keyframes LeftToBack{0%{transform:translateX(0)}
30%{transform:translateX(-5%)}
100{transform:translateX(0)}
}@-webkit-keyframes RightToFront{0%{-webkit-transform:translateX(0)}
30%{-webkit-transform:translateX(10%)}
100{-webkit-transform:translateX(0)}
}@keyframes RightToFront{0%{transform:translateX(0)}
30%{transform:translateX(10%)}
100{transform:translateX(0)}
}@-webkit-keyframes RightToBack{0%{-webkit-transform:translateX(0)}
30%{-webkit-transform:translateX(5%)}
100{-webkit-transform:translateX(0)}
}@keyframes RightToBack{0%{transform:translateX(0)}
30%{transform:translateX(5%)}
100{transform:translateX(0)}
}
@media screen and (max-width:768px){
	#articleInfo17 .four .box{width: calc((100% / 2) - 40px);}
	#articleInfo17 .two .tt, #articleInfo17 .two .tt .infoo.ttwo p
	{width:100%;margin: 10px 0;}
	#articleInfo17 .colleges .Img{width: calc((100% / 2) - 10px);margin: 5px;}
	#articleInfo17 > div,#articleInfo17 .photo{margin-left:0;width:100%}
	#articleInfo17 .photo > div{padding:20px 0px;width:calc(100% / 2 - 20px);-webkit-box-shadow:0 0 10px 2px rgba(28,8,50,0.2);box-shadow:0 0 10px 2px rgba(28,8,50,0.2)}
	#articleInfo17 .photo .focus:nth-child(2){}
	#articleInfo17 .photo > div .photo-box img,#articleInfo17 .photo .focus .photo-box img{height:auto}
}