@charset "utf-8";
/* CSS Document */

	html, body {position: relative;height: 100%; font-family: "微软雅黑";background: #fff; font-size:14px;}
		body {background: #eee;font-family: "微软雅黑";font-size: 14px;color:#fff;margin: 0;padding: 0;overflow: hidden;width: 100%;}
		.swiper-container {width: 100%;height: 100%;}
		.swiper-slide {text-align: center;font-size: 0.15rem;background: #000;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;}
		*{webkit-tap-highlight-color: transparent;}

		/*进度点处理*/
		.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0.05rem 0rem;}
		.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet-active{margin: 0.05rem 0rem;}
		.swiper-pagination-bullet {width:0.17rem;height: 0.17rem;opacity: 1;  background: url(../Images/dot_big.png) center center  no-repeat; background-size:0.06rem;}
		.swiper-pagination-bullet-active {width:0.17rem;height: 0.17rem;opacity: 1;background: url(../Images/dot_big.png) center center  no-repeat; background-size:0.117;}
		.swiper-container-vertical > .swiper-pagination-bullets{right: 1.225rem;}
		/*进度点处理*/

		/* swiper bg*/
		.page0{width: 100%; height: 100%;position: relative;/*background:url(../Images/banner1.jpg) center 0  no-repeat ; background-size: cover;*/animation: pulse 12s infinite 2s;
     -webkit-animation: pulse 12s infinite 2s;  /*背景放大动态*/}
		.page1{width: 100%; height: 100%;position: relative;background:url(../Images/banner2.jpg) center 0  no-repeat ; background-size: cover;}
		.page2{width: 100%; height: 100%;position: relative;background:url(../Images/banner3.jpg) center 0  no-repeat ; background-size: cover;/*animation: pulse 12s infinite 2s;
     -webkit-animation: pulse 12s infinite 2s; */ /*背景放大动态*/}
		.page3{width: 100%; height: 100%;position: relative;background:url(../Images/banner4.jpg) center 0  no-repeat ; background-size: cover;}
		.page4{width: 100%; height: 100%;position: relative;background:url(../Images/banner5.jpg) center 0  no-repeat ; background-size: cover;}
		.page5{width: 100%; height: 100%;position: relative;background:url(../Images/banner6.jpg) center 0  no-repeat ; background-size: cover;}
		.page6{width: 100%; height: 100%;position: relative;background:#000 ; background-size: cover;}
        .page7{width: 100%; height: 100%;position: relative;background:#900  ; background-size: cover;}
		.page8{width: 100%; height: 100%;position: relative;background:#666  ; background-size: cover;}
        .page9{width: 100%; height: 100%;position: relative;background:#930  ; background-size: cover;}

		
		
		
		
		
		
		.page4 span a{color:#fff}
		#jzProContainer {position: relative; width: 100%;height: 100%;}
		.page{position: relative;width: 100%;height: 100%;}
		.clearfloat{clear: both;}
		.text_bg{position: absolute; left: 0; right: 0; margin: auto; background-position: 0 0; background-repeat: no-repeat;}
		.btn_reg{margin: auto; background-position:  center center; background-repeat: no-repeat;cursor: pointer;font-size: 0.2rem;color: #fff;}
		.pageContent{z-index: 101;position: relative;height: 100%;width:100%;margin: 0 auto;}

		.hideBody{visibility: hidden;}
		.page_headline{font-size:0.4rem;margin: 0 auto;}
		.page_subtitle{font-size:0.15rem;margin: 0 auto;margin-top: 0.08rem;}
		.swiper-slide .ani{-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}



		.pageContent_1{position: relative;width:100%;height: auto;top:10%;margin:0 auto;}
		.page1_headline{font-size: 0.53rem;color: #fff;}
		.page1_subtitle_bg{width:80%;/*height:184px;*/margin: 10px auto;}
		.btn_1{width: 1.74rem;height:0.42rem;line-height: 0.41rem;margin-top: 0.46rem;background:#31d884;border-radius: 0.084rem;}
		.btn_1:hover{background: #3de08e;}

		.containerTxt{position: relative;width: 100%;height: auto;top: 19.47%;right: 0;left: 0;margin: auto;color: #3b3b3b;background-image:none;}
		.page2 .btn2{position: absolute;bottom: 1.16rem;left: 0;right: 0;margin: auto;width: 1.61rem;height: 0.383rem;line-height: 0.383rem;border-radius: 0.084rem;font-size: 0.166rem;background: #0066e9 !important;}
		.page2 .btn2:hover{background: #ABABAC !important;}
		.Mac_phone{width:6.825rem;height: 3.96rem;position: absolute;top: 24%;left: 0;right: 0;margin: auto;}

/*		.page4 .stepJZ{ width: 0.46rem;background-image: url(//jz.faisys.com/image/baiduHome/proVersion/proVer5/monitors2.png?v=201706221635);background-size: 0.46rem;}
*/		


		.fkjzCase{width: 10.2rem;height: auto;top: 25.4%;position: absolute;left: 0;right: 0;margin: auto;}
		.fk_caseItem_mid{margin: 0 0.55rem;}
		.fkjzCase .fk_caseItem {
			float: left;width: 3.4rem;height: 1.9rem; margin-bottom: 0.45rem;
		    position: relative;-webkit-transition: -webkit-transform .2s ease-out;-moz-transition: -moz-transform .2s ease-out;-o-transition: -o-transform .2s ease-out;-ms-transition: -ms-transform .2s ease-out;transition: transform .2s ease-out;
		}
		.fkjzCase .fk_caseItem:hover {-webkit-transform: scale(1.04);-ms-transform: scale(1.04);-moz-transform: scale(1.04);-o-transform: scale(1.04);transform: scale(1.04);}
		.knowMore{font-size: 0.116rem; text-indent:0.15rem;position: absolute;top: -0.2rem;right:0;padding-right: 0.075rem;cursor: pointer;}
		.knowMore a{ color:#FFF}
		.fkjzCase .knowMore{background-image: url(../Images/Arrow_03.gif);background-size:0.116rem;background-repeat:no-repeat;background-position: 0 center;}
		.btn_regCase{position: absolute;top:85%;left: 0;right: 0;margin: auto;width: 1.61rem;height: 0.383rem;line-height: 0.383rem;}
		.btn_regCase{border-radius: 0.084rem;font-size: 0.166rem;}
		.btn_regCase:hover{background: #ABABAC;}


		.page5 .headline5{width: 100%;position: absolute;top: 19.6%;left:0;right: 0;margin: auto;color: #fff;font-size: 0.4rem;text-align: center;}
		.page5 .btn5{width: 1.61rem;height: 0.384rem;top: 80%;position: absolute;left: 0;right: 0;margin: auto;font-size: 0.166rem;line-height: 0.384rem;background: #31d884;border-radius: 0.084rem;}
		.page5 .btn5:hover{background: #3de08e;}


		.stepUl{width: 8.84rem;height:2.8rem;margin: 0 auto;list-style: none;height: auto;position: absolute;left: 0;right: 0;top:34%;margin: auto;}
		.stepLi{width:2.25rem;height: 2.85rem;background:url(../Images/ysbg.png);float: left;position: relative;}
		.stepLiMid{margin: 0 1rem;}
		.icon_Li{width: 100%;height: 1.45rem;background-position: center center;background-repeat: no-repeat;color: #fff;}
		.icon_account{background-image: url(../Images/index_www.png);background-size:0.58rem ;}
		.icon_document{background-image: url(../Images/index_tuig.png);background-size: 0.75rem;}
		.icon_pc{background-image: url(../Images/index_fuwu.png);background-size: 0.85rem;}
		.icon_Li_arrow{
			position: absolute;top: 0;width: 0.12rem;background-size: 0.11rem; height: 100%;
			background-position:center center; background-image: url(../Images/icon_arrow.png);background-repeat: no-repeat;
		}
		.icon_Li_arrow_left{left: -0.46rem;}
		.icon_Li_arrow_right{right: -0.46rem;}


		.headline_big{font-size: 0.2rem;line-height: 0.45rem;}
		.headline_small{width:2.05rem;font-size: 0.125rem;line-height: 0.2rem; margin-left:0.1rem}
		.content_li{text-align: center;overflow: hidden;}


		/*按钮 start*/
		.set_4_button2 {
		  font-weight: 400;
		  text-align: center;
		  width: auto;
		  line-height:70px;
		  font-size: 21px;
		  overflow: hidden;
		  position: absolute;
		  z-index: 0;
		  cursor: pointer;
		  color: #fff;
		  border-radius: 35px;
		  border: solid #fff 1px;
		  width: 220px;
		  text-align: center;
		    font-size: 0.166rem;
		        width: 1.61rem;
		    height: 0.383rem;
		    line-height: 0.383rem;
		    border-radius: 0.084rem;
		}
		.set_4_button2.raised {
		  -moz-transition: all 0.1s;
		  -o-transition: all 0.1s;
		  -webkit-transition: all 0.1s;
		  transition: all 0.1s;
		}
		.anim {
		  -moz-transform: translateY(-50%) translateX(-50%);
		  -ms-transform: translateY(-50%) translateX(-50%);
		  -webkit-transform: translateY(-50%) translateX(-50%);
		  transform: translateY(-50%) translateX(-50%);
		  position: absolute;
		  top: 50%;
		  left: 50%;
		  z-index: -1;
		}
		.anim:before {
		  position: relative;
		  content: '';
		  display: block;
		  margin-top: 100%;
		}
		.anim:after {
		  content: '';
		  position: absolute;
		  top: 0;
		  bottom: 0;
		  left: 0;
		  right: 0;
		  border-radius: 50%;
		}
		.hoverable .anim {
		  -moz-animation: anim-out 0.75s;
		  -webkit-animation: anim-out 0.75s;
		  animation: anim-out 0.75s;
		}
		.hoverable .anim:after {
		  -moz-animation: anim-out-pseudo 0.75s;
		  -webkit-animation: anim-out-pseudo 0.75s;
		  animation: anim-out-pseudo 0.75s;
		}
		.hoverable .anim, .hoverable .anim:after{
			animation-iteration-count: infinite;
			animation-duration: 1.3s;
		}
		@-webkit-keyframes anim-in {
		  0% {
		    width: 0%;
		  }
		  100% {
		    width: 100%;
		  }
		}
		@-moz-keyframes anim-in {
		  0% {
		    width: 0%;
		  }
		  100% {
		    width: 100%;
		  }
		}
		@-ms-keyframes anim-in {
		  0% {
		    width: 0%;
		  }
		  100% {
		    width: 100%;
		  }
		}
		@keyframes anim-in {
		  0% {
		    width: 0%;
		  }
		  100% {
		    width: 100%;
		  }
		}
		@-webkit-keyframes anim-in-pseudo {
		  0% {
		    background: rgba(0, 0, 0, 0.25);
		  }
		  100% {
		    background: transparent;
		  }
		}
		@-moz-keyframes anim-in-pseudo {
		  0% {
		    background: rgba(0, 0, 0, 0.25);
		  }
		  100% {
		    background: transparent;
		  }
		}
		@-ms-keyframes anim-in-pseudo {
		  0% {
		    background: rgba(0, 0, 0, 0.25);
		  }
		  100% {
		    background: transparent;
		  }
		}
		@keyframes anim-in-pseudo {
		  0% {
		    background: rgba(0, 0, 0, 0.25);
		  }
		  100% {
		    background: transparent;
		  }
		}
		@-webkit-keyframes anim-out {
		  0% {
		    width: 0%;
		  }
		  100% {
		    width: 100%;
		  }
		}
		@-moz-keyframes anim-out {
		  0% {
		    width: 0%;
		  }
		  100% {
		    width: 100%;
		  }
		}
		@-ms-keyframes anim-out {
		  0% {
		    width: 0%;
		  }
		  100% {
		    width: 100%;
		  }
		}
		@keyframes anim-out {
		  0% {
		    width: 0%;
		  }
		  100% {
		    width: 100%;
		  }
		}
		@-webkit-keyframes anim-out-pseudo {
		  0% {
		    background: rgba(0, 0, 0, 0.25);
		  }
		  100% {
		    background: transparent;
		  }
		}
		@-moz-keyframes anim-out-pseudo {
		  0% {
		    background: rgba(0, 0, 0, 0.25);
		  }
		  100% {
		    background: transparent;
		  }
		}
		@-ms-keyframes anim-out-pseudo {
		  0% {
		    background: rgba(0, 0, 0, 0.25);
		  }
		  100% {
		    background: transparent;
		  }
		}
		@keyframes anim-out-pseudo {
		  0% {
		    background: rgba(0, 0, 0, 0.25);
		  }
		  100% {
		    background: transparent;
		  }
		}
		/*按钮 end*/
		.btn_1.set_4_button2{
			width: 1.74rem;
		    height: 0.42rem;
		    line-height: 0.41rem;
		    margin-top: 0.46rem;
		    background: none;
		    left: 50%;
		    margin-left: -0.87rem;
		}
		.page2 .btn2.set_4_button2{
			background: none;
			border-radius: 0.084rem;
		}
		
		
		
		
		
		
.head {
	 z-index:99;
	 width:100%;
	  font-family:'微软雅黑';
	   font-size:14px; 
	    height:128px;
		position: absolute;
/*		background:#FFF;
		filter:alpha(opacity=10);
		opacity:0.1;*//*背景透明度*/
/*		BACKGROUND: url(../Images/headbg.png) repeat-x;
*/}

.head_top {
	width: 30%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	float:left;
}


/*中文外语链接*/
/*
.header_Member{
	width:20%;
	text-align:right;
	float:right;
	}
.header_Member a{
	color:#FFF;
	width: 50%;
	float:left;
}*/
/*主菜单，有下拉*/
.header_nav{
	width:70%;
	text-align:right;
	float:right;
	padding-top: 50px;
	}
ul {
	list-style:none;
}
#southidc_net {
	font-family:"雅黑宋体", "微软雅黑", "新宋体", "宋体";
	font-size:17px;
	text-align:center;
	height:39px;
/*	float:right;
margin-left:150px;*/	
}
#southidc_net a {	
	text-decoration:none;
	font-size:1em;
	font-size:15px;
}
#southidc_net li ul {
	display:none;	
}
#southidc_net li ul li {
	float:none;	
}
*html #southidc_net li ul li {
	display:inline;
}
#southidc_net li ul a {
	float:none;
	height:39px;
	line-height:39px;
	padding:0 10px;
	text-transform:capitalize;	
}
#southidc_net .height-auto {
	line-height:15px;
	padding:5px 10px;
}
.second-menu, .third-menu, .fourth-menu {
	position:absolute;
}
.first-menu li {
	float:left;
	position:relative;	
	z-index:100;
}
.first-menu a {
	color:#FFF;
	float:left;
	display:block;	
	padding:0 10px;
	height:39px;
	line-height:39px;
	font-size:.7em;
/*	background-image: url(../Images/head_mainmenu_bg1.jpg);
*/}
.first-menu a:hover {
	color:#F00

}
.second-menu {
	top:39px; /*控制下拉高度*/
	left:0;  /*right向左展开，left向右展开*/
}
*html .second-menu {
	right:-1px;
}
.second-menu a {
	font-size:11px;
	background-image: url(../Images/head_second-menu_bg1.jpg);
}
.second-menu a.mobanwang {
	background:#8f8f8f url(images/menubg.gif) no-repeat right top;
}
.second-menu a.mobanwang:hover {
	background:#5f5e5e url(images/menubg.gif) no-repeat right -32px;
}
.second-menu a.mobanwang-02 {
	background:#8f8f8f url(images/menubg.gif) no-repeat right -64px;
}
.second-menu a.mobanwang-02:hover {
	background:#5f5e5e url(images/menubg.gif) no-repeat right -110px;
}
.third-menu, .fourth-menu {
	width:177px;
	top:0;
	left:177px;
}
.third-menu a {
	background:#4c4c4c;
	font-weight:normal;
	border-top:1px solid #595959;
	border-left:1px solid #595959;
	border-bottom:1px solid #333;
	border-right:1px solid #333;
}
#submenu {
	width:177px;
}
.bt{
background:url(../Images/lj.png); 
width:196px;
 height:48px;
  margin:0 auto;
	}
.bt a{
	line-height:48px;
	color: #fff;
	}			

.bt a:hover{
	color: #F93;
	}	
	
	
	

#body   .tab-hd {background:url(../images/nav_bg.jpg) repeat-x 0 bottom;
 overflow:hidden; zoom:1;height:30px;}
#body   .tab-hd li{ float:left; width:90px; text-align:center; cursor:pointer;height:30px; }
#body   .tab-hd li a{olor:#FFF; text-align:center; cursor:pointer;height:30px; line-height:30px; overflow:hidden;}
#body   .tab-hd li.active{color:#1c53a6;	font-weight:bold;width:90px; text-align:center; background-image: url(../Images/title_icon1.png);}
#body   .tab-hd li.active a{color:#1c53a6; width:90px; height:30px;background-repeat: no-repeat;text-align:center}	
/*#body   .tab-bd{ width:300px; float:left;}*/
#body   .tab-bd li{display:none; border-top:0 none;}
.newd{width:328px; height:294px; float:left;margin-top:40px;color: #000; }
.newd .bd{width:328px; height:294px; overflow:hidden; line-height:30px;color: #fff;}
.newd .bd p{float:left; width:307px;text-align:left;font-size:12px;color: #08491A;margin-left:20px}
.newd .bd p a{ color: #fff;  }
.newd .bd p  a:hover{ color: #08491A; }
.newd .DivLi{ width:307px; height:30px; overflow:hidden;float:left;}
.newd .DivRight{width:307px; margin-left:8px; float:left; } 
.newd ul li a{ color:#08491A}
.mored{width:1000px;}
.mored a{width:330px; color:#fff; float:left; text-align:right}	

.aboutnr{ width:80%; height:60%; margin:0 auto}	
.about{ width:100%; text-align:left;}
.jmore{ width:100%; text-align:left; padding-bottom:10px;}	
.anli{ width:100%; margin:0 auto; text-align:left; position: relative;transition: all .3s ease; display: flex;flex-direction: row; justify-content: center;  align-items: center;justify-content: space-between;margin-top: -1px;}
.anli{justify-content:space-between;margin-top:-1px}
.anl{width:50%;position:relative;}
.anl:hover{z-index:1;}
.anl a{display:block;height:100%}
.anl img{transition:all .3s ease;position:absolute;}
.anl .img-b{opacity:0;visibility:hidden}
.anl:hover .img-a{opacity:0;visibility:hidden}
.anl:hover .img-b{opacity:1;visibility:visible}
.anlr{position:relative;}
.anlr:hover{z-index:1;}
.anlr a{display:block;}
.anlr img{transition:all .3s ease;position:absolute; width:80%; padding-top:50px;}
.anlr .img-b{opacity:0;visibility:hidden}
.anlr:hover .img-a{opacity:0;visibility:hidden}
.anlr:hover .img-b{opacity:1;visibility:visible}


#a4 {
	height:auto;
	width:90%;
	margin:0 auto;
	text-align:center;
}
.pro{width:23%;float:left; background:#207DCA; margin-right:5px;box-shadow:2px 4px 0px 0 rgba(244, 244, 244, 0.29)}
.pro a{ color:#FFF}


.fbt{width:60%;margin:0 auto; text-align:center}



.con1con{width:300px;height:300px; margin-top:7px;}
.con1con ul{width:300px;}
.con1con li{width:300px;height:300px;float:left;overflow:hidden;position:relative;}
.con1con li a{display:block;width:600px;height:300px;position:absolute;left:0;top:0}
.con1con li a img{display:block;float:left;}




.cnnew .DivLi{width:100%;overflow:hidden; margin-bottom:10px; background: #FFF; }
.cnnew .DivLi a{color: #000;font-size: 16px; font-weight:bold;}
.cnnew .DivLi:hover { background-color:rgba(31, 124, 201, 0.25);color: #fff;}
.cnnew .DivLi:hover a{color: #F00}
.cnnew .DivLeft{overflow:hidden; width:30%; float:right;/*border: 3px solid rgba(51, 100, 158, 0.16);*/text-align: center;}
.cnnew .DivLeft:hover{/*border: 3px solid rgba(255, 51, 0, 0.53);*/}
.cnnew .DivLeft img{transition:all .3s ease; width:50%;margin:20px}
.cnnew .DivLi:hover .DivLeft img{transform:scale(1.1)}/*鼠标滑过图片放大，需要最外面父类的div定义鼠标在上面*/
.DivRight{ width:50%;padding-top:25px;float:left; margin-left:3%;font-size:14px;overflow:hidden; line-height:30px;}



/*右侧QQ*/
.izl-rmenu{position:fixed; right:0;/* margin-right:20px;*/top:23%; padding-bottom:20px; z-index:999;right: -90px; }
.izl-rmenu .btn{width:160px; height:70px; margin-bottom:1px; cursor:pointer; position:relative; text-align:center;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#2890E7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#999; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#999;}
.izl-rmenu .btn-wx:hover{background-color:#2379C0;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#999;}
.izl-rmenu .btn-phone:hover{background-color:#1B5A8E;}
.izl-rmenu .btn-phone .phone{background-color:#1B5A8E; position:absolute; width:295px; left:-295px; top:0px; line-height:70px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}
/*右侧QQ结束*/




/*联系我们*/
.lxwm{width:90%; margin:15px auto; height:130px; background-color:rgba(0, 0, 0, 0.7); color:#FFF;}
.lxwmwz{ line-height:37px; width: 33%; float: left; text-align: center;  margin-top:15px;}
.lxwmwz a{ color: #fff;}

/*联系我们结束*/
.footer{ z-index: 99;position: absolute;bottom: 0;width: 100%;background:#000;line-height:25px;font-size: 12px; color:#CCC;text-align: left;}
.footer a{color:#CCC;}