@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
a,ul,li{ list-style:none; text-decoration:none;}
h2{ font-size:18px;}
body{overflow-x:unset;}
/*logo end*/

/*2024元旦专题*/
.ch-main{width: 100%;background:url(../images/bg2.jpg)no-repeat;background-size: 100% 100%;margin-bottom: -50px;    padding-bottom: 50px;}
.ch-main a:hover{text-decoration:underline;}
.ch-banner img{width: 100%;display: block;}

.ch-products{ overflow:hidden; background:url(../images/products1.png) no-repeat;margin: 0 auto 50px;background-size:100% 100%;max-width: 1500px;}

.ch-factory{text-align: center;max-width: 85%;margin: auto;}
.ch-factory h1{ font-size:40px;margin:2.5% 0 3%;font-weight: bold;}
.ch-factory h1 a{ color: #f9f1d2;font-family: STXingkai;}
.ch-factory ul{ display: flex;justify-content: space-around;flex-wrap: wrap;padding-bottom: 5%;}
.ch-factory ul li{ width: 23%;margin-top: 1%;}
.ch-factory ul.small_width li{ width: 31%;overflow: hidden;}
.ch-factory ul li img{ width: 100%;}

.ch-products ul li a{color: #333;margin-top: 5px;display: inline-block;white-space: nowrap;}
.ch-case ul li a.bg_line{color: #333;margin-top: 5px;display: block;font-size: 16px;padding: 10px 0;white-space: nowrap;overflow: hidden;}
.ch-case ul li{margin-top: 2%;width: 31%;}
.ch-case ul li:nth-child(1){width: 48%;}
.ch-case ul li:nth-child(2){width: 48%;}
.ch-case .ch-factory h1{ margin:30px 0;}

.ch-category{max-width:1500px;margin: 0 auto 50px;padding-top: 30px;}
.ch-category ul{display: flex;justify-content: space-between;}
.ch-category ul li{ background:url(../images/category1.png) no-repeat center;background-size: contain;width: 23%;text-align: center;height: 300px;display: flex;}
.ch-category ul li a{color: #f9f1d2;font-size: 26px;width:80%;display: block;margin: auto;line-height: 35px;font-family: STXingkai;}
.ch-category ul li a:hover{color: #f6b12a;}

.ch-contact form{width: 90%;margin:80px auto;}
.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 .xuqiu{float: left;margin-right: 4px;}
.ch-contact form input{width: 34.5%;height: 50px;border: none;outline: none;background: #f8f5f5; padding-left: 10px;}
.ch-contact form input.email{width: 82%;}
.ch-contact form input.sub{width: 100px;color: #fff;height: 40px;background: #126990;cursor: pointer;padding-left: 0;}
.ch-contact form input.res{background:#df0004;}
.ch-contact form textarea{width: 83%;resize: none;outline: none;border: none;height: 100px;background: #f8f5f5;}
.ch-contact form p.bottom{margin: auto;}
.ch-contact .ch-factory h1{ margin:10px 0 50px;}
@media (max-width: 1700px){
    .ch-category{max-width:1300px;}
    .ch-products{max-width: 1200px;}
}
@media (max-width: 1500px){
    .ch-category{max-width:1200px;}
    .ch-products{max-width: 1000px;}
}
@media (max-width: 1200px){
    .ch-products{max-width: 800px;}
    .ch-factory h1 {font-size: 20px;}
    .ch-category{max-width:1000px;}
    .ch-category ul{margin-top: -20px;}
    .ch-category ul li{height: 200px;}
    .ch-category ul li a{font-size: 18px;}
    .ch-products ul li a{margin-top: 0;white-space: nowrap;}
    .ch-contact form{margin: 40px auto;}
    .ch-contact form input{width: 32%;height: 30px;}
    .ch-contact form p{margin-bottom: 20px;}
    .ch-factory ul li{margin-top: 2%;}
    .ch-case ul li a.bg_line{padding: 2px 0;}
    .ch-case .ch-factory h1 {margin: 2% 0 3%;}
    .ch-contact form textarea{height: 80px;}
}
@media (max-width: 768px){
    .ch-case{height:500px;}
    .ch-contact{ height:350px;}
    .ch-factory h1 {font-size: 20px;margin: 20px 0;}
    .ch-category ul li a{font-size: 14px;}
    .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;}
    .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: 78%;}
    .ch-contact form textarea{width: 78%;height: 60px;}
    .ch-contact form input.sub{width: 80px;height: 30px;}
}