@charset "utf-8";
/* CSS Document */
body{background: #fff;}
.img_title{ font-size: 0;}
a:hover{color: #d00;}
/*头部*/
.zt_header{ height: 340px; background: url("../images_20d/banbg.jpg") center bottom no-repeat;}
.zt_banner{ position: relative;}
.zt_logo{ padding: 24px 0 0 4px;}
.zt_banimg{ padding: 57px 0 0; text-align: center; line-height: 0;}
.zt_backbtn{ position: absolute; top: 29px; right: 0; padding: 0 19px 0 29px; background: #bb0400 url("../images_20d/arrow.png") 14px center no-repeat; height: 32px; line-height: 32px; border-radius: 32px; color: #fff; transition: 0.4s all;}
.zt_backbtn:hover{color: #fff; background-color: #960300;}
/*导航*/
.navbox{ margin-top: -15px; background: url("../images_20d/navbg.png") 0 0 repeat-x; padding-top: 15px; height: 60px;}
.navbox li{float: left;}
.navbox li a{display: block; text-align: center; color: #fff; font-size: 0; line-height: 0; transition: 0.4s all;}
.navbox li a:hover{ background: #9d0200; color: #fff;}
.navbox li a span{display: inline-block; vertical-align: middle; height: 60px;}
.navbox li a .ico{ height: 60px; width: 33px; background: url("../images_20d/navico.png") 0 0 no-repeat;}
.navbox li a .tit{ font-size: 24px; line-height: 60px; padding-left: 10px;}
.navbox li.num1{ width: 182px;}
.navbox li.num2{ width: 184px; padding-left: 127px;}
.navbox li.num2 a .ico{background-position: 0 -60px; width: 42px;}
.navbox li.num3{ width: 288px; padding-left: 126px;}
.navbox li.num3 a .ico{background-position: 0 -120px; width: 34px;}
.navbox li.num4{ width: 175px; float: right;}
.navbox li.num4 a .ico{background-position: 0 -180px; width: 26px;}
/*标题*/
.esd-title{ text-align: center; line-height: 0; font-size: 0;}
.esd-title a{ display: inline-block; vertical-align: middle; height: 90px; width: 526px; background: url("../images_20d/esd_title1.png") 0 0 no-repeat;}
/*主内容*/
/*聚焦盛会*/
.esd-part1{ padding: 30px 0 40px; background: url("../images_20d/jjshbg.jpg") center top no-repeat; height: 400px;}
.sh-list{ margin-top: 30px; background: url("../images_20d/libg.png") 0 0 repeat;}
.sh-list li{ float: left; padding-left: 20px; height: 55px; line-height: 54px; font-size: 16px; border-bottom: 1px #D9D6D6 dashed; width: 560px; font-size: 20px;}
.sh-list li .date{ position: relative; border: 1px #ffa250 solid; padding: 0 8px; margin-top: 16px; height: 22px; line-height: 22px; font-size: 15px; float: left; color: #ffa250;}
.sh-list li .date:after{display: block; content:""; background: url("../images_20d/datebg.png") 0 0 no-repeat; width: 5px; height: 4px; position: absolute; bottom: -1px; right: -5px;}
.sh-list li a{margin-left: 22px;vertical-align: middle; display: inline-block; max-width: 440px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold;}
.sh-list li img{vertical-align: middle; padding: 0 0 0 5px;}
.sh-list .even{float: right;}
.sh-list .num9,.sh-list .num10{border-bottom: 0 none;}
/*皖美安徽*/
.esd-part2{ padding: 40px 0 6px; background: url("../images_20d/wmahbg.jpg") center 0 no-repeat #f9f9f9;}
.esd-part2 .esd-title a{ background-image: url("../images_20d/esd_title2.png"); width: 534px; height: 70px;}
.wmah-list{ padding: 34px 0 0;}
.wmah-list li{ float: left; margin-bottom: 40px; width: 516px; padding: 32px 32px 24px; background: #fff url("../images_20d/wmahlibg.png") right bottom no-repeat; height: 132px;}
.wmah-list li .title{display: block; height: 30px; line-height: 30px; font-weight: bold; font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.wmah-list li .remarks{ padding: 8px 0 0; line-height: 22px; font-size: 16px; height: 44px; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis; color: #858282;}
.wmah-list li .detailed{margin-top: 17px; display: inline-block; line-height: 32px; border-radius: 32px; font-size: 16px; background: #FF0135 url("../images_20d/arrow1.png") right center no-repeat; padding: 0 33px 0 15px; color: #fff; transition: 0.4s all;}
.wmah-list li .detailed:hover{color: #fff; background-color: #dc181a;}
.wmah-list li.num2,.wmah-list li.num4{ float: right;}
/*48365大写_365wm完美体育官网_sport365企业非凡十年*/
.esd-part3{ padding: 40px 0 39px;}
.esd-part3 .esd-title a{ background-image: url("../images_20d/esd_title3.png"); width: 735px; height: 84px;}
.esd-piclist{ margin-top: 28px; height: 323px; overflow: hidden;}
.esd-piclist li{float:left; width: 373px; margin-right: 40px;}
.esd-piclist li .img{display: block; height: 210px;}
.esd-piclist li .img img{width: 100%; height: 100%;}
.esd-piclist li .title{ border-bottom: 1px #dde1e4 dashed; height: 52px; line-height: 52px; font-weight: bold; display: block; font-size: 20px; padding-top: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.esd-piclist li .note{ white-space: normal; padding: 12px 0 0; height: 44px; line-height: 22px; color: #858282; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis;}
.esd-piclist li .note a{ color: #ee3139;}
.esd-piclist li .note a:hover{ color: #f00;}
/*理论学习*/
.gray{ background: #f7f7f7;}
.esd-part4{ padding: 40px 0 52px;}
.esd-part4 .esd-title a{ background-image: url("../images_20d/esd_title4.png"); width: 535px; height: 75px;}
.esd-list{ padding: 27px 0 0;}
.esd-list li{float: left; padding:2px 90px 2px 16px; height: 32px; line-height: 32px; background: url("../images_20d/ico.png") 0 center no-repeat; position: relative; width: 464px; font-size: 16px;}
.esd-list li .date{position: absolute; top: 2px; right: 0; color: #6F6F6F; font-size: 14px;}
.esd-list li .left{display: block; max-width: 420px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.esd-list li .left img{float: left; padding: 8px 0 0 5px;}
.esd-list .even,.esd-list .num3{float: right;}
.esd-list .num1{ padding: 0 0 17px 82px; width: 500px; height: 70px; margin-top: 10px; border-bottom: 1px #cad0d4 dashed; margin-bottom: 10px;}
.esd-list .datebox{ position:absolute; left: 0; top: 0; bottom: 17px; width: 70px; background: #e49915; text-align: center; line-height: 0; padding: 10px 0 0; height: 60px; color: #fff;}
.esd-list .datebox span{display: block; vertical-align: middle;}
.esd-list .date-day{ font-size: 34px; font-weight: bold; line-height: 36px; height: 36px;}
.esd-list .date-year{ font-size: 14px; line-height: 20px; height: 20px;}
.esd-list .title{ height: 38px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 38px; font-weight: bold; font-size: 20px;}
.esd-list .note{ padding: 8px 0 0; height: 24px; line-height: 24px; color: #6F6F6F; font-size: 16px;}
.esd-list .note a{ color: #EE3139;}
.esd-list .note a:hover{ color: #f00;}
.bottom{ border-top: 1px #e8e8e8 solid; border-bottom: 0 none; background: #fff; color: #333;}
.bottom a{color: #333; padding: 0 15px;}
.bottom a:hover{color: #d00;}
.ls-footer{ background: #c80705;}
.fotcon{font-size: 16px; line-height: 26px; color: #f7dada;}
.fotcon a{ color: #f7dada;}
.fotcon a:hover{ color: #fff;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.zt_banimg img{max-width: 100%; height: auto;}
.navbox li.num2{padding-left: 50px;}
.navbox li.num3{padding-left: 64px;}
.sh-list li{ width: 466px; padding-left: 15px;}
.sh-list li a{ margin-left: 13px; max-width: 396px;}
.esd-part1{background-size: auto 100%;}
.wmah-list li{width: 446px; padding: 20px 20px 20px; margin-bottom: 20px;}
.esd-part4{padding-bottom: 40px;}
.esd-list li{width: 370px;}
.esd-list .num1{width: 394px;}
.esd-list li .left{ max-width: 360px;}
.esd-list .note span{display: inline-block; max-width: 288px; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
}
@media only screen and (max-width:991px) {
.zt_header{ padding-bottom: 110px; height: auto; background-size: auto 100%;}
.zt_banimg img{max-width: 100%; height: auto;}
.navbox li.num1{width: 170px;}
.navbox li.num2{width: 174px; padding-left: 0;}
.navbox li.num3{width: 266px; padding-left: 0;}
.navbox li.num4{width: 155px;}
.esd-part1{height: auto; padding: 20px 0;}
.sh-list li{ padding-left: 15px;}
.sh-list li,.esd-list li,.wmah-list li{float: none !important; width: auto !important;}
.sh-list li a{max-width: 100%; float: none; display: block; margin-left: 72px;}
.wmah-list li{margin-bottom: 20px; padding: 20px;}
.esd-part3{ padding: 20px 0;}
.esd-part4{ padding: 30px 0 20px;}
.esd-list{ padding-top: 10px;}
.esd-list li .left{max-width: 100%;}
.esd-list li img{display: none;}
.esd-piclist li{ margin-right: 20px;}
}
@media only screen and (max-width:767px) {
.container{width: auto;}
.zt_backbtn{top: 10px;}
.zt_logo{ margin-right: 120px; padding-top: 10px;}
.zt_logo img{ max-width: 100%;}
.zt_banimg{padding-top: 10px;}
.zt_banimg img{max-width: 90%;}
.zt_header{padding-bottom: 90px;}
.navbox{height: auto; margin-top: 0; background: #c80705; padding: 6px 0; box-shadow: -8px 0 10px rgba(0, 0, 0, 0.38);}
.navbox li a .ico{display: none;}
.navbox li a .tit{padding-left: 0; display: block;}
.navbox li{width: 50% !important; float: left !important; padding-left: 0 !important;}
.esd-title a{width: 100% !important; background-position: center 0;}
.esd-part4,.esd-part3,.esd-part2,.esd-part1{ padding-left: 10px; padding-right: 10px;}
.sh-list .num9{ border-bottom: 1px #D9D6D6 dashed;}
.esd-list .num1{ height: auto;}
.esd-list .note{height: auto; padding: 5px;}
.esd-list .datebox{height: auto; padding-top: 15px; bottom: 10px;}
}
@media only screen and (max-width:479px) {
.esd-part3 .esd-title a{ background-size: 150% 100%}
}
@media only screen and (max-width:424px) {
.esd-list .datebox{padding-top: 22px;}
.navbox li{width: auto !important;}
.navbox li a{ padding: 0 20px;}
}