/*(c) Copyright 2018 reenoo-大芒果. All Rights Reserved.
 * chuck_home@163.com
 * 2018-10-22
 */




@keyframes xie_s{
    0%{
        opacity:1;
    }
    50%{
        opacity:0.75;
    }
    100%{
        opacity:1;
    }
}

body,ul,p,h3{
    margin: 0;
    padding: 0
}
body{
    font: 14px/24px "微软雅黑", "Microsoft YaHei", arial, sans-serif, \5b8b\4f53;
    color: #333;
    outline: 0;
    border-radius: 0;
    border: none
}

a {
    color: inherit;
    text-decoration: none
}

.auto {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    margin-top:50px;
}

* {
    box-sizing: border-box
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}


li {
    list-style: none
}

body{
    background: url(../image/body_bg.jpg) no-repeat center;
    background-size: 100% 100%;
    background-attachment: fixed;
}

.w1260{width:1260px;margin:0 auto;position:relative;}

.pro_contont{width:100%;/*background:#fbf8f1;*/overflow:hidden;}
.pro_contont .case_rec{width:100%;height:457px;background:url(../image/product_bg2.jpg) no-repeat;overflow:hidden;}
.pro_contont .case_rec .box{margin-top:80px;}
.pro_contont .case_rec .box .rec{float:left;position:relative;}
.pro_contont .case_rec .box .rec .prev{position:absolute;display:block;width: 60px;height: 60px;top:50%;right:0;margin-top: -30px;background: url(../image/r.png) no-repeat center;background-color: rgba(0,0,0,.4);opacity:0;}
.pro_contont .case_rec .box .rec .next{position:absolute;display:block;width: 60px;height: 60px;top:50%;left:0;margin-top: -30px;background: url(../image/l.png) no-repeat center;background-color: rgba(0,0,0,.4);opacity:0;}
.pro_contont .case_rec .box .rec:hover a{opacity:1;transition-duration:1s;}
.pro_contont .case_rec .box .rec li img:hover{-webkit-animation-name:xie_s;animation-name:xie_s;animation-duration:0.7s;}

.pro_contont .case_rec .box .right{float:right;width:630px;height:370px;background:#fff;padding:0 40px;padding-top:30px;position:relative;}
.pro_contont .case_rec .box .right .tit{
    font-size:24px;color:#0867ce;margin: 0;
}

.pro_contont .case_rec .box .right .top_list li{padding-bottom:20px;padding-top:20px;border-bottom:2px dashed #ececec;}
.pro_contont .case_rec .box .right .top_list li .deta{float:left;color:#c0a988;font-size:24px;font-family: 'Rubik-Regular';}
.pro_contont .case_rec .box .right .top_list li .info{width:420px;float:right;}
.pro_contont .case_rec .box .right .top_list li .info h3{color:#58585e;font-size:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.pro_contont .case_rec .box .right .top_list li .info h3:hover{color:#d1ad6f;}
.pro_contont .case_rec .box .right .top_list li .info p{color:#535353;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top:5px;}
.pro_contont .case_rec .box .right .rec_news .hd{position:absolute;top:29px;right:50px;text-align:center;}
.pro_contont .case_rec .box .right .rec_news .hd li{width:10px;height:10px;background:#c1c1c1;display:inline-block;margin:0 3px;border-radius:50%;cursor:pointer;}
.pro_contont .case_rec .box .right .rec_news .hd li.on{background:#d1ad6f;}

.pro_contont .con_head{margin-top:57px;}
.pro_contont .con_head .left{height:60px;float:left;line-height:60px;}
.pro_contont .con_head .left .ser_btn{width:108px;display:inline-block;height:60px;line-height:60px;color:#17181a;margin-right:20px;}
.pro_contont .con_head .left .ser_btn img{float:left;margin-top:18px;}
.pro_contont .con_head .left .ser_btn span{float:left;margin-left:5px;}
.pro_contont .con_head .option{width:160px;height:57px;background:#f5f3ee;line-height:57px;border:1px solid #e1dbd2;display:inline-block;margin-right:10px;cursor:pointer;position:relative;}
.pro_contont .con_head .option .list{width:160px;position:absolute;left:-1px;background:#fff;display:none;max-height:160px;overflow-y:scroll;z-index:1;}
.pro_contont .con_head .option .list li{width:100%;height:40px;text-align:left;padding-left:10px;line-height:40px; background:#f3efe7;margin-bottom:1px;font-size:14px;color:#666666;padding-left: 22px;}
.pro_contont .con_head .option .list li:hover{color: #fff;background: #d1ad6f;}

.pro_contont .con_head .option span{float:left;color:#676767;font-size:15px;margin-left:22px;}
.pro_contont .con_head .option img{float:right;margin-top:24px;margin-right:16px;}
.pro_contont .con_head .right{float:right;height:60px;line-height:60px;}
.pro_contont .con_head .right em{font-size:15px;color:#676767;}
.pro_contont .con_head .right .box{float:right;}
.pro_contont .con_head .right .box .btn1{width:123px;height:60px;display:inline-block;background:#0057c1;cursor:pointer;transition: all .8s;}
.pro_contont .con_head .right .box .btn1:hover{background:#ff9f22;color:#fff;}
.pro_contont .con_head .right .box .btn1 em{font-size:16px;color:#fff;opacity:0.7;margin-left:29px;}
.pro_contont .con_head .right .box .btn2{width:147px;height:60px;display:inline-block;background:#d6a83f;cursor:pointer;transition: all .8s;}
.pro_contont .con_head .right .box .btn2.on{background:#ff9f00;}
.pro_contont .con_head .right .box .btn2:hover{background:#ff9f00;}
.pro_contont .con_head .right .box .btn2 img{float:left;margin-left:17px;margin-top:15px;}
.pro_contont .con_head .right .box .btn2 em{font-size:16px;color:#fff;opacity:0.7;margin-left:10px;}

.pro_contont .case_list{width:1290px;margin:0 auto;padding-bottom:80px;position:relative;}
.pro_contont .case_list.on{height:946px;}
.pro_contont .case_list ul li{width:397px;display:inline-block;margin:0 15px;margin-top:30px;}
.pro_contont .case_list ul li img{width:100%;height:220px;}
.pro_contont .case_list ul li:hover img{-webkit-animation-name:xie_s;animation-name:xie_s;animation-duration:0.7s;}
.pro_contont .case_list ul li .address{width:399px;height:75px;padding-left:30px;padding-top:25px;background:#fff;}
.pro_contont .case_list ul li .address h3{
    font-size:18px;color:#0867ce;margin-bottom:10px;margin-top: 0px;
}
.pro_contont .case_list ul li .address p{
    font-size:14px;color:#9d9b98;margin: 0;
}
.pro_contont .case_list ul li .address p em{font-size:18px;color:#d6a83f;font-family: 'Rubik-Regular';}
.pro_addmoren{
    float:right;
    display:inline-block;
    width:400px;height:62px;
    background:#0052ac;margin-right:15px;margin-top:30px;
    line-height:62px;box-sizing:border-box;padding-right:35px;
    color:#fff;font-size:18px;transition: all .3s;
}
.pro_addmoren .addmoren{width:63px;height:62px;float:right;margin-right:20px;background:url(../image/pro_addmoren.png) no-repeat;transition: all .8s;margin-top:3px;}
.pro_addmoren em{float:right;}
.pro_addmoren:hover{background:#d1ad6e;}
.pro_addmoren:hover .addmoren{background:url(../image/pro_addmoren_on.png) no-repeat;}
.pro_addmoren:hover em{
    color: #fff;
}



/** 图册样式  start ***************************************************/
.pro_contont .case_rec .box .left_images h2{
    font-weight: normal;
    margin-bottom: 19px;
    margin-top: 12px;
    line-height: 26px;
    letter-spacing: 4px;
    font-size: 24px;
    color: #a6a3aa;
    text-align: left;
}
.pro_contont .case_rec .box .left_images .rubik{
    font-family: 'Rubik-Regular';
}
.pro_contont .case_rec .box .left_images .en{
    margin-bottom: 0px;
    font-size: 22px;
    line-height: 26px;
    color: #504a5a;
    letter-spacing: -1px;
    opacity: .5;
    filter: alpha(opacity=50);
    text-transform: uppercase;
}
.pro_contont .case_rec .box .left_images .cn{
    margin-bottom: 3px;
    font-size: 20px;
    line-height: 26px;
    color: #9d8068;
    letter-spacing: 8px;
    opacity: .6;
    filter: alpha(opacity=60);
}
.pro_contont .case_rec .box .left_images .since {
    font-size: 24px;
    line-height: 26px;
    color: #d1ad6f;
    opacity: .6;
    filter: alpha(opacity=60);
}
.pro_contont .case_rec .box .left_images .round1 {
    position: absolute;
    top: 285px;
    left: -130px;
    z-index: 1;
}
.pro_contont .case_rec .box .left_images .round2 {
    position: absolute;
    top: 212px;
    left: -86px;
    z-index: 2;
}
.pro_contont .case_rec .box .left_images .line1 {
    position: absolute;
    top: 209px;
    left: -388px;
    z-index: 0;
    max-width: none;
    pointer-events: none;
}

.pro_contont .case_rec .box .images{
    background:none;
    width: 790px;padding: 0;height: auto;
    position: relative;

}
.pro_contont .case_rec .box .images .images-cont{
    width: 215px;
    position: absolute;
    top: 101px;
    right: 120px;
}
.pro_contont .case_rec .box .images a{
    position: absolute;
    bottom: 71px;
    right: 167px;
    color: #896a41;
    display: block;
    margin-top: 24px;
    padding-left: 24px;
    width: 163px;
    height: 56px;
    line-height: 56px;
    font-size: 15px;
    /* color: #00b1b0; */
    border-radius: 28px;
    background-repeat: no-repeat;
    background-image: url(../image/icon4.png);
    background-color: #e6d9bd;
    background-position: 108px center;
    transition: all .5s;
}
.pro_contont .case_rec .box .images a:hover{color: #fff;background-color:#d1ad6f;}
.pro_contont .case_rec .box .images .images-cont h3{
    font-size: 60px;
    color: #069BFF;
    font-weight: normal;
    font-family: 'Rubik-Regular';
    line-height: 51px;
    text-transform: uppercase;
}
.pro_contont .case_rec .box .images .images-cont p{
    font-size: 22.94px;
    color: #59BFFF;
    margin-top: 6px;
}
.pro_contont .case_rec .box .images .images-cont h4{
    font-size: 66px;
    color: #069BFF;
    font-weight: normal;
    font-family: 'Rubik-Regular';
    margin-top: 23px;
}

.zxyd{
    position: absolute;
    bottom:160px;
    right: 117px;
    color: #896a41;
    display: none;
    margin-top: 24px;
    padding-left: 24px;
    width: 163px;
    height: 56px;
    line-height: 56px;
    font-size: 15px;
    /* color: #00b1b0; */
    border-radius: 28px;
    background-repeat: no-repeat;
    background-image: url(../image/icon4.png);
    background-color: #e6d9bd;
    background-position: 108px center;
    transition: all .5s;
}
.case_list ul li a:hover .zxyd{
    display: block;
    transition: all .5s;
}

/** 图册样式 end*************************************************/



/** 视频样式  start ***************************************************/
.pro_contont .case_rec .box .video{
    background:none;
    width: 790px;padding: 0;height: auto;
    position: relative;
    
}
.pro_contont .case_rec .box .video .video-cont{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 85px;
    padding-left: 35px;

}
.pro_contont .case_rec .box .video .video-cont .en{
    font-size: 40px;
    color: #999999;
    font-family: 'Rubik-Regular';
    line-height: 36px;
    text-transform: uppercase;
}
.pro_contont .case_rec .box .video .video-cont .cn{
    margin-top: 15px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #757378;
}
.case_list li{
    position: relative;
}
.case_list .text{
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 100px;
    width: 100%;
    /* height: 100%; */
    box-sizing: border-radius;
    transition: all .5s;
}
.case_list .text .play{
    display: block;
    margin: 0 auto 15px;
    width: 45px;
    height: 45px;
    background: url(../image/playBtn_white.png);
}
.case_list li:hover .play{background-image: url(../image/playBtn_yellow.png);}



/** 视频样式 end*************************************************/