/* CSS Document */
.Banner{width: 100%;overflow:hidden;position:relative;z-index:2;}
.flexslider .slides li a{display: block;position: relative;}
.Banner .slides_tills{position: absolute;width: 100%;/* overflow: hidden; */bottom: 0;left: 0;height: 44.67%;background: url(../image/bannerBg2.png) repeat-x;}
.Banner .slides_tills .title{text-align: center;/* max-width: 96%; *//* margin: 0 auto; */color:#fff;text-shadow: 0px 2px 2px rgba(0,0,0,0.7);font-weight: bold;line-height: 40px;height: 80px;overflow: hidden;position: absolute;bottom: 15px;left: 2%;right: 36%;}
.Banner .slides_tills .title p{font-family: "microsoft yahei";}
.Banner .img{padding-bottom: 31.25%;}

.Banner .flex-direction-nav{display: block;}
.Banner .flex-direction-nav a{width: 40px;height: 80px;margin-top: -40px;transition:all 0.5s ease-in-out;top:50%;border-radius: 6px;text-indent: 9999px;z-index: 10;}
.Banner .flex-direction-nav a:hover{}
.Banner .flex-direction-nav a.flex-prev{left:80px;background: url(../image/lfArr.png) center center no-repeat;}
.Banner .flex-direction-nav a.flex-next{right:80px;background: url(../image/rtArr.png) center center no-repeat;}
.Banner .flex-control-nav{bottom: 0;margin: 0 auto;position: absolute;text-align: right;right: 38px;left: auto;width: auto;}
.Banner .flex-control-nav li{padding: 8px 6px 67px;margin: 0 2px;}

.Banner .flex-control-paging li a {width: 10px;height: 10px;text-indent: 9999px;transition:all 0.2s ease-in-out;background: #fff;opacity: 0.5;}
.Banner .flex-control-paging li a.flex-active,.Banner .flex-control-paging li a:hover {opacity: 1;z-index: 2;}
.Banner .flex-control-paging li a::after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(0,0,0,0.2);height: 0;border-radius: 10px 10px 0 0;transition: all ease-in-out 0.3s;}
.Banner .flex-control-paging li a.flex-active::after{height: 100%;z-index: -1;}

.Banner .videoBox{width: 270px;position: absolute;right: 40px;top: 140px;z-index: 2;border-radius: 6px;background: rgba(0,0,0,0.3);*background: #999ba3;box-shadow: 0 2px 50px rgba(0,0,0,0.18);}
.Banner .videoBox .img{padding-bottom: 56.25%;position: relative;}
.Banner .videoBox .img::before{content: '';width: 60px;height: 60px;position: absolute;left: 50%;top: 50%;margin: -30px 0 0 -30px;background: url(../image/video.png) center center no-repeat;background-size: contain;z-index: 2;}
.Banner .videoBox .title{line-height: 72px;text-align: center;height: 72px;}
.Banner .videoBox .title p{line-height: 24px;display: inline-block;*display: inline;*zoom:1;vertical-align: middle;color: #fff;font-weight: bold;}


@media screen  and (max-width:1380px){
	.Banner .videoBox{width: 182px;top: 40px;right: 20px;}
	.Banner .flex-control-nav{right: 16px;}
	.Banner .slides_tills p{}
	.Banner .videoBox .title{line-height: 50px;height: 50px;}
	.Banner .slides_tills .title{line-height: 33px;bottom: 20px;height: 66px;}
	.Banner .flex-control-nav li{padding: 8px 6px 61px;}
	
}
@media screen  and (max-width:998px){
	.Banner .slides_tills .title{font-size: 18px;line-height: 24px;height: 48px;bottom: 16px;right: 25%;}
	.Banner .videoBox{width: 135px;}
	.Banner .videoBox .title{line-height: 36px;height: 36px;}
	.Banner .videoBox .title p{font-size: 12px;}
	
	.Banner .flex-control-paging li a{width: 8px;height: 8px;}
	.Banner .flex-control-nav li{padding:4px 4px 45px;}
	
}
@media screen and (max-width:767px){
	.Banner .slides_tills{}
	.Banner .flex-control-nav{display: none;}
	.Banner .videoBox .img{display: none;}
	.Banner .videoBox{right: 0;padding: 0px 8px 0px 27px;border-radius: 14px 0 0 14px;width: auto;background: rgba(21,86,175,0.5);top: 20px;}
	.Banner .videoBox::before{content: '';position: absolute;left: 4px;top: 4px;width: 20px;height: 20px;background: url(../image/video.png) center center no-repeat;background-size: 100% 100%;border-radius: 50%;}
	.Banner .videoBox .title{height: 28px;line-height: 28px;}
	.Banner .videoBox .title p{width: 50px;line-height: 12px;text-align: left;}
	
	.Banner .slides_tills .title{font-size: 14px;line-height: 18px;height: 36px;left: 15px;right: 15px;bottom: 10px;}

	
}


.mode01{font-size: 0;}
.mode01 .lf,.mode01 .mid,.mode01 .rt{display: inline-block;*display: inline;*zoom:1;width: 33.3%;overflow: hidden;vertical-align: top;box-shadow: 0 0 0 rgba(0,0,0,0.85);z-index: 1;position: relative;transition: all ease-in-out 0.3s;}
.mode01 .lf:hover,.mode01 .mid:hover,.mode01 .rt:hover{box-shadow: 0 2px 160px rgba(0,0,0,0.85);z-index: 2;}
.mode01 .topBox{padding: 36px 40px 38px;height: 355px;}
.mode01 .lf .topBox{background: url(../image/mode01LfTop.png) center center no-repeat;background-size: cover;}
.mode01 .mid .topBox{background: #515151;}
.mode01 .rt .topBox{background: #0074c1;}
.mode01 .articleListTitle{color: #fff;font-weight: bold;margin: 0 0 12px;}

.articleList01{margin: 12px 0 0;}
.articleList01 a{color: #fff;position: relative;display: block;padding: 0 0 0 12px;margin: 0 0 15px;}
.articleList01 a::before{content: '';width: 4px;height: 4px;position: absolute;left: 0px;top: 9px;background: #fff;border-radius: 50%;}
.articleList01 .title{line-height: 24px;margin: 0 80px 0 0;height: 24px;}
.articleList01 .first .title{height: 48px;}
.articleList01 .info{line-height: 20px;color: #fff;opacity: 0.58; *color: #bdbdbd;margin: 2px 80px 20px 0;height: 40px;}
.articleList01 .time{position: absolute;right: 0;top: 4px;}
.articleList01 .more{background: #fff;width: 142px;height: 44px;text-align: center;line-height: 44px;margin: 58px 0 0;color: #333;padding: 0;}
.articleList01 .more::before{display: none;}
.articleList01 .more:hover{background: #0074c1;color: #fff;}

.bottomBox{display: block;position: relative;}
.bottomBox::before{content: '';position: absolute;top: 0;left: 40px;width: 38px;height: 34px;z-index: 2;background-size: 100% 100% !important;}
.mode01 .lf .bottomBox::before,.mode01 .mid .bottomBox::before{background: url(../image/mode01Arrow1.png) center center no-repeat;}
.mode01 .rt .bottomBox::before{background: url(../image/mode01Arrow2.png) center center no-repeat;}
.bottomBox .img{padding-bottom: 56.25%;}
.bottomBox::after{content: '';position: absolute;left: 0;right: 0;bottom: 0;top: 0;background: url(../image/mode01Bg.png) bottom center repeat-x;}
.bottomBox .more{font-weight: bold;color: #fff;position: absolute;right: 40px;bottom: 25px;z-index: 3;}

.articleList02 ul{}
.articleList02 li{}
.articleList02 a{color: #fff;position: relative;display: block;padding: 0 16px 0 12px;margin: 0 0 11px;background: url(../image/mode01Right.png) right center no-repeat;}
.articleList02 a::before{content: '';width: 4px;height: 4px;position: absolute;left: 0px;top: 9px;background: #fff;border-radius: 50%;}
.articleList02 .title{line-height: 24px;color: #fff;white-space: nowrap;}

.mode01 .title{transition: all ease-in-out 0.3s; }
.mode01 .title:hover{text-indent: 10px;}

.mode02{overflow: hidden;max-width: 1240px;margin: 35px auto;width: 100%;padding: 15px 0;}
.articleList03{overflow: hidden;}
.articleList03 ul{margin: -1px 0 0 0;}
.articleList03 li{width: 50%;}
.articleList03 a{margin: 0 20px;border-top: 1px solid #ededed;padding: 10px 0;line-height: 80px;white-space: nowrap;}
.articleList03 .imgBox{height: 80px;max-width: 80px;margin: 0 15px 0 0;float: left;}
.articleList03 .imgBox img{vertical-align: middle;}
.articleList03 .title{vertical-align: middle;white-space: normal;max-width: 85%;line-height: 24px;display: inline-block;*display: inline;*zoom:1;}

.articleList03 a:hover{background: #0074c1;box-shadow: 0 2px 10px rgba(17,47,67,0.5);padding-left:20px;border-top: 1px solid #0074c1;}
.articleList03 a:hover .title{color: #fff;}


/* .articleList02{overflow: hidden;}
.articleList02 ul{}
.articleList02 li{}
.articleList02 a{display: block;margin: 0 19px;}
.articleList02 .title{line-height: 24px;height: 48px;margin-bottom: 16px;}
.articleList02 .time{color: #ac0d0d;}
.articleList02 a:hover .title{color:#ac0d0d; top: -6px;transition: all ease-in 0.2s;-ms-transition: all ease-in 0.2s;-moz-transition: all ease-in 0.2s;-webkit-transition: all ease-in 0.2s;-o-transition: all ease-in 0.2s;}
.articleList02 a:hover .img img{transform: scale(1.1);}
 */

@media screen  and (max-width:1366px){
	.mode01 .topBox{padding: 36px 19px 38px;height: 466px;}
	.articleList01 .title{margin: 0;height: auto;}
	.articleList01 .info{margin: 3px 0 0 0;}
	.articleList01 .time{position: relative;top: 0;margin: 7px 0 0;}
	.articleList01 .more{margin: 20px 0 0 ;}
	.bottomBox::before{width: 24px;height: 22px;left: 22px;}
	.articleList02 .title{white-space: normal;}
	.bottomBox .more{right: 20px;bottom: 18px;}
	
	.mode02{margin: 4px auto;}
	.articleList03 .title{max-width: 80%;}
}
	
@media screen  and (max-width:998px){
	.mode01 .lf, .mode01 .mid, .mode01 .rt{width: 100%;margin: 20px 0 0;}
	.mode01 .articleListTitle{max-width: 562px;margin: 0 auto 12px;}
	.articleList01,.articleList02{max-width: 562px;margin:0 auto;}
	.mode01 .topBox{height: auto;}
	.articleList01 .title{line-height: 24px;margin: 0 80px 0 0;height: 24px;}
	.articleList01 .first .title{height: 48px;}
	.articleList01 .info{line-height: 20px;color: #fff;opacity: 0.58; *color: #bdbdbd;margin: 2px 80px 20px 0;height: 40px;}
	.articleList01 .time{position: absolute;right: 0;top: 4px;}
	.articleList01 .more{margin: 58px 0 0;}
	.bottomBox::before{width: 38px;height: 34px;left: 50%;margin-left: -280px;}
	.bottomBox .more{right: 50%;margin-right: -280px;}
	
	.mode02{max-width: 580px;padding: 15px;margin: 0 auto;}
	.articleList03 li{width: 100%;}
	.articleList03 a{margin: 0;}
	
}
@media screen  and (max-width:600px){
	.mode01 .lf, .mode01 .mid, .mode01 .rt{margin: 10px 0 0;}
	.mode01 .topBox{padding: 28px 15px 31px;height: auto;}
	.bottomBox::before{width: 24px;height: 22px;left: 15px;margin: 0;}
	
	.articleList01 .title{margin: 0;height: auto;line-height: 22px;}
	.articleList01 .info{margin: -1px 0 0 0;}
	.articleList01 .time{position: relative;top: 0;margin: 7px 0 0;}
	.articleList01 .more{margin: 10px 0 0;width: 90px;line-height: 30px;height: 30px;}
	
	.articleList02 a{margin:  0 0 10px;}
	.articleList03 a{line-height: 44px;padding: 7px 0;}
	.articleList03 .imgBox{height: 44px;max-width: 44px;margin: 0 15px 0 17px;}
	.articleList03 .title{max-width: 70%;}
	
	.mode01 .mid .topBox,.mode01 .rt .topBox{padding: 28px 15px 10px;}
	.mode02{width: auto;}
	
}
@media screen  and (max-width:360px){
	
	
	
}