@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0;}
a,ul,li{ list-style:none; text-decoration:none;}
@font-face {
    font-family:SegoePrint;
    src: url('/custom/fonts/segoeprb.ttf')
}
@font-face {
    font-family: Didot-HTF-M06-Medium-Ital;
    src: url('/custom/fonts/Didot-HTF-M06-Medium-Ital.otf')
}
/*ChristmasרÌâ*/
.ch-main{width: 100%;background:url(/custom/images/yuandan/bg1.jpg)no-repeat;background-size: cover;}
.ch-banner img{width: 100%;}

.ch-products{ overflow:hidden; background:url(/custom/images/yuandan/products.png) no-repeat;margin: 0 auto;height:850px;background-size: 100%;}
.ch-case{overflow:hidden; background:url(/custom/images/yuandan/case.png) no-repeat;margin: 0 auto;height:1050px;background-size: 100%;}
.ch-contact{overflow:hidden; background:url(/custom/images/yuandan/message.png) no-repeat;margin: 50px auto 0;height:750px;background-size: 100%;}

.ch-factory{text-align: center;max-width: 65%;margin: auto;}
.ch-factory h1{ font-size:25px;margin:1.5% 0 3%;font-weight: bold;}
.ch-factory h1 a{ color: #f9f1d2;}
.ch-factory ul{ display: flex;justify-content: space-around;flex-wrap: wrap;}
.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: 10px;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%;}
.ch-case .ch-factory h1{ margin:30px 0;}

.ch-category{max-width:1200px;margin: 0 auto 50px;}
.ch-category ul{display: flex;justify-content: space-between;margin-top: -40px;}
.ch-category ul li{ background:url(/custom/images/yuandan/category.png) no-repeat;background-size: 100%;width: 23%;text-align: center;height: 150px;display: flex;}
.ch-category ul li a{color: #f9f1d2;font-size: 26px;width:80%;display: block;margin: auto;}
.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 .content{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: 80%;}
.ch-contact form input.sub{width: 100px;color: #fff;height: 40px;background: #052e50;cursor: pointer;padding-left: 0;}
.ch-contact form input.res{background:#c8182d;}
.ch-contact form textarea{width: 80%;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: 1200px){
    .ch-products{height:550px;}
    .ch-case{ height:700px;}
    .ch-contact{height:500px;}
    .ch-factory h1 {font-size: 20px;}
    .ch-category{max-width:800px;}
    .ch-category ul{margin-top: -20px;}
    .ch-category ul li{height: 100px;}
    .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-products{height:450px;}
    .ch-case{height:500px;}
    .ch-contact{ height:350px;}
    .ch-factory h1 {font-size: 20px;margin: 20px 0;}
    .ch-category{max-width:500px;}
    .ch-category ul li{height: 100px;}
    .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;}
}