﻿/* 众乐源码模版网 做最好的织梦整站模板下载网站 */
/* 模版源码：Www.CnCnLe.com */
/* 仿站：Fang.AdminBaby.Com */
/* 阿里开门：Www.28sucai.Com 专业建站阿里开门站 */
/* QQ：43171398 */
* {
	padding: 0;
	margin: 0;
	font-family: "Microsoft YaHei";
	list-style: none;
	text-decoration: none;
	border: none;
}
.container {
	width: 1100px;
	margin: 0 auto;
}
html {
	overflow-x: hidden;
}
body {
	background: #fff;
	color: #000;
	font-size: 14px;
	min-width: 1200px;
}
a {
	outline: none;
	color: #000;
}
a:hover {
	color: #1578b8;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.clear {
	clear: both;
}
/*
===================
分页
>>	pages_pre		上一页
>>	pages_next	下一页
>>	strong			激活状态
>>	a:hover			鼠标悬停状态
===================
*/
.pages {
	margin: 50px auto 20px auto;
	width: 500px;
	font-size: 14px;
}
.pages a, .pages strong {
	display: inline-block;
	line-height: 28px;
	padding: 0 10px;
	border: 1px solid #d9d9d9;
	background-color: #ffffff;
	text-decoration: none;
	color: #666;
	font-family: Simsun;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	margin-right: 3px;
}
.pages .current {
	display: inline-block;
	line-height: 28px;
	padding: 0 10px;
	border: 1px solid #d9d9d9;
	background-color: #ffffff;
	text-decoration: none;
	font-family: Simsun;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	margin-right: 3px;
	color: #fff;
	background-color: #1578b8;
	border-color: #fff;
}
.pages a:hover {
	color: #fff !important;
	background-color: #1578b8;
	border-color: #fff;
	text-decoration: none;
}
.pages strong {
	color: #fff;
	background-color: #24557d;
	border-color: #fff;
}
.pages span {
	padding: 0 10px;
	line-height: 23px;
}
/* index top */
.topbar {
	height: 30px;
	line-height: 30px;
	background: #eee;
	font-size: 12px;
}
.topbar a {
	margin: 0 10px;
}
.head {
	height: 119px;
}
.head .logo {
	width: 429px;
	height: 119px;
	background: url(../images/logo.jpg) no-repeat center;
	text-indent: -99em;
	overflow: hidden;
}
.toptell {
	background: url(../images/tt.jpg) no-repeat left center;
	padding-left: 70px;
	margin-top: 40px;
}
.toptell span {
	display: block;
	font-size: 16px;
	color: rgba(4,0,0,.75);
}
.toptell p {
	color: #040000;
	font-size: 30px;
	font-family: "Cambria";
}
.nav {
	height: 55px;
	background: #1578b8;
	line-height: 55px;
}
.nav ul {
	margin-left: -35px;
}
.nav li {
	float: left;
	font-size: 18px;
	margin-left: 16px;
}
.nav li a {
	color: #fff;
	display: block;
	width: 125px;
	text-align: center;
}
.nav li a:hover, .nav li a.hover {
	background: #0b69a6;
}
.slideBox {
	width: 100%;
	height: 526px;
	overflow: hidden;
	position: relative;
}
.slideBox .bd {
	position: relative;
	height: 100%;
	z-index: 0;
}
.slideBox .bd li {
	zoom: 1;
	vertical-align: middle;
	width: 100%;
	height: 526px;
}
.slideBox .prev, .slideBox .next {
	position: absolute;
	left: 3%;
	top: 50%;
	margin-top: -25px;
	display: block;
	width: 77px;
	height: 77px;
	background: url(../images/pre.png) no-repeat;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.slideBox .next {
	left: auto;
	right: 3%;
	background-position: -77px 0;
}
.slideBox .prev:hover, .slideBox .next:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}
.adv {
	height: 558px;
	background: url(../images/adv.jpg) no-repeat center;
}
.advtit {
	text-align: center;
}
.advtit span {
	display: block;
	color: #1578b8;
	font-size: 28px;
	font-family: "宋体";
	font-weight: bold;
	padding-top: 60px;
}
.advtit p {
	padding-top: 10px;
}
.adv ul {
	margin-left: -45px;
	margin-top: 80px;
}
.adv li {
	text-align: center;
	float: left;
	width: 240px;
	margin-left: 45px;
}
.adv li span {
	display: block;
	font-size: 18px;
	color: #1578b8;
	margin-top: 16px;
}
.adv li p {
	color: #686868;
	line-height: 26px;
	margin-top: 10px;
}
.product {
	height: 660px;
	padding-top: 50px;
}
.slideTxtBox {
	text-align: left;
}
.slideTxtBox .hd {
	height: 41px;
	line-height: 41px;
	position: relative;
	text-align: center;
	width: 100%;
	margin-bottom: 34px;
}
.slideTxtBox .hd ul {
	display: inline-block;
}
.slideTxtBox .hd ul li {
	float: left;
	width: 137px;
	height: 41px;
	cursor: pointer;
	background: #a8a8a8;
	font-size: 18px;
	color: #fff;
	border-radius: 20px;
	margin: 0 20px;
}
.slideTxtBox .hd ul li.on {
	background: #1578b8;
}
.slideTxtBox .bd ul {
	zoom: 1;
	margin-left: -18px;
}
.slideTxtBox .bd li {
	width: 261px;
	float: left;
	text-align: center;
	margin-left: 18px;
	margin-bottom: 19px;
}
.slideTxtBox .bd li img {
	width: 261px;
	height: 166px;
	float: left;
}
.slideTxtBox .bd li p {
	height: 44px;
	line-height: 44px;
	background: #f4f4f4;
	font-size: 15px;
	float: left;
	width: 100%;
}
.slideTxtBox .bd li:hover p {
	background: #1578b8;
	color: #fff;
}
.product a.more {
	display: block;
	width: 205px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #dcdcdc;
	color: #2f2f2f;
	font-size: 16px;
	border-radius: 10px;
	margin: 40px auto;
}
.product a.more:hover {
	background: #1578b8;
	color: #fff;
}
.about {
	height: 534px;
	background: url(../images/abbg.jpg) no-repeat center;
}
.abtit {
	text-align: center;
	font-size: 28px;
	color: #1578b8;
	font-family: "宋体";
	font-weight: bold;
	border-bottom: 2px solid #efefef;
	padding-top: 60px;
	padding-bottom: 22px;
	margin-bottom: 45px;
}
.abright {
	width: 670px;
}
.abright p {
	color: #727170;
	line-height: 28px;
	text-indent: 1em;
}
.abright a.more {
	display: block;
	width: 205px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #dcdcdc;
	color: #2f2f2f;
	font-size: 16px;
	border-radius: 10px;
	margin: 50px auto;
}
.abright a.more:hover {
	background: #1578b8;
	color: #fff;
}
.newleft {
	margin-top: 55px;
	width: 710px;
}
.firstnew img {
	width: 218px;
	height: 150px;
}
.firstnew .fr {
	width: 475px;
}
.firstnew .fr span {
	display: block;
	font-size: 20px;
	color: #b5b5b5;
	margin-bottom: 10px;
	margin-top: 5px;
}
.firstnew .fr a {
	display: block;
	font-size: 18px;
	color: #5a545c;
	margin-bottom: 5px;
}
.firstnew .fr p {
	font-size: 12px;
	color: #6f6d6f;
	line-height: 24px;
}
.firstnew .fr a:hover {
	color: #1578b8;
}
.newtit {
	height: 52px;
	margin-bottom: 33px;
	border-bottom: 2px solid #d2d2d2;
}
.newtit p {
	font-size: 28px;
	color: #1578b8;
	font-weight: bold;
	font-family: "宋体";
	height: 38px;
	line-height: 38px;
	background: url(../images/s.jpg) no-repeat left center;
	padding-left: 20px;
}
.newtit a {
	display: block;
	color: #989697;
	margin-top: 20px;
	margin-right: 15px;
}
.newleft ul {
	margin-top: 25px;
}
.newleft li {
	height: 33px;
	line-height: 33px;
	border-bottom: 1px dashed #e2e2e2;
	padding: 0 20px 0 10px;
}
.newleft li a {
	display: block;
	float: left;
	color: rgba(19,19,19,.85);
	background: url(../images/d.jpg) no-repeat left center;
	padding-left: 20px;
}
.newleft li span {
	display: block;
	float: right;
	color: rgba(88,88,88,.71);
}
.newleft li:last-child {
	border: 0;
}
.newleft li a:hover {
	color: #1578b8;
}
.newright {
	width: 330px;
	margin-top: 55px;
}
.newright li {
	border-bottom: 1px dashed #dcdcdc;
	margin-bottom: 19px;
	padding-bottom: 6px;
}
.newright li:last-child {
	border: 0;
}
.newright li a {
	display: block;
	font-size: 16px;
	color: #5a545c;
	margin-bottom: 19px;
}
.newright li a i {
	display: inline-block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	color: #fff;
	background: #1578b8;
	text-align: center;
	border-radius: 50%;
	font-style: normal;
	margin-right: 12px;
}
.newright li p {
	font-size: 12px;
	color: #6f6d6f;
	line-height: 24px;
}
.newright li p i {
	display: block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	color: #fff;
	background: #c3c3c3;
	text-align: center;
	border-radius: 50%;
	font-style: normal;
	margin-right: 12px;
	font-size: 14px;
	float: left;
}
.newright li a:hover {
	color: #1578b8;
}
.link {
	margin-top: 30px;
	line-height: 46px;
}
.link p {
	background: url(../images/link.jpg) no-repeat left center;
	padding-left: 70px;
}
.link a {
	margin: 0 10px;
	color: rgba(64,63,63,.9);
}
.footer {
	height: 237px;
	background: #2b2b2b;
	margin-top: 22px;
	color: #fff;
}
.footer a {
	color: #fff;
}
.footer .flogo {
	margin-top: 52px;
	margin-left: 40px;
}
.fm {
	width: 655px;
	margin-top: 55px;
	margin-left: 65px;
}
.fm ul {
	border-bottom: 1px solid #4c4c4c;
	height: 30px;
	line-height: 30px;
	padding-bottom: 18px;
	margin-bottom: 15px;
}
.fm li {
	float: left;
	font-size: 15px;
}
.fm ul li:first-child a {
	margin-left: 0;
}
.fm li a {
	margin: 0 19px;
}
.fm p {
	font-size: 15px;
	line-height: 28px;
}
.fm p.copy {
	margin-top: 5px;
}
.fm p.copy, .fm p.copy a {
	font-size: 14px;
	color: rgba(255,255,255,.51);
}
.ewm {
	text-align: center;
	margin-right: 38px;
	margin-top: 53px;
}
.ewm p {
	margin-top: 10px;
}
.banner {
	height: 350px;
	background: url(../images/banner.jpg) no-repeat center;
}
.main {
	margin-top: 20px;
}
.position {
	line-height: 30px;
}
.pagetop {
	text-align: center;
	margin-top: 20px;
}
.pagetop p {
	font-size: 30px;
	line-height: 36px;
	margin-bottom: 10px;
	color: #000022;
}
.pagetop span {
	color: #cacace;
	font-family: Arial;
	font-size: 20px;
	line-height: 36px;
}
.submenu {
	text-align: center;
	margin-top: 10px;
}
.submenu ul {
	display: inline-block;
}
.submenu ul li {
	float: left;
}
.submenu ul li a {
	display: block;
	width: 140px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	color: #666;
}
.submenu ul li a:hover, .submenu ul li a.hover {
	background: #1578b8;
	color: #fff;
}
.content {
	line-height: 30px;
	margin-top: 10px;
	color: #333;
}
.list {
	margin-top: 50px;
}
.list li {
	border-bottom: 1px dashed #e2e2e2;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
.list li a {
	color: #333;
	display: block;
	font-weight: bold;
}
.list li span {
	color: #929292;
	display: block;
	font-size: 12px;
	margin-bottom: 8px;
	padding-top: 15px;
}
.list li p {
	color: #666;
	font-size: 12px;
	line-height: 30px;
}
.list li a:hover {
	color: #1578b8;
}
.photo {
	margin-top: 30px;
}
.photo li {
	float: left;
	margin: 10px 16px;
	text-align: center;
}
.photo li p {
	line-height: 30px;
}
.photo li img {
	height: 180px; 
	transition: all 0.7s ease 0s;
	width: 240px;
}
.photo li:hover img {
	opacity: 0.8;
}
.show {
	margin-top: 50px;
}
.showtop {
	text-align: center;
	margin-top: 40px;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 10px;
}
.showtop h1 {
	display: block;
	font-size: 16px;
}
.showtop .date {
	font-size: 12px;
	color: #5a5a5a;
	margin-top: 20px;
}
.showtop .date span {
	margin: 0 10px;
}
.prepage {
	font-size: 12px;
	line-height: 30px;
	margin: 50px 0;
}
.prepage a {
	color: #1578b8;
}
.hotcp {
	margin-top: 20px;
}
.hotcp ul {
	border-top: 1px dashed #ddd;
	padding-top: 20px;
}
.hotcp li {
	float: left;
	line-height: 40px;
	margin-left: 20px;
	text-align: center;
	width: 203px;
}
.hotcp li:first-child {
	margin: 0;
}
.hotcp li img {
	height: 137px;
	width: 203px;
}
.hotcp_top {
	background: #0069b7;
	color: #fff;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	margin-bottom: 10px;
	text-align: center;
	width: 100px;
}
.hotnews {
	margin-bottom: 30px;
	margin-top: 20px;
}
.hotnews_top {
	border-bottom: 1px solid #ddd;
	color: #0069b7;
	font-size: 14px;
	line-height: 30px;
	margin-bottom: 10px;
}
.hotnews li {
	border-bottom: 1px dotted #ddd;
	float: left;
	line-height: 36px;
	margin-right: 30px;
	padding-left: 20px;
	width: 500px;
	background: url(../images/d.jpg) no-repeat left center;
}
.hotnews li a {
	color: #2e2e2e;
}
.hotnews li span {
	color: #999;
	float: right;
	font-size: 13px;
}
.hotlabel {
	margin-top: 30px;
}
.hotlabel p {
	color: #0069b7;
}
.hotlabel a {
	display: block;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	padding: 0 10px;
	background: #0069b7;
	line-height: 30px;
	color: #fff;
	font-size: 12px;
}
.position h1 {
	font-size: 22px;
}
/*pages*/ .pagination-wrapper {
	margin: 20px 0;
}
.pagination {
	height: 34px;
	text-align: center;
}
.pagination li {
	display: inline-block;
	height: 34px;
	margin-right: 5px;
	padding-bottom: 0;
}
.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;
}

/*众乐源码模版网新增翻页样式 各类模版第一站 www.AdminBaBy.Com*/
.pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.pagess ul li:hover{ background:#ccc; color:#fff;border: 1px solid #ccc}
.pagess ul li:hover a{color:#fff;}
.pagess ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;}
.pagess ul li.thisclass a {color: #fff;}
.pagess ul li a{ display:block;color:#999}
.pagess ul li a:hover {color: #fff;}