/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
@charset "utf-8";
/* CSS Document */
* {	margin: 0;	padding: 0;	}
body{ color: #3E3E3E;	font-family: "微软雅黑";}
a {	text-decoration: none;}
li { list-style: none;}
img, input {	border: 0;}
h1, h2, h3, h4, h5, h6 {	font-weight: normal;}

.f24{font-size:24px; }
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f22{font-size:22px; }
.f20{font-size:20px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f30{font-size:30px; }
.f32{font-size:32px; }
.f36{font-size:36px; }
.l20{ line-height:20px;}
.l22{ line-height:22px;}
.l24{ line-height:24px;}
.l26{ line-height:26px;}
.l28{ line-height:28px;}
.l30{ line-height:30px;}
.l34{ line-height:34px;}
.l44{ line-height:44px;}
.l54{ line-height:54px;}
.l60{ line-height:60px;}
.fl{ float:left;}
.fr{ float:right;}
.c{ clear:both;}
.container{ width:1200px; margin:0 auto;}

.pageTop {/*	border-top: 5px solid #325DC6;*/}
.header{ background:#2A2A2A; height:35px; line-height:35px; color:#FFF; text-align:right; font-size:13px;}
.header a{ color:#ffffff;}
.paTBox { width: 1180px;	margin: 0 auto;}

.tx {	background-image: url(../images/tx.png);}
.xl {	background-image: url(../images/xl.png);}
.Sptline { clear: both;	overflow: hidden;}
.logo {	float: left;}
.logo img{ height:60px; padding:20px 0;}
.Sptline dl { float: right;height: 65px;margin-top: 33px; padding-left: 65px; background: url(../images/phone.jpg) no-repeat left 0}
.Sptline dl dd { font-size: 14px;line-height: 20px;}
.Sptline dl dt { font-size: 26px;font-weight: bold;color: #0F77EA;}

.nav {}
.navBox { overflow: hidden;}
.linob { background-image: none !important}
.libh a { width: 90px;	font-size: 18px; text-align: center;}
.menu .mainlevel { float: left; width: 90px; line-height: 100px; padding: 0; height: 100px; display: inline; margin-right:20px;}
.menu .mainlevel:nth-child(7){ margin-right:0;}
.menu .mainlevel a { font-size: 15px;text-decoration: none;height: 100px;line-height: 100px;display: block;font-family: "微软雅黑";text-align: center; color:#02adff}
.menu .mainlevel a.navList:hover{ background-color: #02adff; color:#ffffff;}
#navmenu li .cur{ background: #02adff; color:#ffffff;}
.menu li.libh a{ background-color: #02adff; color:#ffffff;}

.menu .mainlevel ul { display: none; position: absolute; z-index: 9999;}
.menu .mainlevel li { display:block; border-top: 1px solid #fff; width: 100px;	background-color: #183883;}
.menu .mainlevel li:hover {	background-color: #1f1f1f;}
.menu .mainlevel li a {	color: white}

.full_banner {	width: 100%;position: relative;	height: 588px;	background: #FFF;	overflow: hidden;	clear: both;}
.full_banner .bd {	margin: 0 auto;	position: relative;	z-index: 0;	overflow: hidden;}
.full_banner .bd ul {	width: 100% !important;}
.full_banner .bd li {width: 100% !important;	float: left;height: 588px;	overflow: hidden;	text-align: center;}
.full_banner .bd li a {	display: block;	height: 588px;}
.full_banner .hd {	width: 100%;	position: absolute;	z-index: 1;	bottom: 0;	left: 0;	height: 50px;	line-height: 50px;	text-align: center;}
.full_banner .hd ul {	text-align: center;}
.full_banner .hd ul li {cursor: pointer;display: inline-block;*display:inline;	zoom: 1;width: 40px;height: 10px;	margin: 5px;
	background: url(../images/tg_flash_p.png) -50px 0;	overflow: hidden;	line-height: 9999px;}
.full_banner .hd ul .on {background-position: 0px 0px;}

.search { height: 112px;	background: url(../images/searchBg.jpg) no-repeat center 0;}
.searcPart { width: 1180px;	margin: 0 auto;	overflow: hidden;	line-height: 56px;}
.searcPart h3 {	float: left;font-size: 14px;}
.searcPart h3 span { color: #e50012;}
.searcPart h3 a {margin: 0 5px;}
.searcPart h3 a:hover {	text-decoration: underline;}
.searchBox {float: right;width: 370px;	height: 30px;	border: 1px solid #ccc;	margin-top: 13px;}
.searchBox input {	float: left;	height: 30px;	width: 300px;	padding: 0 5px;}
.searchBox img {float: right;}

/*首页标题*/
.Index_tit{ text-align:center;}
.Index_cn{ color:#222222;}
.Index_Inf{ color:#5a5a5a; margin-top:20px;}
.Index_cn1{ color:#ffffff;}
.Index_Inf1{ color:#ffffff; margin-top:20px;}

/*金牌品质*/
.Index_brand{ margin:70px 0;}
.brand_list{ margin-top:40px;}
.brand_list li{ float:left; width:25%; text-align:center;}
.brand_list li .brand_img{}
.brand_list li .brand_img img{ width:110px;}
.brand_list li .brand_tit{ color:#222222; margin:15px 0 10px 0;}
.brand_list li .brand_Inf{ color:#5a5a5a; }


/*产品中心*/
.Index_pro{ padding:70px 0; background:#F5F5F5;}
.pro_list{ margin-top:50px;}
.pro_list li{ float:left; width:276px; margin-right:32px;}
.pro_list li:nth-child(4n){ margin-right:0;}
.pro_list li .pro_img img{ width:276px; height:330px;}
.pro_list li .pro_tit{ font-size:16px; line-height:40px; text-align:center;}
.pro_list li .pro_tit a{ color:#333333;}

/*案例*/
.casePart {	clear: both;	background: url(../images/caseBg.jpg) no-repeat center 0;	padding: 67px;}
.caseCon {	width: 1180px;	margin: 0 auto;}
.caseName {	height: 59px;	background: url(../images/caseName.png) no-repeat center 0;	margin-bottom: 36px;}
.caseConta {	height: 525px;	overflow: hidden;}
.leftCaseC {	float: left;	width: 215px;}
.leftCaseC li {	background-color: #232323;	height: 46px;	margin-bottom: 1px;	text-align: center;	padding: 20px 0;	cursor: pointer}
.leftCaseC li p {	font-size: 16px;	color: white;	opacity: 0.1;}
.leftCaseC li h3 {	color: white;	font-size: 20px;}
.leftCaseC li.specialLi {	background-color: #02adff;}
.rightCaseC {	float: right;	width: 943px;}
.UpRCase {	overflow: hidden;	height: 285px;	margin-left: 16px;	margin-bottom: 48px;}
.UpCasePic {	float: left;	display: block;	width: 414px;	height: 285px;}
.rightUpLine {	float: right;	width: 460px;	margin-right: 20px;}
.rightUpLine h3 {	line-height: 40px;}
.rightUpLine h3 a {	font-size: 18px;	color: #02adff;}
.rightUpLine p {	line-height: 28px;	font-size: 14px;	height: 200px;}
.caseBline {	overflow: hidden;}
.caseBline img {	display: block;	width: 130px;	height: 44px;	float: left;	margin-right: 20px;}
.DonRCase {	overflow: hidden;	clear: both;	height: 190px;}
.DonRCase li {	float: left;	width: 220px;	height: 190px;	margin-left: 15px;	position: relative}
.DonRCase li p { position: absolute; bottom: 0;background-image: url(../images/caseLN.png);width: 100%;line-height: 40px;text-align: center;font-size: 14px;color: white;height: 40px;top: 150px;}
.subCaseC {	display: none;}

/*优势*/
.Index_ys{ margin:60px 0;}
.ys_list{ margin-top:50px;}
.ys_list li{ float:left; width:276px; background:#02adff; color:#ffffff; margin-right:32px;}
.ys_list li.li4{ margin-right:0;}
.ys_list li .ys_img{}
.ys_list li .ys_tit{ text-align:center; margin:20px 0 15px 0;}
.ys_list li .ys_tit span{ padding-right:20px;}
.ys_list li .ys_line{ background:#ffffff; width:40px; height:2px; margin:0 auto;}
.ys_list li .ys_Inf{ padding:15px 10px 20px 10px;}

/*定制流程*/
.Index_lc{ background:#02adff url(lc_bg.jpg); padding:60px 0;}
.lc_list{ margin-top:60px;}
.lc_list li{ float:left; width:200px; background:url(lc_bg.png) no-repeat 20px 0; height:115px; color:#ffffff;}
.lc_list li .lc_tit{ background:url(lc_l01.png) no-repeat no-repeat center left; padding-left:50px; margin:40px 0 0 50px; line-height:36px;}
.lc_tel{ background:url(lc_img_bg.jpg) no-repeat center; height:119px; margin-top:60px;}
.lc_ph{ width:935px; text-align:right; color:#02adff; font-weight:bold; padding-top:35px;}
.lc_lx{ width:870px; text-align:right; line-height:34px;}
.lc_lx a{ color:#ffffff;}

/*关于我们*/
.Index_about{ margin:60px 0;}
.About{ margin-top:50px;}
.ab_img{ margin-right:50px;}
.ab_Inf{ width:600px;}
.ab_tit{ color:#02adff}
.ab_con{ margin:20px 0 30px 0;}
.ab_more{ text-align:center;}
.ab_more a{ display:block; width:150px; height:40px; line-height:40px; background:#02adff; color:#ffffff; border-radius:2px;}
.ab_more a:hover{ background:#0098E1;}

/*新闻*/
.mainCon {	clear: both;width: 1180px;margin: 50px auto;}
.newsCon {	clear: both;height: 500px;overflow: hidden;}
.leftNews {	width: 357px;padding-right: 32px;background-image: url(../images/spline.jpg);background-repeat: no-repeat;background-position: right center;	float: left;margin-right: 20px;}
.rightNews {float: right;width: 357px;}
.newsTop {height: 40px;	overflow: hidden;line-height: 40px;	border-bottom: 2px solid #000;	margin-bottom: 15px;}
.newsTop h3 {	float: left;	font-size: 18px;color: #000;font-weight: bold;}
.newsTop a {float: right;color: #ccc;	font-size: 14px;background-image: url(../images/newsMore.jpg);background-repeat: no-repeat;	background-position: left center;padding-left: 20px;}
.newsContext {clear: both;	height: 440px;}
.newsCon table td {	height: 28px;	line-height: 28px;}
.newsCon table .ask { background-image: url(../images/ask.jpg);	background-repeat: no-repeat; background-position: left center;}
.newsCon table .ask a {	color: #02adff;}
.newsCon table .answer { background-image: url(../images/answer.jpg);background-repeat: no-repeat;	background-position: left 6px;}
.newsCon table td a {	margin-left: 30px;	font-size: 14px; color:#666}
.mewsBPic {	display: block;	width: 357px;	height: 141px;	margin: 0 auto;	margin-bottom: 5px;}
.newsContext ul li {line-height: 36px;height: 36px;background-image: url(../images/dot.jpg);	background-repeat: no-repeat;background-position: left center;border-bottom: 1px dashed #ccc;}
.newsContext ul li a {color: #606060;	font-size: 14px;	margin-left: 15px;}
.topNews h2 {	line-height: 30px;}
.topNews h2 a {	font-size: 18px;color: #02adff;}
.topNews p { line-height: 24px;	font-size: 14px;height: 100px;}
.moreN { display: block;color: #02adff;	font-size: 14px;margin-bottom: 30px;}


/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#02ADFF url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#02ADFF url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#02ADFF url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#02ADFF url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}

.pageBotm {	background-color: #232323;	clear: both;}
.pageDBox {	width: 1180px;	margin: 0 auto;	padding: 40px 0;}
.linkLine {	overflow: hidden;}
.linkLine img {	float: left;}
.linkLine .flinks {	width: 992px;	float: right;	line-height: 30px;}
.linkLine p a {	font-size: 14px;	color: white;	margin: 0 7px;}
.linkLine p a:hover {text-decoration: underline;}
.linkLine li{
	display: inline-block; margin-right: 20px;
}
.linkLine li a{
	font-size: 14px;	color: white;	margin: 0 7px;
}
.linkLine li a:hover {text-decoration: underline;}
.subNav {
	clear: both;
	margin-top: 40px;
	text-align: center;
	line-height: 40px;
	background-color: #02adff;
	height: 40px;
	font-size: 14px;
	color: white;
}
.subNav a {
	font-size: 14px;
	color: white;
	margin: 0 10px;
}
.pageDLine {
	overflow: hidden;
	margin-top: 35px;
}
.pageDLine p {
	float: left;
	font-size: 14px;
	color: white;
	line-height: 26px;
}
.pageDLine p span {
	font-size: 14px;
	color: white;
	margin-right: 30px;
}
.pageDLine p a {
	color: white;
	margin-right: 30px;
}
.ewm {
	float: right;
}
.pagination-wrapper {
	margin: 20px 0;
}
.pagination {
	height: 34px;
	text-align: center;
}
.pagination li {
	display: inline-block;
	height: 34px;
	margin-right: 5px;
}
.pagination li a {
	float: left;
	display: block;
	height: 32px;
	line-height: 32px;
	padding: 0 12px;
	font-size: 16px;
	border: 1px solid #dddddd;
	color: #555555;
	text-decoration: none;
}
.pagination li a:hover {
	background: #f5f5f5;
	color: #0099ff;
}
.pagination li.thisclass {
	background: #09f;
	color: #fff;
}
.pagination li.thisclass a, .pagination li.thisclass a:hover {
	background: transparent;
	border-color: #09f;
	color: #fff;
	cursor: default;
}
