@charset "utf-8"; .pro_content{ padding-top: 20px; padding-bottom: 0px;} .pro_content .pro_content_left{ float: left; width: 70%; margin-bottom: 70px} .pro_content .pro_content_left .Category_Name{ color: #006b6e; font-size: 32px; font-weight: bold; margin-bottom: 30px; line-height: 1} .pro_content .pro_content_left .Category_Pic{ position:relative; background-position:center center; background-repeat:no-repeat; width:100%; height:160px; background-size:cover;margin-bottom: 25px;} .pro_content .pro_content_left .Category_Pic .fonts { display: block; margin: auto; position: absolute; top: 50%; left: 5%; transform: translate(0%, -50%); max-height: 90%; max-width: 90%; font-size: 18px; font-weight: bold; color: #ffffff; width: 60%; } .pro_content .pro_content_left .Category_Pic img{ width: 100%;} .pro_content .pro_content_left .Category_Descipe{margin-bottom: 40px; font-size: 16px; line-height: 2.2;} .pro_content .pro_content_left .pro_lists{ text-align: left} .pro_content .pro_content_left .pro_lists ul li{ float: left;display: inline; vertical-align: top; width: 30%; margin-right: 3%; margin-bottom: 25px;} .pro_content .pro_content_left .pro_lists ul li a{ position: relative; display: block; background-color: #ffffff; border: #eaeaea 1px solid; overflow: hidden} .pro_content .pro_content_left .pro_lists ul li a .mengcheng{position: absolute; left: 0; top:-100%; right: 0; bottom: 0; z-index: 2; height: 100%; width: 100%; text-align: center;background-color: rgba(0,107,110,0.7);-moz-transition: 0.4s; -ms-transition: 0.4s; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;} .pro_content .pro_content_left .pro_lists ul li a .mengcheng img{ margin-top:46%; height:60px;} .pro_content .pro_content_left .pro_lists ul li a:hover .mengcheng{ top:0;} .pro_content .pro_content_left .pro_lists ul li a .pro_one_pic{ position: relative; height: 310px;} @media screen and (max-width: 1400px){ .pro_content .pro_content_left .pro_lists ul li a .pro_one_pic{ position: relative; height: 200px;} } .pro_content .pro_content_left .pro_lists ul li a .pro_one_pic img{ display: block; margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 110%; max-width: 110%; } .pro_content .pro_content_left .pro_lists ul li a:hover .pro_one_pic img{filter: blur(2px);} .pro_content .pro_content_left .pro_lists ul li a .pro_one_name{ background-color: #f2f2f2; height: 70px; line-height: 70px; text-align: center; font-size: 16px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #4c4c51;} .pro_content .pro_content_right{ float: right; width:25%;} .pro_content .pro_content_right>ul>li{ margin-bottom: 10px;} .pro_content .pro_content_right>ul>li>a{display: block; background: #f2f2f2 url("../images/xiangxia.png") 95% center no-repeat; padding-left: 15px; padding-top: 12px; padding-bottom: 12px; font-size: 16px; text-align: left;} .pro_content .pro_content_right>ul>li>div{ background-color: #ffffff; border: #006b6e 1px solid; padding: 15px 25px; padding-bottom: 25px; display: none} .pro_content .pro_content_right>ul>li>div a{display: block; padding: 10px 0; padding-left: 16px; padding-right: 0px; font-size: 14px; border-bottom: #ebebeb 1px solid; color: #999999; text-align: left; background: url("../images/erji_icon.png") left center no-repeat; } .pro_content .pro_content_right>ul>li>div a.active{display: block; padding: 10px 0; padding-left: 16px; padding-right: 0px; font-size: 14px; border-bottom: #ebebeb 1px solid; color: red; text-align: left; } .pro_content .pro_content_right>ul>li>div a:hover{display: block; padding: 10px 0; padding-left: 16px; padding-right: 0px; font-size: 14px; border-bottom: #006b6e 1px solid; color: #006b6e; text-align: left; background: url("../images/erji_icon_hover.png") left center no-repeat;} .pro_content .pro_content_right>ul>li>div a.active{display: block; padding: 10px 0; padding-left: 16px; padding-right: 0px; font-size: 14px; border-bottom: #006b6e 1px solid; color: #006b6e; text-align: left; background: url("../images/erji_icon_hover.png") left center no-repeat;} .pro_content .pro_content_right > ul > li > a.active{display: block; background: #006b6e url("../images/xiangshang.png") 95% center no-repeat; padding-left: 15px; padding-top: 12px; padding-bottom: 12px; font-size: 16px; text-align: left; color: #fff;} .pro_info_pics{ border: #e9e9e9 1px solid; margin-bottom: 30px; } .pro_info_pics .item{ position: relative; height: 600px;} .pro_info_pics .item img{ display: block; margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 90%; max-width: 90%; } .pro_info_pics .slick-dots{ bottom:30px;} .pro_info_pics .slick-dots li button{ width: 10px; height: 10px; background-color:#c2dbdc;} .pro_info_pics .slick-dots li.slick-active button { background: #006b6e; } .pro_info_pics .slick-prev { left: 30px; border: 0;border-radius:50%; background: url("../images/left_btn22.png") center center no-repeat; height: 66px; width: 66px; background-size: cover; } .pro_info_pics .slick-next { right: 30px; left: inherit; border: 0;border-radius:50%; background: url("../images/right_btn22.png") center center no-repeat; height: 66px; width: 66px; background-size: cover; } .down_list{ margin-bottom: 30px;} .down_list ul li{ display: inline-block; margin-right: 20px;} .down_list ul li a{ display: inline-block; background-color: #268184; color: #fff; font-size: 16px;border-radius:6px; padding: 15px 40px; line-height: 1;} .proshow_btn { margin-top:40px; background-color:#f2f1f1; height:60px; line-height:60px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .proshow_btn a { background: url(../images/proshow4.jpg) right center no-repeat; float: left; width:20%; text-align: center; font-size: 16px; font-weight: bold; height:60px; color: #666; } .proshow_btn a:last-child { background: none; } .proshow_btn a.cur { color: #0e746e; font-weight: bold; border-bottom:2px solid #0e746e; } .proshow_box { padding:50px 0; } .proshow_box .proshow_list { color: #676868; font-size: 15px; line-height: 2; } .proshow_box .proshow_list p.bt { color: #feffff; font-size: 13px; height: 26px; line-height: 26px; background: url(../images/proshow5.jpg) no-repeat; text-align: center; font-weight: bold; width: 131px; margin-bottom: 7px; } .proshow_box .proshow_list .wzq { padding: 0 20px; } .proshow_box .proshow_list .wzq .wzqimg { margin-top: 20px; } .Related_Products{ margin-top: 40px;} .Related_Products .Related_Products_tit{ font-weight: bold; font-size: 22px; color: #49494d; padding-left: 20px; margin-bottom: 30px;} .Related_Products .Related_Products_tit span{ position: relative} .Related_Products .Related_Products_tit span::after { left:-20px; position: absolute; top:8%; content: " "; width:4px; height:84%; background-color: #268184; -webkit-transition: .3s; transition: .3s;border-radius:5px; } .Related_Products_list{ padding-bottom: 90px;} .Related_Products_list .item{padding: 0 20px;} .Related_Products_list .item a{ position: relative; display: block; background-color: #ffffff; border: #eaeaea 1px solid; overflow: hidden;} .Related_Products_list .item a .mengcheng{position: absolute; left: 0; top:-100%; right: 0; bottom: 0; z-index: 2; height: 100%; width: 100%; text-align: center;background-color: rgba(0,107,110,0.7);-moz-transition: 0.4s; -ms-transition: 0.4s; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;} .Related_Products_list .item a .mengcheng img{ margin: 0px auto;margin-top:46%; height:60px;} .Related_Products_list .item a:hover .mengcheng{ top:0;} .Related_Products_list .item a .pro_one_pic{ position: relative; height: 310px;} @media screen and (max-width: 1400px){ .pro_info_pics .item { position: relative; height: 560px; } .Related_Products_list .item a .pro_one_pic{ position: relative; height: 200px;} } .Related_Products_list .item a .pro_one_pic img{ display: block; margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 110%; max-width: 110%; } .Related_Products_list .item a:hover .pro_one_pic img{filter: blur(2px);} .Related_Products_list .item a .pro_one_name{ background-color: #f2f2f2; height: 70px; line-height: 70px; text-align: center; font-size: 16px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #4c4c51;} .Related_Products_list .slick-dots{ bottom:-30px;} .Related_Products_list .slick-dots li button{ width: 10px; height: 10px; background-color:#c2dbdc;} .Related_Products_list .slick-dots li.slick-active button { background: #006b6e; } @media (max-width:768px) { .pro_content .pro_content_left { float: none; width: initial; padding-top: 30px } .pro_content .pro_content_right { float: none; width: initial; } .pro_content .pro_content_left .pro_lists ul li { display: block; float:none; vertical-align: top; width: initial; margin-right: 0; margin-bottom: 25px; } .pro_content .pro_content_left .pro_lists{ margin-bottom:70px;} .pro_info_pics .item { position: relative; height: 400px; } .down_list ul li a { display: inline-block; background-color: #268184; color: #fff; font-size: 14px; border-radius: 6px; padding: 15px 20px; line-height: 1; } .down_list ul li { display: inline-block; margin-right: 10px; } .Related_Products { margin-top: 0; } .pro_content .pro_content_left .Category_Pic .fonts{ font-size:16px;} .pro_content .pro_content_left .pro_lists ul li a .mengcheng img { margin-top: 146px; height: 60px; } }