* {
	padding: 0;
	margin: 0;
	font-family: "Microsoft YaHei";
	list-style: none;
	text-decoration: none;
	border: none;
}

.container {
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
}

html {
	overflow-x: hidden;
}

body {
	background: #fff;
	color: #333;
	font-size: 14px;
}

a {
	outline: none;
	color: #333;
}


.fl {
	float: left;
	/*! width: 300px; */
	overflow: hidden;
}

.fr {
	float: right;
}

.clear {
	clear: both;
}

/*

===================

分页

>>	pages_pre		上一页

>>	pages_next	下一页

>>	strong			激活状态

>>	a:hover			鼠标悬停状态

===================

*/

.pages {
	margin: 50px auto 20px auto;
	font-size: 14px;
	text-align: center;
}

.pages ul {
	display: inline-block;
}

.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: #048bcf;
	border-color: #fff;
}

.pages a:hover {
	color: #fff !important;
	background-color: #048bcf;
	border-color: #fff;
	text-decoration: none;
}

.pages strong {
	color: #fff;
	background-color: #24557d;
	border-color: #fff;
}

.pages span {
	padding: 0 10px;
	line-height: 23px;
}

.topbar {
	height: 34px;
	line-height: 34px;
	border-bottom: 1px solid #ebebeb;
	color: #71787e;
	font-size: 12px;
}

.topbar a {
	color: #71787e;
	margin: 0 5px;
}

.logo a {
	display: block;
	width: 511px;
	height: 111px;
	background: url(../images/logo.jpg) center no-repeat;
	overflow: hidden;
	text-indent: -99em;
	background-size: 100%;
}

.toptell {
	background: url(../images/dh.jpg) no-repeat left center;
	padding-left: 60px;
	margin-top: 30px;
}

.nav ul li.on {
	background-color: #fff;

}

.nav ul li.on a {
	color: #0394D7;

}

.nav ul li:hover {
	background-color: #fff;

}

.nav ul li:hover a {
	color: #0394D7;

}

.toptell p {
	color: rgba(4, 0, 0, .7);
}

.toptell span {
	display: block;
	font-size: 16px;
	color: #040000;
	font-weight: 700;
}

.head {
	height: 111px;
	clear: both;
}

.nav {
	height: 48px;
	line-height: 48px;
	border-top: #f2f2f2 solid 2px;
	background: url(../images/nav.jpg) center;
}

.nav li {
	float: left;
}

.nav a {
	color: #fff;
	font-size: 18px;
	display: block;
	width: 130px;
	text-align: center;
}

.nav li:first-child a {
	background: 0;
}

.banner_page {
	width: 100%;
}

.banner_page img {
	width: 100%;
}

.slideBox {
	width: 100%;
	height: 490px;
	overflow: hidden;
	position: relative;
	clear: both;
}

.slideBox .hd {
	height: 16px;
	overflow: hidden;
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 20px;
	z-index: 1;
}

.slideBox .hd ul {
	overflow: hidden;
	zoom: 1;
	display: inline-block;
}

.slideBox .hd ul li {
	float: left;
	margin: 0 7px;
	width: 16px;
	height: 16px;
	background: #fff;
	cursor: pointer;
	border-radius: 50%;
}

.swiper_mobile img {
	width: 100%;
}

.slideBox .hd ul li.on {
	background: #ea921d;
}

.slideBox .bd {
	position: relative;
	height: 100%;
	z-index: 0;
	top: -10px;
}

.slideBox .bd li {
	height: 490px;
	margin: 0px auto;

}
.slideBox .bd  a{
	display: block;
	margin: 0px auto;

}
.slideBox .bd ul{
	margin: 0px auto;
}
.slideBox .bd ul,
.slideBox .bd li a {
	display: block;
}

.notice {
	height: 60px;
	line-height: 60px;
	overflow: hidden;
}

.noticetit {
	font-size: 16px;
	color: #048bcf;
	font-weight: bold;
	background: url(../images/bz.jpg) no-repeat left center;
	padding-left: 40px;
}

.txtScroll-top {
	overflow: hidden;
	position: relative;
	width: 80%;
}

.txtScroll-top .bd {}

.txtScroll-top .infoList li {
	height: 60px;
	line-height: 60px;
}

.indextit {
	text-align: center;
	padding-top: 40px;
}

.indextit p {
	font-size: 30px;
	color: #048bcf;
}

.indextit span {
	display: block;
	color: #4d4948;
	margin-top: 5px;
}

.product {
	background: #f6f6f6;
	clear: both;
	padding-bottom: 5%;
}

.slideTxtBox {
	text-align: left;
	margin-top: 25px;
}

.slideTxtBox .hd {
	line-height: 30px;
	position: relative;
	text-align: center;
	overflow: hidden;
	margin-bottom: 20px;
	clear: both;
}

.slideTxtBox .hd ul {
	padding: 0px 20px;
	overflow: hidden;
}

.slideTxtBox .hd ul li {
	float: left;
	cursor: pointer;
	margin-right: 1%;
	text-align: center;
	padding: 10px 2% ;
}



.slideTxtBox .hd ul li.on {
	background-color: #2B7CD7;

}

.slideTxtBox .hd ul li.on span,
.slideTxtBox .hd ul li.on a {
	color: #fff;
}

.slideTxtBox .hd ul li span {
	display: inline-block;
	font-size: 16px;
	color: #5f6160;
}


.slideTxtBox .bd ul {
	zoom: 1;
	margin-top: 13px;
}

.slideTxtBox .bd li {
	float: left;
	width: 20%;
	height: 290px;
	margin: 8px 2%;
	background-color: #fff;
}

.slideTxtBox .bd li a {
	display: block;
}

.slideTxtBox .bd li .product_list_img {
	overflow: hidden;
	height: 230px;
	width: 100%;
	position: relative;

}

.slideTxtBox .bd li img {
	display: inline-block;
	transition: all 0.3s;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	-webkit-transform: translate3d(-50%, -50%, 0);
}

.slideTxtBox .bd li:hover img {
	opacity: 0.8;
}

.slideTxtBox .bd li p {
	font-size: 15px;
	color: #5f6160;
	text-align: center;
	margin-top: 15px;
}

.product .more {
	display: block;
	margin: 30px auto;
	width: 140px;
}

.product .more span {
	padding: 0 30px;
	font-size: 16px;
	color: #5f6160;
}

.product .more:hover {
	color: #048bcf;
}

.product .more:hover span {
	color: #048bcf;
}

.about_title {
	text-align: left;
	font-size: 30px !important;
	margin-left: 0;
	color: #333 !important;
	text-indent: 0em !important;
	margin-bottom: 5%;
}

.about {
	clear: both;
	height: 675px;
}

.about_img {
	width: 50%;
	float: left;
}

.about_img img {
	width: 100%;
}

.abinfo {
	width: 30%;
	float: left;
	margin-left: 5%;
	margin-top: 40px;
}

.abr {
	width: 560px;
}

.abtit {
	color: #616362;
	padding-top: 60px;
}

.abtit_top span {
	display: block;
	font-size: 24px;
}

.abtit p {
	font-size: 30px;
	margin-left: 60px;
}

.abtit_top p {
	font-size: 30px !important;
	margin-left: 0;
}


.abinfo p {
	font-size: 15px;
	color: #616161;
	line-height: 30px;
	text-indent: 2em;
}

.about a.more {
	display: block;
	width: 180px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #606060;
	color: #575757;
	clear: both;
	margin-top: 50px;
}

.case {
	background: #f6f6f6;
	height: 590px;
}

.case ul {
	margin-left: -20px;
	margin-top: 40px;
}

.case li {
	background: #fff;
	padding: 6px;
	width: 248px;
	padding-bottom: 20px;
	float: left;
	margin-left: 20px;
	overflow: hidden;
}

.case li:hover {
	background: #048bcf;
}

.case li img {
	width: 100%;
	height: 178px;
}

.case li a {
	display: block;
	font-size: 18px;
	color: #000;
	margin-top: 10px;
}

.case li p {
	color: #868686;
	line-height: 22px;
	margin-top: 5px;
}

.case li a.lj {
	font-size: 14px;
	margin-top: 8px;
}

.case li a span {
	font-size: 10px;
}

.case .box {
	padding: 0 10px;
}

.case li:hover a,
.case li:hover p {
	color: #fff;
}

.case a.more {
	display: block;
	width: 205px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin: 40px auto;
	border: #333 solid 1px;
}

.news {
	margin-top: 20px;
}

.newtit {
	background: url(../images/bor.jpg) no-repeat bottom left;
	height: 45px;
}

.newtit p {
	font-size: 26px;
	color: #404040;
}

.newtit a {
	color: #000;
	margin-top: 15px;
}

.newtit a:hover {
	color: #048bcf;
}

.newtit a span {
	font-size: 10px;
	margin-left: 5px;
}

.new1,
.new2 {
	width: 510px;
	margin-top: 40px;
}

.news ul {
	margin-top: 20px;
}

.news li {
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	font-size: 15px;
}

.news li a {
	color: #333436;
	width: 80%;
	display: block;
	float: left;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.news li a:hover {
	color: #048bcf;
}

.news li span {
	float: right;
	color: #7e7e80;
}

.link {
	margin-top: 40px;
	line-height: 46px;
}

.link p {
	font-size: 18px;
	color: #454545;
	font-weight: bold;
	background: url(../images/link.jpg) no-repeat left center;
	padding-left: 70px;
	height: 46px;
	line-height: 46px;
}

.link a {
	color: rgba(64, 63, 63, .9);
	margin-left: 10px;
}

.footer {
	height: 215px;
	background: #2b2b2b;
	color: #fff;
	margin-top: 2%;
}

.footer a {
	color: #fff;
}

.new_nav {
	width: 100%;
	text-align: center;
	overflow: hidden;
}

.new_nav li {
	display: inline-block;
	width: 100px;
	height: 30px;
	line-height: 30px;
	margin: 1%;
	color: #fff;
	background-color: #C9C9C9;
	transition: 0.3s
}


.new_nav li.on {
	background-color: #2B7CD7;
}

.new_list li:last-child {
	border: none;
}

.new_list li:hover {
	color: #333;
	box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.2);
	padding: 2% 0px;
}

.new_list li .new_date {
	width: 10%;
	float: left;
	text-align: center;
	height: 80%;
	border-right: #e5e5e5 solid 1px;
}

.new_list li .new_date span {
	display: block;
	width: 100%;
	height: 100%;

}

.new_list li .new_date .new_day {
	font-size: 34px;
	font-weight: bold;

}

.new_list li .new_date .new_time {
	color: #666;
	margin-top: 5%;
}

.new_list li .new_content {
	width: 85%;
	margin: 0px 2%;
	float: left;
	text-align: left;
}

.new_list li .new_content .new_content_title {
	font-size: 18px;
	font-weight: bold;
}

.new_list li .new_content .new_content_p {
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 25px;
	height: 55px;
	margin-top: 1%;
}


.new_list li {
	width: 100%;
	overflow: hidden;
	margin: 2% 0px;
	padding: 1% 0px;
	border-bottom: #e5e5e5 solid 1px;
	transition: 0.3s;
}

.recruit_list {
	width: 100%;
}

.recruit_list li {
	width: 95%;
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.5);
	padding: 2% 4%;
	margin: 2% auto;
	color: #666;
}

.recruit_list li p.recruit_describe {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 50px;
}


.recruit_list li:hover {
	color: #333;
	box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.5);

}

.fcont ul {
	border-bottom: 1px solid #4c4c4c;
	height: 50px;
	line-height: 40px;
	padding-bottom: 12px;
	margin-top: 25px;
}

.fcont li {
	float: left;
	font-size: 15px;
}

.fcont li a {
	margin: 0 12px;
}

.fcont li:first-child a {
	margin-left: 0;
}

.fcontent {
	font-size: 15px;
	line-height: 28px;
	margin-top: 16px;
}

.fcontent .copy {
	font-size: 14px;
	color: rgba(255, 255, 255, .51);
	margin-top: 5px;
}

.fcontent .copy a {
	color: rgba(255, 255, 255, .51);
}

.ftell {
	background: url(../images/tell.jpg) no-repeat left center;
	padding-left: 60px;
	margin-left: 65px;
	margin-top: 80px;
}

.ftell p {
	color: rgba(255, 255, 255, .75);
}

.ftell span {
	font-size: 24px;
	font-weight: bold;
}

.ewm {
	text-align: center;
	margin-top: 50px;
}

.ewm p {
	margin-top: 10px;
}

.position {
	height: 40px;
	line-height: 40px;
}

.submenu {
	overflow: hidden;
	clear: both;
	margin: 1% auto;
}

.submenu li {
	float: left;
	text-align: center;
	padding: 1% 3%;
	margin: 1% auto;
}

.submenu li.on {
	background-color: #2b7cd6;
}

.submenu li.on a {
	color: #fff;

}

.submenu li:hover {
	background-color: #2b7cd6;
}

.submenu li:hover a {
	color: #fff;
}

.submenu li:last-child {
	border: none;
}

.submenu li a {
	display: block;
	width: 100%;
}

.submenu li a.hover {
	background: #048bcf;
	color: #fff;
}

.samllmenu {
	overflow: hidden;
	clear: both;
	margin: 1% auto;

}

.samllmenu li {
	float: left;
	text-align: center;
	padding: 1%;
	margin: 1%;
	background-color: #fff;
}

.samllmenu li.on {
	background-color: #fb9701;
}

.samllmenu li.on a {
	color: #fff;

}

.samllmenu li:hover {
	background-color: #fb9701;
}

.samllmenu li:hover a {
	color: #fff;
}

.samllmenu li:last-child {
	border: none;
}

.samllmenu li a {
	display: block;
	width: 100%;
}

.samllmenu li a.hover {
	background: #048bcf;
	color: #fff;
}


.pagetop {
	text-align: center;
	margin-top: 40px;
	margin-bottom: 10px;
}

.pagetop p {
	font-size: 20px;
	color: #000;
	font-weight: bold;
}

.pagetop span {
	display: block;
	font-size: 16px;
	color: #666;
}

.main {
	margin: 0 auto;
	width: 100%;
}

.content {
	width: 980px;
	margin: 0 auto;
	line-height: 30px;
	overflow: hidden;
}

.list {
	margin-top: 30px;
}

.list li {
	border-bottom: 1px dashed #ccc;
	margin-top: 20px;
	padding-bottom: 7px;
}

.list li a {
	display: block;
	font-size: 13px;
	color: #5a5a5a;
	font-weight: bold;
}



.list li span {
	display: block;
	font-size: 11px;
	color: #929292;
	line-height: 25px;
}

.list li p {
	font-size: 12px;
	color: #5A5A5A;
}

.case_list {}

.case_list li {
	text-align: left !important;
	width: 22% !important;
	border-bottom: solid 1px #999;
	padding: 0px !important;
	height: 270px !important;
}

.case_list li img {
	width: 100% !important;
}

.case_list p {
	font-size: 16px;
	color: #000;
	margin: 0% 0px;
	height: auto !important;
	line-height: 30px !important;
}

.case_list span {
	color: #999;
	font-size: 14px;
}

.photo {
	margin: 20px auto;
	clear: both;
}

.photo li {
	float: left;
	text-align: center;
	width: 23%;
	padding: 0px 2%;
	margin: 1%;
	position: relative;
	height: 280px;
	overflow: hidden;
}

.photo li .product_list_img {
	width: 100%;
	position: relative;
	height: 200px;
}

.photo li .photo_img {
	border: #a9a9a9 solid 1px;
}

.photo li p {
	line-height: 60px;
	padding: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: 60px;
}

.photo li a {
	display: block;
}

.photo li img {
	display: inline-block;
	transition: all 0.3s;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	-webkit-transform: translate3d(-50%, -50%, 0);
}

.photo li:hover img {
	opacity: 0.8;
}

.showtop {
	text-align: center;
	border-bottom: 1px dotted #ddd;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.honor_list p {
	line-height: 25px !important;
}

.showtop .title {
	font-size: 16px;
	color: #000;
	font-weight: bold;
	margin-top: 30px;
}

.showtop .update {
	margin-top: 10px;
}

.showtop .update span {
	margin: 0 5px;
	font-size: 12px;
	color: #999;
}
.product_content p{
	line-height: 30px;
}
.product_content img {
	max-width: 1100px;

}

.prepage {
	margin-top: 40px;
	line-height: 30px;
	font-size: 12px;
}

.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;
	width: 440px;
}

.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;
}

.about_content img {
	max-width: 100%;
}

.about_content p {
	margin: 0px;
	margin-top: 10px;
	font-size: 16px;
}

.contact_left,
.contact_right {
	width: 45%;
	color: #333;
	float: left;
	margin-right: 5%;
	font-size:16px;
}
.contact_left
{
	margin-top: 3%;
}
.contact_right {
	width: 40%;

}

.contact_right img {
	width: 100%;
}

.contact_data {
	margin-bottom: 30px;
	margin-top: 10px;
	overflow: hidden;
}

.page {
	text-align: center;
}

.about_content {
	line-height: 30px;
	margin: 1% auto;
}

.pagination>li>a,
.pagination>li>span {
	border: none !important;
	color: #000 !important;
	background-color: #F2F2F2;
}

.page .pagination li {
	float: left;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #000;
	border: none;
	background-color: #F2F2F2;
	margin: 0px 5px;
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
	background-color: #F2F2F2;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
	border: none !important;

}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	background: #337ab7 !important;
	color: #fff !important;
	border: none;
	color: #000;

}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
	background: #337ab7 !important;
	color: #fff !important;
	border: none;
	color: #000;
}