﻿ /*初始化类*/
 
 @charset "UTF-8";
 html {
 	font-family: sans-serif;
 	-moz-osx-font-smoothing: grayscale;
 	-webkit-font-smoothing: antialiased;
 	text-rendering: optimizeLegibility;
 }
 
 html,
 body {
 	-webkit-touch-callout: none;
 	width: 100%;
 	font-family: "微软雅黑";
 	position: relative;
 	background: #fff;
 }
 
 body {
 	line-height: 1.5;
 	font-size: 16px;
 	color: #000;
 	outline: 0;
 }
 
 html,
 body,
 header,
 section,
 footer,
 div,
 ul,
 ol,
 li,
 img,
 a,
 span,
 em,
 del,
 legend,
 center,
 strong,
 var,
 fieldset,
 form,
 label,
 dl,
 dt,
 dd,
 cite,
 input,
 hr,
 time,
 mark,
 code,
 figcaption,
 figure,
 textarea,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p {
 	margin: 0;
 	border: 0;
 	padding: 0;
 	font-style: normal;
 }
 
 ul,
 li {
 	list-style: none;
 }
 
 b,
 strong {
 	font-weight: 700;
 }
 
 pre {
 	overflow: auto;
 }
 
 img {
 	border: none;
 	vertical-align: middle;
 	max-width: 100%;
 }
 
 p {
 	margin-top: 0;
 	margin-bottom: 0;
	font-size: 16px;
	text-indent:2em;
 }
 
 a {
 	text-decoration: none;
 	color: #333;
 	-webkit-transition: all .3s ease-in-out;
 	transition: all .3s ease-in-out;
 }
 
 a:hover {
 	outline: 0;
 }
 
 textarea {
 	overflow: hidden;
 	resize: none;
 }
 
 button {
 	overflow: visible;
 }
 
 button,
 select {
 	text-transform: none;
 }
 
 button,
 input,
 optgroup,
 select,
 textarea {
 	margin: 0;
 	font: inherit;
 	color: inherit;
 }
 
 hr {
 	height: 0;
 	-webkit-box-sizing: content-box;
 	-moz-box-sizing: content-box;
 	box-sizing: content-box;
 }
 
 pre {
 	overflow: auto;
 }
 
 .cle:after {
 	visibility: hidden;
 	display: block;
 	font-size: 0;
 	content: " ";
 	clear: both;
 	height: 0
 }
 
 .cle {
 	zoom: 1
 }
 
 .fl,
 .fr {
 	display: inline
 }
 
 .fl { float: left ;  }



 
 .fr {
 	float: right
 }
 
 .txtov {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap
 }
 
 input,
 textarea,
 select,
 button {
 	outline: none;
 	vertical-align: middle;
 	font-size: inherit;
 	font-family: inherit;
 }
 
 textarea {
 	resize: none;
 	overflow-y: auto;
 }
 
 input[type="submit"],
 input[type="reset"],
 input[type="button"],
 button {
 	cursor: pointer;
 	-webkit-appearance: none;
 }
 
 hr {
 	height: 0;
 	border-width: 1px 0 0 0;
 	border-style: solid;
 	margin: 0;
 	color: #ddd;
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
 	font-weight: normal;
 	margin: 0;
 }
 
 ul,
 ol,
 li {
 	list-style: none;
 	-webkit-padding-start: 0
 }
 
 dt,
 dd {
 	padding: 0;
 	margin: 0;
 	list-style: none;
 }
 
 html {
 	width: 100%;
 	margin: 0px auto;
 }
 
 body {
 	margin: 0px auto;
 }
 
 .h_normal {
 	font-weight: normal;
 }
 
 .w {
    width: 1400px;
 	margin: 0px auto;
 	clear: both;

 }
 
 .ww {
 	background: #242424;
 }
 
 input {
 	outline: medium;
 }
 /*阑珊*/
 
 .span12 {
 	width: 100%;
 }
 
 .span11 {
 	width: 91.66666667%;
 }
 
 .span10 {
 	width: 83.33333333%;
 }
 
 .span9 {
 	width: 75%;
 }
 
 .span8 {
 	width: 66.66666667%;
 }
 
 .span7 {
 	width: 58.33333333%;
 }
 
 .span6 {
 	width: 50%;
 }
 
 .span5 {
 	width: 41.66666667%;
 }
 
 .span4 {
 	width: 33.33333333%;
 }
 
 .span3 {
 	width: 25%;
 }
 
 .span2 {
 	width: 16.66666667%;
 }
 
 .span1 {
 	width: 8.33333333%;
 }
 
 .span1,
 .span2,
 .span3,
 .span4,
 .span5,
 .span6,
 .span7,
 .span8,
 .span9,
 .span10,
 .span11,
 .span12 {
 	display: block;
 	margin: 0px auto;
 }
 
 .img_box {
 	overflow: hidden;
 }
 
 .img_box img {
 	width: 100%;
 	-webkit-transition: all .3s ease-in-out;
 	transition: all .3s ease-in-out;
 }
 
 .img_box:hover img {
 	-webkit-transform: scale(1.2, 1.2);
 	-ms-transform: scale(1.2, 1.2);
 	transform: scale(1.2, 1.2);
 }

.copy a { color:#ffffff;}
 .head {
 	background: #f0f0e6;
 }
 
 .head .zaizheli {
 	position: relative;
 }
  .head .zaizheli .logo{
    float: left; margin: 30px 0 30px 110px;
 }
 .head ul li .li_a {
 	padding: 25px 20px;
 	display: block;
 	color: #000000;
 	font-size: .9rem;
 	position: relative;
margin-top: 30px ;
 }
 

 .head ul li:hover .li_a {
 	background: #e70012;
 }
 
 .head ul li .li_a i {
 	position: absolute;
 	left: 50%;
 	top: 10px;
 	width: 30px;
 	height: 2px;
 	background: #fff;
 	-webkit-transition: all .3s ease-in-out;
 	transition: all .3s ease-in-out;
 	opacity: 0;
 	margin-left: -15px;
 }
 
 .head ul li .li_a::before {
 	width: auto;
 	height: auto;
 	content: '';
 	position: absolute;
 	z-index: 9999;
 	left: 50%;
 	margin-left: -10px;
 	bottom: -13px;
 	border-left: 10px solid transparent;
 	-webkit-transition: all .5s ease-in-out;
 	transition: all .5s ease-in-out;
 	opacity: 0;
 	border-right: 10px solid transparent;
 }
 
 .head ul li:hover .li_a i {
 	opacity: 1;
 	top: 20px;
 }
 
 .head ul li:hover .li_a::before {
 	opacity: 1;
 }
 
 .head .yuyan {
 	padding: 30px 20px;
 	display: block;
 	color: #fff;
 	font-size: .9rem;
 	position: relative;
 }
 
 .head .yuyan .liebiao {
 	position: absolute;
 	left: 0px;
 	padding-left: 20px;
 	z-index: 99;
 	top: 82px;
 	display: none;
 }
 
 .head .yuyan .liebiao .li {
 	background: rgba(206, 225, 235, 0.9);
 	padding: 10px;
 	padding-left: 20px;
 }
 
 .head .yuyan .liebiao .li a {
 	color: #fff;
 }
 
 .head .yuyan .liebiao .li a:hover {
 	color: #e70012;
 }
 
 .head .yuyan .show {
 	background: url(/images/img2.jpg) left center no-repeat;
 	padding-left: 20px;
 	cursor: pointer;
 }
 
 .head ul li .zzzz {
 	position: fixed;
 	width: 100%;
 	height: 70px;
 	background: rgba(206, 225, 235, 0.8);
 	z-index: 99;
 	left: 0px;
 	display: none;
 }
 
 .head ul li dl {
 	position: absolute;
 	width: 100%;
 	text-align: center;
 	left: 0px;
 	left: 0px;
 	display: none;
 	z-index: 999;
 	padding-top: 22px;
 }
 
 .head ul li dl dd {
 	display: inline-block;
 	padding: 0px 25px;
 	position: relative;
 }
 
 .head ul li dl dd a {
 	color: #333333;
 	font-size: 1rem;
 }
 
 .head ul li dl dd a:hover {
 	color: #e70012;
 }
 
 .head ul li dl dd::before {
 	content: '';
 	height: 15px;
 	width: 1px;
 	top: 5px;
 	right: 0px;
 	position: absolute;
 	background: #999999;
 }
 
 .head ul li dl dd:last-child::before {
 	display: none;
 }
 
 .head ul li:hover .zzzz,
 .head ul li:hover dl {
 	display: block;
 }
 

 .banner{margin: 0 auto; }
 .banner img{width:100%;}


 .common_t {width: 1400px; margin: 0 auto ;  padding: 20px 0;}
 .common_t .t1{text-align: center;font-size:22px;font-weight: bold;}
 .common_t .t1 span{ padding-left:15px; font-size:16px;}
 .common_t p{background:url(/images/zyy1.png) no-repeat ; padding-left:35px; }
 
 .c_dect {color: #666666;text-indent: 2em;font-size: 16px;margin: 20px 0;}
 .c_dect span{color: #ff0000; font-weight: bold;}
 .c_dect .tp{text-align: center; }
 
 .m1 {
 	padding-top: 50px;
 }
 
 .m1 ul {
 	margin-top: 40px;
 }
 
 .m1 ul li {width:233px;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;border-radius: 5px;}
 
 .m1 ul li .box {
 	padding: 40px 30px;
 }
 
 .m1 ul li .box .img {
 	height: 95px;
 	position: relative;
 	margin: 0px auto;
 }
 
 .m1 ul li .box .img span {
 	position: absolute;
 	width: 100%;
 	height: 100%;
 	left: 0px;
 	top: 0px;
 }
 
 .m1 ul li .box .t1 {
 	text-align: center;
 	color: #333333;
 	font-weight: bold;
 	font-size: 1.2rem;
 	margin-top: 10px;
 	margin-bottom: 20px;
 }
 
 .m1 ul li .box .dect {
 	color: #666666;
 	font-size: .9rem;
 	text-align: center;
 }
 
 .m1 ul li:hover {
 	box-shadow: 0 2px 30px rgba(0, 0, 0, 0.2);
 	transform: translate3d(0, -5px, 0);
 	-webkit-transform: translate3d(0, -5px, 0);
 }
 
 .m1 ul li:hover .img {
 	background: #e70012;
 }
 
 .m2 {
 	background: url(/images/img4.jpg) repeat;
 	padding: 50px 0;
 }
 
 .m2 ul {
 	margin-top: 40px;
 }
 
 .m2 ul li {
 	width: 23.5%;
 	background: #fff;
 	margin-right: 2%;
 	box-shadow: 0 2px 30px rgba(0, 0, 0, 0.2);
 }
 
 .m2 ul li .box {
 	padding: 20px 15px;
 }
 
 .m2 ul li .box .t {
 	color: #333333;
 	font-size: 1.3rem;
 	font-weight: bold;
 	padding-bottom: 10px;
 	position: relative;
 }
 
 .m2 ul li .box .t::before {
 	content: '';
 	position: absolute;
 	width: 30px;
 	height: 3px;
 	background: #666666;
 	bottom: 0px;
 }
 
 .m2 ul li .box .dect {
 	color: #666666;
 	font-size: .9rem;
 	padding: 10px 0;
 	height: 65px;
 	overflow: hidden;
 	padding-top: 15px;
 }
 
 .m2 ul li .box .hr span {
 	color: #999999;
 	font-size: .8rem;
 }
 
 .m2 ul li:hover .box .hr span {
 	color: #e70012;
 }
 
 .m2 ul li:hover .box .t::before {
 	background: #e70012;
 }
 
 .m2 ul li:hover .box .t {
 	color: #e70012;
 }
 
 .m2 ul li:last-child {
 	margin-right: 0px;
 }
 
 .m3 {
 	background: url(/images/img6.jpg) center no-repeat;
 	background-size: cover;
 	padding: 50px 0;
 }
 
 .common_t_2 .t1,
 .common_t_2 .t1::before,
 .common_t_2 .t2,
 .c_dect_2 {
 	color: #fff;
 }
 
 .common_t_2 .t2 {
 	border-bottom: 1px solid #fff;
 }
 
 .common_t_2 .t1::before {
 	background: #fff;
 }
 
 .m3 ul {
 	position: relative;
 	height: 400px;
 	overflow: hidden;
 	margin-top: 30px;
 }
 
 .m3 ul li {
 	position: absolute;
 	border: 4px solid #74bed7;
 }
 
 .m3 ul .i1 {
 	left: 0px;
 }
 
 .m3 ul .i2 {
 	bottom: 0px;
 	left: 220px;
 }
 
 .m3 ul .i3 {
 	left: 600px;
 	bottom: 0px;
 }
 
 .m3 ul .i4 {
 	right: 30px;
 }
 
 .m3 ul .i5 {
 	right: 180px;
 	top: 140px;
 	z-index: 9;
 }
 
 .m3 ul .i6 {
 	right: 0px;
 	bottom: 0px;
 }
 
 .m4 {
 	padding: 50px 0;
 }
 
 .m4 .c {
 	position: relative;padding-top: 20px;
 }
 
 .m4 .c .text {
 	position: absolute;
 	right: 0px;
 	top: 130px;
 	width: 520px;
 }
 
 .m4 .c .text ul li {
 	color: #666666;
 	font-size: 1rem;
 	border-bottom: 1px solid #e1e1e1;
 	padding-bottom: 10px;
 	margin-bottom: 10px;
 	position: relative;
 	padding-left: 25px;
 }
 
 .m4 .c .text ul li:last-child {
 	border-bottom: 0px none;
 }
 
 .m4 .c .text ul li i {
 	position: absolute;
 	left: 0px;
 	width: 15px;
 	top: 3px;
 	height: 15px;
 	border: 1px solid #e70012;
 	background: #fff;
 	border-radius: 50%;
 }
 
 .m4 .c .text ul li i::before {
 	width: 5px;
 	height: 5px;
 	content: '';
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	margin-left: -2.5px;
 	margin-top: -2.5px;
 	background: #e70012;
 	border-radius: 50%;
 }
 
 .m5 {
 	background: url(/images/img4.jpg) repeat;
 	padding: 50px 0 20px 0;
 }
 
 .m5 .dome {
 	margin-top: 40px;
 }
 
 .m5 .dome .list {
 	width: 30%;
 	margin-right: 2%;
 }
 
 .m5 .dome .list .text_box {
 	background: #fff;
 	padding: 20px 12px 20px;
 	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
 }
 
 .m5 .dome .list .text_box .tit {
 	color: #333333;
 	font-weight: bold;
 	font-size: 1.2rem;
 }
 
 .m5 .dome .list .text_box .dect {
 	color: #999999;
 	height: 48px;
 	padding: 12px 0;
 	font-size: 1rem;
 	border-bottom: 1px solid #e9e9e9;
 	margin-bottom: 10px;
 }
 
 .m5 .dome .list .text_box .info {
 	color: #999999;
 	font-size: .8rem;
 }
 
 .m5 .dome .list:hover .tit {
 	color: #EC000B;
 }
 
 .m5 .dome .list_ul {
 	width: 34%;
 }
 
 .m5 .dome .list_ul li {
 	background: #fff;
 	padding-left: 105px;
 	position: relative;
 	margin-bottom: 20px;
 }
 
 .m5 .dome .list_ul li .time {
 	width: 100px;
 	padding: 10px 0 10px;
 	background: #999999;
 	color: #ffffff;
 	position: absolute;
 	left: 0px;
 	top: 0px;
 	line-height: 30px;
 	text-align: center;
 }
 
 .m5 .dome .list_ul li .time .d {
 	font-size: 2.2rem;
 }
 
 .m5 .dome .list_ul li .time .m {
 	font-size: .8rem;
 }
 
 .m5 .dome .list_ul li .text {
 	padding: 10px;
 }
 
 .m5 .dome .list_ul li .text .t {
 	font-weight: bold;
 	font-size: 1.1rem;
 	margin-bottom: 5px;
 }
 
 .m5 .dome .list_ul li .text .t1 {
 	color: #999999;
 	margin-top: 10px;
 }
 
 .link {
 	background: #ffffff;
 	padding: 15px 0  35px 0;
 }
 
 .link a {
 	color: #666666;
 	font-size: .9rem;
 	margin: 0px 10px;
 	display: inline-block;
 	margin-top: 10px;
 	margin-bottom: 11px;
 }
 
 .link img {
 	margin-right: 12px;
 }
 
 .link .liebiao a:hover {
 	text-decoration: underline;
 }
 
 .footer {
 	background: #333333;
 	padding: 40px 0px 30px;
 }
 
 .footer .logo {
 	margin: 20px 120px 0 20px;
 }
 
 .footer .list {
 	border-left: 1px solid #4d4d4d;
 	border-right: 1px solid #4d4d4d;
 	padding: 0px 50px;
 	height: 150px;
 }
 
 .footer .list ul li {
 	margin-bottom: 15px;
 }
 
 .footer .list ul li a {
 	color: #ffffff;
 	font-size: 1rem;
 }
 
 .footer .list ul li a:hover {
 	text-decoration: underline;
 }
 

 .footer .info {
 	color: #fff;
 	padding-top:20px;
 }
 
 .footer .info li {
 	padding-left: 30px;
 	font-size: .9rem;
 	margin-bottom: 12px;
 }
 
 .footer .info .dome {
 	position: relative;
 }
 
 .footer .info .dome .img {
 	position: absolute;
 	right: 0px;
 	top: 0px;
 	color: #fff;
 	text-align: center;
 }
 
.ct-wechat{background:url(/images/wechat.png) no-repeat;width:22px;height:18px;display:inline-block;vertical-align:middle;margin-right:4px;margin-top:-3px}

 .copy {
 	border-top: 1px solid #484848;
 	background: #3b3b3b;
 	padding: 20px 0px 10px;
 	text-align: center;
 	color: #ffffff;
 	font-size: .9rem;
 }
 
 .copy_1 {
 	text-align: center;
 	background: #3b3b3b;
 	padding-bottom: 15px;
 }
 
 .copy_1 a {
 	display: inline-block;
 	margin: 0px 10px;
 }
 
 .m1_phone {
 	position: relative;
 	display: none;
 }
 
 .m1_phone ul li {
 	width: 100%;
 	float: none;
 	margin: 0px auto;
 }
 
 .m1_phone .swiper-pagination-bullets {
 	bottom: 20px;
 }
 
 .m1_phone .swiper-pagination-bullet {
 	opacity: 1;
 	background: none;
 }
 
 .m1_phone .swiper-pagination-bullet {
 	width: 10px;
 	height: 10px;
 	background: #c5c5c5;
 }
 
 .m1_phone .swiper-pagination-bullet-active {
 	width: 10px;
 	background: #e70012;
 	height: 10px;
 }
 
 .m1_phone .swiper-pagination-bullets {
 	width: auto;
 	display: block;
 	margin: 0px auto;
 	left: 50%;
 	transform: translate(-50%, -50%);
 	/* 使用css3的transform来实现 */
 	background: #f0f0f0;
 	padding: 1px 15px;
 	border-radius: 15px;
 	bottom: 0px;
 }
 
 .m2_phone {
 	position: relative;
 	display: none;
 }
 
 .m2_phone ul li {
 	width: 100%;
 	float: none;
 	margin: 0px auto;
 }
 
 .m2_phone .swiper-pagination-bullets {
 	bottom: 20px;
 }
 
 .m2_phone .swiper-pagination-bullet {
 	opacity: 1;
 	background: none;
 }
 
 .m2_phone .swiper-pagination-bullet {
 	width: 10px;
 	height: 10px;
 	background: #c5c5c5;
 }
 
 .m2_phone .swiper-pagination-bullet-active {
 	width: 10px;
 	background: #e70012;
 	height: 10px;
 }
 
 .m2_phone .swiper-pagination-bullets {
 	width: auto;
 	display: block;
 	margin: 0px auto;
 	left: 50%;
 	transform: translate(-50%, -50%);
 	/* 使用css3的transform来实现 */
 	background: #f0f0f0;
 	padding: 1px 15px;
 	border-radius: 15px;
 	bottom: 0px;
 }
 
 .m2_phone ul li .box .dect {
 	height: 125px;
 }
 
 .footere_caoceng {
 	height: 100px;
 }
 
 .footer_tab {
 	background: #006699;
 	position: fixed;
 	width: 100%;
 	display: none;
 	bottom: 0px;
 	z-index: 999;
 }
 
 .footer_tab li {
 	width: 25%;
 }
 
 .footer_tab a {
 	padding: 15px 0;
 	width: 100%;
 	display: inline-block;
 	border-right: 1px solid #1a76a3;
 	text-align: center;
 	color: #fff;
 	font-weight: bold;
 	font-size: 1rem;
 }
 
 .footer_tab a .img {
 	height: 35px;
 	display: block;
 	margin-bottom: 10px;
 }
 
 .footer_tab li:last-child a {
 	border-right: 0px none;
 }
 
 .footer_tab .on a {
 	background: #1a76a3;
 }
 
 .footere_caoceng {
 	display: none;
 }
 
 .m6 {
 	padding: 80px 0;
 }
 
 .m6 .fun_box {
 	margin-top: 40px;
 	position: relative;
 	overflow: hidden;
 }
 
 .m6 .fun_box .box_list .vid_box {
 	padding: 25px 0px 25px 35px;
 	background: url(/images/img44.jpg) left center no-repeat;
 }
 
 .m6 .fun_box .box_list .text_info {
 	width: 590px;
 	margin-top: 30px;
 }
 
 .m6 .fun_box .box_list .text_info .t {
 	color: #333333;
 	font-size: 1.2rem;
 	padding-bottom: 15px;
 	position: relative;
 }
 
 .m6 .fun_box .box_list .text_info .t::before {
 	content: '';
 	width: 60px;
 	height: 2px;
 	background: #999999;
 	left: 0px;
 	bottom: 0px;
 	position: absolute;
 }
 
 .m6 .fun_box .box_list .text_info .dect {
 	color: #666666;
 	font-size: .8rem;
 	margin-top: 25px;
 	line-height: 26px;
 }
 
 .m6 .list_anniu {
 	position: absolute;
 	right: 0px;
 	bottom: 30px;
 	z-index: 999;
 }
 
 .m6 .list_anniu span {
 	display: inline-block;
 	width: 50px;
 	height: 40px;
 	border: 1px solid #cccccc;
 	text-align: center;
 	line-height: 40px;
 	color: #cccccc;
 	cursor: pointer;
 	margin-left: -1px;
 	overflow: hidden;
 }
 
 .m6 .list_anniu span:hover {
 	background: #cccccc;
 	color: #fff;
 }
 
 .m7 {
 	background: url(/images/img4.jpg) repeat;
 	padding: 60px 0 100px;
 	position: relative;
 }
 
 .m7 .fun_box {
 	margin-top: 40px;
 	overflow: hidden;
 }
 
 .m7 .fun_box .box_list .gui {
 	width: 49%;
 }
 
 .m7 .fun_box .box_list .li {
 	width: 48.5%;
 	position: relative;
 	margin-bottom: 2%;
 }
 
 .m7 .fun_box .box_list .li:nth-child(2n) {
 	float: right;
 }
 
 .m7 .fun_box .box_list .li img {
 	width: 100%;
 }
 
 .m7 .fun_box .box_list .li .text {
 	position: absolute;
 	left: 0px;
 	top: 0px;
 	height: 100%;
 	display: none;
 	width: 100%;
 	background: rgba(0, 153, 204, 0.7);
 }
 
 .m7 .fun_box .box_list .li .text .dome {
 	padding: 15% 10% 10%;
 	color: #fff;
 	overflow: hidden;
 }
 
 .m7 .fun_box .box_list .li .text .dome .t {
 	color: #ffffff;
 	font-size: 1rem;
 	font-weight: bold;
 }
 
 .m7 .fun_box .box_list .li .text .dome .dect {
 	color: #fff;
 	font-size: .9rem;
 	line-height: 22px;
 	margin-top: 15px;
 }
 
 .m7 .fun_box .box_list .li:hover .text {
 	display: block;
 }
 
 .m7 .fun_box .box_list .big .li {
 	width: 100%;
 }
 
 .m7 .swiper-pagination-bullets {
 	bottom: 30px;
 }
 
 .m7 .swiper-pagination-bullet {
 	opacity: 1;
 	background: none;
 }
 
 .m7 .swiper-pagination-bullet {
 	width: 10px;
 	height: 10px;
 	background: #fff;
 }
 
 .m7 .swiper-pagination-bullet-active {
 	width: 10px;
 	background: #0099cc;
 	height: 10px;
 }
 
 .m7 .swiper-pagination-bullets {
 	width: auto;
 	display: block;
 	margin: 0px auto;
 	left: 50%;
 	transform: translate(-50%, -50%);
 	/* 使用css3的transform来实现 */
 	background: #f0f0f0;
 	padding: 1px 15px;
 	border-radius: 15px;
 }
 
 .m8 {
 	background: url(/images/img43.jpg) center no-repeat;
 	background-size: cover;
 	padding: 70px 0;
 }
 
 .m8 .fun_box {
 	margin-top: 25px;
 	overflow: hidden;
 	position: relative;
 	padding: 0px 0 70px;
 }
 
 .m8 .fun_box .box_list .li {
 	width: 15.2%;
 	margin-right: 1%;
 	margin-bottom: 1%;
 }
 
 .m8 .fun_box .box_list .li .img {
 	background: #fff;
 	text-align: center;
 	position: relative;
 	padding: 5px 0;
 }
 
 .m8 .fun_box .box_list .li img {
 	display: inline-block;
 	width: 100%;
 }
 
 .m8 .fun_box .box_list .li .i img {
 	width: 100%;
 }
 
 .m8 .fun_box .box_list .li .t {
 	top: 0px;
 }
 
 .m8 .fun_box .box_list .li .b {
 	bottom: 0px;
 }
 
 .m8 .fun_box .box_list .li:nth-child(7) {
 	margin-left: 8%;
 }
 
 .m8 .fun_box .box_list .li:nth-child(7),
 .m8 .fun_box .box_list .li:nth-child(8),
 .m8 .fun_box .box_list .li:nth-child(9),
 .m8 .fun_box .box_list .li:nth-child(10),
 .m8 .fun_box .box_list .li:nth-child(11) {
 	margin-top: -4%;
 }
 
 .m8 .fun_box .box_list .li img {
 	vertical-align: bottom;
 }
 
 .m8 .swiper-pagination-bullets {
 	bottom: 0px;
 }
 
 .m8 .swiper-pagination-bullet {
 	opacity: 1;
 	background: none;
 }
 
 .m8 .swiper-pagination-bullet {
 	width: 10px;
 	height: 10px;
 	background: rgba(255, 255, 255, .6);
 }
 
 .m8 .swiper-pagination-bullet-active {
 	width: 10px;
 	background: #fff;
 	height: 10px;
 }
 
 .m8 .swiper-pagination-bullets {
 	width: auto;
 	display: block;
 	margin: 0px auto;
 	left: 50%;
 	transform: translate(-50%, -50%);
 	/* 使用css3的transform来实现 */
 	background: rgba(255, 255, 255, .5);
 	padding: 1px 15px;
 	border-radius: 15px;
 }
 
 .m9 {
 	padding: 70px 0px 60px;
 }
 
 .m9 .li .dome {
 	position: relative;
 	padding-left: 180px;
 }
 
 .m9 .li .dome .i {
 	position: absolute;
 	left: 0px;
 }
 
 .m9 .li .dome .text {
 	padding: 30px 0;
 }
 
 .m9 .li .dome .text .t {
 	color: #333;
 	padding-bottom: 10px;
 	position: relative;
 	font-size: 1.1rem;
 }
 
 .m9 .li .dome .text .t::before {
 	width: 40px;
 	content: '';
 	position: absolute;
 	bottom: 0px;
 	left: 0px;
 	height: 2px;
 	background: #0099cc;
 }
 
 .m9 .li .dome .text .dect {
 	color: #999999;
 	font-size: 0.8rem;
 	margin-top: 10px;
 }
 
 .m9 .li {
 	width: 39%;
 	padding: 0 3% 0 7%;
 	border-right: 1px solid #e9e9e9;
 }
 
 .m9 .fun_box {
 	width: 80%;
 	margin: 0px auto;
 	margin-top: 40px;
 }
 
 .m9 .li:last-child {
 	border-right: 0px;
 }
 
 .m9 {
 	background: url(/images/img45.jpg) left bottom no-repeat;
 }
 
 .m10 {
 	padding: 60px 0;
 	background: #f7f7f7;
 }
 
 .m10 .title {
 	text-align: center;
 	color: #333333;
 	font-size: 1.4rem;
 	padding-bottom: 10px;
 	border-bottom: 1px solid #e5e5e5;
 }
 
 .m10 ul li {
 	width: 25%;
 	background: #fff;
 }
 
 .m10 ul li .dome {
 	padding: 20px;
 }
 
 .m10 ul li .dome .img {
 	display: block;
 	margin: 0px auto;
 	text-align: center;
 }
 
 .m10 ul li .dome .titile_s {
 	text-align: center;
 	font-weight: bold;
 	color: #0099cc;
 	font-size: 1.1rem;
 	margin-top: 20px;
 	margin-bottom: 10px;
 }
 
 .m10 ul li .dome .dect {
 	color: #999999;
 	font-size: 1rem;
 	height: 300px;
 	line-height: 30px;
 }
 
 .m10 ul li:nth-child(2n) {
 	background: #f7f7f7;
 }
 
 .m11 {
 	padding: 70px 0;
 }
 
 .m11 ul {
 	margin-top: 50px;
 }
 
 .m11 ul li {
 	width: 15%;
 	margin-right: 1%;
 	border-right: 1px solid #f3f3f3;
 	text-align: center;
 }
 
 .m11 ul li:last-child {
 	margin-right: 0px;
 	border-right: 0px none;
 }
 
 .m11 ul li .dome {
 	padding: 20px;
 }
 
 .m11 ul li .dome .tit {
 	color: #666666;
 	font-weight: bold;
 	font-size: 1.1rem;
 	margin-top: 10px;
 }
 
 .m11 ul li .dome .img {
 	-webkit-transition: all .3s ease-in-out;
 	transition: all .3s ease-in-out;
 }
 
 .m11 ul li:hover .dome .img {
 	transform: translate3d(0, -15px, 0);
 	-webkit-transform: translate3d(0, -15px, 0);
 }
 
 .m12 {
 	background: url(/images/img4.jpg) repeat;
 	padding: 60px 0;
 }
 
 .m12 ul {
 	padding: 35px 0;
 }
 
 .m12 ul li {
 	width: 32%;
 	margin: 0px 0.5%;
 	-webkit-transition: all .3s ease-in-out;
 	transition: all .3s ease-in-out;
 }
 
 .m12 ul li:hover {
 	transform: translate3d(0, -15px, 0);
 	-webkit-transform: translate3d(0, -15px, 0);
 }
 
 .m13 {
 	padding: 70px 0px 60px;
 }
 
 .m13 .dome .title {
 	color: #333333;
 	font-weight: bold;
 	font-size: 1.2rem;
 	text-align: center;
 	margin-top: 25px;
 	margin-bottom: 20px;
 }
 
 .m13 .dome ul {
 	width: 80%;
 	margin: 0px auto;
 	margin-top: 20px;
 }
 
 .m13 .dome ul li {
 	width: 32%;
 	text-align: center;
 	padding: 0px 0.5%;
 	-webkit-transition: all .3s ease-in-out;
 	transition: all .3s ease-in-out;
 }
 
 .m13 .dome ul li:hover {
 	transform: translate3d(0, -15px, 0);
 	-webkit-transform: translate3d(0, -15px, 0);
 }
 
 .m14 {
 	padding: 80px 0px 50px;
 	background: #0099cc;
 }
 
 .m14 .dome {
 	margin-top: 20px;
 }
 
 .m14 .dome .img {
 	width: 410px;
 }
 
 .m14 .dome .text {
 	width: 750px;
 	margin-left: 20px;
 	padding-top: 25px;
 }
 
 .m14 .dome .text ul li {
 	color: #fff;
 	margin-bottom: 40px;
 }
 
 .m14 .dome .text ul li .t {
 	font-weight: bold;
 	font-size: 1rem;
 }
 
 .m14 .dome .text ul li .dect {
 	font-size: .9rem;
 	margin-top: 10px;
 	margin-bottom: 10px;
 }
 
 .m14 .dome .text ul li:nth-child(1),
 .m14 .dome .text ul li:nth-child(4) {
 	margin-left: -40px;
 }
 
 .m14 .dome .text ul li:nth-child(2),
 .m14 .dome .text ul li:nth-child(3) {
 	margin-left: -15px;
 }
 
 .m15 {
 	padding: 80px 0px;
 }
 
 .m15 ul li {
 	width: 32%;
 	background: #fafafa;
 	margin-right: 1%;
 }
 
 .m15 ul li:last-child {
 	margin-right: 0px;
 }
 
 .m15 ul {
 	margin-top: 97px;
 }
 
 .m15 ul li {
 	background: #fafafa;
 	height: 250px;
 	-webkit-transition: all .3s ease-in-out;
 	transition: all .3s ease-in-out;
 }
 
 .m15 ul li .img {
 	text-align: center;
 }
 
 .m15 ul li .img img {
 	margin-top: -57px;
 }
 
 .m15 ul li .tit {
 	text-align: center;
 	color: #0099cc;
 	font-weight: bold;
 	font-size: 1.4rem;
 	padding: 15px 0 10px;
 	position: relative;
 	margin-bottom: 10px;
 }
 
 .m15 ul li .tit::before {
 	content: '';
 	width: 40px;
 	position: absolute;
 	left: 50%;
 	margin-left: -20px;
 	bottom: 0px;
 	background: #0099cc;
 	height: 3px;
 }
 
 .m15 ul li .dect {
 	padding: 0px 30px;
 	color: #666666;
 	font-size: .9rem;
 	line-height: 28px;
 	height: 84px;
 	text-align: center;
 	overflow: hidden;
 }
 
 .m15 ul li:hover {
 	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
 	transform: translate3d(0, -5px, 0);
 	-webkit-transform: translate3d(0, -5px, 0);
 }
 
 .m16 {
 	background: url(/images/img4.jpg) repeat;
 	padding: 60px 0;
 }
 
 .m16 ul {
 	width: 950px;
 	margin: 0px auto;
 	margin-top: 85px;
 }
 
 .m16 ul li {
 	width: 32.5%;
 	background: #fff;
 	border-bottom: 5px solid #0099cc;
 }
 
 .m16 ul li:last-child {
 	margin-right: .5%;
 }
 
 .m16 ul li .t {
 	color: #0099cc;
 	font-weight: bold;
 	font-size: 1.1rem;
 	margin-bottom: 20px;
 }
 
 .m16 ul li .dectss {
 	padding: 35px;
 }
 
 .m16 ul li .dect {
 	color: #666666;
 	line-height: 26px;
 	font-size: .9rem;
 	height: 80px;
 	overflow: hidden;
 	display: block;
 }
 
 .m16 ul li:nth-child(2) {
 	border-bottom: 0px none;
 	margin-top: -40px;
 }
 
 .m16 ul li:nth-child(2) .dectss {
 	border-top: 5px solid #0099cc;
 }
 
 .m17 {
 	padding-bottom: 50px;
 }
 
 .m17 .t_title {
 	text-align: center;
 	color: #333333;
 	font-size: 2rem;
 	padding: 45px 0;
 	position: relative;
 	background: url(/images/img57.jpg) left bottom repeat-x;
 	margin-bottom: 60px;
 }
 
 .m17 .t_title::before {
 	content: '';
 	position: absolute;
 	width: 46px;
 	height: 24px;
 	bottom: -17px;
 	left: 50%;
 	margin-left: -23px;
 	background: url(/images/img58.jpg) center no-repeat;
 }
 
 .m17 .list1 .text {
 	width: 530px;
 	padding-top: 50px;
 }
 
 .m17 .list1 .text .title {
 	color: #0099cc;
 	font-weight: bold;
 	font-size: 1.5rem;
 	height: 45px;
 	border-bottom: 1px solid #dadada;
 	position: relative;
 }
 
 .m17 .list1 .text .title:before {
 	content: '';
 	position: absolute;
 	width: 130px;
 	bottom: 0px;
 	left: 0px;
 	height: 2px;
 	background: #0099cc;
 }
 
 .m17 .list1 .text li {
 	color: #666666;
 	font-size: 1.1rem;
 	margin-top: 25px;
 }
 
 .m17 .list1 .text li span {
 	font-weight: bold;
 	margin-right: 10px;
 }
 
 .m17 .list1 .text .more {
 	margin-top: 40px;
 }
 
 .m17 .list1 .text .more a {
 	color: #fff;
 	width: 160px;
 	padding: 12px 0;
 	text-align: center;
 	background: #0099cc;
 	border-radius: 25px;
 	display: block;
 }
 
 .m18 {
 	background: url(/images/img4.jpg) repeat;
 	padding: 60px 0;
 }
 
 .m18 .dome {
 	padding: 20px 130px;
 	background: #fff;
 	position: relative;
 }
 
 .m18 .dome .but_fun {
 	top: 50%;
 	margin-top: -32px;
 	position: absolute;
 }
 
 .m18 .dome #prve {
 	left: 2%;
 }
 
 .m18 .dome #next {
 	right: 2%;
 }
 
 .bdshare-button-style0-16 a {
 	width: 26px !important;
 	height: 29px !important;
 	display: inline-block;
 	padding: 0px !important;
 }
 
 .m18_info {
 	padding-bottom: 60px;
 }
 
 .m18_info .list_1 {
 	padding-top: 55px;
 	padding-bottom: 35px;
 	border-bottom: 1px solid #e7e7e7;
 	margin-bottom: 15px;
 }
 
 .m18_info .list_1 .liebiaos {
 	padding: 10px 0;
 	width: 140px;
 	color: #000;
 	font-size: .9rem;
 	text-align: center;
 	border-radius: 25px;
 	border: 1px solid #cccccc;
 }
 
 .m18_info .hr_next {
 	margin-top: 20px;
 	font-size: 0.9rem;
 }
 
 .m18_info .hr_next .list a {
 	padding-left: 10px;
 	margin-top: 8px;
 }
 
 .m18_info .hr_next .list {
 	margin-bottom: 15px;
 }
 
 .m18_info .hr_next .list a:hover {
 	color: #11A0EA;
 }
 
 .m19 {
 	padding: 70px 0;
 }
 
 .m19 ul {
 	margin-top: 40px;
 }
 
 .m19 ul li {
 	margin-bottom: 1%;
 }
 
 .m19 ul li .li_box {
 	width: 49.5%;
 }
 
 .m19 ul li .li_neirong {
 	position: relative;
 }
 
 .m19 ul li .li_neirong img {
 	width: 100%;
 }
 
 .m19 ul li .li_neirong .text {
 	position: absolute;
 	width: 96%;
 	padding: 10px 2%;
 	background: rgba(0, 0, 0, 0.5);
 	bottom: 0px;
 	left: 0px;
 }
 
 .m19 ul li .li_neirong .text .title {
 	color: #ffffff;
 	font-size: 1rem;
 	font-weight: bold;
 	color: #fff;
 }
 
 .m19 ul li .li_neirong .text .dect {
 	color: #fff;
 	font-size: .8rem;
 	padding: 4px 0;
 }
 
 .m19 ul li .li_neirong img {
 	width: 100%;
 }
 
 .m19 ul li .li_neirong:hover .text {
 	background: rgba(41, 164, 204, .8);
 }
 
 .m19 ul li .li_box2 .top .li_neirong:nth-child(2) {
 	float: right;
 }
 
 .m19 ul li .li_box2 .top .li_neirong {
 	width: 49%;
 }
 
 .m19 ul li .li_box2 .top {
 	margin-bottom: 2%;
 }
 
 .m19 ul li .li_box2 .bot .li_neirong {
 	width: 100%;
 }


 .pagess {

    clear: both;
    height: 30px;
    margin: 20px;
    overflow: hidden;
    margin-left: 0px;
    text-align: center;

}
.pagess ul li {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 2px 9px;
    margin: 0 3px;
    line-height: 20px;
    background: #fff;
    color: #999;
}
/*第几页样式*/
.pagess ul li.thisclass {
    display: inline-block;
    border: 1px solid #E4392A;
    padding: 2px 9px;
    margin: 0 3px;
    background: #E4392A;
    color: #fff;
}  


 .m20 {
 	padding: 60px 0;
 }
 
 .m20 ul {
 	margin-top: 35px;
 }
 
 .m20 ul li {
 	margin-bottom: 30px;
 }
 
 .m20 ul li .title {
 	background: #ececec;
 	padding: 15px 10px 10px;
 }
 
 .m20 ul li .title .t1 {
 	color: #666666;
 	font-size: 1.1rem;
 	font-weight: bold;
 	padding-left: 30px;
 	padding-top: 5px;
 	background: url(/images/img71.jpg) left 5px no-repeat;
 }
 
 .m20 ul li .title .t2 {
 	color: #666666;
 	font-size: 1.1rem;
 	margin-left: 30px;
 	padding-top: 5px;
 }
 
 .m20 ul li .title .t4 {
 	padding: 6px 15px;
 	border: 2px solid #45b1d5;
 	color: #45b1d5;
 	font-size: 1rem;
 	padding-left: 40px;
 	font-weight: bold;
 	border-radius: 25px;
 	background: url(/images/p32.png) 15px center no-repeat;
 }
 
 .m20 ul li .title .t4:hover {
 	color: #fff;
 	background: url(/images/p33.png) 15px center no-repeat #0099cc;
 }
 
 .m20 ul li .t3 {
 	width: 25px;
 	margin-top: 5px;
 	margin-left: 20px;
 	height: 28px;
 	display: inline-block;
 	background: url(/images/img73.jpg) center no-repeat;
 }
 
 .m20 ul li .title:hover {
 	background: #0099cc;
 }
 
 .m20 ul li .title:hover .t1 {
 	background: url(/images/img70.jpg) left 5px no-repeat;
 	color: #fff;
 }
 
 .m20 ul li .title:hover .t2 {
 	color: #fff;
 }
 
 .m20 ul li .title:hover .t4 {
 	color: #fff;
 	background: url(/images/p33.png) 15px center no-repeat #0099cc;
 }
 
 .m20 ul li .title:hover .t3 {
 	background: url(/images/img69.jpg) center no-repeat;
 }
 
 .m20 ul li .dect {
 	color: #999999;
 	font-size: .8rem;
 	padding: 10px;
 	line-height: 26px;
 	display: none;
 }
 
 .m20 ul li .dect .b {
 	color: #666;
 	font-weight: bold;
 	font-size: 1.1rem;
 	margin-bottom: 20px;
 }
 
 .m20 ul li .dect .hb {
 	color: #666;
 	font-weight: bold;
 	font-size: 1rem;
 	margin-bottom: 5px;
 }
 
 .m20 ul .on .dect {
 	display: block;
 }
 
 .m20 ul .on .title {
 	background: #0099cc;
 }
 
 .m20 ul .on .title .t1 {
 	background: url(/images/img70.jpg) left 5px no-repeat;
 	color: #fff;
 }
 
 .m20 ul .on .title .t2 {
 	color: #fff;
 }
 
 .m20 ul .on .title .t4 {
 	color: #fff;
 	background: url(/images/p33.png) 15px center no-repeat #0099cc;
 }
 
 .m20 ul .on .title .t3 {
 	background: url(/images/img69.jpg) center no-repeat;
 }
 
 .m21 {
 	background: url(/images/img4.jpg) repeat;
 	padding: 60px 0;
 }
 
 .m21 .map {
 	width: 690px;
 	height: 400px;
 	background: url(/images/p34.png) left center no-repeat
 }
 
 .m21 .dome {
 	margin-top: 40px;
 }
 
 .m21 .map .map_dome .map_if {
 	width: 640px;
 	height: 350px;
 	position: relative;
 	margin-left: 40px;
 	margin-top: 26px;
 }
 
 .m21 .map .map_dome .map_if iframe {
 	position: absolute;
 	left: 0px;
 	top: 0px;
 	width: 100%;
 	height: 100%;
 	background: #1A76A3;
 }
 
 .m21 .info {
 	width: 490px;
 	margin-top: 20px;
 }
 
 .m21 .info .title {
 	color: #333333;
 	font-size: 1.1rem;
 	font-weight: bold;
 	padding-bottom: 10px;
 	border-bottom: 1px solid #e5e5e5;
 	position: relative;
 }
 
 .m21 .info .title::before {
 	content: '';
 	position: absolute;
 	left: 0px;
 	width: 80px;
 	height: 2px;
 	background: #666666;
 	bottom: 0px;
 }
 
 .m21 .info ul {
 	margin-top: 30px;
 	position: relative;
 }
 
 .m21 .info ul li {
 	color: #666666;
 	font-size: 1rem;
 	padding-left: 35px;
 	margin-bottom: 15px;
 }
 
 .m21 .info ul .ewm {
 	position: absolute;
 	right: 0px;
 	width: 180px;
 	bottom: 0px;
 	font-size: .7rem;
 	text-align: center;
 }
 
 .m22 {
 	padding: 50px 0;
 	position: relative;
 }
 
 .m22 .title {
 	color: #333333;
 	font-size: 1.4rem;
 	font-weight: bold;
 	padding-top: 10px;
 }
 
 .m22 .info {
 	margin-top: 15px;
 	padding-bottom: 10px;
 	border-bottom: 1px solid #f6f6f6;
 }
 
 .m22 .info_s span {
 	color: #999999;
 	font-size: .8rem;
 	padding-left: 20px;
 	margin-right: 20px;
 }
 
 .m22 .c {
 	color: #999999;
 	font-size: .9rem;
 	padding-top: 15px;
 }
 
 .m22_s .hr_next {
 	margin-top: 20px;
 	border-top: 1px solid #f6f6f6;
 	padding-top: 15px;
 	font-size: 0.9rem;
 }
 
 .m22_s .hr_next .list a {
 	padding-left: 10px;
 	margin-top: 8px;
 }
 
 .m22_s .hr_next .list {
 	margin-bottom: 15px;
 }
 
 .m22_s .hr_next .list a:hover {
 	color: #11A0EA;
 }
 
 .m22_s {
 	background: url(/images/img4.jpg) repeat;
 	padding: 340px 0px 0px;
 	margin-top: -300px;
 	padding-bottom: 50px;
 }
 
 .m23 {
 	padding: 60px 0;
 }
 
 .m23 .title {
 	text-align: center;
 	font-size: 1.4rem;
 	font-weight: bold;
 	color: #333333;
 }
 
 .m23 .info {
 	text-align: center;
 }
 
 .m23 .info .dome {
 	padding: 10px 50px;
 	background: #f3f3f3;
 	text-align: center;
 	display: inline-block;
 	font-size: .8rem;
 	margin: 20px 0;
 }
 
 .m23 .info .dome span {
 	margin: 0px 8px;
 	display: inline-block;
 	color: #999999;
 	padding-left: 25px;
 }
 
 .m23 .c {
 	color: #666666;
 	line-height: 26px;
 	font-size: .8rem;
 }

  .m23 .c  p{ 	padding-bottom: 25px;}
 
 .m24 {
 	padding: 40px 0;
 }
  
 .m24 ul li .img_box {
 	width: 280px;
 	position: relative;
 }
 
 .m24 ul li .box {
 	width: 1092px;
 }
 
 .m24 ul li .box .t {
 	color: #000;
 	font-weight: bold;
 	font-size: 18px;
 }
 
 .m24 ul li .box .dect {
 	padding: 20px 0;
 	background: #f7f7f7;
 	font-size: 16px;
 	line-height: 26px;
 	color: #999;
 	height: 52px;
	text-indent: 2em;

 }

 .m24 ul li .box .dect  a{
 	color: #999;
 } 





 .m24 ul li .box .hr span {
 	display: inline-block;
 	font-size:16px;
    padding:0 20px 0 5px;
 	color: #999;
 }
 

 
 .m24 ul li {
 	margin-bottom: 50px;
 }
 
 .m24 ul li:hover .box .t {
 	color: #11a0ea;
 }
 
 .m24 ul li .img_box .time {
 	width: 80px;
 	position: absolute;
 	left: 5%;
 	height: 100px;
 	color: #666666;
 	text-align: center;
 	top: 0px;
 	background: url(/images/png46.png) center no-repeat;
 	z-index: 99;
 }
 
 .m24 ul li .img_box .time p {
 	color: #666666;
 	font-size: 2rem;
 }
 
 .m24 ul li:hover .img_box .time {
 	background: url(/images/p77.png) center no-repeat;
 	color: #fff;
 }
 
 .m24 ul li:hover .img_box p {
 	color: #fff;
 }
 
 .head ul li:nth-child(6) dl {
 	text-align: right;
 }