@charset "utf-8";
/* CSS Document */
/* 设计制作：张工.QQ：314512911.TEL：15050830151 	WEBSITE：http://www.xzec.net */
/*about*/

.ny_banner{width:100%; height:260px; clear:both}

#about{background:url(../images/about_banner.jpg) no-repeat top center; margin-top:0px;}
#pro{background:url(../images/pro.jpg) no-repeat top center; margin-top:0px;}
#news{background:url(../images/news.jpg) no-repeat top center; margin-top:0px;}
#fuwu{background:url(../images/fuwu.jpg) no-repeat top center; margin-top:0px;}
#job{background:url(../images/job.jpg) no-repeat top center; margin-top:0px;}
#cont{background:url(../images/Contact.jpg) no-repeat top center; margin-top:0px;}

.ny_wrap{padding:20px 0px 50px; background:#f7f7f7; clear:both}

.ny_l{width:240px; float:left;}

.sub{width:238px; padding:20px 0px; border:#e6e6e6 1px solid; background:#fff; margin-bottom:15px; float:left}

.sub h2{font-size:20px; color:#333; margin:0px 30px; line-height:45px; border-bottom:#e6e6e6 1px solid; clear:both}

.sub ul{width:100%; margin-top:10px; clear:both;}

.sub ul li{width:100%; height:36px; line-height:36px; text-indent:2em; margin-bottom:5px; clear:both;}

.sub ul li a{color:#666; display:block;}

.sub ul li a:hover,.sub ul li a.active{background:url(../images/sub_hover.jpg) no-repeat left center; color:#0066FF}

.phone{float:left;}

.ny_r{width:870px; padding:30px; background:#fff; border:#e6e6e6 1px solid; float:right}

.ny_rt{width:100%; height:46px; line-height:46px; background:url(../images/dian.jpg) repeat-x bottom; clear:both}

.ny_rt h2{float:left; font-weight:normal; color:#808080; height:45px; padding:0px 30px; border:#e6e6e6 1px solid; border-bottom:none; background:#fff; margin-left:5px;}

.ny_rt span{float:right; color:#999; font-size:12px;}

.ny_rt span a{color:#999;}

.ny_rt span img{vertical-align:middle; padding-right:10px;}

.ny_rd{
	width:100%;
	padding-top:20px;
	line-height:30px;
	clear:both;
	color: #333333;
}



.honor li{width:244px; text-align:center; margin:0px 5px 10px; background:#ddd; border:#ddd 2px solid; float:left;}

.honor li img{width:244px; height:164px; float:left}

.honor li p{line-height:35px; color:#666; height:35px; overflow:hidden; clear:both}

.honor li:hover{background:#0b69c3; border:#0b69c3 2px solid;}

.honor li:hover p{color:#fff;}





/*news*/

.news_bds{width:100%; padding-bottom:10px; border-bottom:#e5e5e5 1px dashed; float:left;}

.news_bds img{width:340px; height:140px; border:#e6e6e6 1px solid; margin-right:25px; float:left;}

.news_bds h3{height:32px; line-height:32px; overflow:hidden;}

.news_bds h3 a{color:#333;}

.news_bds h3 a:hover{color:#0b69c3;}

.news_bds div{line-height:22px; height:45px; color:#666; overflow:hidden;}

.news_bds p{font-size:12px; color:#999;}

.news_bds p a{width:162px; line-height:34px; display:inline-block; font-size:14px; text-indent:3em; background:#0b69c3; color:#fff;}

.news_bdx{width:100%; padding-bottom:20px; float:left;}

.news_bdx dl{width:100%; margin:10px 0px; height:108px; float:left;}

.news_bdx dl dt{width:88px; padding:18px 0px; height:70px; color:#999; border:#eee 1px solid; text-align:center; font-family:Arial, Helvetica, sans-serif; float:left;}

.news_bdx dl dt h1{font-size:42px; line-height:44px; font-weight:normal;}

.news_bdx dl dt p{font-size:16px; line-height:24px;}

.news_bdx dl dd{width:720px; padding:20px; height:66px; border:#eee 1px solid; float:right;}

.news_bdx dl dd a{color:#666;}

.news_bdx dl dd a h3{height:32px; line-height:32px; overflow:hidden;}

.news_bdx dl dd a p{height:36px; line-height:18px; overflow:hidden;}

.news_bdx dl:hover dt{background:#0b69c3; color:#fff;}

.news_bdx dl:hover dd{background:#0b69c3;}

.news_bdx dl:hover dd a{color:#fff;}



/*product*/

.pro_list li{width:244px; text-align:center; margin:0px 5px 10px; background:#ddd; border:#ddd 2px solid; float:left;}

.pro_list li img{width:244px; height:244px; float:left}

.pro_list li p{line-height:35px; color:#666; height:35px; overflow:hidden; clear:both}

.pro_list li:hover{background:#0b69c3; border:#0b69c3 2px solid;}

.pro_list li:hover p{color:#fff;}



/*contact*/

.con_l{width:400px; line-height:26px; padding-left:20px; float:left;}

.con_l h3{line-height:35px; clear:both}

.con_r{float:left;}

.con_r li{width:110px; padding-left:10px; text-align:center; float:left;}

.con_r li img{width:110px; height:110px; float:left;}

.con_r li p{line-height:30px; font-size:12px; clear:both}



#lanren #audio-btn{width: 44px;height: 44px; position:fixed; z-index:999999; top:0; left:0;}

#lanren .on{background: url(../images/music_on.png) no-repeat 0 0;-webkit-animation: rotating 1.2s linear infinite;animation: rotating 1.2s linear infinite;}

#lanren .off{background: url(../images/music_off.png) no-repeat 0 0;}

@-webkit-keyframes rotating {

	from{

		-webkit-transform: rotate(0deg);

		-moz-transform: rotate(0deg);

		-ms-transform: rotate(0deg);

		-o-transform: rotate(0deg);

    	transform: rotate(0deg);

	}

	to{

		-webkit-transform: rotate(360deg);

		-moz-transform: rotate(360deg);

		-ms-transform: rotate(360deg);

		-o-transform: rotate(360deg);

		transform: rotate(360deg);

	}

}

@keyframes rotating {

    from{

        -webkit-transform: rotate(0deg);

		-moz-transform: rotate(0deg);

		-ms-transform: rotate(0deg);

		-o-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    to{

        -webkit-transform: rotate(360deg);

		-moz-transform: rotate(360deg);

		-ms-transform: rotate(360deg);

		-o-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}

/*list*/
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}

.demo{width:890px; margin-left:-6px;}
.demo li{float:left;margin:10px;width:272px;overflow:hidden;border:solid 1px #ddd;display:inline;position:relative;}
.demo li:hover{
	background-color: #d4e9fc;
}
.demo li .subsummary{
	height:30px;
	line-height:30px;
	overflow:hidden;
	padding:0 5px;
	border-top:solid 1px #ddd;
	text-align: center;
	background-color: #d4e9fc;
}
.demo li .subsummary a{
	font-size:14px;
	text-decoration:none;
	color:#333333;
}
.demo li .subsummary a:hover{
	color: #FF0000;
}
/* ver_pic */
.ver_pic{
	width:272px;
	height:200px;
	text-align:center;
	position:relative;
	display:table-cell;
	vertical-align:middle;
	margin: 2px;
}
.ver_pic .subpic{*position:absolute;top:50%;left:50%;}
.ver_pic .subpic img{*position:relative;top:-50%;left:-50%; }

.demo_1{width:1100px;margin:0 auto;}
.demo_1 li{float:left;margin:10px;width:240px;overflow:hidden;border:solid 1px #ddd;display:inline;position:relative;}
.demo_1 li:hover{
	background-color: #dfffdf;
}
.demo_1 li .subsummary{
	height:30px;
	line-height:30px;
	overflow:hidden;
	padding:0 5px;
	border-top:solid 1px #ddd;
	text-align: center;
	background-color: #DFFFDF;
}
.demo_1 li .subsummary a{
	font-size:14px;
	text-decoration:none;
	color:#333333;
}
.demo_1 li .subsummary a:hover{
	color: #FF0000;
}
/* ver_pic */
.ver_pic_1{
	width:240px;
	height:170px;
	text-align:center;
	position:relative;
	display:table-cell;
	vertical-align:middle;

}
.ver_pic_1 .subpic{*position:absolute;top:50%;left:50%;}
.ver_pic_1 .subpic img{*position:relative;top:-50%;left:-50%; }

		/* 系统介绍 */
		.slideTxtBox{ width:860px; border:1px solid #ddd; text-align:left; margin-left:5px; margin-top:30px;}
		.slideTxtBox .hd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 10px 0 20px;   border-bottom:1px solid #ddd;  position:relative; }
		.slideTxtBox .hd ul{ float:left;  position:absolute; left:20px; top:-1px; height:32px;   }
		.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer;  }
		.slideTxtBox .hd ul li.on{ height:30px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
		.slideTxtBox .bd ul{
	padding:15px;
	zoom:1;
	line-height:30px;
	color: #666666;
}

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideTxtBox .arrow{  position:absolute; right:10px; top:0; }
		.slideTxtBox .arrow a{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat; }
		.slideTxtBox .arrow .next{ background-position:0 -50px;  }
		.slideTxtBox .arrow .prevStop{ background-position:-60px 0; }
		.slideTxtBox .arrow .nextStop{ background-position:-60px -50px; }
.xtjs {
	color: #996600;
}
.xtjs h1 {
	font-size: 22px;
	text-align: center;
	color: #000000;
}
.xtjs h2 {
	font-size: 18px;
	text-align: center;
	color: #666666;
	margin-top: 10px;
}
.w1200_about{
	width: 1200px;
	overflow: hidden;
}
.price {
	width:1300px;
	overflow: hidden;
}
.price h2 {
	font-size: 18px;
	color: #0099FF;
	line-height:32px;
	font-weight: normal;
	margin-top:20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BFE6FF;
	text-indent: 10px;
}

.price .cont {
	display: none;
	width:575px;
	float:left;
	margin-right:50px;
}

.price .cont.active {
	display: block;
}
.price .cont ul{
	width: 575px;
}
.price .cont ul li {
	width: 282px;
	float: left;
	margin: 0;
	box-sizing: border-box;
	margin-right:10px;
}

.price .cont ul li:nth-child(2n) {
	margin-right: 0px!important;
}

.price .cont ul li a {
	display: block;
	border: 1px solid #E5E5E5;
	background-color: #CCCCCC;
	margin-top: 10px;
	padding: 6px 10px 6px;
	color:#333333;
}

.price .cont ul li a:hover {
	box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1);
	border-color: rgba(229, 229, 229, .73);
	background-color:#0099ff;
	color:#FFFFFF;
}

.sideMenu{  border:1px solid #ddd; width:571px; float:left;}
.sideMenu h3{ height:46px; line-height:46px; padding-left:10px;  border-top:1px solid #e3e3e3; background:#f4f4f4; cursor:pointer; font:normal 16px/46px "Microsoft YaHei";}
.sideMenu h3:hover{ color:#0099FF;}
.sideMenu h3 em{ float:right; display:block; width:40px; height:46px;   background:url(../images/icoAdd.png) 16px 20px no-repeat; cursor:pointer; }
.sideMenu h3.on em{ background-position:16px -47px; }
.sideMenu ul{ padding:0; color:#999; display:none; /* 默认都隐藏 */}
.sideMenu ul li{ float:left; background-color:#0099FF; margin-left:10px; margin-right:10px; margin-bottom:10px; text-indent: 10px;}
.sideMenu ul li a {
	color:#FFFFFF;
	line-height:40px;
	height:40px;
	width:265px;
	display: block;
}
.sideMenu ul li:hover { background-color:#0066CC;}

.pro-list { margin-top:40px;}
.pro-list li{ margin-bottom:10px;}
.pro-list li a{
	background-color:#CCCCCC;
	line-height:50px;
	color:#333333;
	display: block;
	text-indent:20px;
	font-size:18px;
}
.pro-list li a span { float:right; margin-right:20px; font-size:14px;}
.pro-list li a:hover { background-color:#0099FF; color:#FFFFFF;}

.sub-2{width:238px; padding:20px 0px; border:#e6e6e6 1px solid; background:#fff; margin-bottom:15px; float:left}

.sub-2 h2{font-size:20px; color:#333; margin:0px 30px; line-height:45px; border-bottom:#e6e6e6 1px solid; clear:both}

.sub-2 ul{width:100%; margin-top:10px; clear:both;}

.sub-2 ul li{width:100%; line-height:36px; text-indent:2em; margin-bottom:5px; clear:both;}

.sub-2 ul li a{color:#666; display:block;}

.sub-2 ul li a:hover,.sub-2 ul li a.active{background:url(../images/sub_hover.jpg) no-repeat left center; color:#0066FF}

.qq-left {
	width:150px;
	top:120px;
	position:fixed;
	background-color:#0099FF;
	right: 20px;
	padding-bottom:2px;
}
.qq-left li{
	background-color: #0088E3; margin-bottom:2px; margin-top:2px; }
.qq-left li a{
	text-indent:10px;
	color:#FFFFFF;
	font-size:14px;
	line-height:40px;
	display: block;
}
.qq-left li a:hover{ background-color:#FF9900; color:#333333;}
.qq-left h1{ text-align:center; font-size:18px; color:#FFFFFF; line-height:50px;}