.container{width: 100%;}
/**/
/*content*/
/*banner*/

.b-fff{background: #fff;}
.cont-1 ul{text-align: center;padding: 50px 0;}
.cont-1 ul li{width: 25%;float: left;}
.cont-1 ul li:hover .cont-cir{-webkit-transform: rotateY(180deg);  transform: rotateY(180deg);}
.cont-1 ul li .cont-cir{background: #d4ae68;width: 104px;height: 104px;border-radius: 50%;margin:0 auto 17px;transition: .6s;-webkit-transition: .6s;outline: 1px solid transparent;}
.cont-1 ul li .cont-cir img{width: 100%;height: 100%;}

.cont-1 ul li .cont-ti{font-size:18px; margin-bottom: 8px;color: #2d2b29;}
.cont-1 ul li .cont-intro{font-size:14px; line-height: 24px;color: #949494;}

.b-gray{background: #f5f5f5;}
.us_title{text-align: center;padding: 48px 0 20px;}
.us_title .us_t{font-size: 32px;color: #d4ae68;line-height: 52px;}
.lineXbox{overflow: hidden;}
.us_title .lineX{font-size: 20px;color: #bebebe;margin: 0 auto; width: 157px;padding:5px 0;background: url("../images/lineX.png") no-repeat 100% ;position: relative;}
.us_title .lineX:before{position: absolute;content: '';  display: block;width: 1000px;border-top:1px solid #dedede;right:157px;top:20px;  }
.us_title .lineX:after{position: absolute;content: '';  display: block;width: 1000px;border-top:1px solid #dedede;left:157px;top:20px;  }
.us_about{color: #5c5c5c;font-size: 15px;text-align: center;line-height: 30px;padding-bottom: 18px;}
.us_img {padding-bottom: 50px; }
.us_img img{width: 100%;height:180px; }

.cont-3{padding: 54px 0;}
.caseTitle {color: #bebebe;font-size: 20px;font-weight: normal;margin-bottom: 27px;}
.caseTitle span{color: #2d2b29;font-size: 32px;margin-right: 12px;}
/*case*/
.case_l{width: 794px;float: left;}
.oSlide {width: 100%;overflow: hidden;position: relative;}
.slideColorBg {position: absolute;width: 100%;height: 500px;display: none;top: 0;left: 0;z-index: 0;}
.oSlide .hot-wrap {left: 50%;margin-left: -500px;top: 148px;}
.oSlide-P { width: 100%;height: auto; position: relative; margin: 0 auto;z-index: 1;}
.oSlide-P ul{position:relative;height: 430px;}
.oSlide-P ul li{ width: 100%; height: 430px; position:absolute; top:0; left:0; display:none}
.oSlide-P ul li.on{display:block;}
.oSlide-P ul li img{width: 100%;height: 100%;}
.oSlide-P ul li .oIntro{width: 100%;height:50px;line-height: 50px; background: rgba(0,0,0,0.5);position: absolute;bottom:0;display: block;position: absolute;
padding-left: 22px;font-size: 16px;color: #fff;  }
.oSlide-P ul li .oIntro:hover{color: #d4ae68;}
.oSlide-P ul li .oIntro i{display: inline-block;width:9px ;height:9px;background: #d4ae68;margin-right: 8px;vert-align: middle; }
.oSlide-P span.oSbtn{ height:52px;line-height:52px;display: block;text-align: center;margin-right: -5px;}
.oSlide-P span.oSbtn a{display:inline-block;background:#f1f1f1;margin-right:1px;color:#2d2b29;font-size:18px;width: 158px;float: left;}
.oSlide-P span.oSbtn a.on,.oSlide-P span.oSbtn a:hover{ background:#d4ae68;color:#fff;text-decoration: none;}
.oSlide-P span.oSbtn a.on {cursor: pointer;}

.case_r{width: 386px;float: right;}
.newsCenter{height:141px;background: #d4ae68;padding: 38px 0 48px 25px;color: #fff; }
.newsTitle span{font-size: 22px;margin-right: 12px;}
.newsTitle {  color: #fff;  font-size: 20px;  font-weight: normal;  margin-bottom: 16px;  }
.newsCenter .newsLine{width: 98px;height:3px;background: #fff;  }
.f_partner{border:1px solid #dbdbdb;border-width:0 1px 1px 1px ;padding-top: 10px; height: 341px;}
.newsList{overflow: hidden; }
.newsList li{line-height: 50px;width: 360px;margin: 0 auto;border-bottom:1px dashed #dbdbdb;}
.newsList li a{color: #666666;font-size: 14px;}
.newsList li a:hover{color: #d4ae68;}
.newsList li .title{  overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;width: 197px;float: left;}
.newsList li .time{float: right;}
.f_partner{overflow: hidden;position: relative;}

.service{width: 100%;height:157px;background:#c6ac7c url("../images/service.jpg") no-repeat center; }
.service .serContent{position: relative;padding:52px 0 0 60px;color:#fff; }
.service .serContent p{font-size: 13px;}
.service .serContent h3{font-size: 28px; }
.service .serContent .ask{width: 142px;height: 42px;position: absolute;border:none;background: #fff;color: #2d2b29;font-size: 20px;right: 72px;top:64px;cursor: pointer;}
.service .serContent .ask:hover{color:#d4ae68;}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
.animate {    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;}
    
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


/**/