body{background: #FFFFFF;}

.gg1{margin-bottom: 10px;}
.gg1 img{display: block; width: 100%;}
.m1{height: 134px; background: #f5f5f5; margin-top: 20px; padding-top: 34px; position: relative;}
.m1 h3{text-align: center; font-size: 42px; font-weight: bold; color: #333333; line-height: 42px;}
.m1 h3 a{color: #333333;}
.m1xiao{text-align: center; padding-top: 5px;}
.m1xiao a:nth-child(1){display: none;}
.gengduo{position: absolute; right: 0; top: 0; width: 36px; background: #e7e6e5; height: 100%;}
.gengduo a{color: #333333; padding-left: 9px; display: block; padding-top: 35px;}
.m2{height: 486px; margin-top: 24px;}
		/* 本例子css */
		.slideBox{ width:50%; height:486px; overflow:hidden; position:relative; float: left;}
		.slideBox .hd{ height:40px; width: 100%; overflow:hidden; position:absolute; left:0px; top:0px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1;}
		.slideBox .hd ul li{ float:left; width: 16.666%; height:40px; display: block; line-height: 40px; font-size: 16px; text-align:center; background:rgba(255,255,255,0.8); cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .hd ul li.on a{color: #fff}
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd span{ width:100%; height:414px; display:block; background-size: cover; }
		.slideBox .bd h3{font-size: 26px; color: #333333; line-height: 72px;}
.m2r{float: right; width: 50%;}
.m2r li{padding-left: 30px; line-height: 33px;}
.m2r li a{color: #333333;}
.m2r li:nth-child(4n+1){font-size: 22px; font-weight: bold; line-height: 50px; padding-top: 10px;}
.m3{height: 42px; background: url(../img/t1.jpg) left no-repeat #f3f4f3;}
.t1{ width: 150px; height: 42px; float: left; line-height: 42px; color: #FFFFFF; font-size: 25px; padding-left: 33px;}
.m3con ul{float: left;}
.m3con ul li{line-height: 42px; padding-left: 50px;}
.m4{margin-top: 10px;}
.t2{height: 66px; line-height: 66px; background: url(../img/t2.jpg) left;}
.t2 span{ font-size: 38px; padding-left: 8px;}
.t2 a{float: right; font-size: 25px; color: #444545; padding-top: 8px;}
.m4con{height: 210px; width: 100%; padding-top: 13px; overflow: hidden;}
.m4con ul li{width: 275px; text-align: center; float: left; margin: 0px 5px;}
.m4con ul li img{ display: block; width: 259px; height: 155px; padding: 5px; border: 2px solid #dcdcdc;}
.m5 img{display: block;}
.t3{height: 60px; padding-top: 4px; background: url(../img/t3.jpg) bottom left no-repeat;}
.t3 span{font-size: 30px; }
.m6l{width: 33.333%; float: left;}
.m6l_w{width: calc(100% - 26px);}
.t4{height: 65px; background: url(../img/t4.jpg) left no-repeat; line-height: 65px; color: #3d3d3d; font-size: 25px; padding-left: 15px;}
.t5{height: 65px; line-height: 65px; color: #3d3d3d; font-size: 25px;}
.t5 span{border-bottom: 3px solid #0070af; display: block; height: 52px; float: left;}
.m6r{width: 66.666%; float: right;}
.m6r_l{width: calc(50% - 26px);float: left; margin-left: 13px; }
.m6r_r{width: calc(50% - 26px); float: right;}
.xw1con ul li{line-height: 40px; font-size: 16px; margin-bottom: 5px;}
.xw1con ul li:nth-child(6n+1){font-weight: bold; margin-top: 10px}
.m6r_con{clear: both; padding-left: 13px;}
.m6r_c img{float: left;width: calc(50% - 26px); padding-right: 13px;}
.m6r_c ul{float: left; padding-top: 20px; width: 50%;}
.m6r_c ul li{line-height: 40px; font-size: 16px; margin-bottom: 5px;}
.m6r_c ul li:nth-child(1){font-weight: bold;}
.loupan{margin-top: 40px; clear: both;}
.t6 span{font-size: 22px; font-weight: bold;}
.t6 a{float: right;}
.loupancon {}
.loupancon ul li{width: 15%; float: left; margin: 0px 0.8%;}
.loupancon ul li img{width:100%;}
.loupancon ul li .jg{color: #ca1839;display: block; font-weight: bold; line-height: 20px;}
.loupancon ul li .mc{display: block; color: #243b65; font-weight: bold; line-height: 20px;}
.m7con{padding-top: 10px; padding-bottom: 10px;}
.m7con ul{width: 100%; padding: 0; margin: 0;}
.m7con ul li{ margin: 0; float: left; color: #5a5166; font-weight: bold; height: 80px; width: calc(12.5%);text-align: center;
    display: table; background: #ffffff; padding: 0px; line-height: 30px;  font-size: 20px;
    vertical-align: middle;}
	.m7con ul:nth-child(1) li:nth-child(2){width: 25%;}
	.m7con ul:nth-child(1) li:nth-child(5){width: 25%;}
	.m7con ul li a{border: 5px solid #FFFFFF;}
	.m7con ul li img{ display: inline-block; margin: auto; max-height: 70px; width: auto!important; }
	.m7con ul li img{display: none;}
	.m7con ul li:hover span{display: none;}
	.m7con ul li:hover img{display: block;}
.m7con ul li a{
    color: #666;  background: #f5f5f5;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;}
	.m7con ul:nth-child(2) li:nth-child(1){float: right; height: 160px; width: 37.5%;}
	.m7con ul:nth-child(2) li:nth-child(4){width: 25%;}
	.m7con ul:nth-child(2) li:nth-child(6){width: 25%;}
	.m7con ul:nth-child(2) li:nth-child(8){width: 25%;}
.m7con ul:nth-child(3){float: right; width: 37.5%;}
.m7con ul:nth-child(3) li{width: 100%; height: 160px;}

/* 手机 */
@media (max-width:768px){
	
	.m1{height: 100px; background: #f5f5f5; margin-top: 20px; clear: both; padding-top: 24px; position: relative; padding-left: 15px; padding-right: 15px;}
	.m1 h3{text-align: center; font-size: 24px; font-weight: bold; color: #333333; line-height: 24px; width: 100%;}
	.m2{height: auto; margin-top: 24px;}
			/* 本例子css */
			.slideBox{ width:100%; height:286px; overflow:hidden; position:relative; float: none;}
			.slideBox .hd{ height:40px; overflow:hidden; position:absolute; right:5px; bottom:80px; z-index:1; }
			
			.slideBox .hd ul{ overflow:hidden; zoom:1;}
		.slideBox .hd ul li{ float:left; width: 16.666%; height:40px; display: block; line-height: 40px; font-size: 16px; text-align:center; background:rgba(255,255,255,0.8); cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .hd ul li.on a{color: #fff}
			.slideBox .bd{ position:relative; height:100%; z-index:0;   }
			.slideBox .bd li{ zoom:1; vertical-align:middle; }
			.slideBox .bd span{ width:100%; height:214px; display:block; background-size: cover; }
			.slideBox .bd h3{font-size: 26px; color: #333333; line-height: 72px; padding-left: 15px;}
	.m2r{float: none; width: 100%; padding-bottom: 20px;}	
	.m2r li{padding-left: 15px; padding-right: 15px; line-height: 33px;}
	.m3con ul li{line-height: 42px; padding-left: 10px;}
	.m6{padding-left: 15px; padding-right: 15px;}
	.m6l{width: 100%; float: none;}
	.m6r_l{width: 100%; margin-left: 0px; }
	.m6l_w {width: 100%;}
	.m6r_r{width: 100%; float: none;}
	.m6r{width: 100%; float: right;}
	.m6r_l{width: 100%;float: left; margin-left: 0px; }
	.m6r_r{width: 100%; float: right;}
	.m6r_con{clear: both; padding-left: 0px;}
	.m6r_c img{float: none;width: 100%; padding-right: 0px;}
	.m6r_c ul{float: none; padding-top: 20px; width: 100%;}

	.m7con{padding-top: 10px; padding-bottom: 10px;}
.m7con ul{width: 100%; padding: 0; margin: 0;}
.m7con ul li{ margin: 0; float: left; color: #5a5166; font-weight: bold; height: 80px; width: 33.333%;text-align: center;
    display: table; background: #ffffff; padding: 0px; line-height: 30px;  font-size: 20px;
    vertical-align: middle;}
	.m7con ul:nth-child(1) li:nth-child(2){width: 33.333%;}
	.m7con ul:nth-child(1) li:nth-child(5){width: 33.333%;}
	.m7con ul li a{border: 5px solid #FFFFFF;}
	.m7con ul li img{ display: inline-block; margin: auto; max-height: 70px; width: auto!important; }
	.m7con ul li img{display: none;}
	.m7con ul li:hover span{display: none;}
	.m7con ul li:hover img{display: block;}
.m7con ul li a{
    color: #666;  background: #f5f5f5;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;}
	.m7con ul:nth-child(2) li:nth-child(1){float: right; height: 160px; width: 50%;}
	.m7con ul:nth-child(2) li:nth-child(2){float: left; height: 160px; width: 50%;}
	.m7con ul:nth-child(2) li:nth-child(4){width: 33.333%;}
	.m7con ul:nth-child(2) li:nth-child(6){width: 33.333%;}
	.m7con ul:nth-child(2) li:nth-child(8){width: 33.333%;}
.m7con ul:nth-child(3){float: right; width: 37.5%;}
.m7con ul:nth-child(3) li{width: 100%; height: 160px;}
}