@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/shengdan/bg4.jpg)top center no-repeat;background-size: cover;padding-top: 60%;}


.ch-prolist{ max-width:1200px; overflow:hidden; background:url(/custom/images/shengdan/factory.png) no-repeat;margin: 0 auto;height:900px;background-size: 100%;}
.ch-products{max-width:1200px; overflow:hidden; background:url(/custom/images/shengdan/products.png) no-repeat;margin: 0 auto;height:1000px;background-size: 100%;}
.ch-case{max-width:1200px; overflow:hidden; background:url(/custom/images/shengdan/case.png) no-repeat;margin: 0 auto;height:1200px;background-size: 100%;}
.ch-contact{max-width:1200px; overflow:hidden; background:url(/custom/images/shengdan/message.png) no-repeat;margin: 50px auto 0;height:750px;background-size: 100%;}


.ch-factory{text-align: center;padding: 0 5%;}
.ch-factory h1{ font-size: 40px;margin:50px 0 70px;font-weight: bold;}
.ch-factory h1 a{ color: #fff;}
.ch-factory ul{ display: flex;justify-content: space-around;flex-wrap: wrap;}
.ch-factory ul li{ width: 48%;margin-bottom: 2%;}
.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;}
.ch-case ul li a.bg_line{color: #fff;margin-top: 5px;display: block;font-size: 16px;padding: 10px 0;background: #052e50;}
.ch-case ul li{margin-top: 3%;}

.ch-category{max-width:1200px;margin: 0 auto 50px;}
.ch-category ul{display: flex;justify-content: space-between;}
.ch-category ul li{ background:url(/custom/images/shengdan/cate.png) no-repeat;background-size: 100%;width: 23%;text-align: center;height: 240px;display: flex;}
.ch-category ul li a{color: #fff;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: #ebcdcddb; 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: #ebcdcddb;padding:5px;}
.ch-contact form p.bottom{margin: auto;}

@media (max-width: 1500px){
    .ch-main{padding-top:75%;}
}
@media (max-width: 1200px){
    .ch-prolist{ max-width:800px; height:600px;}
    .ch-products{max-width:800px;height:700px;}
    .ch-case{max-width:800px; height:800px;}
    .ch-contact{max-width:800px; height:500px;}
    .ch-factory h1 {font-size: 26px;margin: 40px 0;}
    .ch-category{max-width:800px;}
    .ch-category ul li{height: 165px;}
    .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: 40px;}
    .ch-contact form p{margin-bottom: 20px;}
}
@media (max-width: 768px){
    .ch-main{padding-top:90%;}
    .ch-prolist{ max-width:500px; height:400px;}
    .ch-products{max-width:500px;height:450px;}
    .ch-case{max-width:500px; height:500px;}
    .ch-contact{max-width:500px; 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;}
}