@charset "utf-8";
/* CSS Document */
.proShowBox1{height: ;border:1px solid #d8d8d8;overflow:hidden;margin-bottom:50px;}
.proShow_pic{width: 43%;height: ;border-right:1px solid #d8d8d8;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:310px;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
/*--*/
.spec-preview{width: 50%;height:360px;display: table-cell;vertical-align: middle;border-bottom:1px solid #d8d8d8;}
.spec-scroll,.spec-scroll .items{width:100%;height:104px;overflow:hidden;position:relative;}
.spec-scroll .items ul{position:absolute;height:104px;}
.spec-scroll .items li{width:25%;float:left;border-right:1px solid #d8d8d8;text-align:center;position:relative;z-index:2;padding:2px 0; height:100%;}
.spec-scroll .items li:after{content:"";position:absolute;left:0;top:0;border:1px solid transparent;width:100%;height:98%;z-index:-1;}
.spec-scroll .items li img{width:120px;height:auto;cursor:pointer; margin-top:8px; margin-bottom:8px}
.spec-scroll .items li.on:after{border-color: #28166a;}
.spec-scroll .btn{position:absolute;left:0;top:0;width:30px;color:#fff;background:rgba(0,0,0,.6);height:104px;text-align:center;line-height:104px;font-family:"宋体";font-size:30px;font-weight:bold;z-index:3;cursor:pointer;display:none;}
.spec-scroll .next{left:auto;right:0;}
.spec-scroll:hover .btn{display:block;}
.spec-scroll .btn:hover{background:rgba(0,0,0,.8);}
/*--*/
.pshow{width: 75%;float: right;}
.proShow_font{width: 57%;padding: 20px;height: 400px;position:relative;}
.proShow_font:after{content:"";position:absolute;left:0;top: 275px;height:1px;background:#d8d8d8;width:100%;}
.proShow_font .title{font-size:1.5rem;color:#333;m: 5px;margin-bottom: 5px;ont-weight:normal;line-height: 40px;}
.proShow_font span{font-size:14px;display:block;padding-top:10px;margin-bottom: 25px;}
.proShow_font .txt{/* height: 250px; */margin-bottom:-20px;font-size: 14px;line-height: 32px;}
.proShow_font .left{width:270px;margin-top: 70px;}
.proShow_font .left p{margin-bottom:35px;background: url('../../images/show_icon1.png') no-repeat left 3px;padding-left:25px;}
.proShow_font .left p span{font-size:28px;color: #1e509b;font-family:Arial;font-weight:bold;line-height:30px;display:block;margin-left:-25px;}
.proShow_font .left .zx{display:block;height:60px;line-height:60px;background: #1e509b;color:#fff;text-align:center;font-size:18px;border-radius:5px; margin-top:-15px}
.proShow_font .left .zx:hover{background:#28166a;}
.proShow_font .right{width: 280px;line-height: 36px;margin-top: 70px;}
.proShow_font .right p{background: url('../../images/show_icon2.png') no-repeat left center;padding-left:25px;/* font-size: 14px; */}
.proShow_font .right .p2{background: url('../../images/show_icon3.png') no-repeat left center;margin-bottom:35px;}
.bshare-custom span{display:block;margin-bottom:10px;}

@media all and (max-width:1025px) {

.pshow {width: 100%;float: none;}
.proShow_pic {width: 100%;}
.proShow_font {width: 100%;padding: 20px;height: 300px;}
.proShow_font .title {font-size: 1.4rem;}
.gr-tab-list .hd li {padding: 0 12px;}
.proShow_font span {margin-bottom: 10px;}
.jqzoom{width:100%;}
.jqzoom img{width:100%;}
.spec-scroll,.spec-scroll .items{width:100%;height:70px;overflow:hidden;position:relative;}
.spec-scroll .items ul{position:absolute;height:68px; border-bottom:#CCCCCC 1px solid}
.spec-scroll .items li {width: 20%;margin-right: 0px;}
.spec-scroll .items li img {width: 100%;height: auto;padding: 1px; margin-top:12px; margin-bottom:8px}
.spec-scroll .btn{position:absolute;left:0;top:0;width:0px;color:#fff;background:rgba(0,0,0,.6);height:0px;text-align:center;line-height:0px;font-family:"宋体";font-size:0px;font-weight:bold;z-index:3;cursor:pointer;display:none;}

.spec-scroll .btn000{position:absolute;left:0;top:0;width:30px;color:#fff;background:rgba(0,0,0,.6);height:70px;text-align:center;line-height:70px;font-family:"宋体";font-size:30px;font-weight:bold;z-index:3;cursor:pointer;display:none;}

/*--*/

.proShow_font:after{content:"";position:absolute;left:0;top: 275px;height:0px;background:#d8d8d8;width:100%;}
.showTie h1 {margin-bottom: 10px;}
.showTie .txt span {font-size: 12px;}

.proShow_font .left{width:270px;margin-top: 20px;}
.proShow_font .left p{margin-bottom:25px;background: url('../../images/show_icon1.png') no-repeat left 3px;padding-left:25px;}
.proShow_font .left p span{font-size:1.5rem;color: #1e509b;font-family:Arial;font-weight:bold;line-height:30px;display:block;margin-left:-25px;}

.proShow_font .txt{/* height: 250px; */margin-bottom:-50px;font-size: 14px;line-height: 32px;}

.proShow_font .left .zx{display:block;height:60px;line-height:60px;background: #1e509b;color:#fff;text-align:center;font-size:18px;border-radius:5px; margin-top:-15px}
.proShow_font .left .zx:hover{background:#28166a;}
.proShow_font .right{width: 280px;line-height: 36px;margin-top: 10px; margin-bottom:-20px}
.proShow_font .right p{background: url('../../images/show_icon2.png') no-repeat left center;padding-left:25px;/* font-size: 14px; */}
.proShow_font .right .p2{background: url('../../images/show_icon3.png') no-repeat left center;margin-bottom:035px;}
.bshare-custom span{display:block;margin-bottom:10px;}


.showTie .bshare-custom{display: none;}
.showTie {padding-bottom: 20px;margin-bottom: 20px;}
.showPage {height: 50px;line-height: 50px;}
.picShow_r{display: none;}
/*--*/
.pshow{width: 100%;float: none;}
.listCase {padding-top: 20px;padding-bottom: 20px;}
.proSider {margin-bottom: 20px;}
.solutionIndex li .pic {height: 380px;}
.solutionIndex li .pic, .solutionIndex li .txt, .showPage a, .showPage a:nth-child(2), .solutionSlide, .solutionFont {float: none;width: 100%;}
.solutionIndex li .txt .info {min-height: auto;}

}

@media all and (max-width:20spx) {
.spec-scroll002 .items20 li {width: 25%;margin-right: 0px;}
}
@media all and (max-width:1570px) {

/*--*/
.proShow_font .left {width: 200px;margin-top: 70px;}
.proShow_font .left .zx {height: 50px; line-height:50px; font-size: 16px;}
}
@media all and (max-width:1024px) {
 .proShow_font {float: none;width: 100%;}
 .proShow_font .font{height:auto;}
}