@charset "utf-8";
.m1 {
	margin: auto;
	padding: 0px;
	height: 500px;
	width: 1100px;
}
.m1 .t {
	padding: 0px;
	float: left;
	height: 29px;
	width: 383px;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 358px;
}
.m1 .c {
	padding: 0px;
	float: left;
	height: 400px;
	width: 1100px;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-indent:2em;
	font-size: 15px;
	color: #444444;
}
.m1 .c p {
	line-height: 25px;
	float: left;
	height: auto;
	width: 1100px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
.m2 {
	background-image: url(../images/about_m2_bg.jpg);
	background-position: center center;
	padding: 0px;
	height: 754px;
	width: 100%;
	margin-top: 100px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	min-width:1100px;
}
.m2 .m2_c {
	margin: auto;
	padding: 0px;
	height: 754px;
	width: 1100px;
	position: relative;
}
.m2 .m2_c .tu3 {
	margin: 0px;
	float: left;
	height: 0px;
	width: 1100px;
	position: absolute;
	left: 0px;
	top: -70px;
	padding: 0px;
	list-style-type: none;
}
.m2 .m2_c .tu3 li {
	background-color: #FFF;
	float: left;
	height: 270px;
	width: 330px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	border: 1px solid #e9e9e9;
}
.m2 .m2_c .tu3 > li:first-child{ margin-left:0px;}
.m2 .t {
	padding: 0px;
	float: left;
	height: 29px;
	width: 383px;
	margin-top: 260px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 358px;
}
.m2 .m2_c .c {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 400px;
	width: 1100px;
}
/*滑动代码*/
.tabbox{
	width: 1100px;
	height: 370px;
	font-family: '微软雅黑';
	padding: 0px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	float: left;
}
.tabbox .tab{
	overflow: hidden;
	position: absolute;
	left: 50%;
	bottom: 0px;
	height: 20px;
	width: 50px;
	padding: 0px;
	z-index: 100;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -25px;
}
.tabbox .tab a{
	display: block;
	float: left;
	text-decoration: none;
	color: #333;
	height: 8px;
	width: 8px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 4px;
	padding: 0px;
	background-color: #D6D6D6;
	border-radius: 4px;
}
.tabbox .tab a:hover{background:#E64E3F;color:#fff;text-decoration:none;}
.tabbox .tab a.on{background:#E64E3F;color:#fff;text-decoration:none;}
.tabbox .content{
	overflow: hidden;
	width: 1100px;
	height: 370px;
	position: relative;
	margin: 0px;
	padding: 0px;
}
.tabbox .content ul{
	position: absolute;
	left: 0;
	top: 0;
	height: 370px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.tabbox .content li{
	width: 1100px;
	height: 370px;
	float: left;
	margin: 0px;
	padding: 0px;
}
.tabbox .content ul li .l {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 280px;
	width: 355px;
}
.tabbox .content ul li .l .ll {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 115px;
	width: 355px;
}
.tabbox .content ul li .l .ll strong {
	width: 115px;
	background-color: #ff8a00;
	float: left;
	height: 115px;
	font-size: 24px;
	line-height: 115px;
	color: #FFF;
	text-align: center;
	border-radius: 10px 0px 0px 10px;
	font-weight: normal;
}
.tabbox .content ul li .l .ll span {
	background-color: #3f6596;
	margin: 0px;
	float: left;
	height: 115px;
	width: 220px;
	font-size: 13px;
	color: #FFF;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	border-radius:0px 10px 10px 0px;
}
.tabbox .content ul li .cc {
	float: left;
	height: 210px;
	width: 350px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	border-radius: 10px;
	background-color: rgba(69, 110, 155, 0.7);
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.tabbox .content ul li .cc strong {
	font-size: 24px;
	line-height: 30px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 30px;
	width: 350px;
	color: #FFF;
	font-weight: normal;
}
.tabbox .content ul li .cc span {
	font-size: 13px;
	line-height: 13px;
	color: #FFF;
	text-align: center;
	height: 30px;
	width: 350px;
	float: left;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.tabbox .content ul li .r {
	padding: 0px;
	float: left;
	height: 280px;
	width: 355px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
.tabbox .content ul li .r .rr {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 115px;
	width: 355px;
}
.tabbox .content ul li .r .rr strong {
	width: 115px;
	background-color: #ff8a00;
	float: left;
	height: 115px;
	font-size: 24px;
	line-height: 115px;
	color: #FFF;
	text-align: center;
	border-radius: 0px 10px 10px 0px;
	font-weight: normal;
}
.tabbox .content ul li .r .rr span {
	background-color: #3f6596;
	margin: 0px;
	float: left;
	height: 115px;
	width: 220px;
	font-size: 13px;
	color: #FFF;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	border-radius: 10px 0px 0px 10px;
	text-align: center;
}
.m3 {
	padding: 0px;
	height: 770px;
	width: 100%;
	background-color: #e5e5e5;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	min-width:1100px;
}
.m3_c {
	padding: 0px;
	height: 770px;
	width: 1100px;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
.m3 .t {
	height: 29px;
	width: 383px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.m3 .m3_c .c {
	margin: auto;
	padding: 0px;
	height: 400px;
	width: 1100px;
}
.m3 .m3_c .list {
	height: 600px;
	width: 1100px;
	list-style-type: none;
	margin: auto;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.m3 .m3_c .list li {
	padding: 0px;
	float: left;
	height: 260px;
	width: 350px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
}
.m3 .m3_c .list li strong {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 110px;
	width: 350px;
	background-color: #68b0e0;
}
.m3 .m3_c .list li strong p {
	margin: 15px;
	padding: 0px;
	float: left;
	height: 79px;
	width: 318px;
	border: 1px solid #FFF;
	font-size: 24px;
	color: #FFF;
	text-align: center;
	line-height: 79px;
}
.m3 .m3_c .list li span {
	font-size: 14px;
	line-height: 22px;
	color: #8d8d8d;
	float: left;
	height: 135px;
	width: 320px;
	background-color: #FFF;
	margin: 0px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}

.m4 {
	margin: auto;
	padding: 0px;
	height: 660px;
	width: 1100px;
	background-color: #FFF;
	clear: both;
	position: relative;
}
.m4 .t {
	height: 30px;
	width: 383px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#four_flash{
	position: relative;
	width: 1100px;
	height: 460px;
	position: absolute;
	top: 130px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#four_flash .flashBg{
	width: 1100px;
	height: 460px;
	position: relative;
	overflow: hidden;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
}
#four_flash .flashBg ul.mobile{
	width: 2000%;
	height: 400px;
	position: absolute;
	top: 15;
	left: 0;
	margin-top: 0px;
	padding: 0px;
}
#four_flash .flashBg ul.mobile li{
	float: left;
	width: 280px;
	height: 460px;
	color: #6C6E85;
	width: 361px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
#four_flash .flashBg .mobile li .k {
	padding: 0px;
	float: left;
	height: 220px;
	width: 355px;
	border: 3px solid #CCC;
	position: relative;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#four_flash .flashBg .mobile li .k img {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 220px;
	width: 355px;
}
#four_flash .flashBg .mobile li .k p {
	background-color: rgba(0, 0, 0, 0.7);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 40px;
	width: 361px;
	position: absolute;
	left: -3px;
	bottom: -3px;
	font-size: 14px;
	line-height: 40px;
	color: #FFF;
	text-align: center;
}
#four_flash .flashBg ul.mobile li:hover{color:#fff;}
#four_flash .but_left{
	width: 50px;
	height: 100px;
	position: absolute;
	top: 136px;
	left: -80px;
}
@media screen and (min-width: 320px) and (max-width: 1200px) {
#four_flash .but_left{
	width: 50px;
	height: 100px;
	position: absolute;
	top: 136px;
	left: 10px;
}
}
#four_flash .but_right{width:50px;height:100px; position:absolute; top:136px; right:-80px;}
@media screen and (min-width: 320px) and (max-width: 1200px) {
#four_flash .but_right{width:50px;height:100px; position:absolute; top:136px; right:0px;}
}
#four_flash .but_left:hover{background:url(../images/qianxleft1.png) no-repeat;}
#four_flash .but_right:hover{background:url(../images/qianxr1.png) no-repeat;}
#four_flash .flashBg ul.mobile li img{
	width: 235px;
	height: 180px;
	display: block;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#four_flash .flashBg ul.mobile li .dd{
	font-size: 12px;
	text-align: center;
	float: left;
	height: 25px;
	width: 200px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
	background-color: #04a29f;
	color: #FFF;
	line-height: 25px;
	border-radius: 10px;
	padding: 0px;
}
#four_flash .flashBg .mobile li .zzc {
	
}
#four_flash .flashBg .mobile li:hover .zzc {
	display:block;
	-webkit-transition:all 0.6s; 
    -moz-transition:all 0.6s; 
    -o-transition:all 0.6s;
	background-color: #04a29f;
	margin: 0px;
	padding: 0px;
	height: 340px;
	width: 250px;
	position: absolute;
	z-index: 100;
	left: 0px;
	top: 0px;
	filter:alpha(opacity=90); 
    -moz-opacity:0.9; 
    opacity:0.9;
	
}
#four_flash .flashBg .mobile li .zzc a {
	font-size: 14px;
	line-height: 30px;
	color: #fff;
	padding: 0px;
	float: left;
	height: 30px;
	width: 120px;
	border: 2px solid #FFF;
	margin-top: 150px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 65px;
	text-align: center;
	text-decoration: none;
}

.m5 {
	margin: auto;
	padding: 0px;
	height: 577px;
	width: 100%;
	clear: both;
	background-image: url(../images/about_m5_bg.jpg);
	background-position: center top;
	min-width:1100px;
}
.m5 .m5_c {
	margin: auto;
	padding: 0px;
	height: 577px;
	width: 1100px;
	clear: both;
}
.m5 .m5_c .t {
	height: 30px;
	width: 383px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


.m6 {
	margin: auto;
	padding: 0px;
	height: 577px;
	width: 1100px;
	clear: both;
	background-color: #FFF;
}

.m6 .t {
	height: 30px;
	width: 383px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
}
.m6 .c {
	font-size: 14px;
	line-height: 25px;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 130px;
	width: 1100px;
	color: #444444;
	/*text-align: center;*/
}
.m6 .js {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 300px;
	width: 1100px;
}
.m6 .js li {
	padding: 10px;
	float: left;
	height: 220px;
	width: 330px;
	border: 1px solid #CCC;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
.m6 .js li img {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 220px;
	width: 330px;
}