@charset "utf-8"; .banner_shop{} .banner_shop { width: 100%; height:440px; position: relative; overflow: hidden; } .erji_hang{position:relative ;} .erji_hang .padding_r{ padding-right: 220px;} .erji_hang .add_shop_btn{ position: absolute; top: 4px; right: 0; z-index: 22; line-height: 1 } .erji_hang .add_shop_btn{ display: inline-block; font-size: 18px; padding: 12px 20px; border: #006b6e 1px solid; background-color:#006b6e } .erji_hang .add_shop_btn a{color: #ffffff} .erji_hang .add_shop_btn a img{ height: 18px; margin-right: 5px} .shop_lists{ position: relative; padding-bottom: 120px;} .margin_bottom{ margin-bottom: 100px;} .shop_lists ul{ text-align: left} .shop_lists ul li{ display: inline-block; vertical-align: top; width: 24%;} .shop_lists ul li .shop_one_img{ position: relative; height: 400px; text-align: center;overflow: hidden;} .shop_lists ul li .shop_one_img img { display: block; margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 120%; max-width: 120%; } .shop_lists ul li .shop_one_name{text-align: left; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1; margin-bottom: 20px;} .shop_lists ul li .shop_btn{ text-align: left;line-height: 1;} .shop_lists ul li .shop_btn .Online_inquiry{ display: inline-block; font-size: 14px; padding: 10px 20px; border: #006b6e 1px solid;} .shop_lists ul li .shop_btn .Online_inquiry a{color: #006b6e} .shop_lists ul li .shop_btn .add_shop{ display: inline-block; font-size: 14px; padding: 10px 20px; border: #006b6e 1px solid; background-color:#006b6e } .shop_lists ul li .shop_btn .add_shop a{color: #ffffff} .shop_lists ul li .shop_btn .add_shop a img{ height: 14px; margin-right: 5px} .shop_more_content{ padding-top: 60px;} .shop_more_content .shop_more_l{ float: left; width: 50%;} .shop_more_content .shop_more_r{ float: right; width: 45%;} .shop_more_content .shop_more_r .Category_Name{color: #006b6e; font-size: 32px; font-weight: bold; margin-bottom: 30px; line-height: 1;} .shop_more_content .shop_more_r .shop_btn{ text-align: left;line-height: 1;} .shop_more_content .shop_more_r .shop_btn .Online_inquiry{ display: inline-block; font-size: 17px; padding: 14px 20px; border: #006b6e 1px solid; margin-right: 15px; margin-bottom: 0} .shop_more_content .shop_more_r .shop_btn .Online_inquiry a{color: #006b6e} .shop_more_content .shop_more_r .shop_btn .add_shop{ display: inline-block; font-size: 17px; padding: 14px 20px; border: #006b6e 1px solid; background-color:#006b6e } .shop_more_content .shop_more_r .shop_btn .add_shop a{color: #ffffff;font-size: 17px;} .shop_more_content .shop_more_r .shop_btn .add_shop a img{ height: 17px; margin-right: 5px} .shop_more_content .shop_more_r .shop_tedian{} .shop_more_content .shop_more_r .shop_tedian ul li{ position: relative; margin-bottom: 25px; border: #e9e9e9 1px solid; border-radius: 6px; padding: 25px; padding-right: 140px; text-align: left;} .shop_more_content .shop_more_r .shop_tedian ul li .sanjiao{ position: absolute; right: 0; top:-4px; z-index: 2;} .shop_more_content .shop_more_r .shop_tedian ul li .sanjiao img{ height: 24px;} .shop_more_content .shop_more_r .shop_tedian ul li.back_img01{ background: url("../images/icons_shop01.png") 90% center no-repeat; background-size: auto 70px;} .shop_more_content .shop_more_r .shop_tedian ul li.back_img02{ background: url("../images/icons_shop02.png") 90% center no-repeat; background-size: auto 70px;} .shop_more_content .shop_more_r .shop_tedian ul li .titile{ font-size: 20px; font-weight: bold; color: #006b6e; margin-bottom: 15px;line-height: 1;} .shop_more_content .shop_more_r .shop_tedian ul li .descipe{ font-size: 16px; line-height: 2} .backf7f7f7{ background-color: #f7f7f7} .backf7f7f7 .all{ background-color:#f7f7f7; padding-top: 80px;} .Online_inquiry{ background-color: #ffffff;} .Online_inquiry .inquiry_l{ float: left; width: 40%; background-repeat: no-repeat; background-position: center center; background-size: cover; height: 700px;} .Online_inquiry .inquiry_r{ float: right; width:46%; padding: 5% 7% 0% 0%;} .Online_inquiry .inquiry_r .inquiry_Titile{ color: #006b6e; font-size: 34px; line-height: 1; margin-bottom: 25px; font-weight: bold} .Online_inquiry .inquiry_r .inquiry_Titile span{ color: #666666; font-size: 17px; font-weight: normal; display: inline-block; margin-left:10px;} .feedback{} .feedback ul li{ display: block; margin-bottom:15px;} .feedback ul li input[type="text"] { width: 100%; height:48px; border: 1px solid #bbbbbb; line-height:48px; text-indent:10px; font-size:16px; font-weight: bolder; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius:6px; background-color: #ffffff } .feedback ul li textarea { width: 100%; height:80px; border: 1px solid #bbbbbb; line-height:40px; text-indent:10px; font-size:16px; font-weight: bolder; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 6px; background-color: #ffffff } .feedback #tj{ background-color: #006b6e; font-size:20px; font-weight: bolder; color: #ffffff; display: inline-block; margin-top:20px; padding:15px 45px; line-height: 1; border-radius: 6px;} .inquiry_pro { line-height: 1} .inquiry_pro span{} .inquiry_pro p{ color: #006b6e; font-size: 18px; font-weight: bold; display: block; margin-top: 15px; margin-bottom:30px;} .inquiry_pro p textarea{border: 0; color: #006b6e; font-size: 18px; font-weight: bold; display: block; margin-top: 15px; margin-bottom: 0; line-height: 1.5; width: 100%; text-indent: 0; height: 60px;} .xunjia_pro{ border: 0; color: #006b6e; font-size: 18px; font-weight: bold; display: block; margin-top: 15px; margin-bottom:30px; width: 100% } .Shopping_Cart{background-color: #ffffff;margin-bottom: 100px;} .Shopping_Cart .Shopping_Cart_tit{ padding-top: 60px; margin-left: 60px;line-height: 1; font-size: 34px; font-weight: bold; margin-bottom:15px; color: #006b6e} .Shopping_Cart ul{ margin-left: 60px; margin-right: 60px; line-height: 1; padding-bottom: 40px;} .Shopping_Cart ul li{ padding-top: 25px; padding-bottom: 25px; border-bottom: #e6e6e6 1px solid;} .Shopping_Cart ul li .Shopping_Cart_img{ display: inline;float: left; width: 10%; border: #e4e4e4 1px solid; border-radius: 4px;} .Shopping_Cart ul li .Shopping_Cart_img img{ width: 100%; height: auto} .Shopping_Cart ul li .Shopping_Cart_name{ display: inline;float: left; width: 18%; margin-right: 4%; margin-left: 4%; color: #006b6e; font-size: 20px; font-weight: bold;} .Shopping_Cart ul li .Shopping_Cart_descipe{ display: inline;float: left; width: 56%; margin-right: 2%; color: #666; font-size: 15px; } .Shopping_Cart ul li .Shopping_Cart_descipe p{ display: block;line-height: 1.6; margin-bottom: 10px;} .Shopping_Cart ul li .Shopping_Cart_descipe p span{ color: #333333; font-weight: bold;} .Shopping_Cart ul li .Shopping_Cart_delete{ display: inline;float: right; width: 5%; text-align: right} .Shopping_Cart ul li .Shopping_Cart_delete img{ width: 20px;} .Cart_btns{ text-align: right; line-height: 1; padding-right: 60px;} .Cart_btns .Online_inquiry{ display: inline-block; font-size: 20px; padding: 12px 25px; border: #dddddd 1px solid; background-color: #dddddd; border-radius: 6px; margin-right: 20px; margin-bottom:50px} .Cart_btns .Online_inquiry a{color: #ffffff} .Cart_btns .add_shop{ display: inline-block; font-size: 20px; padding: 12px 25px; border: #006b6e 1px solid; background-color:#006b6e;border-radius: 6px; } .Cart_btns .add_shop a{color: #ffffff} .Cart_btns .add_shop a img{ height: 20px; margin-right: 5px} @media (max-width:1400px) { .pro_info_pics .slick-prev { left: 30px; border: 0; border-radius: 50%; background: url("../images/left_btn22.png") center center no-repeat; background-size: auto; height: 30px; width: 30px; 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; background-size: auto; height: 30px; width: 30px; background-size: cover; } .pro_info_pics .item { position: relative; height: 450px; } .shop_more_content .shop_more_r .Category_Name{font-size: 26px;} .shop_more_content .shop_more_r .shop_tedian ul li .titile { font-size: 18px;} .shop_more_content .shop_more_r .shop_tedian ul li .descipe { font-size: 14px;} .shop_more_content .shop_more_r .shop_btn .Online_inquiry,.shop_more_content .shop_more_r .shop_btn .add_shop a{ font-size: 16px;} .shop_more_content .shop_more_r .shop_btn .add_shop a img { height: 16px;} .pro_info_pics{ margin-bottom: 0} .proshow_box { padding: 30px 0; } .erji_hang .padding_r { padding-right: 0; } .erji_hang .add_shop_btn { position: absolute; top: -50px; right: 12%; z-index: 22; line-height: 1; } .erji_hang .add_shop_btn { display: inline-block; font-size: 15px; padding: 10px 25px;} .shop_lists ul li .shop_one_img { position: relative; height: 320px;} .shop_lists { position: relative; padding-bottom: 60px; } .shop_lists ul li .shop_btn .Online_inquiry,.shop_lists ul li .shop_btn .add_shop { font-size: 13px; margin-bottom: 0} .shop_lists ul li .shop_btn .add_shop a img { height: 13px;} .shop_lists ul li .shop_one_img img { display: block; margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 110%; max-width: 110%; } .Online_inquiry .inquiry_l { float: left; width: 50%; background-repeat: no-repeat; background-position: center center; background-size: cover; height: 600px; } .Online_inquiry .inquiry_r { float: right; width: 40%; padding: 5% 5% 0% 0%; } .feedback ul li input[type="text"] { width: 100%; height: 38px; border: 1px solid #bbbbbb; line-height: 38px; text-indent: 10px; font-size: 14px; font-weight: bolder; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 6px; background-color: #ffffff; } .feedback #tj { background-color: #006b6e; font-size: 16px; font-weight: bolder; color: #ffffff; display: inline-block; margin-top: 10px; padding: 14px 45px; line-height: 1; border-radius: 6px; } .Shopping_Cart ul li .Shopping_Cart_name { display: inline; float: left; width: 18%; margin-right: 4%; margin-left: 4%; color: #006b6e; font-size: 17px; font-weight: bold; line-height:1.6; } .Shopping_Cart ul li .Shopping_Cart_descipe{font-size: 14px;} .Cart_btns .Online_inquiry,.Cart_btns .add_shop { font-size: 18px;} .Cart_btns .add_shop a img { height: 18px;} .Shopping_Cart .Shopping_Cart_tit{ margin-left: 0} .Shopping_Cart ul { margin-left: 0; margin-right: 0;} .Cart_btns { padding-right: 0; } .banner_shop{ height: 380px;} } @media (max-width:768px) { .banner_shop { height: 280px; } .shop_lists ul li { display: block; vertical-align: top; width: auto; } .shop_lists ul li .shop_btn,.shop_lists ul li .shop_one_name{ text-align: center} .shop_more_content .shop_more_l { float: none; width: auto; } .pro_info_pics .item { position: relative; height:380px; } .shop_more_content .shop_more_r { float: none; width: auto; padding-top: 20px; } .Online_inquiry .inquiry_l{ display: none;} .Online_inquiry .inquiry_r { float: none; width: auto; padding:6%;padding-top: 0; padding-bottom: 8% } .backf7f7f7 .all { background-color: #fff; padding-top: 70px; } .Shopping_Cart ul li .Shopping_Cart_img { display: inline; float: left; width: 30%; border: #e4e4e4 1px solid; border-radius: 4px; } .Shopping_Cart ul li .Shopping_Cart_name { display: inline; float: left; width: 60%; margin-right: 4%; margin-left: 4%; color: #006b6e; font-size: 17px; font-weight: bold; line-height: 1.6; } .Shopping_Cart ul li .Shopping_Cart_descipe { display: inline; float: left; width: 74%; margin-right: 2%; color: #666; font-size: 15px; margin-top: 5%; } .Shopping_Cart ul li .Shopping_Cart_delete { display: inline; float: right; width: 5%; text-align: right; margin-top: 5%; } .Shopping_Cart .Shopping_Cart_tit { padding-top: 20px;} .Cart_btns .Online_inquiry{ margin-bottom: 0} .Shopping_Cart { background-color: #ffffff; margin-bottom: 50px; } .margin_bottom{ margin-bottom:0px;} }