@charset "utf-8";
/* CSS Document */
 .page_info{ padding:10px;}
.am-text-color-muted{ color: #777777; }
.am-text-line-height{line-height: 16px;}
.new-h-lsit{width:100%;}
.new-h-lsit img{height:130px !important;}

.menubord{ border:1px solid #ccc; margin:5px; height:30px; line-height:30px; }
.menubord:hover{background: #eb8928; color:#fff;}
.menubord:hover a{color:#fff;}

 a.am-btn.am-round{color:#fff;}

.msg_btn_area a{color:#fff;}
.top_menu li{line-height:1.4em; background:#ccc; text-align:center; }
/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;padding-top:20px;}
.page_list a{display:inline-block;color:#efefef;border:none; text-decoration:none; font-weight:normal; background:#1e292f;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:none;background:#f39800;}
.page_list a.on{color:#fff; border:none;background:#f39800;}


/*内容分页*/
.contPage{height:20px;line-height:20px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px;}
.contPage a{display:inline-block;color:#898989;background:#fff;text-align:center;padding:0 7px;margin:0 1px;}
.contPage a:hover{color:#fff;background:#898989;}
.contPage a.on{color:#333;background:#E5EDF2;border:1px solid #C2D5E3;}


/*music-*/
.btn_music {
display: inline-block;
width: 35px;
height: 35px;
background: url('../images/play.png') no-repeat center center;
background-size: 100% auto;
position: absolute;
z-index: 100;
right: 15px;
top: 50px;
}
.btn_music.on {
    background-image: url("../images/stop.png");
}
ul li{ list-style-type: none; }

.top_bar { position:fixed; bottom:60px; right:0px; z-index:900; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: Helvetica, Tahoma, Arial, Microsoft YaHei, sans-serif; }
.plug-menu { -webkit-appearance:button; display:inline-block; width:36px; height:36px; border-radius:36px; position: absolute; bottom:17px; right: 17px; z-index:999; box-shadow: 0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25); background-color: #B70000; -webkit-transition: -webkit-transform 200ms; -webkit-transform:rotate(1deg); color:#fff; background-image:url('images/plug.png'); background-repeat: no-repeat; -webkit-background-size: 80% auto; background-size: 80% auto; background-position: center center; }
.plug-menu:before { font-size:20px; margin:9px 0 0 9px; }
.plug-menu:checked { -webkit-transform:rotate(135deg); }
.top_menu { margin-right: -175px; }
.top_menu label{display:block; margin-bottom:0px;font-weight: normal;}
.top_menu>li { min-width: 86px; padding: 0 10px; height:32px; border-radius:32px; box-shadow: 0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25); background:#B70000; margin-bottom: 13px; margin-right: 23px; z-index:900; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; }
.top_menu>li:last-child { margin-bottom: 80px; }
.top_menu>li a { color:#fff; font-size:20px; display: block; height: 100%; line-height: 33px; text-indent:26px; text-decoration:none; position:relative; font-size:16px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.top_menu>li a img { display: block; width: 24px; height: 24px; text-indent: -999px; position: absolute; top: 50%; left: 10px; margin-top: -13px; margin-left: -12px; }
.top_menu>li.on:nth-of-type(1) {
-webkit-transform: translate(-175px, 0) rotate(0deg);
transition: all 700ms ease-out;
-webkit-transition: all 700ms ease-out;width: 130px;
}
.top_menu>li.on:nth-of-type(2) {
-webkit-transform: translate(-175px, 0) rotate(0deg);
transition: all 600ms ease-out;
-webkit-transition: all 600ms ease-out;width: 130px;
}
.top_menu>li.on:nth-of-type(3) {
-webkit-transform: translate(-175px, 0) rotate(0deg);
transition: all 500ms ease-out;
-webkit-transition: all 500ms ease-out;width: 130px;
}
.top_menu>li.on:nth-of-type(4) {
-webkit-transform: translate(-175px, 0) rotate(0deg);
transition: all 400ms ease-out;
-webkit-transition: all 400ms ease-out;width: 130px;
}
.top_menu>li.on:nth-of-type(5) {
-webkit-transform: translate(-175px, 0) rotate(0deg);
transition: all 300ms ease-out;
-webkit-transition: all 300ms ease-out;width: 130px;
}
.top_menu>li.on:nth-of-type(6) {
-webkit-transform: translate(-175px, 0) rotate(0deg);
transition: all 200ms ease-out;
-webkit-transition: all 200ms ease-out;width: 130px;
}
.top_menu>li.on:nth-of-type(7) {
-webkit-transform: translate(-175px, 0) rotate(0deg);
transition: all 100ms ease-out;
-webkit-transition: all 200ms ease-out;width: 130px;
}


.top_menu>li.out:nth-of-type(1) {
-webkit-transform: translate(20px, 0) rotate(0deg);
transition: all 600ms ease-out;
-webkit-transition: all 600ms ease-out;width: 130px;
}
.top_menu>li.out:nth-of-type(2) {
-webkit-transform: translate(20px, 0) rotate(0deg);
transition: all 500ms ease-out;
-webkit-transition: all 500ms ease-out;width: 130px;
}
.top_menu>li.out:nth-of-type(3) {
-webkit-transform: translate(20px, 0) rotate(0deg);
transition: all 400ms ease-out;
-webkit-transition: all 400ms ease-out;width: 130px;
}
.top_menu>li.out:nth-of-type(4) {
-webkit-transform: translate(20px, 0) rotate(0deg);
transition: all 300ms ease-out;
-webkit-transition: all 300ms ease-out;width: 130px;
}
.top_menu>li.out:nth-of-type(5) {
-webkit-transform: translate(20px, 0) rotate(0deg);
transition: all 200ms ease-out;
-webkit-transition: all 200ms ease-out;width: 130px;
}
.top_menu>li.out:nth-of-type(6) {
-webkit-transform: translate(20px, 0) rotate(0deg);
transition: all 100ms ease-out;
-webkit-transition: all 100ms ease-out;width: 130px;
}
.top_menu>li.out:nth-of-type(7) {
-webkit-transform: translate(20px, 0) rotate(0deg);
transition: all 100ms ease-out;
-webkit-transition: all 50ms ease-out;width: 130px;
}

.product_type ul li{
	text-align:center;
	}
.text_box{
	  text-indent:2em;
	  min-height:5em;
	  }
.btn_box a{
	border:solid #CCC 1px;
	margin:0.25em 0.25em;
	font-size:0.8em;
	
	}
.btn_box a:hover,.btn_box a:active{
	background-color:#00A1E9;
	border:solid #CCC 1px;
	margin:0.25em 0.25em;
	font-size:0.8em;
	color:#FFF;
	}
.btn_ a{
	display:block;
	height:2em;
	line-height:2em;
	text-align:center;
	width:10em;
	border:solid #CCC 1px;
	margin:0.25em  auto;
	}
.btn_ a:hover,.btn_ a:active{
	display:block;
	text-align:center;
	width:10em;
	background-color:#F00;
	border:solid #CCC 1px;
	margin:0.25em  auto;;
	color:#FFF;
	}
.current{
	  background:#00A1E9;
	  color:#FFF;
	  }
.btn_bg{
	background: url(../images/back.png) center no-repeat;
	width:2rem;
	height:2rem;
	background-size:cover;
	margin-top:1rem;
	}

.rd_box{ background-color: #008FD7;     color: #FFFFFF;    padding-top: 30%;  box-sizing: border-box;  }
.pic_text h4{ border-bottom: solid 1px #e1e1e1;  }

.news_list li {background-color: #f5f5f5;}
.news_list li .news_time{width: 100%; background-color: #006AB4; height: auto; color: #FFFFFF;}
.news_list li .news_con{ width: 100%;}
.news_list li span.day{font-size: 30px; font-weight: bold; display: block; text-align: center; line-height: 30px;}
.news_list li span.years{ text-align: center; display: block;}
.news_list li span.author::before{content: ""; display: block; margin: 5px 0px; width: 20px; height: 2px; background-color: #FFFFFF; margin-left: 40px;}
.news_list li span.author{ display: block; box-sizing: border-box;}
.news_list li span.author b{  padding-left: 40px; font-weight: normal;}

.class-title-box{position: relative; overflow: hidden;}
.class-title{position: absolute;top: 40%;left: 10%; color: #fff;}

.news-Img{position: relative;overflow: hidden;}
.news-Img .Img-bg{    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;}
.news-Img .news-title{
	    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    z-index: 3;
    color: #fff;
    font-size: 18px;
    padding-top: 25%;
    text-align: center;
    line-height: 30px;
}
.news-Img .news-title span{font-size: 16px;}

.about-title {
    margin: 20px 0;
    font-size: 18px;
    font-weight: bold;
    border-bottom: solid 1px #9f9f9f;
    line-height: 40px;
}
.honor p, .room p, .sb p, .ck p{text-align: center;}
.event_year{display: none;}
.event_list div{margin-bottom: 15px;}

.ys1 dl {
    width: auto;
    margin-bottom: 25px;
    background: url(../images/1.png) no-repeat left top;
}
.ys2 dl {
    width: auto;
    background: url(../images/2.png) no-repeat left top;
    }
.ys3 dl {
    width: auto;
    background: url(../images/3.png) no-repeat left top;
    margin-bottom: 25px;
    }
.ys4 dl {
    width: auto;
    background: url(../images/4.png) no-repeat left top;}
.ys1 dl dt {
    width: auto;
    height: auto;
    line-height: 34px;
    margin-left: 54px;
    font-size: 18px;
    color: #207faf;
    font-weight: bold;
    background: url(../images/ys1dtbg.png) no-repeat left bottom;
}
.ys2 dl dt {
    width: auto;
    height: auto;
    line-height: 34px;
    margin-left: 54px;
    font-size: 18px;
    color: #207faf;
    font-weight: bold;
    background: url(../images/ys1dtbg.png) no-repeat left bottom;
    }
  .ys3 dl dt {
    width: auto;
    height: auto;
    line-height: 34px;
    margin-left: 54px;
    font-size: 18px;
    color: #207faf;
    font-weight: bold;
    background: url(../images/ys1dtbg.png) no-repeat left bottom;}
  .ys4 dl dt {
    width: auto;
    height: auto;
    line-height: 34px;
    margin-left: 54px;
    font-size: 18px;
    color: #207faf;
    font-weight: bold;
    background: url(../images/ys1dtbg.png) no-repeat left bottom;
}
.ys1 dl dd, .ys2 dl dd {
    width: auto;
    height: auto;
    line-height: 26px;
    margin-top: 10px;
    margin-left: 39px;
    padding-left: 15px;
    background: url(../images/ysddbg.png) no-repeat left 10px;
    text-align: left;
    font-size: 16px;
    color: #666;
}
.ys3 dl dd, .ys4 dl dd {
    width:auto;
    height: auto;
    line-height: 34px;
    margin-left: 39px;
    padding-left: 15px;
    background: url(../images/ysddbg.png) no-repeat left 15px;
    text-align: left;
    font-size: 16px;
    color: #666;
}