/* 
* @Author: Administrator
* @Date:   2018-07-12 15:32:50
* @Last Modified by:   wangguo
* @Last Modified time: 2018-07-19 11:07:32
*/
.pageheader{
    height:auto;
}

.feature-main {
    background: #ffffff none repeat scroll 0 0;
}
.feature-main-box {
    padding: 10px 0;
    position: relative;
    z-index: 22;
}

.feature-main-box .row {
    overflow:hidden;
}
.feature-main-box .col-lg-3:last-child .item::before {
    display: none;
}
.feature-main-box .col-lg-3::before {
    background: #e0e0e0 none repeat scroll 0 0;
    content: "";
    height: 90px;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
}
.feature-main-box .col-lg-3:last-child:before {
    background:none;
}
.feature-main-box .item {
    padding: 0;
    position: relative;
    overflow:hidden;
    padding:10px 0;
}
.feature-main-box .item .h4 {
    color: #333;
    font-size: 17px;
    font-weight: 500;
    line-height: 20px;
    margin-top:0;
    margin-bottom:5px;
    transition: all 400ms linear 0s;
}
.feature-main-box .item h4 i {
    color: #1453ff;
    padding-right: 10px;
}
.feature-main-box .item:hover .h4{
    color: #1453ff;
}
.feature-main-box .item p {
    color: #51545f;
    font-family: "Poppins",sans-serif;
    font-size: 12px;
    line-height: 18px;
}
.feature-main .item .l{
    position:relative;
    float:left;
    width:64px;
}
.feature-main .item .r{
    margin-left:70px;
}
.feature-main .item .l i{
    position:absolute;
    left:0;
    top:0;
    display:inline-block;
    background-position:center center;
    background-repeat:no-repeat;
}
i.ib{
    transition: transform 0.8s;
}
i.b0{
    /*transition: left 1s, top 1s;*/
    transition:all 1s;
    -moz-transition:all 1s; /* Firefox 4 */
    -webkit-transition:all 1s; /* Safari and Chrome */
    -o-transition:all 1s; /* Opera */
    width:10px;
    height:10px;
    background-image:url(../images/feature0.png);
    background-size:10px 10px;
}
.item1 i.b0-1{
    margin-top: 27px;
}
.item1 i.b0-2{
    margin-top: 27px;
    margin-left: 52px;
}
.item1:hover i.ib.b1-1 {
    transform: translate(-5px, -5px);
}
.item1:hover i.ib.b1-2 {
    transform: translate(5px, 5px);
}
.item1:hover i.b0-1 {
    margin-top: 18px;
    margin-left: 32px;
}
.item1:hover i.b0-2 {
    margin-top: 46px;
    margin-left: 32px;
}


.item2 i.b0-1{
    margin-top: 16px;
    margin-left: 16px;
}
.item2 i.b0-2{
    margin-top: 37px;
    margin-left: 37px;
}
.item2:hover i.ib.b2-1 {
    transform: translate(0px, -2.5px); 
}
.item2:hover i.ib.b2-2 {
    transform: translate(0px, 2.5px); 
}
.item2:hover i.b0-1 {
    margin-top: 3px;
    margin-left: 0px;
}
.item2:hover i.b0-2 {
    margin-top: 57px;
    margin-left: 54px;
}

.item3 i.b0-1{
    margin-top: 8px;
    margin-left: 27px;
}
.item3 i.b0-2{
    margin-top: 46px;
    margin-left: 28px;
}
.item3:hover i.ib.b3-1 {
    transform: rotate(180deg);
}
.item3:hover i.ib.b3-2 {
    transform: rotate(360deg); 
}
.item3:hover i.b0-1 {
    margin-top: 27px;
    margin-left: 0;
}
.item3:hover i.b0-2 {
    margin-top: 27px;
    margin-left: 54px;
}
.item4 i.b0-1{
    margin-top: 11px;
    margin-left: 27px;
}
.item4 i.b0-2{
    margin-top: 41px;
    margin-left: 27px;
}
.item4:hover i.ib.b4-1 {
    transform: rotate(360deg);
}
.item4:hover i.ib.b4-2 {
    transform: translate(5px, 5px);
}
.item4:hover i.b0-1 {
    margin-top: 58px;
    margin-left: 58px;
}
.item4:hover i.b0-2 {
    margin-top: 5px;
    margin-left: 7px;
}

i.ib{
    width:64px;
    height:64px;
    background-size:64px 64px;
}
i.ib.b1-1{
    background-image:url(../images/feature1_1.png);
}
i.ib.b1-2{
    background-image:url(../images/feature1_2.png);
}
i.ib.b2-1{
    background-image:url(../images/feature2_1.png);
}
i.ib.b2-2{
    background-image:url(../images/feature2_2.png);
}
i.ib.b3-1{
    background-image:url(../images/feature3_1.png);
}
i.ib.b3-2{
    background-image:url(../images/feature3_2.png);
}
i.ib.b4-1{
    background-image:url(../images/feature4_1.png);
}
i.ib.b4-2{
    background-image:url(../images/feature4_2.png);
}


.three-hover{
    padding:20px 0;
	margin-bottom:50px;
}

.hover-list{
    padding:0;
}
.hl-li {
    position: relative;
    overflow: hidden;
    float: left;
    width: 33.33%;
    min-height: 560px;
    border-radius: 10px;
    box-shadow: 0 0 32px 0 rgba(0,0,0,0.18);
    background-color: white;
    transition: transform 0.5s;
    transform: translateZ(0);
    cursor: pointer;

}
.hover-list .hl-li:hover, .hover-list .hl-li.hover{
    z-index: 3;
    transform: scale(1.1);
}
.hl-li:hover .hl-li-title, .hl-li.hover .hl-li-title {

    background-color: #1453ff;
    color:#fff;
    height: 70px;
    padding: 30px 0 20px 0;
    box-sizing:content-box;
}
.hl-li:hover .hl-li-title , .hl-li.hover .hl-li-title {

    background-color: #1453ff;
    color:#fff;
    height: 70px;
    padding: 30px 0 20px 0;
    box-sizing:content-box;
}



index-page .content-region1-list li:nth-child(1).mouse-hover .service-title-left {

    transform: translate(-190px, -60px) scale(1.66666);

}
.hl-li:hover .svg-left, .hl-li.hover .svg-left {

    transform-origin: top left;
    transform: translate3d(-190px, -60px, 0) scale(1.91666);
    opacity: 1;

}
.svg-left {

    transition: opacity 0s, transform 0.8s;
    position: absolute;
    top: 30px;
    left: 170px;
    width: 60px;
    opacity: 0;
    transform: translateZ(0);

}
.hl-li:hover .svg-center, .hl-li.hover .svg-center{

    opacity: 0;
    transform: scale(1.5) translate(-160px, -25px);

}
.svg-center {

    transition: transform 1s, opacity 0s;
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    height: 68px;
    opacity: 1;

}


.hl-li:hover .svg-right, .hl-li.hover .svg-right {

    opacity: 1;

}
.svg-right {

    transition: opacity 1s;
    position: absolute;
    top: 20px;
    right: 0px;
    width: 200px;
    opacity: 0;
    transform: translateZ(0);

}


.hl-li-title {

    overflow: hidden;
    position: relative;
    height: 103px;
    font-size:18px;
    padding: 30px 0 20px 0;
    text-align: center;
    background-color: #f5f5f5;
    border-bottom: 1px solid #e0e0e0;
    transition: transform 0.3s;

}
.hl-li-title .title {
    display: inline-block;
    font-weight: normal;
    text-indent: 0;
    font-size: inherit;
}

.hl-li:hover .hl-li-title, .hl-li.hover .hl-li-title
{
    text-indent:-5em;
    font-size:24px;
}
.hl-li-main {

    position: relative;
    z-index: 3;
    padding: 20px 20px 0 20px;
    overflow: hidden;

}

.hl-li-main li {
    padding: 10px;
    outline: none;
    float: left;
    width: 50%;
    box-sizing: border-box;
}
.hl-li-main li h3 {
    color:#333;
    font-weight: 400;
    margin: 5px 0;
    font-size:16px;
}
.hl-li-main li p {
    min-height: 50px;
    line-height:25px;
    font-size: 12px;
    color: #666;
    margin-bottom: 0;
    display: -webkit-box;
    display: -moz-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
    /*-moz-line-clamp: 4;
    -webkit-line-clamp: 4;*/
}
.hl-li-main li .more-detail {
    margin: 0px;
    min-height: auto;
    height: auto;
    display: none;
}
.hl-li-main li .more-detail a{
    color:#333;
}
.hl-li.hover .hl-li-main li .more-detail {
    display: block;
}
.hl-li-main li:hover h3, .hl-li-main li:hover .more-detail a{
    color:#1453ff;
}

#news{
    padding:20px 0 50px 0;
    background-color:#f5f5f5;
}
#news .new-main{
    padding:0 20px 20px;
}
#news .col-md-4 .m{
    transition: transform 0.5s;
    background-color:#fff;
}
#news .col-md-4 .m:hover {

    transform: scale(1.1);
    box-shadow: 0 0 35px 0 rgba(0,0,0,0.18);
    padding:0;
    z-index:2;
    position:relative;

}
#news .new-commend p{
    overflow:hidden;
}
#news .new-commend h3 {

    height: 25px;
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    margin:10px 20px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#news .new-main ul{
    padding:0;
    margin:0;
}
#news .new-main ul li{
    height: 25px;
    line-height: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#news .new-main ul li a{
    color:#666;
}
#news .new-main ul li a:hover{
    color:#1453ff;
}


















#sever_tx .col-md-6{
    padding:0;
    background-color:#f2f2f2;
}
#sever_tx .col-md-6:hover{
    background-color:#1453ff;
}
#sever_tx .col-md-6:hover h3{
    color:#fff;
}
#sever_tx .col-md-6:hover p{
    margin-top:10px;
    color:#fff;
}
#sever_tx .col-md-6:hover img{
    transform: scale(1.1);
    opacity:0.5;
}
#sever_tx .col-md-6:hover i{
    position:absolute;
    top:50px;
    left:50%;
    background-color:#ee455e;
}
#sever_tx .col-md-6:hover .d3 i, #sever_tx .col-md-6:hover .d4 i{
    left:0%;
}
#sever_tx .col-md-6 h3{
    margin:0;
    padding:20px;
    font-size:18px;
    font-weight:600;
}
#sever_tx .col-md-6 p{
    padding:0 20px;
    transition: all 0.8s ease 0s;
}
#sever_tx .col-md-6 img{
    transition: all 0.8s ease 0s;
}
#sever_tx .col-md-6 i{
    transition: all 0.8s ease 0s;
    background-color: #999;
    display: block;
    height: 2px;
    width: 40px;
    margin-left:20px;
}
#sever_tx .col-md-6 dl{
    overflow:hidden;
    margin:0;
    padding:0;
}
#sever_tx .col-md-6 dt{
    float:left;
    width:50%;
    overflow:hidden;
}
#sever_tx .col-md-6 dd{
    float:left;
    width:50%;
    overflow:hidden;
}

#cooperation .plan .plan-title{
  border-bottom:none;
  padding-top: 0;
}
#cooperation .row{
  text-align:center;
}
#cooperation .col-md-4{
  display: inline-block;
}
#introduction{
  text-align:center;
}
#introduction h3{
  font-size:20px;
  color:#1e1e24;
}
#introduction .img-responsive{
  display:inline-block;
  margin:35px 0;
}
#introduction .fa-main .col-md-3{
  padding:15px;
  box-sizing: border-box;
}
#introduction .fa-main .col-md-3 .m{
  border-radius:10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
#introduction .fa-main p{
  min-height:150px;
  padding:0 20px;
}
#about p{
  margin-bottom:35px;
}
#about h3 .p2{
  border-top:8px solid #1453ff;
  width:48px;
}
.iso-section{
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:100%;
  overflow:hidden;
  filter:alpha(opacity=0); /* IE */
  -moz-opacity:0; /* 老版Mozilla */
  -khtml-opacity:0; /* 老版Safari */
  opacity: 0; /* 支持opacity的浏览器*/
}
.plan-img{
  display:inline-block;
  width:120px;
  height:120px;
  border-radius:150px;
  overflow:hidden;
  margin-top:-40px;
}
.plan-img img{
  width:100%;
  height:100%;
}
.plan-ps{
  min-height:120px;
}
#home{
    margin-top:-80px;
}
#home .container{
  /*display:none;*/
}
.introduction-mian{
  text-align:center;
}
.introduction-img{
  display:inline-block;
  padding:0 20%;
}
#about img{
  border:none;
  padding:10%;
}
#about p{
  line-height:25px;
}
.tz-main{
  margin:20px 5%;
  padding:4px 2px;
  background:#1453ff;
  border-top-left-radius:30px;
  border-top-right-radius:30px;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
}
.tz-t, .tz-m, .tz-b{
  padding:20px;
}
.tz-t, .tz-m{
  color:#fff;
  text-align:left;
}
.tz-m{
  color:#fff;
  min-height:160px;
  text-indent:2em;
  font-size:20px;
}
.tz-b{
  background: #fff none repeat scroll 0 0;
    border-radius: 10px;
    line-height: 30px;
    margin: 0 2px;
    overflow: hidden;
}
.tz-b .l{
  float:left;
}
.tz-b .r{
  float:right;
  font-size: 28px;
}
/*左右浏览中间图放大效果开始*/
.mr_round
{
  
}
.roundShow {
    height: 393px;
    margin: 0 auto;
    overflow: hidden;
    padding:0.5em 0;
    position: relative;
    width: 100%;
}
.roundShow .roundabout {
    font-size: 16px;
    height: 393px;
    margin: 0 auto;
    width:100%;
}
.roundabout li {
    background-color: #fff;
    cursor: pointer;
    overflow: hidden;
    width: 60%;
}
.roundabout li.roundabout-in-focus {
    cursor: default;
}
.roundabout li .d .b
{
  color:#666;
}
.roundabout li.roundabout-in-focus .d .b
{
  color:#ed6c00;
}
.roundabout li.roundabout-in-focus .t {
    margin-top: 100px;
}
.roundabout li:hover .d
{
  display:block;
}
.roundabout li .rh-main {
    padding: 0px;
}
.roundabout li a.rhm-a {
    display: block;
    height: 0;
    overflow: hidden;
    padding-bottom: 60%;
    position: relative;
}
.roundabout li a.rhm-a img
{
  /*width:100%;*/
  width:100%;
}
.roundabout li .d {
    background: rgba(0, 0, 0, 0) url("../images/black-bg.png") repeat scroll 0 0;
    color: #fff;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
.roundabout li .t {
    border-bottom: 1px solid #fff;
    font-size: 30px;
    font-weight: bold;
    margin: 70px auto 10px;
    padding-bottom: 10px;
    width: 80%;
}
.roundabout li .s {
    font-size: 20px;
    margin-bottom: 20px;
}
.roundabout li .b {
    background:url("../images/white-bg.png") repeat scroll 0 0;
    border: 1px solid #fff;
    height: 40px;
    line-height: 40px;
    margin-left: auto;
    margin-right: auto;
    width: 160px;
}
.slider_btn {
    background:url("../images/mr_btn1.png") no-repeat scroll 0 0;
    cursor: pointer;
    display: block;
    height: 100px;
    margin-top: -50px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 60px;
    z-index: 9;
}
.lt_btn {
    background-position: 0 0;
    left: 10px;
}
.rt_btn {
    background-position: -60px 0;
    right: 10px;
}
#portfolio .swiper-container {
    margin-top:35px;
}
/*左右浏览中间图放大效果结束*/


.xp-flash{
    overflow:hidden;
}
.xp-flash .carousel-indicators .active {
    width: 36px;
    height: 6px;
    vertical-align:middle;
}
.xp-flash .carousel-indicators li{
    width: 6px;
    height: 6px;
    transition: all 0.7s ease-out;
}
.banner-box {
    position: relative;
    width: 1200px;
    height: 600px;
    margin: 0 auto;
    overflow:hidden;
}
.item2 .banner-box-title, .item3 .banner-box-title, .item4 .banner-box-title {
    position: absolute;
    top: 50%;
    left: 50px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    color: white;
}
.item .banner-box-title h1, .item .banner-box-title h2 {

    /* font-weight: normal; */
    font-size: 42px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 50px;
    margin-bottom: 25px;
    /* text-shadow: 0px 3px 6px #333; */
    text-shadow: 0px 2px 8px rgba(51, 51, 51, 0.5);
    /* text-shadow: 0px 1px 0px #c0c0c0, 0px 2px 0px #b0b0b0, 0px 3px 0px #a0a0a0, 0px 4px 0px #909090, 0px 5px 10px rgba(0, 0, 0, 0.6); */

}
.item .banner-box-title p {

    font-size: 16px;
    color: #FFFFFF;
    line-height: 24px;
    /* text-shadow: 0px 3px 6px #333; */
    text-shadow: 0px 2px 8px rgba(51, 51, 51, 0.5);
    /* text-shadow: 0px 1px 0px #c0c0c0, 0px 2px 0px #b0b0b0, 0px 3px 0px #a0a0a0, 0px 4px 0px #909090, 0px 5px 10px rgba(0, 0, 0, 0.6); */

}
.item .banner-box-title .banner-box-btn {

    margin-top: 30px;
    border: 1px solid #FFFFFF;
    display: inline-block;
    font-size: 16px;
    color: #FFFFFF;
    width: 164px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border-radius: 100px;
    cursor:pointer;

}
.item .banner-box-title .banner-box-btn:hover {
    border: 1px solid #1453ff;
    background-color: #fff;
    color:#1453ff;
}
.item1 .banner-box-title {
    overflow: hidden;
    position: relative;
    z-index: 20;
}
.item1 .banner-box-title h1, .item1 .banner-box-title h2 {
    position: relative;
    margin: 150px 0 40px 0;
    text-align: center;
    font-size: 60px;
    font-weight: normal;
    color: #FFFFFF;
}
.item1 .banner-box-title h1 b, .item1 .banner-box-title h2 b {

    font-weight: normal;
    margin: 0 12px;

}
.item1 .banner-box-title p {

    text-align: center;
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 1px;

}
.item1 .banner-box-title p span {

    margin: 0 20px;

}
.item2 .banner-box-title, .item3 .banner-box-title, .item4 .banner-box-title{

}

.banner-animation1 {
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transition: left 1s ease, top 1s ease;
    transform-origin: center;
    animation: animation-rotate 100s 0s linear both infinite;
}
.banner-box .banner1-1{
    margin-left:-92px;
    margin-top: 215px;
}

.banner-box .banner1-2{
    margin-left:-125px;
    margin-top: 184px;
    animation: animation-rotate2 100s 0s linear both infinite;
}

.banner-box .banner1-3{
    margin-left:-191.5px;
    margin-top: 122px;
}

.banner-box .banner1-4{
    margin-left:-221px;
    margin-top: 88px;
    animation: animation-rotate2 100s 0s linear both infinite;
}

.banner-box .banner1-5{
    margin-left:-358.5px;
    margin-top: -26px;
}

.banner-box .banner1-6{
    margin-left:-540px;
    margin-top: -180px;
    animation: animation-rotate2 100s 0s linear both infinite;
}

.banner-box .banner1-7{
    margin-left: -600px;
    margin-top: -240px;
}

.banner-animation2, .banner-animation3, .banner-animation4 {
    transform: translate(0px, -50%);
    transition: all 0.7s ease-out;
    position: absolute;
    left: 0;
    top: 0;
}
.banner-box:hover .banner-animation2, .banner-box:hover .banner-animation3, .banner-box:hover .banner-animation4 {
    transform: translate(2%, -49%);
}

.banner-box .banner2-1{
    margin-left:742px;
    margin-top: 336px;
}

.banner-box .banner2-2{
    margin-left:850px;
    margin-top: 226px;
}

.banner-box .banner2-3{
    margin-left:703px;
    margin-top: 406px;
}

.banner-box .banner2-4{
    margin-left:658px;
    margin-top: 286px;
}


.banner-box .banner3-1{
    margin-left:742px;
    margin-top: 336px;
}

.banner-box .banner3-2{
    margin-left:820px;
    margin-top: 226px;
}

.banner-box .banner3-3{
    margin-left:703px;
    margin-top: 406px;
}

.banner-box .banner3-4{
    margin-left:658px;
    margin-top: 286px;
}



.banner-box .banner4-1{
    margin-left:742px;
    margin-top: 336px;
}

.banner-box .banner4-2{
    margin-left:820px;
    margin-top: 226px;
}

.banner-box .banner4-3{
    margin-left:703px;
    margin-top: 406px;
}

.banner-box .banner4-4{
    margin-left:658px;
    margin-top: 286px;
}

#server{
    background: url('../images/xp-ibg.png') no-repeat center center;
    padding-bottom:40px;
}
#server .col-md-2{
    margin:20px 0;
    text-align:center;
}

.super-simplex{
    background-color:#f5f5f5;
    text-align:center;
}
#sun_number .sum-number-main{
    overflow:hidden;
    display:inline-block;
    margin:0;
    padding:0;
}
#sun_number{
    background: url('../images/sum-number-bg.jpg') no-repeat center center;
    
    text-align:center;
}
#sun_number .sum-number-main li{
    float:left;
    color:#fff;
    margin:0;
    padding:0;
}
#sun_number .sum-number-main li i{
    font-size:28px;
    margin:0 5px;
}
#sun_number .sum-number-main li em{
    font-size:28px;
    margin-right:5px;
    margin-left:-5px;
}
#sun_number .sum-number-main li b, #sun_number .sum-number-main li p{
    display:inline-block;
    font-size:20px;
    line-height:145px;
    margin:0;
    padding:0;
}
.cert-simplex{
    display:none;
    margin-top:40px;
    margin-bottom:20px;
}
.cert-list {
    overflow:hidden;
    padding:0;
    padding-left:30px;
}
.cert-list .col-md-3{
    padding:0;
}
.cert-list .col-md-3 .m{
    padding:0 5px;

}
.cert-list .col-md-3 .m .b{
    text-align:center;
    border:1px solid #e0e0e0;

}
.cert-content{
    position:relative;
}
.cert-simplex .cert-lr{
    
    height:0;
}
.cert-simplex .cert-lr a{
    display:inline-block;
    width:28px;
    height:40px;
    border:2px solid #999;
    color:#999;
    line-height:44px;
    text-align:center;
}
.cert-simplex .cert-lr a:hover{
    border:2px solid #1453ff;
    color:#1453ff;
}
.cert-simplex .cert-lr a i{
    font-size:28px;
}
.cert-simplex .cert-lr a.prev{
    position:absolute;
    left:0;
    top:50%;
    margin-top:-20px;
    
}
.cert-simplex .cert-lr a.next{
    position:absolute;
    right:0;
    top:50%;
    margin-top:-20px;
    
}

.hl-li-main li:hover [class^="icon-"]{
    color:#1453ff;
}
.hl-li-main li h3 i, .hl-li-main li h3 span{
    vertical-align:middle;
}
#xs_flash{
    margin:0;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{
        margin-top:30px;
    }
/*屏幕分辨率设置*/

@keyframes animation-rotate {
 0% {
  transform:rotate(0deg)
 }
 to {
  transform:rotate(1turn)
 }
}
@keyframes animation-rotate2 {
 0% {
  transform:rotate(1turn)
 }
 to {
  transform:rotate(0deg)
 }
}
@keyframes animation-scale {
 0% {
  transform-origin:center center;
  transform:scale(1);
  opacity:0
 }
 50% {
  opacity:1
 }
 to {
  transform-origin:center center;
  transform:scale(2);
  opacity:0
 }
}
@keyframes fadeInRightBig {
 0% {
  opacity:0;
  transform:translateX(2000px)
 }
 to {
  opacity:1;
  transform:translateX(0)
 }
}
@keyframes animation-point-1 {
 0% {
  top:-5px;
  left:25px
 }
 12.5% {
  top:33px;
  left:25px
 }
 25% {
  top:45px;
  left:55px
 }
 37.5% {
  top:-5px;
  left:25px
 }
 50% {
  top:45px;
  left:-5px
 }
 62.5% {
  top:45px;
  left:55px
 }
 75% {
  top:33px;
  left:25px
 }
 87.5% {
  top:45px;
  left:-5px
 }
 to {
  top:-5px;
  left:25px
 }
}

@media screen and (max-width: 767px) {
    /*.navbar-default{
        top:0;
    }*/
    
    .hl-li{
        width:100%;
    }
    .hover-list .hl-li:hover, .hover-list .hl-li.hover{
        transform: scale(1);
    }
    #sun_number .sum-number-main li i, #sun_number .sum-number-main li em{
        font-size:16px;
    }
    #sun_number .sum-number-main li b, #sun_number .sum-number-main li p{
        line-height:20px;
        font-size:16px;
    }



    .swiper-container {
        margin: 20px 0 15px;
    }
    .swiper-slide {
        -webkit-transform: scale(0.97);
        transform: scale(0.97);
    }
    .swiper-slide-active, .swiper-slide-duplicate-active {
        -webkit-transform: scale(0.97);
        transform: scale(0.97);
    }
    .swiper-slide a:after {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        box-sizing: border-box;
        content: "";
        width: 100%;
        height: 100%;
        background: url(images/top_slick_cover_bg01.png) 0 0 repeat;
    }
    .swiper-slide a {
        padding: 5px;
    }
    .swiper-pagination {
        position: relative;
        margin-bottom: 20px;
    }

    .swiper-pagination-bullet {
        background: #00a0e9;
        margin-left: 2px;
        margin-right: 2px;
        width: 8px;
        height: 8px;
        margin-bottom: 2px;
    }

    .swiper-pagination-bullet-active {
        width: 6px;
        height: 6px;
        background: #FFF;
        border: 3px solid #00a0e9;
        margin-bottom: 0;
    }
    .swiper-slide img {
        border-radius: 7px;
    }
    .five-btn div {
        width: 28px;
        height: 28px;
    }
    .five-btn {
        width: 70%;
        bottom: 22px;
        display:none;
    }
}

@media screen and (min-width: 768px) and (max-width: 980px)  {
    #sever_tx{
        pointer-events:none;
    }
    #sever_tx .col-md-6 h3{
        padding:5px 20px;
    }
}

.swiper-container {
    /* width: 100%; */
    margin: 35px 0;
}

.swiper-slide {
    -webkit-transition: transform 1.0s;
    -moz-transition: transform 1.0s;
    -ms-transition: transform 1.0s;
    -o-transition: transform 1.0s;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.swiper-slide-active, .swiper-slide-duplicate-active {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.none-effect {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
}

.swiper-slide a {
    background: #fff;
    display: block;
}
.swiper-slide-active a:after {
    background: none;
}
.swiper-slide img {
    width: 100%;
    display: block;
}
.swiper-pagination {
    position: relative;
    margin-bottom: 30px;
}

.swiper-pagination-bullet {
    background: #00a0e9;
    margin-left: 4px;
    margin-right: 4px;
    width: 17px;
    height: 17px;
    opacity: 1;
    margin-bottom: 4px;
}

.swiper-pagination-bullet-active {
    width: 13px;
    height: 13px;
    background: #FFF;
    border: 6px solid #00a0e9;
    margin-bottom: 0;
}
.five-btn {
    margin: 0 -50px;
    position: relative;
    bottom: 200px;
}
.five-btn div{
    background-image: none;
    color: #e0e0e0;
}
.five-btn div:hover {
    color:#fff;
}

.swiper-button-prev {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color:#666;
}

.swiper-button-next {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color:#666;
}


.super-simplex {
    background: url(../images/super-simplex-bg.png) no-repeat center center;
        background-color: rgba(0,0,0,0.55);
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    transform: translateZ(0);
    position:relative;
    color:#fff;
}
 .super-simplex .super-simplex-bg {
     position:absolute;
     left:0;
     top:0;
     height:100%;
     width:100%;
     background-color: rgba(0,0,0,0.55);
}
.super-simplex .swiper-slide {
    background: rgba(27,26,33,0.8);
    height: 360px;
    width: 20%;
    transition: transform 0.5s, width 0.5s, height 0.5s, margin 0.5s;
}
.super-simplex .swiper-slide .m{

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    width: 100%;
    height: auto;
    text-align: center;
    color: white;
    font-size: 14px;
    transition: transform 1s;
    padding:15px 20px;
    cursor:pointer;

}
.super-simplex .swiper-slide .m i{
    font-size:50px;
}
.super-simplex .swiper-slide a{
    background:none;
    color:#fff;
}
.super-simplex .swiper-slide .img{
    display:inline-block;
    width:150px;
}
.super-simplex .swiper-slide .name{
    padding:10px 0;
}
.super-simplex .swiper-slide .sname{
    color:#999;
}
.super-simplex .swiper-slide .content{
    display:none;
    color:#999;
    line-height:20px;
}

.super-simplex .swiper-slide.swiper-slide-active i, .super-simplex .swiper-slide.swiper-slide-active .name{
    color:#1453ff;
}
.super-simplex .swiper-slide.swiper-slide-active .sname{
    display:none;
}
.super-simplex .swiper-slide.swiper-slide-active .content{
    display:block;
}
.system-main .system-content {
    /* background: url(../images/system-main-bg.png) no-repeat center 39% / 100% auto; */
    position: relative;
    padding: 50px 0;
    min-height: 840px;
}
.system-main .col1, .system-main .col3{
    margin-top: 60px;
}
.system-m-t .t label{
    position: relative;
    background-color: #e5e5e5;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    width: 160px;
    padding-left: 74px;
    color: #333;
    font-size: 15px;
    font-weight: 600;
}
.system-m-t .t label::before {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 30px 15px;
    border-color: transparent transparent #f5f5f5;
    position: absolute;
    right: 0;
    top: 0;
    zoom: 1;
}
.system-m-t .t label i::before {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 30px 15px;
    border-color: transparent transparent #f5f5f5;
    position: absolute;
    left: 0;
    top: 0;
    zoom: 1;
    margin-left: -15px;
}
.system-m-t .t label::after{
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 15px 0 0;
    border-color: #f5f5f5 transparent transparent;
    position: absolute;
    left: 0;
    top: 0;
    zoom: 1;
}
.system-m-t .t label i::after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 15px 0 0;
    border-color: #f5f5f5 transparent transparent;
    position: absolute;
    right: 0;
    top: 0;
    zoom: 1;
    margin-right: -15px;
}
.system-m-t .t label::before {
    border-color: transparent transparent #f5f5f5;
}
.system-m-t .t label::after {
    border-color: #f5f5f5 transparent transparent;
}
.system-m-t .t label i{
    position: absolute;
    background-color: #1453ff;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    width: 28px;
    text-align: center;
    margin-left: 28px;
    bottom: 5px;
    left: 0;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}
.system-m-t .t label i::before {
    border-color: transparent transparent #1453ff;
}
.system-m-t .t label i::after {
    border-color: #1453ff transparent transparent;
}
.system-m-t .b{
    line-height: 20px;
}
.system-m-b .m{
    position: relative;
    z-index: 1;
    border-top: 3px solid #1453ff;
    border-radius: 0.8rem;
    padding: 8px 16px;
    margin: 20px 0;
    background-color: rgba(255, 255, 255, 1);
    animation: animation-ts-max 1.2s linear 0.4s infinite alternate;
}
.system-m-b .m:hover{
    animation: none;
}
.system-m-b ~ .system-m-b .m{
    /* animation: animation-ts-max 1.2s linear 0.4s infinite alternate; */
}
.system-m-b .m h4{
    color: #333;
    font-weight: 400;
}
.system-m-b .m p{
    color: #666;
}
.system-m-b .m ul{
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.system-m-b .m ul li{
    float: left;
    width: 50%;
    position: relative;
    padding-left: 20px;
}
.system-m-b .m ul li::before{
    content: '•';
    display: inline-block;
    color: #666;
    font-size: 11px;
    position: absolute;
    width: 20px;
    text-align: center;
    left: 0;
    top: 0;
}
.h100{
    height: 100%;
}
.ripple .p-rel .p-abs{
    top: 50%;
    left: 50%;
    margin-top: -83px;
    margin-left: -83px;
    display: block;
    width: 160px;
    height: 160px;
    border-radius: 100%;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    background-position: center center;
    background-size: 64px 64px;
    background-repeat: no-repeat;
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAwFBMVEUAAAAabf8abf8abf8abf+qk18abf8abf8abf8abf8abf8abf8abf/4qAjxphAabf8abf8abf8abf8abf8abf8abf8abf8abf8abf/8qQMabf8abf8abf8abf8abf/TnjEabf+1l1Iabf+MjIAyc+Qbbf4abf8abf8abf8abf8abf9lgawabf8abf/vphLvphIabf/goiIabf8abf/lox2AiI3MnDk5dd1Wfbwabf//qgBTfL/wphEucul4hpajkmZY+ietAAAAOXRSTlMAMxQGEmYOG/rydArn4c1MOiskIPfBuYdg8+zh2sqRkH1wV1Q4MS4pppyZRUPTx8WwpqJrrY+HgUHayXbFAAACLklEQVRYw+1X2XaCMBBNCAUKWpBFpJu27kv3FbT6/39VSyRJTdoAOafHh94Xc5K5V2YCs4BDB4wiqEDXpukWU60mHdnHaY5jG9Xhu+cpwblbmd5qY+rpKf5ttyrR9Usrp1mXOrMs7/xT8bdjoOtgXDzMU8lQLG6I40YLwpZBwnGzAHL49yT0jg9z+A65kHtfQjdiC1vONGRCAhNpM7xvxcZv/E4Dm0VDoI0gg5EGhhE+a3R+pHsX2OTsOneeRR6K6zN8fuEJ6cFk53zPQX5Bs7co1j5yertQTAKO7vRCfPZoss5/7bChMB+xVdhzAAv26XTiPCcARzrrJwsSH2MMIS9AMTZIpDmBMHZQAKFYgCJAThwKBQJgDqFcAA5NEAgFgA45fGw2H/yuDsQC2r7hoLvKslV3sL+vlRS4amY5mle1BPp3GcFdv7LA+0P2DQ/v1QReE8y77fdv8Sp5rSJwRJ2noTiqKpAU4R90kzoCzTkkmDdrCJxABif/An8v8CK6xpfSAm60FL1Iy8gtJeBNrXQpepWXqTX15AJ2njLXq/2PabXO064tFZjg/Py2/zm/NXBJkQostsUnnHl8QvFm4bZsLeQxiNO2K05pbjuNy9xCh0mqCb0MekQF5Gl9/vw8l6V1vrCIIS8sYWygQM4PkEFKm7y4UvDFVV7eKeTlnW8wePANhrzFoeBbHPUmS73NU2801Vtd9WZbvd1XHzjURx71oUt97JMPnqqj74HjE1m43SeW1RsKAAAAAElFTkSuQmCC');
}
.system-main .m-t{
    background-position: top center;
    background-size: 64px 64px;
    background-repeat: no-repeat;
    margin-top: 20px;
}
.system-main .m.text-c .m-t{
    padding-top: 64px;
}
.system-main .m.text-l .m-t{
    padding-left: 82px;
    background-position: 0 0;
}
.system-main .m.text-l .m-t h4{
    padding-top: 5px;
    margin-top: 0;
}

.col1 .m-t{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAARVBMVEUAAAAabf8abf/2qArxphDcoSfRnjN+iJD9qgL7qQXqpBflox3FmkG0llOdkG1afrj/qgD/qgD/qgAabf//qgAabf//qgBFUxg/AAAAFXRSTlMAMxDdzZ2NTvbrva1+bl5B5l42HxIRivmvAAAAxklEQVRYw+3WbQuDIBSG4dLsPXvV//9Tx4bsEI9iNtiaeX+dXHSOC8pS0aYc3Q1Y2a41GGDZLnZxQJ0sNoAFBkAWmAXIA/oWoEyHgHkLAbYZAK2LsjoGVGWhNQLPuJA+QAr+OoqAqemG3NnQNdoEwKTf1W0/5tDYtzWdmfAWFsHpd1oIjU1xsdiuEY9JMzbQrv8BPSgthMam4VwAroqi9foBemqYxwvA3mCjPgBvzn6nf/M6JyABCTgDhPU5cMFvpN8AqVh6AAFOXefhPbnRAAAAAElFTkSuQmCC');
}
.col2 .m-t{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAM1BMVEUAAAAabf8abf/MnDkabf8abf8abf8abf8abf8abf8abf+kkmbjox/doSYabf8abf//qgBTu+GRAAAAD3RSTlMAMxCHumju2JNCJWKsoJSF6cC3AAAA2UlEQVRYw+2W2w7CIBBE6W7pDe3y/18rpg9rVBgCKpj0vJI5lNnS1Jz0iJUkFuVXAazp/DYJYNpSeZoFMlNCMEpgpyi7BMZ4fjnW0Q5LcgAz4TPayAC0I9TymrmEt8EPhw+K68FV4wHgvawA0K2QAjoUmHzo8wIKGDNk8iI4+HOBvOEx4ioFV89FAs17zxUC5+9wRYmsBiAABizABizABlyi1uef4VqB59YCri2xzRg1/81XWetTwGXCAuWieSiIGXgoESiu/69ye4EEyGRTL+j0D+X3gpNuuAHojkO1MJXe+AAAAABJRU5ErkJggg==');
}
.col3 .m-t{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAbFBMVEUAAAAabf8abf8abf8abf8abf8abf8abf8abf8abf8abf8abf8abf8abf8abf8abf8abf8abf8abf8abf8abf8abf8abf8abf8abf8abf8abf8abf8abf8abf8abf8abf8abf8abf8abf//qgDRytswAAAAInRSTlMAM+suFBELJBogBfK2lWMHaPqk3MyfUkM6K9Kvp+KPiG/dFwx4oQAAAf9JREFUWMPt1duO2jAQBuDfB2zHhJxgSWBZYKfv/45lLFQViO0gS1Uv9ruKlHgyMz7hR4puhuOaaH0cGo33qVNPf/QnhfeYDT3ZGLzhsKUX2wMWm9bE5GZvVyu730hi62nx/8N42bW4azsZIizMwYT8aw1oq4RQlp/qUIXBEqF/Hx5aiTul4T9CJxfNX/i/RyX+UsGHHBTyTly/5vGPETT34YQszeungxZPNDpeURo5DSfQQoknCi2n0CBnCL3S4oUO3R2QcySiPax4YbG/vToihxeR5Qpea7C8mJBDNyuIGVjxu+IAxSUUN7F4GosXUvFSLt1Mxdu59EApPtJKD9V/day7a93Ti76+OiyhPinqMz8L7ZmSzm0m+x1l7Fxy/JbY12V0qyduvHwR2yYitOH/svGY5RsZcohXcb7naKq5A6Uy9wrPyV2wM74SEZU3u9SO4PmTzh9E1ME7ybMZ6SAHbx534a+bx13Z8FcOc67cf29EKoAwnufiGq3ggiodoMIlWsP37c0IlQ6gMBLRN+b0oTiRDiBCq/ronWQgMmD4u2gA5APgPw/g8gFcNIAM02hFkg3TKDGn5usARiQZ8AVRY07HuU0wiRyswUTh7pxjJCc3IWkKH5nozc5VjA4RbuT8E3f8QIsMiGmHReNbxDWSMmSDJNPVMjG67gx+PPsNuq9ov2kb2igAAAAASUVORK5CYII=');
}
.col4 .m-t{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAZlBMVEUAAAAabf8abf9TfL8abf8abf8abf8abf8abf8abf8abf8abf8abf8abf8abf8abf8abf8abf8abf8abf8abf8abf8abf8abf8abf8abf8abf8abf8abf//qgAabf93hpcabf//qgDuG32SAAAAIHRSTlMAMx9ATGfzsvr54sSXUTXp1dCloXJsSUM59VxXFBAFTCXZilcAAAEfSURBVFjD7dbZTsMwEAXQmHqtl+xJN8rw/z9JEoM8QQ6QCqGU+j71yp3TWtVEzVK2E7gh/xF4WpEokK3IAkB+mAQ8DnDABddl4IqBTswB0WHgGt8FDFRg8byFCgPxXbAI6BUIDAhQPQJsFBAIqAEkDZVKgBoBIgpAmDiroeowoYeqzsGDOMDZx43zqQvnqxNTzS3xYXwBAFnR8f7mCD5FOxCuLd7r0fTjx1fyq0favtwDCi8KHlo4jgM4mvEZxPT3z0Q0oowjtAzvLSlxRiEuCmQX479fXvvfo9FyrFI3U6V17q9hLsu70LGGUbQBp7Y9HUKnw3F3N+t8/8Drpzwq8LLzuRnYEZ8EJGAVgDMOPaPXs8NfADb6b/3vgZTN5A1NUZTXc7HuLgAAAABJRU5ErkJggg==');
}
.col5 .m-t{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAG1BMVEUAAAAabf/MnDkabf+kkmbjox/doSYabf//qgCp24o7AAAAB3RSTlMAM4cQYqygG2LrBQAAALRJREFUSMftlDEKAyEQRfcKCUt6rbbPCdLlCGlzivRCYI6dBb8j+B0NhOxa7G99/6mDOB1JeTWyHXA1osBkJAOnav4MzD1gebaBs7zbwCJyMwAIJFQNPgtcAaDosqAAUAwqICAWxSUBAbEoAQICIFiXICgACPy6BgEBsZggBrAztiEAAj0oAxDgqgxAkIfFwB1FjJuBixa98eQeWjSAufto9wbq+QYY5o8aJd0D/g4MP4Pd8wFNuh9dcYzHbAAAAABJRU5ErkJggg==');
}
.col6 .m-t{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAFVBMVEUAAAAabf8abf8abf8abf8abf//qgDsLQ8IAAAABXRSTlMAMxH0iK6itxIAAABwSURBVEjHYxh2IBQDDIQCJRSARQEGH0NAEAkMawViaWCQiEUBEwEFTM6YCtDkMRWgyWM6Ek0eUwGqvAmmAlR5BUwFqPK4Awoqj1sBRB6PArA8fgUKeOMCxKCnAjgY2gpGQ5JOCpABKQpwAPooGC4AAEQzzYqVdwPxAAAAAElFTkSuQmCC');
}
.p-ico{
    display: inline-block;
    width: 42px;
    height: 42px;
    border: 2px solid #1453ff;
    background-color: #fff;
    border-radius: 100%;
    background-position: center center;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    -webkit-animation: Tada 3s both infinite;
    -moz-animation: Tada 3s both infinite;
    -ms-animation: Tada 3s both infinite;
    animation: Tada 3s both infinite;
}
.p-ico.pi1{
    left: 34px;
    top: 168px;
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAANlBMVEUAAAAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLECXQDHUAAAAEXRSTlMAMxA79enau6ubfGxdH8uMTXiX0XEAAAB6SURBVDjL3ZJbCoAgEEVNy/dz/5tNCmdUMiIiovPllTN6P4a8Sqq4Kzi64YYC3Q+0E9IJVwU6AAQyHUJAcHCXMhAcduDK9oJVvC25SMPKKDNyaUtqMec0C50dBqEqiUPe43MEBfwWC7VCIYYQIbQC8l9huOcPrNwnWAHssBN3/AAg4QAAAABJRU5ErkJggg==');
}
.p-ico.pi2{
    top: 115px;
    left: 50%;
    margin-left: -18px;
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAHlBMVEUAAAAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEADJYGJAAAACXRSTlMAM6aZEGfibXSNeJLZAAAAaUlEQVQoz2MgF3DOhIIJOAWmuICBJ1xggiAYcJIkEGxsbI4QiJwgaDlz5iS4QNjMCYJFSkoaQAEoPxNuBoSfimIo28xUVFs4p6LZAiI4obYgBOC2IARAAKcArQzFFIAFFCQKEACLABkAAHBQU3jvFd2MAAAAAElFTkSuQmCC');
}
.p-ico.pi3{
    right: 34px;
    top: 168px;
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAS1BMVEUAAAAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEBjKedWAAAAGHRSTlMAMxDJOhbfoJpBKCMcpQnr5X1zZFr0s5W6g9LmAAAA0UlEQVQ4y62Q266DIBBFGW6iovXWdv3/l57khBhAG5Km63UvmJmtfosEDz7Ih1hPJCZ9mxvoeuf6DsydMfGwehAZtH0w3cwHG+WfaOG6R6DTktAd4SJ4+kESQ4+/CODkxEFTaI5oLtk8s1XUF1XPm+HEbHOd24WCxVY5+H3UiXH3UBjzwsuNcjK6F0s+ZcOnHkNIXXq2TDDs6T2kP3ZMJjwZ5RSSwTMTYJaKGQpB1YKqhFgLsRAMqy5zvRZLHrBGlRFXOFTGmwtvVXAYCsyhfsUfX7cTB/CwUmQAAAAASUVORK5CYII=');
}
.p-ico.pi4{
    bottom: 160px;
    left: 34px;
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAANlBMVEUAAAAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLECXQDHUAAAAEXRSTlMAMxCTmvHdcEnAi1NBKRMG6SROdVUAAACLSURBVDjLvZFJDoUgEEShGdT/ner+lzUagkDb9MLEtwLqQREw37FGVMS1zrcJDdNWCR7BUoEN8GU+AKOpGIGBz6Q9Sz6vaV3SMEIgJgEiWTBPUF4nMvYBKjYqAjJX8P/1hXmH61c4wHGBG7zizDwSThW0Cv2SbcWdz+HKBYE9VOL9X1D/uyGiC59wAKG4Eur61f+UAAAAAElFTkSuQmCC');
}
.p-ico.pi5{
    bottom: 115px;
    left: 50%;
    margin-left: -18px;
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAJFBMVEUAAAAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAgsbQ2AAAAC3RSTlMAM+NJEMaVYEE0pcnUhk8AAABnSURBVCjPY6AK2I0CsAq4IAGwAKMgHAigCkigCxitRBUQ1tZACJgaAhVsMoQKgCSVwRguYLR7kyFQAUwAKKkOhMoIa4GSIDVwAZgJcAExkKSpIUJAMhnD6QQEUEKLcIiRHO6YAtQBALnJZe6wfrTRAAAAAElFTkSuQmCC');
}
.p-ico.pi6{
    right: 34px;
    bottom: 160px;
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAVFBMVEUAAAAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLEAcLECr15pmAAAAG3RSTlMAMx+Yp/M7+0CDW1RQoevh2dLGvpCLc2dGNSCGCaCEAAAAnUlEQVQ4y8WTyQ7DIAxEQwlmz9qs/v//LIYLqGlVKWoyBw/yvAOMRHWN8KN+Bx6HyoCKHai6AwCTEgNvwB4305CAYYq2Z4CmhWpwIV+wUeQ6L4oDsz2imBmbBWJvGfCySSlC3AWXiB2dZdGkaUM0OvAUeXBjiFtTvGK18eqbcxs52PUvRXFMqk8AtVLKfwVo3gVEaXymme1P/4tL9AJ9MB7MbZyU0wAAAABJRU5ErkJggg==');
}
.col1 .rope s{
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    margin-top: 192px;
    right: 0;
    left: auto;
    margin-right: -102px;
}
.col2 .rope s{
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    margin-top: 210px;
    width: 52px;
    margin-left: -22px;
}
.col3 .rope s{
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-top: 192px;
    margin-left: -105px;
    left: 0;
}
.col4 .rope s{
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    margin-top: 60px;
    top: 0;
    left: auto;
    right: 0;
    margin-right: -100px;
}
.col5 .rope s{
    
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    margin-top: 0px;
    width: 60px;
    margin-left: -24px;
}
.col6 .rope s{
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    left: 0;
    margin-top: 60px;
    margin-left: -104px;
}
.hot-solution{
    padding:20px 0 40px 0;
    background-image: url(../images/hot-solution-bg.png);
    background-color: rgba(0,0,0,0.55);
    background-size: cover;
    background-position: top center;
}
.hot-solution a{
    display: block;
}
.hot-solution .xp-title{
    color: #fff;
}
.hot-solution .container{
    min-height: 800px;
}
.hot-solution .hover-list{
    padding: 30px 0;
    margin-top: 60px;
}
.hot-solution .hover-list .hl-li{
    border-radius: 5px;
    box-shadow:none;
    border: 1px solid #e1edfa;
    margin-bottom: 20px;
    width: 32.5%;
    min-height: auto;
    transition: all 0.5s;
}
.hot-solution .hover-list .hl-li.li2{
    margin: 0 1.25%;
}
.hot-solution .hl-li-title .title {
    margin-top: 10px;
}
.hot-solution .hl-li .hl-li-title{
    padding: 0;
    height: 80px;
    line-height: 80px;
}
.hot-solution .hover-list .hl-li:hover, .hot-solution .hover-list .hl-li.hover{
    transform: scale(1.08);
    margin-top: -38px;
    box-shadow: 0 2px 3px #1453ff;
}
.hot-solution .hover-list .hl-li:hover .d1, .hot-solution .hover-list .hl-li.hover .d1{
    color: #333;
}
.hot-solution .hover-list .hl-li:hover .d3, .hot-solution .hover-list .hl-li.hover .d3{
    display: block;
}
.hot-solution .hl-li .hl-li-title, .hot-solution .hl-li .hl-li-title{
    background-color: #e1edfa;
}
.hot-solution .hl-li:hover .hl-li-title, .hot-solution .hl-li.hover .hl-li-title{
    background-color: #1453ff;
    text-indent: -1em;
}
.hot-solution .hover-list .hl-li:hover, .hot-solution .hover-list .hl-li.hover{
    border: 1px solid #1453ff;
}
.hot-solution .svg-center{
    height: 16px;
}
.hot-solution .svg-left{
    width: 30px;
    left: 160px;
    left: 80px;
    top: 40px;
    opacity: 0;
}
.hot-solution .hl-li:hover .svg-left, .hot-solution .hl-li.hover .svg-left {
    transform: translate3d(-113px, -70px, 0) scale(1.91666);
    opacity: 1;
}
.hot-solution .svg-right{
    margin-right: -80px;
}
.hot-solution .hl-li:hover .svg-center, .hot-solution .hl-li.hover .svg-center {
    opacity: 1;
    transform: none;
}
.hot-solution .hl-li .d1{
    text-indent: 2rem;
    padding: 8px 16px;
    line-height: 20px;
    font-size: 13px;
    color: #666;
}
.hot-solution .hl-li .d2{
    padding: 8px 16px;
    line-height: 20px;
}
.hot-solution .hl-li .d3{
    padding: 0 8px;
    overflow: hidden;
    display: none;
}
.hot-solution .hl-li .d3 .item{
    padding: 8px;
    float: left;
    width: 50%;
}
.hot-solution .hl-li .d3 .item .a-btn-bg{
    width: 100%;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    background-color: #1453ff;
    color: #fff;
}
.hot-solution .hl-li .d3 .item:last-child .a-btn-bg{
    background-color: #e1edfa;
    color: #1453ff;
}
.hot-solution .hl-li .d4{
    padding: 8px;
    overflow: hidden;
    margin-bottom: 8px;
}
.hot-solution .hl-li .d4 span{
    float: left;
    width: 20%;
    padding-top: 40px;
    background-position: top center;
    background-size: 40px auto;
    background-repeat: no-repeat;
    color: #999999;
    line-height: 20px;
    text-align: center;
    font-size: 13px;
}
.hot-solution .li1 .s1{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAARVBMVEUAAAC4v8zp7PLp7PK4v8y4v8y4v8y4v8y4v8y4v8y4v8y4v8zp7PLp7PK4v8y4v8y4v8y4v8zp7PLi5eza3ufd4enQ1d9aYiR2AAAAEXRSTlMAcHDwwPOAuDiviBRpMercnN7Bd/YAAACFSURBVDjL5dTLDkRAEIXhajNmxtyPwvs/KpHjkqa7CZHgX3+bs6iS3XXDWMtgbKwSF5R31O9jnPCS9os2hjlTJ/wDUkGwwgEfdwQhGaE2EQ5Y/AW8Y8ier2sAkomEIFkLlY1AI0JorV4JZkwDsGs1qE2nWj0J2ndtwcTU/QDvp4CvOfBwlYgwKF4TxmHOAAAAAElFTkSuQmCC');
}
.hot-solution .li1 .s2{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAY1BMVEUAAAC4v8y4v8y4v8y4v8zp7PK9w9C4v8y4v8y4v8y4v8y4v8y7ws+4v8y4v8y4v8y8ws/p7PK4v8zT2OHd4unh5eza3ubn6vDl6O/R1uC8w8/EytXN093L0NvHzdjFy9a9xNCr4EGiAAAAEXRSTlMAbj/30BBL6dz7alxVRB0PeY/EbtAAAADjSURBVDjL1c/bjoMgFIVhBEV7HpZsBO3p/Z9ypCCRmWiatDd+N6yYPzuRbcW5WHVOYYFVxTwUi/JQsEUiDyu1YMuhUfnIwz12MdR9F0bX6xjusE/hAZDh8wAXhsMQBgcOKTwBjVWjFoB+XQbQ+mEb4JRCDqB3xjzg3Yy5wXsY43oAfBbWCJ4OkXvGUWdheRz81atVdMfoTspe/bVBlnlYKUsUf5ioC4vIKvYvXPBpSO3EroctJvp7YTcy74T+0dsOWfXyA/hHArIK/oSiDGpAeEBTRiIL18zCC58ci4nkyYVtxC+dFDXfdFLdSwAAAABJRU5ErkJggg==');
}
.hot-solution .li1 .s3{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAA2FBMVEUAAAC4v8zp7PLKz9q4v8zo6/G5wM24v8y4v8y4v8y4v8y4v8y4v8y4v8y5wMy4v8zIztm5wM24v8y4v8y4v8y4v8y4v8zp7PK4v8y4v8zp7PK4v8y4v8y4v8y4v8zp7PLp7PK4v8y4v8zp7PK4v8y4v8zp7PLp7PLT1+Hp7PLp7PLb3+fp7PK4v8zp7PK4v8y+xNDp7PLp7PK4v8y4v8y4v8zp7PLp7PLp7PLp7PLp7PLp7PLp7PK4v8zU2OHEytW8w8/O093Jztnl6O7Z3ubh5ezAxtLg4+ulcIQKAAAAPHRSTlMAgFAI/f7t4chUD/e/Ldk/IPHStKmVf3h0aWRJNR4XD+rnno+JXk4p+fTd2c3AuZ9+QzouBAPp3Liko43FoI3bAAABhUlEQVQ4y9WUiW6CQBCGW2ERERTvG++r2lbt3e7ire//Rp2dDQVBsIlJk04Ix863M8Nk57+5whLxeOIX2NM9A9ONC5hWkBnLZBiTC1oE9lxRIFrHsh7hoVRewrh0Fvxq3fz4NOsqvGbTZ7FGHnztvlQaUzouSTwoyzcCmFRMQmE9bXBHuR1XDC1ZlPwtgdWcOXxAjCw5lErn4H7SKkPl67VmlyC35thqR76atRSv2m2VDDnKUrWF2A6zrvnra1Uq84p+QO5RJohtMeuSUGEThX96QPRuKd1g1iNCYpcP7CiIYlYbELdWpXMC3sZsJmzjYDuxK3brAynBtIe9wPYH3EVoAPQ6PZuCoDedLRpJaRjo/IDTyHDQbeSWRoMYVIS7DNpQ5f8G52Hg/BTUrcX0HDhdWLoH5EOPJ9wHtuCEZ7wn3NDdmXFB0hUzoxvnptAF34emmMLQuUbwbaD1ZJzrcKUYMTYqSf02KkWU9swYmznaE6lmKl6oZtH6CIb6eJXiBjX8D+wbauix72CXikQAAAAASUVORK5CYII=');
}
.hot-solution .li1 .s4{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAkFBMVEUAAAC4v8zp7PLp7PK4v8y4v8y4v8y4v8y4v8y4v8y4v8zp7PK4v8y4v8zR1uC6wc7Q1d64v8y4v8zp7PLp7PK4v8zp7PK4v8y4v8y4v8zp7PK4v8y4v8y4v8zp7PLp7PK4v8y4v8zp7PK4v8zp7PK4v8y4v8y4v8zp7PLp7PLp7PK4v8zj5u3d4ejT2OHm6fA/KWZ+AAAAKnRSTlMAcHCAYPrqqI2EZzoqIRUPCwbl0Pbv4t7XzsK+tbKompd5ZVpXUkk9MR7GPfZ8AAAA10lEQVQ4y+2P2Q6CQAxFRRREBBFc2Pe1o/L/f2cTMbIMKCExIfEk8zDtaXq7mCWHQA0OX3jJhRByST5pOws1Dp+1G9Jkf02IGi0ilZC1L/eGY07YF5RQCxUBJ04MPWqq40ZeEjUA0ESJx5+eUsLZ2DCywoUnbpEZWLFbUfcbXMVtFfYIL46ssuUwymZf86pKfIY657iaf4u4w5FyE9qYueRgry4Ksgc0PFloiswS6CyZvzhOLEmXcpII9y4Tj7l1+dUx1y5TjhFZOmJL5Fd98A1xiDHiXHgA/jZ08fgJYv8AAAAASUVORK5CYII=');
}
.hot-solution .li1 .s5{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAASFBMVEUAAAC4v8zp7PK4v8y4v8zp7PK4v8y4v8zp7PLp7PK4v8y4v8zp7PLQ1d/h5eza3ufe4unS1+C7ws/m6e/X3OS/xdHEytXDydUIfj2pAAAAC3RSTlMAcGAwQJCvlDYkFZsUcF8AAACVSURBVDjL5dPLDsIgEIXhAtrbcSi36vu/qQtKQkyGQRs3+q3/EE4Cw6+B6P1wVA1jFapFsxZVh/rG0ifDSAEZtcM70BVuwIMy1ww9ELvumABvnXNWCmOZEkhY7XYcPBuWNBGR3xGksF7Fh3bLknQiAYUXws7V0R5Ov575yprrcLo0TMDXfqERDR9YFWN9CQ0Ypj/8Z08mhSIiB88kYgAAAABJRU5ErkJggg==');
}
.hot-solution .li2 .s1{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAUVBMVEUAAAC4v8zp7PK4v8zp7PK4v8y4v8y4v8y4v8zQ1d/d4em4v8y4v8zp7PK4v8za3ubj5u3n6vHN093CydS+xNHJz9nd4ejg5Ove4urR1t/P1N6514FWAAAADXRSTlMAcHCvMVAggGCdgjgqKp8E9wAAAKVJREFUOMvd090OwiAMhuEB818+wMmm3v+FOgtbwISKHphsb3r4HDRN2iwlxPbNBtg2O+T9BJV4dQ7wJJJUDkUrqQNwlGmteINSUwawOk0uHbpP0HuCrnvw8A74EQ4dYFjoRhHGaxaSBMjxkCQ5HpIkx8MoozMhW4LzDRHqi1B/C23IMTCPh8NlyvLQAHU79tepW/WOf4CtnGP/WolSKoN89XB1PQF9viqgCk3rtwAAAABJRU5ErkJggg==');
}
.hot-solution .li2 .s2{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAclBMVEUAAAC4v8y4v8zp7PLp7PLp7PK4v8y4v8y4v8y4v8zKz9q4v8zV2uO4v8y4v8y4v8zp7PK4v8zp7PLp7PK4v8zT2OHn6vHl6O/h5Oza3ubY3OXP1N7M0dvHzdjDydXAxtK9xNC6wc7j5u3e4urc4OjU2OEcisLhAAAAE3RSTlMAcECgcGBQi7ivn5SAfXxPPDAqw83URQAAAMBJREFUOMvtk9cOgyAUhktb91Zw7/H+r1ijzKI1bbwy/a448MHhJ+F2WVQooJ4iagCjHYgBGQcb4p3giie6dAGL8JDvRWvt4AEBb521OBH4j118wItKREnRTMpqhRd1my0gOINYbetCmLbMYlmMs7KVU3dVnkQcSV5176kdE8/VKCU3rfFu0xHC0C6wKcaxaCC9j7KResAC3jCw1PLz9NPSsp76pZRFIQQXShZF/uJvYvjcJeRFA3zAwOK53/VivAD5sTtVV+jUqwAAAABJRU5ErkJggg==');
}
.hot-solution .li2 .s3{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAh1BMVEUAAAC4v8zp7PK4v8y4v8zp7PK4v8y4v8y4v8y4v8y4v8y4v8y4v8y4v8y4v8y4v8y4v8y4v8y4v8y4v8y4v8y4v8y4v8zp7PLp7PK4v8y4v8zEytbN0tzQ1d/d4em4v8y4v8zp7PLa3ua8w8/j5+7m6fDO093W2uPM0dvBx9Pg5OvT1+HEytYjJ3fDAAAAIHRSTlMAcHCQ4FBetQz58CDTUTkQ6ufOwcCvoDEjHAPBpp2CRghPn3QAAAD1SURBVDjL3dLZDoIwEEBRAa3Qirjvy1DA/f+/z6k0AdoBifFF7xvllHYSOj+VPwCzgU+4TR/s+hsberjsVMOtnuUYwMQ8yJ8AMGNtGMB4be1ejyEYVlbESK/Y+0fCGJh1qFh1dLw179JxnLGA0FwZTr26pmU4m4WrHt3KQVjOjenczyDnPEh0+ftMkhCKktw94ExBHG570sWqWwIo399RSxsKIQ4plr2OTVUS5b3mjvobEqB4bgkvJgzDcC+xVMFUqs4JuhbDZFflLMgY20nCkcNcDYiuGWp5jykYRZGbffXvWSyOS5duadxx7tQ1r8Dm2sO/6wn8MVEazj8bOgAAAABJRU5ErkJggg==');
}
.hot-solution .li2 .s4{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAUVBMVEUAAAC4v8y4v8zp7PK4v8zp7PLp7PK4v8y4v8zP1N64v8y4v8zp7PK4v8zp7PK4v8zm6fDd4eji5u3b3+fQ1d+7ws7X2+TIzdjCydTd4enKz9q76oMPAAAADnRSTlMAcOBgkHBQUDAgwa8qFZR+RRoAAAClSURBVDjL3dLdDoIwDIZhJyqMn7aMbQzu/0LVhLhhLM2yI3mPn/Q76eXfqnFXXQ612qV/mUExDV+wQaYmA+Z3Fdsgin1gezuoTaDSDzatUlgBW8VBQwBkZLi4QBTcIsIZMQTEmYWpjI6Hi3Nv6NwkwBG3JGisXRFXa40EvbeI1nuTOV0OgWh6KSLgYXJ0hFgJjOsgQfnN+jtbn8JOHdRFKJQDT9YThYkqsyGWnbwAAAAASUVORK5CYII=');
}
.hot-solution .li2 .s5{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAeFBMVEUAAAC4v8zp7PK4v8zp7PK4v8y4v8zn6vG4v8y4v8y4v8zp7PK4v8y4v8zp7PK4v8zp7PK4v8zp7PK4v8y4v8zV2uPp7PLp7PLp7PK4v8zp7PLp7PK4v8zp7PK4v8zEytXT2OG9xNDi5u3a3ubHzdje4urGzNe5wMwYLD5sAAAAHXRSTlMAcHBggPcZ/bCtlJGQMRoM6+j3olgFs5hDPTgT0HT0BfgAAADqSURBVDjL3dRrD4IgGIZhOihlJ8zs3AuY5f//h+FDZZrJpltb3R9exrjG+AT7lai5VjAafCoqw95+WN++V4H9U3397pDb6YRcKzOV5i54JVInRXR1wUQTGawTB4SEc8CLlDKjzMxLMzzTo7PjxjRNNWkzm29EkiTWDtDxxm4wUUpp0mYmLd74LYgcUKz5C+FrUQvFZhv788nyzpaTuR9vN+INHuJdENJoZqhlsxGFwS4+VGBkVB6oAMszNipB5I0DD5SBecHYq/4UUKsFY/40Pzvm+6nP2GIFW0AoBGoZgi2gVU8aWlac/l03dKdU8KfLSGQAAAAASUVORK5CYII=');
}
.hot-solution .li3 .s1{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAANlBMVEUAAAC4v8zp7PLp7PK4v8zp7PLp7PK4v8zg5Ova3ubX2+TN093j5+6+xdG7ws7f4urP1N66wc6JOU1mAAAABnRSTlMAcGBwryd0Nm1AAAAAbElEQVQ4y+3USw6AIAxFUUGwCuXj/jfrwF/QCkZUEuMdn6RJB68qHcS6CAWjE1vIJKeSbAd5Q1XnQm/NJIz1Mahhhhb06xDH+hRcugk6teZOP/yHH4bYheERVBCmsiG2YeTp9KSkR+qBfSzdACLAFmX/CuBxAAAAAElFTkSuQmCC');
}
.hot-solution .li3 .s2{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAilBMVEUAAAC4v8zp7PK4v8y4v8zp7PK4v8y4v8y5wMy4v8zp7PLp7PK4v8zp7PK4v8y5wM3Fy9a4v8y4v8y4v8y4v8y4v8y4v8zp7PLp7PLm6vDp7PK4v8y4v8y4v8y4v8zp7PLm6vDY3OXY3OXp7PK4v8y4v8zp7PK4v8zp7PK4v8zK0NrBx9Pe4ura3uYT/AZyAAAAKHRSTlMAcNCQ4GD7t0zu69XVsGxINCgFwOnZl41qSLLvsrCAY0o0MyQTErMeXhtqDwAAASZJREFUOMvV1NluwyAQBVDvJuAEYjvesm/tTJv8/++1oDoFgy1V6kNynww6hhEj8J4kub97fO/8fNSRFYaPQYgr4mbLFNGAiOnSZpcqQQtiUl2Gxa2/Z8PSgGWYIK793CwOcSPOkQGjs9ggGqUiYsYbGg9gTBueIaIOq5YBWBCAtZUJ/QCcEAL/6WDEf6Z4NAUL1ba+ncUoZIfFTDboXbZktjgwN5TpjtKg1Mc3gBGoUotU7i9qgGkIdE8KsqcwDVWCWB/YUM8/wttHn5sbbk8dyNyxz12Nu9NWh+p8WyZX/OwjV2St6sDgAmakoaCHNiSzriJXUyLQXCDU73z4SMhNwrkG56EsyPFcXEsLllfPlciCkTcG6+A39QQsfD3FOBzkL/C18gUoMlUJVyNTfAAAAABJRU5ErkJggg==');
}
.hot-solution .li3 .s3{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAKlBMVEUAAAC4v8zp7PLp7PK4v8y4v8y4v8zp7PK4v8y4v8y4v8y4v8zp7PK4v8xmbkFjAAAADHRSTlMAcHBgsNDAKvDTm1S7L+loAAAAV0lEQVQoz2OgH+C9iwYu4BS8IogCfMGCF4uUkIC6LETQ5gwSODwqSJkgZiAjomOJi4sXNDpIiE048A1gvQJlkiy4UVBwbovHTUFBaSTBXJgl17AL0hUAADgjJ3BOg/74AAAAAElFTkSuQmCC');
}
.hot-solution .li3 .s4{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAPFBMVEUAAAC4v8y4v8zp7PK4v8y4v8zp7PK4v8zp7PK4v8zf4urp7PK4v8ze4unBx9PT2OHK0NrY3OTQ1d/JztmzvOpzAAAAC3RSTlMAFovQoQ9AcDTKTBfuUjcAAACGSURBVDjLzdTbCoAgEEVRLZ2sJrv9/78mUuGFKSFJ16NskPMyrDTZPJBOyPEB90NhIfbC6q+XKGQKAAbEjlkdIhhKxmE7Gm44Gi0Z3nKFs4MOQ3Q4BchQo0cnh5+/jvwYbotn+7561569xtWh99U6V7jOp7Xe1WmhggBxUgQhCmk8/ZAWdgDswiPNcWkHvAAAAABJRU5ErkJggg==');
}
.hot-solution .li3 .s5{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAjVBMVEUAAAC4v8zp7PK4v8y4v8y4v8y4v8y4v8y4v8zp7PK4v8y4v8y5wM3a3ue4v8y4v8zn6vDp7PLp7PK4v8zp7PK4v8zp7PLp7PK4v8y4v8zp7PK4v8y5wMzn6vC4v8zEytW4v8y4v8zp7PK4v8zK0NrFy9a+xNDZ3ebR1uDByNPk6O7f4+rV2eK+xdHk5+6JITwcAAAAInRSTlMAcdDq/PbUt5aKiWdINwzkQPrs3tfKuq2qfGtbVE47NishvZ0LsAAAASxJREFUOMvNlImOgjAQQBfwQkXxvq8Z2oKi//9520kT6O5Q0JgYX8LZVzot0/n5AKNNsBk94e3GiDjeNWnHhdZIXRzrtMtaK7N9vJ/p6/riDK7fRgy82Ac/9gLEdr861IFua/WiFRCrqNfSvQZcG3YQsXsKJ2CYhKeuftMZ/tXO5uV2Sk6apHSZbk3ns+WZYQ5z8zGBwtzMDyacUqTAoyWAJRqWEU3QFr0QgIlE6P0T/aJJIaIqnnyXeBNIiFu9+Ei0JFOpz8mjTiQvpRUis16UVyCusknMwJB9WsysGDO3qCRas0apHKKgxmId6RDVYo53Zf0ZdcfcMXQOGi1QByKvGjqEEtJ49vB8JHg+8gwnWIbzPVNQ7pnXd2Hzvm6uFO/UHl7N3quPvOJ+E78dWF4f9DzLNwAAAABJRU5ErkJggg==');
}
.four-hover{
    padding: 20 0;
}
.four-hover .m{
    border: 1px solid #e0e0e0;
    padding: 16px;
    margin: 33px 0;
    transition:all 0.4s;
}
.four-hover .four-m-t{
    min-height: 540px;
}
.four-hover .four-m-t .t{
    font-size: 24px;
    font-weight: 700;
}
.four-hover .four-m-t .t span{
    display: inline-block;
    height: 48px;
    line-height: 48px;
    padding-left: 60px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 48px 48px;
}
.four-hover .four-m-t .t span.s1{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAnFBMVEUAAAD/qgAAXP8AXP8AXP8AXP8AXP8AXP8AXP8AXP8AXP//qgAAXP8AXP8AXP8AXP8AXP8AXP8AXP8AXP8AXP8AXP8AXP8AXP8AXP8AXP8AXP8AXP8AXP8AXP//qgAAXP8AXP8AXP8AXP8AXP//qgAAXP8AXP8AXP8AXP8AXP8AXP+EhHsAXP8AXP//qgD/qgD/qgAAXP//qgAQYe/1qxIFAAAAMXRSTlMAEBD1yrpdTjItIvr57ObVwbOtpZ+QiYF6cmxWSEA1B/ve2NDGvJiWZWQ7HxcVCb690rOXlwAAAXRJREFUSMfdk9mOglAQRBFExX3fBfddZ67+/79NN8bbzZ2k5Nl6okidSGIf74tSLhrO80ExNtyehlMsZ/clYxDAKel90vgMNBIFVAwG0lQUMKfe8ikXnvg23C780KLBXAEz6m1+KPBE3nMr8EObBjMFnKh3ENChwUkBE+o9BPRoMFHAiPoeAXsajBQwoD5EwJAGAwX0qY8RMKZBXwFd6lMETGnQVUD4/uvvj3+5v08nVABf3uu6tu5++7pNvj8FtKgv0qe4lt3XYo+z4FNQQFNOJf5VSO0nlmNrKiCgXrWtYGNfVWkQKMBQrh7IlRdSfa4JAhJe+JkfXHowy8xHRywUBljJyLYztRUGVjQ5Z4TbYGAjyolwII5yx1Q4GFbu6AgHIsqJcAcMHEQ5EQ5FlBPhYEQ5EQ7EVW6XCgfDyu0c4UBc5dapcDCs3NoRDkaUE+FARDkR7oaBW0a5usmVugXCfEAoxgV59kHkCRHWP35PGHnfkj+0GoBu2ID3bgAAAABJRU5ErkJggg==');
}
.four-hover .four-m-t .t span.s2{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAIVBMVEUAAAAAXP8AXP8AXP8AXP//qgCEhHv/qgAAXP//qgAQYe8u/QK+AAAACHRSTlMA+RC5MBAfH/RfHe8AAACaSURBVDjLxdOxDcIwFARQimwQF67ZIJ3LZAMaL8AODBC5uRVuA5QpQQ6fLx1BacC5zv81lr/v1DrdgJp+FJjwShBIBkUgGswCwLkGELBBa+A7/4RbzsuSN+BSB9sQAdIf0SEZFIHJIAh0wwr96Jsm7/VIyqafgCCQDIpANJgdfNPkFfiA9VZfwPJLOP6bKezXRQu2X0ktceM8ADxCvLHrWG2KAAAAAElFTkSuQmCC');
}
.four-hover .four-m-t .t span.s3{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAh1BMVEUAAAAAXP8AXP//qgAAXP8AXP8AXP//qgAAXP8AXP8AXP//qgD/qgAAXP//qgAAXP8AXP8AXP8AXP//qgD/qgAAXP8AXP8AXP8AXP8AXP8AXP//qgAAXP8AXP8AXP8AXP8AXP8AXP//qgAAXP8AXP8AXP8AXP//qgAAXP8AXP8AXP8AXP//qgAcyyvvAAAAK3RSTlMAIVoDafp49YdC9qWZlvrvgmNOTkJt+OLV0qc3LRMKw7+5sq6fmY9WVDEfEKApuAAAAWdJREFUSMftlFmWgjAQRSOIAg6IIyDOs8X+19clCC90Bv779P0qKvcdQhIi/hhOSlpSR+/3ychK5/fW5sC6pwlcyMJF9QNi/J4Gn5hACSTc3eyFhv2Gh5Lf3RUxT6HlqfnuXcS9ozBw5MFo12rduOXlpkDu8fBN7ryImQgjE2JeAhzUd6ozPuDZIaZvkHEKnNa6pcJKKq/6TNkZw77OpEOUiQ4yHKkrl+G7K/AOWbuWZYSX6cHEo7IiJsaA6+rr+OM1xw5L5p5HblOPzm5r6ROU5NROUZQJ1KrkE2Y1LoraYp8ZYz7k43uard4OS6vJDrfNRssrM1ATqj/gCglcDssqUfnL5ueCLycGSMDHkHIekYCP6VoSi+nHny4sPhJ+lah9H75KLCdkPzbexkg8HvB5f+2Je/14h29MeNX9gbvCg69lXiXgz+0+EqpvT2QZ/C6CkL6Egd1EwuTbE/C7yU+ed8rFP19+APkMVooha9HFAAAAAElFTkSuQmCC');
}
.four-hover .four-m-t .t span.s4{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAHlBMVEUAAAAAXP8AXP8AXP8AXP8AXP8AXP8AXP8AXP//qgBJmEklAAAACHRSTlMAEB/5uTDsVyRI0DoAAAB7SURBVDjLY6AfYHXuQAImAXCJ4A4UYAqX8ECVaIFLWKBKNMMlOjoEkUBHB5IEslPIksD0Q1sBRALTD+0QCUw/tEEkMP3QAZKA+0EJDqASmC4alRgQCUiCg0lwzoSCCRCJFlwSpjgkTAKwSFA13RLKNJjZjGDGxMzKdAMAZPHPiycQi7oAAAAASUVORK5CYII=');
}
.four-hover .four-m-t .b{
    overflow: hidden;
}
.four-hover .four-m-t .col-md-3{
    padding: 0 12px;
    margin-bottom: 20px;
}
.four-hover .m .item{
    margin: 8px 0;
    overflow: hidden;
}
.four-hover .m .item h4{
    font-weight: 700;
}
.four-hover .m .item p{
    color: #666;
    line-height: 20px;
    height: 40px;
    margin-bottom: 0;
}
.four-hover .m:hover{
    border-color: #1453ff;
    margin: 0;
    /* transform: translateY(-33px); */
}
.four-hover .m .f-btn{
    display: block;
    margin: 0 -16px -16px;
    height: 0;
    background-color: #1453ff;
    border-radius: 0;
    transition: height 0.3s;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
}
.four-hover .m:hover .f-btn{
    border-color: #1453ff;
    height: 66px;
}
.four-hover .m .f-btn a{
    font-size: 18px;
    color: #fff;
    line-height: 66px;
    padding: 0 16px;
    display: block;
    text-align: left;
}
.four-hover .m .f-btn .icon-more{
    background-position: 95% center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
}
.classic-solution .gallery-thumbs .swiper-slide{
    width: 20%;
    text-align: center;
}
.classic-solution .gallery-thumbs{
    position: relative;
}
.classic-next, .classic-prev{
    position: absolute;
    top: 50%;
    margin-top: -20px;
    font-size: 16px;
}
.classic-prev{
    left: 0;
}
.classic-next{
    right: 0;
}
.swiper-button-next.classic-next::after, .swiper-button-prev.classic-prev::after{
    font-size: 24px;
}
.swiper-button-next.classic-next:hover::after, .swiper-button-prev.classic-prev:hover::after{
    color: #1453ff;
}

.classic-solution .gallery-thumbs .ico-span, .classic-solution .gallery-top .ico-span{
    padding-top: 48px;
    background-position: top center;
    background-size: 48px 48px;
    background-repeat: no-repeat;
    line-height: 40px;
    display: block;
    cursor: pointer;
}
.classic-solution .gallery-thumbs .ico-span.s1{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAIVBMVEUAAAB7fH0uLzN7fH0uLzN7fH0uLzP8/f/19vjT1NWPkJF0XW9OAAAABXRSTlMA5uZJSbKruT8AAAB/SURBVDjLYwADw1AkIMyAAKLIEoFIEqEoYPBIlMMBFSXo6Q+nNCBAtRwkosKghl0iiSENu0QaQQkEIEICpB0FAAVwSuC1nHIJMl1Fks/pH1YgsLK9YhY2O6Lay8srlmKRiASFx1QsEhEgiVYsrgoHSZRCLccrAQKoEkCBAZYAAFv6eS9lFOCuAAAAAElFTkSuQmCC');
}
.classic-solution .gallery-thumbs .ico-span.s2{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAA3lBMVEUAAAAuLzMuLzMuLzMuLzMuLzMuLzMuLzMuLzMuLzMuLzMuLzP8/f/8/f/Y2dsuLzM/QEQuLzMuLzMuLzMuLzP8/f8uLzP8/f8uLzMuLzMuLzMuLzMuLzMuLzP8/f8uLzN7fH38/f/y8/Xq6+3V1tmAgYL5+vzAwcOdnqBoaWz29/nu7/HX2NqGh4iDhIXT1NW4ubqWl5pOT1POz9GfoKKPkJONjo/m5+nDxMe0tbelpqmJiot3eHtzdHg/QEQ6Oz8zNDjLzM6io6Te3+Hd3uHHyMmur7CZmpxQUVVOT1Ix2vdOAAAAH3RSTlMA8xmPcs/MWAUUt0759u7b2XhpZiUU95VQ9bYqKeyU8rDjjwAAAg9JREFUSMeVlmtb4jAQhVNarl5RRHfX3eSUtiC0Ra6KeN9V1///h0RoO4nJY+n7iUnOoZ0knQnTqFftxuH+7u7+YcOu1lkOdafCOX8IcXUF72H1s+J85ynZFv+ki84y6qC7Dn7YJWam5mzk/AbuXIjlADeb2HJqJn2rzDfcIuiJFaMAt8lQ+Zeu37GSyXcXC7HmFe44GbTOvuqPecKjh6FImCB8TMePVf0RTxmhE6eGuINRNnGkvE82PA7QExlvCMbZ1A7pz61s9BpPQuIF19mUdZ6tZzkbvIAbyYbIxUU2WU5X1+EZQ1wKhQWGNNtM9teSHjDwVYM/kB5hbfb8D7bm9FN/soet2TtRM5hhIjQmmJHCWRkqFHp41g1TeKSoMFan6B59Xzf4fdyTpsSqFNwhFAY83JGmymwKerQJMpfokcZmDQq6lILMM7qk+ckOKPiHuckww1/SHDCLggFikyFChzQW40QAYcJHnxOyARBGZEN7i1eK5Vf6vUXScyVpdVmnJsNUWdbCG6ceDc9kCNWjUSp6+NTjPc093sU/oOKfKDstUATyy0zsqmVGL2SLr5ugF7LipZK15GL8Ihue5GLcMpX7/wHeSN/Tyr2xofh5DUVtWSF1iKHesoizNI+xi9e01OtN0dx2+6N1Aua2S9Sa7bSxD5ZCzN20sbebtfyrQ7TUrw7FLydmSvL1R//zD9y86JMlQ7sCAAAAAElFTkSuQmCC');
}
.classic-solution .gallery-thumbs .ico-span.s3{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAulBMVEUAAAAuLzMuLzMuLzNcXV9SU1V7fH17fH0uLzMuLzMuLzMuLzN7fH0uLzMuLzN7fH0uLzMuLzMuLzMuLzN7fH0uLzMuLzMuLzMuLzMuLzN7fH0uLzMuLzMuLzMuLzMuLzN7fH0uLzMuLzN7fH0uLzMuLzMuLzN7fH0uLzMuLzMuLzN7fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH0uLzP8/f/19vjT1NWPkJFHBgPoAAAAOHRSTlMA+vYJAwb58vDr5uDd2dLOysK5r6qlmo+FenVwZVpQRkE9NTEtJh8cGRQPDevmwrmaj4VlWlAmFJZDI3wAAAFVSURBVEjH7dTXloJADAbgsIJYUCxgLygqCvaaobz/a626SBlBx9s9frecH8hMEkhmqqoJHxgVCSmOgJXQ4sgV1xKAybRCfJUpMOj9kMBPD95Z1ElMfQEvDQuEUhhCukyTJGhmIMWkTBKVJ5CoG6k21+/nIrV34dm8RkLVGcCsSkK1OVAGeRLg2rylKBbf5kggP4hX2yCh0hg0CVHSYFwioUZYO/2A3+Pdnqdf9If+9FlGn3ymfxXgubiDiAHx8HwY1PFdFIxRLtRxQ/yCtBVSVlr8QiHaAsIOE+yEaMtApMl0GRPJeqQpIWzjThZTZDth28NjUIwNvrAxHoMF/iielvjS8uSPLtyH3driW1vrvhzgtk50CRlI+m39gGrydLXptfOmCmCskdnaADiK+AHxCPihb8DnuY595bgeW8BzbJ/jMQVcO+AyBZww4DAF7Ihv4N8EfgGbWokMiGiGLAAAAABJRU5ErkJggg==');
}
.classic-solution .gallery-thumbs .ico-span.s4{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAArlBMVEUAAAB7fH17fH17fH1zdHZ7fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH0uLzMuLzNpamx7fH0uLzMuLzMuLzN7fH0uLzMuLzN7fH0uLzP8/f/////X2Nro6eve3+DR0tSnqKmXmJl+gIFqa21LTE/z9Pby8/XLzM6IiYrk5efNztDFxsi6u723uLq1tridnqCMjY55ent1dndvcHFgYWNDREc4OT2Fhodyh5t+AAAAGnRSTlMA2M4VCvrtyaWbaVlEIQLG48zGxJBQDdY0M/5K0oMAAAFtSURBVEjH7ZTZbsIwEEWTkI1sFAq0HdyQkIV9X/v/P9YolYnHscMD6kOlnheke+dIVmxGoYxKSAH7+1nw09C5f+GXBSl/Rxi80OqWX7LT8XjKLvmNZi8DpcawX1Z5BgxZXob9oSLiozu6noHjfB113xUJeg8E9HTZfMsCIVZLMq+CBFVo6BZIsUSnakMD7fq8B414/HzwBojdDhBqwAku7veE7HHicsIrag8zQmYHFHXwvI/KdEkKlikKfSQ4bJWEpCRM2NRBgg2UxXZM7oy3C6DYSNBoPCccc9poSDBpPOGFCW1MJBhAiQliBRRDIiymhGH2JRFMuDPhDiQ+kgYV7FdiYo37rBVRJURMbEsvLqyEUHpxvliImdiXPr5VMTmN42l5a3c68ue9jjZJCpAmm2gtf96BCo2owXN/0cdL4Ok183iRCQ0NhGgt6TJuC8+vK3I8tXYcT2kkcDtoubiB8hDfsTXTMEzNdvx6+w1mrJhhyuhi0gAAAABJRU5ErkJggg==');
}
.classic-solution .gallery-thumbs .ico-span.s5{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAIVBMVEUAAAAuLzMuLzMuLzMuLzMuLzMuLzMuLzMuLzN7fH38/f+RGkpGAAAACHRSTlMA5kwZsn+As0PALWkAAACHSURBVDjL1dI7DkVgFEXhcy96pVKpVCqVSqXSEEzBI5iCKRilTfJ3KxGiYDen+KqVHDNbYGbPwa15MywV/AliQUBQCnyCXPAjCAUZQS9ICDpBRTAKCoJBEBG0LhzSFc7pAUOtcFzD4UrncKVzuNL3cE4vGCYXDunXxw/3PKzH3gv7PQe3L8MG+3gNiDHeFA0AAAAASUVORK5CYII=');
}
.classic-solution .gallery-thumbs .ico-span.s6{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAS1BMVEUAAAB7fH17fH17fH17fH17fH17fH17fH0uLzN7fH17fH17fH17fH0uLzP///9PUFNFRkk6Oz92d3hxcnNsbW5mZ2lhYmRcXV9XWFrfJqWiAAAADHRSTlMA9tyRbiMJtu5KSbQjggwDAAAAsklEQVRIx+2QyRKCMBAFgRCCOJF9+f8v1crixJcc9GCVFunjvOlLFw8kvTJpxwSDLCw13BcvLDDUTrjCffPCBoOy/00J98MLBwxlY4SOgN4LPS4XIwgCBi8MuAgjVASMXhhxqWxURD8hRHJUZmZhpkRYRcDKwoqb4qjMzsJOcdiOklW5K4YVlKjKXRHBUbEqd8WwSMtCW7yDDkjMFBEK8ZqFEwshWcjCl4Wb45+FH8z6CXeeoGfZhQLJYAAAAABJRU5ErkJggg==');
}
.classic-solution .gallery-thumbs .swiper-slide-thumb-active .ico-span{
    color: #1453ff;
}
.classic-solution .gallery-thumbs .swiper-slide-thumb-active .ico-span.s1{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAJFBMVEUAAAAZZv8uLzMZZv8uLzMZZv8uLzP8/f/w9f+zzP88ff86fP/CDzcoAAAABXRSTlMA5uZJSbKruT8AAAB/SURBVDjLYwADw1AkIMyAAKLIEoFIEqEoYPBIlMMBFSXo6Q+nNCBAtRwkosKghl0iiSENu0QaQQkEIEICpB0FAAVwSuC1nHIJMl1Fks/pH1YgsLO9YjY2O6Lay8srlmKRiASFx1QsEhEgiVYsrgoHSZRCLccrAQKoEkCBAZYAAG8oeUA/z3v1AAAAAElFTkSuQmCC');
}
.classic-solution .gallery-thumbs .swiper-slide-thumb-active .ico-span.s2{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAABBVBMVEUAAAAuLzMuLzMuLzMuLzMuLzP8/f8uLzMuLzMuLzMuLzMuLzMuLzMuLzPY2dsuLzM/QEQuLzMuLzMuLzMuLzP8/f/8/f8uLzMuLzMuLzMuLzMuLzMuLzP8/f8uLzMZZv/8/f8vMDRoaW3w9f8rcv8mb//c6P+Erf/AwcNOT1Oqx/+iwf9Zkf/4+fvX2NrDxMb2+f/r8v/W4/+60f9Ujv9Mif85e/8xdv8hbP/y8/Xe3+HV1tnT1NalpqmdnqGPkJN3eHt0dXk/QEQ6Oz8zNDjl7v9dk//Y2dvo7//g6v+zzP9/qv97qP9yof/29/nu7/Hq6+2YmZyWl5pSU1Y8ff87ff/HyMpqbtt8AAAAHnRSTlMA9M2PGhX48XZPBVi3ce7b2dBpZiUUlXC2WyopuJSKMFwbAAACI0lEQVRIx51WeV/aQBDdJFxyqHi2tc2+SEBAAqJc3ifetlVbv/9HMUKyswsrEN9fmZn3fnvMZmbYGOIZK7s4n0jML2atTJxNQTxn2rZ9WcfuLuqX/qeZm6SJWYbtwymj1HVLaDgflmHFmB7plGEPcIxmh/PuLY6HtpFK6/grpj3EGXZa3Ed7B2eBK/9jnD+XDIKVfTzyAZ6wXwmcxtwof9kJQlc3uOcBqqhfBW5nWeUv2SFecFcMBcUSXkRgSdmPE7orHlpcoA2vEkYcaVcbhh2igW0uYRsNETI2xH3mhXMTBVcWuE1simA+vN2UcDlH2OIKHnDkiHAqyK8hLXDbUwW9vrSEMcz5L8yMtQ/+agIzI7HqC9ZtgVNU+RiqOCXGui8wyTzE9bighkNimIzFybpAgWtQwAVxYixDxjn2dII9nBPnO7PIOKEkyNjCCXEsliWjTEeQcY0ycb6xBTIO8F8n+IcD4iywJBl/UNQJXPwlTpLZBA9cC/yWSLIAMwiMGbZUVLakHrqjE3SUQ6vXWtMJasq1Rk5c5KcR/fGpz7s27XlH/YFyX/lF2VrEIqCWmX5vJM0FpcxoCtnDSBI0hYylTWmJploq5QXMtGg+yc+L8Ru9uxVduX/10CZ+C94rlXt9Q3lGqSdOfIdnaiiftiza1D1uqGVNaopPQ/6jrinq2257cABt29U39n6X805TauzTRwe3O3V0iD6c0Pjzc8L48w6Axub9USZAfgAAAABJRU5ErkJggg==');
}
.classic-solution .gallery-thumbs .swiper-slide-thumb-active .ico-span.s3{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAulBMVEUAAAAuLzMuLzMuLzMuLzMZZv8uLzMuLzMZZv8uLzMuLzMZZv8uLzMuLzMuLzMZZv8uLzMuLzMZZv8uLzMuLzMuLzMuLzMuLzMuLzMuLzMuLzMuLzMuLzMuLzMuLzMuLzMZZv8uLzMuLzMuLzMZZv8uLzMuLzMZZv8ZZv8ZZv8ZZv8ZZv8ZZv8ZZv8ZZv8ZZv8ZZv8ZZv8ZZv8ZZv8ZZv8ZZv8ZZv8ZZv8ZZv8uLzP8/f/w9f+zzP87fP9E0DUHAAAAOHRSTlMA+xYNBvn39PLw6+nm4NnW0srGwrmvpZqPhXpwZVpQRkE9NS0pJh8WDQbgua+lmo+FenBlWlA1H4zSG3YAAAFUSURBVEjH7dTp1oFQFAbgbchMhMyEqMyzvRvu/7Y+rDQcyfH3W56/1qv26d0HoqVkOQVfGJeJymPgle4k6CbRSQOXWY1ctRlw6GfJk+3DJ8kmhTSTEGtUIkZpFDdtmyK0384+rVKk6hQi9TLkyQ8GefJkelHTNshXnwPM6+RrvMw+LJAn0QV9vdahmyBPYRiuTot8lQkoC8SFApMK+Vp+udgfjJ2AN8LOYP/IxTxaldAlqeyr3rHDHXPoyR1fD4M5Pm2FISuNOW4IfyCliIyiEv6gEKyAscUIWyNYGQiUTBUxkqgGSgl+jQ8CviEc/NrDc1G0JcZYas/FAncVz0WMVTy7qwuPZdc3+NFGf1wOcL9OLiJyEC/36wfkFOwF5CLsISUDXCXkJl0BTjn8Qu4E+KVfwOXYlnlj2Q5fwLFMl+VwBWzTY3MFLD9gcQXMgF/g3wT+ABU0h/JzYULxAAAAAElFTkSuQmCC');
}
.classic-solution .gallery-thumbs .swiper-slide-thumb-active .ico-span.s4{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAvVBMVEUAAAAZZv8ZZv8ZZv8bYewZZv8ZZv8ZZv8ZZv8ZZv8ZZv8ZZv8ZZv8ZZv8ZZv8ZZv8ZZv8ZZv8uLzMuLzMeWdEZZv8uLzMZZv8uLzMuLzMuLzMZZv8uLzP8/f/////s8v/I2v+60v+Grv9mmf9Kh/8udP8dWtTY5f+tyf+mxP/p8f/R4P+wy/9+qv81ef8ibP8ZZfobYvAcXd8gUrYlRYYnQnooPmkrNk3b5//A1f+yzP+cvf+bvP9Wj/9TjP9+F9IdAAAAG3RSTlMA2M4VCvrtycWlWQKaaUVEIiHjzMaekGpQMw2C9NcSAAABdElEQVRIx+2U126EMBBFwUtns717HcoubO8t/f8/K4jI4DE20SrKQ6ScF6R750qDPR6FMk4hCez3MeHLoXX/gV8OSPk7gUGLWrfzKT7s94f4dL5RrTVQCox6qXWJMUN8ScXeSBExbI+vR8xxvI7bQ0WC1sECOpqsvmJiIWZFUq9iCaowoZlYiinqqopLqBbr67iUOl/vcj+w2XC/4XIBB/rvhHxAxeECFnC3HiHLLZAsWN8E5m5FElY7IDZA4IG1pgFJCaas+gACdqZH4YxkzMIoM2wQQFReEI4FdRAIGFSe8IEJdQwQ0DHlhQDmmaFLApFHGJaRJGDgjAnXkLglhHOemFNiZMQda46fB3xGtqUX95wHAunFNRgnyANrMBqy4Zsnld587aW3lmHJx/vVD6fpSIX+Gxhv/gGVorp3PtGaUqCLS+j+YM3cuchgAmEhqCJdxlXhEtMUOTW10E5NKcV1LLBcHFf5lmbfRoauG8juN4vuJ458nhhZ64ZmAAAAAElFTkSuQmCC');
}
.classic-solution .gallery-thumbs .swiper-slide-thumb-active .ico-span.s5{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAIVBMVEUAAAAZZv8ZZv8ZZv8ZZv8ZZv8ZZv8ZZv8ZZv8uLzP8/f/wjoVKAAAACHRSTlMA5kwZsn+As0PALWkAAACHSURBVDjL1dI7DkVgFEXhcy96pVKpVCqVSqXSEEzBI5iCKRilTfJ3KxGiYDen+KqVHDNbYGbPwa15MywV/AliQUBQCnyCXPAjCAUZQS9ICDpBRTAKCoJBEBG0LhzSFc7pAUOtcFzD4UrncKVzuNL3cE4vGCYXDunXxw/3PKzH3gv7PQe3L8MG+3gNiDHeFA0AAAAASUVORK5CYII=');
}
.classic-solution .gallery-thumbs .swiper-slide-thumb-active .ico-span.s6{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAV1BMVEUAAAAZZv8ZZv8ZZv8ZZv8ZZv8ZZv8ZZv8uLzMZZv8ZZv8ZZv8ZZv8uLzP///8aYvIcX+UdW9cfV8kgU7shUK0jTKAkSZImRYUnQXcoPmkqOlsrNk4uMDZt25WwAAAADHRSTlMA9tyRbkkjCe61trQVWG+iAAAAtUlEQVRIx+zQORKDQAxE0WEHuyn2nfuf064BWbiVODcvlOon7d5SfKvKU0WP1B1iujcSNPSIz+BJ906Cjh6F87KA7oMEAz2CzAcJyCTBBJL4IAJZJFhAIh+EIJsEG0h4jMp2CXawVEdVdflRA3bYAqTVoAV56Kiq16CHHTYBGzUYYYeNwGYNZthhQ7BVgxV2WCvXIHe/KC+cBeMawLiDPw5eQwajGkY10FgDHxQMZQ2DMFhJAQAYaWgwPLfQ4QAAAABJRU5ErkJggg==');
}
.classic-solution .gallery-top .col-main{
    border: 1px solid #e0e0e0;
    padding-top: 20px;
    margin: 5px 0;
}
.classic-solution .gallery-top .ss1 .ico-span.s1{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAPFBMVEUAAAB7fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH0EWrcUAAAAE3RSTlMA7nwN5kjzu0DXx7ShmoAoJN17kso1EQAAAOxJREFUSMftldsOgjAMht3RcUb6/u+qZFn+SjsXYrwh9obSL187kgK360bwPpwSPJE/JdArWmegj3E8oTPUCOPeBEvN2MSA5gg5wCoPDbrJAcZxQaVoYQxGQBAULaxFEwg6zTcZSEHSnBcCoUJLCgRBo8jAIEiKBBCCQnEFhaBRuUWWCRr1YpGZoNF4LEUmaLQ7ljomaHQkontZkjsRjUzQaNjZnCvzngcuSJo9GpJzaaDcD4JKV0MszMoFnaaISkx8l2p06UulX/h6K7REmB4Uuylo7zTo6S/fX/ip0P6n+FD7r1WNr4X2kS4VT107OI+PLG9mAAAAAElFTkSuQmCC');
}
.classic-solution .gallery-top .ss1 .ico-span.s2{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAe1BMVEUAAAB7fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH25Fr53AAAAKHRSTlMAzfLcxz0j5EoznwzqvvfTuJEZMCsJpndoV6xuQtiahVwQFbCJgB9QHJgMiAAAAmRJREFUSMfFVNu2ojAMLYW2IiA3BREV8Xb6/184NiHl1nHN05w8lZ2kJDvZZb9hsj2lXGuenlr5D+E3T0/Mu7HvtvH1wvzNl/DDVjtse/hbfDFUk7VhxFgUttlQV+GOv2M5+XuE3jmWdXfWkxpfup+je0A9V1VQ/2PlOTygDwc/Bk+YwxLjWXN1MbX2eP6plNaq+sGv3vR2Wc3LXFNi2Z4dGzZUmvNygsEHu2JtXFvjWMn1cwwW+2PcEu7H+N0OM/Zzr7Wj7RjqqULGwgqqsn0fZwnGWVuyWgRbS09tLqFYe6+gaVjXiSYg6F/W4g9SELuCUEF8Fp9DPEswLcKQTcsRoZFpG8ZtaFglRHToCe0pLlolxMTbhfokBi7Ea7xq+kwzSghNaJrn1eS2RKsASSCYa2LgtVrYq+UNVBY0UjYB7Lst4DqTiba791Z6Yqqw27ebSgvFe8LdVJN4DDqh1BfiobZZYfx4Q2HnNxPRAdU/ir18Jhc/eZb0OJCb9FubryM0G7GVRYF114gUHJh8QkaxeqwgvgOOeWFnEN8HsauF2jdqeBzuMVEb6kEdfYBknMfwc6axUlJHOKg5xWqzobm8CaUMm3zoNsPOUpM6PBcNQ3tph72mD8uNpQB6HaomTJbhCZIrOnx8UuaRh1cSPBkBY0Oy4gR4TCjrjfdEGvd83+O0omU87oowZbwCyggnpDGYlUEoPqhLq8VmCygXRNpIi+Bw17bp2dxyyMjtEqLOdA7xT+awzi4pIQ9COua0Gr07SYDcIVIT4M7olj9t3dFEjIomq62Asi/WKF9Mv4WvGvaf7Q9mM3wsQ8TmcgAAAABJRU5ErkJggg==');
}
.classic-solution .gallery-top .ss1 .ico-span.s3{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAM1BMVEUAAAB7fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH1b6aj+AAAAEHRSTlMA5/VJ6sh2UkIaDeWIfWFrZvNMAwAAAMVJREFUSMftlUsOwzAIRMHfOM6H+5+2NqriWlWCWXTRKLNirHkSyBLAjTQHb+hUxoe5z0+OBLmpyxsSZT6I2dGAXOsqVL8kOFVaaiIc3he3wqXWEvGHqxOkayDVKQ5HRSCoy3QmIsZ35biSgFxM5Hwp8iBgLIA1g0AkJjhPIy3BxgTnN3HoRrS8DMBOrB0GAIvUCa0AcL4j1ICypSy19P3yf8DzD78EkAhVgMVsRUBeZOpVqV7G6nWvPijak6U9iuqzex+9AItWLnaiUZX0AAAAAElFTkSuQmCC');
}
.classic-solution .gallery-top .ss1 .ico-span.s4{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAV1BMVEUAAAB7fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH1EVCpoAAAAHHRSTlMA+QoU7d2UeDbTZlTjrIYwGfOosR5k37OyqWw4G6f46AAAAVdJREFUSMfckdkOgyAURIcLyuLaJV35/+9sxzS1iuB7z4sOyeEOufhPnO28Ucr4zjrsMvaX+MOlH1FC1yquULVGlsbEDUyDDHWcONyD49eF+2dejS3kFkkVBAD/WPFRRXIVpJymxlaAWQDETlNOmT7VAPwKZKg2WzU89SNSAaNnWr1cG96vkQhEc4bRSSE1YFvAoNalzjyxyAmwvO+MmZ6FJC8IS/WYad85IC8gvHM7R8f9SkmQA1e/qHhEScBx8ciOjcoCO3Xf5DmvLDy512/i1nQiJBgQwi3IvqAKQlsW0krNq7syVgEQhqEgtEsoRbSQ//9Vx1OCB+LmjZ3a5r3LlCvxaCF4NN9q8K0MTmBwNRrwFA3CJyThK/EGiTcFqlAgqyhQUZUAIAHTDKAZExkgMlMloEqRcbbLWSJj0f0a0VvrMdaB7r8uFF9ZvhRv1Znb/nLt/pITBvE5JVKUF1UAAAAASUVORK5CYII=');
}

.classic-solution .gallery-top .ss2 .ico-span.s1{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAALVBMVEUAAAB7fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH09VYz7AAAADnRSTlMA6PfISUINGIh9d3bwISUSh6EAAACaSURBVDjLY6ATYNus9w4JPLJOgEoEvkMDohBxVph6hJ4AsETiOwwgBpbY9+7FBWQrefvevQIz7N5NQHUM57vHYFrvXQGqBPu7R2D63TskQajI4JBwBPlXBIuEHEjiISEJTKMGpQchQATNH3DwkJAEplGDx4NES+BMojgTNSwbFKBoAGYDnBkHZ1bDnzkZ2BafQxZ+Y5XAQB8AAFelMIeqXxz8AAAAAElFTkSuQmCC');
}
.classic-solution .gallery-top .ss2 .ico-span.s2{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAYFBMVEUAAAB7fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH0f6ZApAAAAH3RSTlMA8wbn46x4SWvIbxwf1tGzEessDbmAKA/qLhhgV0xEzd1wxwAAAU5JREFUSMfdVduygjAMPC0IBVpQbl6O2v//y8MemQkltJXxzX3BhI2T7CbDz9fhqJpUCNOo41t0OQg7Qwwyzte1XaDWMX6VWgdpFemnAOuUtVK22Qm/i3BXGTiH8ys4HxBlQX0E+BSjQoS0+kU/HcXdZUooRnP/cVi32EzPPLEzknz5HhJdl4kWQk1P8Gcky/cYQTqqYYg9BR0KnJZSpyWzbukKyu6hI7JemKwfGhdfjc+XL77e3GmC7t2CHhfEjCM8hF1BPEIFpd1A6Xf6bgFTjhKRHEtjgbt3YIEWlKSMVP8pHVgM8XRzT7KSQdutPVDIaq/LRjIrjdft/qUIgZTrKVzd58jTI7QkZZPcc278SplxiBid8rsL0BI5HS/g2F+AoW88fZuH5sCxNayianB2FId2m6C277n28WvpWe/aw/d+tmRZ8BMtpgP5SvwBBMNB23Q4ADAAAAAASUVORK5CYII=');
}
.classic-solution .gallery-top .ss2 .ico-span.s3{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAV1BMVEUAAAB7fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH1EVCpoAAAAHHRSTlMA5hX5SdAI8dechVEjE792bjfEQMmlaFkR7d4X9Xi0CgAAAT9JREFUSMfNlEmWwyAMRD0EjB3A85CE+5+zJRZNg6wX8rxI1wqk+lhgQfEdVZ2oa9FVuf5747yae6bf/SqLqJoANDlVdWCsB2OGGgZdBiDAN+Cgh4HIAHBhgwODn/oUaK6WxG/6OMimrx8r/+OutwZtPvRD8+ULASZ1FbiVLlJ5ewOAPyEuAqGS8saUFPLJwiXZdJInLSp5QJJOf0DkxQMvmD5IT888MJNOXyHS8wBejTUCNohYHrAw3SJAo0MTgGSDJgi1HNDCbCpi7WgZz4ERZ3sCSAXBZ3UGHJhStDnQYyUFpHXJmYdCkUiBanJ+e1RywYwaY2B84nCRpzdZOVSrA6BbH1LM7TaL87L96M+st85rMQUjCQtStbLgNavUruLzodqnv/ZpL95Lb6tAs1g3/R8esk8B+kpQ8e/Ul/QDEqUyrtJbIxAAAAAASUVORK5CYII=');
}
.classic-solution .gallery-top .ss2 .ico-span.s4{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAb1BMVEUAAAB7fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH3pJovpAAAAJHRSTlMA5kvZDr8omFnfi/HLtKR+cj4xGo9SCNVoZfTQk0OwpoJ2NSP2L0Z4AAABcElEQVRIx72T2ZaCMBBEDQkgrqgsrrPm/79xOjihOF0H82a9UFbSMafTd/E+Zca/kMmoQO3XqqjAJ6T3u1SBUwUn9bd03ZPKCsn6uQIri4XKfiTbBNMadCT79xtZPKqCh2R5MJX0EFd5XjOXxYN+Bsk+gkFH4Lfy1Q+xlGw3V7CT71IVnCUrg1mLcWj1OphSzFkVfEu2CqYX0z6zVuwtmJWYWhV8SbYPphFjXXDOxkP2wyIU99XxQbxtnWutj+2vh0ooXvMyuLuf6D5EF3GlKvgcG9Hl2J93kxZCqtVdOZ7f4ZG2C4ges2j6q7fNOD6HOAYT3TAurOMwaDyQv/jJo2wTI0+wGJVdJet4q5qRiQjbxCrOYGEiGekE1Ix0EmpGmgWoGWkSzQEjzSKoaR5ZgJqRZgFqRnpOgJqRZgFqRnpOgJqRZgFqRprETeRGswA1PyWLoWak01Az0mmojU/KENKvREBWid10pSxZYR6LN+kPvUFXwBHzc+0AAAAASUVORK5CYII=');
}

.classic-solution .gallery-top .ss3 .ico-span.s1{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAPFBMVEUAAAB7fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH0EWrcUAAAAE3RSTlMA5kkUB/fb0MKzoyDqkX1qUzksZkDWXwAAAKNJREFUSMfVlVsKxSAMRJ3o7fO+Z/97LfkqUqhJhdbOVyZ4IMhoQrMSsCBIBoBFIQNoUD0QdnRbQABxASDhArR5PSDYhm4XADdCBVA/0qo0kXTcUhrpAuKgHmYg9mq72QrMnbo+BiPwh5ohWqPxe2o9JmuW5KHllCxZWs+/smY5Gu/gAz6+eON70ovT2LoA8BgA50iQxv7WWuCEHeddu/7F3qoWV/w4p9IuiksAAAAASUVORK5CYII=');
}
.classic-solution .gallery-top .ss3 .ico-span.s2{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAQlBMVEUAAAB7fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH0Z00Z3AAAAFXRSTlMADm7PGMca+dj0lI9St7Xm0rssKkl9CxemAAAA0ElEQVRIx92USw7DIAxEbQIBAvmH+1+1uLUqNYvaKJs2s8GD5sX8FPgT7Sl4H9KujONQWIMOWMtbqybP31f32CgXMmIOVG0ikCiPVCERSQQolV9lJlYEfE0hH1ctfSsQW5e0XN+0fKzXL05+GvrHp3/eFE876EUAwM2BYy6C5uMDqHmROC1B1nXgm78jYGjCqH3flae6Xuexep5B2XM/ltF4cLUarR3r4GTPP0cLYOvgJX8Gouy55WT7iVpKvnnTp2NdUPLtF8cyLkZnQPI/qgc80DP2HXbb8gAAAABJRU5ErkJggg==');
}
.classic-solution .gallery-top .ss3 .ico-span.s3{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAD1BMVEUAAAB7fH17fH17fH17fH3Y51AQAAAABHRSTlMA5kpJG2qUMwAAAFpJREFUOMtjoA8wdIEAYXQJEaiEI7qECwyQIAGmaCpB2FVEe1ARKiGEJbhYXByAJDkSiIBGSKC5AyGB6nLCEqgiVJUg11WEPYgI6OEWuoy4JJigzqFvMqYLAADr4lpv/V38KgAAAABJRU5ErkJggg==');
}
.classic-solution .gallery-top .ss3 .ico-span.s4{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAMFBMVEUAAAB7fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH0/fYvoAAAAD3RSTlMA5sdJGW30zxv50bdwtRw+nasCAAAAwUlEQVQ4y73TOwrCQBSF4YiKYmMkC7Cz1ezA3iY7ELIRsxOzCPdh4zYEDSRBEH4ZyCUTOSnS5DQz8DVnHjcYL/MdbdIksCwv+KkzgwXd5Ab3P/ga7LkFbU4Utr1y9GDGp6cS6EoOdCXQlRzoSqArNWCLBYZAHPXA9t0DMASmm4OGCaGGNa8hEEca3AE0wMgwo9LwpPDrTgiba4fSO6C7RLc4INdPS51pSBP9o6t2Bh4euEpNznRTGqz0nOnJ1IMzWn4MFJ5Qvb+SUQAAAABJRU5ErkJggg==');
}
.classic-solution .gallery-top .ss3 .ico-span.s5{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAD1BMVEUAAAB7fH17fH17fH17fH3Y51AQAAAABHRSTlMA5kpJG2qUMwAAAEJJREFUOMtjoDMwFMYhIeKIQ8LFBd0IFzQgDDMCXcKRkIQiuoQQhuWkOldRiOQwGVRhTIfQHQ5hTLs4oGdqH3pxAAAC5Dz3BuBZoAAAAABJRU5ErkJggg==');
}

.classic-solution .gallery-top .ss4 .ico-span.s1{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAY1BMVEUAAAB7fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH2V0MhuAAAAIHRSTlMA4cMsHl4m0g/v6Nq4j/TEtJqEfVBJNq2kQsjAnR8bDP39bn4AAACqSURBVEjH7ZRJDoQgEEWdAJFBEbG1R+5/ynZh0hKVodUdb8Xiv5D6lVQS+QdV6QWkdwqpNrg7BW2SXiPMz/I0oSfaCwRnodae3Mwm3WRHhCJxkB8VmCqtcTCsZyBPkG9mWc13h8ZUjr+vIGAZ92gJCQCn7IPbWhqQtlE1YtXSZ5QN3sy23Xu3VggEWmRp2xXuPZRKUoyn7Ct4cVGIgq9w/V0KPpXhxzjixxelpFMpf5hmyQAAAABJRU5ErkJggg==');
}
.classic-solution .gallery-top .ss4 .ico-span.s2{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAY1BMVEUAAAB7fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH2V0MhuAAAAIHRSTlMA5/oeSPLib0xRAnfWa/amBrgoX1cK0ZWRijgtKxkQdeYt1QQAAAFOSURBVEjHxVTZkoMwDGsChEA4Ai1lj7ab///KRT0m1yRphof6pYNsGck2PXwiCjExWnWTKN4rH6l6Bh3foPBKGVHxVH2tnKjj9SeF6OpZyrnuFOIU1Q89Q98+ntqeQlXMxwinpX4uwRgjL0C+N5EeHcKvENDfmkgLHyJImDAVf2pTkMC27GxD8waxIAEWpA1JmMghLCDkSLpAUrbp6FjP9ljPGGvm4lSx4zQyji953sslfd6Iv7wPaBFEqYxP9Kdz2if+BI7UaS8O8fpH1Vpe9e6ieu79v24W2BDS6F/bL8MKXJQoRTesof4JCvRHvUPA6rFwlyAJ9Hg6G5QOA2hOMw6/t8AkEEcnsW7Y6pWXxh5JaaVw90B8C5rhpa45BJjz98UNBrPPCpB+iqX2E9JT0oSU6f2ErCn5MXwnTPvx+9JFImp9AieMx9VqSZ+Jf5cdQmoG8bKuAAAAAElFTkSuQmCC');
}
.classic-solution .gallery-top .ss4 .ico-span.s3{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAElBMVEUAAAB7fH17fH17fH17fH17fH2SKOz/AAAABXRSTlMA50pW5L9Iq5UAAAB9SURBVDjLzdPBCcAgDAVQoRsIGcANvLiAG9j2779KL4FgEgk9VPpPwiOagEmbUqCSGUjDYIBJDGnKR1C4fQMk7ccgV/X48f0DcvIEJDACsFf1/wyoPqUFWgFegBwbbhcO4HShAdWDA7iSB1KgQArM4lQPpMAuZ12sc0/78gDyTHZLFawIJwAAAABJRU5ErkJggg==');
}
.classic-solution .gallery-top .ss4 .ico-span.s4{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAARVBMVEUAAAB7fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH3inHD5AAAAFnRSTlMA7/sQVOrh18dHz4dZOxYHTZWUcT8X1nVC6wAAAOdJREFUSMfVlNkSgyAMRTWERSvu9f8/tWyVUToNtQ/qfTEXc3SyDMVF1fMlQ7xfAb5kSRwHKpmTL6siyh4kpSXvbwMg542PGs6RAEKPwRENmGFlAMKEgOZP4FpPAz04wj96GgifBo/ldakBa0MpNMAYmzwwmZAEsFw2KpEAksXlBCCSnSaAWZZW1rtAzgSQ+vOBjllZ74LuhnPQ+zno89t6EBCh2mxA17W+zs33I9B161nwXwBWPRSAelThroj+M6BgCbJJNjn6FCD0HxC3Wg74bHGQJky92ABa1SO2b9fiWO+90sVV9QKi4ECbb0FZoAAAAABJRU5ErkJggg==');
}
.classic-solution .gallery-top .ss4 .ico-span.s5{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAALVBMVEUAAAB7fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH09VYz7AAAADnRSTlMAGcdtBvTmz7ZU+dBK0RNNuSMAAADOSURBVDjLvZOxDcIwFESd0l1KFqCloqahoKBjAipKRkBiAybwCFQZgIoJMgEoQlDcDCjSPznx/5ZT5ZrEetL5fPZ382m7RNRh7ajqgqE+NcEOYzUEmwS8CVa4uqgFXvy9ox6ACr9MJMCORKAjAXYkAh0JsCMJ4IcCJgJ/etgg4GgCjwwIwM0CHviamwcpUIEzC8wANCl4ssAExAIVYIE50JWsypszbtsve0fzgPLgaMVKxFHfoDhqII4aiKPxfLrsDBSnZp+AtjSZenBm0x8IY4vYLEckwAAAAABJRU5ErkJggg==');
}

.classic-solution .gallery-top .ss5 .ico-span.s1{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAe1BMVEUAAAB7fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH25Fr53AAAAKHRSTlMApVotlksW0vbo5IrwxzMOBZsc7r6xeEg6Jc64j4Zj2YBsQt+pcVhPG7vpLgAAAVhJREFUSMfdVFtygzAMNBCMCW8CBEJISNK0vv8Ja/UxRQYs/NPOdD8ykdiVbXll9idIoySU8dVxs030NpHfODQ5zR/kFKeOoOcvEiP0zIKzBPRuybI2iuH/npv4xw/K/SviDoS1SXAFfvkTR6A4rvPf4Hs6zVQqUa0L4MQFynhQYv0UB7wAAC7ldY3P4a603KhyA8po6wda7qJyO2uBzZYG05ZYaHloViy2VWSWF9dT1uCENWjz0faulb05bW9AXtsNEN8JaTOibozY5CMQSYxHu2WeH2NbGupqNpPilrONKAX0EPWkc0TCGXsGxVIVuKTYQ3SpcGap+n0uLABf3XkHHOYuT0QDTZ/EqSQEYMsL8jUhiPXnJBKnnUHAwTZ60jcIOph/G4H3/wV9LfrMRgBoNAFC6NMCTTETVHhL2ZIAqozsDnEye81uaP73/mcyKFTdQiQQ/hreAX+6UZNjJGSRAAAAAElFTkSuQmCC');
}
.classic-solution .gallery-top .ss5 .ico-span.s2{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAclBMVEUAAAB7fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH2mkkpjAAAAJXRSTlMApVke79MlhUzrFaH33sRvYCwQCMxAv7mSOokGsYrxqJmAMth21rEmtAAAAUFJREFUSMfdlct2gyAQhscbqCDe77Y1aXj/Vyzh2IWMQM7pqvkWWTD5cIT/jPB2RCFloshiyeMi2aZybsFOm7JMIsSDwCU5jaWFcQZMFUsHWw4G9KjEI616kjfQNtE9LVlyrBdGX6FezT5m3Gk16Fq3npa/n5uXlhOptRKetlELvAYrgapPp9N/QQhMQbW0WlvCguOlR6nAgnms6+lYseAFC8VivethvxISaMOvTCK6G4HwWnhCQhqoeH/+xrvXl+kQMP9JcGWpV3XqyBJm4kPuyRLGnSWvgOiIrhAWiwigTPbWlyWm/y4VE9zV78OdJS0sR05fypJqqZYewcAvIBbeTW4Bk/5BwIPMJ+BRuXoFPIztgtj40NjHPRI0N8cHpSMeAXKUJSQII8QoS8dtU+j1M1M4g7KkqRKm9t25SOGN+AHPiVu65r8YngAAAABJRU5ErkJggg==');
}
.classic-solution .gallery-top .ss5 .ico-span.s3{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAeFBMVEUAAAB7fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH3WVaAFAAAAJ3RSTlMA+AMLn+TXPxLq31UhNQfuu65yY/TMp5aCMMKSjFtPKxh7aLclSUb0tTF3AAAB7ElEQVRIx+1V2ZaCMAwNOyKbrKKCgCj//4dDUiFCAed9Ji/0tPemN0sD/Bua15zMQFEOqR6739F24/QfdinVXbh/TvqFmdUOvjD7FTvZW/hSIYCSxYWtarXVXATD6dbxEZ0akcZbXU4+DsWqf8JfCc52T4mxcoenoJrjG1a17VNI93MKXVviNRPxFkGid+zhi45udPOScMbdeJmqjBzruPTm+FoZvVizSqT2eHsoX+CgOzegzIa5ngpZKjqRrlCNYafFVYhnek1pSCeZj2GRM1y4CPzRVzMmAgtn4PYTz9WFIh0XmMMHgJ0lRgRQYzwvVHAYFlw9IYRKgK1qCQl9CXAdPjfcz0gyG4bgoicMWAVbtDZAhb1HbbMoBZ6jxBpFAxMK8WHmGB3GREWmG1jSa8RZXAkmjNq8KWjqipwJsiTIZlfbASaDJclBw1PUSph6ws7WOOiVtELaT0uVmi4CTutK4aBI6FlM+NQHLpzcGqRWMATeqQG4NaTmIzsKhsBjYNx8cnszo2c8t7f8gOYMA/H8gNafKFnJ+K0nCppDQ4BHGunhIaDvjxlw20qDacxg/e4SI94cZMz4OipdMSqVrTsUoiQ0jP2PYXy/bTC8zXEvGN1vfyicKtnss/zLmhjZzk+xl36KTWJ28FftByfpZQYMw8ZqAAAAAElFTkSuQmCC');
}
.classic-solution .gallery-top .ss5 .ico-span.s4{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAHlBMVEUAAAB7fH17fH17fH17fH17fH17fH17fH17fH17fH1P4xhrAAAACXRSTlMA5/FKSa3kJSefS0muAAAAgElEQVQ4y2OgD2APmgkCIiC2I5ipWgCWKJoJBhNBbEkIWwMsEYkpMRUsoQnhJIPYhhD2JLDEzJlIFkJFRoaE5EQUUYSIYTKSGEyEXOA4EwWIICxDlZhIWMIQVYICN4lgiuAMkoGPqAGV0ITFGyIuJ+HPak24Mid7EFIehGVnugAAv6eZ6Iey0w0AAAAASUVORK5CYII=');
}
.classic-solution .gallery-top .ss5 .ico-span.s5{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAbFBMVEUAAAB7fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH0IPcrUAAAAI3RSTlMALdKWaaVKWhP997vxjXQ2JnoPBcfCCuefa08c48yxgtmmYoSntJkAAAEXSURBVEjH7ZbbboMwDIazZGU5kBDIoLRd2215/3ecA1vloSqm6vGi/wU+yB/kYEuwW2lVxryUaXB9oyIph4GXSEucDfDMFl8vB7iSe4ZkdStzwAZsj/IVxPsckOwW5b9TYQ6QYMuAVgRxnd3DBzjrQzoMYRYQ4Hx2f+k6fbDLAl6BZ+TvYabAEvdgI2jpfJBrM7iSAEIbsXRF3rQ0qL4sZrRGqA+zsfPzekk6s4yai+rk5rshUOARpQFQr01DAlM9AuC/hgF1XHRzAL8Ym7UaTogGrIpJC/YGT0ED8N4rA8zqraCAqYoncBJgdmgeaGBUfSYw1ftmArRNHohizO4BS3zB/kmqYwBb8R5GR2gop34dFCzpXvoBb8hV5msgk6YAAAAASUVORK5CYII=');
}

.classic-solution .gallery-top .ss6 .ico-span.s1{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAD1BMVEUAAAB7fH17fH17fH17fH3Y51AQAAAABHRSTlMA5klKqU6WSgAAAGNJREFUOMtjoCNQdIECITQJEZiEI5qECxwQLwGhh74EQZ8TG4iGMAlhNAmExbSSUHRBAkKYjsV0sAsKIE4CwaaJhCLc+Qg2sicc0dgItyKzCUmgk1SVIN1V+D1oiEhQCDZdAAAzUFn8wwekLwAAAABJRU5ErkJggg==');
}
.classic-solution .gallery-top .ss6 .ico-span.s2{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAdVBMVEUAAAB7fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH1U3UXgAAAAJnRSTlMAGgX69uHr0D2/txQII07y15Wcelks3K6kj3NrYYZ+VCAORTLIgLjt1joAAAGpSURBVEjH7VRZloMgEFTBDRdcosYlk+hkuP8RBwgTmoeMHiD11a/trboLvQ8UHrcYo7DZToYHP5i9QPxTCVf2Rngmo2UAcXAY74t5oiXLk1RkzIcJXyK+kFwIN6vDBFF3Us0YxyGLkAd1yq64nRystEU86FsnHKzWl0SNkVi0/XPhkL1iHrLbwCTQ7Kyv4uFaJS6O+WUEuRmHk5xw57wAuwYBlMbDuyNwcPvEJBCZCIpvcR28FrNnf/KmKLxuWoyR3SKnoJDd2uZ9h3VMNPzTsDtR7e0i4Z+o5X1y792xbzFT4RadjXhPhKIKjker0DqnEeMoTXc2MIXRJF5Gyt8nRnzF3iAwY9Z+VBrPDGAE+0HATwvjBize1uwi9doZbNGtyLtG+AejwTOXs4XwHIlm28L3netnKaVWQf0SZfdAH4VQhaefJYaamJQ9crsFCRQkIPjTnIB02p2RLq6RKjnSedKTJG2utZRr1c0EU2utugVAVJfFmvtJGxtuWhjSOAQq98WHmQkMxQeRND3m8u78kYJwkqxTGuKeLIHnRF7WaUhZFDeL730g8Asb2FVV89XVEwAAAABJRU5ErkJggg==');
}
.classic-solution .gallery-top .ss6 .ico-span.s3{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAdVBMVEUAAAB7fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH1U3UXgAAAAJnRSTlMA+/DqoxwGA/bTWw/ayXljLSbiiBS+tKuQc09GQTghCs+WbDPCcCcjFaIAAAFVSURBVEjH7ZTrcoIwEIUP13BTEPGuWLXm/R+x3TBDKSdB2t9+M8zAsgs5ObvBm7+xSrUdL4xhIe7zmSUsHLSbJAIR+XqCHYjwOxzksJBJxQkjzhItYeVTa12MdCtRvICdyhPdrNh7wMHe6CbFN7jIA9FNihsQrJsVT+seKlZyW5IbHy3rfvaK40QTIesOTHi6IJdfrwcF/gVCGdiXhLXc74d74FeYYCkpdW/FXR6DFQhK4A8wvIR+iYXDuqPXi/zhZgRa2/sk+cl5FFWhFveuIC6J2HSkuNpKxYbG/eFLfgYm3kjFVo2OksDdZ9eFMfZXRVtL7OBq+1SPxiIqtOkIF83ofZN2DeEmqofHVt6tEQRpvHeazC7sFCapzARlsmtbs2sxXnDxO5/UzvhCTjJn4+ypc556xdlrcum0wSwyTxuKCDMpTX7dYjYHmsBXPP20wpt/8wWb70VHGO4mKgAAAABJRU5ErkJggg==');
}
.classic-solution .gallery-top .ss6 .ico-span.s4{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAQlBMVEUAAAB7fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH17fH0Z00Z3AAAAFXRSTlMAFhH58YRvUvTnV9B249NJ0b6PMQT7E6YKAAAAyElEQVRIx+2USw6EIBAFbT6CKDp+uP9VJ0zUJwZML8aNsXZdUjEQQvVyE0MTSjRDLsD6TJELwhV/C6ocTwk2vGMGYFp4ARiJFwA/8zc9+zhYwz8lGnG1eMe6THFkBOCJAenW2lZTugL2HDgVfiiXBLCnwIUddwxg04AsPllCcLQIVmQtRCcDyNgkqOPQBZCxyUMm4iCwNGMbPJWswOPlbI8//xQt0Ov26rg9XbSAVNhRVLbA4JO5ssBsl8BcW0C6l7LXVLAvt/IFh2k1vPYyZ5UAAAAASUVORK5CYII=');
}
.classic-solution .gallery-top .ss6 .ico-span.s5{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAD1BMVEUAAAB7fH17fH17fH17fH3Y51AQAAAABHRSTlMA5kpJG2qUMwAAAE1JREFUOMtjGDaAWcQFAzgaACUYXbAAAaAECzYJB/wSDujWslBVgnRXDWJ/DFIJZhFwysCUYISkDBIkmMBGKdA7zvElaiZs2UCBYbgAAHdSXJOIuSPmAAAAAElFTkSuQmCC');
}
.classic-solution .gallery-top .t, .classic-solution .gallery-top .b{
    overflow: hidden;
}
.classic-solution .gallery-top .b{
    margin-top: 25px;
}
.classic-solution .gallery-top .title label{
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    vertical-align: middle;
}
.classic-solution .gallery-top .title span{
    font-size: 12px;
    display: inline-block;
    margin-left: 8px;
    color: #fff;
    background-color: #1453ff;
    font-weight: normal;
    padding: 0 5px;
    border-radius: 3px;
    line-height: 22px;
    height: 22px;
    vertical-align: middle;
}
.classic-solution .gallery-top .mtitle{
    font-size: 16px;
}
.classic-solution .gallery-top h4{
    border-left: 3px solid #1453ff;
    padding-left: 8px;
    font-size: 16px;
    font-weight: bold;
}
.classic-solution .gallery-top p{
    margin: 2px 0;
    line-height: 20px;
}
.col-main{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 0.5rem;
    background-color: #fff;
}
.col-main .item{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
    padding: 0 0.5rem;
}
.go-m{
    overflow: hidden;
    margin: 5px 0;
    height: 115px;
}
.go-m .l{
    float: left;
    width: 158px;
    text-align: center;
}
.go-m .l .l-t{
    position: relative;
    color: #333;
}
.go-m .l .l-t i{
    display: inline-block;
    width: 60%;
    height: 2px;
    position: absolute;
    left: 20%;
    top: 50%;
    margin-top: -1px;
    background-color: #333;
}
.go-m .l .l-t span{
    display: inline-block;
    padding: 0 5px;
    position: relative;
    z-index: 1;
    background-color: #fff;
}
.go-m .l .l-t,.go-m .l .l-b{
    margin: 0;
}
.go-m .l img{
    display: inline-block;
    max-width: 100%;
    width: auto;
    height: 100%;
}
.go-m .r{
    margin-left: 160px;
    text-align: right;
}
.go-m .r .a-btn-bg{
    padding: 8px 28px;
    background-color: #1453ff;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    border-radius: 3px;
    margin-top: 25px;
}
.icon-more{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAM1BMVEUAAAD///////////////////////////////////////////////////////////////+3leKCAAAAEHRSTlMA1BXDzffzt6SZZlstKAwIrKuaHAAAAD9JREFUKM9joDdgZmHCLsEiwIhdhomR7jLMAuiABZcEM1VChYeRHas4FytWC/g4BAQ4+bEGIhs3jmDnZaAnAADk3gN55+Gk/QAAAABJRU5ErkJggg==');
}
.navbar-default-bg {
    background-color: inherit;
    height: 100%;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
}
.navbar-default-bg{
    background-image: -moz-linear-gradient( 90deg, rgba(0,0,0,0.10196) 0%, rgb(0,0,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgba(0,0,0,0.10196) 0%, rgb(0,0,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgba(0,0,0,0.10196) 0%, rgb(0,0,0) 100%);
    opacity: 0.2;
}
.navbar-default-bg.xp-dafault-bg {
    background-color: rgba(0,0,0,0.7);
    opacity: 1;
}


.wave {
    position: relative;
    z-index: 1;
    width: 500px;
    height: 500px;
    text-align: center;
    line-height: 500px;
    font-size: 28px;
}

.wave .circle {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
}

/* 波纹效果 */
.wave.ripple .circle {
    width: calc(100% - 6px); /* 减去边框的大小 */
    height: calc(100% - 6px);/* 减去边框的大小 */
    border: 3px solid #fff;
}

.wave.ripple .circle:first-child {
    animation: circle-opacity 7.2s infinite;
}

.wave.ripple .circle:nth-child(2) {
    animation: circle-opacity 7.2s infinite;
    animation-delay: 1.2s;
}

.wave.ripple .circle:nth-child(3) {
     animation: circle-opacity 7.2s infinite;
    animation-delay: 2.4s;
}

.wave.ripple .circle:nth-child(4) {
     animation: circle-opacity 7.2s infinite;
    animation-delay: 3.6s;
}
.wave.ripple .circle:nth-child(5) {
     animation: circle-opacity 7.2s infinite;
    animation-delay: 4.8s;
}

.wave.ripple .circle:nth-child(6) {
     animation: circle-opacity 7.2s infinite;
    animation-delay: 6s;
}
.wave.ripple .circle:nth-child(7) {
     animation: circle-opacity 7.2s infinite;
     animation-delay: 7.2s;
}

.wave.ripple.danger {
    color: red;
}

.wave.ripple.danger .circle {
    border-color: #999;
}

.wave.ripple.warning {
    color: orange;
}

.wave.ripple.warning .circle {
    border-color: orange;
}

/* 波动效果 */
.wave.solid .circle{
    width: 100%;
    height: 100%;
    background: #fff;
}

.wave.solid .circle:first-child {
    animation: circle-opacity 2s infinite;
}

.wave.solid.danger {
    color: red;
}

.wave.solid.danger .circle{
    background: red;
}

.wave.solid.warning {
    color: orange;
}

.wave.solid.warning .circle{
    background: orange;
}
@-webkit-keyframes Tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    70%,73% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }

    77%,83%,90%,97% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    80%,87%,93% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@-moz-keyframes Tada {
    0% {
        -moz-transform: scale(1);
        transform: scale(1)
    }

    70%,73% {
        -moz-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }

    77%,83%,90%,97% {
        -moz-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    80%,87%,93%{
        -moz-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    100% {
        -moz-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@-ms-keyframes Tada {
    0% {
        -ms-transform: scale(1);
        transform: scale(1)
    }

    70%,73% {
        -ms-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }

    77%,83%,90%,97% {
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    80%,87%,93% {
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    100% {
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@keyframes Tada {
    0% {
        transform: scale(1);
        transform: scale(1)
    }

    70%,73%{
        transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }

    77%,83%,90%,97%  {
        transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    80%,87%,93%{
        transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    100% {
        transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}
@keyframes circle-opacity{
    from {
        opacity: 1;
        transform: scale(0);
    }
    to {
        opacity: 0;
        transform: scale(1);
    }
}
@keyframes animation-ts-max {
    from {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    to {
        margin-top: 40px;
        margin-bottom: 0px;
    }
}
@keyframes animation-ts-s1 {
    from {
        transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        width: 120px;
        margin-top: 190px;
        margin-right: -100px;
    }
    to {
        transform: rotate(25deg);
        -ms-transform: rotate(25deg);
        -moz-transform: rotate(25deg);
        -webkit-transform: rotate(25deg);
        -o-transform: rotate(25deg);
        width: 110px;
        margin-top: 200px;
        margin-right: -100px;
    }
}
@keyframes animation-ts-s2 {
    from {
        margin-top: 210px;
        width: 52px;
        margin-left: -20px;
    }
    to {
        margin-top: 220px;
        width: 32px;
        margin-left: -10px;
    }
}
@keyframes animation-ts-min {
    from {
        transform: scale(0.95);
    }
    to {
        transform: scale(1);
    }
}
@media (min-width:768px) {
    .system-m-b .col-md-6 .m ul li{
        width: 25%;
    }
    .system-m-b ~ .system-m-b{
        margin-top: 50px;
    }
    .system-m-b ~ .system-m-b .col-md-6{
        margin-top: 100px;
    }
    .system-main .m.text-l .m-t{
        margin-left: 25%;
    }
}
@media (max-width:767px) {
    .four-hover .four-m-t{
        padding: 0 7px;
    }
    .hot-solution .hover-list{
        margin-top: 20px;
    }
    .hot-solution .hover-list .hl-li, .hot-solution .hover-list .hl-li {
        border: 1px solid #1453ff;

    }
    .hot-solution .hover-list .hl-li, .hot-solution .hover-list .hl-li {
        z-index: 3;
        transform: scale(1) !important;
    }
    .hot-solution .hl-li .hl-li-title, .hot-solution .hl-li .hl-li-title {
        background-color: #1453ff;
        text-indent: -1em;
        color: #fff;
    }
    .hot-solution .hover-list .hl-li .d1, .hot-solution .hover-list .hl-li .d1 {
        color: #333;
    }
    .hot-solution .hl-li .svg-left, .hot-solution .hl-li .svg-left {
        transform-origin: top left;
        transform: translate3d(-113px, -70px, 0) scale(1.91666);
        opacity: 1;
    }
    .hot-solution .hl-li .svg-right, .hot-solution .hl-li .svg-right {
        opacity: 1;
    }
    .hot-solution .hl-li .svg-center, .hot-solution .hl-li .svg-center {
        opacity: 1;
        transform: none;
    }
    .four-hover .m{
        border-color: #1453ff;
        margin: 0;
    }
    .four-hover .m .f-btn{
        height: 66px;
    }
    .hot-solution .hover-list .hl-li{
        margin: 0;
        width: 100%;
    }
    .hot-solution .hover-list .hl-li.li2{
        margin: 20px 0;
    }
    .classic-solution .gallery-top .col-main .item{
        padding: 0;
    }
    .classic-solution .gallery-top .ico-span{
        font-size: 12px;
    }
    .super-simplex .swiper-slide{
        width: 70%;
    }
    .classic-solution .gallery-thumbs .swiper-slide{
        width: 33.333%;
    }
}
@keyframes animation-ts-t10 {
    from {
        transform: translateY(10px);
    }
    to {
        transform: translateY(0px);
    }
}
@keyframes animation-ts-b10 {
    from {
        transform: translateY(-10px);
    }
    to {
        transform: translateY(0px);
    }
}
/* .rope s{
position: absolute;
left: 50%;
top: 0;
margin-left: -7px;
width:14px;
display:inline-block;
} */

  /* .rope i{
    height:14px;display:block;position:relative;z-index:2;
    border-radius:25% 50% 25% 50%;margin:-3px 0 0;
    box-shadow:inset 0 -2px 5px rgba(0,0,0,.52);
    background-color:#ffbe13;
  background-image: -moz-radial-gradient(25% 50%, ellipse farthest-side, #ffbe13, #b05e25 100%);
  background-image: -webkit-radial-gradient(25% 50%, ellipse farthest-side, #ffbe13, #b05e25 100%);
  background-image: -o-radial-gradient(25% 50%, ellipse farthest-side, #ffbe13, #b05e25 100%);
  background-image: -ms-radial-gradient(25% 50%, ellipse farthest-side, #ffbe13, #b05e25 100%);
  background-image: radial-gradient(25% 50%, ellipse farthest-side, #ffbe13, #b05e25 100%);
    -webkit-transform:skewY(22.5deg);
       -moz-transform:skewY(22.5deg);
            transform:skewY(22.5deg);
    -webkit-animation:stretch .87s infinite alternate
  }
  .rope i:before,.rope i:after{
    content:'';width:10%;height:100%;position:absolute;
    border-left:1px solid rgba(0,0,0,.07);
    border-right:1px solid rgba(0,0,0,.07)
  } */
  
  /* .rope i:before{
    left:20%
  }
  .rope i:after{
    right:20%
  } */
  /* .rope i:nth-last-child(1){
    border-radius:50%;width:140%;height:16px;margin:-7px -20% -50px;
    box-shadow:inset 0 -2px 7px rgba(0,0,0,.52),
                     0 2px 1px rgba(0,0,0,.7),
                     0 4px 2px rgba(255,255,255,.25),
                     0 -2px 5px rgba(0,0,0,.7);
    z-index:1
  } */
  /* #banner{
    width:90%;height:210px;margin:0 auto;border-radius:15px;
    background:url(http://www.uradi-sam.hr/files/bbg.png) #ffce29;
    border:3px solid rgba(0,0,0,.18);
    border-top:3px solid rgba(255,255,255,.34);
    border-left:3px solid rgba(255,255,255,.34);
    box-shadow:inset 5px 5px 18px rgba(255,255,255,.34),
               inset -5px -5px 18px rgba(0,0,0,.18);
    text-align:center;z-index:9999998;
    box-sizing:border-box;-moz-box-sizing:border-box;
    font:italic 700 70px/201px 'Roboto Condensed',sans-serif;
    text-transform:uppercase;letter-spacing:-4px;
    color:rgba(75,34,5,.52);
    text-shadow:2px 2px 1px rgba(255,189,18,.34),
                -1px -1px 1px rgba(0,0,0,.07)
  } */
  .rope{
    position: relative;
    width: 100%;
    height: 0;
    }
.rope .center{
}
  .rope s{
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -2px;
    width:4px;
    display: flex;
    width: 120px;
    }
  .rope i{
    width: 4px;
    height: 4px;
    margin: 4px 0;
    flex: 1;
    position:relative;
    z-index:2;
    /* -webkit-animation:stretch .87s infinite alternate */
  }
  .rope i::before{
    content: '·';
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -2px;
    margin-top: -2px;
    line-height: 4px;
    width: 4px;
    height: 4px;
    color: #1453ff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    display:inline-block;
  }
  @-webkit-keyframes stretch{
    0%{
      margin: 5px 0;
    }
    100%{
      margin: 15px 0;
    }
  }
  
  .cf:before,.cf:after{
    content:'';display: table
  }
  
  .cf:after{
    clear:both
  }