/*~~~~框架布局~~~*/
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}

.sb_zzm1 {overflow: hidden; background: #000;margin-top:60px;margin-bottom: 25px;position: relative;}

/* 应用标题 */
.ins_yi {position: absolute;top:0; left:0;z-index: 10;width: 100%;}
.ins_yin {overflow: hidden;}
.ins_yin1 {color: #fff;}

.ins_yin_s {font-size: 40px; font-weight: bold;overflow: hidden; text-align: center;}
.ins_yin_s_spn {width:77px; background: #fff; height: 5px;margin:80px auto 15px auto;}



/*==首页解决方案↓==*/
div .imgPD{position:relative;padding-top:100%;}
div .imgPD img,div .imgPD .effect-one-img{position:absolute; left:0;top:0; display:block;width:100%;height:100%;}
div .imgPD11{position:relative;padding-top:110%;}
div .imgPD60{position:relative;padding-top:60%;}
div .imgPD70{position:relative;padding-top:70%;}
div .imgPD13{position:relative;padding-top:130%;}

.titms {overflow:hidden; width:150px; line-height:40px; text-align:center;border-radius:20px;border: 1px solid rgba(255,255,255,0.2);margin-top:20px;}
.titms a {display:block;color:#fff; font-size: 16px;}
.titms:hover a {background:#015198;}

/*==通用↓==*/
.container{ width:1400px;min-width:320px; margin: auto;}
.wor,.wx,.wor-content{line-height:24px; color:#666; font-size:14px;}

.solutionHome{position:relative;z-index:1;}

.solutionHome .titleAx{position:absolute;left:-50%;right:-50%;top:0;z-index:2;padding:50px 0;}

.solutionHome .titleAx:after{content:""; position: absolute;left:0;top:0;right:0;bottom:0;z-index:-1; background:-webkit-linear-gradient(top, rgba(0,0,0,0.1), rgba(0,0,0,0)); }

/*==解决方案tab↓==*/
.solution-tab{position: relative;}

.solution-tab .roll{position:absolute;bottom:0px;left:0;right:0;z-index:2;display:flex;}

.solution-tab .roll:after{content:"";position:absolute;left:-50%;right:-50%;top:0;bottom:0;z-index:-1;border-style:solid; background:rgba(0,0,0,0.6);border-top-width: 1px;border-bottom-width:1px;border-color:rgba(253,93,1,0.0);}

.solution-tab .roll li{flex:1;position:relative;z-index:2;cursor:pointer;color:#fff;padding:35px 20px;line-height:1px;}

.solution-tab .roll li:after{content:"";position: absolute;left:0;top:0px;z-index: -1;width:100%;height: 100%;background:#015198;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.solution-tab .roll a{color:#fff}
.solution-tab .roll .solution_1{font-size:18px;text-align: center;}
.solution-tab .roll .solution_2{text-align: center;margin-bottom: 20px;}

.solution-tab .roll span{display: block;font-size:13px;margin-top: 10px;text-transform: uppercase;}

.solution-tab .roll .active{color:#fff;} 

.solution-tab .roll .active:after{transform: scale(1);transform-origin:left;}

.solution-tab .roll .active .solution_1{color:#fff;}

.solution-tab .roll .active span{color:#888;}

.solution-tab .shelf {}

.solution-tab .shelf li{position: relative;display: flex;width:-webkit-fill-available; height:800px;}

.solution-tab .shelf li a{}

.solution-tab .pic{position:absolute;left: 0%;right: 0%;top: 0;bottom: 0;height: 100%;}

.solution-tab .pic img{display: block;width:100%;height: 100%;object-fit: cover;}

.solution-tab .box{position:relative;z-index: 1;width:100%;color:#fff;}

.solution-tab .box .title{font-size:45px;}

.solution-tab .wx{-webkit-line-clamp:4;position: relative;margin-top: 20px;font-size:16px;color: #fff;line-height: 30px;}
