@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
a{ text-decoration:none;}
li{ list-style:none;}
table,tr,td,ul,li,dl,dt,dd,div,img{ border:0;}
body{ font-size:12px; font-family:微软雅黑; overflow-x: hidden; text-align:center;}
.float_l{ float:left !important;}
.float_r{ float:right !important;}
.blank0{ width:100%; height:0px; clear:both;}
.blank10{ width:100%; height:10px; clear:both;}
.blank20{ width:100%; height:20px; clear:both;}
.blank30{ width:100%; height:30px; clear:both;}
.blank40{ width:100%; height:40px; clear:both;}
.blank60{ width:100%; height:60px; clear:both;}
.blank120{ width:100%; height:120px; clear:both;}

/*首页*/
.headerM{ width:100%; overflow:hidden; padding:15px 0; border-bottom:1px solid #f0eded;}
.logoM{ width:240px; display:inline-block;
image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering: -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}
.banner{ width:100%; height:250px; overflow:hidden; position:relative;}
#canvas{ width:160%; height:700px; position:absolute; top:-180px; left:-30%;}
.banner_in{ position:relative; z-index:10;}
.banner_in1{ width:100%; font-size:16px; color:#FFF; line-height:28px; margin-top:20px;}
.banner_in2{ width:100%; font-size:16px; color:#FFF; line-height:28px;}
.banner_in3{ width:100%; overflow:hidden; margin-top:10px;}
.banner_in4{ display:inline-block; border:1px solid #FFF; -webkit-border-radius:17px; -moz-border-radius:17px; border-radius:17px; padding:0 20px; color:#FFF; height:34px; line-height:34px; margin:0 5px;}
.banner_in5{ display:inline-block; border:1px solid #FFF; -webkit-border-radius:17px; -moz-border-radius:17px; border-radius:17px; padding:0 10px; color:#FFF; height:34px; line-height:34px; margin:0 5px;}
.banner_in6{ width:280px; margin-top:20px; position:absolute; top:190px; left:50%; margin-left:-140px;}

.index_title{ width:100%;}
.index_title1{ float:left; width:22%; text-align:left; color:#333; line-height:20px; margin-left:3%;}
.index_title2{ float:left; width:70%; text-align:left; margin-left:1%;}
.index_title3{ float:left; width:100%; color:#111; font-size:16px; line-height:20px;}
.index_title4{ float:left; width:100%; color:#333; line-height:20px; margin-top:5px;}

.tel{ width:100%; overflow:hidden; margin-top:25px; text-align:center;}
.tel1{ display:inline-block; height:34px; line-height:34px; -webkit-border-radius:17px; -moz-border-radius:17px; border-radius:17px; background:#0988fd; color:#FFF; padding:0 30px; margin:0 5px;}
.tel2{ display:inline-block; height:34px; line-height:34px; -webkit-border-radius:17px; -moz-border-radius:17px; border-radius:17px; background:#25d3b1; color:#FFF; padding:0 15px; margin:0 5px;}

.index1{ width:100%; overflow:hidden; padding:30px 0; margin-top:20px; background:url(../imagesMobile/index3.jpg) bottom center repeat-x;}
.index1_1{ width:90%; margin-top:40px;}

.index2{ width:100%; overflow:hidden; padding:30px 0; background:url(../imagesMobile/index3.jpg) bottom center repeat-x;}
.index2_1{ width:90%; margin-top:40px;}

.index3{ width:100%; overflow:hidden; padding:30px 0; background:url(../imagesMobile/index3.jpg) bottom center repeat-x;}

/* 本例子css */
.slideTxtBox{ width:100%; text-align:left; float:left; margin-top:30px;}
.slideTxtBox .hd{ width:100%; height:60px; border-bottom:2px solid #f8f8f8; position:relative;}
.slideTxtBox .hd ul{ float:left; width:100%;}
.slideTxtBox .hd ul li{ float:left; cursor:pointer; width:33.3%; height:60px;}
.slideTxtBox .hd ul li.on{ border-bottom:2px solid #ff7700;}
.slideTxtBox .hd ul li .hd_title{ float:left; width:100%; height:60px;}
.slideTxtBox .hd ul li .hd_title1{ background:url(../imagesMobile/index5.png) no-repeat 5px 15px; background-size:20px auto; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.slideTxtBox .hd ul li .hd_title2{ background:url(../imagesMobile/index6.png) no-repeat 5px 15px; background-size:20px auto; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.slideTxtBox .hd ul li .hd_title3{ background:url(../imagesMobile/index7.png) no-repeat 5px 15px; background-size:20px auto; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.slideTxtBox .hd ul li .hd_title4{ background:url(../imagesMobile/index8.png) no-repeat 7px 15px; background-size:15px auto; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.slideTxtBox .hd ul li .hd_title_1{ font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#5d5d5d; line-height:21px; float:left; margin-left:35px; clear:both; margin-top:10px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; width:70%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.slideTxtBox .hd ul li .hd_title_2{ font-size:12px; color:#333333; line-height:21px; float:left; margin-left:35px; clear:both; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}

.slideTxtBox .hd ul li.on .hd_title1{ background:url(../imagesMobile/index5_1.png) no-repeat 5px 15px; background-size:20px auto;}
.slideTxtBox .hd ul li.on .hd_title2{ background:url(../imagesMobile/index6_1.png) no-repeat 5px 15px; background-size:20px auto;}
.slideTxtBox .hd ul li.on .hd_title3{ background:url(../imagesMobile/index7_1.png) no-repeat 5px 15px; background-size:20px auto;}
.slideTxtBox .hd ul li.on .hd_title4{ background:url(../imagesMobile/index8_1.png) no-repeat 7px 15px; background-size:15px auto;}
.slideTxtBox .hd ul li.on .hd_title_1{ color:#ff9558;}
.slideTxtBox .hd ul li.on .hd_title_2{ color:#ff7301;}

.slideTxtBox .hd ul li .hd_title1:hover{ background:url(../imagesMobile/index5_1.png) no-repeat 5px 15px; background-size:20px auto;}
.slideTxtBox .hd ul li .hd_title2:hover{ background:url(../imagesMobile/index6_1.png) no-repeat 5px 15px; background-size:20px auto;}
.slideTxtBox .hd ul li .hd_title3:hover{ background:url(../imagesMobile/index7_1.png) no-repeat 5px 15px; background-size:20px auto;}
.slideTxtBox .hd ul li .hd_title4:hover{ background:url(../imagesMobile/index8_1.png) no-repeat 7px 15px; background-size:15px auto;}

.slideTxtBox .hd ul li:hover .hd_title_1{ color:#ff9558;}
.slideTxtBox .hd ul li:hover .hd_title_2{ color:#ff7301;}

.slideTxtBox .bd ul{ width:100%; zoom:1;}
.slideTxtBox .bd li{ width:94%; overflow:hidden; padding:20px 3% 0 3%; color:#333; line-height:24px;}

.index3_1{ width:100%;}

.index4{ width:100%; overflow:hidden; padding:30px 0; background:url(../imagesMobile/index3.jpg) bottom center repeat-x;}
.index4_1{ width:100%; overflow:hidden; border-bottom:1px solid #dadada; padding-top:40px;}
.index4_1 li{ width:94%; overflow:hidden; border-top:1px solid #dadada; padding:20px 3%;}
.index4_2{ display:inline-block;}
.index4_3{ line-height:30px; font-size:14px; font-weight:bold; color:#333;}
.index4_4{ text-align:left; line-height:24px; font-size:13px color:#666;}

.index5{ width:100%; overflow:hidden; padding:30px 0; background:url(../imagesMobile/index3.jpg) bottom center repeat-x;}
.index5_1{ width:94%; padding:20px 3% 0 3%; overflow:hidden;}
.index5_1 li{ float:left; width:100%; overflow:hidden; margin-top:30px;}
.index5_2{ float:left; width:100%; text-align:left; font-size:16px; font-weight:bold; color:#333; line-height:24px;}
.index5_3{ float:left; width:100%; text-align:left; font-size:13px; color:#494949; line-height:24px;}
.index5_4{ float:left; width:100%; margin-top:10px;}
.index5_5{ float:left; width:100%; overflow:hidden;}
.index5_6{ float:left; width:48%; overflow:hidden; margin:0 1%; text-align:left;}
.index5_7{ float:left; width:100%; overflow:hidden; color:#333; line-height:20px; margin-top:5px;}
.index5_8{ float:left; width:100%; overflow:hidden; font-size:16px; font-weight:bold; color:#111111; line-height:24px;}
.index5_9{ float:left; width:100%; overflow:hidden; color:#333; line-height:20px; min-height:40px;}

.index6{ width:100%; overflow:hidden; padding:30px 0; background:url(../imagesMobile/index3.jpg) bottom center repeat-x;}
.index6_1{ width:94%; overflow:hidden; padding:20px 3% 0 3%;}
.index6_1 li{ float:left; width:100%; overflow:hidden; margin-top:20px;}
.index6_1 li a{ width:100%; display:block; overflow:hidden;}
.index6_1 li a img{ width:100%;}

.index7{ width:100%; overflow:hidden; padding:30px 0; background:url(../imagesMobile/index3.jpg) bottom center repeat-x;}
.index7_2{ float:left; width:94%; overflow:hidden; margin-left:3%; margin-top:20px;}
.index7_2 li{ float:left; width:100%; margin-top:20px;}
.index7_3{ width:; height:; line-height:; overflow:hidden; float:left; cursor:pointer; border:1px solid #efefef; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; position:relative; background:#FFF;}
.index7_4{ float:left; width:100%; cursor:pointer;}
.index7_5{ float:left; text-align:left; width:100%; font-size:16px; color:#0988fd; height:30px; line-height:30px;}
.index7_6{ float:left; text-align:left; width:100%; color:#999999; line-height:18px; margin-top:4px;}
.index7_7{ width:100%; overflow:hidden; font-size:16px; color:#434343; line-height:24px; padding-top:25px;}
.index7_7 span{ color:#fc6b00;}

.index8{ width:100%; overflow:hidden; padding:30px 0; background:url(../imagesMobile/index3.jpg) bottom center repeat-x;}

/* mobile css */
.swiper-container {
	width: 100%;
	height: 100%;
	position:relative;
	z-index:100;
	overflow:hidden;
}
.swiper-container .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-pagination{ margin-top:20px; width:auto !important; left:auto !important; right:3%;}
.swiper-pagination .swiper-pagination-bullet{ width:20px; height:5px; background:#d5f0f8; border-radius:0; margin:0 5px;}
.swiper-pagination .swiper-pagination-bullet-active{ width:20px; height:5px; background:#0085f9;}

.index8_0{ width:94%; padding:0 3%; margin-top:40px; overflow:hidden;}
.index8_1{ float:left; width:100%; overflow:hidden; text-align:left; font-size:18px; font-weight:bold; color:#555; font-family:"Arial"; line-height:30px;}
.index8_2{ float:left; width:100%; overflow:hidden; text-align:left; font-size:13px; color:#666; line-height:24px; margin-top:10px;}
.index8_3{ float:left; width:100px; height:33px; line-height:33px; overflow:hidden; border:1px solid #6c6c6c; margin-top:20px; font-size:12px; color:#6c6c6c;}

.index9{ width:100%; overflow:hidden; padding:30px 0; background:url(../imagesMobile/index3.jpg) bottom center repeat-x;}
.index9_1{ width:94%; margin:0 3%; margin-top:40px;}

.index10{ width:100%; overflow:hidden; padding:30px 0; background:url(../imagesMobile/index30.jpg) center center no-repeat;}
.index10_1{ width:100%; overflow:hidden;}
.index10_1 li{ float:left; width:30%; overflow:hidden; margin-top:30px; margin-left:2.5%;}
.index10_2{ width:80%;}
.index10_3{ color:#FFF; font-size:14px; width:100%; line-height:20px; margin-top:10px;}
.index10_4{ color:#FFF; width:100%; line-height:20px;}

.index11{ width:100%; overflow:hidden; padding:30px 0; background:url(../imagesMobile/index3.jpg) bottom center repeat-x;}
.index11_1{ width:94%; padding:0 3%; margin-top:40px; overflow:hidden; text-align:left;}
.index11_2{ float:left; width:100%; overflow:hidden; font-size:16px; color:#333; line-height:24px;}
.index11_3{ float:left; width:100%; overflow:hidden; font-size:13px; color:#a6a6a6; line-height:24px; margin-top:10px;}
.index11_4{ float:left; width:100%; overflow:hidden; font-size:13px; color:#777777; line-height:24px; margin-top:10px;}

.index12{ width:100%; overflow:hidden; padding:30px 0; background:url(../imagesMobile/index34.jpg) repeat;}
.index12_1{ width:94%; margin:0 3%; overflow:hidden;}
.index12_2{ width:100%; overflow:hidden; font-size:16px; color:#333; line-height:30px;}
.index12_3{ width:100%; overflow:hidden; font-size:13px; color:#666; line-height:24px;}
.index12_4{ width:100%; overflow:hidden; margin-top:15px;}
.index12_4 li{ float:left; width:30%; margin-left:2.5%; margin-top:10px;}
.index12_4 li img{ width:100%; display:block;}

.footerM_top{ width:100%; overflow:hidden; background:#ececec; padding:20px 0 10px 0;}
.footerM_top1{ display:inline-block;}
.footerM_top2{ color:#333; line-height:30px;}

.footerM_bottom{ width:94%; padding:10px 3% 60px 3%; background:#f2f2f2; overflow:hidden; color:#b0b0b0; line-height:20px;}
.footerM_bottom1{ width:100%; display:block;}

.mobile_bottom{ position:fixed; width:100%; overflow:hidden; z-index:9999999999999; bottom:0; left:0; display:block;}
.mobile_bottom li{ float:left; width:100%; height:40px; line-height:40px; overflow:hidden;}
.mobile_bottom2{ background:url(../images/footer8.png) repeat;}
.mobile_bottom2 a{ color:#FFF; font-size:13px; display:block; width:100%; height:40px;}
.mobile_bottom2 a img{ display:inline-block; vertical-align:middle; width:24px; height:25px;}
.mobile_bottom2 a span{ display:inline-block; vertical-align:middle; margin-left:10px; line-height:40px;}

.swiper-container2 {
	width: 100%;
	height: 100%;
	float:left;
	display:block;
	margin-top:30px;
	margin-bottom:30px;
}
.swiper-container2 .swiper-slide a{ display:block; width:100%;}
.swiper-container2 img{ display:block; width:100%;}
.swiper-pagination2{ margin-top:20px;}
.swiper-pagination2 .swiper-pagination-bullet{ width:20px; height:5px; background:#d5f0f8; border-radius:0; margin:0 5px;}
.swiper-pagination2 .swiper-pagination-bullet-active{ width:20px; height:5px; background:#0085f9;}

.index13{ width:100%; overflow:hidden; padding:30px 0; background:url(../imagesMobile/index3.jpg) bottom center repeat-x; position:relative; z-index:1;}

/* mobile css */
.swiper-container3 {
	width: 100%;
	height: 100%;
	margin:0 auto;
	display:block;
	position:relative;
	z-index:100;
	overflow:hidden;
	padding-top:30px;
	padding-bottom:45px;
}
.swiper-container3 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container3 .swiper-button-prev1{
  position: absolute;
  margin-top:-85px;
  top: 50%;
  width: 20px;
  height: 80px;
  z-index: 10;
  cursor: pointer;
  display:none;
}
.swiper-container3 .swiper-button-prev1:hover{ background:url(../imagesMobile/index9.jpg) no-repeat;}
.swiper-container3 .swiper-button-next1 {
  position: absolute;
  margin-top:-85px;
  top: 50%;
  right:0;
  width: 20px;
  height: 80px;
  z-index: 10;
  cursor: pointer;
  display:none;
}
.swiper-container3 .swiper-button-next1:hover{ background:url(../imagesMobile/index10.jpg) no-repeat;}

.swiper-pagination3 .swiper-pagination-bullet{ width:20px; height:5px; background:#d5f0f8; border-radius:0; margin:0 5px;}
.swiper-pagination3 .swiper-pagination-bullet-active{ width:20px; height:5px; background:#0085f9;}

.swiper-pagination3 {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
  bottom:0px;
  width:100%;
}

.index13_1{ border:1px solid #e6e6e6; cursor:pointer;}
.index13_1 img{ display:block; width:260px;}
.index13_2{ width:240px; max-width:100%; min-height:24px; font-size:13px; color:#FFF; line-height:24px; background:#0080ff; padding:10px 10px;}

/* 动态 css */
.center{ width:100%; margin:0 auto;}
.blank81{ width:100%; height:81px; clear:both; display:none;}

.indexN1{ overflow:hidden; padding:30px 0 30px 0; width:100%; background:url(../imagesMobile/index3.jpg) bottom center repeat-x; float:left;}
.indexN1_1{ float:left; width:100%; overflow:hidden;}
.indexN1_2{ float:left; width:100%; height:40px; overflow:hidden; position:relative; margin-top:30px;}
.indexN1_2 span{ width:30px; height:4px; background:#56a6e9; position:absolute; bottom:0; left:0;}
.indexN1_2 a{ float:right; font-size:13px; color:#b5b5b5; display:block; height:32px; line-height:32px;}
.indexN1_2 a:hover{ color:#666;}
.indexN1_3{ float:left; font-size:18px; color:#363636; line-height:24px;}
.indexN1_4{ float:left; display:block; overflow:hidden; margin-top:30px; cursor:pointer;}
.indexN1_4 img{ display:block; width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.indexN1_4:hover img{ -webkit-transform:scale(1) translateZ(0); -moz-transform:scale(1) translateZ(0); -ms-transform:scale(1) translateZ(0); -o-transform:scale(1) translateZ(0); transform:scale(1) translateZ(0);}
.indexN1_5{ float:left; width:100%; overflow:hidden; margin-top:30px;}
.indexN1_5 li{ float:left; width:100%; overflow:hidden; background:url(../images/index1_4.jpg) left center no-repeat; margin:5px 0;}
.indexN1_5 li a{ float:left; font-size:13px; color:#666; text-align:left; margin-left:10px; display:block; max-width:75%; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.indexN1_5 li a:hover{ text-decoration:underline;}
.indexN1_5 li span{ float:right; line-height:20px; color:#999999;}

.pc{ display:none;}
.mobile{ display:block;}


.swiper-container1 {
	width: 90%;
	height: 100%;
	margin:0 auto;
	overflow:hidden;
}
.swiper-container1 .swiper-slide {
	text-align: center;
	font-size: 12px;
	background: #fff;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-pagination1{ margin-top:20px;}
.swiper-pagination1 .swiper-pagination-bullet{ width:20px; height:5px; background:#d5f0f8; border-radius:0; margin:0 5px;}
.swiper-pagination1 .swiper-pagination-bullet-active{ width:20px; height:5px; background:#0085f9;}

.swiper-container5 {
	width: 90%;
	height: 100%;
	margin:0 auto;
	overflow:hidden;
}
.swiper-container5 .swiper-slide {
	text-align: center;
	font-size: 12px;
	background: #fff;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-pagination5{ margin-top:20px;}
.swiper-container5 .swiper-pagination-bullet{ width:20px; height:5px; background:#d5f0f8; border-radius:0; margin:0 5px;}
.swiper-container5 .swiper-pagination-bullet-active{ width:20px; height:5px; background:#0085f9;}

.swiper-container6 {
	width: 90%;
	height: 100%;
	margin:0 auto;
	overflow:hidden;
}
.swiper-container6 .swiper-slide {
	text-align: center;
	font-size: 12px;
	background: #fff;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-pagination6{ margin-top:20px;}
.swiper-container6 .swiper-pagination-bullet{ width:20px; height:5px; background:#d5f0f8; border-radius:0; margin:0 5px;}
.swiper-container6 .swiper-pagination-bullet-active{ width:20px; height:5px; background:#0085f9;}

.swiper-container7 {
	width: 90%;
	height: 100%;
	margin:0 auto;
	overflow:hidden;
}
.swiper-container7 .swiper-slide {
	text-align: center;
	font-size: 12px;
	background: #fff;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-pagination7{ margin-top:20px;}
.swiper-container7 .swiper-pagination-bullet{ width:20px; height:5px; background:#d5f0f8; border-radius:0; margin:0 5px;}
.swiper-container7 .swiper-pagination-bullet-active{ width:20px; height:5px; background:#0085f9;}
.embed-icon{ right:2px !important;}