@charset "utf-8";
/* CSS Document */

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
margin:0px; padding:0px;font-family:"微软雅黑","Microsoft YaHei","宋体";
background-color: #f6f6f6;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
  text-decoration:none;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
ul,li,ol,dd,dt,form,dl,dd,dt,p,input{ list-style-type:none; margin:0px; padding:0px;}
img,img a{ border:0px; margin:0px; padding:0px;}


*{margin:0; padding:0; list-style:none; }
body{
	font-size: 16px;font-family:"微软雅黑", Microsoft YaHei, Arial, Helvetica, sans-serif;color: #333; line-height: 1.5; background-color:#fff;
	}
img{border:none}
ol,ul,li{list-style:none; }
i,em{font-style:normal}
a{cursor: pointer; outline: none;color: #000;text-decoration: none;}
select { border: 1px solid #A9A9A9; }
strong { font-weight: bold; }
img { vertical-align: middle; }
video { display: block;clear: both;margin: 0 auto;max-width: 980px; width: 100%; }
input { outline: none; }
a:link {text-decoration: none; }
a:visited {text-decoration: none; }
a:active,
a:hover {text-decoration: none; color22: #337ab7!important; }
.clear{width: 0px; height: 0px; font: 0px/0px Arial; clear: both; overflow:hidden;visibility: hidden;}
.blank {DISPLAY: block; HEIGHT: 1px; VISIBILITY: visible; CLEAR: both; OVERFLOW: hidden}
.h05{display:block;clear:both;height:5px;line-height:5px;}
.h10{display:block;clear:both;height:10px;line-height:10px;}
.h20{display:block;clear:both;height:20px;line-height:20px;}
.row-anew{
	margin-left:-15px;
	margin-right:-15px;
	}

.row-anew{
	margin-left:-5px;
	margin-right:-5px;
	}
.col-anew{
  	padding-left: 5px;
 	padding-right: 5px;
}




/*自定义样式*/
.container { 
width00:1200px;
}
.h10 {
    display: block;
    clear: both;
    height: 10px;
    line-height: 10px;
}
.fl{float:left;}
.fr{float:right;}
.cl{clear:both; height:0px; font-size:0px;}
.n{font-weight:normal;font-style:normal;}
.pt10{ padding-top:10px;}

/* 段落 */
p { line-height: 1.8em; margin: .8em 0; text-indent:2em; }
sub, sup { font-size: 12px; }
small { font-size: 70%; color: #777777; }
/* 列表 */
ul, ol { margin: 1em 0; padding-left: 1.5em; }
ul li, ol li { line-height: 1.8em; }
.list-unstyled {list-style: none;padding: 0;}

/*页头*/
.top_bar { background: #F2F2F2; border-bottom:1px solid #333; height: 54px; overflow: hidden;  }

.navbar-logo { float: left; padding-left: 0; margin: 0; list-style: none; }

.navbar-logo a:hover { opacity: 1; }

.navbar-logo li { line-height: 54px; overflow: hidden; }

.navbar-logo li a { width: 120px; float: left; margin: 7px 0; opacity: 0.8; display: block; padding: 0 15px 0 0; }

.navbar-logo li a img { display: block; }

.navbar-nav { float: left; padding: 0; list-style-type: none; margin: 0; }

.navbar-nav li { float: left; position: relative; display: block; }

.navbar-nav li a { position: relative; display: block; padding: 15px; }

.navbar-nav li a:hover { color: black; }

.navbar-nav li:hover { background-color: #eee; }


.banner {
    background: url(http://www.81.cn/2018zt/41060.files/banner-lg.jpg) no-repeat scroll center 0;
	 background: url(../images/banner.jpg) no-repeat scroll center 0;
    height: 395px;
}
.banner222 img{ margin:0 auto;
}
.headline { background: url(../images/bg-headline.png) top center no-repeat; padding: 10px; margin-bottom: 15px; }

.headline .headline-title {
    padding: 20px 0;
}
.headline .headline-title h1 {
    margin: 0;
    text-align: center;
    font-size: 30px;
	line-height:1.2em;
}


/*栏目条*/
.title {width: 100%; background: url(../images/title_line.png) scroll repeat-x center ; margin-bottom:10px;}
.title a  {font-size: 24px;border-left: 5px solid #DF0A0A; padding:0 10px;line-height: 1.6em; background: #FFF;  }

/*聚焦*/
.panel {margin-bottom: 25px;background-color: #FFF;border: 1px solid transparent; border-radius: 4px;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);}
.panel-default { border-color: #DDD;}
.panel-default > .panel-heading {color: #333; background-color: #F5F5F5;border-color: #DDD;}
.panel-heading { border-top-left-radius: 0px;border-top-right-radius: 0px;}
.panel-heading { padding: 1em 1.5em;border-bottom: 1px solid transparent;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.panel-heading h4 {margin: 0; }
.panel-heading h4  a {color: #000; line-height: 1.5;}
.panel-body {padding: 1.2em;}
.panel-body .pic {width: 30%; margin-right:2%;  float: left; overflow: hidden;}
.panel-body .words { width: 68%;float: left;overflow: hidden;}
.panel-body .words p {margin: 0;}
.panel-body .words a {margin-left:70%; }
.button-danger {
    margin: 1.5em 0;
    box-sizing: border-box;
    padding: 0.3em 1.1em;
    font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    word-spacing: normal;
    font-size: 12px;
    color: #FFF;
    background: #D33;
    border: 1px solid #cc2222;
}
.list-unstyled li{
	list-style: none;
    border-bottom: 1px dotted #ddd;
    margin-bottom: 10px;
	}
.list-unstyled h4{
	font-size: 18px;
	line-height: 1.6em;
    font-weight: bold;}
	
/*demo3*/	
.list-img {
	padding-left: 0;
	padding-top00: 5px;
    margin-bottom: 5px;
	font-size:1em;
	}
.list-img li{float:left;padding-bottom:3px;padding-top: 5px;}
.list-img img{display: block; width:auto; height:auto; border-radius:10px 10px 0 0;}
.list-img li span{ position: absolute; width:100%;left: 0;height: 21px;line-height: 21px;color: #fff; padding-right: 5px;text-align: right;bottom:0px;background: url(http://mat1.gtimg.com/ent/ent_index2012/bg_transbox.png) 0 bottom no-repeat; bottom:2px;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://mat1.gtimg.com/ent/ent_index2012/bg_transbox.png", sizingMethod="crop");
  }/*图片上面的播发器背景标题*/
.list-img li a {display: block; overflow: hidden; zoom: 1; position: relative; color:#FFFFFF;}
.list-img li a:hover{text-decoration: none;}
.list-img li b{position:absolute;left:0;bottom:0;width:100%;height:2em;background-color:#000;opacity:.5;filter:alpha(opacity=50);}
.list-img li i{position:absolute;left:0;bottom:0px;width:100%;height:2em;line-height:2em;text-align:center;}/*图片上面的标题*/
.list-img li p a{
width:100%;
height:48px;
line-height:24px;
background-color:#f6f6f6;  /*#f6f6f6;*/
color:#333;
}/*图片底下的摘要*/

.list-img li em a{
padding: 10px;
width:100%;
height:75px;
line-height:30px;
background-color:#eee;  /*#f6f6f6;*/
text-align:center;
font-size: 18px;
color:#000;
border-radius: 0 0 10px 10px;
margin-bottom:20px;}/*图片底下的标题*/



/* 超小屏幕（手机，小于 768px） */

@media (max-width: 767px) {
 
.list-img li em a{
height:3em;
line-height:2em;
font-size: 16px;
}
.headline .headline-title h1 {
    font-size: 20px;
	line-height:1.4em;
}
}

@media (max-width: 1200px) { 
.list-img li em a{
height:2.4em;
line-height:1.5em;
font-size: 16px;
}
 }

.nav {
	height:60px;
    background-color: #de6d3b;
    background-image: linear-gradient(120deg, #bb5321, #fcf081);
	background-image: linear-gradient(to right,#FBB149,#DF0A0A);
}

.nav_bg{
	height:60px;
    background: url(https://www.ciie.org/resource/static/zbh/default/assets/img/YunBG.png) repeat-x;
    transform: skew(0deg);
    left: 0;
    background-size: cover;
}
.Ribbon-right-bottom{
     background-image: linear-gradient(to right,#FBB149,#F57A23);
    -webkit-transform: skew(30deg);
    -moz-transform: skew(30deg);
    -o-transform: skew(30deg);
    transform: skew(30deg);
    right: -10px;

}
.Ribbon-right-top{
    right: 0;
}
.nav{width:100%; height: 60; }
    .nav.fixed{position: fixed; top:0; left:0; right:0; z-index: 9999;}
    .nav .inner{ height:52px; margin: 0 auto; line-height: 0; font-size: 0;  position: relative; background22: url(http://mat1.gtimg.com/news/2017/zt/19/nav.jpg) no-repeat center top; background-size: auto 100%;}
    
    .nav ul{display: inline-block; margin:0 0;}
    .nav ul li{float: left;  height:100%;padding:0 63px;border-right00:1px solid #fff; }
    .nav ul li a {font-size: 18px; color: #ffffff; line-height: 60px; height:60px; transition: transform 0.3s;}
    .nav ul li a:hover{color: #faf8a9; content: attr(data-hover); font-weight: 700; transform: translate3d(0, 0, 0);}
    .nav ul li:nth-last-child(1){border: none;}


.footer { background: #4A4A4A; height: 140px; overflow: hidden;  }
	
.footer p {
    line-height: 30px;
    font-size: 18px;
	 text-align: center;
    color: #fff;
    padding: 30px 0;
	text-indent:0; 
}