@charset "utf-8";
/* CSS Document */
html{background-color: #f9f6ef;}
.content{overflow:hidden;width: 1600px;margin: 0 auto;background-color:white;}
.mode01{max-width:1600px;overflow:hidden; margin:0 auto; }
.mode01 .lf{ width: 750px; float: left; }
.mode01 .rt{margin-left: 750px;}
.longWord{letter-spacing: -1px;}


/*FlexSlider默认样式*/
.articleBanner{ background: #f5f3f0;overflow: hidden; }
.articleBanner .flexslider { width:100%;  position: relative; zoom: 1;}
.articleBanner .flexslider ul li{ list-style:none; position: relative;height: auto;margin: 0;}
.articleBanner .flexslider ul li .slideImg{ display:block; height:0; padding-bottom:66.6%; overflow:hidden;}
.articleBanner .flexslider ul li img{ border:none; width:100%; display: block;}
.articleBanner .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.articleBanner .loading .flex-viewport {  }
.articleBanner .flexslider .slides { zoom: 1; width:100%;  padding:0;}
.articleBanner .carousel li { margin-right: 5px; }
/*icon小点*/
.articleBanner .flex-control-nav {text-align:center;position: absolute;bottom: 57px;width: 100%;}
.articleBanner .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display: inline;text-align: center;}
.articleBanner .flex-control-paging li a {  float:left; width: 12px; height: 12px; display: block; background:rgba(255,255,255,0.5);cursor: pointer;text-indent: -9999px; }
.articleBanner .flex-control-paging li a:hover,.articleBanner .flex-control-paging li a.flex-active {background:#cc0000;}
.articleBanner .slides h4 a{color:#fff;opacity: 1.0;font-size:14px; text-decoration:none;}
.articleBanner .slides h4 a:hover{color:#fff;font-size:14px;}
.articleBanner .flexslider ul li .slideTxt{padding-left: 5%;color:#fff;position: absolute;left: 0px;/* padding-bottom: 10px; */bottom: 0;width: 93%;overflow: hidden;background-color: rgba(16,26,33,0.5);padding-right: 2%; }
.articleBanner .flexslider ul li .slideTxt h2{height: 36px;color: #fff;font-weight: normal;font-size: 16px;line-height: 36px;overflow: hidden;text-shadow: 2px 2px 2px rgba(0,0,0,0.8);text-overflow:ellipsis;white-space: nowrap;}
.articleBanner .flexslider ul li .slideTxt p{ font-size:1.3em; color:#a0a3a6; margin: 28px 0 20px 0; height: 65px; line-height: 22px; overflow: hidden;}
.articleBanner .flexslider ul li .slideTxt a{display: inline-block; font-size: 1.3em; color: #d9b26f; background: url(../images/play02.png) no-repeat right center; padding-right: 15px;
 float: left; margin-bottom: 20px;}
.articleBanner .flexslider ul li .slideTxt a:hover{ color: #d9b26f; }
.flex-pauseplay{display: none;}



.articleBanner .flex-direction-nav{ display:none;}
.articleBanner .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1;}
.articleBanner .flex-direction-nav a{ width:36px;height:73px;text-align: center;display: inline-block; position: absolute;z-index: 99; text-indent: -999em;z-index:9;cursor: pointer;overflow: hidden;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.articleBanner .flex-direction-nav a:hover{-webkit-opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);opacity:0.8;}
.articleBanner .flex-direction-nav a.flex-prev{ float:left;background:url(../images/prev.png) no-repeat center; left: 2%; top: 50%; margin-top: -44px;}
.articleBanner .flex-direction-nav a.flex-next{  background:url(../images/next.png) no-repeat center; right: 2%; top: 50%; margin-top: -44px;}

.mode02{max-width:1500px;overflow:hidden; margin:40px auto; }
.mode02 .lf{width: 80%;float: left;overflow: hidden;}
.mode02 .rt{width: 16.7%; float: right; overflow: hidden;}
.mode02 .lf .articleListTotal{ overflow: hidden; margin-bottom:35px; }
.mode02 .lf .articleListTotal:last-child{margin-bottom: 0;}
.articleTitle01{border-bottom: #cc0000 1px solid;padding-bottom: 7px;}
.articleTitle01 .title {font-size: 24px;line-height: 24px;color: #cc0000;font-weight: bold;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;max-width: 100%;display: inline-block;}
.articleTitle01 .title .en{font-size: 12px;font-weight: normal;}
.articleTitle01 .more{float: right;/* padding-top: 10px; */}
.articleTitle01 .more a{font-size: 18px;color: #cc0000;}



.mode03{max-width:1500px;overflow:hidden; margin:40px auto; }
.mode03 .lf{width: 16.7%;float: left;overflow: hidden;}
.mode03 .rt{width: 80%; float: right; overflow: hidden;}
.mode03 .lf .articleListTotal{ overflow: hidden; margin-bottom:35px; }
.mode03 .lf .articleListTotal:last-child{margin-bottom: 0;}
.articleTitle01{border-bottom: #cc0000 1px solid;padding-bottom: 7px;}
.articleTitle01 .title {font-size: 24px;line-height: 24px;color: #cc0000;font-weight: bold;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;max-width: 100%;display: inline-block;}
.articleTitle01 .title .en{font-size: 12px;font-weight: normal;}
.articleTitle01 .more{float: right;/* padding-top: 10px; */}
.articleTitle01 .more a{font-size: 18px;color: #cc0000;}


.articleList08.lf{width: 80%;float: left; }
.articleList08.rt{width: 16.7%;float: right;}
.rightDate{font-size: 16px;color: #999999; float: right;}
.articleList08 ul li {border-bottom: #e1e1e1 1px solid;height: 44px;line-height: 45px;overflow: hidden;margin: 0px 10px ;}
.articleList08 ul li a{font-size: 16px; font-weight: 500;}



.articleList07.lf{width: 20%;float: left; }
.articleList07.rt{width: 76%;float: right;}
.rightDate{font-size: 16px;color: #999999; float: right;}
.articleList07 ul li {border-bottom: #e1e1e1 1px solid;height: 44px;line-height: 45px;overflow: hidden;margin: 0px 10px ;}
.articleList07 ul li a{font-size: 16px; font-weight: 500;}

.articleTitle07{/*border-bottom: #cc0000 1px solid;padding-bottom: 7px;*/}
.articleTitle07 .title {font-size: 24px;line-height: 24px;font-weight: bold;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;max-width: 100%;display: inline-block; }

.articleList03.lf{width: 48%;float: left;}
.articleList03.rt{width: 48%;float: right;}
.rightDate{font-size: 16px;color: #999999; float: right;}
.articleList03 ul li {border-bottom: #e1e1e1 1px solid;height: 44px;line-height: 45px;overflow: hidden;margin: 0 10px ;}
.articleList03 ul li a{font-size: 16px;}

.articleList04 ul li{ margin-bottom: 9px; overflow: hidden; text-align: center;}
.articleList04 ul li:first-child{margin-top: 18px;}
.articleList04 ul li a{display: block;font-weight: bold;font-size: 1.6em;color: #fff;width: 95%;height: 82px;margin: 0 auto;}
.articleList04 ul li a img{/* display: inline-block; *//* height: 42px; *//* vertical-align: middle; */}
.articleList04 ul li a span{width: 76px;height: 42px;line-height: 42px;display: inline-block;text-align: left;padding-left: 10px;}



.articleList05 ul li{ margin-bottom: 10px; overflow: hidden; }
.articleList05 ul li:first-child{margin-top: 18px;}
.articleList05 ul li a{display: block;font-size: 16px; border-bottom: #e1e1e1 1px solid;  padding-bottom: 10px;}
.articleList05 ul li a span{width: 76px;height: 42px;line-height: 42px;display: inline-block;text-align: left;padding-left: 10px;}

.articleList06,.articleList05{margin-top: 40px;}
.articleList06 ul li{text-align: left;}
.articleList06 ul li a{display: block;font-size: 16px;color: #333;height: 32px;margin: 0 auto;line-height: 42px;/* border-bottom: 1px solid #e1e1e1; */overflow: hidden;}
.articleList06 ul li a img{/* display: inline-block; *//* height: 42px; *//* vertical-align: middle; */}
.articleList06 ul li a span{width: 76px;height: 42px;line-height: 42px;display: inline-block;text-align: left;padding-left: 10px;}




.report{position: fixed;right: 0;top:50%;width: 70px;height: 26px;background: url(../images/report.png) no-repeat #AE0A29;color: white;padding-top: 44px;text-align: center;border: 2px solid #8a0820;font-size: 14px;color: #f9f6ef;}
.report:hover{color:white;}

@media screen  and (max-width:1386px) {
	.content{width: 1100px;}
	.mode02{width: 1000px;}
	.articleTitle01 .title{font-size: 17px;}
	.articleTitle01 .more a{font-size: 15px;}
	.rightDate{font-size: 14px;}
	.articleList03 ul li a{font-size: 14px;}
	.articleList03 ul li {border-bottom: #e1e1e1 1px solid;height: 36px;line-height: 35px;}
	.articleList04 ul li a,.articleList05 ul li a{width: 150px;height: 66.7px;}
	.articleList06,.articleList05{margin-top: 25.3px;}
	.articleList05 ul li a,.articleList06 ul li a{height: 28px;line-height: 28px;font-size: 14px;}
}
@media screen  and (max-width:1100px){
	.content{width: auto;}
}

@media screen  and (max-width:1020px) {
	.mode02{ margin: 25px 20px;width: auto;}
	.mode02 .rt.col{width: 100%;}
	.mode02 .lf.col{width: 100%;}
	.articleList04{width: 60%;float: left;margin-top: 35px;}
	.articleList04 ul li{width: 32%;margin-left: 2%;margin-top: 18px;float: left;}
	.articleList04 ul li:first-child{margin-left: 0;margin-top: 18px;}
	.articleList04 ul li a, .articleList05 ul li a{width: 100%;height: auto;}	
	.articleList05{width: 20%;float: left;margin: 35px 2%;}
	.articleList06{width: 16%;float: left;margin-top: 35px;}
	.articleList05 ul li a..articleList06 ul li a{height: 24px;line-height: 24px;font-size: 14px;}
}

@media screen  and (max-width:768px) { 
	.articleBanner .flexslider ul li .slideImg{}
	.articleBanner .flex-control-nav{width: 100%;right: 0;bottom: 15px;}
	.articleBanner .flexslider ul li .slideTxt{ float: right;left: 0;padding-bottom: 40px;padding-top: 12px;}
	.articleBanner .flexslider ul li .slideTxt h2{font-size: 16px;line-height: 16px;height: 16px;}
	.articleBanner .flex-control-paging li a{width: 8px;height: 8px;}
	
	.line,.line02{display: none;}
	.mode01{margin: 0 16px;}
	.mode02{margin: 0px 16px 20px;}
	.articleList03.lf{width: 100%;margin-top: 16px;}
	.articleList03.rt{width: 100%;margin-top: 16px;}
	.mode02 .lf .articleListTotal{margin-bottom: 0;}
	.articleList04{margin-top: 16px;}
	.articleTitle01 .title{font-size: 18px;}
	
	.articleList05,.articleList04,.articleList06{width: 100%;}
	.articleList05{margin:16px 0 0;}
	.articleList04 ul li,.articleList05 ul li{width: 100%;margin-left: 0;margin-top: 0;}
	.articleList04 ul li a img,.articleList05 ul li a img{width: 60%;}
	.articleList06{margin-top: 10px;}
}


@media screen and (max-width:640px) {
	.mode01,.mode02{ margin:0 16px; }
	.articleBanner .flexslider ul li .slideTxt h2{font-size: 12px;}
 }

@media screen and (max-width:560px) {
    .articleList04 ul li{width: 100%;margin-right: 0;}
 }


@media screen and (max-width:480px) {
	.articleList03 ul li{margin: 0;}
	.articleList03 ul li a,.rightDate{font-size: 12px;}
	.articleBanner .flex-control-nav{bottom: 2px;}
	.articleBanner .flexslider ul li .slideTxt{padding-top: 8px;padding-bottom: 20px;}
}