﻿/* CSS Document */
body{margin:0; padding:0; font-size:14px;font-family:"\5FAE\8F6F\96C5\9ED1";color:#333;}
div,td,ul,dd,li,a,dl,dt,ol,p{padding:0px;margin:0px;text-decoration:none;list-style:none;}
h1,h2,h3,h4,h5,h6{ font-size:12px; font-weight:400; margin:0px; padding:0px; line-height:150%; text-decoration:none;}
a{text-decoration:none; color:#333;}
img{border:none;vertical-align:top;}
table{border-collapse:collapse;}
i,u,s,em{text-decoration:none;font-style:normal;} 
td,th{padding:0;}
form,select{margin:0;}
.fl{float:left}
textarea{resize:none; overflow:auto; outline:none;}
.clear:after{content:''; display:block; clear:both;}
.clear{zoom:1;}
.mt15{margin-top:15px;}
.mt30{margin-top:0px;}
.mt60{margin-top:60px;}
/* 公共样式 */
.container{width:1220px; margin:0 auto;}


/*导航*/
.header{background: #FFFFFF;border-bottom: 2px solid #47a3da;padding:15px 0}
.header .logo{width:382px;height:60px;overflow: hidden;padding-top:0px;}
.header .nav{width:540px;padding:0px 0px 0px 30px;}
.header .nav ul li{float: left;font-size:16px;padding:20px 0px;width:89px; text-align:center}
.header .nav ul li .nva_mu{display: none;width:100%;height:auto;background:#f8f8f8;position: absolute;left: 0px;top:75px;z-index: 9999;border-top: 2px solid #47a3da;padding:30px 0}
.header .nav ul li .nva_mu dl{
	float: left;
	width: 250px;
	border-left: 1px solid #dddddd;
	padding-left: 60px;
	padding-right: 80px;
}
.header .nav ul li .nva_mu dl.del{border-left:none;}
.header .nav ul li .nva_mu dl dt{color:#FF0000;font-size: 16px;line-height:55px}
.header .nav ul li .nva_mu dl dd{line-height:35px;color:#787878;font-size:14px;}
.header .nav ul li:hover .nva_mu{display:block;}
.header .tel{color:#0066CC;font-size: 20px;width:250px;padding-top:8px;}

/*banner*/
.banner{height:550px;width:100%;background: #333333;}


/*产品展示*/
.product{background:url(../images/pic.jpg) no-repeat center top;height:100%}
.product_list{}
.product_list ul li{float:left;padding:10px;width:162px;height:130px;padding-top:30px;overflow: hidden;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;margin-left:-1px;margin-bottom:-1px;background: #ffffff;}
.product_list ul li img{width:160px;height:100px;overflow: hidden;}
.product .more,.exhibition .more{margin:30px 0px;text-align: center;}
.product .more a,.exhibition .more a{color:#ffffff;background:#0a69c8;width:182px;height:49px;line-height:49px;cursor: pointer;display:block;margin:0 auto}


/*客户案例*/
.exhibition{background:url(../images/pit.jpg) no-repeat center top;height:692px}
.exhibition_tit{text-align: center;padding:0 100px}
.exhibition_tit ul li{float:left;margin:0px 30px;display:inline}
.exhibition_tit ul li a{display:inline-block;color:#333333;background: #ffffff;font-size:14px;margin-bottom: 60px;width:113px;height:45px;line-height:45px}
.exhibition_list{margin-left: -22px;}
.exhibition_list dl{float:left;color:#FFFFFF;text-align: center;display:inline;margin-left:22px;width:258px;overflow: hidden;}
.exhibition_list dl dt,.exhibition_list dl dt img{width: 258px;height:177px;overflow: hidden;webkit-transform: scale(1, 1);-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 1000ms;-moz-transform: scale(1, 1);-moz-transition-timing-function: ease-out;-moz-transition-duration: 1000ms;transform: scale(1, 1);transition-timing-function: ease-out;transition-duration: 500ms;}
.exhibition_list dl dd{line-height:50px;font-size:14px;}
.exhibition_list dl:hover dt img{-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 1000ms;-moz-transform: scale(1.15, 1.15);-moz-transition-timing-function: ease-out;-moz-transition-duration: 1000ms;transform: scale(1.15, 1.15);transition-timing-function: ease-out;transition-duration: 500ms;}




/*2017-5-17 新增首页背景*/
.aboutbj{background: url(../images/pic1.jpg) no-repeat center top;height: 100%;color:#ffffff}

/*产品展示*/
.product{background:url(../images/pic.jpg) no-repeat center top;height:100%}
.product_list{}
.product_list ul li{float:left;padding:10px;width:130px;height:100px;padding-top:30px;overflow: hidden;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;margin-left:-1px;margin-bottom:-1px;background: #ffffff;}
.product_list ul li img{width:120px;height:70px;overflow: hidden;}
.product .more,.exhibition .more{margin:30px 0px;text-align: center;}
.product .more a,.exhibition .more a{color:#ffffff;background:#0a69c8;width:182px;height:49px;line-height:49px;cursor: pointer;display:block;margin:0 auto}

/*关于我们*/
.tit,.tits{text-align: center;padding: 30px 0;}
.tit dl dt{color:#006aee;font-size:50px;font-family: arial;}
.tit dl dd{font-size:25px;color: #333333;}
.tits dl dt{color:#FFFFFF;font-size:50px;font-family: arial;}
.tits dl dd{font-size:22px;color: #FFFFFF;}
.about_list{padding:0px 0px 80px 0px;}
.about_list dl{width:262px;float:left; text-align:center;margin-left:11px;color:#333;display: inline;}
.about_list dl dt{margin-bottom:15px}
.about_list dl dd h6{font-size:18px;padding:10px 0px;}
.about_list dl dd h5{font-size:14px}

.sysBot{
	line-height: 30px;
	background-color: #017cde;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #FFF;
}
.sysBot a{color: #FFF;}
.top_ban{
	background-image: url(../images/top_banner.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 220px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

.main1200{
	height: auto;
	width: 1200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.main1200 .zuo{
	float: left;
	height: auto;
	width: 250px;
	margin-right: 20px;
}
.main1200 .you{
	float: left;
	height: auto;
	width: 910px;
	border: 1px solid #e1e1e1;
	padding: 5px;	
}
.delfd{
	clear: both;
}
.syskong20{
	margin-bottom: 20px;
}
.zuonav {
	border: 1px solid #e1e1e1;
	padding: 5px;
}
.zuonav b{
	font-size: 16px;
	line-height: 35px;
	color: #FFF;
	background-color: #20a7e1;
	display: block;
	height: 35px;
	text-align: left;
	text-indent: 10px;
}
.zuonav a{
	line-height: 40px;
	background-image: url(../images/li_1.png);
	background-repeat: no-repeat;
	background-position: 30px;
	text-align: left;
	text-indent: 60px;
	display: block;
	height: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.zuonav .on,.zuonav a:hover{
	color: #20a7e1;
	background-color: #F7F7F7;
}
.zuonav a:last-child {
	border-bottom-style: none;
}

.younav{
	font-size: 16px;
	line-height: 35px;
	color: #FFF;
	background-color: #20a7e1;
	display: block;
	height: 35px;
	text-align: left;
	text-indent: 10px;
}
.younav a{color: #FFF;}
.cpmain{
	padding-top: 20px;
	padding-bottom: 20px;
}
.cpmain a{
	height: 197px;
	width: 210px;
	display: block;
	float: left;
	margin-top: 15px;
	margin-right: 13px;
	margin-bottom: 15px;
	margin-left: 13px;
}
.cpmain a img{
	padding: 4px;
	height: 137px;
	width: 200px;
	border: 1px solid #EBEBEB;
}
.cpmain a img:hover{border: 1px solid #20a7e1;}
.cpmain span:hover {color: #20a7e1;}
.cpmain span{
	font-size: 15px;
	line-height: 25px;
	text-align: center;
	display: block;
	height: 50px;
}

.sysListTxt {
	padding: 20px;
	list-style-type: none;
	margin: 0px;
}
.sysListTxt li{
	line-height: 39px;
	background-image: url(../images/li_1.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 39px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #C9C9C9;
	text-align: left;
	text-indent: 25px;
}
.sysListTxt a{
	display: block;
	float: left;
	height: 39px;
	width: 720px;
}
.sysListTxt a:hover{
	color: #20a7e1;
}
.sysListTxt span{
	line-height: 39px;
	float: right;
	height: 39px;
	width: 120px;
}

.showTitle {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #cccccc;
	margin-top: 10px;
	margin-bottom: 25px;
}
.showTitle h1{
	font-family: "微软雅黑";
	font-size: 18px;
	line-height: 35px;
	color: #004f9e;
	text-align: center;
	font-weight: normal;
	margin-bottom: 0px;
}
.showTitle span{
	font-size: 12px;
	line-height: 25px;
	color: #999999;
	text-align: center;
	display: block;
	margin-bottom: 10px;
}
.showText {
	font-family: "微软雅黑";
	font-size: 14px;
	line-height: 25px;
}
.showText p{
	text-align: left;
	text-indent: 2em;
	margin-bottom: 10px;
	margin-top: 0px;
}
.showcp span{
	display: block;
	float: left;
	height: 137px;
	width: 870px;
	margin: 0px;
	line-height: 25px;
}
.showcp img{
	text-align: right;
	display: block;
	float: left;
	height: 137px;
	width: 220px;
	margin-left: 50px;
}
.UpDownBox {
	height: 40px;
	width: 100%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #cccccc;
}
.UpDownBox .Up{
	line-height: 40px;
	float: left;
	height: 40px;
	width: 50%;
	text-align: left;
}
.UpDownBox .Down{
	line-height: 40px;
	float: right;
	height: 40px;
	width: 50%;
	text-align: right;
}
.UpDownBox b{
	color: #004590;
}


.list_show {
	height: 38px;
	margin-top: 20px;
	font-size: 18px;
	line-height: 38px;
}
.list_show a{
	height: 38px;
	line-height: 38px;
	text-align: center;
	float: left;
	width: 150px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #20a7e1;
	font-weight: bold;
}
.list_show .on{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #20a7e1;
	border-right-color: #20a7e1;
	border-bottom-color: #fff;
	border-left-color: #20a7e1;
	color: #ff6666;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;	
}

.cbox_c{
	height: auto;
	width: 1080px;
	padding: 20px;
	margin-top: 10px;
	margin-bottom: 30px;
	font-size: 14px;
	line-height: 25px;
}

/*list*/
.list_page{
	text-align: center;
	display: block;
	margin-top: 22px;
	margin-right: 10px;
	margin-bottom: 50px;
	margin-left: 10px;
}
.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;}


.cpnewlistmain{
	border: 1px solid #e1e1e1;
	padding: 5px;	
}

.fltitle {
	font-size: 18px;
	font-weight: bold;
}