@charset "utf-8";

.m1 {
	margin: auto;
	padding: 0px;
	clear: both;
	height: 530px;
	width: 1210px;
}
.m1 .t {
	font-size: 24px;
	line-height: 60px;
	color: #383c3d;
	margin: 0px;
	float: left;
	height: 60px;
	width: 1210px;
	text-align: center;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}
.m1 ul {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 350px;
	width: 1210px;
}
.m1 ul li {
	padding: 0px;
	float: left;
	height: 350px;
	width: 19%;
          overflow: hidden;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1%;
	position: relative;
}
.m1 ul > li:first-child{ margin-left:0px;}
.m1 ul .cl_1 {
	background-color: #ededed;
}
.m1 ul .cl_1 a {
	color: #000;
	text-decoration: none;
}

.m1 ul .cl_1 .xian {
	padding: 0px;
	float: left;
	height: 30px;
	width: 90px;
	margin: 0 28%;

	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #2799d2;
}
.m1 ul .cl_1 strong {
	font-size: 16px;
	line-height: 50px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 50px;
	width: 100%;
	font-weight: blod;
}
.m1 ul .cl_1 span {
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	margin: 0px;
	height: 40px;
	width: 100%;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.m1 ul .cl_1 img {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 220px;

	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}


.m1 ul .cl_2 {
	background-color: #2799d2;
}
.m1 ul .cl_2 a {
	color: #fff;
	text-decoration: none;
}

.m1 ul .cl_2 .xian {
	padding: 0px;
	float: left;
	height: 30px;
	width: 90px;
	margin: 0 28%;

	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
}
.m1 ul .cl_2 strong {
	font-size: 15px;
	line-height: 50px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 50px;
	width: 100%;
	font-weight: normal;
}
.m1 ul .cl_2 span {
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	margin: 0px;
	height: 40px;
	width: 100%;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.m1 ul .cl_2 img {
	margin: 0px;
	float: left;
	height: 220px;

	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.m1 ul li .zzc {
	height: 350px;
	width: 100%;
	position: absolute;
	z-index: 100;
	display:none;
	background-color: #000;	
	filter:alpha(opacity=50); /*IE滤镜，透明度50%*/
    -moz-opacity:0.5; /*Firefox私有，透明度50%*/
    opacity:0.5;/*其他，透明度50%*/
	-webkit-transition:all 0.6s; 
    -moz-transition:all 0.6s; 
    -o-transition:all 0.6s;
}
.m2 {
	background-image: url(../images/index_m2_bg.jpg);
	margin: auto;
	padding: 0px;
	height: 483px;
	width: 100%;
	clear: both;
	background-position: center top;
	min-width:1100px;
}
.m2 .m2s {
	margin: auto;
	height: 480px;
	width: 1100px;
	padding: 0px;
}

.m2 .t {
	margin: 0px;
	float: left;
	height: 56px;
	width: 360px;
	padding-top: 50px;
	padding-right: 370px;
	padding-bottom: 0px;
	padding-left: 370px;
}
.m2 a {
	float: left;
	height: 45px;
	width: 153px;
	margin-top: 80px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 35px;
	padding-top: 108px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	font-size: 16px;
}
.m2 .n1{
	background-image: url(../images/index_m2_b1.png);
	margin-left:0px;
	text-decoration: none;
	-webkit-transition:all 0.6s; 
    -moz-transition:all 0.6s; 
    -o-transition:all 0.6s;
}
.m2 .n1:hover{
	background-image: url(../images/index_m2_b1.png);
	color: #00ffbf;
	text-decoration: none;
	background-position: 0px 153px;
	-webkit-transition:all 0.6s; 
    -moz-transition:all 0.6s; 
    -o-transition:all 0.6s;
}
.m2 .n2{
	background-image: url(../images/index_m2_b2.png);
	text-decoration: none;
	-webkit-transition:all 0.6s; 
    -moz-transition:all 0.6s; 
    -o-transition:all 0.6s;
}
.m2 .n2:hover{
	background-image: url(../images/index_m2_b2.png);
	color:#00ffbf;
	text-decoration: none;
	background-position: 0px 153px;
	-webkit-transition:all 0.6s; 
    -moz-transition:all 0.6s; 
    -o-transition:all 0.6s;
}
.m2 .n3{
	background-image: url(../images/index_m2_b3.png);
	text-decoration: none;
	-webkit-transition:all 0.6s; 
    -moz-transition:all 0.6s; 
    -o-transition:all 0.6s;
}
.m2 .n3:hover{
	background-image: url(../images/index_m2_b3.png);
	color:#00ffbf;
	text-decoration: none;
	background-position: 0px 153px;
	-webkit-transition:all 0.6s; 
    -moz-transition:all 0.6s; 
    -o-transition:all 0.6s;
}
.m2 .n4{
	background-image: url(../images/index_m2_b4.png);
	text-decoration: none;
	-webkit-transition:all 0.6s; 
    -moz-transition:all 0.6s; 
    -o-transition:all 0.6s;
}
.m2 .n4:hover{
	background-image: url(../images/index_m2_b4.png);
	color:#00ffbf;
	text-decoration: none;
	background-position: 0px 153px;
	-webkit-transition:all 0.6s; 
    -moz-transition:all 0.6s; 
    -o-transition:all 0.6s;
}
.m2 .n5{
	background-image: url(../images/index_m2_b5.png);
	text-decoration: none;
	-webkit-transition:all 0.6s; 
    -moz-transition:all 0.6s; 
    -o-transition:all 0.6s;
}
.m2 .n5:hover{
	background-image: url(../images/index_m2_b5.png);
	color:#00ffbf;
	text-decoration: none;
	background-position: 0px 153px;
	-webkit-transition:all 0.6s; 
    -moz-transition:all 0.6s; 
    -o-transition:all 0.6s;
}
.m2 .n6{
	background-image: url(../images/index_m2_b6.png);
	text-decoration: none;
	-webkit-transition:all 0.6s; 
    -moz-transition:all 0.6s; 
    -o-transition:all 0.6s;
}
.m2 .n6:hover{
	background-image: url(../images/index_m2_b6.png);
	color:#00ffbf;
	text-decoration: none;
	background-position: 0px 153px;
	-webkit-transition:all 0.6s; 
    -moz-transition:all 0.6s; 
    -o-transition:all 0.6s;
}
.m2 .m2s span {
	padding: 0px;
	float: left;
	height: 60px;
	width: 1100px;
	font-size: 14px;
	line-height: 25px;
	color: #FFF;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
	clear: both;
}

.m2 .m2s .lj {
	margin: 0px;
	float: left;
	height: 30px;
	width: 1100px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
}
.m2 .m2s .lj {
	font-size: 14px;
	line-height: 30px;
	color: #FFF;
	text-decoration: none;
	background-color: #3a3b3f;
	width: 130px;
	height: 30px;
	padding: 0px;
	float: left;
	border-radius:14px;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 485px;
	-webkit-transition:all 0.8s; 
    -moz-transition:all 0.8s; 
    -o-transition:all 0.8s;
	
}
.m2 .m2s .lj:hover {
	font-size: 14px;
	line-height: 30px;
	color: #FFF;
	text-decoration: none;
	background-color: #3a3b3f;
	width: 140px;
	height: 30px;
	padding: 0px;
	float: left;
	border-radius:14px;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 480px;
	-webkit-transition:all 0.8s; 
    -moz-transition:all 0.8s; 
    -o-transition:all 0.8s;
}



.m3 {
	background-color: #ebebeb;
	margin: auto;
	padding: 0px;
	height: 580px;
	width: 100%;
	min-width:1210px;
}
.m3 .m3s {
	margin: auto;
	padding: 0px;
	clear: both;
	height: 580px;
	width: 1210px;
}
.m3 .m3s .t {
	font-size: 24px;
	line-height: 50px;
	color: #333;
	text-align: center;
	float: left;
	height: 50px;
	width: 1210px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}
.m3 .m3s ul {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 240px;
	width: 1210px;
}
.m3 .m3s ul li {
	padding: 0px;
	float: left;
	height: 240px;
	width: 386px;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px; 
    -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .5);  
    -moz-box-shadow:0 0 10px rgba(0, 0, 0, .5);  
    box-shadow:0 0 10px rgba(0, 0, 0, .5);  
	-webkit-transition:all 0.5s; 
    -moz-transition:all 0.5s; 
    -o-transition:all 0.5s;
}
.m3 ul > li:first-child{ margin-left:0px;}
.m3 .m3s ul li:hover {
    -webkit-box-shadow:0 0 14px rgba(0, 0, 0, .8);  
    -moz-box-shadow:0 0 14px rgba(0, 0, 0, .8);  
    box-shadow:0 0 14px rgba(0, 0, 0, .8);  
	-webkit-transition:all 0.5s; 
    -moz-transition:all 0.5s; 
    -o-transition:all 0.5s;
}
.m3 .m3s ul li:hover strong{
	color:#2799d2;
}
.m3 .m3s ul li img {
	padding: 0px;
	float: left;
	height: 164px;
	width: 355px;
	margin-top: 14px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 14px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.m3 .m3s ul li strong {
	font-size: 18px;
	line-height: 40px;
	color: #666;
	text-decoration: none;
	margin: 0px;
	float: left;
	height: 40px;
	width: 100%;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: normal;
	text-align: center;
}
.m3 .m3s span {
	font-size: 14px;
	line-height: 25px;
	color: #6b6b6b;
	text-align: center;
	margin: 0px;
	float: left;
	width: 1210px;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.m3 .m3s .more {
	margin: 0px;
	float: left;
	height: 30px;
	width: 1210px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
}
.m3 .m3s .more a {
	font-size: 14px;
	line-height: 30px;
	color: #FFF;
	text-decoration: none;
	background-color: #3a3b3f;
	width: 130px;
	height: 30px;
	padding: 0px;
	float: left;
	border-radius:14px;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 540px;
	-webkit-transition:all 0.8s; 
    -moz-transition:all 0.8s; 
    -o-transition:all 0.8s;
	
}
.m3 .m3s .more a:hover {
	font-size: 14px;
	line-height: 30px;
	color: #FFF;
	text-decoration: none;
	background-color: #3a3b3f;
	width: 150px;
	height: 30px;
	padding: 0px;
	float: left;
	border-radius:14px;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 475px;
	-webkit-transition:all 0.8s; 
    -moz-transition:all 0.8s; 
    -o-transition:all 0.8s;
}
.m4 {
	margin: 0px;
	padding: 0px;
	height: 524px;
	width: 100%;
	min-width:1210px;
	background-image: url(../images/index_m4_bg.jpg);
	clear: both;
}
.m4 .m4s {
	margin: auto;
	padding: 0px;
	width: 1210px;
	height: 524px;
	clear: both;
}
.m4 .m4s .t {
	font-size: 24px;
	line-height: 40px;
	margin: 0px;
	float: left;
	height: 40px;
	width: 1210px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	color: #FFF;
	text-align: center;
}
.m4 .m4s .l {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 350px;
	width: 590px;
}

.m4 .m4s .l .ns_s {
	padding: 0px;
	float: left;
	height: 165px;
	width: 590px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.m4 .m4s .l .ns_s a {
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 165px;
	width: 550px;
}
.m4 .m4s .l .ns_s a .tp {
	padding: 0px;
	float: left;
	height: 143px;
	width: 194px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.m4 .m4s .l .ns_s a .dian {
	display: none;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 7px;
	width: 7px;
}
.m4 .m4s .l .ns_s a strong {
	font-size: 15px;
	line-height: 50px;
	color: #333;
	padding: 0px;
	float: left;
	height: 50px;
	width: 320px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	text-decoration: none;
	font-weight: normal;
}
.m4 .m4s .l .ns_s a span {
	font-size: 12px;
	line-height: 20px;
	color: #717171;
	padding: 0px;
	float: left;
	height: 60px;
	width: 320px;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	text-decoration: none;
}
.m4 .m4s .l .ns_s a p {
	font-size: 14px;
	line-height: 50px;
	color: #999;
	padding: 0px;
	float: left;
	height: 50px;
	width: 320px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	text-decoration: none;
}
.m4 .m4s .l .ns_s .nn {
	font-size: 18px;
	line-height: 57px;
	color: #FFF;
	background-color: #3a3b3f;
	padding: 0px;
	float: left;
	height: 57px;
	width: 30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	text-align: center;
	font-weight: bold;
}
.m4 .m4s .l .ns_d {
	padding: 0px;
	float: left;
	height: 57px;
	width: 590px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.m4 .m4s .l .ns_d a {
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 57px;
	width: 550px;
}
.m4 .m4s .l .ns_d a .tp {
	display:none;
}
.m4 .m4s .l .ns_d a .dian {
	padding: 0px;
	float: left;
	height: 7px;
	width: 7px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.m4 .m4s .l .ns_d a strong {
	font-size: 14px;
	line-height: 57px;
	color: #333;
	padding: 0px;
	float: left;
	height: 57px;
	width: 435px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	text-decoration: none;
	font-weight: normal;
}
.m4 .m4s .l .ns_d a span {
	display:none;
}
.m4 .m4s .l .ns_d a p {
	font-size: 14px;
	line-height: 57px;
	color: #999;
	padding: 0px;
	float: left;
	height: 57px;
	width: 85px;
	text-decoration: none;
	margin: 0px;
}
.m4 .m4s .l .ns_d .nn {
	font-size: 18px;
	line-height: 57px;
	color: #333;
	background-color: #fff;
	padding: 0px;
	float: left;
	height: 57px;
	width: 30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	text-align: center;
	font-weight: bold;
	cursor:pointer;
}
.m4 .m4s .l .ns_d .nn:hover {
	background-color:#3a3b3f;
	color:#FFF;
}
.m4 .m4s .l a:hover strong {
	color:#39a3d7;
}
.m4 .m4s .r {
	background-color: #FFF;
	padding: 0px;
	float: right;
	height: 370px;
	width: 476px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}