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


#banner_lunbo{
	width: 100%;
	height: 520px;
	margin-top: 83px;
	background: -webkit-linear-gradient(left,#e0e0e0,#f7f7f7,#e0e0e0);/*直接上色，角度加颜色*/
}
#banner_main{
	width: 1140px;
	height: 520px;
	margin: 0 auto;
	position:relative;/*定位*/
}
#computer{
	width: 650px;
	height: 392px;
	margin-top: 64px;
	background-image: url("../images/banner_lunbo.png");
	float: right;
	position: relative;
	transition: all 1s ;/*动效延迟1秒完成！*/
}
#computer:hover{
	transform: scale(1.3, 1.3);/*移入放大效果！*/
}
/*圆点及图片  轮播  的全部属性*/
#container {
	width:470px;
	height: 290px;
	overflow: hidden;
	margin: auto;
	position: absolute;
	top: 32px;
	right: 91px;
}

/*图片动效及时间*/
#photo {
	
	width: 2820px;/*图片总宽度*/
	animation: switch 30s ease-out infinite;/**/
	-webkit-animation:switch 30s ease-out infinite; /*Safari and Chrome*/
}

#photo li{
	z-index: 800;
	width: 470px;
	height: 290px;
	float: left;
	display: inline;/*变行内敛元素*/
	cursor:pointer;/*移入变手！*/
}
/*图片大小*/
#photo > img {
	width: 470px;
	height: 290px;	
}

/*动画尺寸设置*/
@keyframes switch {
	0%, 12% {margin-left: 0;}
	
	17%, 29% {margin-left: -470px;}

	34%, 46% {margin-left: -940px;}
	
	51%, 63% {margin-left: -1410px;}
	
	68%, 80% {margin-left: -1880px;}

	85%, 100% {margin-left: -2350px;}
}

#move{
	width: 400px;
	height: 27px;
	position: absolute;
	bottom: 99px;
	left: 0px;
}
#move li{
	display: block;
	width: 51px;
	height: 27px;
	margin-right: 8px;
	background: #fff;
	float: left;
	cursor:pointer;/*移入变手！*/
}

/*圆点定位*/
#yuandian{
	position:absolute;
	bottom: 95px;
	left: 0px;
	}

#active{
	background: #ed5844;/*显示的背景颜色*/
	display:inline-block;/*变行内敛可设置大小*/
	width:50px;
	height:26px;
	border: 1px solid #fff;
	opacity:1;/*不透明 级*/
	animation: ydswitch 30s ease-out infinite;
	cursor:pointer;/*移入变手！*/
}
@keyframes ydswitch{

	0%, 14% {margin-left: 0;}
	
	17%, 31% {margin-left: 59px;}

	34%, 49% {margin-left: 118px;}
	
	52%, 65% {margin-left: 177px;}
	
	68%, 82% {margin-left: 236px;}

	85%, 100% {margin-left: 295px;}   
}
#container_text{
	width: 400px;
	height: 260px;
	position: absolute;
	left: 0;
	top: 98px;
	overflow: hidden;
}
#text_lunbo{
	width: 2400px;
	animation: textwitch 30s ease-out infinite;/**/
	-webkit-animation:textwitch 30s ease-out infinite; /*Safari and Chrome*/
}
#text_lunbo li{
	width: 400px;
	height: 260px;
	float: left;
	display: inline-block;
}
/*动画尺寸设置*/
@keyframes textwitch {
	0%, 12% {margin-left: 0;}
	
	17%, 29% {margin-left: -400px;}

	34%, 46% {margin-left: -800px;}
	
	51%, 63% {margin-left: -1200px;}
	
	68%, 80% {margin-left: -1600px;}

	85%, 100% {margin-left: -2000px;}
}
#text_lunbo li p{
	display: inline-block;
	height: 83px;
	padding: 0 82px 0 8px;
	background: #ed5844;
	text-align: center;
	line-height: 83px;
	font-size: 42px;
	color: #fff;
	margin-bottom: 2px;
}

#main{
	width: 1140px;
	margin: 0 auto;
	z-index: -100;
}
/*六个文本部分！*/
#main_six{
	width: 1140px;
	height: 361px;
	margin: 0 auto;
	padding-top: 70px;
}
#main_six li{
	width: 354px;
	height: 123px;
	float: left;
	display: block;
	margin-right: 20px;
	margin-bottom: 20px;
	box-shadow: 5px 5px 0 #ddd;
	cursor: pointer;/*变手形状！*/
}
#main_six li:hover{
	box-shadow: 5px 5px 0 #939393;
}
#main_six li:hover i{
	background: #df1b01;
}
#main_six li:hover span{
	background: #fff;
	color: #000!important;
}
/*#main_six li:last-child{
	margin-right: 0;
}*/
#main_six li i{
	width: 67px;
	height: 123px;
	background: #ed5844;
	text-align: center;
	line-height: 123px;
	font-size: 36px;
	display: inline-block;
	color: #fff;
	float: left;
}
#main_six li span{
	width: 257px;
	height: 93px;
	float: left;
	background: #f5f5f5;
	display: inline-block;
	padding: 15px;
	overflow: hidden;
}
#main_six li span h4{
	color: #524e4f;
	margin-bottom: 15px;
	width: 257px;
	height: 21px;
}
#main_six li span p{
	color: #524e4f;
	font-size: 12px;
	width: 257px;
	height: 55px;
	line-height: 20px;
}
.shuangxian{
	width: 1140px;
	height: 1px;
	display: inline-block;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.main_text_nav{
	width: 1140px;
	height: 130px;
	margin-top: 55px;
	border: 1px 1px 1px 0;
	border-color: #b4b4b4;
	background: #eeeeee;
	overflow: hidden;
}
.main_text_nav h5{
	width: 5px;
	height: 130px;
	background: #ed5746;
	float: left;
	border-radius: 0 4px 4px 0;
}
.main_text_nav div{
	width: 880px;
	height: 130px;
	float: left;
	margin-left: 25px;
}
.main_text_nav div h2{
	margin-top: 40px;
	color: #2c2c2c;
}
.main_text_nav div p{
	margin-top: 15px;
	color: #2c2c2c;
	font-size: 12px;
}
.main_text_nav a{
	display: inline-block;
	width: 155px;
	height: 57px;
	margin-right: 30px;
	margin-top: 40px;
	border-radius: 8px;
	background: #ed5844;
	color: #fff;
	text-align: center;
	line-height: 57px;
	box-shadow: 0 0 40px #c72519 inset;
	font-size: 16px;
	overflow: hidden;
	transition: all 0.4s ;/*动效延迟1秒完成！*/
}
.main_text_nav a:hover{
	transform: scale(1.1, 1.1);/*移入放大效果！*/
	background: #db2e16;
	box-shadow: 0 0 40px #861000 inset;
}
.fengexian{
	width: 1140px;
	height: 35px;
	line-height: 35px;
	margin-top: 45px;
}
.fengexian h2{
	display: inline-block;
	float: left;
	color: #000;
	width: 200px;
}
.fengexian span{
	float: left;
	width: 940px!important;
	margin-top: 16px;
}

#banner_four{
	margin-top: 45px;
	margin-bottom: 45px;
	width: 1140;
	height: 470px;
}
#banner_four li{
	width: 247px;
	height: 442px;
	float: left;
	display: block;
	margin-right: 12px;
	padding: 14px;
	background: #eee;
	overflow: hidden;
}
#banner_four li:last-child{
	margin-right: 0;
}

.four_img{
	width: 247px;
	height: 310px;
	display: inline-block;
	position: relative;
	float: left;
	overflow: hidden;
	
}
.four_img img:hover{
	transform: scale(1.1, 1.1);/*移入放大效果！*/
}
.four_img img{
	transition: all 0.4s ;/*动效延迟1秒完成！*/
	cursor: pointer;
}
.four_img a{
	height: 27px;
	background: #ed5844;
	display: inline-block;
	opacity:0.5;
	text-align: center;
	line-height: 27px;
	color: #fff;
	font-size: 14px;
	overflow:hidden;
}
.four_img a:hover{
	background: #da2d15;
	opacity:1;
	
}
.four_img:hover a{
	display: block;
}
.four_img a{
	display: none;
}
.img_left{
	width: 113px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.img_right{
	width: 27px;
}
.img_right_1{
	position: absolute;
	bottom: 0;
	right: 32px;
}
.img_right_2{
	position: absolute;
	bottom: 0;
	right: 0;
}
#banner_four li h4{
	margin-top: 15px;
	color: #000;
	float: left;
	margin-bottom: 10px;
}
#banner_four li i{
	display: inline-block;
	width: 100%;
	height: 1px;
	float: left;
	background: #e7e7e7;
}
#banner_four li p{
	margin-top: 10px;
	color: #888;
	float: left;
	line-height: 24px;
	width: 247px;
	height: 80px;
	font-size: 12px;
}
#text_nav_right{
	border: none;
	border-radius: 0!important;
	box-shadow: none!important;
	float: right;
	margin: 0;
	background: rgba(203,203,203,0.6);
	width: 185px;
	height: 130px;
	transition: none;
}
#text_nav_right:hover{
	transform:none;
}
#text_nav_right i{
	display: inline-block;
}
.nav_right_1{
	float: left;
	width: 0;
	height: 0;
	border-width: 65px 45px 65px 45px;
	border-style: solid;
	border-color: #ed5844 #ed5844 #eeeeee #eeeeee;
	
}
.nav_right_2{
	background: #ed5844;
	width: 95px;
	height: 130px;
	line-height: 130px;
	text-align: left;
	color: #fff;
	font-size: 36px;
	overflow: hidden;
}
.fa-folder-open{
	width: 40px;
	height: 60px;
	transition: all 0.4s ;/*动效延迟1秒完成！*/
}
#text_nav_right:hover .nav_right_2 .fa-folder-open{
	transform: scale(1.3, 1.3);/*移入放大效果！*/
}
#text_nav_right:hover .nav_right_1{
	border-color: #e1311a #e1311a #eeeeee #eeeeee;
}
#text_nav_right:hover .nav_right_2{
	background: #e1311a;
}
.shuang{
	height: 1px;
	display: inline-block;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	float: left;
	margin-top: 16px;
}
.shuangxian_2{
	width: 630px!important;
}
.shuangxian_3{
	width: 110px!important;
}

#banner_footer{
	width: 1140px;
	margin-top: 45px;
}
#banner_footer li{
	width: 340px;
	height: 525px;
	margin-right: 60px;
	margin-bottom: 25px;
	display: inline-block;
	float: left;
	position: relative;
	overflow: hidden;
}
#banner_footer li:hover{
	background: #fff;
	box-shadow: 0 0 20px #9d9d9d;
}
#banner_footer li:last-child{
	margin: 0;
}
.banner_img_{
	width: 340px;
	height: 255px;
	position: relative;
	overflow: hidden;
	float: left;
}
.banner_img_:hover img{
	transform: scale(1.1, 1.1);/*移入放大效果！*/
}
.banner_img_ img{
	transition: all 0.4s ;/*动效延迟1秒完成！*/
}
.banner_img_:hover span{
	display: block;
}
.banner_img_ span{
	width: 42px;
	height: 42px;
	text-align: center;
	line-height: 42px;
	position: absolute;
	bottom: 0;
	display: none;
	cursor: pointer;/*变手形状！*/
}
.footer_img_1{
	right: 45px;
	background: #fff;
	color: #e85746;
	font-size: 30px;
}
.footer_img_2{
	right: 0;
	background: #e85746;
	color: #fff;
	font-size: 20px;
	line-height: 20px!important;
}
.footer_h2{
	margin: 15px 0;
	float: left;
	color: #000;
	font-size: 14px;
	width: 325px;
	margin-left: 4px;
}
.footer_p{
	margin: 15px 0;
	float: left;
	color: #ccc;
	font-size: 12px;
	width: 325px;
	margin-left: 4px;
}
.footer_a{
	width: 325px;
	position: absolute;
	bottom: 50px;
	left: 10px;
	margin-left: 4px;
}
.footer_a:hover i{
	background: #92fffe;
	color: #000;
	font-weight: bold;
}
.footer_a:hover{
	font-weight: bold;
}
.footer_a i{
	display: inline-block;
	background: #343434;
	width: 13px;
	height: 12px;
	text-align: center;
	line-height: 12px;
	color: #fff;
	margin-left: 15px;
}
.danxian{
	display: inline-block;
	width: 325px;
	height: 1px;
	background: #cccccc;
	float: left;
}

.banner_text_{
	width: 340px;
	height: 180px;
	overflow: hidden;
}
.banner_text_ img{
	width: 87px;
	height: 109px;
	float: left;
}
.banner_text_ h2{
	width: 238px;
	height: 50px;
	overflow: hidden;
	margin-left: 15px;
	color: #000;
	float: left;
	font-size: 18px;
}
.banner_text_ h6{
	width: 238px;
	height: 29px;
	overflow: hidden;
	margin-left: 15px;
	color: #000;
	float: left;
	line-height: 29px;
}
.text_h6{
	color: #e7553c!important;
	line-height: 10px!important;
}
.banner_text_ p{
	float: left;
	width: 340px;
	overflow: hidden;
	color: #b1b1b1;
	font-style:oblique;/*斜体字体！*/
	font-size: 12px;
	margin-top: 10px;
}
.fa-quote-left{
	width: 20px;
	height: 15px;
	display: inline-block;
	color: #ec5645;
	text-align: center;
	line-height: 15px;
	font-size: 16px!important;
	margin-right: 6px;
}