@charset "utf-8";

*{margin: 0; padding: 0;}
body{font-size: 14px; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;}
li{list-style: none;}
a{text-decoration: none;}
img{vertical-align: top;}
.clear{clear: both;}

@media (min-width: 1600px) {
	.center{width: 1600px; margin: 0 auto;}
}
@media (max-width: 1599px) {
	.center{max-width: 100%;}
}

/* 头部导航 */
.webheader{width: 100%; height: 100px; border-bottom: solid #aea3d0 1px; position: absolute; top: 0; left: 0; z-index: 9;}
.webheader .logo{width: 120px; height: 185px; float: left; background: #3f316e; border-radius: 0 0 60px 60px;}
.webheader .logo img{margin: 29px auto 0; display: block;}
.webheader .slogan{width: 160px; float: left; margin: 17px 0 0 22px;}
.webheader .slogan img{width: 100%;}
.webheader .menu{width: calc(100% - 590px); float: left; font-size: 16px; margin-left: 20px;}
.webheader .menu>ul{display: flex; justify-content: space-evenly;}
.webheader .menu>ul>li{padding: 0 15px; position: relative; line-height: 100px;}
.webheader .menu ul li a{display: block; color: #fff;}
.webheader .menu>ul>li:hover{border-bottom: solid #3f316e 3px;}
.webheader .menu ul li ul{display: none; width: max-content; background: #3f316e; position: absolute; left: 50%; transform: translateX(-50%);}
.webheader .menu ul li ul::after{content: ''; border-bottom: solid #3f316e 10px; border-left: solid transparent 10px; border-right: solid transparent 10px; left: 50%; transform: translateX(-50%); position: absolute; top: -10px;}
.webheader .menu ul li:hover ul{display: block;}
.webheader .menu ul li ul li{padding: 0 23px; line-height: 46px;}
.webheader .menu ul li ul li:hover{background: #7464a3;}
.webheader .topTel{width: 208px; float: right; margin-top: 25px; line-height: 50px; background: url('../images/tel.png') 10% center no-repeat #3f316e; color: #fff; font-size: 22px; padding-left: 50px; background-size: 10%; border-radius: 25px; box-sizing: border-box; font-family: fantasy;}
.webheader .language{float: right; margin: 40px 0 0 20px;}
.webheader .language a{font-size: 18px; color: #fff;}
.phoneTop{display: none;}

/* 轮播图 */
.bannerSwiper{width: 100%; overflow: hidden;}
.bannerSwiper .swiper-slide{width: 100%;}
.bannerSwiper .swiper-slide img{width: 100%;}

/* 热门搜索 */
.search{height: 70px; background: #eee;}
.search .hotWord{float: left; padding-top: 20px; line-height: 33px;}
.search .hotWord b{color: #3f316e;}
.search .hotWord a{margin-right: 16px; color: #373737;}
.search .hotWord a:hover{color: #3f316e;}
.search .searchForm{float: right; height: 33px; margin-top: 20px; padding: 0 30px; background: #333; border-radius: 16px;}
.search .searchForm input{float: left; height: 33px; border: none; background: none; color: #999; outline: none;}
.search .searchForm button{float: right; width: 18px; height: 33px; border: none; background: url("../images/searchBtn.png") center no-repeat; cursor: pointer;}

.commonIcon{width: 36px; height: 50px; margin: 0 auto; background: url("../images/person.png") center no-repeat;}
/* 首页产品 */
.indexProduct{padding: 70px 0;}
.indexProduct .title{text-align: center; font-size: 44px; line-height: 1.5em; font-weight: bold; color: #010101;}
.indexProduct .purple{color: #3f316e;}
.indexProduct .subtitle{text-align: center; font-size: 18px; color: #6d6d6d; padding: 20px 0; line-height: 36px; max-width: 1200px; margin: 0 auto;}
.indexProduct .productCategory{width: 18%; float: left; margin-top: 60px;}
.indexProduct .productCategory li{margin-bottom: 18px; list-style: disc; list-style-position: inside; padding-left: 12%; line-height: 52px; font-size: 18px; color: #282828; cursor: pointer;}
.indexProduct .productCategory li.current{background: #3f316e; color: #fff; border-radius: 0 26px 26px 0;}
.indexProduct .productCategory li:hover{background: #3f316e; color: #fff; border-radius: 0 26px 26px 0;}
.indexProduct .productCategory li a{color: #282828; cursor: pointer;}
.indexProduct .productCategory li:hover a{color: #fff;}
.indexProduct .productShow{width: 75%; float: right; margin-top: 60px; position: relative;}
.indexProduct .productShow .pictureShow{display: none;}
.indexProduct .productShow .productPicture{width: 70%; float: left;}
.indexProduct .productShow .productPicture img{width: 100%;}
.indexProduct .productShow .productDescription{width: 40%; padding: 60px 100px 80px 78px; background: #fff; box-shadow: 0 0 5px #f5f5f5; position: absolute; top:10%; right: 0;}
.indexProduct .productShow .productDescription h3{font-size: 28px;}
.indexProduct .productShow .productDescription p{font-size: 18px; line-height: 32px; color: #787878; margin-top: 20px;}
.indexProduct .productShow .productDescription .cn{display: none;}
.indexProduct .productShow .productDescription a{display: block; width: 148px; height: 42px; text-align: center; line-height: 42px; background: #3f316e; color: #fff; border-radius: 21px; margin-top: 50px;}
.indexProduct .productShow .currentProduct{position: absolute; right: 0; bottom: 0; font-size: 24px;}
.indexProduct .productShow .currentProduct .categoryIndex{font-size: 40px; font-weight: bold; color: #3f316e;}
.indexProduct .moreProduct{float: right; margin-top: -12px;}
.indexProduct .moreProduct a{font-size: 16px; color: #3f316e;}
.indexProduct .productList{}
.indexProduct .productList .listPicture{display: none; overflow: hidden;}
.indexProduct .productList .listPicture ul{margin-top: 30px;}
.indexProduct .productList .listPicture ul::after{content: ''; display: table; clear: both;}
.indexProduct .productList .listPicture ul li{width: 23.5%; float: left; text-align: center; margin-right: 2%;}
.indexProduct .productList .listPicture ul li:nth-child(4){margin-right: 0;}
.indexProduct .productList .listPicture ul li img{width: 100%; height: auto; box-sizing: border-box; border: solid #e0e0e0 1px;}
.indexProduct .productList .listPicture ul li p{font-size: 18px; color: #282828; margin-top: 10px;}

@media screen and (max-width: 1366px) {
	.indexProduct .title{font-size: 40px;}
	.indexProduct .productCategory li{margin-bottom: 16px; line-height: 46px; font-size: 18px;}
	.indexProduct .productShow .productDescription h3{font-size: 26px;}
	.indexProduct .productShow .productDescription p{font-size: 16px;}
	.indexProduct .productShow .productDescription a{width: 130px; height: 38px; line-height: 38px; border-radius: 19px; margin-top: 40px;}
}
@media screen and (max-width: 1280px) {
	.indexProduct .title{font-size: 36px;}
	.indexProduct .productCategory li{margin-bottom: 13px; line-height: 40px; font-size: 16px;}
	.indexProduct .productShow .productDescription h3{font-size: 24px;}
	.indexProduct .productShow .productDescription p{font-size: 15px;}
	.indexProduct .productShow .productDescription a{width: 120px; height: 32px; line-height: 32px; border-radius: 16px; margin-top: 30px;}
}


/* 首页核心优势 */
.coreAdvantage{padding: 80px 0; background: url("../images/waveBg.png") left top no-repeat; background-size: 100% 100%;}
.coreAdvantage .title{text-align: center; font-size: 44px; line-height: 1.5em; font-weight: bold; color: #010101;}
.coreAdvantage .purple{color: #3f316e;}
.coreAdvantage .subtitle{text-align: center; font-size: 18px; color: #6d6d6d; padding: 20px 0; line-height: 36px; max-width: 1200px; margin: 0 auto;}
.coreAdvantage .advantageContent{width: 1600px; margin: 0 auto;}
.coreAdvantage .advantageContent .advantagePicture{margin: 60px 0; background: #fff; display: flex;}
.coreAdvantage .advantageContent .advantagePicture .pictureList{width: 65%; float: left;}
.coreAdvantage .advantageContent .advantagePicture .pictureList li{display: none;}
.coreAdvantage .advantageContent .advantagePicture .pictureList li img{width: 100%;}
.coreAdvantage .advantageContent .advantagePicture .pictureTab{width: 35%; float: right; display: flex; flex-wrap: wrap; align-content: space-between;}
.coreAdvantage .advantageContent .advantagePicture .pictureTab li{width: 100%; box-sizing: border-box; padding: 5% 0 5% 35%; cursor: pointer; background: 13% center no-repeat; background-size: 20%;}
.coreAdvantage .advantageContent .advantagePicture .pictureTab li h4{font-size: 28px; font-weight: normal; color: #2b2b2b; line-height: 36px;}
.coreAdvantage .advantageContent .advantagePicture .pictureTab li p{font-size: 18px; color: #787878; line-height: 30px;}
.coreAdvantage .advantageContent .advantagePicture .pictureTab li.hover{background-color: #3f316e;}
.coreAdvantage .advantageContent .advantagePicture .pictureTab li.hover h4{color: #fff;}
.coreAdvantage .advantageContent .advantagePicture .pictureTab li.hover p{color: #8e85ab;}
.coreAdvantage .advantageContent .advantagePicture .pictureTab li:nth-child(1){background-image: url("../images/advantage_01.png")}
.coreAdvantage .advantageContent .advantagePicture .pictureTab li:nth-child(1).hover{background-image: url("../images/advantage_011.png");}
.coreAdvantage .advantageContent .advantagePicture .pictureTab li:nth-child(2){background-image: url("../images/advantage_02.png")}
.coreAdvantage .advantageContent .advantagePicture .pictureTab li:nth-child(2).hover{background-image: url("../images/advantage_022.png");}
.coreAdvantage .advantageContent .advantagePicture .pictureTab li:nth-child(3){background-image: url("../images/advantage_03.png");}
.coreAdvantage .advantageContent .advantagePicture .pictureTab li:nth-child(3).hover{background-image: url("../images/advantage_033.png");}
.coreAdvantage .advantageContent .advantagePicture .pictureTab li:nth-child(4){background-image: url("../images/advantage_04.png");}
.coreAdvantage .advantageContent .advantagePicture .pictureTab li:nth-child(4).hover{background-image: url("../images/advantage_044.png");}
.coreAdvantage .advantageContent .advantagePicture .pictureTab li:nth-child(5){background-image: url("../images/advantage_05.png");}
.coreAdvantage .advantageContent .advantagePicture .pictureTab li:nth-child(5).hover{background-image: url("../images/advantage_055.png");}
.coreAdvantage .advantageContent .cooperationMode{padding: 20px 30px; background: #fff; display: flex; align-items: center;}
.coreAdvantage .advantageContent .cooperationMode .cooperationTitle{width: 24%; float: left; color: #333;}
.coreAdvantage .advantageContent .cooperationMode .cooperationTitle h3{font-size: 32px;}
.coreAdvantage .advantageContent .cooperationMode .cooperationTitle h5{font-size: 18px; margin-top: 10px;}
.coreAdvantage .advantageContent .cooperationMode .cooperationCaption{width: 50%; float: left; box-sizing: border-box; padding: 10px 30px; line-height: 30px; font-size: 18px; color: #666;}
.coreAdvantage .advantageContent .cooperationMode .hotLine{width: 20%; float: right; margin-top: 10px; padding-left: 80px; color: #333; background: url("../images/hotLine.png") left center no-repeat;}
.coreAdvantage .advantageContent .cooperationMode .hotLine p{font-size: 18px;}
.coreAdvantage .advantageContent .cooperationMode .hotLine h4{font-size: 32px; line-height: 1.5em;}
@media screen and (min-width: 1680px) {
	.coreAdvantage .advantageContent .advantagePicture .pictureList{height: 715px;}
	.coreAdvantage .advantageContent .advantagePicture .pictureTab li{height: 143px; box-sizing: border-box;}
	.coreAdvantage .advantageContent .advantagePicture .pictureTab li h4{line-height: 46px;}
	.coreAdvantage .advantageContent .advantagePicture .pictureTab li p{line-height: 36px;}
}
@media screen and (max-width: 1650px) {
	.coreAdvantage .advantageContent{width: auto;}
}
@media screen and (max-width: 1366px) {
	.coreAdvantage .title{font-size: 40px;}
	.coreAdvantage .advantageContent .advantagePicture .pictureTab li h4{font-size: 26px;}
	.coreAdvantage .advantageContent .advantagePicture .pictureTab li p{font-size: 16px;}
	.coreAdvantage .advantageContent .cooperationMode .cooperationTitle h3{font-size: 36px;}
	.coreAdvantage .advantageContent .cooperationMode .cooperationTitle h5{font-size: 18px;}
	.coreAdvantage .advantageContent .cooperationMode .cooperationCaption{font-size: 16px;}
	.coreAdvantage .advantageContent .cooperationMode .hotLine{padding-left: 80px;}
	.coreAdvantage .advantageContent .cooperationMode .hotLine p{font-size: 18px;}
	.coreAdvantage .advantageContent .cooperationMode .hotLine h4{font-size: 30px;}
}
@media screen and (max-width: 1280px) {
	.coreAdvantage .title{font-size: 36px;}
	.coreAdvantage .advantageContent .advantagePicture .pictureTab li h4{font-size: 24px;}
	.coreAdvantage .advantageContent .advantagePicture .pictureTab li p{font-size: 14px;}
	.coreAdvantage .advantageContent .cooperationMode .cooperationTitle h3{font-size: 30px;}
	.coreAdvantage .advantageContent .cooperationMode .cooperationTitle h5{font-size: 16px;}
	.coreAdvantage .advantageContent .cooperationMode .cooperationCaption{font-size: 14px;}
	.coreAdvantage .advantageContent .cooperationMode .hotLine{padding-left: 80px;}
	.coreAdvantage .advantageContent .cooperationMode .hotLine p{font-size: 16px;}
	.coreAdvantage .advantageContent .cooperationMode .hotLine h4{font-size: 20px;}
}

/* 首页合作流程 */
.cooperationProcess{width: 1600px; margin: 0 auto; padding: 80px 0;}
.cooperationProcess .title{text-align: center; font-size: 44px; line-height: 1.5em; font-weight: bold; color: #010101;}
.cooperationProcess .purple{color: #3f316e;}
.cooperationProcess .subtitle{text-align: center; font-size: 18px; color: #6d6d6d; padding: 20px 0; line-height: 36px; max-width: 1200px; margin: 0 auto;}
.cooperationProcess .processContent{padding-top: 60px;}
.cooperationProcess .processContent .consultProcess{width: 22%; height: 419px; float: left; background: #3f316e; color: #fff; text-align: center;}
.cooperationProcess .processContent .consultProcess h3{font-size: 30px; padding-top: 70px;}
.cooperationProcess .processContent .consultProcess h4{font-size: 24px; font-weight: normal; padding-top: 18px;}
.cooperationProcess .processContent .consultProcess p{font-size: 18px; padding-top: 10px;}
.cooperationProcess .processContent .consultProcess a{width: 200px; height: 60px; display: inline-block; margin-top: 40px; background: #fff; color: #3f316e; font-size: 26px; font-weight: bold; line-height: 60px; border-radius: 30px;}
.cooperationProcess .processContent .flowChart{width: 78%; height: 419px; float: right;}
.cooperationProcess .processContent .flowChart li{width: 25%; height: 210px; float: left; box-sizing: border-box; padding-top: 40px; text-align: center; border: solid #aaa 1px; margin-right: -1px; margin-bottom: -1px; position: relative;}
.cooperationProcess .processContent .flowChart li p{font-size: 14px; line-height: 28px; padding-top: 10px; color: #1b1b1b;}
.cooperationProcess .processContent .flowChart li::after{width: 38px; height: 38px; content: ''; background: url("../images/processArrow.png"); position: absolute; top: 86px; right: -19px; z-index: 1;}
.cooperationProcess .processContent .flowChart li:nth-child(4)::after{top: auto; bottom: -19px; left: 50%; margin-left: -18px; transform: rotate(90deg);}
.cooperationProcess .processContent .flowChart li:nth-child(5)::after{transform: rotate(180deg);}
.cooperationProcess .processContent .flowChart li:nth-child(6)::after{transform: rotate(180deg);}
.cooperationProcess .processContent .flowChart li:nth-child(7)::after{transform: rotate(180deg);}
.cooperationProcess .processContent .flowChart li:nth-child(8)::after{width: 0; height: 0; background: none;}
.cooperationProcess .processContent .mobileChart{display: none;}
.cooperationProcess .processContent .serviceHotline{padding-top: 50px; text-align: center; font-size: 30px; color: #000;}
.cooperationProcess .processContent .serviceHotline .telephone{color: #f00; font-family: fantasy; letter-spacing: 2px; font-size: 32px; vertical-align: text-bottom;}
@media screen and (max-width: 1680px) {
	.cooperationProcess{width: auto;}
}
@media screen and (max-width: 1366px) {
	.cooperationProcess .title{font-size: 40px;}
	.cooperationProcess .processContent .consultProcess h3{font-size: 28px; padding-top: 60px;}
	.cooperationProcess .processContent .consultProcess h4{font-size: 22px; font-weight: normal; padding-top: 10px;}
	.cooperationProcess .processContent .consultProcess p{font-size: 18px; padding-top: 10px;}
	.cooperationProcess .processContent .consultProcess a{width: 200px; height: 60px; font-size: 20px; font-weight: bold; line-height: 60px; border-radius: 30px;}
}
@media screen and (max-width: 1280px) {
	.cooperationProcess .title{font-size: 36px;}
}

/* 首页关于恒峰 */
.indexAboutUs{padding: 80px 0 110px; background: url("../images/companyBg.png") left top no-repeat; background-size: 100% 100%;}
.indexAboutUs .commonIcon{background-image: url("../images/person_01.png");}
.indexAboutUs .title{text-align: center; font-size: 44px; line-height: 1.5em; font-weight: bold; color: #fff;}
.indexAboutUs .subtitle{text-align: center; font-size: 18px; color: #fff; padding: 20px 0; line-height: 36px; max-width: 1200px; margin: 0 auto;}
.indexAboutUs .aboutUsContent{width: 1600px; margin: 0 auto; padding-top: 60px; color: #fff;}
.indexAboutUs .aboutUsContent h3{font-size: 40px; line-height: 2em; background: url("../images/aboutLine.png") left bottom no-repeat; padding-bottom: 10px;}
.indexAboutUs .aboutUsContent h5{font-size: 18px; padding: 20px 0;}
.indexAboutUs .aboutUsContent p{font-size: 16px; padding-top: 10px; line-height: 36px; color: #c8c4d5;}
.indexAboutUs .aboutUsContent ul{padding: 40px 0 20px;}
.indexAboutUs .aboutUsContent ul li{display: inline-block; text-align: center; margin-right: 50px;}
.indexAboutUs .aboutUsContent ul li p{font-size: 16px; color: #fff;}
.indexAboutUs .aboutUsContent ul li p span{font-size: 66px;}
.indexAboutUs .aboutUsContent a{width: 178px; height: 53px; display: block; text-align: center; font-size: 18px; line-height: 53px; color: #fff; border: solid #e5e5e5 2px; border-radius: 27px; margin-top: 40px;}
.indexAboutUs .aboutUsContent img{width: 40%; float: right; margin-left: 20px;}
/* 首页公司相册 */
.companyPhotoAlbum{width: 1600px; margin: 80px auto;}
.companyPhotoAlbum .photoAlbumBox{width: 100%; overflow: hidden; position: relative;}
.companyPhotoAlbum .photoAlbumBox .swiper-slide{text-align: center;}
.companyPhotoAlbum .photoAlbumBox .swiper-slide img{width: 100%;}
.companyPhotoAlbum .photoAlbumBox .swiper-slide p{font-size: 18px; color: #2c2c2c; padding-top: 10px;}
@media screen and (max-width: 1680px) {
	.indexAboutUs .aboutUsContent{width: auto;}
	.companyPhotoAlbum{width: 100%; margin: 80px auto;}
}
@media screen and (max-width: 1366px) {
	.indexAboutUs .title{font-size: 40px;}
	.indexAboutUs .aboutUsContent{width: auto;}
	.indexAboutUs .aboutUsContent h3{font-size: 38px; line-height: normal; padding-bottom: 15px;}
	.indexAboutUs .aboutUsContent p{line-height: 32px;}
	.indexAboutUs .aboutUsContent ul{padding: 20px 0 0;}
	.indexAboutUs .aboutUsContent ul li p{font-size: 15px; padding: 5px 0;}
	.indexAboutUs .aboutUsContent ul li p span{font-size: 40px;}
	.indexAboutUs .aboutUsContent a{width: 168px; height: 40px; font-size: 16px; line-height: 40px; border-radius: 20px; margin-top: 20px;}
}
@media screen and (max-width: 1280px) {
	.indexAboutUs .title{font-size: 36px;}
	.indexAboutUs .aboutUsContent h3{font-size: 32px; line-height: normal; padding-bottom: 15px;}
	.indexAboutUs .aboutUsContent p{font-size: 14px; line-height: 26px;}
}

/* 首页公司展会 */
.indexCompanyExhibition{}
.indexCompanyExhibition .title{text-align: center; font-size: 44px; line-height: 1.5em; font-weight: bold; color: #010101;}
.indexCompanyExhibition .purple{color: #3f316e;}
.indexCompanyExhibition .subtitle{text-align: center; font-size: 18px; color: #6d6d6d; padding: 20px 0; line-height: 36px; max-width: 1200px; margin: 0 auto;}
.indexCompanyExhibition .exhibitionPicture{overflow: hidden; position: relative;}
.indexCompanyExhibition .exhibitionPicture .swiper-slide{width: 60%; text-align: center; opacity: 0.8; overflow: hidden;}
.indexCompanyExhibition .exhibitionPicture .swiper-slide img{width: 100%;}
.indexCompanyExhibition .exhibitionPicture .swiper-slide-active, .indexCompanyExhibition .swiper-slide-duplicate-active{opacity: 1;}
.indexCompanyExhibition .exhibitionPicture .swiper-button-prev,
.indexCompanyExhibition .exhibitionPicture .swiper-button-next{width: 46px; height: 46px; text-align: center; line-height: 46px; font-size: 40px; color: #3f316e; font-weight: bold; font-family: cursive; border: solid #e5e5e5 2px; background: #fff; opacity: 0.8;}
.indexCompanyExhibition .exhibitionPicture .swiper-button-prev{left: 18%;}
.indexCompanyExhibition .exhibitionPicture .swiper-button-next{right: 18%;}
@media screen and (max-width: 1366px) {
	.indexCompanyExhibition .title{font-size: 40px;}
	.indexCompanyExhibition .exhibitionPicture .swiper-button-prev{left: 1%;}
	.indexCompanyExhibition .exhibitionPicture .swiper-button-next{right: 1%;}
}
@media screen and (max-width: 1280px) {
	.indexCompanyExhibition .title{font-size: 36px;}
}

/* 合作客户 */
.cooperativeClient{padding: 80px 0; background: #f7f7f7;}
.cooperativeClient .title{text-align: center; font-size: 44px; line-height: 1.5em; font-weight: bold; color: #010101;}
.cooperativeClient .purple{color: #3f316e;}
.cooperativeClient .subtitle{text-align: center; font-size: 18px; color: #6d6d6d; padding: 16px 0; line-height: 36px; max-width: 1200px; margin: 0 auto;}
.cooperativeClient .clientList{width: 1600px; margin: 20px auto 0; overflow: hidden;}
.cooperativeClient .clientList ul{margin: 0 -1%;}
.cooperativeClient .clientList li{width: 18%; float: left; box-sizing: border-box; border: solid #e5e5e5 1px; border-radius: 10px; margin: 12px 1%; transition-duration: 0.5s;}
.cooperativeClient .clientList li:hover{border: solid #d9d0f7 1px; box-shadow: 0 0 10px #d4d4d4;}
.cooperativeClient .clientList li img{width: 100%; border-radius: 10px;}
@media screen and (max-width: 1680px) {
	.cooperativeClient .clientList{width: auto;}
}
@media screen and (max-width: 1366px) {
	.cooperativeClient .title{font-size: 40px;}
}
@media screen and (max-width: 1280px) {
	.cooperativeClient .title{font-size: 36px;}
}

/* 荣誉资质 */
.indexQualification{width: 1600px; margin: 80px auto;}
.indexQualification .title{text-align: center; font-size: 44px; line-height: 1.5em; font-weight: bold; color: #010101;}
.indexQualification .subtitle{text-align: center; font-size: 18px; color: #6d6d6d; padding: 20px 0; line-height: 36px; max-width: 1200px; margin: 0 auto;}
.indexQualification .qualificationCertificate{padding-bottom: 50px; margin-top: 50px; overflow: hidden; position: relative;}
.indexQualification .qualificationCertificate .swiper-slide{background: #f7f7f7;}
.indexQualification .qualificationCertificate .swiper-slide img{display: block; width: 90%; margin: 30px auto;}
.indexQualification .qualificationCertificate .swiper-slide p{margin: 0 5%;padding: 20px 0;font-size: 18px;color: #222;border-top: solid #d4d4d4 1px;/* background: url("../images/magnifying.png") right center no-repeat; */}
.indexQualification .qualificationCertificate .swiper-pagination{bottom: 0;}
.indexQualification .qualificationCertificate .swiper-pagination-bullet{width: 10px; height: 10px; background: none; border: solid #3f316e 1px; border-radius: 0; opacity: 1;}
.indexQualification .qualificationCertificate .swiper-pagination-bullet-active{width: 12px; height: 20px; background: #3f316e;}
@media screen and (max-width: 1680px) {
	.indexQualification{width: auto;}
	.indexQualification .qualificationCertificate .swiper-slide p{font-size: 16px; }
}
@media screen and (max-width: 1366px) {
	.indexQualification .title{font-size: 40px;}
}
@media screen and (max-width: 1280px) {
	.indexQualification .title{font-size: 36px;}
}

/* 首页新闻资讯 */
.indexNews{width: 1600px; margin: 80px auto;}
.indexNews .title{font-size: 44px; line-height: 1.5em; font-weight: bold; color: #010101; text-align: left;}
.indexNews .title span.purple{color: #3f316e;}
.indexNews .newsInformation{width: 66%; float: left;}
.indexNews .newsInformation .hotNews{margin-top: 20px;}
.indexNews .newsInformation .hotNews .newsImages{width: 30%; float: left;}
.indexNews .newsInformation .hotNews .newsImages img{width: 100%;}
.indexNews .newsInformation .hotNews .newsText{width: 65%; float: right;}
.indexNews .newsInformation .hotNews .newsText .newsTitle{font-size: 30px; color: #1a1a1a;}
.indexNews .newsInformation .hotNews .newsText .newsTitle a{color: #1a1a1a;}
.indexNews .newsInformation .hotNews .newsText .newsDate{font-size: 18px; color: #a1a1a1; margin-top: 10px;}
.indexNews .newsInformation .hotNews .newsText .newsAbstract{font-size: 18px; color: #7e7e7e; line-height: 34px; margin-top: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.indexNews .newsInformation .newsList{margin-top: 49px;}
.indexNews .newsInformation .newsList li{width: 48%; line-height: 80px; list-style: disc; list-style-position: inside; padding-left: 6px; box-sizing: border-box; border-bottom: dashed #e5e5e5 1px;}
.indexNews .newsInformation .newsList li:nth-child(1){border-top: dashed #e5e5e5 1px;}
.indexNews .newsInformation .newsList li:nth-child(2){border-top: dashed #e5e5e5 1px;}
.indexNews .newsInformation .newsList li:nth-child(2n){float: right;}
.indexNews .newsInformation .newsList li:nth-child(2n+1){float: left;}
.indexNews .newsInformation .newsList li a{display: inline-block; max-width: calc(100% - 90px); font-size: 18px; color: #363636; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 80px; vertical-align: middle;}
.indexNews .newsInformation .newsList li a:hover{color: #3f316e;}
.indexNews .newsInformation .newsList li span{float: right; font-size: 18px; color: #363636;}
.indexNews .commonProblem{width: 30%; float: right;}
.indexNews .commonProblem .problemList{height: 532px; overflow: hidden; margin-top: 20px;}
.indexNews .commonProblem .problemList ul{}
.indexNews .commonProblem .problemList li{height: 92px; padding: 0 30px 0 35px; margin-bottom: 18px; font-size: 18px; background: #f5f5f5; border-radius: 46px; position: relative;}
.indexNews .commonProblem .problemList li:hover{background: #3f316e;}
.indexNews .commonProblem .problemList li a{display: block; width: calc(100% - 60px); line-height: 92px; height: 92px; color: #363636; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.indexNews .commonProblem .problemList li:hover a{color: #fff;}
.indexNews .commonProblem .problemList li i{width: 30px; height: 30px; position: absolute; top: 30px; text-align: center; font-style: normal; font-size: 18px; font-weight: bold; line-height: 30px; background: #fff; color: #949494; border-radius: 50%; right: 30px;}
@media screen and (max-width: 1680px) {
	.indexNews{width: auto;}
}
@media screen and (max-width: 1366px) {
	.indexNews .title{font-size: 40px;}
	.indexNews .newsInformation .hotNews .newsText .newsTitle{font-size: 22px;}
	.indexNews .newsInformation .hotNews .newsText .newsDate{font-size: 16px; margin-top: 5px;}
	.indexNews .newsInformation .hotNews .newsText .newsAbstract{font-size: 16px; line-height: 32px; margin-top: 20px;}
	.indexNews .newsInformation .newsList li{line-height: 60px;}
	.indexNews .newsInformation .newsList li a{font-size: 16px;}
	.indexNews .commonProblem .problemList{height: 406px;}
	.indexNews .commonProblem .problemList li{height: 60px; padding: 0 30px 0 35px; margin-bottom: 16px; font-size: 18px; border-radius: 40px;}
	.indexNews .commonProblem .problemList li a{line-height: 60px; font-size: 16px;}
	.indexNews .commonProblem .problemList li i{margin-top: 15px;}
}
@media screen and (max-width: 1280px) {
	.indexNews .title{font-size: 36px;}
	.indexNews .newsInformation .hotNews .newsText .newsTitle{font-size: 26px;}
	.indexNews .newsInformation .hotNews .newsText .newsDate{font-size: 16px; margin-top: 6px;}
	.indexNews .newsInformation .hotNews .newsText .newsAbstract{font-size: 16px; line-height: 32px; margin-top: 30px;}
	.indexNews .newsInformation .newsList{margin-top: 39px;}
	.indexNews .newsInformation .newsList li{line-height: 60px;}
	.indexNews .newsInformation .newsList li a{font-size: 14px;}
	.indexNews .commonProblem .problemList{height: 380px; overflow: hidden; margin-top: 20px;}
	.indexNews .commonProblem .problemList li{height: 50px; padding: 0 30px 0 35px; margin-bottom: 16px; font-size: 18px; border-radius: 40px;}
	.indexNews .commonProblem .problemList li a{line-height: 50px; font-size: 14px;}
	.indexNews .commonProblem .problemList li i{margin-top: 10px;}
}

/* 首页在线留言 */
.indexFeedback{padding-top: 50px; background: url("../images/feedback.jpg") top center no-repeat;}
.indexFeedback .commonIcon{background-image: url("../images/person_01.png");}
.indexFeedback .title{text-align: center; font-size: 44px; line-height: 1.5em; font-weight: bold; color: #fff;}
.indexFeedback .subtitle{text-align: center; font-size: 18px; color: #fff; padding: 20px 0; line-height: 36px; max-width: 1200px; margin: 0 auto;}
.indexFeedback .feedbackForm{width: 1600px; margin: 0 auto; padding: 20px 0 40px;}
.indexFeedback .feedbackForm input{height: 58px; float: left; font-size: 16px; border: solid #e5e5e5 1px; background: 16px center no-repeat #fff; outline: none; box-sizing: border-box; padding-left: 52px;}
.indexFeedback .feedbackForm input.name{width: 30%; background-image: url("../images/customer.png"); margin-right: 5%; margin-bottom: 36px;}
.indexFeedback .feedbackForm input.phone{width: 30%; background-image: url("../images/phone.png"); margin-right: 5%; margin-bottom: 36px;}
.indexFeedback .feedbackForm input.email{width: 30%; background-image: url("../images/email.png"); margin-bottom: 36px;}
.indexFeedback .feedbackForm input.demand{width: 30%; background-image: url("../images/demand.png"); margin-right: 5%; margin-bottom: 36px;}
.indexFeedback .feedbackForm input.vcode{width: 20%; background-image: url("../images/vcode.png"); margin-bottom: 36px;}
.indexFeedback .feedbackForm img.vcodeimg{width: 10%; height: 58px; float: left; margin-right: 5%; cursor:pointer;}
.indexFeedback .feedbackForm button{width: 30%; height: 58px; float: left; font-size: 16px; border: solid #e5e5e5 1px; background: #3f316e; color: #fff; cursor: pointer;}
@media screen and (max-width: 1680px) {
	.indexFeedback .feedbackForm{width: auto;}
}
@media screen and (max-width: 1366px) {
	.indexFeedback .title{font-size: 40px;}
}
@media screen and (max-width: 1280px) {
	.indexFeedback .title{font-size: 36px;}
}

/* 首页底部 */
.indexFooter{background: url("../images/footer.jpg");}
.indexFooter .footerLogo{width: 12%; float: left;}
.indexFooter .footerLogo .logoImg{height: 228px; background: #3f316e; text-align: center; box-sizing: border-box; padding-top: 40px;}
.indexFooter .footerLogo .footerTel{height: 40px; background: #fff; font-size: 18px; font-family: fantasy; text-align: center; line-height: 40px; color: #222;}
.indexFooter .footerMenu{width: 55%; float: left; margin: 50px 0 0 5%;}
.indexFooter .footerMenu ul{width: 20%; float: left;}
.indexFooter .footerMenu ul h4{font-size: 20px; font-weight: normal; color: #fff; padding-bottom: 20px;}
.indexFooter .footerMenu ul li{line-height: 14px; padding: 10px 0;}
.indexFooter .footerMenu ul li a{font-size: 14px; color: #6d6d6d;}
.indexFooter .footerMenu ul li a:hover{color: #999;}
.indexFooter .footerContact{width: 28%; float: right; margin-top: 50px;}
.indexFooter .footerContact .QRCode img{width: 110px; height: 110px;}
.indexFooter .footerContact .contactText{font-size: 14px; line-height: 24px; color: #6d6d6d; margin-top: 20px;}
.indexFooter .footerContact .contactText p{padding: 5px 0 5px 26px; background: left 9px no-repeat;}
.indexFooter .footerContact .contactText a{color: #6d6d6d;}
.indexFooter .footerContact .contactText a:hover{color: #999;}
.indexFooter .footerContact .contactText .tel{background-image: url("../images/icon_tel.png");}
.indexFooter .footerContact .contactText .email{background-image: url("../images/icon_email.png");}
.indexFooter .footerContact .contactText .address{background-image: url("../images/icon_address.png");}
.indexFooter .footerCopyright{text-align: center; padding: 20px 0; margin-top: 50px; font-size: 14px; color: #6d6d6d; line-height: 26px; border-top: solid #313131 1px;}
.indexFooter .footerCopyright p{display: inline-block;}
.indexFooter .footerCopyright a{color: #6d6d6d;}
.indexFooter .footerCopyright a:hover{color: #999;}
.indexFooter .phoneCopyright{display: none;}
.indexFooter .phoneCopyright a{color: #6d6d6d;}
@media screen and (max-width: 1366px) {
	.indexFooter .footerMenu ul h4{font-size: 18px;}
	.indexFooter .footerMenu ul li a{font-size: 14px;}
}

/* 内页头部大图 */
.conCommonBanner{width: 100%; position: relative;}
.conCommonBanner img{width: 100%;}
.conCommonBanner .bannerContent{width: 1600px; position: absolute; left: 50%; top: 45%; margin-left: -800px; color: #fff;}
.conCommonBanner .bannerContent h3{font-size: 60px; line-height: 1.5em;}
.conCommonBanner .bannerContent p{font-size: 30px; line-height: 1.5em;}
.crumbs{width: 1600px; margin: 0 auto; line-height: 40px; padding: 30px 0;}
.crumbs a{color: #252525;}
.conCommonTitle{text-align: center; font-size: 44px; line-height: 1.5em; font-weight: bold; color: #010101; padding: 30px 0;}
.conAboutus{background: #f7f8fa; padding: 20px 0 90px;}
.conAboutus .aboutUsContent{width: 1600px; margin: 0 auto; background: #fff; border-radius: 10px;}
.conAboutus .aboutUsContent .aboutusImg{width: 50%; float: left;}
.conAboutus .aboutUsContent .aboutusImg img{width: 100%; border-radius: 10px 0 0 10px;}
.conAboutus .aboutUsContent .aboutusText{width: 50%; float: right; box-sizing: border-box; padding: 40px;}
.conAboutus .aboutUsContent .aboutusText .aboutusTitle{font-size: 40px; color: #e1e1e1;}
.conAboutus .aboutUsContent .aboutusText .aboutusTitle b{color: #3f316e;}
.conAboutus .aboutUsContent .aboutusText .aboutusDetails{font-size: 16px; line-height: 36px; margin: 30px 0;}
.conAboutus .aboutUsContent .aboutusText ul li{display: inline-block; margin-right: 10px; width: 30%; text-align: center; vertical-align: top;}
.conAboutus .aboutUsContent .aboutusText ul li:last-child{margin: 0;}
.conAboutus .aboutUsContent .aboutusText ul li p{font-size: 16px; padding: 3px 0;}
.conAboutus .aboutUsContent .aboutusText ul li p span{font-size: 60px; color: #3f316e; font-family: fantasy;}
.makeSpeech{width: 1600px; margin: 0 auto 60px;}
.makeSpeech .makeSpeechContent{padding-left: 380px; font-size: 18px; line-height: 44px; background: url("../images/speech.png") 30px top no-repeat; color: #4a4a4a;}
.makeSpeech .makeSpeechContent img{max-width: 100%; margin-bottom: 10px;}
/* 荣誉资质 */
.conQualification{padding: 30px 0 60px; background: #f7f8fa;}
.conQualification .qualificationCertificate{width: 1600px; margin: 0 auto; padding-bottom: 50px; overflow: hidden; position: relative;}
.conQualification .qualificationCertificate .swiper-slide{background: #fff;}
.conQualification .qualificationCertificate .swiper-slide img{display: block; width: 90%; margin: 30px auto;}
.conQualification .qualificationCertificate .swiper-slide p{margin: 0 5%; padding: 20px 0; font-size: 18px; color: #222; border-top: solid #d4d4d4 1px; background: url("../images/magnifying.png") right center no-repeat;}
.conQualification .qualificationCertificate .swiper-pagination{bottom: 0;}
.conQualification .qualificationCertificate .swiper-pagination-bullet{width: 10px; height: 10px; background: none; border: solid #3f316e 1px; border-radius: 0; opacity: 1;}
.conQualification .qualificationCertificate .swiper-pagination-bullet-active{width: 12px; height: 20px; background: #3f316e;}
/* 合作客户 */
.conCooperativeClient{padding: 30px 0;}
.conCooperativeClient .clientList{width: 1600px; margin: 0 auto; overflow: hidden;}
.conCooperativeClient .clientList ul{margin: 0 -1%;}
.conCooperativeClient .clientList li{width: 18%; float: left; box-sizing: border-box; border: solid #e5e5e5 1px; border-radius: 10px; margin: 12px 1%; transition-duration: 0.5s;}
.conCooperativeClient .clientList li:hover{border: solid #d9d0f7 1px; box-shadow: 0 0 10px #d4d4d4;}
.conCooperativeClient .clientList li img{width: 100%; border-radius: 10px;}
/* 内页公司展会 */
.conCompanyExhibition{padding: 30px 0; background: #f7f8fa;}
.conCompanyExhibition .exhibitionPicture{width: 1600px; margin: 0 auto; overflow: hidden; position: relative;}
.conCompanyExhibition .exhibitionPicture .swiper-slide{width: 25%; text-align: center;}
.conCompanyExhibition .exhibitionPicture .swiper-slide img{width: 100%;}
.conCompanyExhibition .exhibitionPicture .swiper-slide p{font-size: 18px; color: #2c2c2c; padding-top: 10px;}

/* 内页产品中心 */
.conProduct{width: 1600px; margin: 0 auto 80px; overflow: hidden;}
.conProduct .productCategory ul{margin: 0 -1%;}
.conProduct .productCategory li{width: 18%; float: left; margin: 0 1% 30px 1%; text-align: center; line-height: 80px; background: #eaeaea; color: #282828; cursor: pointer;}
.conProduct .productCategory li a{display: block; color: #282828;}
.conProduct .productCategory li.current{background: #3f316e; color: #fff;}
.conProduct .productCategory li.current a{color: #fff;}
.conProduct .secondCategory ul{display: none; margin: 0 -1%;}
.conProduct .secondCategory li{width: 23%; float: left; margin: 1%; box-sizing: border-box; border: solid #e5e5e5 1px;}
.conProduct .secondCategory li img{width: 100%;}
.conProduct .secondCategory li p{font-size: 18px; color: #313131; line-height: 70px; background: #f7f7f7; padding: 0 30px;}
.conProduct .secondCategory li p a{display: block; color: #313131;}
.conProduct .secondCategory li p a b{width: 35px; height: 35px; float: right; font-size: 30px; text-align: center; line-height: 30px; background: #8f85b4; color: #fff; border-radius: 50%; margin-top: 16px;}
.conProduct .secondCategory li:hover p{background: #8f85b4;}
.conProduct .secondCategory li:hover p a{color: #fff;}
.conProduct .secondCategory li:hover p a b{background: #fff; color: #8f85b4;}
.conProduct .productList ul{margin: 0 -1%;}
.conProduct .productList li{width: 23%; float: left; margin: 1%; box-sizing: border-box; border: solid #e5e5e5 1px;}
.conProduct .productList li img{width: 100%;}
.conProduct .productList li p{font-size: 18px; color: #313131; line-height: 70px; background: #f7f7f7; padding: 0 30px;}
.conProduct .productList li p a{display: block; color: #313131;}
.conProduct .productList li p a b{width: 35px; height: 35px; float: right; font-size: 30px; text-align: center; line-height: 30px; background: #8f85b4; color: #fff; border-radius: 50%; margin-top: 16px;}
.conProduct .productList li:hover p{background: #8f85b4;}
.conProduct .productList li:hover p a{color: #fff;}
.conProduct .productList li:hover p a b{background: #fff; color: #8f85b4;}
.conProduct .productDetail{width: 73%; float: right; margin: 0 1%;}

.conProduct .productDetail .productPicture{width: 40%; float: left;}
.conProduct .productDetail .productPicture .bigimg{border: solid #e5e5e5 1px;}
.conProduct .productDetail .productPicture .bigimg img{width: 100%;}
.conProduct .productDetail .productPicture .thumbnail{margin-top: 30px;}
.conProduct .productDetail .productPicture .thumbnail .button{width: 25px; height: 82px; float: left;}
.conProduct .productDetail .productPicture .thumbnail .button a{display: block; text-align: center; text-decoration: none; line-height: 80px; font-size: 30px; font-family: cursive; font-weight: bold; background: #f8f8f8; border: solid #eee 1px; color: #666;}
.conProduct .productDetail .productPicture .thumbnail .button a:hover{border-color: #f00;}
.conProduct .productDetail .productPicture .thumbnail .imglist{max-width: calc(100% - 60px); float: left; overflow: hidden; box-sizing: border-box; margin: 0 5px;}
.conProduct .productDetail .productPicture .thumbnail .imglist ul{width: max-content;}
.conProduct .productDetail .productPicture .thumbnail .imglist li{height: 80px; float: left; margin: 0 5px; border: solid #eee 1px; cursor: pointer;}
.conProduct .productDetail .productPicture .thumbnail .imglist li img{height: 80px;}
.conProduct .productDetail .productPicture .thumbnail .imglist li.current{border-color: #f00;}

.conProduct .productDetail .productDescription{width: 55%; float: right;}
.conProduct .productDetail .productDescription .productName{font-size: 36px; line-height: 2em; color: #222; border-bottom: solid #d6d6d6 1px;}
.conProduct .productDetail .productDescription .description{font-size: 18px; color: #707070; line-height: 2em; margin-top: 10px;}
.conProduct .productDetail .productDescription .productEnquiry{margin-top: 20px;}
.conProduct .productDetail .productDescription .productEnquiry a{display: block; width: 143px; height: 53px; font-size: 20px; text-align: center; line-height: 53px; background: #7464a3; border-radius: 8px; color: #fff;}
.conProduct .productDetail .detailedIntroduction{margin-top: 50px;}
.conProduct .productDetail .detailedIntroduction .detailedMenu{height: 68px; border: solid #d2d2d2 1px; padding: 0 29px;}
.conProduct .productDetail .detailedIntroduction .detailedMenu li{line-height: 60px; float: left; font-size: 18px; color: #2e2e2e; padding: 4px 30px 0; cursor: pointer;}
.conProduct .productDetail .detailedIntroduction .detailedMenu li.current{border-bottom: solid #3f316e 4px;}
.conProduct .productDetail .detailedIntroduction .detailedContent{margin-top: 30px; line-height: 32px;}
.conProduct .productDetail .detailedIntroduction .detailedContent img{max-width: 100%; height: auto;}
.conProduct .productDetail .detailedIntroduction .detailedContent table{max-width: 100%; border-collapse: collapse;}
.conProduct .productDetail .detailedIntroduction .detailedContent table td{border: solid #e5e5e5 1px;}
.conProduct .productDetail .detailedIntroduction .detailedContent .contentList{display: none;}
.conProduct .productDetail .detailedIntroduction .detailedContent .contentList.show{display: block;}

.conProduct .productDetail .relatedProducts{margin-top: 50px;}
.conProduct .productDetail .relatedProducts .title{font-size: 26px; color: #2e2e2e;}
.conProduct .productDetail .relatedProducts .relatedProductsList{margin-top: 20px;}
.conProduct .productDetail .relatedProducts .relatedProductsList li{width: 32%; float: left; box-sizing: border-box; border: solid #e5e5e5 1px; margin: 0 2% 30px 0;}
.conProduct .productDetail .relatedProducts .relatedProductsList li:nth-child(3n){margin-right: 0;}
.conProduct .productDetail .relatedProducts .relatedProductsList li img{width: 100%;}
.conProduct .productDetail .relatedProducts .relatedProductsList li p{font-size: 18px; color: #313131; background: #f7f7f7; line-height: 70px; padding: 0 40px;}

/* 内页新闻 */
.conNews{width: 1600px; margin: 0 auto 80px; overflow: hidden;}
.conNewsTab{border-bottom: solid #eee 1px;}
.conNewsTab .newsTabMenu{width: 1600px; margin: 0 auto;}
.conNewsTab .newsTabMenu li{display: inline-block; line-height: 58px; font-size: 16px; color: #252525; margin-right: 80px;}
.conNewsTab .newsTabMenu li.current{border-bottom: solid #3f316e 2px;}
.conNewsTab .newsTabMenu li a{display: block; color: #252525;}
.conNewsTab .newsTabMenu li.current a{color: #3f316e;}
.conNews .newsTitle{font-size: 44px; text-align: center; font-weight: bold; margin-top: 50px;}
.conNews .newsList{margin-top: 30px;}
.conNews .newsList .newsContent{width: 32%; float: left; background: #f7f8fa; border-radius: 10px; margin: 0 2% 35px 0;}
.conNews .newsList .newsContent:nth-child(3n){margin-right: 0;}
.conNews .newsList .newsContent:hover{background: #3f316e;}
.conNews .newsList .newsContent .newsPicture{overflow: hidden;}
.conNews .newsList .newsContent .newsPicture img{width: 100%;}
.conNews .newsList .newsContent .newsName{width: calc(100% - 155px); float: left; font-size: 22px;color: #010101; padding: 20px 0 0 20px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.conNews .newsList .newsContent .newsDescription{width: calc(100% - 155px); float: left; font-size: 16px;color: #828282; box-sizing: border-box; padding: 10px 0 20px 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.conNews .newsList .newsContent .newsDate{width: 120px; float: right; color: #cecece; padding: 26px 15px 0 0;}
.conNews .newsList .newsContent .newsDate .date{display: inline-block; height: 60px; line-height: 50px; font-size: 42px; font-family: fantasy; padding-right: 10px; position: relative;}
.conNews .newsList .newsContent .newsDate .date::after{width: 1px; height: 40px; content: ''; background: #cecece; position: absolute; right: 3px; top: 5px;}
.conNews .newsList .newsContent .newsDate .month{display: inline-block; font-size: 14px; vertical-align: text-bottom;}
.conNews .newsList .newsContent:hover .newsName{color: #fff;}
.conNews .newsList .newsContent:hover .newsDescription{color: #fff;}
.conNews .newsList .newsContent:hover .newsDate{color: #fff;}
.conNews .newsDetails{width: 70%; float: right; margin: 0 1%;}
.conNews .newsDetails .newsName{font-size: 24px; text-align: center; line-height: 2em;}
.conNews .newsDetails .newsDate{text-align: right; border-bottom: dashed #d2d2d2 1px; color: #666; font-size: 13px; line-height: 36px;}
.conNews .newsDetails .newsDetailsContent{padding: 30px 0;}
.conNews .newsDetails .newsDetailsContent img{max-width: 100%;}
.conNews .newsDetails .tagsTitle{border-bottom: solid #d2d2d2 1px;}
.conNews .newsDetails .tagsTitle h3{display: inline-block; padding: 0 30px; font-size: 16px; color: #3f316e; line-height: 40px; border-bottom: 3px solid #3f316e; margin-bottom: -1px;}
.conNews .newsDetails .tagsContent{padding-top: 12px; line-height: 26px;}
.conNews .newsDetails .newsDetailUrl{padding-top: 12px; line-height: 26px;}
.conNews .newsDetails .newsDetailUrl a{color: #313131;}
.conNews .newsDetails .newsDetailUrl a:hover{color: #3f316e;}
.conNews .newsDetails .newsPagenext{padding-top: 12px; border-top: dashed #d2d2d2 1px; margin-top: 12px;}
.conNews .newsDetails .newsPagenext p{line-height: 26px;}
.conNews .newsDetails .newsPagenext a{color: #313131;}
.conNews .newsDetails .newsPagenext a:hover{color: #3f316e;}
.conNews .newsDetails .relatedNews{margin-top: 20px;}
.conNews .newsDetails .relatedNews .relateTitle{border-bottom: solid #d2d2d2 1px;}
.conNews .newsDetails .relatedNews .relateTitle h3{display: inline-block; padding: 0 30px; font-size: 16px; color: #3f316e; line-height: 40px; border-bottom: 3px solid #3f316e; margin-bottom: -1px;}
.conNews .newsDetails .relatedNews .relateTitleList{padding: 10px 0;}
.conNews .newsDetails .relatedNews .relateTitleList li{width: 48%; line-height: 40px; font-size: 14px; list-style: disc; list-style-position: inside; box-sizing: border-box; padding-left: 10px; color: #3f316e; border-bottom: dashed #e5e5e5 1px;}
.conNews .newsDetails .relatedNews .relateTitleList li:nth-child(2n+1){float: left;}
.conNews .newsDetails .relatedNews .relateTitleList li:nth-child(2n){float: right;}
.conNews .newsDetails .relatedNews .relateTitleList li a{color: #363636; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; width: 90%; vertical-align: bottom;}
.conNews .newsDetails .relatedNews .relateTitleList li a:hover{color: #3f316e;}
/* 内页相册 */
.conAlbum{padding-bottom: 30px;}
.conAlbum .albumList{width: 23.5%; float: left; margin-right: 2%; margin-bottom: 30px; box-sizing: border-box; border: solid #dcdcdc 1px;}
.conAlbum .albumList:nth-child(4n){margin-right: 0;}
.conAlbum .albumList img{width: 100%;}
.conAlbum .albumList p{font-size: 16px; color: #313131; line-height: 50px; text-align: center; background: #f7f7f7;}

/* 内页分页器 */
.commonPage{margin-top: 20px; text-align: center; font-size: 14px; color: #555;}
.commonPage a{display: inline-block; line-height: 28px; border: solid #dcdcdc 1px; color: #555; border-radius: 14px; padding: 0 10px; margin: 0 5px 10px;}
.commonPage .current{display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 30px; background: #3f316e; color: #fff; border-radius: 50%; margin: 0 5px 10px;}
.commonPage select{height: 30px; border: solid #dcdcdc 1px; outline: none; border-radius: 14px; padding: 0 10px; margin: 0 5px; cursor: pointer;}

/* 内页通用左边 */
.commonContent{margin: 0 -1%;}
.commonLeft{width: 23%; float: left; margin: 0 1%;}
.commonLeft .commonLeftTitle{height: 70px; font-size: 32px; text-align: center; line-height: 70px; background: #3f316e; color: #fff;}
.commonLeft .commonLeftTitle span{font-size: 22px; color: #9c8ecb;}
.commonLeft .newsCategory{border: solid #e5e5e5 1px;}
.commonLeft .newsCategory ul li{padding: 0 20px; border-bottom: dashed #e5e5e5 1px;}
.commonLeft .newsCategory ul li:last-child{border: none;}
.commonLeft .newsCategory ul li span{float: right; font-size: 20px; font-family: cursive;}
.commonLeft .newsCategory ul li a{display: block; line-height: 70px; font-size: 16px; color: #313131;}
.commonLeft .newsCategory ul li a:hover{color: #3f316e;}
.commonLeft .leftNews{border: solid #e5e5e5 1px;}
.commonLeft .leftNews ul{}
.commonLeft .leftNews ul li{list-style: circle; list-style-position: inside; padding-left: 20px; color: #3f316e; border-bottom: dashed #e5e5e5 1px;}
.commonLeft .leftNews ul li:last-child{border: none;}
.commonLeft .leftNews ul li a{line-height: 70px; font-size: 16px; color: #313131;}
.commonLeft .leftNews ul li a:hover{color: #3f316e;}
.commonLeft .leftContactUs{border: solid #e5e5e5 1px; margin-top: 30px;}
.commonLeft .leftContactUs .contactUsList{}
.commonLeft .leftContactUs .contactUsList p{line-height: 30px; padding: 20px 0 20px 20px; font-size: 16px; color: #313131; border-bottom: dashed #e5e5e5 1px;}
.commonLeft .leftContactUs .contactUsList p:last-child{border: none;}
.commonLeft .leftContactUs .contactUsList p a{color: #313131;}
.commonLeft .leftContactUs .contactUsList p a:hover{color: #3f316e;}

@media screen and (max-width: 1600px) {
	.commonLeft .commonLeftTitle{height: 60px; font-size: 24px; line-height: 60px; }
	.commonLeft .commonLeftTitle span{font-size: 16px;}
	.commonLeft .newsCategory ul li{padding: 0 10px;}
	.commonLeft .newsCategory ul li span{font-size: 18px;}
	.commonLeft .newsCategory ul li a{line-height: 45px; font-size: 14px;}
	.commonLeft .leftNews ul li{padding-left: 10px;}
	.commonLeft .leftNews ul li a{line-height: 45px; font-size: 14px;}
	.commonLeft .leftContactUs .contactUsList p{line-height: 25px; padding: 10px 0 10px 10px; font-size: 14px;}
}


/* 内页联系我们 */
.conContactUs{width: 1600px; margin: 20px auto 100px;}
.conContactUs .contactUsContent{width: 50%; float: left; box-sizing: border-box; padding: 60px 80px; background: url("../images/contactus.jpg") center no-repeat #3f316e; color: #fff; border-radius: 10px 0 0 10px; overflow: hidden;}
.conContactUs .contactUsContent h3{font-size: 34px; margin-bottom: 20px;}
.conContactUs .contactUsContent p{font-size: 20px; line-height: 36px; padding: 3px 0;}
.conContactUs .contactUsContent p b{font-size: 30px;}
.conContactUs .contactUsContent p.tel{width: 45%; display: inline-block;}
.conContactUs .contactUsContent p.email{width: 55%; display: inline-block;}
.conContactUs .contactUsContent p.postcode{width: 35%; display: inline-block;}
.conContactUs .contactUsMap{width: 50%; float: right; border-radius: 0 10px 10px 0; overflow: hidden;}

@media screen and (max-width: 1600px) {
	.conCommonBanner .bannerContent{width: auto; position: absolute; left: 0; margin-left: 0;}
	.crumbs{width: auto;}
	.conAboutus .aboutUsContent{width: auto;}
	.makeSpeech{width: auto;}
	.conQualification .qualificationCertificate{width: 100%;}
	.conQualification .qualificationCertificate .swiper-slide p{font-size: 16px; }
	.conCooperativeClient .clientList{width: auto;}
	.conCompanyExhibition .exhibitionPicture{width: auto;}
	.conProduct{width: auto;}
	.conProduct .productCategory li{line-height: 70px;}
	.conProduct .secondCategory li p{font-size: 16px; line-height: 60px; padding: 0 20px;}
	.conProduct .secondCategory li p a b{width: 26px; height: 26px; font-size: 22px; line-height: 24px; margin-top: 15px;}
	.conProduct .productDetail .productDescription .productName{font-size: 24px;}
	.conProduct .productDetail .productDescription .description{font-size: 16px;}
	.conProduct .productDetail .productDescription .productEnquiry a{width: 120px; height: 46px; font-size: 16x; line-height: 46px; border-radius: 8px;}
	.conProduct .productDetail .relatedProducts .title{font-size: 22px;}
	.conProduct .productDetail .relatedProducts .relatedProductsList li p{font-size: 16px; color: #313131; background: #f7f7f7; line-height: 60px; padding: 0 30px;}
	.conNews{width: auto;}
	.conNewsTab .newsTabMenu{width: auto;}
	.conContactUs{width: auto;}
	.conContactUs .contactUsContent p{font-size: 18px;}
	.conContactUs .contactUsContent p b{font-size: 24px;}
}
@media screen and (max-width: 1366px) {
	.conCommonTitle{font-size: 36px;}
	.conCommonBanner .bannerContent h3{font-size: 50px;}
	.conCommonBanner .bannerContent p{font-size: 26px;}
	.conAboutus .aboutUsContent .aboutusText .aboutusTitle{font-size: 36px; color: #e1e1e1;}
	.conAboutus .aboutUsContent .aboutusText .aboutusTitle b{color: #3f316e;}
	.conAboutus .aboutUsContent .aboutusText .aboutusDetails{font-size: 14px; line-height: 26px; margin: 20px 0;}
	.conAboutus .aboutUsContent .aboutusText ul li{margin-right: 30px;}
	.conAboutus .aboutUsContent .aboutusText ul li p{font-size: 14px;}
	.conAboutus .aboutUsContent .aboutusText ul li p span{font-size: 40px;}
	.makeSpeech .makeSpeechContent{font-size: 14px; line-height: 30px;}
}


/* 手机端 */
@media screen and (max-width: 990px) {
	body{padding-top: 60px;}
	/* 头部导航 */
	.webheader{display: none;}
	.phoneTop{width: 100%; height: 60px; display: block; background: #3f316e; color: #fff; position: fixed; top: 0; left: 0; z-index: 10;}
	.phoneTop .phoneName{width: 60%; margin: 0 auto; text-align: center; line-height: 60px;}
	.phoneTop .phoneNavbtn{position: absolute; z-index: 10; top: 0; bottom: 0; right: 0; left: 0; margin: auto 0 auto 27px; width: 30px; height: 20px;}
	.phoneTop .phoneNavbtn span,
	.phoneTop .phoneNavbtn:after,
	.phoneTop .phoneNavbtn:before{display: block; height: 2px; width: 100%; background: #fff; -webkit-transition: all .5s; transition: all .5s;}
	.phoneTop .phoneNavbtn span{margin: 7px 0;}
	.phoneTop .phoneNavbtn:after,
	.phoneTop .phoneNavbtn:before{content: ''; -webkit-transform-origin: 7.5%; transform-origin: 7.5%;}
	.phoneTop .phoneNavbtn.clicked span {-webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0;}
	.phoneTop .phoneNavbtn.clicked:after{-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
	.phoneTop .phoneNavbtn.clicked:before{-webkit-transform: rotate(45deg); transform: rotate(45deg);}
	.phoneTop .phoneMenuList{width: 100%; height: 100%; display: none; background: #3f316e; position: fixed; left: 0; top: 0; z-index: 9;}
	.phoneTop .phoneMenuList ul{padding: 60px 0;}
	.phoneTop .phoneMenuList ul li{line-height: 50px; padding: 0 15px; border-bottom: solid #8c7eb3 1px; color: #fff;}
	.phoneTop .phoneMenuList ul li a{color: #fff;}
	.phoneTop .phoneMenuList ul li i{float: right; font-size: 24px; font-style: normal; font-family: cursive;}
	.phoneTop .topSearch{width: 30px; height: 30px; position: absolute; right: 10px; top: 15px;}
	.phoneTop .topSearch .seachrBtn{width: 30px; height: 30px; background: url("../images/phoneSearch.png") center no-repeat;}
	.phoneTop .topSearchForm{width: 100%; height: 100%; background: #3f316e; position: fixed; left: 100%; top: 0; z-index: 10; box-sizing: border-box; padding: 15px 20px; -webkit-transition: all .5s; transition: all .5s;}
	.phoneTop .topSearchForm.clicked{left: 0;}
	.phoneTop .topSearchForm i{width: 30px; height: 30px; float: left; font-style: normal; font-family: cursive; font-size: 30px;}
	.phoneTop .topSearchForm input{width: 70%; height: 30px; margin: 0 3%; font-size: 16px; border: none; outline: none; border-bottom: solid #8c7eb3 1px; background: none;}
	.phoneTop .topSearchForm button{width: 30px; height: 30px; float: right; border: none; background: url("../images/phoneSearch.png") center no-repeat;}
	.search{display: none;}
	.commonIcon{display: none;}
	.title{font-size: 20px !important;}
	.subtitle{display: none;}
	
	/* 产品中心 */
	.indexProduct{padding-top: 80px;}
	.indexProduct .productCategory{width: 38%; float: left; margin-top: 20px;}
	.indexProduct .productCategory li{margin-bottom: 0; list-style: none; padding-left: 8%; line-height: 40px; font-size: 15px;}
	.indexProduct .productCategory li.current{background: #3f316e; color: #fff; border-radius: 0 26px 26px 0;}
	.indexProduct .productShow{width: 60%; float: right; margin-top: 20px;}
	.indexProduct .productShow .pictureShow{display: none;}
	.indexProduct .productShow .productPicture{display: none;}
	.indexProduct .productShow .productDescription{width: 100%; padding: 15px 20px 30px; box-sizing: border-box; position: relative;}
	.indexProduct .productShow .productDescription h3{font-size: 20px;}
	.indexProduct .productShow .productDescription p{font-size: 15px; line-height: 32px;}
	.indexProduct .productShow .productDescription a{display: block; width: 120px; height: 36px; font-size: 14px; line-height: 36px; border-radius: 18px; margin-top: 30px;}
	.indexProduct .productShow .currentProduct{display: none;}
	.indexProduct .moreProduct{display: none;}
	.indexProduct .productList .listPicture{display: none; overflow: visible;}
	.indexProduct .productList .listPicture ul li{width: 48%; margin-right: 4%; margin-bottom: 20px;}
	.indexProduct .productList .listPicture ul li:nth-child(2n){margin-right: 0;}
	.indexProduct .productList .listPicture ul li p{font-size: 16px; margin-top: 10px;}
	
	/* 首页核心优势 */
	.coreAdvantage{padding: 60px 0; background: url("../images/waveBg.png") left top no-repeat; background-size: 100% 100%;}
	.coreAdvantage .advantageContent .advantagePicture{margin: 20px 0 0; background: #fff;}
	.coreAdvantage .advantageContent .advantagePicture .pictureList{display: none;}
	.coreAdvantage .advantageContent .advantagePicture .pictureTab{width: 100%; float: none;}
	.coreAdvantage .advantageContent .advantagePicture .pictureTab li{padding: 3% 0 3% 30%; border-bottom: solid #3f316e 1px; background: 10% center no-repeat; background-size: 16%;}
	.coreAdvantage .advantageContent .advantagePicture .pictureTab li h4{font-size: 20px; line-height: 36px;}
	.coreAdvantage .advantageContent .advantagePicture .pictureTab li p{font-size: 15px; line-height: 30px;}
	.coreAdvantage .advantageContent .cooperationMode{padding: 0 30px; background: #fff;}
	.coreAdvantage .advantageContent .cooperationMode .cooperationTitle{display: none;}
	.coreAdvantage .advantageContent .cooperationMode .cooperationCaption{display: none;}
	.coreAdvantage .advantageContent .cooperationMode .hotLine{width: 100%; float: none; box-sizing: border-box; margin: 0; padding: 30px 0 30px 28%; background-size: 18%;}
	.coreAdvantage .advantageContent .cooperationMode .hotLine p{font-size: 18px;}
	.coreAdvantage .advantageContent .cooperationMode .hotLine h4{font-size: 24px; line-height: 1.5em;}
	
	/* 首页合作流程 */
	.cooperationProcess{width: auto; padding: 50px 0;}
	.cooperationProcess .processContent{padding-top: 20px;}
	.cooperationProcess .processContent .consultProcess{display: none;}
	.cooperationProcess .processContent .flowChart{display: none;}
	.cooperationProcess .processContent .mobileChart{display: block;}
	.cooperationProcess .processContent .mobileChart ul{padding: 10px; display: flex; flex-wrap: wrap;}
	.cooperationProcess .processContent .mobileChart li{width: 50%; float: left; box-sizing: border-box; padding-top: 20px; text-align: center; border: solid #aaa 1px; margin-right: -1px; margin-bottom: -1px; position: relative;}
	.cooperationProcess .processContent .mobileChart li img{height: 40px;}
	.cooperationProcess .processContent .mobileChart li p{font-size: 14px; line-height: 24px; padding: 10px; color: #1b1b1b;}
	.cooperationProcess .processContent .serviceHotline{padding-top: 20px; font-size: 15px;}
	.cooperationProcess .processContent .serviceHotline .telephone{font-size: 15px;}
	
	/* 首页关于恒峰 */
	.indexAboutUs{padding: 50px 0; background: url("../images/companyBg.png") left top no-repeat; background-size: auto 100%;}
	.indexAboutUs .aboutUsContent{width: auto; padding: 20px; color: #fff;}
	.indexAboutUs .aboutUsContent h3{font-size: 16px;}
	.indexAboutUs .aboutUsContent h5{font-size: 14px; padding: 20px 0; line-height: 22px;}
	.indexAboutUs .aboutUsContent p{font-size: 14px; padding-top: 10px; line-height: 22px;}
	.indexAboutUs .aboutUsContent ul{width: 100%; display: flex; padding: 20px 0;}
	.indexAboutUs .aboutUsContent ul li{flex: 1; margin: 0;}
	.indexAboutUs .aboutUsContent ul li p{font-size: 14px; color: #fff; padding: 3px 0;}
	.indexAboutUs .aboutUsContent ul li p span{font-size: 20px;}
	.indexAboutUs .aboutUsContent a{width: 120px; height: 30px; font-size: 14px; line-height: 30px; border-radius: 15px; margin-top: 20px;}
	.indexAboutUs .aboutUsContent img{display: none;}
	/* 首页公司相册 */
	.companyPhotoAlbum{width: 100%; margin: 20px auto 30px;}
	.companyPhotoAlbum .photoAlbumBox{width: 100%; overflow: hidden; position: relative;}
	.companyPhotoAlbum .photoAlbumBox .swiper-slide{text-align: center;}
	.companyPhotoAlbum .photoAlbumBox .swiper-slide img{width: 100%;}
	.companyPhotoAlbum .photoAlbumBox .swiper-slide p{font-size: 18px; color: #2c2c2c; padding-top: 10px;}
	
	/* 首页公司展会 */
	.indexCompanyExhibition{padding-top: 30px; background: #f7f7f7;}
	.indexCompanyExhibition .exhibitionPicture{overflow: hidden; position: relative; margin-top: 20px;}
	.indexCompanyExhibition .exhibitionPicture .swiper-slide{width: 100%; text-align: center; opacity: 0.8; overflow: hidden;}
	.indexCompanyExhibition .exhibitionPicture .swiper-button-prev,
	.indexCompanyExhibition .exhibitionPicture .swiper-button-next{width: 26px; font-size: 22px; border: solid #e5e5e5 1px;}
	
	/* 合作客户 */
	.cooperativeClient{padding: 50px 0;}
	.cooperativeClient .clientList{width: auto;}
	.cooperativeClient .clientList ul{margin: 0 1%;}
	.cooperativeClient .clientList li{width: 48%; margin: 1%;}
	
	/* 荣誉资质 */
	.indexQualification{display: none;}
	
	/* 首页新闻资讯 */
	.indexNews{width: auto; margin: 30px 0;}
	.indexNews .title{font-size: 26px; text-align: center;}
	.indexNews .title span.purple{color: #3f316e;}
	.indexNews .newsInformation .title::after{width: 0; height: 0;}
	.indexNews .newsInformation{width: 96%; float: left; padding: 0 2%;}
	.indexNews .newsInformation .hotNews{margin-top: 20px;}
	.indexNews .newsInformation .hotNews .newsImages{width: 30%; float: left;}
	.indexNews .newsInformation .hotNews .newsImages img{width: 100%;}
	.indexNews .newsInformation .hotNews .newsText{width: 68%; float: right;}
	.indexNews .newsInformation .hotNews .newsText .newsTitle{width: 68%; float: left; font-size: 16px; line-height: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.indexNews .newsInformation .hotNews .newsText .newsDate{width: 30%; font-size: 12px; line-height: 18px; float: right; text-align: right; margin: 0 0 10px;}
	.indexNews .newsInformation .hotNews .newsText .newsAbstract{width: 100%; font-size: 14px; line-height: 24px;}
	.indexNews .newsInformation .newsList{margin-top: 20px;}
	.indexNews .newsInformation .newsList li{width: 100%; line-height: 40px; list-style: none; list-style-position: inside; padding-left: 6px; box-sizing: border-box; border-bottom: dashed #e5e5e5 1px;}
	.indexNews .newsInformation .newsList li:nth-child(2){border-top: none;}
	.indexNews .newsInformation .newsList li:nth-child(2n){float: none;}
	.indexNews .newsInformation .newsList li:nth-child(2n+1){float: none;}
	.indexNews .newsInformation .newsList li a{font-size: 14px; height: auto;}
	.indexNews .newsInformation .newsList li span{font-size: 14px;}
	.indexNews .commonProblem{display: none;}
	
	/* 首页在线留言 */
	.indexFeedback{padding-top: 30px; background: url("../images/feedback.jpg") top center no-repeat; background-size: auto 100%;}
	.indexFeedback .feedbackForm{width: 96%; padding: 20px 2% 50px;}
	.indexFeedback .feedbackForm input{height: 38px; float: none; font-size: 14px; padding-left: 52px;}
	.indexFeedback .feedbackForm input.name{width: 100%; margin-right: 0; margin-bottom: 20px;}
	.indexFeedback .feedbackForm input.phone{width: 100%; margin-right: 0; margin-bottom: 20px;}
	.indexFeedback .feedbackForm input.email{width: 100%; margin-bottom: 20px;}
	.indexFeedback .feedbackForm input.demand{width: 100%; margin-right: 0; margin-bottom: 20px;}
	.indexFeedback .feedbackForm input.vcode{width: 70%; float: left; margin-bottom: 20px;}
	.indexFeedback .feedbackForm img.vcodeimg{width: 30%; height: 38px; margin-right: 0%;}
	.indexFeedback .feedbackForm button{width: 100%; height: 38px; float: none; font-size: 14px; }
	
	/* 首页底部 */
	.indexFooter{background: url("../images/footer.jpg");}
	.indexFooter .footerLogo{display: none}
	.indexFooter .footerMenu{display: none;}
	.indexFooter .footerContact{width: 92%; float: none; margin: 0 auto; padding-top: 30px;}
	.indexFooter .footerContact .QRCode{text-align: center;}
	.indexFooter .footerContact .QRCode img{width: 110px; height: 110px;}
	.indexFooter .footerContact .contactText{font-size: 14px; line-height: 24px; color: #6d6d6d; margin-top: 20px;}
	.indexFooter .footerContact .contactText p{padding: 5px 0 5px 26px; background: left 9px no-repeat;}
	.indexFooter .footerContact .contactText .tel{background-image: url("../images/icon_tel.png");}
	.indexFooter .footerContact .contactText .email{background-image: url("../images/icon_email.png");}
	.indexFooter .footerContact .contactText .address{background-image: url("../images/icon_address.png");}
	.indexFooter .footerCopyright{display: none;}
	.indexFooter .phoneCopyright{display: block; text-align: center; padding: 10px 0; margin-top: 20px; font-size: 14px; color: #6d6d6d; line-height: 24px; border-top: solid #313131 1px;}
	
	/* 内页头部大图 */
	.conCommonBanner{width: 100%; position: relative;}
	.conCommonBanner img{width: 100%;}
	.conCommonBanner .bannerContent{left: 0; top: 0; margin-left: 0; padding: 20px 15px;}
	.conCommonBanner .bannerContent h3{font-size: 22px; line-height: 1.5em;}
	.conCommonBanner .bannerContent p{font-size: 14px; line-height: 1.5em; margin-top: 20px;}
	.crumbs{width: 100%; line-height: 20px; font-size: 14px; box-sizing: border-box; padding: 20px 10px 15px;}
	.crumbs a{color: #252525;}
	
	.conCommonTitle{font-size: 20px; padding: 20px 0;}
	.conAboutus{background: #f7f8fa; padding: 0 10px 40px;}
	.conAboutus .aboutUsContent{width: auto; background: #fff; border-radius: 10px;}
	.conAboutus .aboutUsContent .aboutusImg{width: 100%; float: none;}
	.conAboutus .aboutUsContent .aboutusImg img{width: 100%; border-radius: 10px;}
	.conAboutus .aboutUsContent .aboutusText{width: 100%; float: none; box-sizing: border-box; padding: 20px;}
	.conAboutus .aboutUsContent .aboutusText .aboutusTitle{font-size: 30px; color: #e1e1e1;}
	.conAboutus .aboutUsContent .aboutusText .aboutusTitle b{color: #3f316e;}
	.conAboutus .aboutUsContent .aboutusText .aboutusDetails{font-size: 14px; line-height: 30px; margin: 10px 0;}
	.conAboutus .aboutUsContent .aboutusText ul li{margin-right: 10px;}
	.conAboutus .aboutUsContent .aboutusText ul li p{font-size: 14px; padding: 3px 0;}
	.conAboutus .aboutUsContent .aboutusText ul li p span{font-size: 30px;}
	.makeSpeech{width: 100%; margin: 0 auto 40px;}
	.makeSpeech .makeSpeechContent{padding: 0 10px; font-size: 14px; line-height: 22px; background: url("../images/speech.png") center bottom 30px no-repeat; color: #4a4a4a; background-size: 50%;}
	.makeSpeech .makeSpeechContent img{max-width: 100%; margin-bottom: 10px;}
	/* 荣誉资质 */
	.conQualification{display: none;}
	/* 合作客户 */
	.conCooperativeClient{background: #f7f8fa; padding: 20px 0;}
	.conCooperativeClient .clientList{width: 100%; margin: 0 auto;}
	.conCooperativeClient .clientList ul{margin: 0 1%;}
	.conCooperativeClient .clientList li{width: 48%; margin: 1%;}
	/* 内页公司展会 */
	.conCompanyExhibition{display: none;}
	
	/* 内页联系我们 */
	.conContactUs{width: 100%; margin: 0 auto 40px;}
	.conContactUs .contactUsContent{width: 100%; float: none; padding: 20px; border-radius: 10px;}
	.conContactUs .contactUsContent h3{font-size: 20px; margin-bottom: 10px;}
	.conContactUs .contactUsContent p{font-size: 16px; line-height: 22px; padding: 8px 0;}
	.conContactUs .contactUsContent p b{font-size: 16px;}
	.conContactUs .contactUsContent p.tel{width: 45%; display: inline-block;}
	.conContactUs .contactUsContent p.email{width: 65%; display: inline-block;}
	.conContactUs .contactUsContent p.postcode{width: 30%; display: inline-block;}
	.conContactUs .contactUsMap{width: 100%; float: none; margin: 20px 10px 0; border-radius: 10px;}
	
	/* 内页产品中心 */
	.conProduct{width: 100%; margin: 0 auto 40px;}
	.conProduct .productCategory ul{margin: 0 1%;}
	.conProduct .productCategory li{width: 48%; margin: 1%; line-height: 46px;}
	.conProduct .secondCategory ul{display: none; margin: 1%;}
	.conProduct .secondCategory li{width: 48%;}
	.conProduct .secondCategory li img{width: 100%;}
	.conProduct .secondCategory li p{font-size: 14px; line-height: 40px; padding: 0 13px;}
	.conProduct .secondCategory li p a b{width: 24px; height: 24px; font-size: 22px; line-height: 20px; margin-top: 10px;}
	.conProduct .productList ul{margin: 0 1%;}
	.conProduct .productList li{width: 48%; margin: 1%;}
	.conProduct .productList li img{width: 100%;}
	.conProduct .productList li p{font-size: 14px; line-height: 40px; padding: 0 13px;}
	.conProduct .productList li p a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 28px; position: relative;}
	.conProduct .productList li p a b{width: 24px; height: 24px; font-size: 22px; line-height: 20px; margin: 0; position: absolute; top: 10px; right: 0;}
	
	.conProduct .productDetail{width: 100%; float: none; box-sizing: border-box; padding: 0 15px; margin: 20px 0;}
	.conProduct .productDetail .productPicture{width: 100%; float: none;}
	.conProduct .productDetail .productDescription{width: 100%; float: none; margin-top: 20px;}
	.conProduct .productDetail .productDescription .productName{font-size: 20px; font-weight: bold;}
	.conProduct .productDetail .productDescription .description{font-size: 15px; line-height: 26px;}
	.conProduct .productDetail .productDescription .productEnquiry{margin-top: 20px;}
	.conProduct .productDetail .productDescription .productEnquiry a{display: block; width: 120px; height: 36px; font-size: 14px; line-height: 36px; border-radius: 18px;}
	.conProduct .productDetail .detailedIntroduction{margin-top: 20px;}
	.conProduct .productDetail .detailedIntroduction .detailedMenu{height: auto; border: none; border-bottom: solid #d2d2d2 1px; padding: 0;}
	.conProduct .productDetail .detailedIntroduction .detailedMenu li{line-height: 46px; font-size: 16px; padding: 0 10px;}
	.conProduct .productDetail .detailedIntroduction .detailedMenu li.current{border-bottom: solid #3f316e 2px;}
	.conProduct .productDetail .detailedIntroduction .detailedContent{padding-top: 20px;}
	.conProduct .productDetail .relatedProducts{margin-top: 20px; border-top: dashed #d2d2d2 1px; padding-top: 10px;}
	.conProduct .productDetail .relatedProducts .title{font-size: 14px; padding: 10px;}
	.conProduct .productDetail .relatedProducts .relatedProductsList li{width: 48%; box-sizing: border-box; border: solid #e5e5e5 1px; margin: 1%;}
	.conProduct .productDetail .relatedProducts .relatedProductsList li p{font-size: 14px; line-height: 40px; padding: 0 13px;}
	
	/* 内页新闻 */
	.conNews{width: 100%; margin: 0 auto 40px; overflow: hidden;}
	.conNewsTab{border-bottom: solid #eee 1px;}
	.conNewsTab .newsTabMenu{width: 100%; margin: 0 auto;}
	.conNewsTab .newsTabMenu li{padding: 0 10px; line-height: 48px; font-size: 16px; margin: 0;}
	.conNewsTab .newsTabMenu li.current{border-bottom: solid #3f316e 2px;}
	.conNewsTab .newsTabMenu li a{display: block; color: #252525;}
	.conNewsTab .newsTabMenu li.current a{color: #3f316e;}
	.conNews .newsTitle{font-size: 20px; text-align: center; font-weight: bold; margin-top: 20px;}
	.conNews .newsList{margin-top: 20px; padding: 0 20px;}
	.conNews .newsList .newsContent{width: 100%; float: none; background: #f7f8fa; border-radius: 10px; margin: 0 0 30px 0;}
	.conNews .newsList .newsContent .newsPicture img{width: 100%;}
	.conNews .newsList .newsContent .newsName{width: 100%; float: none; font-size: 16px; color: #010101; box-sizing: border-box; padding: 10px 10px 0 10px;}
	.conNews .newsList .newsContent .newsDescription{width: 100%; float: none; font-size: 14px; color: #828282; box-sizing: border-box; padding: 5px 10px 10px 10px;}
	.conNews .newsList .newsContent .newsDate{display: none;}
	
	.conNews .newsDetails{width: 100%; float: none; margin: 0;}
	.conNews .newsDetails .newsName{font-size: 20px; text-align: center; line-height: 2em;}
	.conNews .newsDetails .newsDate{text-align: right; font-size: 12px; line-height: 20px; padding: 0 10px 8px 0;}
	.conNews .newsDetails .newsDetailsContent{padding: 10px;}
	.conNews .newsDetails .newsDetailsContent img{max-width: 100%;}
	.conNews .newsDetails .tagsTitle{border-bottom: solid #d2d2d2 1px;}
	.conNews .newsDetails .tagsTitle h3{padding: 0 20px; font-size: 14px; line-height: 36px; border-bottom: 2px solid #3f316e;}
	.conNews .newsDetails .tagsContent{padding: 10px 10px 0; font-size: 14px;}
	.conNews .newsDetails .newsDetailUrl{padding: 10px 10px 0; font-size: 14px;}
	.conNews .newsDetails .newsPagenext{padding: 10px 10px 0 10px; border-top: dashed #d2d2d2 1px; margin-top: 10px;}
	.conNews .newsDetails .newsPagenext p{line-height: 26px; font-size: 14px;}
	.conNews .newsDetails .relatedNews .relateTitle h3{padding: 0 20px; font-size: 14px; line-height: 36px; border-bottom: 2px solid #3f316e;}
	.conNews .newsDetails .relatedNews .relateTitleList{padding: 10px 0;}
	.conNews .newsDetails .relatedNews .relateTitleList li{width: 100%; line-height: 40px; font-size: 14px;}
	
	/* 内页左边 */
	.commonContent{margin: 0;}
	.commonLeft{display: none;}
}