img {
	width: 100%;
}


.navigater{
	position: fixed;
	top:300px;
	left: 50%;
	margin-left: 600px;
	z-index:1;
}

.navigater-son{
	overflow:hidden;
	width:100px;
	margin:20px 0;
}

.navigater-son-circle{
	width:6px;
	height: 6px;
	border-radius:50%;
	background-color: #666;
	float:left;
	margin-top: 8%;
}

.navigater-son-content{
	float:right;
}

.navigater-son-content a{
	color:#666;
	height:20px;
}

.container {
	width: 1200px;
	margin: auto;
	position: relative;
}

.serviceBox .serviceHeader {
	margin: 30px 20px;
	border-bottom: 1px solid #E52B31;
	padding: 28px 0;
}

.serviceBox .serviceHeader h1 {
	font-size: 34px;
	color: #333;
	letter-spacing: 26px;
	padding-left: 76px;
	background: url("../img/cs.png") no-repeat;
	background-position: 0px -10px;
}

.serviceBox .serviceHeader p {
	font-size: 14px;
	padding-top: 10px;
	color: #808080;
	letter-spacing: 4px;
}

.serviceBox .serviceContent {
	margin: 0px 20px;
	min-height: 300px;
}

.serviceBox .serviceContent .serviceLi {
	height: 110px;
	padding-top: 20px;
	position: relative;
	border-bottom: 1px dashed #ccc;
}

.serviceBox .serviceContent .serviceLi .scontent_left {
	position: absolute;
	width: 200px;
}

.serviceBox .serviceContent .serviceLi .scontent_left p {
	text-align: center;
	font-size: 20px;
	color: #666666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 40px;
}

.serviceBox .serviceContent .serviceLi .scontent_right {
	margin-left: 200px;
}

.serviceBox .serviceContent .serviceLi .scontent_right h3 {
	color: #333333;
	font-size: 18px;
}

.serviceBox .serviceContent .serviceLi .scontent_right p {
	color: #646464;
	font-size: 14px;
	margin-top: 10px;
	height: 40px;
	overflow: hidden;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}


/*========*/

.informBox {
	height: 510px;
	background: #FAFAF9;
}

.informBox .container {
	height: 100%;
}

.informBox .informMain {
	margin: 50px 476px 0 216px;
}

.informBox .informMain .informTopIcon {
	color: #D53421;
	font-size: 40px;
}

.informBox .informRightPhoto {
	position: absolute;
	top: 137px;
	right: 163px;
	width: 245px;
}

.informBox .informMain .informContent .contentList {
	margin-top: 28px;
}

.informBox .contentTitle {
	font-size: 16px;
	color: #D53421;
	padding: 10px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.informBox .informMain .informContent .contentList p {
	font-size: 14px;
	color: #666666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 40px;
}

.informBox .informMain .informFooter {
	color: #D53421;
	font-size: 16px;
	text-align: right;
}

.informBox .informMain .informFooter a {
	color: #D53421;
	font-size: 16px;
}


/*========*/

.dynamicBox {
	background: #F0F0F0;
}

.dynamicBox .dynamicHeader {
	text-align: center;
	padding: 50px 0;
}

.dynamicBox .dynamicHeader h2 {
	color: #333333;
	font-size: 34px;
	font-weight: 400;
}

.dynamicBox .dynamicHeader p {
	color: #808080;
	font-size: 14px;
}

.dynamicBox .dynamicContent {
	margin-right: -30px;
}

.dynamicBox .dynamicContent .dynamicLi {
	width: 380px;
	height: 400px;
	overflow: hidden;
	margin: 30px 30px 0 0;
	float: left;
	box-shadow: 0px 0px 2px #c3c3c3;
}

.dynamicBox .dynamicContent .dynamicLi .imgBox {
	width: 380px;
	height: 260px;
}

.dynamicBox .dynamicContent .dynamicLi .imgBox img {
	height: 100%;
}

.dynamicBox .dynamicContent .dynamicLi .boxTitle {
	color: #333;
	padding: 20px 10px;
	font-size: 16px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.dynamicBox .dynamicContent .dynamicLi .boxContent {
	font-size: 12px;
	color: #646464;
	padding: 0 10px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.dynamicBox .dynamicContent .dynamicLi .time {
	font-size: 12px;
	color: #646464;
	margin-top: 14px;
	padding: 0 10px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.dynamicBox .notice_more {
	text-align: center;
	padding: 30px 0;
}

.dynamicBox .notice_more a {
	display: inline-block;
	padding: 10px 28px;
	color: #fff;
	background: #E52B31;
	border-radius: 6px;
}

.dynamicBox .notice_more a:hover {
	background: #ec3f45;
}

.dynamicBox .notice_more a:active {
	background: #E52B31;
}


/*========*/

.serviceBox .container {
	position: relative;
}

.serviceBox .rightLeaf {
	position: absolute;
	width: 301px;
	height: 308px;
	background: url("../img/qwzx.png") no-repeat;
	background-size: 100%;
	bottom: 0px;
	left: -300px;
}

.serviceBox {
	background: url("../img/rightbg.png") no-repeat;
	background-size: 15%;
	background-position: 100%;
}
/*====================================*/

.banner {
	min-height: 500px;
	background: #efefef;
}

.banner .bannerImgBox img {
	width: 100%;
	min-width: 1200px;
}

.banner_bottom {
	position: absolute;
	width: 100%;
	margin-top: -89px;
	z-index: 2;
	bottom: 0;
}

.banner .bannerText1 {
	position: absolute;
	top: 19%;
	left: 17%;
	width: 4%;
}

.banner .bannerText2 {
	position: absolute;
	top: 27%;
	left: 29%;
	width: 7%;
}

.banner_bottom img {
	width: 100%;
}

.banner_bottom .bannerImgBox {
	height: 500px;
	background: red;
}

.banner .swiper-wrapper {
	height: auto !important;
}

.banner .swiper-slide {
	height: auto !important;
}

.swiper-container {
	position: relative;
}

.swiper-container:hover .swiper-button-prev {
	left: 0;
}

.swiper-container:hover .swiper-button-next {
	right: 0;
}


/* banner切换按钮 */
/* .btn_style_left {
    position: absolute;
    width: 50px;
    height: 50px;
    background-image: url(../img/btn-left.png);
    background-size: 100% 100%;
    top: 50%;
    margin-top: -25px;
    cursor: pointer;
}
.btn_style_right {
    position: absolute;
    width: 50px;
    height: 50px;
    background-image: url(../img/btn-right.png);
    background-size: 100% 100%;
    top: 50%;
    margin-top: -25px;
    cursor: pointer;
} */
.swiper-button-prev {
	position: absolute;
	width: 50px;
	height: 50px;
	background: url(../img/btn-left.png) no-repeat;
	background-size: 100% 100%;
	top: 50%;
	left: -50px;
	margin-top: -25px;
	transition: left .5s ease-out;
	cursor: pointer;
}

.swiper-button-next {
	position: absolute;
	width: 50px;
	height: 50px;
	background: url(../img/btn-right.png) no-repeat;
	background-size: 100% 100%;
	top: 50%;
	right: -50px;
	margin-top: -25px;
	transition: right .5s ease-out;
	cursor: pointer;
}