@media screen and (min-width:1025px) and (max-width:1201px){
@charset "utf-8";
.blank72{ width:100%; height:72px; clear:both; display:block;}

/*首页*/
.center{ width:1024px; margin:0 auto;}

.header{ width:100%; height:71px; border-bottom:1px solid #4697f8; background:url(../images/header1.png) repeat; position:fixed; top:0; left:0; z-index:10000;}
.header .logo{ float:left; margin-top:17px; height:39px;}

.header .nav{ float:left; overflow:hidden; margin-left:60px; display:block;}
.header .nav li{ float:left; height:71px; overflow:hidden; margin:0 12px;}
.header .nav li a{ display:block; height:71px; line-height:71px; position:relative; font-size:16px; color:#FFF; padding:0 2px; overflow:hidden;}
.header .nav li span{ display:block; width:0; height:2px; background:#4ae6d7; position:absolute; bottom:0; left:50%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header .nav li a:hover span{ width:100%; left:0;}
.header .nav li .a_on span{ width:100%; left:0;}

.header .nav1{ float:right; display:none; font-size:16px; color:#FFF; height:71px; line-height:71px; margin-right:30px; background:url(../images/header2.png) left center no-repeat; padding-left:30px;}

.header .phone{ float:right; width:186px; height:32px; line-height:32px; font-size:14px; color:#FFF; border:1px solid #afcaf9; margin-top:20px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; display:block;}

.banner{ width:100%; height:675px; position:relative; z-index:10; overflow:hidden; display:block;}
.banner0{ position:relative; height:675px;}
.banner1{ display:block; position:absolute; top:119px; left:-176px;}
.banner2{ display:block; position:absolute; top:207px; right:0;}
.banner3{ display:block; position:absolute; top:276px; right:0;}
.banner4{ display:block; position:absolute; top:364px; right:0;}
.banner5{ display:block; position:absolute; top:425px; right:0;}
.banner6{ display:block; position:absolute; top:479px; right:0;}

.banner4_1{ width:58px; height:58px; position:absolute; top:250px; left:162px;}
.banner4_1_1{ float:left; width:58px; height:58px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; overflow:hidden; background:url(../images/banner1.png) center center no-repeat #ebf2fe;}
.banner4_1_2{ display:block; width:150px; height:22px; line-height:22px; font-size:16px; color:#FFF; position:absolute; top:20px; left:-145px;}
.banner4_2{ width:58px; height:58px; position:absolute; top:122px; left:268px;}
.banner4_2_1{ float:left; width:58px; height:58px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; overflow:hidden; background:url(../images/banner2.png) center center no-repeat #ebf2fe;}
.banner4_2_2{ display:block; width:150px; height:22px; line-height:22px; font-size:16px; color:#FFF; position:absolute; top:20px; left:-135px;}
.banner4_3{ width:58px; height:58px; position:absolute; top:50px; left:484px;}
.banner4_3_1{ float:left; width:58px; height:58px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; overflow:hidden; background:url(../images/banner3.png) center center no-repeat #ebf2fe;}
.banner4_3_2{ display:block; width:150px; height:22px; line-height:22px; font-size:16px; color:#FFF; position:absolute; top:-30px; left:-46px;}
.banner4_4{ width:58px; height:58px; position:absolute; top:122px; left:700px;}
.banner4_4_1{ float:left; width:58px; height:58px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; overflow:hidden; background:url(../images/banner4.png) center center no-repeat #ebf2fe;}
.banner4_4_2{ display:block; width:150px; height:22px; line-height:22px; font-size:16px; color:#FFF; position:absolute; top:20px; left:52px;}
.banner4_5{ width:58px; height:58px; position:absolute; top:250px; left:803px;}
.banner4_5_1{ float:left; width:58px; height:58px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; overflow:hidden; background:url(../images/banner5.png) center center no-repeat #ebf2fe;}
.banner4_5_2{ display:block; width:150px; height:22px; line-height:22px; font-size:16px; color:#FFF; position:absolute; top:20px; left:60px;}

.banner_mobile{ width:100%; overflow:hidden; position:relative; z-index:10; display:none;}
.banner_mobile img{ display:block; width:100%;}

.index1{ overflow:hidden; padding:50px 0;}
.index1_1{ float:left; margin-right:30px; width:321px; overflow:hidden;}
.index1_2{ float:left; width:100%; height:44px; overflow:hidden; position:relative;}
.index1_2 span{ width:30px; height:4px; background:#56a6e9; position:absolute; bottom:0; left:0;}
.index1_2 a{ float:right; font-size:14px; color:#b5b5b5; display:block; height:32px; line-height:32px;}
.index1_2 a:hover{ color:#666;}
.index1_3{ float:left; font-size:24px; color:#363636; line-height:24px;}
.index1_4{ float:left; display:block; overflow:hidden; margin-top:30px; cursor:pointer;}
.index1_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;}
.index1_4:hover img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.index1_5{ float:left; width:100%; overflow:hidden; margin-top:30px;}
.index1_5 li{ float:left; width:100%; overflow:hidden; background:url(../images/index1_4.jpg) left center no-repeat; margin:5px 0;}
.index1_5 li a{ float:left; font-size:14px; 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;}
.index1_5 li a:hover{ text-decoration:underline;}
.index1_5 li span{ float:right; line-height:20px; color:#999999;}

.index2{ width:100%; overflow:hidden; background:#f5f7f7; padding:50px 0 40px 0;}

.index_title{ width:94%; margin:0 auto; overflow:hidden;}
.index_title1{ width:350px; margin:0 auto; height:66px; font-size:36px; line-height:36px; border-bottom:1px solid #d5d5d5; position:relative;}
.index_title1 span{ display:block; width:30px; height:4px; position:absolute; bottom:-1px; left:50%; margin-left:-15px;}
.index_title2{ width:100%; font-size:18px; line-height:24px; margin-top:20px;}
.index_title3{ width:100%; line-height:18px; margin-top:8px;}
.index_title4{ width:90%; line-height:18px; margin:20px auto 0 auto; font-size:14px;}

.bg_color1{ background:#56a6e9;}
.bg_color2{ background:#56e99f;}

.font_FFF{ color:#FFF;}
.font_333{ color:#333;}
.font_666{ color:#666;}
.font_999{ color:#999;}

.index2_1_out{ width:100%; overflow:hidden;}
.index2_1{ width:1024px; height:385px; margin:0 auto; overflow:hidden; position:relative; display:block;}
.index2_1 img{ position:absolute;}
.index2_1_1{ top:207px; left:100px; z-index:10;}
.index2_1_2{ top:222px; left:248px; z-index:11;}
.index2_1_3{ top:207px; left:520px; z-index:12;}
.index2_1_4{ top:222px; left:655px; z-index:13;}
.index2_1_5{ top:40px; left:0px; z-index:1; width:380px;}
.index2_1_6{ top:40px; left:420px; z-index:1; width:380px;}
.index2_1_7{ top:139px; left:860px; z-index:1; width:160px;}
.index2_1_8{ top:208px; left:365px; z-index:100;}
.index2_1_9{ top:208px; left:795px; z-index:100;}

.index_feedback{ width:100%; height:50px; overflow:hidden; padding-top:40px;}
.index_feedback1{ display:inline-block; width:160px; height:48px; border:1px solid #008cf7; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; margin:0 5px; background:url(../images/feedback1.png) center center no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index_feedback2{ display:inline-block; width:190px; height:48px; border:1px solid #07d3b3; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; margin:0 5px; background:url(../images/feedback2.png) center center no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index_feedback1:hover{ background:url(../images/feedback1_on.png) center center no-repeat #008cf7;}
.index_feedback2:hover{ background:url(../images/feedback2_on.png) center center no-repeat #07d3b3;}

.index3{ width:100%; height:610px; background:url(../images/index3_1.jpg) top center no-repeat; padding:50px 0 30px 0;}
.index3_1{ width:1024px; height:475px; margin:40px auto 0 auto; overflow:hidden; position:relative; display:block;}
.index3_1 img{ position:absolute; display:block;}

.index3_1_1{ top:225px; left:40px; z-index:100;}
.index3_1_2{ top:140px; right:100px; z-index:100;}
.index3_1_3{ top:0; left:140px; z-index:10;}

.index3_2{ width:100%; overflow:hidden; margin-top:40px; display:none;}
.index3_2_1{ display:block; width:100%; max-width:100%;}

/*news*/
.news{ width:100%; overflow:hidden;}
.news_l{ float:left; width:704px; overflow:hidden;}
.news_l1{ float:left; width:100%; height:94px; overflow:hidden; border-bottom:1px solid #dcdcdc;}
.news_l1 li{ float:left; height:94px; line-height:100px; font-size:24px; font-weight:lighter; overflow:hidden; margin-right:30px; color:#e7e7e7;}
.news_l1 li a{ display:block; width:100px; height:90px; border-bottom:4px solid #FFF; color:#666666; font-size:24px; line-height:100px; overflow:hidden; font-weight:normal;}
.news_l1 li a:hover{ border-bottom:4px solid #008df5; color:#008df5;}
.news_l1 li .a_on{ border-bottom:4px solid #008df5; color:#008df5;}

.news_l2{ float:left; width:100%; overflow:hidden;}
.news_l2 li{ float:left; width:100%; overflow:hidden; border-bottom:1px solid #dcdcdc; padding:25px 0;}
.news_l2 li a{ display:block; width:100%; overflow:hidden;}
.news_l2_1{ float:left; width:248px; height:180px; overflow:hidden; border:1px solid #dcdcdc;}
.news_l2_1 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;}
.news_l2 li:hover .news_l2_1 img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.news_l2_2{ float:right; width:424px; overflow:hidden; text-align:left;}
.news_l2_3{ float:left; width:100%; height:40px; line-height:40px; overflow:hidden; font-size:22px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news_l2_4{ float:left; width:100%; overflow:hidden; line-height:28px; height:84px; font-size:14px; color:#888888; margin-top:12px;}
.news_l2_5{ float:left; width:100%; overflow:hidden; font-size:14px; color:#666; line-height:28px; margin-top:12px;}
.news_l2_5 .span1{ display:inline-block;}
.news_l2_5 .span2{ display:inline-block; background:url(../images/news2.png) left center no-repeat; padding-left:24px; margin-left:10px;}
.news_l2 li:hover .news_l2_3{ color:#008df5;}

.news_page{ float:left; width:100%; text-align:left; padding:30px 0 60px 0;}

.news_r{ float:right; width:270px; overflow:hidden;}
.news_r1{ float:left; width:100%; overflow:hidden; text-align:left; height:50px; position:relative; margin-top:27px;}
.news_r1_1{ font-size:18px; color:#333; line-height:44px;}
.news_r1 span{ display:block; width:30px; height:4px; background:#008df5; position:absolute; bottom:0; left:0;}

.news_r2{ float:left; width:100%; overflow:hidden;}
.news_r2 li{ float:left; width:100%; overflow:hidden; margin-top:17px;}
.news_r2 li a{ display:block; width:100%; overflow:hidden;}
.news_r2_1{ float:left; width:130px; height:90px; display:block;}
.news_r2_2{ float:right; width:130px; overflow:hidden; text-align:left;}
.news_r2_3{ float:left; width:100%; overflow:hidden; font-size:14px; color:#333; height:26px; line-height:26px; text-overflow:ellipsis; white-space:nowrap;}
.news_r2_4{ float:left; width:100%; overflow:hidden; color:#999999; line-height:18px; height:54px;}
.news_r2 li:hover .news_r2_3{ text-decoration:underline;}

/*newsIn*/
.postionIn{ text-align:left; font-size:14px; line-height:20px; border-bottom:1px solid #f0eded; padding:13px 0; margin-top:28px; color:#666;}
.postionIn1{ border-left:2px solid #56a6e9; padding-left:10px; color:#666;}
.postionIn1:hover{ text-decoration:underline;}

.newsIn1{ width:94%; margin:20px auto 0 auto; font-size:30px; color:#333; line-height:40px;}
.newsIn2{ width:94%; margin:12px auto 0 auto; font-size:14px; color:#666; line-height:20px; padding:0 3% 20px 3%; border-bottom:1px solid #f0eded;}
.newsIn2 .span1{ display:inline-block;}
.newsIn2 .span2{ display:inline-block; margin-left:20px;}
.newsIn2 .span3{ display:inline-block; margin-left:20px; background:url(../images/news2.png) left center no-repeat; padding-left:22px;}

.newsIn3{ width:96%; text-align:left; padding:10px 1%; background:#efefef; margin:20px 1% 0 1%; line-height:30px; font-size:14px; color:#666;}

.newsIn4{ width:98%; padding:30px 1% 80px 1%; text-align:left; font-size:14px; color:#666; min-height:200px;}
.newsIn4 img{ display:block; margin:0 auto; max-width:100%;}

.newsIn5{ width:96%; padding:0 1%; background:#efefef; margin:20px 1% 0 1%; line-height:30px; font-size:14px; color:#666;}

.newsIn6{ width:98%; overflow:hidden; position:relative; margin:0 auto; padding:15px 0 25px 0;}
.newsIn6_1{ float:left; width:80%; text-align:left; font-size:14px; color:#666; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:10px;}
.newsIn6_1 a{ color:#666;}
.newsIn6_1 a:hover{ text-decoration:underline;}
.newsIn6_2{ position:absolute; right:0; top:30px; line-height:42px; font-size:14px; color:#FFF; background:#2888f8; width:130px; height:42px; -webkit-border-radius:21px; -moz-border-radius:21px; border-radius:21px;}

.newsIn7{ width:98%; overflow:hidden; background:#f5f5f5; margin:30px auto 0 auto; padding-bottom:30px;}
.newsIn7_1{ width:94%; height:51px; overflow:hidden; text-align:left; position:relative; margin:12px auto 0 auto; line-height:47px;}
.newsIn7_1 span{ display:block; width:30px; height:4px; background:#56a6e9; bottom:0; left:0; position:absolute;}
.newsIn7_2{ font-size:18px; color:#333;}
.newsIn7_3{ width:94%; margin:10px auto 0 auto; overflow:hidden;}
.newsIn7_3 li{ float:left; width:100%; border-bottom:1px dashed #e3e3e3; font-size:14px; line-height:20px; padding:10px 0;}
.newsIn7_3 li a{ float:left; color:#333; background:url(../images/index1_4.jpg) left center no-repeat; margin-left:1%; padding-left:15px; display:inline-block; max-width:80%; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left;}
.newsIn7_3 li span{ float:right; color:#333; margin-right:1%; display:inline-block;}
.newsIn7_3 li a:hover{ text-decoration:underline;}

.index4{ width:100%; height:593px; background:url(../images/index4_1.jpg) top center repeat-y; padding:90px 0 0 0;}
.index4_1{ width:1024px; margin:20px auto 0 auto; overflow:hidden;}
.index4_1 li{ float:left; width:334px; height:250px; margin:30px 3px 0 4px;}
.index4_2{ display:block; position:relative; width:334px; height:250px; outline:none; overflow:hidden;}
.index4_3{ display:block; width:100%;}
.index4_4{ position:absolute; bottom:0; left:0; width:100%; height:40px; line-height:40px; background:url(../images/index4_3.png) repeat; color:#FFF; font-size:16px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index4_5{ position:absolute; width:100%; height:100%; bottom:-100%; left:0; background:url(../images/index4_3.png) repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index4_6{ position:absolute; top:50%; left:50%; margin-top:-50px; margin-left:-23px;}
.index4_7{ position:absolute; top:50%; left:0; margin-top:10px; width:100%; height:20px; line-height:20px; font-size:16px; color:#FFF;}
.index4_1 li:hover .index4_4{ bottom:-100%;}
.index4_1 li:hover .index4_5{ bottom:0;}

.index5{ width:100%; overflow:hidden; padding:50px 0 40px 0;}
.index5_1{ width:1024px; margin:20px auto 0 auto; overflow:hidden;}
.index5_1 li{ float:left; width:301px; margin:30px 20px 0 20px; text-align:left; overflow:hidden;}
.index5_2{ float:left; display:block; width:301px; height:auto; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index5_2:hover{ -webkit-transform:scale(0.95) translateZ(0); -moz-transform:scale(0.95) translateZ(0); -ms-transform:scale(0.95) translateZ(0); -o-transform:scale(0.95) translateZ(0); transform:scale(0.95) translateZ(0);}
.index5_3{ float:left; width:100%; overflow:hidden; font-size:16px; color:#4c4c4c; height:22px; line-height:22px; text-overflow:ellipsis; white-space:nowrap; margin-top:20px;}
.index5_4{ float:left; width:100%; overflow:hidden; font-size:14px; color:#b2b2b2; line-height:22px; height:66px; margin-top:10px;}

.index10{ width:100%; overflow:hidden; background:url(../images/index6_1.jpg) bottom center no-repeat #297acd; padding:50px 0 50px 0;}
.index10_1{ width:1024px; margin:20px auto 0 auto; overflow:hidden;}
.index10_1 li{ float:left; margin:30px 10px 0 10px; width:321px; padding-bottom:20px; overflow:hidden;}
.index10_2{ float:left; display:block; width:321px; height:236px; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index10_2:hover{ -webkit-transform:scale(0.95) translateZ(0); -moz-transform:scale(0.95) translateZ(0); -ms-transform:scale(0.95) translateZ(0); -o-transform:scale(0.95) translateZ(0); transform:scale(0.95) translateZ(0);}
.index10_3{ float:left; width:100%; line-height:22px; height:44px; overflow:hidden; font-size:14px; color:#FFF;}

.index7_1_out{ width:100%; overflow:hidden;}
.index7{ width:100%; overflow:hidden; padding:50px 0 40px 0;}
.index7_1{ width:1024px; margin:20px auto 0 auto; overflow:hidden;}
.index7_1_1{ width:215px;}
.index7_1_2{ width:54px;}
.index7_1 li{ float:left; margin-top:30px; overflow:hidden;}
.index7_2{ display:block; width:160px; height:160px; margin:0 auto;}
.index7_3{ width:100%; overflow:hidden;}
.index7_4{ width:100%; overflow:hidden; font-size:18px; color:#333; margin-top:20px; line-height:22px; height:22px; text-overflow:ellipsis; white-space:nowrap;}
.index7_5{ width:100%; overflow:hidden; font-size:14px; color:#888a8c; line-height:22px; height:44px; margin-top:25px;}
.index7_6{ display:block; margin:66px auto 0 auto;}

.index11{ width:100%; overflow:hidden; background:#f5f7f7; padding:50px 0 40px 0;}

.swiper-container {
	width: 1024px;
	height: 100%;
	margin:0 auto;
	display:block;
	position:relative;
	z-index:100;
	overflow:hidden;
	margin-top:50px;
	padding-bottom:55px;
}
.swiper-container .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: none;
	height:auto;
	
	/* 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-container .swiper-pagination-bullet{ width:30px; height:5px; background:#d5f0f8; border-radius:0; margin:0 5px;}
.swiper-container .swiper-pagination-bullet-active{ width:30px; height:5px; background:#0085f9;}

.swiper-pagination {
  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%;
}

.index11_1{ display:block; width:100%;}
.index11_2{ display:block; width:100%; height:auto;}
.index11_3{ width:100%; overflow:hidden; text-align:left;}
.index11_4{ float:left; width:100%; overflow:hidden; font-size:18px; color:#272727; line-height:22px; height:22px; text-overflow:ellipsis; white-space:nowrap; margin-top:30px;}
.index11_5{ float:left; width:100%; overflow:hidden; font-size:14px; color:#999999; line-height:22px; height:110px; margin-top:15px;}

.index6{ width:100%; overflow:hidden; padding:50px 0 40px 0;}

/* mobile css */
.swiper-container1 {
	width: 1024px;
	height: 100%;
	margin:0 auto;
	display:block;
	position:relative;
	z-index:100;
	overflow:hidden;
	margin-top:60px;
	padding-bottom:45px;
}
.swiper-container1 .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-container1 .swiper-button-prev1{
  position: absolute;
  margin-top:-85px;
  top: 50%;
  width: 20px;
  height: 80px;
  z-index: 10;
  cursor: pointer;
  background:url(../images/index9.jpg) no-repeat;
}
.swiper-container1 .swiper-button-prev1:hover{ background:url(../images/index9.jpg) no-repeat;}
.swiper-container1 .swiper-button-next1 {
  position: absolute;
  margin-top:-85px;
  top: 50%;
  right:0;
  width: 20px;
  height: 80px;
  z-index: 10;
  cursor: pointer;
  background:url(../images/index10.jpg) no-repeat;
}
.swiper-container1 .swiper-button-next1:hover{ background:url(../images/index10.jpg) no-repeat;}

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

.swiper-pagination1 {
  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%;
}

.index6_1{ border:1px solid #e6e6e6; cursor:pointer;}
.index6_1 img{ display:block; width:100%;}
.index6_2{ width:90%; min-height:48px; font-size:16px; color:#FFF; line-height:24px; background:#0080ff; padding:10px 5%;}

.index8{ width:100%; overflow:hidden; padding:50px 0 40px 0; background:url(../images/index21.jpg) center top no-repeat #f5f7f7;}
.index8_1{ width:1024px; margin:0 auto;}
.index8_1 li{ float:left; width:30%; margin-top:50px; margin-left:2.5%; cursor:pointer;}
.index8_2{ margin:0 auto; position:relative; z-index:10;}
.index8_3{ width:100%; height:345px; position:relative; z-index:1; margin-top:-100px; -webkit-box-shadow:0px 0px 10px #e0e0e0; -moz-box-shadow:0px 0px 10px #e0e0e0; box-shadow:0px 0px 10px #e0e0e0; background:url(../images/index25.png) repeat; overflow:hidden;}
.index8_4{ width:90%; margin:110px auto 0 auto; font-size:44px; font-family:"宋体"; color:#333; line-height:52px;}
.index8_4 span{ font-family:"微软雅黑"; font-size:16px; color:#5e5e5e;}
.index8_5{ width:90%; margin:0 auto; font-size:14px; color:#999999; text-align:left; line-height:24px;}

.index9{ width:100%; height:160px; background:url(../images/index26.jpg) center center no-repeat; overflow:hidden;}
.index9_1{ margin:0 auto; width:94%;}
.index9_2{ width:100%; overflow:hidden; font-size:24px; color:#FFF; line-height:30px; margin-top:38px;}
.index9_3{ width:270px; overflow:hidden; font-size:18px; color:#FFF; height:38px; line-height:38px; background:#2099f5; margin:25px auto 0 auto; -moz-border-radius:19px; -webkit-border-radius:19px; border-radius:19px;}

.footer{ width:100%; overflow:hidden; background:#2e2e2e; padding:30px 0 20px 0;}
.footer1{ float:left; width:575px; overflow:hidden; text-align:left;}
.footer1_1{ float:left; width:100%; font-size:18px; font-weight:bold; color:#bdbebf; line-height:24px; margin-top:10px;}
.footer1_2{ float:left; width:100%; color:#5c5c5c; line-height:24px; margin-top:25px;}
.footer1_2 a{ color:#5c5c5c;}
.footer2{ float:left; display:none;}
.footer3{ float:right; text-align:left; margin-left:20px; width:307px; overflow:hidden;}
.footer3_1{ float:left; width:100%; overflow:hidden; font-size:18px; font-weight:bold; color:#bdbebf; line-height:24px;}
.footer3_2{ float:left; width:100%; overflow:hidden; color:#FFF; line-height:24px; margin-top:25px;}
.footer3_2 span{ color:#5c5c5c;}
.footer4{ float:left; width:100%; display:block;}
.footer4 li{ float:left; margin-top:10px; width:40px; height:40px; margin-right:10px; position:relative;}
.footer4_1{ display:block; width:40px; height:40px; background:url(../images/footer2.png) center center no-repeat #252525; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
.footer4_2{ display:block; width:40px; height:40px; background:url(../images/footer3.png) center center no-repeat #252525; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
.footer4_3{ display:block; width:40px; height:40px; background:url(../images/footer4.png) center center no-repeat #252525; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
.footer4_4{ position:absolute; top:-130px; left:-40px; width:122px; height:122px; display:none;}
.footer4_4 img{ display:block;}

.mobile_bottom{ position:fixed; width:100%; overflow:hidden; z-index:9999999999999; bottom:0; left:0; display:none;}
.mobile_bottom li{ float:left; width:50%; height:40px; line-height:40px; overflow:hidden;}
.mobile_bottom1{ background:url(../images/footer7.png) repeat;}
.mobile_bottom1 a{ color:#FFF; font-size:13px; display:block; width:100%; height:40px; background:url(../images/footer6.png) 30% center no-repeat;}
.mobile_bottom2{ background:url(../images/footer8.png) repeat;}
.mobile_bottom2 a{ color:#FFF; font-size:13px; display:block; width:100%; height:40px; background:url(../images/footer5.png) 25% center no-repeat;}

.piaofu{ position:fixed; width:70px; height:280px; bottom:10%; right:5px; z-index:99999999; display:block;}
.piaofu li{ float:left; width:70px; height:70px; position:relative; text-align:center;}
.piaofu li a{ display:block; width:68px; height:68px; line-height:100px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:1px solid #e5e5e5; color:#666; font-size:14px;}
.piaofu1{ background:url(../images/xf_icon1.png) center 12px no-repeat #FFF;}
.piaofu2{ background:url(../images/xf_icon2.png) center 15px no-repeat #FFF;}
.piaofu3{ background:url(../images/xf_icon3.png) center 11px no-repeat #FFF;}
.piaofu4{ background:url(../images/xf_icon4.png) center 13px no-repeat #FFF;}
.piaofu li:hover a{ color:#FFF; border:1px solid #0a7bde;}
.piaofu li:hover .piaofu1{ background:url(../images/xf_icon1_1.png) center 12px no-repeat #0a7bde;}
.piaofu li:hover .piaofu2{ background:url(../images/xf_icon2_1.png) center 15px no-repeat #0a7bde;}
.piaofu li:hover .piaofu3{ background:url(../images/xf_icon3_1.png) center 11px no-repeat #0a7bde;}
.piaofu li:hover .piaofu4{ background:url(../images/xf_icon4_1.png) center 13px no-repeat #0a7bde;}
.piaofu li div{ display:none; position:absolute;}
.piaofu li:hover div{ display:block;}
.piaofu2_1{ top:-60px; left:-187px; width:177px; height:198px; border:1px solid #D7D7D7; background:#FFF; text-align:center;}
.piaofu2_1 img{
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) */
}
.piaofu2_1 p{ width:155px; font-size:14px; margin-left:10px; text-align:center;}
.piaofu3_1{ top:0; left:-218px; width:216px; height:70px; background:#0a7bde; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.piaofu3_1 span{ display:block; padding-left:25px; background:url(../images/xf_icon5.png) no-repeat 15px center; height:70px; line-height:70px; font-size:22px; font-weight:bold; color:#FFF;}

.index12{ width:100%; overflow:hidden; padding:50px 0 40px 0; background:#f5f7f7;}
.index12_1{ width:930px; height:290px; overflow:hidden; margin:30px auto 0 auto; position:relative; display:block;}
.index12_2{ width:244px; height:244px; background:url(../images/index12_2_1.png) no-repeat; margin:0 auto 0 auto; position:relative; z-index:1; cursor:pointer; -webkit-animation:play 10s linear infinite; -moz-animation:play 10s linear infinite; -ms-animation:play 10s linear infinite; -0-animation:play 10s linear infinite; animation:play 10s linear infinite;}

@-webkit-keyframes play{
    0%  {
        -webkit-transform: rotate(0deg)
    }
	33% {
        -webkit-transform: rotate(108deg)
	}
	66% {
        -webkit-transform: rotate(216deg)
	}
    100% {
        -webkit-transform: rotate(360deg)
    }
}
@-moz-keyframes play{
    0%  {
        -moz-transform: rotate(0deg)
    }
	33% {
        -moz-transform: rotate(108deg)
	}
	66% {
        -moz-transform: rotate(216deg)
	}
    100% {
        -moz-transform: rotate(360deg)
    }
}
@-ms-keyframes play{
    0%  {
        -ms-transform: rotate(0deg)
    }
	33% {
        -ms-transform: rotate(108deg)
	}
	66% {
        -ms-transform: rotate(216deg)
	}
    100% {
        -ms-transform: rotate(360deg)
    }
}
@-o-keyframes play{
    0%  {
        -o-transform: rotate(0deg)
    }
	33% {
        -o-transform: rotate(108deg)
	}
	66% {
        -o-transform: rotate(216deg)
	}
    100% {
        -o-transform: rotate(360deg)
    }
}
@keyframes play{
    0%  {
        transform: rotate(0deg)
    }
	33% {
        transform: rotate(108deg)
	}
	66% {
        transform: rotate(216deg)
	}
    100% {
        transform: rotate(360deg)
    }
}

.index12_3{ position:absolute; width:244px; height:244px; left:50%; margin-left:-122px; top:19px; z-index:100; cursor:pointer; background:url(../images/index12_2.png) no-repeat;}

.index12_4{ position:absolute; z-index:1;}
.index12_4_1{ top:81px; left:0;}
.index12_4_2{ top:189px; left:0;}
.index12_4_3{ top:257px; left:0;}
.index12_4_4{ top:81px; right:0;}
.index12_4_5{ top:189px; right:0;}
.index12_4_6{ top:257px; right:0;}

.index12_5{ position:absolute; z-index:2; width:250px; height:100px; font-size:16px; color:#2c2c2c;}
.index12_5_1{ background:url(../images/index12_3.jpg) center top no-repeat; line-height:120px; top:2px; left:0;}
.index12_5_2{ background:url(../images/index12_4.jpg) center top no-repeat; line-height:150px; top:93px; left:0;}
.index12_5_3{ background:url(../images/index12_5.jpg) center top no-repeat; line-height:135px; top:200px; left:0;}
.index12_5_4{ background:url(../images/index12_6.jpg) center top no-repeat; line-height:125px; top:0; right:0;}
.index12_5_5{ background:url(../images/index12_7.jpg) center top no-repeat; line-height:154px; top:93px; right:0;}
.index12_5_6{ background:url(../images/index12_8.jpg) center top no-repeat; line-height:137px; top:200px; right:0;}

.index12_6{ width:94%; height:auto; overflow:hidden; margin:30px auto 0 auto; display:none;}
.index12_6 img{ display:block; margin:0 auto; max-width:100%;}

.mobile_block{ display:none;}
.mobile_none{ display:block;}

}