/* ====================== reset ================= */
@font-face {
    font-family: 'HelveticaNeue';
    src: url('http://jdbaoluo.com.cn/fonts/HelveticaNeueLTPro-ThEx.otf');
}
.chanpin_fanhui{display:block;position:absolute;left:0;top:0;}
.chanpin_fanhui span{font-size:14px;display:inline-block;line-height:30px;color:#f5f6f7;}
.display_name{font-family: HelveticaNeue;}
.display_sp2{font-family: '' !important;}
.chanpin_wrap{background:#fff;}
.chanpin_name{margin-top:45px;}
.cpjz_wrap{background: url(../image/cpzs.png) no-repeat left 35px,url(../image/display_bg.png) repeat;margin-top:85px;}
.chanpin_box{position:relative;top:-40px;}
.chanpin_img{position:relative;margin-bottom:50px;}
.chanpin_img:hover .chanpin_opa{background:url(../image/chanpin_opacity.png) repeat;}
.chanpin_box>.left{width:46.3333333%;}
.chanpin_box>.right{width:48.5%;}
.chanpin_img>a{display:block;width:100%}
.cp_pic1>img{width:556px;height:835px;}
.chanpin_opa{position:absolute;left:0;top:0;width:100%;height:100%;}
.chanpin_opa>img{display:block;position:absolute;left:25px;top:50%;margin-top:-58px;}
.chanpin_opa>span{font-size:18px;color:#fff;position:absolute;left:30px;top:50%;margin-top:80px;}
.cp_pic2{margin-bottom:56px;}
.cp_pic2>.chanpin_opa>img{margin-top:-73px;}
.cp_pic2>img{width:582px;height:389px;}
.cp_pic2>.chanpin_opa>span{margin-top:-10px;}
.cp_pic3>img{width:582px;height:389px;}
.cp_pic3>.chanpin_opa>img{display:block;position:absolute;left:68px;top:50%;margin-top:-73px;}
.cp_pic3>.chanpin_opa>span{margin-top:-10px;}
.chanpin_img4>.left{width:47%;}
.chanpin_img4>.right{width:48.5%;}
.cp_pic4>img{width:582px;height:391px;}
.chanpin_img4{width:100%;background:#1f2021;margin:0 auto;position:relative;}
.cp_img_opa{display:block;position:absolute;left:112px;top:50%;margin-top:-106px;}
.cp_img_opa>span{font-size:18px;color:#fff;position:absolute;left:36px;top:50%;margin-top:40px;}
.chanpin_img4:hover .cp_img_opa{background:url(../image/chanpin_opacity.png) repeat;}
.fuwu{border-top: 1px solid #d5d5d5;background:#f5f6f7;}
.service_wrap{background:url(../image/service_bg.png) no-repeat center top;padding-top:14px;padding-bottom:70px;}
.service{border:1px solid #c8b497;position:relative;background:#fff;margin-top:40px;}
.service_pic{width:48%; margin:1%; overflow:hidden; float:left;}
.service_pic:nth-child(2n){ float:right;}
.service_pic>a{display:block;}
.service_pic img{width:100%;height:339px;}
.service_box{width:52.583333333%;position:relative;background:#fff;z-index:9;overflow:hidden;}
.service_sp1{display:block;font-family: 'HelveticaNeue';font-size:12px;color:#c8b497;margin-left:6.3%;margin-top:58px;margin-bottom:6px;}
.service_sp2{display:block;font-size:18px;color:#120c0c;margin-left:6.3%;}
.service_p{color:#666666;font-size:14px;margin-left:6.3%;margin-right:6.8%;line-height:24px;margin-top:28px;}
.service_icon{display:block;position:absolute;top:-15px;font-family: 'HelveticaNeue';font-size:18px;color:#c8b497;text-transform: uppercase;letter-spacing:2px;}
.ser_icon_r{right:30px;}
.ser_icon_l{left:30px;}

@media screen and (min-width:769px) and (max-width:1200px){
    .cp_pic1>img{width:100%;height:auto;}
    .cp_pic2>img{width:100%;height:auto;}
    .cp_pic3>img{width:100%;height:auto;}
    .cp_pic2{margin-bottom: 36px;}
    .cp_pic4>img{width:100%;height:auto;}
    .chanpin_img4{width:95%;}
    .chanpin_fanhui{left:20px;}
    .service_pic img{width:100%;height:auto;}
    .service_sp1{margin-top:10px;}
    .service_p{margin-top: 10px;}
    .m20{margin-left:20px;margin-right:20px;}
}
@media screen and (max-width:768px){
    .cp_pic1>img{width:100%;height:auto;}
    .cp_pic2>img{width:100%;height:auto;}
    .cp_pic3>img{width:100%;height:auto;}
    .cp_pic2{margin-bottom: 36px;}
    .chanpin_img{margin-bottom: 20px;}
    .chanpin_opa>img{width: 180px;height: auto;}
    .chanpin_opa>span{top:45%;}
    .cp_pic4>img{width:100%;height:auto;}
    .chanpin_img4{width:95%;}
    .cp_img_opa>img{width:100%;height:auto;}
    .cp_img_opa{margin-top:-65px;}
    .cp_img_opa>span{margin-top: 20px;}
    .chanpin_fanhui{left:20px;}
    .service_pic img{width:100%;height:auto;}
    .service_sp1{margin-top:10px;}
    .service_p{margin-top: 10px;}
    .m20{margin-left:20px;margin-right:20px;}

}
@media screen and (max-width:640px){
    .chanpin_opa>img{width:100px;height:auto;margin-top: -50px;}
    .cp_pic2>.chanpin_opa>img{margin-top: -33px;}
    .cp_pic3>.chanpin_opa>img{margin-top: -33px;}
    .chanpin_opa>span{top: 35%;font-size:16px;}
    .cp_pic2>.chanpin_opa>span{margin-top: 20px;}
    .cp_pic3>.chanpin_opa>span{margin-top: 17px;}
    .cp_img_opa>span{font-size:16px;}
    .cp_pic2{ margin-bottom: 27px;}
    .cp_img_opa{left:9.3333333%}
}
@media screen and (max-width:420px){
    .cp_pic2{margin-bottom:0px;}
    .chanpin_img{ margin-bottom: 18px;}
    .cp_pic2>.chanpin_opa>span{margin-top: 10px;}
    .cp_pic3>.chanpin_opa>span{margin-top: 10px;}
    .cp_img_opa{margin-top: -35px;}
    .cp_img_opa>span{margin-top: 7px;}
    .chanpin_opa>img{width: 70px;height: auto;}
    .chanpin_opa>span{top: 20%;font-size: 14px;}
    .cp_pic2>.chanpin_opa>span{top:60%}
    .cp_pic3>.chanpin_opa>span{top:60%}
    .cp_img_opa>span{font-size: 14px;}
    .service_icon{font-size:14px;top:-12px;}
    .service_p{text-overflow: ellipsis;white-space: nowrap;}
    .service_p span{text-overflow: ellipsis;white-space: nowrap !important;}
    .ser_icon_r{right:10px;}
    .ser_icon_l{left:10px;}
    .service_wrap{padding-top:0px;}
}
@media screen and (max-width:320px){
    .chanpin_opa>span>img{width:28px;height:auto;}
    .chanpin_opa>img{display:none !important;}
    .chanpin_opa>span{top:50% !important;margin-top:-9px !important;}

}