@charset "utf-8";
/* CSS Document */
@media screen and (max-width:750px){
	.w1400{ width: auto;}
	.topNav, .footer .minker .botNav, .wearch{ display: none;}
	.titleDate{ padding: 0 15px; line-height: 40px;}
	.titleDate .left i, .titleDate .left em{ height: 40px;}
	.bannerDate .img a{ height: 150px; position: relative;}
	.bannerDate .img a img{ width: auto; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
	.clientList .cont{ padding: 30px 15px 0 15px;}
	.clientList .cont .li{ width: 33.33%;}
	.clientList .cont .li a{ height: 70px;}
	.clientList .cont .li a img{ max-width: 70%; max-height: 60%;}
	.clientList .cont .li:nth-child(2) a, .clientList .cont .li:nth-child(4) a, .clientList .cont .li:nth-child(6) a, .clientList .cont .li:nth-child(8) a, .clientList .cont .li:nth-child(10) a, .clientList .cont .li:nth-child(12) a{ background: #f8f8f8;}
	.clientList .cont .li:nth-child(5) a, .clientList .cont .li:nth-child(7) a{ background: #fff;}
	.clientList{ margin: 30px 0 20px 0;}
	.matterTitle .left{ float: none; padding: 0 15px; display: block; text-align: center;}
	.matterTitle .left h1{ margin-right: 0; font-size: 22px;}
	.matterTitle .left p{ padding-top: 2px;}
	.footer .minker .info{float: none; padding: 0 15px; text-align: center; width: auto;}
	.footer .minker{ padding: 30px 0;}
	.wearchCell{ display: block;}
	.footer .minker .wearch{ float: none; width: auto; padding: 15px 0; text-align: center; height: 200px;}
	.footer .minker .wearch p{ margin: 7px auto 0;}
	.footer .foot{ width: auto; padding: 15px; line-height: 24px; text-align: center;}
	.footer .foot .mink, .footer .foot .mine{ width: auto; float: none;}
	.contactCont{ padding: 15px 15px 20px 15px;}
	.contactCont .tacTop{ padding: 25px 15px;}
	.contactCont .tacTop .cont .left, .contactCont .tacTop .cont .right{ float: none; width: auto; margin: 0;}
	.contactCont .tacTop .cont .left .li p{ line-height: 16px;}
	.contactCont .tacTop .cont{ padding: 25px 0 0 0;}
	.contactCont .tacTop .cont .right img{ width: 100%; margin-top: 35px;}
	.contactCont .tactMap{ margin-top: 15px;}
	.contactCont .tactMap .leftMap{ float: none; width: 100%; height: 200px;}
	.contactCont .tactMap .form{ float: none; margin-top: 15px; width: auto;}
	.contactCont .tactMap .form .li:last-child{ padding-top: 10px;}
	.knowOne{ padding: 25px 15px 20px 15px;}
	.knowOne .text .img, .knowOne .text .left{ width: auto; float: none;}
	.knowOne .text .img{ margin-top: 20px;}
	.knowOne .text .left .mer{ margin-top: 30px; font-size: 15px; line-height: 26px;}
	.knowOne .text .left .mer p{ margin-top: 15px;}
	.knowOne .text .left img{ height: 40px; margin: auto;}
	.knowOne .imger{ margin-top: 20px;}
	.knowOne .imger .li{ margin-left: 0; width: 49%; margin-bottom: 8px;}
	.knowOne .imger .li a{ width: 100%; height: auto;}
	.knowOne .imger .li:nth-child(2n){ float: right;}
	.knowThree{ padding: 45px 15px;}
	.knowThree .tit .mNav .li .img{ width: 30px; height: 30px;}
	.knowThree .tit{ display: block; margin-top: 40px;}
	.knowThree .tit .mNav{ justify-content: space-between; margin-top: 15px;}
	.knowThree .tit .mNav .li{ width: 32%; height: 60px; margin-right: 0;}
	.knowThree .tit .mNav .li .img{ margin: 0 5px 0 0;}
	.knowThree .tit .mNav .li:first-child .img, .knowThree .tit .mNav .li.on:first-child .img, 
	.knowThree .tit .mNav .li:nth-child(2) .img, .knowThree .tit .mNav .li.on:nth-child(2) .img,
	.knowThree .tit .mNav .li:nth-child(3) .img, .knowThree .tit .mNav .li.on:nth-child(3) .img{ background-size: 70% auto;}
	.knowThree .tit .mNav .li p{ font-size: 14px; width: 60px;}
	.knowThree .tit .text em{ margin-top: 10px;}
	.knowThree .boot{ margin-top: 25px; left: -120%; right: 120%;}
	.knowThree .boot.on{ position: unset;}
	.knowThree .boot .left{ padding-top: 0; float: none; width: auto; margin-left: 10px;}
	.knowThree .boot .left .li{ line-height: 34px;}
	.knowThree .bootYer{ height: auto; overflow: hidden;}
	.knowThree .right{ width: auto; float: none; margin-top: 40px; padding: 0;}
	.knowThree .right .swiper-container{ width: 100%; padding: 0; height: 190px;}
	.knowThree .right .img{ width: 130px; height: 200px; margin-left: -65px;}
	.knowFour .cont{ width: auto; margin: 40px auto 0;}
	.knowFour{ padding: 45px 15px 50px 15px;}
	.knowFour .cont .li .logt{ height: 16px;}
	.knowFour .cont .li .bot{ line-height: 16px; bottom: auto; top: 35px;}
	.knowTwo{ padding: 45px 0 50px 0;}
	.knowTwo .cont{ margin-top: 55px;}
	.knowTwo .cont .time{ width: auto; padding: 0 15px;}
	.knowTwo .cont .time.timeOne, .knowTwo .cont .timeDiv .emOne, .knowTwo .cont .timeDiv .emTwo{ display: none;}
	.titleDate .right{ width: auto; float: none; justify-content: center;}
	.titleDate .left{ float: none;}
	.titleDate .right a:last-child{ margin-right: 25px;}
	.matterList, .newsList{ padding: 45px 15px;}
	.matterTitle .right{ width: auto; position: relative; float: none; margin-top: 25px; height: 40px; padding: 0 75px 0 20px;}
	.matterTitle .right input{ height: 40px;}
	.matterTitle .right button{ right: 20px;}
	.matterList .cont{ padding: 20px 0 0 0;}
	.matterList .cont .li{ width: 100%; height: 165px; margin-bottom: 15px;}
	.matterList .cont .li a{ padding: 20px 20px 0 20px;}
	.matterList .cont .li .top em, .matterList .cont .li .bot em{ width: 40px; height: 40px; line-height: 40px;}
	.matterList .cont .li .top{ padding: 0 50px 0 60px; height: 40px;}
	.matterList .cont .li .top h1{ line-height: 40px;}
	.matterList .cont .li .bot{ margin-top: 15px; padding-left: 60px;}
	.pageing{ justify-content: center; flex-wrap: wrap;}
	.pageing a{ margin-bottom: 10px; margin-left: 10px; width: 30px; height: 30px; line-height: 30px;}
	.pageing a.prev:first-child{ margin-left: 0;}
	.pageing a.prev, .pageing a.next{ width: 66px;}
	.matterDate .leftDate, .matterDate .rightDate{ width: auto; float: none;}
	.matterDate .matterList .cont .li{ width: 100%;}
	.matterDate{ padding: 45px 15px 20px 15px;}
	.matterDate .leftDate .text h1{ font-size: 18px;}
	.matterDate .leftDate .text .boot .li a.more{ padding: 0 50px 0 15px; background: #fafafa url(../images/icon20.png) no-repeat center right 20px;}
	.matterDate .leftDate .text .boot .li:nth-child(2) a.more{ width: 130px;}
	.matterDate .rightDate{ margin-top: 30px;}
	.newsList .cont .li{ padding: 20px 0;}
	.newsList .cont .li .img{ width: auto; height: auto; float: none;}
	.newsList .cont .li .text{ width: 100%; float: none; display: block; padding-top: 20px;}
	.newsList .cont .li .text .left .icon{ display: none;}
	.newsList .cont .li .text .com{ width: 50px; margin: 10px 5px;}
	.newsList .cont .li .text .bot{ width: auto;}
	.newsList .cont .li .text .bot p{ margin-top: 10px;}
	.newsList .cont{ padding: 15px 0 20px 0;}
	.producter{ padding: 35px 15px 30px 15px;}
	.producter .minNavr .leftNav{ float: none; justify-content: center;}
	.producter .minNavr .leftNav a:last-child{ margin-right: 0;}
	.producter .minNavr .rightNav{ float: none; margin-top: 15px; justify-content: center;}
	.producter .minNavr .rightNav a:first-child{ margin-left: 0;}
	.producter .cont .li:nth-child(2n){ float: right;}
	.producter .cont .li{ width: 48.5%; height: 240px; margin-right: 0; margin-bottom: 10px;}
	.producter .cont .li .img{ height: 130px;}
	.producter .cont .li p{ font-size: 14px;}
	.producter .cont{ margin-top: 35px;}
	.minkHor{ display: none;}
	.leftMinkCell{ display: block;}
	.producterDate{ padding: 0;}
	.producterDate .leftMink, .producterDate .rightMink{ float: none; width: auto;}
	.producterDate .leftMink .list{ display: flex; justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto;}
	.producterDate .leftMink .list a{ border-top: none; border-left: 1px solid #e4e4e4;}
	.producterDate .leftMink .list a:first-child{ border-left: none;}
	.producterDate .rightMink{ margin: 15px;}
	.producterDate .rightMink .tit{ padding: 10px 15px;}
	.producterDate .rightMink .frame{ padding: 0;}
	.producterDate .rightMink .frame .img{ padding: 0; width: 100%; height: 300px; position: relative; float: none;}
	.producterDate .rightMink .frame .img img{ position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
	.producterDate .rightMink .frame .text{ float: none; width: auto; padding: 0 15px 30px 15px;}
	.producterDate .rightMink .mineMer h1{ padding: 0 0 13px 15px;}
	.producterDate .rightMink .mineMer .come{ padding: 0; margin: 15px 15px 30px 15px; overflow-x: auto;}
	.producterDate .rightMink .mineMer .come table{ width: 800px;}
	.producterDate .rightMink .come .li{ width: 48.5%; margin-left: 0;}
	.producterDate .rightMink .come .li:nth-child(2n){ float: right;}
	.producterDate .rightMink .come .li a{ width: 100%; height: 98px;}
	.producterDate .rightMink .come .li p{ margin-top: 5px;}
	.producterDate .rightMink .come .li:first-child, .producterDate .rightMink .come .li:nth-child(2){ margin-bottom: 15px;}
	.producterDate .rightMink .boot{ margin-top: 20px;}
	.producterDate .rightMink .boot a:last-child{ float: left; margin-top: 10px;}
	.producterDate .leftMinkCell{ padding: 15px;}
	.hotSearch{ padding: 20px 15px; line-height: 24px;}
	.title{ text-align: center;}
	.indexCenter .cont{ padding-top: 30px;}
	.indexCenter .cont .li{ float: none; width: auto; height: auto; margin: 0 15px; border-radius: 0;}
	.indexCenter .cont .li .img{ position: unset; width: 100%; height: auto; border-radius: 8px; overflow: hidden;}
	.indexCenter .cont .li .list{ display: block; position: unset; opacity: 1; padding: 15px 0 25px 0;}
	.indexCenter .cont .li .list h2{ color: #333;}
	.indexCenter .cont .li .up{ display: none;}
	.indexCenter .cont .li .icon{ bottom: auto; top: 140px;}
	.indexCenter .cont .li:hover .icon{ opacity: 1;}
	.indexCenter .cont .li .list .div a{ color: #666;}
	.indexCenter .cont .li .list .div a{ font-size: 14px; line-height: 30px; height: 30px;}
	.indexCenter .cont .li .list .div a:hover em{ margin: 10px 8px 0 0;}
	.indexCenter .cont .li .list em{ margin: 15px 0;}
	.indexCenter .cont .li .list .more{ position: unset; float: none;}
	.indexCenter .cont .li .list .div{ margin-bottom: 10px;}
	.indexCenter{ padding: 30px 0 10px 0;}
	.indexAbout{ padding: 50px 0 15px 0;}
	.indexAbout .cont{ margin: 35px 15px 0 15px;}
	.indexAbout .company{ padding: 15px 15px 25px 15px; width: auto; float: none;}
	.indexAbout .cont .img, .indexAbout .cont .img a, .indexAbout .cont .img img{ position: unset; width: 100%; height: auto; float: none; margin: 0;}
	.indexAbout .company a{ position: unset; display: block; width: 50px; margin: 25px auto 0;}
	.indexFour .li .img{ padding: 20px 0 5px 0;}
	.indexFour .li .img div{ height: 60px; transform: scale(0.65);}
	.indexFour .li .text{ display: block; text-align: center;}
	.indexFour .li .text em{ display: block; font-size: 30px; line-height: 30px;}
	.indexFour .li .text i{ display: block; font-size: 12px; line-height: 16px;}
	.indexFour, .indexFour .li{ height: 160px;}
	.indexNews{ padding: 45px 15px}
	.indexNews .cont .rUl li:first-child{ margin-left: 0;}
	.indexNews .cont .rUl{ justify-content: center;}
	.indexNews .cont .rUl{ padding: 20px 0 25px 0;}
	.indexNews .cont .inBox .left{ width: auto; float: none; padding-bottom: 30px;}
	.indexNews .cont .inBox .left .inHd{ top: 165px; left: 15px;}
	.indexNews .cont .inBox .left .inBd .img{ height: 190px;}
	.indexNews .cont .inBox .left .inBd .text h2{ margin: 20px 0 10px 0;}
	.indexNews .cont .inBox .left .inBd .text p{ font-size: 15px;}
	.indexNews .cont .inBox .left .inBd .more{ position: unset;}
	.indexNews .cont .inBox .left .inBd .text{ margin-bottom: 15px;}
	.indexNews .cont .inBox .right, .indexNews .cont .inBox .right .li .text{ width: auto; float: none;}
	.indexNews .cont .inBox .right .li .time{ width: auto; float: none; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 0;}
	.indexNews .cont .inBox .right .li .time em{ font-size: 14px;} 
	.indexNews .cont .inBox .right .li .time i{ font-size: 14px; margin: 0 10px;}
	.indexNews .cont .boot{ bottom: 0;}
	.indexNews .cont .boot.next{ right: 30%;}
	.indexNews .cont .boot.prev{ left: 30%;}
	.indexNews .cont .inBox .right .matterList .li{ width: 100%; float: none; padding-bottom: 0;}
	.indexNews .cont{ padding-bottom: 50px;}
	.indexNews .cont .inBox .right .li:last-child{ margin-bottom: 0;}
	.indexNews .cont .rUl li{ font-size: 18px;}
	.bannerOne{ display: none;}
	.bannerDiv .cont{ width: 100%; margin-left: 0; left: 0;}
	.bannerDiv{ height: 350px;}
	.bannerDiv .img img{ width: auto; height: 100%;}
	.bannerDiv .cont .text{ width: 90%; margin: auto; position: absolute; transform: translate(0,-50%); left: 5%; top: 45%;}
	.bannerDiv .cont .text h1{ font-size: 26px; line-height: 30px;}
	.bannerDiv .cont .text .list .li em{ }
	.bannerDiv .cont .text .list .li{ font-size: 16px; line-height: 20px;}
	.indexNews .cont .inBoxThree .right{ margin-bottom: 0;}
	.indexNews .cont .inBoxThree .right:last-child{ margin-top: 8.5px;}
	.navCell{ display: block;}
	.bannerDate{ margin-top: 60px;}
	.banner{ padding-top: 60px;}
	.footer .minker .info h2{ margin-bottom: 10px;}
	.footer .minker .info h2:first-child{ margin-bottom: 8px;}
	.footer .minker .info em{ margin-bottom: 15px;}
	.footer .minker .info p{ margin-bottom: 20px;}
	.producterDate .rightMink .mineMer h1{ display: flex; justify-content: flex-start;}
	.producterDate .rightMink .mineMer h1 i{ font-size: 14px; line-height: 14px; padding-top: 6px; font-weight: normal; color: #dc2a26;}
}


@media screen and (min-width:750px){
	.wearchCell, .knowTwo .cont .time.timeCell, .leftMinkCell, .bannerTwo, .producterDate .rightMink .mineMer h1 i{ display: none;}
}

/* 1 */
.matterList .cont .li .top h1,
.matterDate .leftDate .text .boot .li a.more,
.producter .cont .li h1,
.indexNews .cont .inBox .right .li .text h2,
.indexNews .cont .inBox .left .inBd .text h2,
.newsList .cont .li .text .bot h1{ overflow : hidden; white-space : nowrap; text-overflow : ellipsis;}
/* 2 */
.matterList .cont .li .bot p,
.producter .cont .li p,
.indexNews .cont .inBox .right .li .text p,
.indexNews .cont .inBox .left .inBd .text p,
.newsList .cont .li .text .bot{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
/* 3 */
.texThree{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
/*  */
.footer .minker .info em,
.indexNews .cont .inBox .right .li .time em{ font-family: "din-bold";}
@media screen and (min-width:1280px) and (max-width: 1640px){
	.w1400{ width: 1200px;}
	.bannerDiv .cont{ width: 1100px; margin-left: -550px;}
	.indexCenter .cont .li{ width: 31.7%; height: 252px;}
	.indexCenter .cont .li .list .more{ bottom: -15px;}
	.indexAbout .cont .img{ right: 30px;}
	.indexAbout .cont{ margin: 45px 0 0 30px;}
	.indexNews .cont .inBox .right{ width: 580px;}
	.indexNews .cont .inBox .left{ width: 580px;}
	.indexNews .cont .inBox .left .inBd .img img{ height: 100%; width: auto;}
	.indexNews .cont .inBox .right .li .text{ width: 475px;}
	.footer .minker .botNav{ margin-left: 20px;}
	.footer .minker .botNav .li{ width: 150px;}
	.contactCont .tactMap .leftMap{ width: 685px;}
	.contactCont .tacTop .cont .right{ margin-right: 0; width: 700px;}
	.contactCont .tacTop .cont .right img{ width: 100%;}
	.knowOne .text .left{ width: 620px;}
	.knowOne .text .img{ width: 540px;}
	.knowOne .text .left{ padding-top: 5px;}
	.knowOne .text .left .mer{ margin-top: 30px;}
	.knowOne .imger .li{ margin-left: 20px;}
	.knowOne .imger .li a{ width: 285px; height: 160px;}
	.matterList .cont .li{ width: 585px;}
	.matterDate .leftDate{ width: 900px;}
	.matterDate .matterList .cont .li{ width: 430px;}
	.newsList .cont .li .text .bot{ width: 585px;}
	.producter .cont .li{ width: 282px; height: 330px;}
	.producter .cont .li .img{ height: 220px;}
	.producterDate .rightMink{ width: 920px;}
	.producterDate .rightMink .frame .img{ padding: 15px 30px 0 30px;}
	.producterDate .rightMink .frame .img{ width: 340px;}
	.producterDate .rightMink .mineMer .come{ padding: 20px;}
	.producterDate .rightMink .come .li{ margin-left: 20px;}
	.producterDate .rightMink .come .li{ width: 204px;}
	.producterDate .rightMink .come .li a{ height: 135px;}
}