﻿.wrap{background:#fff}
.banner {
    text-align: center;
    background: #e70310;
    padding: 13rem 0 10rem;
    color: #fff;
}
.banner .chTitle {
    font-size: 2.5rem;
    font-family: PingFang Heavy;
}
.banner .engTitle{    
    font-size: 1.25rem;
}
.banner .desc {
    font-size: 1.35rem;
    letter-spacing: 5px;
    margin-top: 3rem;
}
.section-title {
    font-size: 3rem;
    color: #e70310;
    margin-bottom: 1rem;
}
.desc > p {
    margin-bottom: 2rem;
    line-height: 2;
}
.part1{padding:10rem 0}
.part1 .section-title{position:absolute;left:25%}
.part1 .desc{margin-left:50%;width:33%}
img{width:100%}
.brand{margin-top:10rem}
.brand-title{position:relative}
.brand-title strong {
    position: absolute;
    color: #fff;
    font-size: 3rem;
    width: 100%;
    text-align: center;
    top: 25%;
    left:0;
    letter-spacing: 5px;
}
.indutry{width:66.666%;margin:-12% auto 0;position:relative;overflow:hidden;color:#fff;line-height:0}
.indutry>div{width:33.33%;float:left;position:relative;}
.indutry .title{position:absolute;left:10%;top:80%;line-height:1.5;z-index:101}
.title .chTitle {
    font-size: 2rem;
    font-family: PingFang Heavy;
}
.title .engTitle {
    margin: .5rem 0 5rem;
}
ul.content{position:absolute;left:10%;top:100%;width:75%;line-height:1.5;z-index:101}
ul.content, .content li {
    list-style: disc;
    margin-left: 0.6rem;
    margin-bottom: 1rem
}
.mask{position:absolute;top:0;opacity:0.3}
.indutry > div:hover .mask{opacity:0.7}
.service {
    width: 66.66%;
    margin: -11% auto 0;
    position: relative;
}
.service ul{overflow:hidden;}
.service li{width:33.33%;float:left;background:#f6f6f6;position:relative;overflow:hidden;line-height:0}
.service li:hover{color:#fff}
.service li:hover img{opacity:1}
.service li .mask{opacity:0}
.service li:hover .mask{opacity:0.3}
.service li:nth-child(even){background:#eee}
.service img{opacity:0}
.service li>p{position:absolute;left:10%;z-index:101}
.service .num{font-weight:bold;font-size:2.5rem;margin-bottom: .5rem;top:15%}
.service .service-content{top:40%;font-size:1.5rem}
.cooperation-title{position:absolute;left:25%}
.cooperation-title a{
    background: #e70310;
    margin-top: 5rem;
    display: inline-block;
    padding: .5rem 1rem;
    font-size: 1.25rem;
}
.cooperation-content {
    width: 33.33%;
    margin-left: 50%;
    line-height: 1.5;
    font-size: 1.125rem;
}
.cooperation-content li{margin-bottom:2rem}
.cooperation-content li strong {
    font-size: 2rem;
    vertical-align: middle;
    margin-right: .5rem;
}
.join{background:#f6f6f6;text-align:center;padding:5rem 0;margin-top:10rem}
.join table caption{font-weight:bold;font-size:1.5rem;margin-bottom:3rem}
.join table{width:80%;margin:0 auto 1rem;border-spacing: 0;border-collapse: collapse;}
table th{border-top:1px solid #ccc;padding:1.5rem 0}
table td{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:1.5rem 0}
.join p{text-align:right;margin-right:10%}
.apply {padding:10rem 0}
.intro {
    display: inline-block;
    width: 20%;
    margin-left: 25%;
    margin-right:5%;
}
.intro .section-title{margin-bottom:3rem}
.contact{display:inline-block;width:33.33%;vertical-align:top;}
.info{margin-bottom:3rem}
.info > p {
    font-size: 1.75rem;
    margin-bottom: 2rem;
}
.info select, .info input,.info textarea {
    font-size: 1.15rem;
    padding: 1rem;
    margin-bottom: 1.5rem;
    border: 1px solid #ccc;
    width:100%
}
.info select{color:#ccc;background:#fff}
.info select option{color:#000}
.info textarea{resize:none;height:10rem;font-size: 1.5rem;}
.info .double>*{width:calc(50% - .5rem);}
.info .double{display:flex;justify-content:space-between}
#experience{height:4rem} 
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #ccc;
}
input:-moz-placeholder, textarea:-moz-placeholder {
    color: #ccc;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    color: #ccc;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #ccc;
}
.submit {
    background: #e70310;
    color: #fff;
    border: none;
    padding: 1rem 3rem;
    font-size: 1.25rem;
    cursor:pointer;
}