@CHARSET "UTF-8";
/*= Reset =*/

blockquote{background:#f9f9f9;padding:8px 20px;border:1px solid #ccc;}
/* .page { display:table;margin:0 auto;background:#fff;-moz-box-shadow: 0 5px 20px #CCCCCC;-webkit-box-shadow: 0 5px 20px #CCCCCC;box-shadow: 0 5px 20px #CCCCCC;}
.about { box-shadow:0;-webkit-box-shadow:0;-moz-box-shadow:0; }
.header { width:940px;height:90px;margin:0 auto;z-index:8; }
.logo { margin:22px 0 0 0;float:left;display:inline; } */
.link { margin-top:30px;float:right;text-align:right; _width:718px; }
.link li { float:left;display:inline;margin-left:60px; }
.link li a{color:#4F4E4E;font-size:16px;font-weight:500;padding-bottom:6px;display:block;}
.link li.active{border-bottom:2px solid #f08200;}
.link li.active a{color:#f08200  }
.link li:hover { border-bottom:2px solid #f08200;color:#f08200  }
.link li a:hover{color:#f08200  }
.adlist{padding:20px;}
.adlist li{float:left;diaplay:inline;margin-left:30px;margin-bottom:20px;width:110px;}

.main { width:940px;margin:40px auto 10px auto;font-size:14px;display:table;padding-bottom:10px; border-bottom:1px solid #EEEEEE}
.info { width:300px;float:left;margin-right:20px; }
.info h3 { width:300px;height:26px;background:url('../../images/ictb.png') no-repeat;font-size:0;margin-bottom:8px; }
.info ul{margin-left:-10px;}
.info ul li{list-style:none;float:left;width:140px;padding-left:0;background:none;margin-left:10px;}
.info ul{margin-left:-10px;}
.b2 h3 { background-position:0 -26px; }
.b3 { margin:0;position:relative; }
.b3 span{position:absolute;right:10px;top:0;background:url('../../images/morelink.gif') no-repeat left center;padding-left:12px;}
.b3 span a{color:#8C8C8C;font-weight:600}
.b3 h3 { background-position:0 -52px; }
.info li { padding:3px 0 3px 12px;background:url('../../images/dian.png') 2px center no-repeat; }
.info li a { color:#8c8c8c; }
.info p { color:#8c8c8c; }
.info p img { display:table;margin:10px 0; }
.morelink{padding-top:20px;}
.morelink li{float:left;width:180px;}

.box { width:80%;height: 100vh;overflow: hidden;margin: 0 auto;}
.box .left { width:140px;border-bottom:2px solid #DDD;background:#FFF;float:left; }
.box .left li:hover { border-left:3px solid #f08200; }
.box .left li a { height:40px;line-height:40px;display:block;color:#333 }
.box .left li a:hover,.box .left li.active a{color:#f08200}
.box .left li.active{border-left:3px solid #f08200;}
.box .left li {
    border-left:3px solid #fff; 
    border-bottom: 1px solid #EEEEEE;
    font-size: 14px;
    height: 40px;
    margin-bottom: 1px;
    overflow: hidden;
    padding-left: 25px;
}

.event_year { width:20%;border-bottom:2px solid #DDD;text-align:center;float:left;margin-top:10px; height: 90vh;overflow: hidden;overflow-y: scroll;}
.event_year::-webkit-scrollbar { display: none; }
.event_year li { height:80px;line-height:80px;background:#eee;margin-bottom:1px;font-size:20px;color:#333;cursor:pointer;transition: all 1s;}
.event_year li label{ display: block;font-weight: normal;}
.event_year li.current { background:#f08200;color:#FFF;font-size: 30px;}
.event_item{width:75%;float:right;}
.event_item h1{
    height: 80px;
    line-height: 80px;
    border-bottom:1px solid #ccc;
}
.event_list { width:100%;margin:40px 0 20px 0; }
.event_list>div {height: 88vh;overflow: hidden;overflow-y: scroll;position: relative;margin-bottom:60px;}
.event_list>div::-webkit-scrollbar{display: none;}
.event_list h3 { margin:0 0 60px 60px;font-size:60px;font-family:Georgia;color:#f08200;padding-left:25px;background:url('../../images/jian.png') 0 -45px no-repeat;height:38px;line-height:30px;font-style:italic; }
/* .event_list li { background:url('../../images/jian.png') 136px -80px no-repeat; } */
.event_list li{
    padding:20px 0;
    border-bottom:1px dotted #ddd;
}
.event_list li strong { width:127px;text-align:center;display:block;float:left;height: 36px;background: #f08200;border-radius: 18px;line-height: 36px;color:#fff;}
.event_list li p { width:80%;margin-left:24px;display:inline-block;padding-left:10px;line-height:25px;_float:left; }
.event_list li p span { width:650px;text-align:left;border-bottom:2px solid #DDD;padding:10px 15px;background:#FFF;margin:0; }
.event_list .zi{
    font-size: 200px;
    line-height: 400px;
    color: rgba(204,204,204, .2);
    position: absolute;
    right: 0;
    bottom:0;
    font-weight: bold;
}

.titlelist{line-height:24px;color: #8C8C8C;padding-bottom:20px;}
.titlelist dt { font-weight: bold;color:#666;white-space: nowrap;margin:10px;}
.titlelist dd {padding-left: 13px;}

.hr {
    border-top: 1px solid #CCD5DE;
    font-size: 0;
    height: 0;
    line-height: 0;
    margin: 15px 0;
}
.red {
    color: #0065CB;
	font-size:15px;
}



@media(max-width:1400px) and (min-width:1280px){
.event_list li p{width:100%}
.box{width: 100%;}
}


@media(max-width:768px){
.box{width:100%}
.case{margin:40px 0;}
.event_year,.event_item{width:100%}
.event_year{
height:80px;
    overflow-y: hidden;
    overflow-x: scroll;
    width: auto;
    display: flex;
	float:unset;
}
.event_item{
padding:0 10px;
}
.event_year li{width:auto;padding:0 20px;}
.event_list li p{width:100%;margin-top:20px;margin-left:0;}
.event_list>div{height:70vh;}
}
@media(max-width:1279px) and (min-width:767px){
    .box{width: 100%;}
    .event_list li p{width: 100%;}

}