.protit { width:1400px; background:#fff; float:left; text-align:left; padding:15px 20px; box-sizing:border-box; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,0.05);transition:all 0.3s ease; margin:20px 0 0 0;}
.protit:hover { box-shadow:0 4px 16px rgba(0,0,0,0.1); }
.protit .protit-label { float:left; font-size:16px; color:#333; margin-right:10px; line-height:1.5; }
.protit .protit-tag { float:left; background:#ff5722; color:#fff; padding:2px 8px; border-radius:4px; font-size:11px; margin:2px 10px 0 0; line-height:1.5; }
.protit .protit-text { float:left; font-size:16px; color:#333; line-height:1.5; }
		
.proinf { width:1400px; background:#f5f7fa; border-radius:12px; overflow:hidden; float:left; text-align:left; box-sizing:border-box; padding:20px 20px 0 20px; margin:20px 0 0 0;background-color:#fff;}
.proinf .proinf-top { width:100%; float:left; margin-bottom:20px; }
.proinf .proinf-top .proinf-left { width:620px; float:left; }
.proinf .proinf-top .proinf-left .proinf-img { width:calc(100% - 20px); float:left; background:#0a1633; border-radius:8px; height:325px;overflow:hidden;}
.proinf .proinf-top .proinf-left .proinf-img .protp{width:100%;}
.proinf .proinf-top .proinf-left1{width:345px !important;}
.proinf .proinf-top .proinf-right { width:calc(100% - 620px); float:right; }
.proinf .proinf-top .proinf-right1{width:calc(100% - 345px) !important;}
.proinf .proinf-top .proinf-right .proinf-price { width:100%; float:left; background:#fff3e0; border-radius:8px; padding:20px; box-sizing:border-box; margin-bottom:19px; }
.proinf .proinf-top .proinf-right .proinf-price .price-main { float:left; font-size:25px; color:#ff5722; font-weight:bold; }
.proinf .proinf-top .proinf-right .proinf-price .price-server { float:right; font-size:14px; color:#666; margin:10px 0 0 0; }
.proinf .proinf-top .proinf-right .proinf-price .price-tip {clear:both;float:left; margin-top:10px; }
.proinf .proinf-top .proinf-right .proinf-price .price-tip img{height:22px;border-radius:3px;}
.proinf .proinf-top .proinf-right .proinf-info-list { width:100%; float:left; }
.proinf .proinf-top .proinf-right .proinf-info-list .info-item { width:24%; float:left; background:#f8f8f8; border-radius:8px; height:47px;padding:14px 0 0 0; margin:0.5%; text-align:center; font-size:12px; color:#333; }
.proinf .proinf-bottom { width:100%; float:left; background:#fff; border-radius:8px; height:83px; border-top:#ededed solid 1px;}
.proinf .proinf-bottom .proinf-actions-left { float:left; line-height:83px; font-size:12px; color:#666; }
.proinf .proinf-bottom .proinf-actions-right { float:right; margin:18px 0 0 0;}
.proinf .proinf-bottom .proinf-actions-right .fav{float:left;background:url(../img/fav.png) center top no-repeat;padding:25px 0 0 0;text-align:center;width:60px;margin:5px 0 0 0;}
.proinf .proinf-bottom .proinf-actions-right .car{float:left;background:url(../img/car.png) center center no-repeat;width:46px;border:#ff5b01 solid 1px;border-radius:4px;height:46px;}
.proinf .proinf-bottom .proinf-actions-right .car:hover{background:url(../img/car.png) center center no-repeat;background-color:#fff3e0; }
.proinf .proinf-bottom .proinf-actions-right .btn { float:left; padding:0 20px; border-radius:4px; font-size:15px;line-height:46px;margin-left:10px; cursor:pointer; border:1px solid #ff7a00; background:#fff; color:#ff7a00; }
.proinf .proinf-bottom .proinf-actions-right .btn:hover { background:#fff3e0; }
.proinf .proinf-bottom .proinf-actions-right .btn.buy { background:#ff7a00; color:#fff;background: linear-gradient(90deg, #FF8C00 0%, #FF5B01 98%);padding:0 40px;}
.proinf .proinf-bottom .proinf-actions-right .btn.jj {background:url(../img/jj.png) 20px center no-repeat;background-size:auto 20px;padding-left:42px;}
.proinf .proinf-bottom .proinf-actions-right .btn.jj:hover {background:url(../img/jj.png) 20px center no-repeat;background-size:auto 20px;background-color:#fff3e0; }
.proinf .proinf-bottom .proinf-actions-right .btn.buy:hover { background:#ff9800; }

.promain{float:left;margin:20px 0 0 0;padding:0 16px 16px 16px;width:1368px;text-align:left;background-color:#fff;border-radius:12px;overflow:hidden;}
.promain .procap{float:left;height:50px;width:100%;border-bottom:#ededed solid 1px;}
.promain .procap a{float:left;line-height:48px;margin-right:40px;font-size:16px;}
.promain .procap .active{color:#ff5b01;border-bottom:#ff5b01 solid 2px;font-weight:700;}
.promain .protxt{float:left;width:100%;margin:20px 0 0 0;}
.promain .protxt .protp{float:left;margin:10px 0 0 0;width:100%;}
.promain .protxt .protp img{max-width:100%;border-radius:8px;margin:10px 0 0 0;}

.jylc { width:1328px; background:#fff; border-radius:12px; overflow:hidden; float:left; margin:20px 0 0 0;text-align:left; padding:20px;  transition:all 0.3s ease;background:url(../img/jylc.png) left top repeat-x;}
.jylc:hover { }
.jylc .jylc-title { width:100%; float:left; font-size:16px; color:#333; font-weight:bold; margin-bottom:10px; }
.jylc .jylc-title:before{float:left;content:"";width:4px;margin:3px 7px 0 0;border-radius:3px;height:15px;background-color:#e62d23;}
.jylc .jylc-subtitle { width:100%; float:left; font-size:12px; color:#333; margin-bottom:20px; }
.jylc .jylc-step { width:100%; float:left; margin-bottom:15px; }
.jylc .jylc-step .step-num { float:left; font-size:16px; color:#333; margin-right:2px; padding-left:40px;}
.jylc .jylc-step1{background:url(../img/jy1.png) left top no-repeat;}
.jylc .jylc-step2{background:url(../img/jy2.png) left top no-repeat;}
.jylc .jylc-step3{background:url(../img/jy3.png) left top no-repeat;}
.jylc .jylc-step4{background:url(../img/jy4.png) left top no-repeat;}
.jylc .jylc-step5{background:url(../img/jy5.png) left top no-repeat;}
.jylc .jylc-step .step-title { float:left; font-size:14px; color:#333; margin:1px 0 0 0;}
.jylc .jylc-step .step-desc { width:100%; float:left; font-size:12px; color:#999; margin-top:5px; padding-left:40px; box-sizing:border-box; }
.jylc .jylc-disclaimer { width:100%; float:left; margin-top:30px; }
.jylc .jylc-disclaimer .disclaimer-title { width:100%; float:left; font-size:16px; color:#333; font-weight:bold; margin-bottom:15px; }
.jylc .jylc-disclaimer .disclaimer-title:before{float:left;content:"";width:4px;margin:4px 7px 0 0;border-radius:3px;height:15px;background-color:#e62d23;}
.jylc .jylc-disclaimer .disclaimer-item { width:100%; float:left; font-size:14px; color:#666; margin-bottom:10px; line-height:1.6; }