@charset "UTF-8";
.layout-banner { width: 100%; position: relative; }
.layout-banner img { width: 100%; object-fit: cover; }
.banner-pc { display: block; min-height: 300px; }
.banner-mb { display: none; min-height: 240px; }
.products-banner { width: 100%; position: relative; }
.products-banner img { width: 100%; object-fit: cover; }
.products-banner .text { position: absolute; top: 50%; left: 15%; transform: translate(0, -50%) }
.products-banner .text h4 { font-size: 18px; color: #d9d7d7; font-weight: bold; border: 1px solid #fff; border-radius: 30px; display: inline-block; padding: 10px 20px; animation: bannerWordsright 1s ease both 300ms; }
.products-banner .text h5 { font-size: 40px; color: #333; font-weight: bold; line-height: 40px; padding-top: 20px; animation: bannerWordsright 1s ease both 600ms; }
.products-banner .text h6 { font-size: 16px; color: #666; line-height: 30px; padding-top: 20px; animation: bannerWordsright 1s ease both 800ms; }
@keyframes bannerWordsright {
    0% { transform: translateX(100px); opacity: 0; }
    100% { transform: translateX(0); opacity: 1; }
}

/* 产品详情 */
.pro-list-bg { width: 100%; overflow: hidden; position: fixed; top: 100px; z-index: 100; transition: .5s; }
.pro-list-bg.pro-list-bgScr { background: rgba(50, 50, 50, .9); top: 80px; }
.pro-list { line-height: 50px; overflow: hidden; }
.pro-list ul { float: left; }
.pro-list ul li { float: left; margin-right: 20px;}
.pro-list ul li a { display: block; line-height: 50px; font-size: 14px; color: #a5a5a5; padding: 0 5px; }
.pro-list ul li a:hover { color: #333; }
.pro-list-bg.pro-list-bgScr .pro-list ul li a:hover { color: #fff; }
.pro-list span { float: right; font-size: 14px; color: #a5a5a5; line-height: 50px; padding-left: 26px; background: url('../images/pro-home.png') left center no-repeat; }
.pro-list span a { font-size: 14px; color: #a5a5a5; padding: 0 6px; }
.pro-list span a:first-child { padding-left: 0px; }
.pro-list span a:hover { color: #fff; }
.pro-jie { width: 1200px; height: auto; margin: 0 auto; padding: 50px 0; overflow: hidden; }
.pro-jie video { max-width: 100%; }
.pro-jie ul li { width: 25%; height: 250px; border-right: 1px solid #cccccc; border-bottom: 1px solid #ccc; float: left; text-align: center; }
.pro-jie ul li:nth-child(4n) { border-right: 0px; }
.pro-jie ul li:nth-child(n+5) { border-bottom: 0px; }
.pro-jie ul li h4 { padding: 30px; line-height: 80px; }
.pro-jie ul li h4 img { max-width: 100%; height: auto; transition: all 0.6s; }
.pro-jie ul li h5 { font-size: 24px; color: #666; line-height: 36px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.pro-jie ul li h6 { font-size: 18px; color: #666; line-height: 36px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.pro-jie ul li:hover h4 img { transform: translate(0, -10px); }
.pro-angle-box { width: 100%; height: auto; overflow: hidden; background-position: center top !important; background-repeat: no-repeat !important; }
.pro-angle { width: 1200px; height: auto; overflow: hidden; margin: 0 auto; }
.pro-angle .text { width: 100%; height: auto; padding-top: 30px; }
.pro-angle .text h5 { font-size: 40px; color: #454545; text-align: center; font-weight: bold; }
.pro-angle .text h6 { font-size: 16px; color: #454545; text-align: center; font-weight: normal; line-height: 30px; padding-top: 20px; }
.pro-angle .img { margin-top: 40px; width: 100%; height: auto; overflow: hidden; text-align: center; }
.pro-angle .img img { max-width: 100%; height: auto; overflow: hidden; }
.pro-gaisu1-box { width: 100%; height: auto; overflow: hidden; background-position: center top !important; background-repeat: no-repeat !important; background-size: cover !important; }
.pro-gaisu2-box { width: 100%; height: auto; overflow: hidden; background-position: center top !important; background-repeat: no-repeat !important; background-size: cover !important; }
.pro-gaisu1 { width: 1200px; height: auto; overflow: hidden; padding: 80px 0; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.pro-gaisu1 .img { width: 60%; float: left; height: auto; padding-right: 20px; }
.pro-gaisu1 .img img { max-width: 100%; height: auto; overflow: hidden; }
.pro-gaisu1 .text { width: 40%; float: left; height: auto; }
.pro-gaisu1 .text h5 { font-size: 40px; color: #fff; font-weight: bold; }
.pro-gaisu1 .text h6 { font-size: 16px; color: #d9d7d7; font-weight: normal; line-height: 30px; padding-top: 20px; }
.pro-gaisu3-box { width: 100%; height: auto; overflow: hidden; background: #fff; background-size: cover; }
.pro-gaisu3 { height: auto; overflow: hidden; padding: 80px 0; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.pro-pic-desc .pro-gaisu3-box:nth-child(2n) { background: #eeeeee; }
.pro-pic-desc .pro-gaisu3-box:nth-child(2n) .pro-gaisu3 { flex-direction: row-reverse; }
.pro-gaisu3 .img { width: 54%; float: left; height: auto; padding-left: 60px;text-align:right; }
.pro-pic-desc .pro-gaisu3-box:nth-child(2n) .pro-gaisu3 .img { padding-left: 0; padding-right: 60px; }
.pro-gaisu3 .img img { max-width: 100%; height: auto; overflow: hidden; }
.pro-gaisu3 .text { width: 46%; float: left; height: auto; }
.pro-gaisu3 .text h5 { font-size: 36px; color: #454545; font-weight: bold; }
.pro-gaisu3 .text h6 { font-size: 16px; color: #454545; font-weight: normal; line-height: 30px; padding-top: 35px; }

/* 规格参数 */
.pro-canshu-box { width: 100%; height: auto; overflow: hidden;    /*background: linear-gradient(to bottom, #f1f1f1 0%, #ffffff 100%);*/ padding: 60px 0; border-top: 2px solid #eee;}
.pro-canshu-box2 { width: 100%; height: auto; overflow: hidden;    /*background: linear-gradient(to bottom, #f1f1f1 0%, #ffffff 100%);*/ padding: 60px 0; }
.pro-canshu {  height: auto; margin: 0 auto; padding-top: 50px; }
.canshu1 { overflow-x: auto; width: 100%; }
.pro-canshu table { width: 100%; overflow: hidden; font-size: 14px; color: #333; border-spacing: 0; text-align: center; }
.pro-canshu table th { background-color: #8db3e2; padding: 10px 15px; color: #fff; font-weight: normal; width: 140px; text-align: center; }
.pro-canshu table tbody th {background-color: #8db3e2; padding: 10px 15px; color: #fff; font-weight: normal; width: 140px; text-align: center; }
.pro-canshu table td {border: 1px solid #dcdcdc; padding: 10px 15px; background-color: #fff; min-width: 140px; max-width: 235px; text-align: left; /*padding-left: 20px; */ font-size: 16px;}
/*.pro-canshu-box .pro-canshu table tr td:nth-child(1) { width: 395px; }*/
.tabtop th { background-color: #d7d7d7 !important; text-align: left !important; padding-left: 20px !important; }

/* 相关案例 */
.pro-case-box { width: 100%; height: auto; overflow: hidden; padding: 50px 0; background-color: #f1f1f1; }
.pro-case { width: 1200px; height: auto; overflow: hidden; margin: 0 auto; padding-top: 50px; }
.pro-case ul { margin-left: -2%; }
.pro-case ul li { width: 23%; margin-left: 2%; float: left; margin-bottom: 2%; overflow: hidden; }
.pro-case ul li .img { width: 100%; height: 235px; overflow: hidden; }
.pro-case ul li .img img { width: 100%; height: 100%; object-fit: cover; transition: all .6s ease-out; }
.pro-case ul li:hover .img img { transform: scale(1.1); }
.pro-case ul li p { padding-top: 10px; font-size: 16px; text-align: center; color: #333; }
.pro-case ul li:hover p { color: #184189; }

/* 在线留言 */
.pro-message-box { width: 100%; height: auto; overflow: hidden; padding: 50px 0; background-color: #fff; }
.message { width: 1200px; height: auto; overflow: hidden; margin: 0 auto; padding-top: 50px; }
.message-text { width: 100%; height: auto; color: #656565; line-height: 22px; font-size: 14px; overflow: hidden; margin-bottom: 20px; }
.message-text2 { width: 100%; height: auto; color: #b2b2b2; line-height: 22px; font-size: 14px; overflow: hidden; margin-bottom: 10px; }
.message-list1 { width: 100%; height: 38px; border: 1px solid #c9c9c9; border-radius: 30px; padding: 0 20px 0 20px; position: relative; margin-bottom: 20px; }
.message-list1 span { position: absolute; height: 38px; width: 20px; line-height: 38px; color: #e90909; }
.message-list1 input { width: 100%; font-size: 14px; color: #656565; box-sizing: border-box; border: 0px solid #e5e5e5; line-height: 36px; height: 36px; display: block; float: left; }
.message-list2-box { width: 100%; height: auto; overflow: hidden; }
.message-list2 { width: 48%; height: 38px; border: 1px solid #c9c9c9; border-radius: 30px; padding: 0 20px 0 20px; position: relative; margin-bottom: 20px; float: left; }
.message-list2:nth-child(2n) { float: right; }
.message-list2 span { position: absolute; height: 38px; width: 20px; line-height: 38px; color: #e90909; }
.message-list2 input { width: 100%; font-size: 14px; color: #656565; box-sizing: border-box; border: 0px solid #e5e5e5; line-height: 36px; height: 36px; display: block; float: left; }
.message-list3 { width: 100%; height: auto; border: 1px solid #c9c9c9; border-radius: 14px; padding: 0 20px 0 20px; position: relative; margin-bottom: 20px; overflow: hidden; }
.message-list3 textarea { width: 100%; height: 200px; font-size: 14px; color: #656565; border: none; padding: 10px 0; line-height: 26px; border: 0px solid #e5e5e5; }
.message-list4 { width: 100%; height: auto; overflow: hidden; margin: 0 auto; padding-top: 20px; }
.message-list4 input { width: 120px; font-size: 14px; color: #fff; box-sizing: border-box; border: 0px solid #e5e5e5; background-color: #656565; line-height: 40px; height: 40px; display: block; cursor: pointer; margin: 0 auto; border-radius: 20px }
.message-list4 input:hover { background-color: #184189; }
.pub-title { width: 100%; height: auto; }
.pub-title h4 { text-align: center; font-size: 30px; color: #333; font-weight: bold; padding-bottom: 16px; position: relative; }
.pub-title h4::after { content: ''; position: absolute; width: 26px; height: 2px; background-color: #184189; left: 50%; bottom: 0px; margin-left: -13px; }
.pub-title h5 { font-size: 16px; color: #666; text-align: center; padding-top: 10px; }
.pub-title2 { width: 100%; height: auto; }
.pub-title2 h4 { text-align: center; font-size: 26px; color: #fff; padding-bottom: 16px; position: relative; }
.pub-title2 h4::after { content: ''; position: absolute; width: 26px; height: 2px; background-color: #184189; left: 50%; bottom: 0px; margin-left: -13px; }
.canshu1>p>br {display: none;}

/*规格书下载*/
.pro-down-box {
    padding-bottom: 80px;
}
.pro-down-box .pro-down {
    margin-top: 45px;
}
.pro-down-box .pro-down ul li {
    width: 49%;
    border-bottom: 1px dashed #ddd;
    font-size: 20px;
    line-height: 45px;
}
.pro-down-box .pro-down ul li a {width: 99%; color: #333;}
.pro-down-box .pro-down ul li a:hover,
.pro-down-box .pro-down ul li a:hover i {color: #182e65;}
.pro-down-box .pro-down ul li a i {font-size: 20px;color: #333;}

@media (max-width: 1800px) {
	.products-banner .text {left: 10%;}
}
@media (max-width: 1600px) {
	.pro-gaisu3 .text h5,
	.products-banner .text h5 {font-size: 32px;}
	.products-banner .text {
	    left: 12%;
	}
}
@media (max-width: 1440px) {
	.products-banner .text {
	    left: 8%;
	}
}
@media (max-width: 1366px) {
	.products-banner .text {
	    left: 5%;
	}
}
@media (max-width: 1200px) {
	.pro-list-bg,
	.pro-list-bg.pro-list-bgScr {
	    top: 70px;
	}
	.products-banner .text h6,
	.pro-gaisu3 .text h6 {
	    font-size: 14px;
	    line-height: 28px;
	}
	.pro-gaisu3 .text h6 {padding-top: 25px;}
	.products-banner .text h6 p strong {font-size: 16px !important;}
	.pro-gaisu3 .text h5, .products-banner .text h5 {
	    font-size: 30px;
	}
	.pro-canshu table td,.pro-canshu table td span {font-size: 14px !important;}
	.pro-down-box .pro-down ul li {font-size: 16px;}
}
@media (max-width: 1100px) {
	.products-banner img {
	    height: 560px;
	}
	.pro-gaisu3 .text h5, .products-banner .text h5,
	.pub-title h4 {
	    font-size: 26px;
	}
}
@media (max-width: 1024px) {
	.products-banner {
	    background: #e5e6e8;
	    padding-top: 60px;
	}
	.products-banner .text {
	    left: 5%;
	    position: static;
	    padding: 0 10% 60px;
	    transform: translate(0);
	}
	.banner-pc { display: none; }
	.banner-mb { display: block; }
	.pro-gaisu3 {padding: 60px 0;display: flex;flex-wrap: wrap;flex-direction: column-reverse;}
	.pro-gaisu3 .text {
	    width: 100%;
	    float: none;
	    margin-top: 40px;
	    padding: 0 30px;
	}
	.pro-gaisu3 .img {
	    width: 100%;
	    float: none;
	    height: auto;
	    padding-left: 0;
	    text-align: center;
	}
	.pro-pic-desc .pro-gaisu3-box:nth-child(2n) .pro-gaisu3 {
	    flex-direction: column-reverse;
	}
	.products-banner img {
	    height: auto;
	}
	.pro-down-box .pro-down ul li a i {font-size: 18px;}
}
@media (max-width: 830px) {
	.pro-down-box .pro-down ul li {width: 100%;}
	.header-right {
	    margin-right: 70px;
	}
}
@media (max-width: 640px) {
	.pro-down-box .pro-down ul li {width: 100%;line-height: 35px;}
	.pro-list span {display: none;}
	.pro-list-bg, .pro-list-bg.pro-list-bgScr {
	    top: 55px;
	}
	.pro-list ul li a {
	    line-height: 40px;
	}
	.pro-list ul li {
	    margin-right: 10px;
	}
	.pro-list {
	    line-height: 40px;
	}
	.products-banner {
	    padding-top: 40px;
	}
	.pro-gaisu3 .text h5, .products-banner .text h5, .pub-title h4 {
	    font-size: 24px;
	}
	.pro-gaisu3 .text {
	    margin-top: 30px;
	    padding: 0 20px;
	}
	.products-banner .text {padding: 0 8% 60px;}
}