* {

	margin: 0px;

	padding: 0px;

}
.article-intro a{color:#333;}
body {

	min-width: 1306px;

	background: #ffffff;

	background-image: url();

	background-repeat: repeat-x;

	background-position: 0px 0px;

	margin: 0px;

	padding: 0px;

	text-decoration: none;

	font-size: 12px;

	font-variant: normal;

	font-family: "微软雅黑";

}/*为部分带全站背景图准备可以将背景图或背景色部分删除掉*/

a:link, a:visited, a:hover, a:active {

	text-decoration: none;

}

a {

	text-decoration: none;

}

li {

	list-style-type: none;

}

ul, ol {

	list-style-type: none;

	list-style-image: none;

}

/*清除浮动*/

 



.main {

	width: 1200px;

	margin: 0 auto;

}

.top {

	width: 100%;

	height: 40px;

	background: #F6F6F6;

}

.top p {

	float: left;

	font-size: 14px;

	color: #3c3c3c;

	line-height: 40px;

}

.top ul {

	float: right;

	height: 40px;

	overflow: hidden;

}

.top ul li {

	float: left;

	padding-right: 10px;

	padding-left: 10px;

	line-height: 40px;

	position: relative;

}

.top ul li:after {

	content: "";

	width: 1px;

	height: 14px;

	position: absolute;

	right: 0;

	top: 50%;

	margin-top: -7px;

	background: #6d6d6d;

}

.top ul li a {

	color: #3c3c3c;

	font-size: 14px;

}

.top ul li:last-child:after {

	width: 0;

	height: 0;

	overflow: hidden;

}

.head {

	width: 100%;

	height: 110px;

	overflow: hidden;

}

.head img {

	display: block;

}

.head .name {

	float: left;

}

.head .tel {

	float: right;

}

.head .main div div {

	display: table-cell;

	vertical-align: middle;

	height: 110px;

}

.nav {

	width: 100%;

	height: 50px;

	background: #2855b1;

}

.nav ul {

	width: 1200px;

	margin: 0 auto;

	height: 50px;

}

.nav ul li {

	float: left;

	width: 170px;

	height: 50px;

	position: relative;

	text-align: center;

	line-height: 50px;

}

.nav ul li a {

	color: #fff;

	display: block;

	font-size: 16px;

}

.nav ul li:hover {

	background: #FAA304;

}

.nav ul li:hover ul {

	display: block;

}

.nav ul li:hover a {

	color: #2855b1;

}

.nav ul ul {

	position: absolute;

	left: 0;

	top: 50px;

	width: auto;

	display: none;

	height: auto;

	overflow: hidden;

	z-index: 100;

}

.nav ul ul li {

	height: 45px;

	line-height: 45px;

	border-bottom: 1px solid #caced0;

	background: rgba(255,255,255,.8);

}

.nav ul ul li a {

	color: #014da1;

}

.nav ul ul li:hover {

	background: #2855b1;

}

.nav ul ul li:hover a {

	color: #fff;

}

.banner {

	max-width: 1920px;

	margin: 0 auto;

	overflow: hidden;

	position: relative;

}

.banner .hd {

	height: 15px;

	overflow: hidden;

	position: absolute;

	left: 45%;

	bottom: 10px;

	z-index: 1;

}

.banner .hd ul {

	overflow: hidden;

	zoom: 1;

	float: left;

}

.banner .hd ul li {

	float: left;

	margin-right: 25px;

	width: 50px;

	height: 10px;

	line-height: 14px;

	text-align: center;

	cursor: pointer;

	background: #fff;

}

.banner .hd ul li.on {

	background: #2855b1;

}

.banner .bd {

	position: relative;

	z-index: 0;

	width: 100%;

}

.banner .bd li {

	zoom: 1;

	vertical-align: middle;

}

.banner .bd img {

	width: 100%;

	display: block;

}

.banner .prev, .banner .next {

	position: absolute;

	left: 3%;

	top: 50%;

	margin-top: -3%;

	display: block;

	width: 32px;

	height: 40px;

	filter: alpha(opacity=50);

	opacity: 0.5;

}

.banner .next {

	left: auto;

	right: 3%;

	background-position: 8px 5px;

}

.banner .next {

	font-size: 58px;

	color: #fff;

}

.banner .prev {

	font-size: 58px;

	color: #fff;

}

.banner .prev:hover, .banner .next:hover {

	filter: alpha(opacity=100);

	opacity: 1;

}

.banner .prevStop {

	display: none;

}

.banner .nextStop {

	display: none;

}

.product {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 60px;

}

.title {

	margin-top: 45px;

	overflow: hidden;

}

.title p {

	color: #1a1a1a;

	font-size: 36px;

	font-weight: bold;

	text-align: center;

}

.title b {

	color: #2855b1;

}

.title span {

	display: block;

	text-align: center;

	margin: 0 auto;

	text-transform: uppercase;

	color: #999999;

	font-size: 14px;

	margin-top: 5px;

	font-family: 'Arial Regular';

	background: url(../images/tit01.png) no-repeat center;

}

.product .list {

	float: left;

	width: 220px;

	height: auto;

	overflow: hidden;

	position: relative;

	min-height: 830px;

	background: #E6E6E6;

	padding-bottom: 50px;

}

.product .list .tit {

	width: 220px;

	height: 104px;

	overflow: hidden;

	background: #2855B1;

}

.product .list .tit div {

	width: 200px;

	height: 84px;

	margin: 10px;

	box-sizing: border-box;

	border: 1px solid #356CDC;

}

.product .list .tit div p {

	color: #fff;

	font-size: 22px;

	font-weight: bold;

	margin-top: 15px;

	text-align: center;

}

.product .list .tit div span {

	color: #fff;

	font-size: 14px;

	text-transform: uppercase;

	display: block;

	text-align: center;

	margin-top: 5px;

}

.product .list ul {

	width: 205px;

	height: auto;

	overflow: hidden;

	margin: 0 auto;

	margin-top: 14px;

}

.product .list ul li {

	width: 205px;

	height:auto;
	overflow: hidden;

	background: #fff;

	margin-bottom: 5px;

	line-height: 50px;

	position: relative;

}

.product .list ul li:hover a {

	color: #2855B1;

}

.product .list ul li:hover dl dd a{
	color: #333;
}

.product .list ul li a {

	color: #333333;

	font-size: 16px;

	display: block;

	width: 160px;

	margin-left: 35px;

}

.product .list ul li:after {

	content: "";

	width: 10px;

	height: 13px;

	background: url(../images/icon01.png) no-repeat center;

	position: absolute;

	left: 18px;

	top: 25px;

	margin-top: -6px;

}
.product .list ul li dl{
	border-top: 1px solid #eee;
	box-sizing: border-box;
}
.product .list ul li dl dd{
	width: 100%;
	height: 40px;
	line-height: 40px;
}
.product .list ul li dl dd a{
	font-size: 14px;
}

.product .list ul li dl dd:hover a{
	color: #2855B1;
}
.product .tel {

	width: 100%;

	height: auto;

	min-height: 100px;

	box-sizing: border-box;

	padding-bottom: 15px;

	overflow: hidden;

	position: absolute;

	left: 0;

	bottom: 0;

	background: #2855B1;

	border-top: 5px solid #FAA304;

}

.product .tel p {

	background: url(../images/icon04.png) no-repeat left center;

	color: #fff;

	font-size: 16px;

	line-height: 23px;

	padding-left: 25px;

	margin-left: 30px;

	margin-top: 10px;

}

.product .tel b {

	width: 165px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	display: block;

	margin-top: 10px;

	color: #fff;

	line-height: 22px;

	font-size: 21px;

}

.product .pic {

	width: 957px;

	float: right;

	height: auto;

	overflow: hidden;

	padding: 5px;

}

.product .pic ul li:nth-child(3n-2) {

	margin-left: 0;

}

.product .pic ul {

	height: auto;

	overflow: hidden;

	margin-top: 15px;

}

.product .pic ul li {

	float: left;

	width: 312px;

	height: auto;

	overflow: hidden;

	margin-left: 10px;

	position: relative;

	transition: .5s;

	margin-bottom: 15px;

}

.product .pic ul li img {

	display: block;

	width: 312px;

	height: 240px;

}

.img-box {

	overflow: hidden;

}

.img-box img {

	transition: .5s;

}

.img-box:hover img {

	transform: scale(1.05);

}

.product .pic ul li p {

	width: 100%;

	height: 40px;

	background: rgba(0,0,0,.5);

	position: absolute;

	bottom: 0;

	line-height: 40px;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

	color: #fff;

	font-size: 16px;

	text-align: center;

}

.product .pic ul li:hover p {

	background: #2855B1;

	color: #fff;

}

.adv {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 60px;

	background: url(../images/bg01.png) no-repeat center bottom;

}

.adv .tit {

	width: 100%;

	height: 182px;

	background: url(../images/adv-tit.png) no-repeat center;

}

.adv ul {

	width: 1210px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	padding-bottom: 32px;

	margin-top: 30px;

}

.adv ul li {

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;

}

.adv ul li:nth-child(2n) .pic {

	float: left;

}

.adv ul li:nth-child(2n) .intro {

	float: right;

}

/*.adv ul li:nth-child(2) {

	margin-top: -40px;

}*/

.adv ul li:nth-child(3) .intro {

	margin-top: 50px;

}

.adv ul li:nth-child(4) .intro {

	margin-top: 50px;

}

.adv ul li .intro {

	width: 550px;

	height: auto;

	overflow: hidden;

	float: left;

}

.adv ul li .pic {

	float: right;

}

.adv ul li .intro .t {

	width: 100%;

	height: auto;

	overflow: hidden;

	display: flex;

	justify-content: flex-start;

	align-items: center;

}

.adv ul li .intro .t span {

	display: block;

	color: #999999;

	font-size: 16px;

	text-transform: uppercase;

}

.adv ul li .intro .t .num {

	float: left;

	margin-right: 15px;

}

.adv ul li .intro .t div:last-child {

	padding-bottom: 10px;

	float: left;

	background: url(../images/bg02.png) repeat-x left bottom;

}

.adv ul li .intro .t p {

	color: #2855b1;

	font-size: 30px;

	font-weight: bold;

}

.adv ul li .intro .info {

	width: 460px;

	float: right;

	height: auto;

	overflow: hidden;

	margin-top: 15px;

}

.adv ul li .intro .info p {

	color: #333333;

	font-size: 15px;

	line-height: 30px;

}

.cases {

	width: 1200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

}

.cases .show {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

}

.cases .show .box {

	width: 800%;

}

.cases .pic {

	float: left;

}

.cases .pic ul li {

	float: left;

	width: 389px;

	height: auto;

	overflow: hidden;

	margin-left: 17px;

}

.cases .pic ul li img {

	display: block;

	width: 389px;

	height: 313px;

}

.cases .pic ul li p {

	text-align: center;

	color: #1a1a1a;

	font-size: 16px;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

	line-height: 40px;

}

.gg {

	width: 100%;

	height: 236px;

	background: url(../images/gg.png)no-repeat center;

	margin-top: 30px;

}

.hz {

	width: 1202px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}

.hz ul {

	margin-top: 25px;

	height: auto;

	overflow: hidden;

	width: 1202px;

	background: #cccccc;

	padding-bottom: 1px;

	border-left: 1px solid #cccccc;

	border-right: 1px solid #cccccc;

	box-sizing: border-box;

}

.hz ul li {

	float: left;

	margin-top: 1px;

	width: 240px;

	height: auto;

	overflow: hidden;

	box-sizing: border-box;

}

.hz ul li img {

	display: block;

	width: 240px;

	height: 140px;

	box-sizing: border-box;

}

.news {

	width: 1200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

 margin-top:

}

.news .tab {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

}

.news .tab ul {

	margin: 0 auto;

	display: table;

}

.news .tab ul li {

	float: left;

	width: 230px;

	height: 60px;

	background: #e6e6e6;

	text-align: center;

	line-height: 60px;

	border-radius: 5px;

	margin: 0 20px;

}

.news .tab ul li:hover {

	background: #2855B1;

}

.news .tab ul li:hover a {

	color: #fff;

}

.news .tab ul li a {

	color: #333333;

	font-size: 24px;

	display: block;

}

.news .left {

	width: 548px;

	height: auto;

	overflow: hidden;

	border: 1px solid #CCCCCC;

	box-sizing: border-box;

	margin-top: 40px;

	float: left;

}

.news .left .pic {

	width: 548px;

	position: relative;

	height: 382px;

}

.news .left .pic img {

	display: block;

	width: 548px;

	height: 382px;

}

.news .left .pic h4 {

	width: 100%;

	height: 47px;

	line-height: 47px;

	color: #fff;

	font-weight: normal;

	position: absolute;

	bottom: 0;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

	padding: 0 12px;

	box-sizing: border-box;

	font-size: 18px;

	background: rgba(0,0,0,.6);

}

.news .left .pic h4:hover {

	color: #ccc;

}

.news .left .info {

	width: 500px;

	height: 130px;

	margin: 25px auto;

	color: #666666;

	font-size: 14px;

	line-height: 26px;

	display: -webkit-box;

	-webkit-line-clamp: 5;

	-webkit-box-orient: vertical;

	overflow: hidden;

}

.news .right {

	float: right;

	width: 620px;

	height: auto;

	overflow: hidden;

	margin-top: 40px;

}

.news ul li {

	width: 100%;

	height: 110px;

	margin-bottom: 2px;

}

.news ul li .time {

	width: 110px;

	height: 110px;

	float: left;

	background: #999999;

}

.news ul li .time b {

	text-align: center;

	color: #ffffff;

	font-size: 52px;

	margin-top: 5px;

	text-align: center;

	display: block;

}

.news ul li .time span {

	text-align: center;

	color: #fff;

	display: block;

	font-size: 18px;

	margin-top: -5px;

}

.news ul li .info {

	width: 480px;

	height: auto;

	overflow: hidden;

	float: right;

	margin-top: 20px;

}

.news ul li .info h4 {

	width: 100%;

	color: #333333;

	font-size: 16px;

	white-space: nowrap;

	font-weight: normal;

	text-overflow: ellipsis;

	overflow: hidden;

}

.news ul li .info p {

	color: #999999;

	font-size: 14px;

	line-height: 22px;

	margin-top: 10px;

}

.news ul li:hover .info h4 {

	color: #176CD6;

}

.section {

	width: 100%;

	height: auto;

	overflow: hidden;

	padding-bottom: 30px;

}

.about {

	width: 100%;

	margin: 0 auto;

	height: 570px;

	overflow: hidden;

	background: url(../images/bg03.png);

}

.about .pic {

	float: left;

	height: auto;

	overflow: hidden;

	position: relative;

	z-index: 10;

	margin-top: 45px;

}

.about .pic img {

	display: block;

	width: 600px;

	height: 338px;

}

.about .bd {

	float: right;

	width: 600px;

	height: 338px;

	margin-top: 45px;

	background: #fff;

	box-shadow: 0 0 2px 2px #f5f5f5;

}

.about .intro {

	width: 520px;

	height: 267px;

	float: right;

	background: url(../images/bg04.png) no-repeat right top;

	margin-right: 40px;

	margin-top: 30px;

}

.about .intro h4 {

	color: #2855b1;

	font-size: 26px;

	margin-top: 10px;

}

.about .intro .info {

	width: 100%;

	height: 130px;

	overflow: hidden;

	color: #666666;

	font-size: 14px;

	line-height: 26px;

	margin-top: 30px;

}

.about .intro .info p {

	text-indent: 2em;

}

.about .intro a {

	display: block;

	width: 135px;

	height: 40px;

	background: #2855b1;

	text-align: center;

	color: #fff;

	font-size: 14px;

	line-height: 40px;

	margin-top: 30px;

}

.workshop {

	width: 1306px;

	height: auto;

	overflow: hidden;

	margin: 0 auto;

	position: relative;

}

.workshop .next, .workshop .prev {

	display: block;

	width: 24px;

	height: 100px;

	display: flex;

	justify-content: center;

	align-items: center;

	position: absolute;

	top: 200px;

	background: #bababa;

}

.workshop .next {

	left: 0;

}

.workshop .next:hover {

	background: #005aab;

}

.workshop .prev {

	right: 0;

}

.workshop .prev:hover {

	background: #005aab;

}

.workshop .bd {

	width: 1200px;

	margin: 0 auto;

	margin-top: 20px;

	height: 260px;

}

.workshop .bd ul li {

	float: left;

	width: 285px;

	height: 250px;

	margin: 0 8px;

	margin-top: 5px;

}

.workshop .bd ul li img {

	display: block;

	width: 285px;

	height: 210px;

	box-shadow: 0 0 5px 2px #dadada;

}

.workshop .bd ul li p {

	width: 100%;

	height: 40px;

	line-height: 40px;

	text-align: center;

	color: #333333;

	font-size: 16px;

}

.mssg {

	width: 600px;

	height: 500px;

	float: left;

	background: #2855b1;

}

.mssg .tit {

	width: 245px;

	height: 100px;

	background: #fff;

	margin-left: 45px;

	overflow: hidden;

}

.mssg .tit p {

	color: #2855b1;

	font-size: 24px;

	font-weight: bold;

	margin-left: 25px;

	margin-top: 20px;

}

.mssg .tit span {

	display: block;

	color: #2855b1;

	margin-left: 25px;

	margin-top: 5px;

	font-size: 20px;

}

.mssg form {

	width: 505px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 34px;

}

.mssg form ul {

	height: auto;

	overflow: hidden;

}

.mssg form ul li {

	float: left;

	width: 100%;

	height: auto;

	margin-bottom: 10px;

}

.mssg form ul li p {

	color: #fff;

	font-size: 18px;

	float: left;

	line-height: 50px;

}

.mssg form ul li input {

	width: 410px;

	height: 48px;

	border: 1px solid #d2d2d2;

	background: #fff;

	border-radius: 5px;

	border: none;

	float: right;

	outline: none;

	text-indent: 10px;

	font-family: '微软雅黑';

}

.mssg form ul li textarea {

	width: 410px;

	height: 100px;

	border: 1px solid #d2d2d2;

	outline: none;

	background: #fff;

	border-radius: 5px;

	border: none;

	float: right;

	padding-top: 10px;

	text-indent: 10px;

	font-family: '微软雅黑';

}

.mssg form .btn {

	width: 100%;

	height: 60px;

	background: #56abff;

	color: #fff;

	font-size: 18px;

	outline: none;

	border: none;

	border-radius: 5px;

	margin-top: 20px;

}

.contact {

	float: right;

	width: 508px;

	height: auto;

	margin-right: 45px;

	overflow: hidden;

}

.contact .tit {

	width: 245px;

	height: 100px;

	background: #2855b1;

	overflow: hidden;

}

.contact .tit p {

	color: #fff;

	font-size: 24px;

	font-weight: bold;

	margin-left: 25px;

	margin-top: 20px;

}

.contact .tit span {

	display: block;

	color: #fff;

	margin-left: 25px;

	margin-top: 5px;

	font-size: 20px;

}

.contact .pic {

	width: 100%;

	height: auto;

	margin-top: 34px;

	overflow: hidden;

}

.contact .pic img {

	display: block;

	width: 508px;

	height: 140px;

}

.contact .intro {

	width: 100%;

	height: 180px;

	overflow: auto;

	margin-top: 20px;

}

.contact .intro h4 {

	font-size: 18px;

	color: #333333;

}

.contact .intro p {

	color: #333333;

	font-size: 16px;

	line-height: 30px;

	margin-top: 10px;

}

.links {

	width: 100%;

	border-top: 1px solid #cccccc;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 60px;

}

.links .tit {

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}

.links .tit p {

	color: #015cb5;

	font-size: 16px;

	font-weight: bold;

	float: left;

}

.links .tit span {

	display: block;

	float: left;

	font-size: 16px;

	color: #666666;

	text-transform: uppercase;

	margin-left: 5px;

}

.links ul {

	width: 100%;

	height: 60px;

	overflow: hidden;

	margin-top: 10px;

}

.links ul a {

	float: left;

	line-height: 30px;

	padding-right: 40px;

	color: #666666;

	font-size: 14px;

}

.footer {

	width: 100%;

	min-height: 248px;

	position: relative;

	background: #2855b1;

	margin-top: 15px;

	overflow: hidden;

	height: auto;

	padding-bottom: 50px;

}

.footer .info {

	float: left;

	margin-top: 35px;

}

.footer .info img {

	display: block;

}

.footer .info p {

	color: #fff;

	font-size: 14px;

	line-height: 24px;

	margin-top: 20px;

}

.footer .fn {

	float: left;

	border-left: 1px solid #6a92e6;

	padding-left: 70px;

	height: 200px;

	padding-right: 40px;

	border-right: 1px solid #6a92e6;

	margin-left: 75px;

	margin-top: 40px;

}

.footer .fn .tit p {

	color: #fff;

	font-size: #ffffff;

	font-size: 18px;

	font-weight: bold;

}

.footer .fn ul {

	width: 200px;

	height: auto;

	overflow: hidden;

	margin-top: 10px;

}

.footer .fn ul li {

	width: 90px;

	height: auto;

	overflow: hidden;

	float: left;

}

.footer .fn ul li:nth-child(2n) {

	float: right;

}

.footer .fn ul li a {

	color: #fff;

	font-size: 15px;

	line-height: 40px;

}

.footer .ewm {

	float: right;

	margin-top: 40px;

}

.footer .ewm img {

	display: block;

	width: 146px;

	height: 146px;

	border: 2px solid #fff;

}

.footer .ewm p {

	width: 100%;

	text-align: center;

	color: #fff;

	font-size: 14px;

	line-height: 30px;

}

.footer .cr {

	width: 100%;

	height: 35px;

	position: absolute;

	left: 0;

	bottom: 0;

	background: #1b418e;

}

.footer .cr p {

	text-align: center;

	color: #fff;

	line-height: 5px;

	font-size: 12px;

	line-height: 35px;

}

.footer a {

	color: #fff;

}

.float {

	width: auto;

	height: auto;

	overflow: hidden;

	position: fixed;

	bottom: 100px;

	right: 0;

	width: 180px;

}

.float ul li {

	width: 180px;

	margin-top: 5px;

	height: auto;

	overflow: hidden;

	margin-left: 130px;

	position: relative;

	transition: .5s;

}

.float ul li span {

	display: block;

	width: 50px;

	height: 50px;

	float: left;

}

.float ul li:nth-child(2):hover {

	margin-left: 0;

}

.float ul li:nth-child(3):hover {

	margin-left: 0;

}

.float ul li:nth-child(4):hover {

	margin-left: 0;

}

.float ul li:nth-child(4):hover img {

	height: 120px;

}

.float ul li p {

	float: left;

	font-size: 16px;

	color: #fff;

	width: 130px;

	text-align: center;

	height: 50PX;

	line-height: 50px;

	font-weight: bold;

	background: #2855b1;

}

.float ul li a {

	display: block;

	line-height: 50px;

	text-align: center;

	background: #2855b1;

	color: #fff;

	font-size: 16px;

	font-weight: bold;

}

.float ul li:nth-child(1) span {

	background: #2855b1 url(../images/float01.png)no-repeat center;

}

.float ul li:nth-child(2) span {

	background: #2855b1 url(../images/float02.png)no-repeat center;

}

.float ul li:nth-child(3) span {

	background: #2855b1 url(../images/float03.png)no-repeat center;

}

.float ul li:nth-child(4) span {

	background: #2855b1 url(../images/float04.png)no-repeat center;

}

.float ul li:nth-child(5) span {

	background: #2855b1 url(../images/float05.png)no-repeat center;

}

.float ul li div {

	width: 130px;

	float: left;

	background: #2855b1;

	height: auto;

	overflow: hidden;

}

.float ul li img {

	display: block;

	width: 120px;

	height: 50px;

	transition: .3s;

	float: right;

	margin: 5px;

}

.in-content {

	width: 1200px;

	margin: auto;

	height: auto;

	overflow: hidden;

	margin-top: 40px;

	margin-bottom: 50px;

}

.in-content .left-cont {

	width: 220px;

	height: auto;

	float: left;

	overflow: hidden;

}

.in-content .left-cont .tit {

	width: 100%;

	height: 85px;

	overflow: hidden;

	background: #2855B1;

}

.in-content .left-cont .quick .tit p {

	color: #ffffff;

	font-size: 24px;

	margin-top: 20px;

	position: relative;

	margin-left: 15px;

	padding-bottom: 10px;

}

.in-content .left-cont .quick .tit p:after {

	content: "";

	width: 20px;

	height: 2px;

	position: absolute;

	left: 0;

	bottom: 0;

	background: #fff;

}

.in-content .left-cont .bd {

	width: 100%;

	height: auto;

	overflow: hidden;

	border: 1px solid #e6e6e6;

	background: #fff;

	box-sizing: border-box;

	padding-top: 15px;

	padding-bottom: 30px;

}

.in-content .left-cont h4 {

	color: #005aab;

	font-size: 15px;

	width: 210px;

	margin: 0 auto;

	border-bottom: 1px solid #ccc;

	height: 40px;

	line-height: 40px;

	background: url(../images/icon01.png) left center no-repeat;

}

.in-content .left-cont h4 a {

	color: #005aab;

	font-size: 15px;

	margin-left: 20px;

	font-weight: normal;

}

.in-content .left-cont .bd .part ul {

	width: 100%;

	float: right;

}

.in-content .left-cont .bd .part ul li {

	width: 205px;

	float: right;

	height: 30px;

	overflow: hidden;

	position: relative;

	line-height: 30px;

	background: url(../images/icon05.png) left center no-repeat;

}

.in-content .left-cont .bd .part ul li:last-child {

	background: url(../images/icon06.png) left center no-repeat;

}



.left-cont .list  ul li dl{
	border-top: 1px solid #eee;
	box-sizing: border-box;
}
.left-cont .list  ul li dl dd{
	width: 100%;
	height: 40px;
	line-height: 40px;
}
.left-cont .list  ul li dl dd a{
	font-size: 14px;
}



.in-content .left-cont .bd .part ul li a {

	color: #666666;

	font-size: 14px;

	display: block;

	white-space: nowrap;

	margin-left: 20px;

	text-overflow: ellipsis;

	overflow: hidden;

}

.left-cont .cont {

	margin-top: 15px;

	width: 100%;

	height: auto;

	overflow: hidden;

}

.left-cont .cont .tit {

	width: 100%;

	height: auto;

	overflow: hidden;

}

.left-cont .cont .t img {

	display: block;

	width: 100%;

}

.left-cont .cont .intro {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 5px;

	background: #fafafa;

	color: #666666;

	font-size: 14px;

	padding: 10px;

	line-height: 26px;

	box-sizing: border-box;

}

.left-cont .cont .intro h5 {

	font-size: 15px;

}

.left-cont .cont .intro div {

	width: 200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 15px;

	margin-bottom: 15px;

}

.left-cont .cont .intro div p {

}

.left-cont .cont .intro div img {

	display: block;

	float: left;

	margin-right: 10px;

	margin-top: 3px;

}

.left-cont .cont .intro div span {

	display: block;

	float: left;

	width: 130px;

	color: #666;

}

.left-cont .quick {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 15px;

	background: #fafafa;

	padding-bottom: 15px;

}

.left-cont .quick ul {

	width: 100%;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	padding: 10px;

	box-sizing: border-box;

}

.left-cont .quick ul li {

	width: 100%;

	height: 30px;

	border-bottom: 1px solid #eee;

	line-height: 30px;

	margin-bottom: 3px;

}

.left-cont .quick ul li a {

	color: #666666;

	font-size: 14px;

	display: block;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

}

.right-cont {

	float: right;

	width: 957px;

	height: auto;

	overflow: hidden;

}

.title-bar {

	width: 100%;

	height: auto;

	overflow: hidden;

	background: #2855B1 url(../images/icon02.png) no-repeat 20px center;

}

.title-bar img {

	margin-right: 5px;

	margin-top: 2px;

	float: left;

}

.title-bar h4 {

	font-size: 24px;

	color: #fff;

	margin-left: 50px;

	font-weight: normal;

	line-height: 100px;

	float: left;

}

.title-bar span {

	display: block;

	float: left;

	line-height: 100px;

	margin-left: 10px;

	color: #fff;

	font-size: 16px;

}

.title-bar .crumbs {

	float: right;

}

.title-bar .more {

	display: block;

	color: #fff;

	font-size: 16px;

	float: right;

	text-transform: uppercase;

	margin-right: 20px;

	line-height: 100px;

}

.crumbs p {

	font-size: 14px;

	color: #fff;

	line-height: 100px;

	float: left;

}

.crumbs a {

	padding-right: 20px;

	color: #fff;

	position: relative;

	display: block;

	float: left;

	font-size: 14px;

	line-height: 100px;

}

.crumbs a:after {

	content: '>';

	font-size: 14px;

	position: absolute;

	right: 5px;

	font-family: '宋体';

	top: 0px;

	color: #fff;

}

.crumbs a:last-child:after {

	width: 0;

	height: 0;

	overflow: hidden;

}

.pro-list {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}

.pro-list .tit {

	width: 100%;

	height: auto;

	overflow: hidden;

}

.pro-list .tit h3 {

	color: #fff;

	font-size: 16px;

	width: 122px;

	height: 34px;

	background: #0f70da;

	float: left;

	text-align: center;

	line-height: 34px;

	float: left;

}

.pro-list .tit a {

	display: block;

	float: right;

	width: 120px;

	height: 34px;

	background: url(../images/more03.png)no-repeat center;

	text-indent: 45px;

	line-height: 34px;

	color: #666666;

	font-size: 14px;

}

.pro-list ul li {

	float: left;

	width: 309px;

	margin-left: 15px;

	margin-bottom: 15px;

	height: auto;

	overflow: hidden;

	position: relative;

}

.pro-list ul li:nth-child(3n-2) {

	margin-left: 0;

}

.pro-list ul li img {

	display: block;

	width: 100%;

	height: 235px;

}

.pro-list ul li p {

	width: 100%;

	background: #ccc;

	line-height: 34px;

	color: #fff;

	font-size: 16px;

	text-align: center;

	white-space: nowrap;

	text-overflow: ellipsis;

	position: absolute;

	bottom: 0;

	left: 0;

	height: 40px;

	line-height: 40px;

	background: rgba(0,0,0,0.5);

	overflow: hidden;

}

.pro-list ul li:hover p {

	background: #2855b1;

}

.pro-intro {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 25px;

}

.pro-intro .img {

	float: left;

	width: 406px;

	height: 393px;

	border: 1px solid #ccc;

	display: flex;

	justify-content: center;

	align-items: center;

	overflow: hidden;

}

.pro-intro .img img {

	display: block;

	width: 96%;

	margin: 0 auto;

}

.pro-intro .data {

	float: right;

	width: 510px;

	height: auto;

	overflow: hidden;

	border: 1px solid #cccccc;

}

.pro-intro .data h3 {

	color: #005bac;

	font-size: 24px;

	text-indent: center;

	width: 100%;

	height: 74px;

	border-bottom: 1px solid #cccccc;

	line-height: 74px;

	text-indent: 25px;

}

.pro-intro .data .info {

	width: 430px;

	height: 160px;

	overflow: hidden;

	margin-left: 25px;

	margin-top: 25px;

}

.pro-intro .data .info p {

	color: #000000;

	font-size: 16px;

	line-height: 34px;

}

.pro-intro .data .tel {

	width: 100%;

	height: 100px;

	border-top: 1px solid #cccccc;

	margin-top: 30px;

}

.pro-intro .data .tel img {

	display: block;

	float: left;

	margin-left: 20px;

	margin-top: 16px;

}

.pro-intro .data .tel a {

	display: block;

	float: right;

	width: 120px;

	height: 35px;

	background: url(../images/btn.png)no-repeat center;

	text-indent: 40px;

	margin-right: 24px;

	margin-top: 30px;

	line-height: 35px;

	color: #fff;

	font-size: 16px;

}

.pro-intro .intro {

	width: 100%;

	height: auto;

	overflow: hidden;

	float: left;

	margin-top: 20px;

}

.pro-intro .intro .tit {

	width: 100%;

	height: 50px;

	border-bottom: 1px solid #cccccc;

}

.pro-intro .intro .tit p {

	color: #fff;

	font-size: 16px;

	font-weight: bold;

	width: 138px;

	height: 34px;

	background: #005bac;

	text-align: center;

	line-height: 34px;

}

.pro-intro .intro .info {

	width: 100%;

	height: auto;

	min-height: 300px;

	overflow: hidden;

	margin-top: 20px;

}

.pro-intro .intro .info p {

	color: #000000;

	font-size: 16px;

	line-height: 30px;

}

.left-cont .list {

	width: 220px;

	height: auto;

	overflow: hidden;

	position: relative;

	background: #E6E6E6;

	padding-bottom: 20px;

}

.left-cont .list .tit {

	width: 220px;

	height: 104px;

	overflow: hidden;

	background: #2855B1;

}

.left-cont .list .tit div {

	width: 200px;

	height: 84px;

	margin: 10px;

	box-sizing: border-box;

	border: 1px solid #356CDC;

}

.left-cont .list .tit div p {

	color: #fff;

	font-size: 22px;

	font-weight: bold;

	margin-top: 15px;

	text-align: center;

}

.left-cont .list .tit div span {

	color: #fff;

	font-size: 14px;

	text-transform: uppercase;

	display: block;

	text-align: center;

	margin-top: 5px;

}

.left-cont .list ul {

	width: 205px;

	height: auto;

	overflow: hidden;

	margin: 0 auto;

	margin-top: 14px;

}

.left-cont .list ul li {

	width: 205px;

	height: auto;

	background: #fff;

	margin-bottom: 5px;

	line-height: 50px;

	position: relative;

}

.left-cont .list ul li:hover a {

	color: #2855B1;

}


.left-cont .list ul li:hover dl dd a{
	color: #333;
}

.left-cont .list ul li dl dd:hover a{
	color: #2855B1;
}

.left-cont .list ul li a {

	color: #333333;

	font-size: 16px;

	display: block;

	width: 160px;

	margin-left: 35px;

}

.left-cont .list ul li:after {

	content: "";

	width: 10px;

	height: 13px;

	background: url(../images/icon01.png) no-repeat center;

	position: absolute;

	left: 18px;

	top: 25px;

	margin-top: -6px;

}

.cases-list {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}

.cases-list ul li {

	float: left;

	width: 100%;

	height: auto;

	border-bottom: 1px solid #cccccc;

	padding-bottom: 20px;

	overflow: hidden;

	margin-bottom: 20px;

}

.cases-list ul li img {

	width: 245px;

	height: 160px;

	float: left;

}

.cases-list ul li .intro {

	float: right;

	width: 655px;

	height: auto;

	overflow: hidden;

}

.cases-list ul li .intro h4 {

	width: 100%;

	font-size: 18px;

	width: 100%;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

	font-weight: normal;

}

.cases-list ul li .intro p {

	font-size: 14px;

	color: #666666;

	line-height: 22px;

	height: 45px;

	margin-top: 20px;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	overflow: hidden;

}

.cases-list ul li .intro a {

	display: block;

	width: 135px;

	height: 35px;

	background: #0176c5;

	text-align: center;

	line-height: 35px;

	color: #fff;

	font-size: 14px;

	border-radius: 30px;

	margin-top: 35px;

}

.page {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

	float: left;

}

.page ul {

	display: table;

	margin: 0 auto;

}

.page ul li {

	border: 1px solid #ccc;

	padding: 0 10px;

	height: 30px;

	border-radius: 3px;

	line-height: 30px;

	color: #333;

	float: left;

	margin: 0 5px;

}

.page ul li a {

	color: #333;

}

.page ul .thisclass {

	background: #0f70da;

	border: 1px solid #0f70da;

	color: #fff;

}

.page select {

	border: none;

	background: none;

	outline: none;

}

.cont-intro {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}

.cont-intro .map {

	width: 100%;

	height: 400px;

	overflow: hidden;

	margin-top: 20px;

}

.cont-intro .map .allmap {

	width: 100%;

	height: 400px;

	border: 4px solid #c9c9c9;

	box-sizing: border-box;

}

.cont-intro .intro {

	width: 100%;

	height: auto;

	overflow: hidden;

	color: #333;

	font-size: 16px;

	line-height: 30px;

}

.cont-intro .intro ul li {

	float: left;

	width: 435px;

	border-bottom: 1px solid #d2d2d2;

	margin-bottom: 25px;

	padding-bottom: 15px;

}

.cont-intro .intro ul li:nth-child(2n) {

	float: right;

}

.cont-intro .intro ul li img {

	display: block;

	float: left;

}

.cont-intro .intro ul li p {

	color: #333333;

	font-size: 18px;

	margin-left: 18px;

	line-height: 66px;

	float: left;

}

.cont-intro .intro ul li:last-child {

	width: 100%;

}

.about-intro {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

	color: #666666;

	font-size: 16px;

	line-height: 30px;

}

.honor-list {

	width: 100%;

	height: auto;

	overflow: hidden;

	min-height: 700px;

	margin-top: 20px;

}

.honor-list ul li:nth-child(3n-2) {

	margin-left: 0;

}

.honor-list ul li {

	float: left;

	width: 300px;

	height: auto;

	margin-left: 15px;

	margin-bottom: 10px;

	overflow: hidden;

}

.honor-list ul li img {

	display: block;

	width: 300px;

	border: 1px solid #e6e6e6;

	box-sizing: border-box;

	height: 208px;

}

.honor-list ul li p {

	width: 100%;

	height: 30px;

	line-height: 30px;

	text-align: center;

	color: #333333;

	font-size: 14px;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

}

.news-list {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}

.news-list ul li {

	width: 100%;

	height: 95px;

	background: #eeeeee;

	margin-bottom: 20px;

}

.news-list ul li .time {

	float: left;

	width: 95px;

	height: 95px;

	background: #999999;

	float: left;

}

.news-list ul li .time b {

	color: #ffffff;

	font-size: 45px;

	text-align: center;

	margin-top: 5px;

	display: block;

}

.news-list ul li .time span {

	display: block;

	color: #fff;

	font-size: 16px;

	text-align: center;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	overflow: hidden;

	margin-top: -5px;

}

.news-list ul li:hover .time {

	background: #0176c5;

}

.news-list ul li:hover .intro p {

	color: #0176c5;

}

.news-list ul li .intro {

	width: 830px;

	height: auto;

	overflow: hidden;

	float: right;

	margin-right: 15px;

	margin-top: 10px;

}

.news-list ul li p {

	color: #1a1a1a;

	font-size: 16px;

	width: 100%;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

}

.news-list ul li span {

	display: block;

	color: #666666;

	font-size: 14px;

	line-height: 22px;

	margin-top: 7px;

}

.mssg-intro {

	width: 890px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}

.mssg-intro .tit {

	width: 100%;

	height: auto;

	overflow: hidden;

}

.mssg-intro .tit p {

	color: #333333;

	font-size: 18px;

	float: left;

	line-height: 30px;

}

.mssg-intro .tit span {

	display: block;

	color: #999999;

	font-size: 12px;

	margin-left: 10px;

	float: left;

	line-height: 30px;

}

.mssg-intro form {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}

.mssg-intro form ul li {

	width: 100%;

	height: auto;

	margin-bottom: 20px;

}

.mssg-intro form ul li p {

	color: #333333;

	font-size: 18px;

	line-height: 50px;

	float: left;

}

.mssg-intro form ul li input {

	width: 473px;

	height: 50px;

	outline: none;

	font-family: '微软雅黑';

	text-indent: 5px;

	border: 1px solid #c9c9c9;

	box-sizing: border-box;

}

.mssg-intro form ul li textarea {

	width: 800px;

	height: 170px;

	padding-top: 10px;

	border: 1px solid #c9c9c9;

	box-sizing: border-box;

	resize: none;

	outline: none;

	font-family: '微软雅黑';

	text-indent: 5px;

	outline: none;

}

.mssg-intro form .btn {

	margin-left: 90px;

}

.mssg-intro form .btn input {

	width: 140px;

	height: 40px;

	float: left;

	border: none;

	background: #0176c5;

	font-size: 18px;

	outline: none;

	color: #fff;

	font-family: '微软雅黑';

}

.mssg-intro form .btn input:last-child {

	margin-left: 35px;

	background: #999999;

}

.article-intro {

	width: 100%;

	height: auto;

	margin-top: 30px;

	overflow: hidden;

}

.article-intro .tit {

	width: 100%;

	height: auto;

	overflow: hidden;

}

.article-intro .tit h3 {

	font-size: 18px;

	text-align: center;

	color: #333;

	border-bottom: 1px dashed #eee;

	padding-bottom: 10px;

}

.article-intro .tit span {

	display: block;

	color: #666;

	text-align: center;

	margin-top: 5px;

}

.article-intro .info {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}

.article-intro .info p {

	color: #333;

	font-size: 16px;

	line-height: 30px;

}

.article-intro .info img {

	display: block;

	margin: 0 auto;

	max-width: 100%;

}

.fy {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 50px;

	border-top: 1px solid #d2d2d2;

	border-bottom: 1px solid #d2d2d2;

}

.fy p {

	width: 240px;

	height: 50px;

	padding: 0 10px;

	float: left;

	line-height: 50px;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

	text-align: center;

	border-left: 1px solid #d2d2d2;

}

.fy p:first-child {

	border: none;

}

.fy a {

	color: #333333;

	font-size: 14px;

}

.fy .return {

	float: right;

	line-height: 50px;

	width: 140px;

	border-left: 1px solid #d2d2d2;

	text-align: center;

}