﻿
.contact .header {
    height: 418px;
    padding-top: 155px;
    background: url("../image/contact_header_bg.png") left top/100% 100% no-repeat;
    text-align: center;
    color: #FFFFFF;
}

.contact .header .title {
    font-weight: 600;
    font-size: 58px;
    line-height: 81px;
}

.contact .header .message {
    margin-top: 19px;
    font-size: 22px;
    line-height: 30px;
}

.contact .section1 {
    background: url("../image/contact_section1_bg.png") left top/100% 100% no-repeat;
}

.contact .section1 .section-main {
    width: 1200px;
    padding: 80px 0 90px;
    margin: 0 auto;
}

.contact .section1 .section-head .title {
    text-align: center;
    font-weight: 600;
    font-size: 40px;
    line-height: 40px;
    color: #333333;
}

.contact .section1 .section-head .subtitle {
    margin-top: 20px;
    text-align: center;
    font-size: 18px;
    line-height: 18px;
    color: #666666;
}

.contact .section1 .section-body {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 69px;
}

.contact .section1 .company {
    font-weight: 600;
    font-size: 24px;
    line-height: 24px;
    color: #333333;
}

.contact .section1 .address {
    margin-top: 16px;
    font-size: 15px;
    line-height: 15px;
    color: #888888;
}

.contact .section1 .address div~div {
    margin-top: 10px;
}

.contact .section1 .attribute {
    margin-top: 35px;
}

.contact .section1 .attribute .item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 62px;
    padding-left: 88px;
    margin-top: 33px;
    background-position: left center;
    background-size: 62px 62px;
    background-repeat: no-repeat;
    font-size: 15px;
    line-height: 15px;
    color: #666666;
}

.contact .section1 .attribute .item1 {
    background-image: url("../image/contact_section1_icon1.png");
}

.contact .section1 .attribute .item2 {
    background-image: url("../image/contact_section1_icon2.png");
}

.contact .section1 .attribute .item3 {
    background-image: url("../image/contact_section1_icon3.png");
}

.contact .section1 .attribute .item4 {
    background-image: url("../image/contact_section1_icon4.png");
}

.contact .section1 .attribute .item div:last-child {
    margin-top: 11px;
    font-weight: 500;
    font-size: 22px;
    line-height: 22px;
    color: #333333;
}

.contact .section1 .section-foot {
    display: flex;
    margin-top: 79px;
}

.contact .section1 .qrcode {
    flex: none;
    width: 242px;
    height: 262px;
    padding-top: 37px;
    border-radius: 6px;
    margin-right: 77px;
    background-color: #FFFFFF;
}

.contact .section1 .qrcode img {
    width: 130px;
    height: 130px;
    margin: 0 auto;
}

.contact .section1 .qrcode .title {
    margin-top: 16px;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    color: #333333;
}

.contact .section1 .qrcode .message {
    margin-top: 8px;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    color: #666666;
}

.section5 {
	height: 870px;
	background-image: url('../image/section7_bg.png');
}
.fazhan-box{
	flex-flow:row nowrap;
}

.section5 .slider {
	height: 694px;
	margin-top: 20px;
	background-color: transparent;
}

.section5 .slider_item {
	width: 220px;
	height: 84px;
	box-shadow: 0px 3px 10px rgba(5,36,82,0.13);
}

.section5 .slider_icon {
	width: 50px;
	height: 50px;
}

.section5 .slider_num {
	font-size: 24px;
	font-weight: bold;
	color: #000;
}

.section5 .slider_desc {
	font-size: 15px;
	font-family: PingFang SC;
	font-weight: 600;
	line-height: 25px;
	color: #444444;
}

.section5 .map {
	width: 761px;
    height: 620px;
    margin: 30px 5px 0 5px;
    background-image: url(../image/map1.png);
	background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}
.section5 .map_star{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	animation: fadeIn 1.5s linear 1.5s infinite alternate;
}
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.n-title {
    font-size: 30px;
    margin-bottom: 33px;
    font-weight: 600;
    color: #008dd0;
}


.contact .section-main {
    width: 1200px;
    padding: 80px 0;
    margin: 0 auto;
}

.contact .section-head {
    text-align: center;
}

.contact .section-head .title {
    background: url("../image/about_crmeb_title_bg.png") center/233px 39px no-repeat;
    font-weight: 600;
    font-size: 40px;
    line-height: 40px;
    color: #333333;
}

.contact .section-head .subtitle {
    margin-top: 18px;
    font-size: 18px;
    line-height: 28px;
    color: #666666;
}

.contact .section-body {
    margin-top: 70px;
}
.contact .section4 {
    background: url("../image/about_crmeb_section4_bg.png") left top/100% 100% no-repeat;
}

.contact .section4 .swiper-slide {
    width: auto;
}

.contact .section4 .type1 img {
    width: 292px;
    height: 460px;
}
.contact .section4 .img2 img {
    width: 293px;
    margin-bottom: 10px;
}
.contact .section4 .type2 img:nth-child(1) {
    width: 293px;
    height: 291px;
}

.contact .section4 .type2 img:nth-child(2) {
    width: 293px;
    height: 159px;
    margin-top: 10px;
}

.contact .section4 .type3>img {
    width: 595px;
    height: 155px;
}

.contact .section4 .type3 div {
    font-size: 0;
}

.contact .section4 .type3 div img {
    display: inline-block;
    width: 293px;
    height: 295px;
    margin-top: 10px;
}

.contact .section4 .type3 div img~img {
    margin-left: 10px;
}