/*~~~~框架布局~~~*/
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}


/*==首页解决方案↓==*/
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%;}

/*==通用↓==*/
.container{ width:1500px;min-width:320px; margin: auto;}
.wor,.wx,.wor-content{line-height:24px; color:#666; font-size:14px;}
.wor h1.wor ,h2,.wor h3,.wor h4,.wor h5,.wor h6,.wor b{font-size:800;color:#333}

.solutionHome{position: relative;z-index: 1;margin-top: 50px;}

.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.5), rgba(0,0,0,0)); }


/*==解决方案tab↓==*/
.solution-tab{position: relative;overflow: hidden;}

.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(3,38,77,0.5);border-top-width: 1px;border-bottom-width: 1px;border-color: rgba(255,255,255,0.0);}

.solution-tab .roll li{flex: 1;position: relative;z-index:2;cursor:pointer;color: #fff;padding: 25px 20px;line-height: 1;}

.solution-tab .roll li:after{content:"";position: absolute;left:0;top:0px;z-index: -1;width:100%;height: 100%;background:#03264d;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.solution-tab .roll a{color:#fff}
.solution-tab .roll .solution_1{font-size:22px;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:720px;}

.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: 40%;color:#fff;}

.solution-tab .box .title{font-size:40px;}

.solution-tab .wx{-webkit-line-clamp:4;position: relative;margin-top: 20px;font-size:16px;color: #fff;line-height: 30px;}