/*产品系列*/
.tbox{
    padding-top: 100px;
    text-align: center;
    position: relative;
}
.tbox h4{
    font-size: 16px;
}
.tbox h1{
    margin: 15px 0;
    letter-spacing: -3px;
    font-size: 60px;
}
.lines{
    display: inline-block;
    width: 81px;height: 6px;
    background: #ddcdb4;
    z-index: 971238;
    position: relative;
}
.mogu{
    position: absolute;
    left: 0;right: 0;
    margin: auto;
    top: 155px;
}
.listbox{
     background: url(../img/bg.jpg) no-repeat;
     background-size: cover;
     font-size: 0;
     padding: 130px 0 80px;
     margin-top: 140px;
 }
.listbox ul li{
    font-size: 16px;
    border: 1px solid #4b4b4b;
    display: inline-block;
    text-align: center;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    padding: 20px 10px 40px;
    width: 18%;
    margin: 0 1%;
}
.listbox ul li p{
    color: #fff;
    font-size: 18px;
    margin: 15px 0 100px;
}
.listbox ul li a{
    color: #fff;
    text-decoration: underline;
    font-style: italic;
}
.listbox ul li img{
    width: 140px;height: 130px;
}
.ulbox{
    font-size: 0;
}
.ulbox li{
    display: inline-block;
    width: 25%;
    position: relative;
    padding: 0 25% 25% 0;
}
.ulbox li img{
    position: absolute;
    top: 0;left: 0;
    width: 100%;height: 100%;
}
.ulbox li:before{
    content: ' ';
    display: inline-block;
    width: 100%;height: 100%;
    background: #333;
    position: absolute;
    top: 0;right: 0;
    z-index: 978987;
    opacity: 0.5;
}
.ulbox li:hover:before{
    opacity: 0;
}
.section{
    background: url(../img/bg2.jpg) no-repeat;
    background-size: cover;
    padding: 87px 0 120px;
}
.section .boxs h4{
    font-size: 16px;
}
.section .boxs h1{
    margin: 15px 0;
    letter-spacing: -3px;
    font-size: 60px;
}
.section .boxs{
    padding-left: 630px;
    box-sizing: content-box;
    width: 650px;
}
.section .boxs p{
    font-size: 16px;
    color: #333;
    line-height: 20px;
}
.section .boxs .lines{
    margin-bottom: 40px;
}
.section .boxs a{
    border: 1px solid #a69478;
    text-align: center;
    display: inline-block;
    color: #a69478;
    font-size: 12px;
    padding: 15px 40px;
    margin-top: 30px;
}
.sec2 h4{
    font-size: 16px;
}
.sec2 h1{
    margin: 15px 0;
    letter-spacing: -3px;
    font-size: 60px;
    text-align: center;
}
.sec2{
    text-align: center;
    background: url(../img/bg3.jpg) no-repeat;
    background-size: cover;
    padding: 120px 0 222px;
}
.sec2 ul{
    padding-top: 50px;
}
.sec2 li{
    display: inline-block;
    width: 30%;
    background: #fff;
    border: 2px solid #9a9a9a;
    text-align: center;
    padding: 50px 30px 30px;
    margin: 1.2%;
}
.sec2 li a{
    text-decoration: underline;
    margin-top: 15px;
    font-size: 12px;
}
.sec2 li p{
    text-align: left;
    font-size: 14px;
    color: #222;
    line-height: 20px;
}
.sec2 li h3{
    font-size: 24px;
    margin: 15px 0 30px;
}
/*关于我们*/
.wm{width: 100%;padding: 5% 0;}
.wm-l{width: 50%;opacity: 0;transition: all 1s;}
.wm-l embed{width: 100%;height: 550px;}
.wm-r{width: 48%; padding:3%;margin-left: 2%;position: relative;transition: all 1s;transform:translate(120px,0);}
.t-a{font-size:50px;color: #434240;}
.t-b{font-size:16px;color: #434240;padding: 5% 2%;}
.text-a span{margin-left: 20px;}
.text-3{padding:6% 0;line-height: 22px;font-size: 14px;color: #90908f;height: 200px;overflow: hidden}
.btn{width: 24%;background-color: #7b7b7b;text-align: center;}
.btn a{line-height: 40px;text-align: center;color: white;font-size: 14px;}

/*EXPLORE*/
.jm{width: 90%;}
.jm-a{width: 100%;position: relative;z-index: 2;}
.jm-a img{width: 100%;}
.jm-b{width:34%;position: absolute;z-index: 58;color: white;padding-left: 10%;margin-top: -12%;transition: all 0.8s;transform:translate(-120px);}
.jm-b h2{font-size: 30px;color: #414141;font-family: 'simsun';font-weight:bold;margin-bottom: 30px;}
.jm-b span{font-size: 13px;line-height: 20px;color: #545454;}
.jm-c{width:50%;line-height:40px;border: 1px solid #434240;text-align: center;margin-top: 50%;}
.jm-c:hover{background-color:#b29145;border: none; }
.jm-c:hover a{color: #eee;}
.jm-d{width:48%;position: absolute;z-index: 58;color: white;margin-left: 36%;margin-top: -16%;transition: all 0.8s;transform:translate(0,-120px);}
.li-b{width: calc(100%/3);padding: 0.5%;transition: all 3s;}
.li-b img{width: 100%;}
/*.li-b:hover img{transform: scale(1.1);}*/
.jm-x{position: relative; overflow: hidden;}
.jm-y{width: 100%;height: 100%; position: absolute;background-color: rgba(0,0,0,0.7);opacity: 1; left: -100%; top: 0; transition: ease all 0.4s;}
.jm-y-a{position: absolute;line-height: 30px;width:50%;border: 1px solid white;color: white;text-align: center;margin:32% 26%;}
.jm-y-a a{color: white;}
.li-b:hover .jm-y{opacity: 1; left: 0;transition: all 0.3s;}
/*新闻资讯*/
.xw{width: 100%;margin-top: 37%;padding-bottom:70px;}
.xw-text {width: 80%;margin:0 auto;}
.xw .xw-a h2 {font-size:28px;color: #333333;margin-bottom:15px;}
.xw .xw-a p {color:#999999;font-size:13px;margin-bottom:45px;}
.xw .xw-text .news_pic {margin-bottom:25px;}
.xw .xw-text .news_title {font-size:15px;color:#333333;font-weight: bold;}
.xw .xw-text .news_de {font-size:13px;color:#999999;line-height:2;margin-top:10px;}
.xw .xw-text .news_time {font-size:12px;color:#000000;margin-top:10px;}
/*合作单位*/
.hz{width: 100%;padding:60px 0 55px;background: #f3f3f3;}
.hz .hz-a {width:80%;margin:0 auto;}
.hz .hz-a ul li {display:inline-block;width: calc(100%/6);padding-right:0.5%;}

/*在线留言*/
.zx {width: 100%;padding:28px 0 45px;background: #fafafa;font-size:0;}
.zx .zx-a {width:80%;margin:0 auto;}
.zx .zx-a .zx-l {width: 60%;padding-left:10%;}
.zx .zx-a .zx-r {width:40%;}
.zx .zx-a .zx-r .em {
    font-size:14px;
    padding-left:15px;
    width: 197px;
    height: 52px;
    border:1px solid #dddddd;

}
.zx .zx-a .zx-r .em.em2 {
    border-left:none;
    border-right:none;
}
.zx .zx-a .zx-r .submit {
    width: 66px;
    height: 52px;
    position: absolute;
    border:none;
    background: url(../img/btnico.jpg) no-repeat;
}












@media screen and (max-width:1366px){
    .li-a{padding: 5% 0;}
    .li-a p{line-height: 20px;}
    .zz{line-height: 86px;}
    .jj-b{padding: 2%!important;}
    .zs-j{padding: 2%;}
    .zs-d{padding:3%!important;}
    .zs-x{padding: -1% 4%;}
    .pro-y{padding:2% 4%;}
    .x-w-c .img-3{height: 230px;}

    .gy-c{padding:50px;}
    .tc-c{padding:50px;}
    .wj-c{padding:50px;}
    .my-c{padding:50px;}
    .wy-c{padding:50px;}

    .gy-e{padding: 60px 50px;}
    .tc-e{padding: 60px 50px;}
    .wj-e{padding: 60px 50px;}
    .my-e{padding: 60px 50px;}
    .wy-e{padding: 60px 50px;}

    .gy-h{padding: 110px 140px;}
    .tc-h{padding: 110px 140px;}
    .wj-h{padding: 110px 140px;}
    .my-h{padding: 110px 140px;}
    .wy-h{padding: 110px 140px;}

}
@media screen and (max-width:1440px){
    .li-a{padding:4.8% 0;}
    .zs-d{padding:10% 0% 2% 4%!important;}
    .li-a p{line-height: 19px;}
    .jj-b{padding: 2%!important;}
    .zs-j{padding: 3%;}
    .zs-x{padding: 6.8% 4%;}
    .zs-g{width: 54%;}
    .pro-y{padding:2% 4%;}

    .gy-c{padding:50px;}
    .tc-c{padding:50px;}
    .wj-c{padding:50px;}
    .my-c{padding:50px;}
    .wy-c{padding:50px;}

    .gy-e{padding: 60px 50px;}
    .tc-e{padding: 60px 50px;}
    .wj-e{padding: 60px 50px;}
    .my-e{padding: 60px 50px;}
    .wy-e{padding: 60px 50px;}

    .gy-h{padding: 110px 180px!important;}
    .tc-h{padding: 110px 180px!important;}
    .wj-h{padding: 110px 180px!important;}
    .my-h{padding: 110px 180px!important;}
    .wy-h{padding: 110px 180px!important;}
}
@media screen and (max-width:1600px){
    .li-a{padding:4.6% 0;}
    .li-a p{line-height: 19px;}
    .jj-b{padding: 4%;}
    .x-w-c .img-3{height: 300px;}
    .zs-d{padding:10% 4% 0% 4%;}
    .zs-x{padding: 7% 4%;}
    .gy-h{padding: 140px 240px;}
    .tc-h{padding: 140px 240px;}
    .wj-h{padding: 140px 240px;}
    .my-h{padding: 140px 240px;}
    .wy-h{padding: 140px 240px;}
}