@charset "UTF-8";

.pro_main_box{background:#fff;  }
.propic_show_left{position: relative;}
.propic_show_piclist{height: 102px;float:left;position: absolute; top:350px; left:0; display:block !important }

.propic_show_piclist ul{width:875px;position:relative;top:225px;left:15%; overflow: hidden; right:0; margin:0 auto;height: auto !important;}
.propic_show_piclist li{width:162px;height:123px;border:2px solid #eee;cursor: pointer;overflow:hidden; float:left;margin-bottom: 15px;background:#fff;}
.propic_show_piclist li+li{margin-left:16px;}
.propic_show_piclist.on_bottom .propic_show_list li+li{transition:500ms;}
.propic_show_piclist li.cur{border-color:#014bae;}
.propic_show_piclist li:nth-of-type(6n){ margin-left:0;}
.propic_show_piclist li:nth-of-type(11n){ margin-left:0; margin-right:16px;}
.propic_show_piclist li img{width:158px;transition:500ms;}
.propic_show_piclist li img:hover{transform:scale(1.1);transition:500ms;}
.propic_show_piclist.on_bottom .propic_show_btn_bottom{height:15px;background-color:#ea5b2d;margin-top:5px;transition:500ms; display:none;}
.propic_img{width:600px;height:450px;margin:0 auto;position: relative;}
.propic_le{left:-90px;background:url(../images/20230217155402_1744346097.png);}
.propic_ri{right:-90px;background:url(../images/20230217155402_1435720530.png);}
.propic_img img{width:600px;transition:500ms;}
.propic_img img:hover{transform:scale(1.15);transition:500ms;}
.propic_img>div{width:38px;height:103px;position:absolute;top:0%;margin-top:173px;cursor: pointer;}
.propic_show_right{display:block;text-align:center; font-size:18px;position: relative; z-index: 2; margin:0 auto; line-height: 64px;}
.propic_show_right br{display:none;}
.propic_show_right .propic_desc{height:56px;margin-top:20px;overflow:hidden;}
.propic_show_right .propic_desc strong{font-weight:bold;}
.pro_detail_title,.detail_title{/*display:none;*/}

.psh_box{display:none;}
.propic_show_list{display:block;}
.pcontent_title_h4{display:none;}
.MagicZoomPup{ height:195px !important;top:0 !important;width:260px !importan; border:none !important;}

/*手动添加案例图片*/.xn_ba_banner{width: 880px;height: 857px !important;padding: 40px;position: relative;overflow: hidden;background:#fff;margin: 0 auto;}
.banner2{position: absolute;top: 0;left: 0;width:880px;height: 830px;right: 0;margin: 0 auto;}
.focus{position: absolute;width: 600px;height: 450px;left: 0;right: 0;margin: 0 auto;top:40px;display: none;}
.focus img{width:600px;transition:500ms;}
.focus img:hover{transform:scale(1.15);transition:500ms;}
.logo-c{width: 100%;height: 100%;position: relative;z-index: 10;border-top: 1px solid transparent;display: none;}
.logo-img{display: block;width: 330px;position: absolute;left: 50%;margin-left: -163px;top: 20%;animation:nav_logo 5s 1;-moz-animation:nav_logo 5s 1;-ms-animation:nav_logo 5s 1;-o-animation:nav_logo 5s 1;-webkit-animation:nav_logo 5s 1;}
.logo-img>img{display: block;margin: 10px auto 0;width: 150px;}
.logo-img>h1{display:block;width: 100%;text-align: center;color: #fff;font: 25px/45px "Microsoft YaHei";}
.slogan{text-align: center;font-size: 32px;top: 39%;position: absolute;width: 1000px;left: 50%;margin-left: -500px;color:#f6f6f6;}
.slogan span{display:block;}
.slogan>p{font-size: 20px;line-height: 40px;margin: 20px 0;}
.slogan2{margin-bottom:10px;font-size: 12px;opacity:0.6;text-transform:uppercase;}
.handle{position: relative;width:720px;margin: 0 auto;bottom:0;text-align: left;font-size: 0;z-index: 10;overflow: hidden;}
.handle-item{display: inline-block;padding: 2px;margin:7px 7px;position: relative;z-index: 999;border: 2px solid #eee;}
.handle-item:hover, .handle-item.on{border: 2px solid #014bae;}
.han_btn{width:800px;position: absolute;cursor: pointer;top:190px;left: 40px;z-index: 9999;}
.han_btn>div{width:44px;height:168px;}
.hb_le{float:left;background:url(../images/20230217155402_1744346097.png) no-repeat center;}
.hb_ri{float:right;background:url(./images/20230217155402_1435720530.png) no-repeat center;}
.handle img{width: 158px;}
.focus_all{position: relative;height: 492px;}