/* CSS Document */
body{
	background-color: #f9f9f9;
}




/****************************/


.bannerbox{
	width: 100%;
	/*height: 452px;
	height:532px;*/
	height: 625px;
	overflow: hidden;
	
}

.main_visual {
	height:625px;
}
.mv_list {
	width:100%;
	height:625px;
	position:relative;
}
.mv_list li {
	width:100%;
	height:625px;
	position:absolute;
	left:0;
	top:0;
	z-index:0;
	display:none;
}
.mv_list li.ver00 {
	display:block;
}
.mv_list li a{
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.mv_list li .hd {
	width:1000px;
	margin:0 auto;
	text-align:center;
	font-size:15px;
	color:#fff;
	font-family:Tahoma, verdana, Helvetica, Arial, "Microsoft Yahei", "SimSun", sans-serif;
	position:relative;
}
.mv_list li .hd strong {
	margin-bottom:15px;
	font-size:27px;
	font-weight:100;
	display:block;
	text-align:center;
}
.mv_list li .hd strong em {
	font-size:50px;
	line-height:55px;
	display:block;
	text-align:center;
}
.mv_list li .hd .box {
	padding:30px 40px 25px 34px;
	text-align:left;
	position:absolute;
	right:0;
	top:54px;
	background:url(../img/main/mv_box_bg.png) repeat;
}
.mv_list li .hd .box {
	font-size:12px;
	color:#828282;
}
.mv_list li .hd .box strong {
	line-height:34px;
	text-align:left;
	color:#fff;
	letter-spacing:-1px;
}
.mv_list li.ver1 .hd {
	padding:145px 0 0 0;
}
.mv_list li.ver1 .hd .box {
	padding:30px 20px 25px 34px;
}
.mv_list li.ver2 .hd {
	padding:130px 0 0 0;
}
.mv_list li.ver3 .hd {
	padding:130px 0 0 0;
}
.mv_list li.ver4 .hd {
	padding:82px 0 0 3px;
	text-align:left;
	font-size:13px;
	color:#ccd6de;
}
.mv_list li.ver4 .hd strong {
	margin-bottom:20px;
	text-align:left;
	color:#fff;
}
.mv_list li.ver4 .hd strong em {
	text-align:left;
}
.mv_list li.ver4 .hd strong span {
	font-size:27px;
	color:#91dbff;
}
.mv_list li.ver5 .hd {
	padding:82px 0 0 3px;
	text-align:left;
	font-size:13px;
	color:#b2b6c6;
}
.mv_list li.ver5 .hd strong {
	margin-bottom:20px;
	text-align:left;
	color:#fff;
}
.mv_list li.ver5 .hd strong em {
	text-align:left;
}
.mv_list li.ver5 .hd strong span {
	font-size:27px;
	color:#a6bbff;
}
.main_visual .nav {
	width:100%;
	text-align:center;
	position:absolute;
	left:0;
	top:600px;
}
.main_visual .nav span {
	display:inline-block;
	zoom:1;
}
.main_visual .nav span a {
	width:55px;
	height:5px;
	display:inline-block;
	zoom:1;
	background:rgba(255, 255, 255, 0.6);
	font-size:0;
	line-height:0;
	overflow:hidden;
}
.main_visual .nav span.active a {
	/*background-color:#656464;*/
	background:rgba(94, 94, 94, 0.6);
}
.main_visual .nav em a {
	width:55px;
	height:5px;
	display:inline-block;
	zoom:1;
	overflow:hidden;
}














.ico_listbox{
	margin: auto;
	position: relative;
	margin-top: -85px;
	width: 1180px;
	height: 170px;
	background:rgba(60, 58, 58, 0.3);
	border-radius:25px;
	z-index: 99;
	overflow: hidden;
}

.ico_listbox ul{
	margin-top: 42px;
	margin-left: 20px;
	width: 1000px;
	width:auto;
	height: auto;
	padding-left: 30px;
}
.ico_listbox ul li{
	float: left;
	margin-left: 38px;
	margin-right: 38px;
	width: 200px;
	height: 85px;
	
}
.ico_listbox ul li a{
	display: block;
	width: 200px;
	height: 85px;
}
.ico_listbox ul li .hi-icon{
	float: left;
	width: 82px;
	height: 82px;
	border-radius:41px;
}
.ico_listbox ul li a i{
	float: left;
	position: absolute;
	display: block;
	width: 82px;
	height: 82px;
	background-image:url(../img/icos.png);
	background-repeat: no-repeat;
}
.ico_listbox ul li a i.ico_01{
	background-position: -27px -20px;
}
.ico_listbox ul li a i.ico_02{
	background-position: -145px -20px;
}
.ico_listbox ul li a i.ico_03{
	background-position: -252px -20px;
}
.ico_listbox ul li a i.ico_04{
	background-position: -359px -20px;
}
.ico_listbox ul li a span{
	float: left;
	display: block;
	width: 112px;
	height: 85px;
	line-height: 85px;
	color: #ffffff;
	font-size: 18px;
	text-align: center;
	font-family:Tahoma, verdana, Helvetica, Arial, "Microsoft Yahei", "SimSun", sans-serif;
	overflow: hidden;
}





.main_body{
	margin: auto;
	margin-top: 30px;
	width: 1180px;
	height: 610px;
	margin-bottom: 28px;
	
	/*overflow: hidden;*/
}
.main_body .left_box{
	float: left;
	width: 705px;
	height: auto;
	overflow: hidden;
}
.main_body .left_box .top_conbox{
	width: 705px;
	/*height: 238px;*/
	height: 288px;
	overflow: hidden;
}
.main_body .left_box .top_conbox .titles_lan{
	font-size: 22px;
	line-height: 50px;
	color:#2F2F2F;
}
.main_body .left_box .top_conbox .titles_lan a{
	color:#2F2F2F;
	text-decoration: none;
}

.main_body .left_box .top_conbox .t1_contentbox{
	position: relative;
	width: 705px;
	height: 238px;
	background-color: #ececec;
	overflow: hidden;
}

/********新闻标签切换*******************/
.main_body .left_box .tab_con_box{
	margin-top: 28px;
	width: 705px;
	/*height: 238px;*/
	height:auto;
	overflow: hidden;
}
.tabs .con_01{
	
}
.tabs .contents .mores{
	position:absolute;
	margin-top: -30px;
	margin-left: 650px;
	width: 50px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	font-size: 14px;
	z-index: 99;
	overflow: hidden;
}
.tabs .contents .mores a{
	display: block;
	width: 50px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	font-size: 14px;
	color: #50514c;
	text-decoration: none;
}
.tabs .contents ul{
	height: auto;
	padding-bottom: 30px;
	
}
.tabs .contents ul li{
	padding-top: 15px;
	padding-bottom: 10px;
	height: 75px;
	border-bottom: #D1D1D1 1px dotted;
	overflow: hidden;
}
.tabs .contents ul li .datetimes{
	float: left;
	width: 70px;
	height: 70px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	background-color: #a50708;
}
.tabs .contents ul li .datetimes span{
	display: block;
	margin-top: 10px;
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
	
}
.tabs .contents ul li .con_box{
	float: left;
	margin-left: 20px;
	width: 610px;
	height: 60px;
}
.tabs .contents ul li .con_box .tit{
	line-height: 22px;
	font-size: 16px;
	height: 28px;
	overflow: hidden;
}
.tabs .contents ul li .con_box .tit a{
	color: #5b595a;
	text-decoration: none;
	
}
.tabs .contents ul li:hover .con_box .tit a{
	color: #a50708;
}
.tabs .contents ul li:hover {
	background-color: #FFFFFF;
}
/*.tabs .contents ul li .con_box .tit a:hover{
	color: #393939;
}*/
.tabs .contents ul li .con_box .conts{
	margin-top: 0px;
	line-height: 23px;
	font-size: 12px;
	height: 48px;
	text-indent: 2em;
	color: #5b595a;
	overflow: hidden;
}

.tabs .contents ul li .con_box .conts a{
    color: #5b595a;
    text-decoration: none;
}
.tabs .contents ul li:hover .con_box .conts a{
	color: #a50708;
}

.main_body .right_box{
	float: right;
	width: 410px;
	height:auto;
	/*overflow: hidden;*/
}
.main_body .right_box .video_title{
	font-size: 22px;
	line-height: 50px;
	color:#2F2F2F;
	height: 50px;
}
.main_body .right_box .video_title a{
	color:#2F2F2F;
	text-decoration: none;
}
.main_body .right_box #video_box a i{
    display: block;
    position: relative;
    top:-155px;
    margin: auto;
    width: 64px;
    height: 64px;
    background: url(../img/play.png);
    overflow: hidden;
    
}


.main_body .right_box .adv_01{
	margin-top: 40px;
	width: 408px;
	height: 142px;
	box-shadow: 4px 4px 3px #9a9a9a;
	/*overflow: hidden;*/
}
.main_body .right_box .adv_01 img{
	width: 408px;
	height: 142px;
}

.main_body .right_box .adv_02{
	margin-top: 44px;
	width: 408px;
	height: 142px;
	box-shadow: 4px 4px 3px #9a9a9a;
	/*overflow: hidden;*/
}
.main_body .right_box .adv_02 img{
	width: 408px;
	height: 142px;
}




/****************************************/
.gd_photos{
	margin: auto;
	margin-top: 28px;
	width: 1180px;
	height: 235px;
    margin-bottom: 30px;
	overflow: hidden;
}
.gd_photos .tit_lan{
	font-size: 22px;
	line-height: 50px;
	color:#2F2F2F;
	height: 50px;
}
.gd_photos .tit_lan a{
	color:#2F2F2F;
	text-decoration: none;
}

#mrq{width:1180px; margin:auto; }
#Marquee_x { position:relative;overflow:hidden; width: 1180px } 
#Marquee_x ul li { float:left;line-height:25px;  overflow:hidden}/* 横向滚动必须让所有li左浮动 */
#Marquee_x ul li a{ display: block; float:left;line-height:25px;height:184px; width:278px; text-decoration: none; overflow:hidden}
#Marquee_x ul li a img{  width:278px; height:184px; display:block}

#Marquee_x ul li a span{
	position:relative;
	margin: auto;
	width:278px; 
	height:60px;
	line-height: 30px;
    margin-top:-115px;
	display:none;
	font-size: 20px;
	text-align: center;
	color: #fff;
	z-index: 20;
	text-decoration: none;
}
#Marquee_x ul li a .mengban{
	position:relative;
	width:278px; 
	height:184px;
    margin-top:-184px;
	background-color: rgb(79, 104, 149);
	opacity: 0;
	z-index: 10;
	-webkit-transition:all 0.5s linear;   
	-moz-transition:all 0.5s linear;   
	-ms-transition:all 0.5s linear;   
	-o-transition:all 0.5s linear;   
	 transition:all 0.5s linear;
}

#Marquee_x ul li a .pic2{
    position:relative;
    margin-top:-184px;
    margin-left:0;
    z-index:-1;
}
#Marquee_x ul li a .pic1{
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
#Marquee_x ul li a:hover .pic1{
	-webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
}
#Marquee_x ul li a:hover .mengban{
	opacity: 0.7;
}
#Marquee_x ul li a:hover span{ display:block; text-decoration: none;}

#Marquee_x ul li a .pic2{
    -webkit-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateY(-180deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;/*z-index:10;
    position:absolute;*/
}

#Marquee_x ul li a:hover .pic2{
    -webkit-transform:rotateX(0deg) rotateY(0deg);
    -moz-transform:rotateX(0deg) rotate(0deg);
    z-index: 10;
    position: absolute;
	background-color: #676767;
}





/****************************************/



.ico_listbox ul li .hi-icon {
	/*background:rgba(255,255,255,.1);*/
	-webkit-transition:-webkit-transform ease-out .1s,background .2s;
	-moz-transition:-moz-transform ease-out .1s,background .2s;
	transition:transform ease-out .1s,background .2s
}
.ico_listbox ul li i {
	/*background:rgba(255,255,255,.1);*/
	-webkit-transition:-webkit-transform ease-out .1s,background .2s;
	-moz-transition:-moz-transform ease-out .1s,background .2s;
	transition:transform ease-out .1s,background .2s
}
.ico_listbox ul li:after .hi-icon{
	top:0;
	left:0;
	padding:0;
	z-index:-1;
	box-shadow:0 0 0 2px rgba(255,255,255,.1);
	opacity:0;
	-webkit-transform:scale(.9);
	-moz-transform:scale(.9);
	-ms-transform:scale(.9);
	transform:scale(.9)
}
.ico_listbox ul li:after i{
	top:0;
	left:0;
	padding:0;
	z-index:-1;
	opacity:0;
	-webkit-transform:scale(.9);
	-moz-transform:scale(.9);
	-ms-transform:scale(.9);
	transform:scale(.9)
}


.ico_listbox ul li:hover .hi-icon{
	
	-webkit-transform:scale(.93);
	-moz-transform:scale(.93);
	-ms-transform:scale(.93);
	transform:scale(.9);
	color:#fff;
}
.ico_listbox ul li:hover i{
	-webkit-transform:scale(.93);
	-moz-transform:scale(.93);
	-ms-transform:scale(.93);
	transform:scale(.9);
}
.ico_listbox ul li:hover .hi-icon{
	-webkit-animation:sonarEffect 1.3s ease-out 75ms;
	-moz-animation:sonarEffect 1.3s ease-out 75ms;
	animation:sonarEffect 1.3s ease-out 75ms;
}


@-webkit-keyframes sonarEffect {
	0% {
	opacity:.3;
	}
	40% {
		opacity:.6;
		box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px rgba(60, 58, 58, 0.2),0 0 0 10px rgba(255,255,255,.6);
	}
	100% {
		box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px rgba(60, 58, 58, 0.2),0 0 0 10px rgba(255,255,255,.6);
		-webkit-transform:scale(1.5);
		opacity:0;
	}
}
@-moz-keyframes sonarEffect {
	0% {
	opacity:.3;
	}
	40% {
		opacity:.6;
		box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px rgba(60, 58, 58, 0.2),0 0 0 10px rgba(255,255,255,.6);
	}
	100% {
		box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px rgba(60, 58, 58, 0.2),0 0 0 10px rgba(255,255,255,.6);
		-moz-transform:scale(1.5);
		opacity:0;
	}
}
@keyframes sonarEffect {
	0% {
	opacity:.3;
	}
	40% {
		opacity:.6;
		box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px rgba(60, 58, 58, 0.2),0 0 0 10px rgba(255,255,255,.6);
	}
	100% {
		box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px rgba(60, 58, 58, 0.2),0 0 0 10px rgba(255,255,255,.6);
		transform:scale(1.5);
		opacity:0;
	}
}

/******************************************************/
.hi-icon-effect-5c .hi-icon:hover:before {
	-webkit-animation: toTopFromBottom 0.3s forwards;
	-moz-animation: toTopFromBottom 0.3s forwards;
	animation: toTopFromBottom 0.3s forwards;
}

@-webkit-keyframes toTopFromBottom {
	49% {
		-webkit-transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toTopFromBottom {
	49% {
		-moz-transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toTopFromBottom {
	49% {
		transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}