@media screen and (min-width:1025px) and (max-width:1201px){
@charset "utf-8";

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

.header { width:100%; height: 181px; display:block; position:relative; z-index:1;}
.header_top{ width:100%; height:35px; background:#f5f5f5;}
.header_top1{ float:left; width:600px; height:35px; line-height:35px; color:#666; font-size:12px; text-align:left;}
.header_top a{ float:right; display:inline-block; height:35px; line-height:35px; margin-left:20px; color:#666; font-size:12px;}
.header_mid{ height:106px; position:relative; z-index:100;}
.logo{ float:left; margin-top:29px; display:block;}
.header_mid1{ float:right; width:30px; height:30px; margin-top:37px; background:url(../images/header_qq.jpg) no-repeat;}
.header_mid2{ float:right; width:30px; height:30px; margin-top:37px; margin-right:9px; background:url(../images/header_chat.jpg) no-repeat; position:relative; cursor:pointer;}
.header_mid2_1{ position:absolute; top:34px; left:-90px; display:none;}
.header_mid2:hover .header_mid2_1{ display:block;}
.header_mid3{ float:right; margin-right:28px; margin-top:40px; margin-right:28px;}
.nav{ width: 1024px; margin: 0 auto; clear: both; position:relative; z-index:10;}
.navlist li { float: left; height: 40px; line-height: 40px; position:relative;}
.navlist li .li_a { display: block; color: #111111; font-size: 15px; height: 40px; line-height: 40px; padding:0 20px;}
.navlist li:hover .li_a { color: #FFF; background:#2a8cdc; font-size: 15px;}
.navlist li .a_on { color: #FFF; background:#2a8cdc; display:block; height:40px; line-height:40px; padding:0 20px; font-size: 15px;}
.navlist1{ position:absolute; top:40px; left:0; background:url(../images/nav_bg.png) repeat; width:232px; display:none; padding-bottom:13px;}
.navlist1_1{ width:232px; float:left; height:34px;}
.navlist1_2{ width:206px; height:0px; border-bottom:1px solid #d9e0e7; float:left; margin-left:13px;}
.navlist1_1 a{ display:block; width:198px; height:34px; line-height:34px; color:#4a4a4a; font-size:13px; text-align:left; padding:0 17px;}
.navlist1_1 a:hover{ color:#FFF; background:#00a7e5;}
.li_a_on:hover .navlist1{ display:block;}

.header_mobile{ width:100%; overflow:hidden; padding:10px 0; position:relative; display:none;}
.logo_mobile{ display:block; width:240px; margin-left:3%;}

.mobile_nav{ width:100%; overflow:hidden; min-height:40px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; position:relative; display:block;}
.mobile_nav1{ position:absolute; right:3%; top:16px;}

.mobile_nav_in{ width:100%; overflow:hidden; float:left; background:#3db2f9; display:none;}
.mobile_nav_in>li{ float:left; width:100%; min-height:40px; border-bottom:1px solid #ccc;}
.mobile_nav_in>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#FFF; font-size:13px;}
.mobile_nav_in1{ float:left; width:76%; border:none; height:40px; padding:0 2%; font-family:"微软雅黑"; outline:none; font-size:13px;}
.mobile_nav_in2{ float:left; width:20%; border:none; height:40px; font-family:"微软雅黑"; outline:none; background:url(../images/index2.jpg) center center #d9d9d9 no-repeat;}

.mobile_nav_step1{}
.mobile_nav_step2{ width:100%; float:left; overflow:hidden; float:left; display:none;}
.mobile_nav_step2 li{ float:left; width:100%; min-height:40px; border-top:1px solid #ccc; background:#FFF;}
.mobile_nav_step2 li a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#3db2f9; font-size:12px;}

.slideBox1{ width:100%; height:484px; overflow:hidden; position:relative; display:block;}
.slideBox1 .hd{ width:100%; height:6px; position:absolute; right:0px; bottom:20px; z-index:1; text-align:center;}
.slideBox1 .hd ul{ overflow:hidden; zoom:1; display:inline-table; margin:0 auto; height:6px;}
.slideBox1 .hd ul li{ width:30px; height:6px; cursor:pointer; display:inline-block; margin-left:10px; margin-right:10px; background:#80c7eb;}
.slideBox1 .hd ul li.on{ background:#FFF;}
.slideBox1 .bd{ position:relative; height:100%; z-index:0;}
.slideBox1 .bd ul{ width:100% !important;}
.slideBox1 .bd li{ zoom:1; vertical-align:middle; width:100% !important; height:484px;}

/* mobile css */
.swiper-container {
	width: 100%;
	height: 100%;
	display:none;
	position:relative;
	z-index:100;
	overflow:hidden;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background:none;
	
	/* 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;
}

.index1_bg{ width:100%; overflow:hidden; background:#f9f9fb; padding-bottom:20px; padding-top:50px;}
.index1{ width:1024px; margin: 0 auto; clear: both; padding-bottom:10px; overflow:hidden;}
.index1 li{ float:left; width:319px; height:508px; border:1px solid #e1e1e1; margin:30px 10px 0 10px; position:relative; overflow:hidden; -webkit-box-shadow:0px 0px 10px #e6e6e6; -moz-box-shadow:0px 0px 10px #e6e6e6; box-shadow:0px 0px 10px #e6e6e6;}
.index1_1{ float:left; width:319px; height:66px; line-height:66px; border-bottom:1px solid #e1e1e1; text-align:center; font-size:20px; font-weight:bold; color:#FFF; background:url(../images/index1.jpg) center top no-repeat;}
.index1_2{ float:left; width:299px; height:210px; font-size:16px; color:#666666; line-height:30px; padding:10px 10px 0 10px; overflow:hidden; position:relative; z-index:10; text-align:left;}
.index1_3{ float:left; width:319px; height:180px; position:absolute; top:248px; left:0; z-index:1;}
.index1_4{ display:block; width:120px; height:38px; line-height:38px; cursor:pointer; position:absolute; bottom:20px; left:30px; background:#38a8fc; border:1px solid #c1c2de; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; font-size:16px; color:#FFF; overflow:hidden; text-align:center;}
.index1_5{ display:block; width:120px; height:38px; line-height:38px; cursor:pointer; position:absolute; bottom:20px; right:30px; background:#38a8fc; border:1px solid #c1c2de; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; font-size:16px; color:#FFF; overflow:hidden; text-align:center;}

.index2_bg{ width:100%; overflow:hidden;}
.index2{ width:1024px; margin:0 auto; clear:both; height:auto; padding:70px 0 110px 0; overflow:hidden;}
.index2_1{ margin:25px auto 0 auto; display:block; max-width:100%;}

.index_title{ width:100%; overflow:hidden; text-align:center;}
.index_title1{ font-size:36px; font-weight:bold; color:#090909; height:40px; line-height:40px; width:100%;}
.index_title2{ font-size:14px; color:#666666; line-height:20px; margin-top:15px; width:100%;}

.index3_bg{ width:100%; overflow:hidden; height:779px; background:url(../images/index3.jpg) center -151px no-repeat;}
.index3{ width:1024px; max-width:100%; margin:0 auto; clear:both; padding-top:65px;}
.color_white{ color:#FFF;}

/* 本例子css */
.slideGroup{ float:left; width:1024px; text-align:left; margin-top:37px; display:block;}
.new_container_title_p{ position:relative; height:100px;}

.slideGroup .parHd{ float:left; width:1024px; height:118px; position:relative; background:#FFF;}
.slideGroup .parHd ul{ width:969px; float:left; margin-left:27px;}
.slideGroup .parHd ul li{ float:left; cursor:pointer; width:323px; height:115px; background:url(../images/index3_off.jpg) no-repeat left 29px; border-top:3px solid #FFF; color:#666666;}
.slideGroup .parHd ul li.on{ background:url(../images/index3_on.jpg) no-repeat left 29px; border-top:3px solid #fca54b; color:#fca54b;}
.slideGroup .parHd ul .parHd_li1{ float:left; width:323px; overflow:hidden;}
.slideGroup .parHd ul .parHd_li2{ float:left; width:283px; overflow:hidden; font-size:20px; padding-left:40px; height:30px; line-height:30px; margin-top:29px;}
.slideGroup .parHd ul .parHd_li3{ float:left; width:283px; overflow:hidden; font-size:14px; padding-left:40px; height:20px; line-height:20px; margin-top:10px;}

.slideGroup .slideBox{ zoom:1; position:relative; height:610px; width:1024px;}
.slideGroup .slideBoxIn{ float:left; width:1024px; height:610px; overflow:hidden;}

.slideGroup .sPrev{ position:absolute; left:-52px; top:50%; margin-top:-0px; display:block; width:52px; height:52px; background:url(../images/index3_left.png) center center no-repeat; }
.slideGroup .sNext{ position:absolute; right:-52px; top:50%; margin-top:-0px; display:block; width:52px; height:52px; background:url(../images/index3_right.png) center center no-repeat; }

.slideGroup .parBd{ width:1024px; height:459px; float:left; margin-left:0;}
.slideGroup .parBd ul{ zoom:1; width:1024px; height:459px; overflow:hidden; float:left;}
.slideGroup .parBd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; width:1024px; height:459px;}
.slideGroup .parBd ul li img{ display:block; max-width:100%;}

.slideTxtBox{ display:none;}

.index4_bg{ width:100%; overflow:hidden;}
.index4{ width:1024px; margin:0 auto; clear:both; height:auto; padding:70px 0 10px 0;}

.index4_1_out{ width:100%; overflow:hidden;}
.index4_1{ width:1024px; overflow:hidden; margin-top:30px;}
.index4_1 li{ float:left; width:316px; height:260px; margin-left:12px; margin-right:13px; margin-top:20px;}
.index4_2{ float:left; width:165px; overflow:hidden; margin-top:33px; margin-left:35px;}
.index4_3{ float:left; width:100%; font-size:20px; color:#333; height:30px; line-height:30px;}
.index4_4{ float:left; width:100%; font-size:14px; color:#666; line-height:23px; margin-top:18px;}

.index4_bg1{ background:url(../images/index4_1.jpg) top right no-repeat;}
.index4_bg2{ background:url(../images/index4_2.jpg) top right no-repeat;}
.index4_bg3{ background:url(../images/index4_3.jpg) top right no-repeat;}
.index4_bg4{ background:url(../images/index4_4.jpg) top right no-repeat;}
.index4_bg5{ background:url(../images/index4_5.jpg) top right no-repeat;}
.index4_bg6{ background:url(../images/index4_6.jpg) top right no-repeat;}
.index4_bg7{ background:url(../images/index4_7.jpg) top right no-repeat;}
.index4_bg8{ background:url(../images/index4_8.jpg) top right no-repeat;}

.index5{ width:1024px; margin:0 auto; padding:70px 0 100px 0;}
.index5_1{ margin:30px auto 0 auto; display:block; max-width:100%;}

.index6_bg{ width:100%; overflow:hidden; background:#f9f9fb;}
.index6{ width:1024px; margin:0 auto; clear:both; height:auto; padding:50px 0; overflow:hidden;}

.index6_1{ float:left; width:100%; overflow:hidden; margin-top:30px; padding-bottom:35px;}
.index6_1 li{ float:left; width:30%; padding:5px 0; margin-right:5%; font-size:14px; background:url(../images/list_bg.jpg) left center no-repeat;}
.index6_1 li:nth-child(3n){ margin-right:0;}
.index6_2{ float:left; margin-left:10px; max-width:70%; line-height:20px; color:#666; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.index6_3{ float:right; line-height:20px; color:#999; font-size:12px;}
.index6_2:hover{ text-decoration:underline;}

.index6_more{ width:267px; height:42px; background:url(../images/index6_2.jpg) no-repeat; display:block; margin:0 auto; clear:both;}

.footer_top{ width:100%; background:#0059a1; overflow:hidden; padding:34px 0;}
.footer_top1{ width:1024px; overflow:hidden; margin:0 auto;}
.footer_top1 li{ float:left; margin-left:10px; margin-right:10px;}
.footer_top1 li a img{ float:left; display:block; width:321px; height:auto;}

.footer_top2{ width:1024px; margin:0 auto; overflow:hidden; background:url(../images/footer5.jpg) 1023px 38px no-repeat; display:block;}

.footer_top3{ float:left; overflow:hidden; background:url(../images/footer5.jpg) left top no-repeat; margin-top:38px; padding:0 15px 0 30px; min-height:185px;}
.footer_top3_1{ float:left; width:100%; font-size:16px; color:#FFF; height:23px; line-height:23px; text-align:left;}
.footer_top3_2{ float:left; width:100%; margin-top:20px;}
.footer_top3_2 li{ float:left; width:100%; height:29px;}
.footer_top3_2 li a{ color:#9abdda; display:inline-block; float:left; height:14px; line-height:14px; margin-top:7px; font-size:14px;}

.footer_top4{ float:left; background:url(../images/footer5.jpg) left top no-repeat; min-height:185px; margin-top:38px; width:204px; text-align:center; display:none;}
.footer_top4_1{ clear:both; display:inline-block;}
.footer_top4_2{ width:204px; color:#9abdda; line-height:20px; margin-top:10px;}

.footer_bottom{ width:100%; background:#10316f; overflow:hidden; padding:24px 0;}
.footer_bottom1{ margin:0 auto; width:1024px;}
.footer_bottom2{ float:right; display:block;}
.footer_bottom3{ float:left; width:850px; color:#9abdda; line-height:24px; padding:10px 0; text-align:left; font-size:14px;}

.piaofu{ position:fixed; width:70px; height:280px; bottom:10%; right:5px; 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{ display:block; margin:0 auto;}
.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;}

.mobile_bottom{ position:fixed; width:100%; overflow:hidden; z-index:9999999999999; bottom:0; left:0; display:none;}

.neiye_banner{ width:100%; height:405px; overflow:hidden; display:block;}
.neiye_banner_mobile{ width:100%; overflow:hidden; display:none;}
.neiye_banner_mobile img{ display:block; width:100%;}

/* about css */
.about{ width:100%; overflow:hidden;}
.about li{ width:100%; overflow:hidden; padding:50px 0;}
.about_bg{ background:url(../images/about2.jpg) center 40px no-repeat;}
.about_bg1{ background:#fbfbfb;}
.about_title{ display:block; margin:20px auto 70px auto; max-width:100%;}

.about1{ width:1024px; margin:0 auto;}
.about2{ width:450px; margin:0 31px; text-align:left;}
.about2_1{ float:left; width:100%; overflow:hidden; font-size:25px; color:#090909; font-weight:bold; line-height:34px;}
.about2_2{ float:left; width:100%; overflow:hidden; font-size:14px; color:#a1a1a1; line-height:30px; margin-top:15px;}
.about2_3{ float:left; display:block; margin-top:40px;}

.about3{ width:50%;}
.about3_1{ display:block; margin:0 auto; max-width:94%;}

/* buy css */
.buy{ width:100%; overflow:hidden;}
.buy>li{ width:100%; overflow:hidden; padding:40px 0;}
.buy_title{ display:block; margin:0px auto 30px auto; max-width:100%;}
.buy_title1{ display:block; margin:0px auto 30px auto; max-width:100%;}
.buy_title2{ display:block; margin:0px auto 30px auto; max-width:100%;}
.buy_title3{ display:block; margin:0px auto 30px auto; max-width:100%;}

.plan td { border-bottom: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; color: #6e6e6e; font-size: 12px; font-family: '宋体'; }
.plan .b-t { border-right: 1px solid #0ca684; border-bottom: 1px solid #0ca684; }
.plan b { color: #fff; font-size: 14px; }
.plan .b-l  ,  .system  .b-l { border-left: 1px solid #d3d3d3; }
.plan p , .system  p { margin-left: 20px; margin-right: 20px; line-height: 26px; color: #333 }
.buy-title { display: block; height: 72px; text-align: center; margin-bottom: 10px; }
.t1 { background: url(../images/index45.png) top center no-repeat; }
.plan .red { color: #ff0000; }
.plan .no-b ,  .system .no-b { border-bottom: none; }
.plan .no-r ,  .system .no-r { border-right: none; }
.plan tr .no-l { border-left: none; }
.p1 { position: absolute; top: 0; left: -10px; z-index: 9; width: 340px; height: 37px; background-color: #fff; padding-top: 5px; }

.buy1{ width:1024px; margin:0 auto;}
.plan{ margin:0 auto;}
.plan_button{ width:95px; display:block;}

.buy_bg{ background:#f8f7f7;}
.buy2_l{ float:left; margin-left:27px; display:block; width:407px;}
.buy2_r{ float:right; margin-right:27px; width:515px; overflow:hidden; background:url(../images/buy3_2.png) left top no-repeat;}
.buy2_r li { margin-left: 50px; font-size: 12px; text-align:left;}
.buy2_r li span { display: block; color: #555555; font-size: 20px; line-height:24px;}
.buy2_r li p{ line-height:22px; color:#a1a1a1; margin-top:15px; display:block; height:180px;}

.liucheng{ width:1024px; margin:0 auto; padding:40px 0; overflow:hidden;}
.liucheng1 li { float: left; width: 192px; margin-right: 85px; }
.liucheng1 li p { line-height: 20px; color: #555555; font-size: 12px; margin-top: 15px; text-align:left;}
.liucheng1 li:last-child{ margin-right:0;}

.pay{ width:100%; overflow:hidden; background:#f8f7f7; padding:40px 0;}
.pay1{ width:1024px; overflow:hidden; margin:0 auto;}
.pay2 { border: 1px solid #dcdcdc; border-bottom: none; border-right: none; color: #666; font-family: '宋体'; font-size: 12px; text-align:left;}
.pay2 td { border: 1px solid #dcdcdc; border-top: none; border-left: none; }
.pay2 p { margin-left: 20px; }

/* contact css */
.contact1{ width:100%; overflow:hidden; background:url(../images/contact3.jpg) center bottom no-repeat; padding:40px 0;}
.contact_title{ display:block; margin:0px auto 30px auto; max-width:100%;}
.contact2{ width:100%; font-size:14px; color:#666; line-height:20px;}
.contact3{ display:block; margin:30px auto 0 auto; max-width:100%;}
.contact4{ width:960px; margin:5px auto 0 auto; overflow:hidden;}
.contact4 li{ float:left; width:25%; overflow:hidden; padding-bottom:30px;}
.contact4_1{ display:block; margin:0 auto;}
.contact4 li p{ width:100%; overflow:hidden; font-size:16px; color:#666; line-height:25px; margin-top:25px;}

.map{ width:960px; margin:0 auto;}

.contact5{ width:100%; overflow:hidden; background:#f4f4f4; padding:60px 0 30px 0;}
.contact5_m{ width:960px; margin:0 auto;}
.contact5_l{ float:left; width:310px; overflow:hidden; text-align:left;}
.contact5_l1{ float:left; width:100%; overflow:hidden; font-size:25px; color:#090909; font-weight:bold; line-height:30px; margin-top:60px;}
.contact5_l2{ float:left; width:100%; overflow:hidden; font-size:14px; color:#a1a1a1; line-height:29px; margin-top:15px;}
.contact5_r{ float:right;}

.contact6{ width:100%; overflow:hidden; padding:40px 0;}
.contact6_1{ width:1024px; margin:0 auto; font-size:36px; font-weight:bold; color:#090909; line-height:42px;}
.contact6_2{ width:665px; margin:10px auto 0 auto; font-size:14px; color:#666; line-height:21px;}
.contact6_3{ display:block; margin:20px auto 0 auto; max-width:100%;}

/* test css */
.test{ width:100%; overflow:hidden; background:#f3f3f3 url(../images/test5.jpg) center top no-repeat;}
.test1{ margin-top:20px; display:block; width:127px; margin-left:113px;}
.test2{ width:1024px; margin:12px auto 0 auto; overflow:hidden; background:url(../images/test4.png) center top no-repeat; clear:both; padding-top:10px;}
.test_title1{ float:left; width:95%; font-size:14px; color:#000; background:url(../images/test7.png) 35px 22px no-repeat; text-align:left; padding:15px 0 15px 5%; line-height:20px;}
.test_title2{ float:left; overflow:hidden; height:31px; clear:both;}
.test_title2_1{ float:left; display:inline-block; width:2px; height:31px; background:url(../images/test3_l.png) no-repeat;}
.test_title2_2{ float:left; display:inline-block; height:31px; line-height:31px; background:url(../images/test3_m.jpg) left center no-repeat; color:#FFF; font-size:14px; text-align:left; padding-left:18px;}
.test_title2_3{ float:left; display:inline-block; width:2px; height:31px; background:url(../images/test3_r.png) no-repeat;}

.test_title3{ float:left; overflow:hidden; height:31px; clear:both;}
.test_title3_1{ float:left; display:inline-block; width:2px; height:31px; background:url(../images/test2_l.png) no-repeat;}
.test_title3_2{ float:left; display:inline-block; height:31px; line-height:31px; background:url(../images/test2_m.jpg) left center no-repeat; color:#FFF; font-size:14px; text-align:left; padding-left:18px; font-weight:bold;}
.test_title3_3{ float:left; display:inline-block; width:2px; height:31px; background:url(../images/test2_r.png) no-repeat;}

.test_width93{ width:74px;}
.test_width944{ width:944px;}
.test_width428{ width:428px;}
.test_width400{ width:400px;}
.test_width940{ width:940px;}
.test_width908{ width:908px;}
.test_left30{ margin-left:30px;}

.test_line{ width:1012px; height:0; border-bottom:1px solid #FFF; border-top:1px solid #cdcdcd; margin:0 auto; clear:both;}

.test3{ text-align:left; width:926px; margin:0 auto; padding:20px 20px; overflow:hidden; line-height:20px; color:#333;}
.test4{ text-align:left; width:966px; margin:0 auto; overflow:hidden; line-height:20px; color:#333;}
.test4_table1 td{ padding:10px 5px;}
.test5{ width:100%; overflow:hidden; padding-bottom:10px;}
.test5 li{ float:left; width:23%; background:#FFF; border:1px solid #e5e5e5; border-top:3px solid #4b89c6; text-align:left; height:200px; margin:0px 3% 20px 3%; padding:20px 2% 20px 2%; overflow:hidden;}
.test5_1{ float:left; width:100%; line-height:20px; font-size:14px; color:#333;}
.test5_2{ float:left; width:100%; line-height:20px; margin-top:20px;}

.test6{ width:100%; overflow:hidden; padding-bottom:10px;}
.test6 li{ float:left; width:44%; text-align:left; margin:0px 3% 20px 3%; overflow:hidden;}
.test6_1{ width:95%; height:430px; overflow:hidden; background:#FFF; padding:10px 2%; border:1px solid #e3e3e3; margin:0 auto;}
.test6_2{ width:96%; line-height:20px; color:#333; padding:15px 2%; overflow:hidden;}

.test7{ width:100%; overflow:hidden; padding-bottom:10px;}
.test7_l{ float:left; width:44%; text-align:left; margin-left:3%;}
.test7_r{ float:right; width:44%; text-align:left; margin-right:3%;}
.test7_l li{ padding-bottom:20px;}
.test7_l1{ width:93%; overflow:hidden; background:#FFF; padding:20px 3%; border:1px solid #e3e3e3; margin:0 auto; color:#333; line-height:20px;}

.test8{ width:94%; overflow:hidden; margin:0 auto;}
.test8_1{ width:96.6%; background:#FFF; overflow:hidden; border:1px solid #e5e5e5; margin:0 auto; padding:10px 1.5%;}
.test8_2{ width:100%; text-align:left; color:#333; line-height:20px; padding:15px 0; overflow:hidden;}

/* pro css */
.pro{ width:100%; overflow:hidden;}
.pro_line{ width:100%; height:0px; border-bottom:1px dashed #87ab66;}
.pro_dowm{ position:absolute; top:-15px; left:52px; width:32px; height:32px; display:block;}
.pro1{ position:relative; width:970px; margin:40px auto 0 auto;}
.pro1_1{ position:absolute; top:0; left:18px; display:block; width:100px; height:100px;}
.pro1_2{ width:913px; margin-left:67px; border-left:1px solid #87ab66; border-left-style:dashed; padding:0 0 42px 0;}

.pro2_bg{ width:100%; background:#f8f7f7;}
.pro2{ position:relative; width:970px; margin:0 auto;}
.pro2_1{ position:absolute; top:50%; margin-top:-50px; left:18px; display:block; width:100px; height:100px;}
.pro2_2{ width:913px; margin-left:67px; border-left:1px solid #87ab66; border-left-style:dashed; padding:48px 0 42px 0;}
.system { font-family: '宋体'; margin-left: 90px; font-size: 14px; width:777px;}
.system td>b{ color:#FFF;}
.system td { border: 1px solid #d3d3d3; border-top: none; border-left: none; }
.system .b1 { border: 1px solid #0ca684; border-bottom: none; border-top: none; }
.system .b2 { border-right: 1px solid #5ac1eb; }
.system .b3 { border-right: 1px solid #ce5353; }
.system p { margin-left: 20px; margin-right: 20px; }

.pro3{ position:relative; width:970px; margin:0 auto;}
.pro3_1{ position:absolute; top:50%; margin-top:-50px; left:18px; display:block; width:100px; height:100px;}
.pro3_2{ width:913px; margin-left:67px; border-left:1px solid #87ab66; border-left-style:dashed; padding:48px 0 42px 0; text-align:left;}
.bg9 { background: url(../images/pro10.png) center right no-repeat; padding:20px 0;}
.system .tech-p { width: 397px; color: #333; }
.system .tech-p p { margin: 0; line-height: 26px; }

.pro4_bg{ width:100%; background:#f8f7f7;}
.pro4{ position:relative; width:970px; margin:0 auto;}
.pro4_1{ position:absolute; top:50%; margin-top:-50px; left:18px; display:block; width:100px; height:100px;}
.pro4_2{ width:913px; margin-left:67px; border-left:1px solid #87ab66; border-left-style:dashed; padding:48px 0 42px 0; text-align:left;}
.bg10 { background: url(../images/pro11.png) center right no-repeat; min-height: 205px; padding:40px 0;}

.bg11{ background: url(../images/pro13.png) center right no-repeat; min-height:380px;}
.bg12{ background: url(../images/pro14.png) center right no-repeat; min-height:320px;}
.bg13{ background: url(../images/pro15.png) top right no-repeat; background-size:auto 200px; min-height:240px;}
.bg14{ background: url(../images/pro16.png) center right no-repeat; min-height:320px;}

.min-height318{ min-height:318px;}

.pro_title{ font-size:16px; font-weight:bold; color:#333; text-align:left; line-height:40px; margin-left:90px;}

/* mobile css */
.swiper-container {
	width: 100%;
	height: 100%;
	display:none;
	position:relative;
	z-index:100;
	overflow:hidden;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background:none;
	
	/* 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;
}

/* news css */
.news1{ margin:40px auto 0 auto; display:block;}
.newslist1{ width:970px; margin:0 auto; padding:50px 0 50px 0;}
.newslist1 li { height: 47px; line-height: 47px; background: url(../images/news2.png) no-repeat 113px 19px; }
.newslist1 li span { display: block; width: 118px; border-right: 1px solid #dbdbdb; float: left; color: #666666; }
.newslist1 li a { display: block; float: right; width: 790px; color: #666666; padding-left: 40px; }
.newslist1 li a font { float: left; font-size: 14px; font-family: '微软雅黑'; color: #666666; display:block; max-width:70%; text-align:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.newslist1 li a img { float: left; margin: 10px 0 0 20px; display: none; }
.newslist1 li:hover { background: url(../images/news3.png) no-repeat 111px 19px; }
.newslist1 li:hover span { font-weight: bold; }
.newslist1 li:hover a { font-weight: bold; text-decoration: underline; }
.newslist1 li:hover a img { display: block; }
.newstitle { display: block; line-height: 38px; text-align: center; font-size: 28px; color: #000000; width: 670px; margin: 0 auto;}
.newstime { height: 52px; line-height: 52px; display: block; text-align: center; color: #999999; border-bottom: 1px solid #f4f4f4; margin: 0 30px 20px; }
.page{ width:100%; padding:20px 0 50px 0;}

/* newsIn css */
.newsIn{ width:1024px; margin:40px auto 0 auto;}
.newstitle { display: block; line-height: 38px; text-align: center; font-size: 28px; color: #000000; width: 670px; margin: 0 auto;}
.newstime { height: 52px; line-height: 52px; display: block; text-align: center; color: #999999; border-bottom: 1px solid #f4f4f4; margin: 0 30px 20px; font-size:14px;}
.arc { margin: 0 30px; line-height: 30px; color: #000;}
.newsIn1{ text-align:left; font-size:14px; color:#666;}
.edit { border-bottom: 1px solid #eeeeee; padding: 20px 0 30px; }
.edit span { display: block; line-height: 23px; text-align: right; color: #666666; font-size: 12px;}
.page1{ width:100%; padding:20px 0 80px 0;}
.page1 span { display: block; width: 49%; overflow: hidden; color: #666666;}
.page1 a { color: #666;}
.page1 .pre { float: left; text-align: left; width:48%; font-size:14px;}
.page1 .next { float: right; text-align: right; width:48%; font-size:14px;}

.index_mobile{ display:block;}
.index1_mobile{ display:none;}

}