@charset "utf-8";
/* CSS Document */
@font-face
{
    font-family: Segoe;
    src: url('/custom/fonts/Segoe.ttf')
}
/*ChristmasרÌâ*/
.ch-main{width: 100%;background:url(/custom/images/christmas2024/bg1.jpg)no-repeat;background-size: 100% 100%;padding-top: 100px;padding-bottom:250px;    margin-bottom: -30px;}
.ch-banner img{width: 100%;}


.ch-company h3 {position: relative;color: #db0000;font-weight: 600;}
.ch-company h4 {color: #000;font-size: 1.2rem;}
.ch-company p {line-height: 1.5rem;}
.ch-company .detail{font-size: 1.2rem;margin: 1rem 0;}
.ch-company .detail a{color: #000;}
.ch-company h3:after {content: "";display: inline-block;height: 2px;width: 80px;background: #595757;position: absolute;left: 0;bottom: 10px;}
.ch-company .com-contact{position: relative;}
.ch-company .com-contact p{margin: 5px 0;padding: 3px 0;text-align: left;}
.ch-company .com-contact p a{ color: #333;}
.ch-company .com-contact p a i{ font-weight: bold;}
.ch-company .com-contact p a:hover{ text-decoration: underline;}
.ch-company .com-contact .email{background:url(https://www.zxcrusher.es/public/images/email.png) no-repeat left;padding-left: 25px;}
.ch-company .com-contact .phone{background:url(https://www.zxcrusher.es/public/images/tel.png) no-repeat left;padding-left: 25px;}
.ch-company .com-contact .whatsapp{background:url(https://www.zxcrusher.es/public/images/whatsapp.png)no-repeat left;padding-left: 24px;}

.ch-company .com-contact .btn-top{display: flex;justify-content: space-around;text-align: center;position: absolute;right: 30px;top:70px;width: 220px;}
.ch-company .com-contact .btn-top li{width: 46%;}
.ch-company .com-contact .btn-top li img{margin-bottom: 3px;}
.ch-company .com-contact .links img{margin-right: 1%; }

.ch-company .com-box{position: unset; }
.ch-company .com-box img{position: absolute;right: 0;width: 52%; }

.ch-prolist{ max-width:1500px; overflow:hidden; background:url(/custom/images/christmas2024/about.png) no-repeat;margin: 0 auto;height:700px;background-size: 100% 100%;}
.ch-products{max-width:1500px; overflow:hidden; background:url(/custom/images/christmas2024/product.png) no-repeat;margin: 100px auto;background-size: 100% 100%;}
.ch-contact{max-width:1500px; overflow:hidden; background:url(/custom/images/christmas2024/about.png) no-repeat;margin: 50px auto ;height:650px;background-size: 100% 100%;}


.ch-factory{text-align: center;padding: 0 5%;}
.ch-factory h1{ font-size: 40px;margin:90px 0 50px;font-weight:normal;text-indent: -50px;}
.ch-factory h1 a{ color: #fff;}
.ch-factory ul{ display: flex;justify-content: space-around;flex-wrap: wrap;    padding-bottom: 5%;}
.ch-factory ul li{ width: 30%;margin-top: 2%;overflow: hidden;}
.ch-factory ul li img{ max-width: 100%;}

.ch-about{display: flex;padding: 2% 5%;justify-content: space-between;}
.ch-about-text{width: 60%;padding-right: 2%;}
.ch-about-text p{color: #333;font-size: 14px;}
.ch-about-img img{ width: 100%;border-radius: 20px;}
.ch-btn{padding: 0 3%;display: flex;margin-top: -10px;}
.ch-btn p{color: #222;font-size: 15px;text-indent: 10px;line-height: 26px;width: 80%;margin-top: 20px;}
.ch-btn a{display: block;background:url(/custom/images/christmas2024/btn.png) no-repeat;width: 20%;text-align: center;line-height: 6.5;color: #fff;font-size: 18px;background-size: 90%;}
.website{margin-top: -22px;text-align: center;color: #222;}
.website a{color: #e60505;}
.website a:nth-child(3){color: #0515e6;}

.ch-products ul li a{color: #333;margin-top: 10px;display: inline-block;}
.ch-factory h2{ font-size: 30px;width: 35%; background:url(/custom/images/christmas2024/liucheng.png) no-repeat;background-size: 100%;margin: auto;position: relative;height: 175px;;font-weight:normal;}
.ch-factory h2 a{ right: 20%;color: #fff;position: absolute;bottom: 22%;}

.ch-category{background:url(/custom/images/christmas2024/catebg.jpg) no-repeat;background-size: cover;}
.ch-category .box{max-width:1500px;margin:0 auto ;}
.ch-category ul{display: flex;justify-content: space-between;}
.ch-category ul li{ background:url(/custom/images/christmas2024/cate.png) no-repeat;background-size: contain;width: 23%;text-align: center;height: 380px;display: flex;}
.ch-category ul li a{color: #fff;font-size: 26px;width:60%;display:inline-block;height: 30%;margin: auto;font-weight: bold;font-family:"Segoe", sans-serif }
.ch-category ul li a:hover{color: #165140;text-decoration: underline;}

.ch-contact form{width: 90%;margin: 40px auto 0;display: inline-block;}
.ch-contact form p{margin-bottom: 30px;}
.ch-contact form p.textarea{display: flex;width: 100%;justify-content: center;}
.ch-contact form label{color: #333;font-size: 18px;width: 100px;display: inline-block;text-align: right;font-weight: normal;}
.ch-contact form .content{float: left;margin-right: 4px;}
.ch-contact form input{width: 40%;height: 50px;border: 1px solid #ddd;outline: none;background: #f8f5f5; padding-left: 10px;}
.ch-contact form input.Email{width: 89%;}
.ch-contact form input.sub{width: 130px;color: #fff;height: 50px;background: #052e50;cursor: pointer;padding-left: 0;font-size: 18px;}
.ch-contact form input.res{background:#9b0010;margin-left: 10px;}
.ch-contact form textarea{width: 89%;resize: none;outline: none;border: 1px solid #ddd;height: 100px;background: #f8f5f5;}
.ch-contact form p.bottom{margin: auto;}
@media (max-width: 1500px){
    .ch-category ul li{height: 310px;}
    .ch-company h3{font-size: 1.2rem;}
}
@media (max-width: 1200px){
    .ch-main{padding-top: 80px;}
    .ch-prolist{ max-width:800px; height:450px;}
    .ch-products{max-width:800px;height:600px;}
    .ch-case{max-width:800px; height:800px;}
    .ch-contact{max-width:800px; height:500px;}
    .ch-factory h1 {font-size: 22px;margin: 60px 0 30px;text-indent: -30px;}
    .ch-category .box{max-width:800px;}
    .ch-category ul li{height: 200px;}
    .ch-category ul li a{font-size: 15px;}
    .ch-products ul li a{margin-top: 0;white-space: nowrap;font-size: 13px;}
    .ch-contact form{margin: 40px auto;}
    .ch-contact form input{width: 31%;height: 30px;}
    .ch-contact form p{margin-bottom: 20px;}
    .ch-about-text{width: 100%;}
    .ch-about-text p{line-height: 24px;}
    .ch-about-text p:last-child{display:none;}
    .ch-btn p{font-size: 14px;margin-top: 0;line-height: 20px;}
    .ch-btn a{line-height: 5.5;font-size: 14px;}
    .website{margin-top: -12px;font-size: 12px;}
    .ch-factory ul li{margin: 3% 0 0;}
    .ch-factory h2{height: 110px;}
    .ch-factory h2 a{bottom: 15%;right: 17%;font-size: 24px;}
    .ch-case ul li img{max-width: 80%;}
    .ch-case ul li a.bg_line{font-size: 13px;width: 80%;line-height: 15px; height: 40px;   margin: 8% auto 0;}
    .ch-contact form label{font-size: 15px;}
    .ch-contact form textarea{height: 80px;}
    .ch-contact form input.sub{width: 100px;height: 40px;font-size: 14px;}
}
@media (max-width: 768px){
    .ch-prolist{ max-width:600px; height:330px;}
    .ch-products{max-width:600px;height:450px;}
    .ch-case{max-width:600px; height:630px;}
    .ch-contact{max-width:600px; height:350px;}
    .ch-factory h1 {font-size: 16px;margin: 45px 0 30px;}
    .ch-category .box{max-width:600px;}
    .ch-category ul li{height: 130px;}
    .ch-category ul li a{font-size: 14px;height: auto;}
    .ch-products ul li a{font-size: 12px;}
    .ch-case ul li{margin-top: 0;}
    .ch-case ul li a.bg_line {font-size: 14px;width: 98%;white-space: nowrap;text-overflow: ellipsis;line-height: 15px;overflow: hidden;height: 40px;margin: 10% auto 0;}
    .ch-contact form{margin: 20px auto;}
    .ch-contact form label{font-size: 14px;width: 80px;}
    .ch-contact form input{width: 28%;height: 30px;}
    .ch-contact form p{margin-bottom: 10px;}
    .ch-contact form input.Email{width: 77%;}
    .ch-contact form textarea{width: 78%;height: 60px;}
    .ch-contact form input.sub{width: 80px;height: 30px;}
    .ch-about-img{width: 70%;}
    .ch-about-text p{line-height: 22px;font-size: 12px;}
    .ch-about-text{height: 130px;overflow: hidden;}
    .ch-btn{display: none;}
    .website {margin-top: 15px;font-size: 14px;}
    .ch-factory ul li {margin: 2% 0 0;}
    .ch-factory h2 a {bottom: 36%;font-size: 18px;}
}