* {
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
}

ul {
	list-style: none;
}

.head {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 90px;
	background-color: #fff;
	z-index: 999;
	box-shadow: 0.469px 2.963px 7.6px 0.4px rgba(52, 52, 52, 0.08);
}

.head .content {
	width: 1200px;
	margin: 0 auto;
}

.head .content:after {
	content: "";
	width: 0;
	display: block;
	clear: both;
}

.head .content .logo {
	display: inline-block;
	height: 100%;
	line-height: 90px;
}

.head .content .logo img {
	vertical-align: middle;
}

.head .right {
	float: right;
}

.head .right ul {
	display: inline-block;
}

.head .right li {
	display: inline-block;
	line-height: 90px;
	font-size: 18px;
	margin: 0 10px;
}

.head .right li a {
	color: #030303;
}

.head .right .divPhone {
	display: inline-block;
	margin-left: 40px;
}

.head .right .divPhone img,
.head .right .divPhone span {
	vertical-align: middle;
}

.head .right .divPhone span {
	color: #d53d3a;
	font-size: 20px;
	margin-left: 9px;
}

.banner {
	position: relative;
	padding-top: 90px;
}
.banner span{
	position: absolute;
}
.banner img {
	width: 100%;
	display: block;
}

.case {
	text-align: center;
	line-height: 1;
	margin-bottom:0px;
}

.case .title {
	font-size: 28px;
	color: #030303;
	margin-bottom: 15px;
}

.case .sub-title {
	font-size: 18px;
	color: #777;
	margin-bottom: 50px;
}

.case .content {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.case .types {
	margin-bottom: 77px;
}

.case .types li {
	display: inline-block;
	width: 150px;
	height: 40px;
	line-height: 40px;
	color: #666666;
	background-color: #ededed;
	font-size: 18px;
	margin: 0 20.5px;
	cursor: pointer;
}

.case .types li:hover,
.case .types li.active {
	color: #fff;
	background-color: #d9504d;
}

.case .case-lists {
	display: none;
}

.case .case-lists.active {
	display: block;
}

.case .case-lists li {
	display: inline-block;
	width: 380px;
	text-align: left;
	margin-bottom: 30px;
	margin-right: 25px;
	vertical-align: middle;
}

.case .case-lists li:nth-child(3n) {
	margin-right: 0;
}

.case .case-lists .icon {
	position: relative;
	width: 100%;
	height: 247px;
	overflow: hidden;
}

.case .case-lists .icon img {
	width: 100%;
	transition: all 0.6s;
}
.case .case-lists li:hover .icon img{
	transform: scale(1.1);
}
.case .case-lists .icon .allfix {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	width: 100%;
	height: 100%;
	background-color: rgb(27, 27, 27, 0.4);
	font-size: 16px;
	color: #fff;
	text-align: center;
	display: none;
}

.case .case-lists li:hover .icon .allfix {
	display: block;
}

.case .check {
	position: relative;
	margin-top: 116px;
}

.case .check:before {
	top: -7px;
}

.case .check:after {
	bottom: -7px;
}

.case .check:after,
.case .check:before {
	position: absolute;
	content: "";
	left: 50%;
	width: 0;
	height: 1px;
	background-color: #fff;
	transform: translateX(-50%);
	transition: width 0.6s;
	transition-delay: 0.1s;
}

.case .check.active:after,
.case .check.active:before {
	width: 64px;
}

.case .li-bottom {
	padding: 21px 21px 15px;
	border-radius: 0 0 5px 5px;
}

.case .case-lists li:hover .li-bottom {
	box-shadow: 0px 2px 38px 0px rgba(52, 52, 52, 0.15);
}

.case .text-title {
	font-size: 22px;
	color: #333333;
}

.case .right {
	font-size: 14px;
	color: #333;
	float: right;
	line-height: 22px;
}

.case .text-description {
	font-size: 14px;
	color: #828282;
	line-height: 23px;
	margin-top: 16px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
}

.case .paging span,
.cooperation-case .paging span {
	display: inline-block;
	width: 45px;
	height: 45px;
	border-radius: 5px;
	background-color: #e27775;
	line-height: 45px;
	margin: 0 4.5px;
	vertical-align: top;
	position: relative;
}
.case .paging a{
	display: inline-block;
}

.case .paging span:hover,
.case .paging span.active,
.cooperation-case .paging span:hover,
.cooperation-case .paging span.active {
	background-color: #d9504d;
}

.case .paging span img,
.cooperation-case .paging span img {
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.case .more a {
	display: inline-block;
	width: 180px;
	height: 50px;
	line-height: 50px;
	background-color: #e33b38;
	color: #fff;
	font-size: 18px;
	margin-top: 41px;
}

.map {
	line-height: 1;
	text-align: center;
	padding-bottom: 49px;
	padding-top: 46px;
	background-color: #f9f9f9;
}

.map .title {
	font-size: 28px;
	color: #030303;
	margin-bottom: 15px;
}

.map .sub-title {
	font-size: 18px;
	color: #777;
	margin-bottom: 60px;
}

.map .content {
	width: 1200px;
	margin: 0 auto;
}

.map .left {
	display: inline-block;
	float: left;
}

.map li {
	background-color: #d53d3a;
	height: 40px;
	width: 215px;
	line-height: 40px;
	color: #fff;
	font-size: 16px;
	border-radius: 0px 0px 10px 0;
}

.map li.icon {
	background-color: #fff;
	color: #333333;
	font-size: 18px;
	height: 45px;
	line-height: 45px;
	text-align: center;
}
.map li .icon.iconfont{
	font-size: 25px;
	color: #dc5f5d;
	vertical-align: middle;
}
.map li span{
	vertical-align: middle;
}
.map li.icon img {
	vertical-align: middle;
	padding-right: 17px;
	padding-left: 38px;
}

.map li.li-div {
	height: auto;
	border-radius: 0px 10px 10px 0px;
	padding: 26px 0;
	line-height: 1;
}

.map li.li-div p {
	margin-bottom: 14px;
}

.map li.li-div p:last-child {
	margin-bottom: 0;
}

.map li.li-div.br {
	border-radius: 0px 10px 0px 0px;
}

.map .right {
	text-align: right;
	padding-right: 89px;
}

.information {
	margin-top: 55px;
	text-align: center;
	line-height: 1;
}

.information .title {
	font-size: 28px;
	color: #030303;
	margin-bottom: 15px;
}

.information .content {
	width: 1200px;
	margin: 0 auto;
}

.information ul:after {
	content: "";
	width: 0;
	display: block;
	clear: both;
}

.information .sub-title {
	font-size: 18px;
	color: #777;
	margin-bottom: 80px;
}

.information li {
	display: inline-block;
	width: 584px;
	height: 144px;
	float: left;
	margin-bottom: 32px;
	text-align: left;
}

.information li a {
	display: block;
	padding: 25px 31px 0 39px;
	box-sizing: border-box;
	border: 1px solid #e9e9e9;
	height: 100%;
}

.information li:hover, .information li.active{
	border: none;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 2px 68px 0px rgba(52, 52, 52, 0.11);
}

.information li:hover a,.information li.active a {
	border: none;
}

.information li:nth-child(2n) {
	float: right;
}

.information li a>span {
	display: inline-block;
	vertical-align: top;
}

.information li a span:last-child {
	width: 405px;
	margin-left: 39px;
}

.information .year {
	font-size: 16px;
	color: #666666;
	line-height: 20px;
	margin-bottom: 24px;
	text-align: center;
}

.information .date {
	font-size: 36px;
	color: #343434;
	text-align: center;
}

.information .text-title {
	font-size: 20px;
	color: #343434;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.information .text-description {
	margin-top: 15px;
	font-size: 16px;
	color: #666;
	line-height: 24px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.information1 {
	margin-top: 68px;
	margin-bottom: 102px;
}

.pageing1 {
	margin-top: 60px;
	text-align: center;
	padding-bottom: 130px;
}

.pageing1 li {
	position: relative;
	display: inline-block;
	width: 61px;
	height: 48px;
	line-height: 48px;
	border: 1px solid #e5e5e5;
	font-size: 14px;
	color: #343434;
	margin-left: -5px;
	border-left: none;
	cursor: pointer;
	vertical-align: top;
}

.pageing1 li .img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.pageing1 li .img:last-child {
	display: none;
}

.pageing1 li:hover .img:last-child {
	display: block;
}

.pageing1 li:hover .img:first-child {
	display: block;
}

.pageing1 li:first-child {
	margin-left: 0;
	border-left: 1px solid #e5e5e5;
}

.pageing1 li.prev,
.pageing1 li.next {
	letter-spacing: -4px;
	width: 65px;
	color: #838383;
}
.pageing1 li a,.pageing1 li a{	display: block;
	/* width: 65px; */
	height: 48px;
	line-height: 48px;
}
.pageing1 li.prev a,.pageing1 li.next a{
	letter-spacing: 0px;
	width: 65px;
	height: 48px;
	line-height: 48px;
	color:#838383;
	font-size: 16px;
}

.pageing1 li:hover,
.pageing1 li.active {
	background-color: #d90000;
	color: #fff;
}
.pageing1 li:hover a,.pageing1 li.active a{
	background-color: #d90000;
	color: #fff;
}
#footer {
	background-color: #2d344a;
}

.ftyl {
	width: 1200px;
	margin: 0 auto 0;
	padding-top: 41px;
	padding-bottom: 17px;
	text-align: left;
	border-top: 1px solid #515769;

}

.ftyl .ftyl_center p {
	display: inline-block;
	color: #dcdcdc;
}

.ftyl .ftyl_center a {
	color: #dcdcdc;
	display: inline-block;
	margin: 0 8px;
	font-size: 16px;
	line-height: 30px;
}

.ftyl1 {
	margin-top: 33px;
	padding-bottom: 33px;
}

.foot {
	width: 100%;
	height: 57px;
	padding-top: 9px;
	/*  background-color: #333; */
	clear: both;
	border-top: 1px solid #434b67;
}

.foot_text {
	width: 1200px;
	/* float: left; */
	line-height: 48px;
	color: #adadad;
	margin: 0 auto;
}

.foot_text p {
	font-size: 14px;
	color: #a2a2a2;
	text-align: center;
}

.foot_text p a {
	color: #adadad
}

.foot_div {
	overflow: hidden;
	background-color: #fff;
	clear: both;

}

.foot_div .foot_div_c ul {}

.foot_div .foot_div_c {
	height: 362px;
	overflow: hidden;
	background: #2d344a
}

.neiye .foot_div .foot_div_c {
	background: #fff
}

.foot_div .foot_div_c h3 {
	height: 60px;
	line-height: 60px;
	color: #000;
	font-weight: 400;
	background: url(../images/i_bg8.png) right bottom no-repeat;
	color: #fff;
	font-size: 18px
}

.foot_div .foot_div_c h3 a {
	color: #000;
	font-size: 18px
}

.foot_div .foot_div_c h3 a:hover {
	color: #69f;
	opacity: .6;
	filter: Alpha(opacity=60)
}

.foot_div .foot_div_c h3 em {
	float: right;
	font-style: normal;
	line-height: 60px
}

.foot_div .foot_div_c h3 em a {
	color: #69f;
	font-size: 14px
}

.foot_div .foot_div_c ul {
	color: #9b9b9b;
	height: 300px;
	padding: 39px 0 0;
	width: 1200px;
	margin: 0 auto;
}

.foot_div .foot_div_c ul li {
	float: left
}

.foot_div .foot_div_c ul li.footyw {
	width: 31%;
	overflow: hidden
}

.foot_div .foot_div_c ul li.footyw p {
	width: 100%;
	margin-top: 20px;
	color: #666;
	font-size: 16px;
	line-height: 30px;
	height: 200px;
	overflow-y: scroll;
	color: #999;
	padding-right: 30px;
	box-sizing: border-box;
}

.foot_div .foot_div_c ul li.footyw p::-webkit-scrollbar {
	width: 4px
}

.foot_div .foot_div_c ul li.footyw p::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
	background: #a6a6a6;
}

.foot_div .foot_div_c ul li.footyw p::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
	border-radius: 0;
	background: #d0d0d0;
}

.foot_div .foot_div_c ul li.footyw p span {
	float: left;
	width: 50%;
	overflow: hidden
}

.foot_div .foot_div_c ul li.footyw p a {
	color: #666;
	display: block;
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	padding-right: 22px;
	color: #999 !important;
}

.foot_div .foot_div_c ul li.footyw p a:hover {
	color: #69f
}

.foot_div .foot_div_c ul li.footys {
	width: 31%;
	overflow: hidden;
	padding-left: 4%
}

.foot_div .foot_div_c ul li.footys p {
	width: 100%;
	margin-top: 20px;
	height: 200px;
	overflow-y: scroll;
	color: #999;
	font-size: 16px;
	line-height: 30px;
	padding-right: 30px;
	box-sizing: border-box;
}

.foot_div .foot_div_c ul li.footys p::-webkit-scrollbar {
	width: 4px
}

.foot_div .foot_div_c ul li.footys p::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
	background: #a6a6a6;
}

.foot_div .foot_div_c ul li.footys p::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
	border-radius: 0;
	background: #d0d0d0;
}

.foot_div .foot_div_c ul li.footys p span {
	float: left;
	width: 50%;
	overflow: hidden
}

.foot_div .foot_div_c ul li.footys p a {
	color: #666;
	display: block;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	padding-right: 10px
}

.foot_div .foot_div_c ul li.footys p a:hover {
	color: #69f
}

.foot_div .foot_div_c ul li.footys p span label {
	color: #666;
	display: block;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	padding-right: 10px
}

.foot_div .foot_div_c ul li.footabout {
	width: 31%;
	overflow: hidden;
	float: right
}

.foot_div .foot_div_c ul li.footabout p {
	margin-top: 20px;
	color: #666;
	font-size: 16px;
	line-height: 30px;
	height: 200px;
	overflow-y: scroll;
	color: #999;
	padding-right: 30px;
	box-sizing: border-box;
}

.foot_div .foot_div_c ul li.footabout p::-webkit-scrollbar {
	width: 4px
}

.foot_div .foot_div_c ul li.footabout p::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
	background: #a6a6a6;
}

.foot_div .foot_div_c ul li.footabout p::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
	border-radius: 0;
	background: #d0d0d0;
}

.foot_div .foot_div_c ul li.footabout p a {
	color: #666;
	font-size: 16px;
	color: #999 !important;
}

.foot_div .foot_div_c ul li.footabout p a:hover {
	color: #69f
}

.foot_div .foot_links {
	padding: 0;
	width: 1440px;
	margin: 0 auto;
	margin-top: 40px;
	padding-bottom: 38px;
	line-height: 30px;
	font-size: 14px
}

.foot_div .foot_links h3 {
	color: #000;
	font-size: 18px;
	height: 32px;
	line-height: 32px;
	font-weight: 400;
	margin-bottom: 20px
}

.foot_div .foot_links h3 a {
	float: right;
	width: 150px;
	height: 32px;
	line-height: 32px;
	color: #fff;
	background-color: #69f;
	font-size: 14px;
	text-align: center;
	border-radius: 20px
}

.foot_div .foot_links h3 a:hover {
	color: #fff;
	opacity: .8;
	filter: Alpha(opacity=80)
}

.foot_div .foot_links a {
	margin-right: 5px;
	color: #666;
	display: inline-block;
	font-size: 14px
}

.foot_div .foot_links a:hover {
	color: #69f
}
.m-nav-lists{
	display: none;
}
.head .content .nav_mright{
	display: none;
}
.right-pendant {
	position: fixed;
	top: calc(50% + 45px);
	transform: translateY(-50%);
	right: 18px;
	z-index: 20;
}

.right-pendant ul {
	background-color: #fff;
	border-radius: 4px;
	/* box-shadow: 0px 0px 29px 0px rgba(67, 112, 254, 0.57); */
}

.right-pendant ul li:first-child {
	border-radius: 4px 4px 0 0;
}

.right-pendant ul li:last-child {
	border-radius: 0 0 4px 4px;
}

.right-pendant ul li {
	position: relative;
	width: 83px;
	height: 70px;
	background-color: #0099e7;
	color: #fff;
	text-align: center;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1px;
}

.right-pendant ul li:hover {
	background-color: #0099e7;
}

.right-pendant ul li a {
	color: #fff;
}

.right-pendant ul li span.iconfont {
	font-size: 26px;
}

.right-pendant .inner {
	position: absolute;
	top: 50%;
	background-color: #0099e7;
	right: 103px;
	transform: translateY(-50%)translateX(103px);
	transition: all 0.6s;
	z-index: -1;
	opacity: 0;
	box-shadow: 0px 11px 43px 0px rgba(0, 153, 231, 0.43);
	/* display: none; */
}
.right-pendant .telMessage {
	border-radius: 6px 0 0 6px;
	width: 230px;
	height: 70px;
	line-height: 70px;
	font-size: 18px;
}

.right-pendant .telMessage .icon.iconfont {
	font-size: 26px;
	vertical-align: middle;
	padding-left: 18px;
}

.right-pendant .wechat {
	width: 166px;
	height: 182px;
	background-color: #0099e7;
	padding: 15px;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 1;
}

.right-pendant .wechat img {
	max-width: 100%;
	margin-bottom: 14px;
	height: 120px;
}

.right-pendant ul li:hover .inner {
	display: block;
	transform: translateX(0)translateY(-50%);
	opacity: 1;
}
@media only screen and (max-width: 768px){	
	.banner span{
		display: none;
	}
	.right-pendant{
		display: none;
	}
	.head .right{
		display: none;
	}
	.head{
		height: 70px;
	}
	.head .content .logo{
		line-height: 70px;
	}
	.head .content .logo img{
		width: 120px;
		padding-left: 10px;
	}
	.head .content{
		width: 100%;
	}
	.head .content .nav_mright {
		width: 30px;
		height: 30px;
		background-size: 100%;
		float: right;
		margin-top: 20px;
		position: relative;
		background: rgb(227, 60, 57);
		margin-right: 20px;
		border-radius: 2px;
		display: block;
	}

	.nav_mright .img1,
	.nav_mright .img2 {
		left: 10%;
		width: 80%;
		text-align: center;
		position: absolute;
		z-index: 1;
		background: rgb(227, 60, 57);
		top: 50%;
		transform: translateY(-50%);
	}

	.nav_mright .img2 {
		display: none;
	}

	.m-nav-lists {
		top: 70px;
		width: 100%;
		position: fixed;
		z-index: 999;
		height: calc(100vh - 70px);
		background-color: #fff;
		overflow: auto;
		transform: translateX(100%);
		transition: all 0.4s;
		display: block;
	}

	.m-nav-lists.active {
		transform: translateX(0);
	}

	.m-nav-li.hasSub>a {
		color: #686868;
	}

	.m-nav-li.hasSub:before {
		content: "";
		position: absolute;
		top: 12.5px;
		width: 15px;
		height: 15px;
		right: 10px;
		background: url(../images/nav-sub-right.png);
		background-size: cover;

	}

	.m-nav-li {
		/* height: 40px; */
		line-height: 40px;
		height: 41px;
		overflow: hidden;
		border-bottom: #ddd 1px solid;
		position: relative;
	}

	.m-nav-li:hover {
		height: auto;
		;
	}

	.m-nav-li>a {
		display: block;
		/* border-color: #ddd; */
		padding: 0 10px;
		box-sizing: border-box;
		color: #686868;
		/* margin-right: 50px; */
	}
	.banner{
		padding-top: 70px;
	}
	.case .title{
		font-size: 20px;
	}
	.case .sub-title{
		font-size: 16px;
		margin-bottom: 20px;
		line-height: 1.4;
		padding: 0 10px;
	}
	.case .content{
		width: 100%;
	}
	.case .types li{
		width: 100px;
		font-size: 14px;
		margin: 0 5px;
	}
	.case .types{
		margin-bottom: 30px;
	}
	.case .case-lists li{
		width: 100%;
		margin-right: 0;
	}
	.case .text-title{
		font-size: 18px;
	}
	.case{
		margin-bottom: 30px;
	}
	.map{
		padding-top: 20px;
	}
	.map .title{
		font-size: 20px;
	}
	.map .sub-title{
		font-size: 16px;
		padding: 0 10px;
		line-height: 1.4;
	}
	.map .left{
		display: none;
	}
	.map .content{
		width: 100%;
		padding: 0 5px;
		box-sizing: border-box;
	}
	.map .right{
		padding-right: 0;
	}
	.map .right img{
		width: 100%;
	}
	.foot_div .foot_div_c ul{
		width: 100%;
		height: auto;
		margin-bottom: 30px;
	}
	.foot_div .foot_div_c ul li.footyw{
		width: 100%;
		padding-left: 4%;
	}
	.foot_div .foot_div_c ul li{
		padding-right: 4%;
		box-sizing: border-box;
	}
	.foot_div .foot_div_c ul li.footys{
		width: 100%;
		box-sizing: border-box;
	}
	.foot_div .foot_div_c ul li.footabout{
		width:100%;
		padding-left: 4%;
		float: none;
	}
	.foot_div .foot_div_c{
		height: auto;
	}
	.foot_div .foot_div_c ul li.footyw p,.foot_div .foot_div_c ul li.footys p,.foot_div .foot_div_c ul li.footabout p{
		padding: 0 10px;
	}
	.ftyl{
		width: 100%;
		padding-top: 20px;
	}
	.foot_text{
		width: 100%;
		line-height: 20px;
	}
	.foot{
		height: auto;
		padding-bottom: 10px;
	}
	.information{
		margin-top: 30px;
	}
	.information .title{
		font-size: 20px;
	}
	.information .sub-title{
		font-size: 16px;
		margin-bottom: 30px;
		line-height: 1.4;
		padding: 0 10px;
	}
	.information .content{
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
	}
	.information li{
		width: 100%;
	}
	.information li a{
		padding: 20px 15px 0;
	}
	.information li a span:last-child{
		margin-left: 15px;
		width: 220px;
	}
	.information .text-title{
		font-size: 16px;
	}
	.information .text-description{
		font-size: 14px;
		margin-top: 10px;
	}
	.information .date{
		font-size: 26px;
	}
}



.pose{
	width:1200px; margin:0 auto; font-size:14px; color:#333; padding:15px 0 ; border-bottom:1px solid #ccc; text-align:right;
}
.pose a{
	font-size:14px; color:#333;
}

@media only screen and (max-width: 768px) {
	.pose{
		width:100%; margin:0 auto; font-size:12px; padding:15px ; box-sizing:border-box;
	}
	.pose a{
		font-size:12px; 
	}
}