@charset "utf-8";

/* public*/
.w1200{width:1200px;margin:0 auto;}
.tx-l{text-align:left;}
.tx-c{text-align:center;}
.tx-r{text-align:right;}
.ufl{float:left;}
.ufr{float:right;}
.row.marlg0{margin-right:0;margin-left:0;}
.row .padlg0{padding-right:0;padding-left:0;}
.text img{max-width:100%;}
.col-zs{color:#32aebf;}
.fontsize18{font-size:18px;}
.fontsize20{font-size:20px;}
.fontsize30{font-size:30px;}
.fontsize24{font-size:24px;}
.dtable{display:table;width: 100%;height:100%;}
.dtable .dtcell{display:table-cell;vertical-align:middle;}
.block{display:block;}
body{overflow-x: hidden;}

/* body{padding-top: 88px;} */
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], input[type="search"], input[type="date"], select, textarea {
    -moz-border-radius: 2px;
         border-radius: 2px;
    border: solid 1px #ccc;
    padding: 0.6em;
    background-color: #f7f7f7;
    -webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,0.1);
       -moz-box-shadow: inset 0 2px 3px rgba(0,0,0,0.1);
            box-shadow: inset 0 2px 3px rgba(0,0,0,0.1);
    width: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
a:hover, a:focus {color: #32aebf;text-decoration:none;}

.header-wrapper{
    position: sticky;
    top:0;
    left:0;
    width: 100%;
    padding:5px 1%;
    z-index:999;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: #fff;

}
.header-wrapper.activeHead{padding-top: 0;}
/* .header-wrapper:after {
    width: 100%;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    transition: all .4s ease-out;
    content: '';
    position: absolute;
    top: -110%;
    left: 0;
    display: inline;
    height: 100%;
    background: #fff;
    -ms-box-shadow: 0 2px 4px rgba(0,0,0,.1);
    -o-box-shadow: 0 2px 4px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1);
       -moz-box-shadow: 0 2px 4px rgba(0,0,0,.1);
            box-shadow: 0 2px 4px rgba(0,0,0,.1);
    z-index: -1;
}
.header-wrapper.activeHead:after{top:0;} */
.navbar-default{
    background: transparent;
    border-width: 0;
    margin-bottom: 0;
    position: static;
}
.navbar-brand{
    height: auto;
    padding:5px 15px;
    margin-top: 0;
}
.navbar-brand > img{max-height: 70px;}



.head-nav-w{margin-top: 18px;padding-right: 0;}
.navbar-default .navbar-nav > li{
    margin-left:0px;
    padding-right: 0px;
    padding-left: 0px;
    font-size:16px;
    position: relative;
    height: 60px;
}
.navbar-default .navbar-nav > li > a{
    padding:10px 20px 10px 30px;color:#333;
    position: relative;height: 40px;line-height: 20px;
    font-family: "SourceHanSansCNRegular";
    -webkit-transition: all .42s ease;
    transition: all .42s ease;
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    overflow: hidden;
}
.navbar-default .navbar-nav > li.dw > a{padding-right: 30px;padding-left: 30px;}
.navbar-default .navbar-nav > li.on > a,.header-wrapper.activeHead .navbar-default .navbar-nav > li.on > a{color: #32aebf;} 
/* .navbar-default .navbar-nav > li .as:after{
    display: none;
    position: absolute;
    left: 0;
    bottom:6px;
    width:27px;
    height: 25px;
    content: '';
    z-index: 2;
    background: url(../Images/ico_51.png) center no-repeat;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
} */
.navbar-default .navbar-nav > li.on .as:after,
.navbar-default .navbar-nav > li:hover .as:after{display: block;}
/* .header-wrapper.activeHead .navbar-nav > li > a{color:#fff;} */
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
.header-wrapper.activeHead .navbar-nav > li > a:hover,.header-wrapper.activeHead .navbar-nav > li > a:focus{
    color:#32aebf;
}
.navbar-default .navbar-nav > li.last > a.sea{
    width: 30px;
    background: url(../Images/ico_sea.png) center no-repeat;
}
.activeHead .navbar-default .navbar-nav > li.last > a.sea{background: url(../Images/ico_sea2.png) center no-repeat;}


.navbar-default .navbar-nav > li .as span{display: block;}
.navbar-default .navbar-nav > li .as:before{
    content: '';
    color: #32aebf;
    height: 100%;
    width: 100%;
    margin-top: 0px;
    padding: 10px 20px 10px 30px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transform: translate3d(0, 55%, 0);
    transform: translate3d(0, 55%, 0);
    -webkit-transition: all .42s ease;
    transition: all .42s ease;
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    font-family: "SourceHanSansCNRegular";
    line-height: 20px;
}
.navbar-default .navbar-nav > li.dw .as:before{padding-right: 30px;padding-left: 30px;}
.navbar-default .navbar-nav > li:nth-of-type(1) .as:before{content: '首页';}
.navbar-default .navbar-nav > li:nth-of-type(2) .as:before{content: '关于佰金';}
.navbar-default .navbar-nav > li:nth-of-type(3) .as:before{content: '产品体系';}
.navbar-default .navbar-nav > li:nth-of-type(4) .as:before{content: '项目业绩';}
.navbar-default .navbar-nav > li:nth-of-type(5) .as:before{content: '模拟配色';}
.navbar-default .navbar-nav > li:nth-of-type(6) .as:before{content: '新闻动态';}
.navbar-default .navbar-nav > li:nth-of-type(7) .as:before{content: '联系我们';}
.navbar-default .navbar-nav > li:hover a.as:before{
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
.navbar-default .navbar-nav > li:hover a.as span{
    -webkit-transform: translate3d(0, -55%, 0);
    transform: translate3d(0, -55%, 0);
    opacity: 0;
}
.navbar-default .navbar-nav > li.last,
.navbar-default .navbar-nav > li.line{margin-left:15px;}
.navbar-default .navbar-nav > li.last > a{
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
}
.navbar-default .navbar-nav > li.line > i{
    display: block;
    margin-top: 13px;
    width: 1px;
    height: 14px;
    background: #fff;
}
.navbar-default .navbar-nav > li.last:before,
.navbar-default .navbar-nav > li.lang:before{display: none;}
.navbar-default .navbar-nav > li.last:hover a ,
.navbar-default .navbar-nav > li.lang:hover a{
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
.navbar-default .navbar-nav > li.lang{margin-left: 15px;}
.navbar-default .navbar-nav > li.lang a {
    float: left;
    color: #fff;
    text-align: center;
    line-height: 18px;
    transition: all 0.3s;
    font-size: 20px;
    padding-right: 20px;
    position: relative;
}
.navbar-default .navbar-nav > li.lang i {
    position: absolute;
    right: 0;
    top: 11px;
    line-height: 18px;
}
.navbar-default .navbar-nav > li.lang i:after {
    content: '\22';
}
.header-wrapper.activeHead .navbar-nav > li.lang > a{color: #000;}


.navbar-default .navbar-nav > li .ej-nav{
    position: absolute;
    top:90%;
    left: 0;
    width: 100%;
    background: rgba(3,157,143,0.7);
    padding-top: 0;
    padding-bottom: 0;
    -webkit-transition: none;
    transition: none;
    display: none;
}
.navbar-default .navbar-nav > li .ej-nav dl{margin-bottom: 0;}
.navbar-default .navbar-nav > li .ej-nav dl dd{
    text-align: center;
    font-family: "SourceHanSansCNRegular";
    line-height: 40px;
}
.navbar-default .navbar-nav > li .ej-nav dl dd a{
    display: block;
    color: #fff;
    font-size: 14px;
}
.navbar-default .navbar-nav > li .ej-nav dl dd a:hover{
    background: rgba(3,157,143,1);
}


.head-tr{
    float: right;
    margin-top: 15px;
}
.head-login{
    float: left;
    height: 38px;
    line-height: 38px;
    width: 175px;
    text-align: center;
    color: #fff;
    background-color: #176fc0;
    border-radius: 38px;
    font-size: 17px;
}
.head-login a{
    display: inline-block;
    padding: 0 15px 0 20px;
    color: #fff;
    background:url(../Images/ico1.png) left center no-repeat;
    position: relative;
}
.head-login a.icoh2{background-position: -78px center;padding-right: 0;margin-left: 15px;}
.head-login a.icoh2:after{
    position: absolute;
    top:12px;
    left: -16px;
    width: 1px;
    height: 14px;
    background-color: #0f5da4;
    content: '';
}
.head-login a.icoh2:before{
    position: absolute;
    top:12px;
    left: -15px;
    width: 1px;
    height: 14px;
    background-color: #4d87bc;
    content: '';
}
.head-tr .head-tel{
    display: inline-block;
    vertical-align: top;
    
    line-height: 26px;

    font-family: arial;
    font-weight: bold;
    font-size: 18px;
    color: #333;
    margin-top: 6px;
}
.head-tr .head-sea{
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url(../Images/ico_sea2.png) center no-repeat;
    margin-left: 15px;
    margin-top: 10px;
    position: relative;
    margin-right: 0;
}
/* .head-tr .head-sea:after{
    position: absolute;
    top:4px;
    right: -15px;
    width: 1px;
    height: 16px;
    background-color: rgba(23,111,192,0.7);
    content: '';
} */
.navbar-default .navbar-nav > li > a i.rd{
    position: absolute;
    top:50%;
    right: 10px;
    line-height: 20px;
    font-style: normal;
    margin-top: -10px;
}
/* .navbar-default .navbar-nav > li > a i.lf{
    position: absolute;
    top:50%;
    left: 0;
    width: 1px;
    height: 14px;
    margin-top: -7px;
    background: #ccc;
} */


.index-prev,.index-next{
    position: absolute;
    top:50%;
    width: 27px;
    height: 54px;
    background: url(../Images/ico_prev.png) center no-repeat;
    -moz-background-size: cover;
         background-size: cover;
    margin-top: -27px;
    z-index: 3;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.index-prev{left: 3%;}
.index-next{right: 3%;-webkit-transform: rotateZ(180deg);-moz-transform: rotateZ(180deg);-ms-transform: rotate(180deg);transform: rotateZ(180deg);}
.index-prev:hover,.index-next:hover{
    opacity: 1;
    filter: alpha(opacity=100);
}
.swiper-pagination-bullet-active{background: #32aebf;}

.modal-body-login{padding-top: 0;padding-bottom: 0}
.logright{background-color: #f0f0f0;min-height: 440px;}
.title-modal{padding-top: 40px;margin-bottom: 30px;}
.title-modal .tl{font-size: 30px;color: #176fc0;}
.title-modal .ten{font-size: 20px;color: #666;margin-left: 5px;}
.login-form .logcon{padding: 0 30px;}
.form-modal-boxs .group{margin-bottom: 15px;}
.form-modal-boxs .group label{font-size: 16px;font-weight: normal;color: #000;margin-bottom: 5px;}
.form-modal-boxs .group input{
    width: 100%;
    background-color: #fff;
    height: 48px;
    box-shadow: none;
    outline: none;
}
.form-modal-boxs .group input:focus{box-shadow: 0 0 10px 1px #bbc5eb;}
.form-modal-boxs .group .radios{padding-top: 10px;}
.form-modal-boxs .group .radios label{margin-right: 15px;}
.form-modal-boxs .group .radios input{width: 20px;height: 20px;border-radius: 20px;vertical-align: middle;margin-top: 0;margin-right: 5px;}
.form-modal-boxs .group .radios span{vertical-align: middle;}
.form-modal-boxs .group .radios input:focus{box-shadow: 0 0 10px 1px #fff;}
.form-modal-boxs .group .radios .ra{cursor: pointer;}
.form-modal-boxs .group span.x{color: #176fc0}
.form-modal-boxs .group input.code{width: 210px;}
.form-modal-boxs .group .getcode{
    width: 115px;
    height: 48px;
    line-height: 48px;
    border-radius: 5px;
    background-color: #176fc0;
    color: #fff;
    text-align: center;
    margin-left: 10px;
    font-size: 16px;
}
.modal-sub{margin-top: 40px;}
.modal-sub input,.modal-sub a{
    display: block;
    width: 155px;
    height: 48px;
    line-height: 48px;
    border-width: 0;
    border-radius: 6px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    letter-spacing:5px;
}
.modal-sub input{background-color: #176fc0;}
.modal-sub a{background-color: #65c42f;}
.logright .txt{min-height: 165px;}
.logright .txt h3{font-size: 22px;margin-bottom: 15px;}
.logright .txt h4{
    font-size: 16px;
    line-height: 1.8;
}
.modal-colse{position: absolute;z-index: 9;margin: 15px;top:0;right: 0;}
.register-form{max-width: 340px;margin:0 auto;}
.register-form .p{margin: 20px 0;}
.register-form .p a{color: #176fc0;}


.banner .img{overflow: hidden;height: 100%;}
.banner .img img{
    width: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: transform 0.5s ease-out 0.8s;
}
/*.banner .swiper-slide-active .img img{
    transform: scale(1);
}*/
.ban-txt{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 4%;
    z-index: 2;
    color: #fff;
}
.banner-wrap{max-width: 1000px;padding-left: 5%;color: #fff;}
/* .ban-txt .ban-move-box{max-width: 1000px;margin-left: 10%;} */
.banner-wrap .banner-main{max-width: 500px;}
.ban-txt .p1{
    font-size: 20px;
    margin-bottom: 0px;
    opacity: 0;
    margin-bottom: 15px;
}
.ban-txt .h3{
    font-size: 60px;
    opacity: 0;
    margin-top: 0;
}
.ban-txt .p2{
    font-size: 64px;
    opacity: 0;
    text-transform: uppercase;
    font-family: arial;
    font-weight: 600;
    line-height: 1;
}
/* .ban-txt .p2 span{opacity: 0.7;} */
.ban-txt .p3{opacity: 0;margin-top: 15px;font-size: 20px;}
.ban-txt .p3 a.m{
    display: inline-block;
    line-height: 44px;
    padding: 0 50px;
    border-radius: 44px;
    background: #176fc0;
    color: #fff;
}
.ban-txt .line{
    width: 60px;
    height: 2px;
    background: #fff;
    margin: 20px 0 20px;
    opacity: 0;
}
.ban-move-box {margin-top: 40px;opacity: 0;}
.ban-move-box a{display: inline-block;width: 150px;height: 50px;line-height: 50px;border-radius: 6px;margin: 0 8px;font-size: 18px;text-align: center;}
.ban-move-box a.a1{background-color: #176fc0;color: #fff;}
.ban-move-box a.a2{background-color: #65c42f;color: #fff;}
.dsvg {
    position: absolute;
    right: 0;
    bottom: 30px;
    left: 0;
    width: 54px;
    width: 27px;
    margin: 0 auto;
    z-index: 4;
    text-align: center;
    cursor: pointer;
}
.dsvg .scroll-blast {
    height: 40px;
    width: 20px;
    margin-top: -6px;
    margin-left: 20px;
    margin-left: 0px;
}
.dsvg .scroll-blast path {
    fill: #fff;
    -webkit-animation: arrowHint 1.5s infinite;
    animation: arrowHint 1.5s infinite;
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s
}
.dsvg .scroll-blast path.a1 {
    fill: #65c42f;
    -webkit-animation-delay: -.75s;
    animation-delay: -.75s
}
.dsvg .scroll-blast path.a2 {
    fill: #87dae1;
    -webkit-animation-delay: -.375s;
    animation-delay: -.375s
}
.dsvg .scroll-blast path.a3 {
    fill: #b0e6eb;
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}
@-webkit-keyframes arrowHint {
0% {
opacity:0
}
40% {
opacity:1
}
80% {
opacity:0
}
to {
opacity:0
}
}
@keyframes arrowHint {
0% {
opacity:0
}
40% {
opacity:1
}
80% {
opacity:0
}
to {
opacity:0
}
}

.banner-page{position: absolute;bottom: 15px;left: 0;width: 100%;z-index: 9;text-align: left;}
.banner-page .swiper-pagination-bullet{width: 10px;height: 10px;background-color: #039d8f;margin: 0 6px;opacity: 1;vertical-align: middle;}
.banner-page .swiper-pagination-bullet-active{
    width: 22px;
    height: 22px;
    background: url(../Images/ico5.png);
}
.icos-d{position: relative;}
.icos-d .svg{width: 50px;height: 50px;position: relative;}
.icos-d .icos-jt{
    background: url(../Images/ico_jt.png) center no-repeat;
    position: absolute;
    top:0;
    left: 0;
    width: 50px;
    height: 50px;
    -webkit-transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;
    -moz-transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;
    transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;
}
.ban-bslide ul li:hover .icos-d .icos-jt{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
         transform: rotate(90deg);
}
.icos-d .svg svg {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
         transform: rotate(-90deg);
}
.icos-d .svg svg circle{
    -webkit-transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;
    -moz-transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;
    transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;
    stroke-dasharray:339;
    stroke-dashoffset:339;
}


img.img-position{
    position: absolute;
    top:0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}


.more-s1 a{
    display: inline-block;
    line-height: 38px;
    border:1px solid #3bb3c3;
    border-radius: 40px;
    font-size: 16px;
    text-transform: uppercase;
    overflow: hidden;
    height: 40px;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.more-s1{text-align: center;}
.more-s1 a:hover{color: #fff;}
.more-s1 a span{
    position: relative;
    display: inline-block;
    width: 220px;
    overflow: hidden;
    z-index: 2;
}
.more-s1 a span:after{
    background: #3bb3c3;
    content: '';
    height: 100%;
    width: 0;
    position: absolute;
    top: 0;
    left: -10px;
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
    -webkit-transition: all .4s;
    transition: all .4s;
    z-index: -1;
}
.more-s1 a:hover span:after{width: 112%;}



.more5{margin-top: 20px;font-size: 32px;color: #fff;}
.more5 i{cursor: pointer;}

.Preva{
    position: absolute;
    top:50%;
    left: 0;
    line-height: 30px;
    margin-top: -15px;
    font-family: "ElegantIcons";
    font-size: 24px;
}
.Nreva{
    position: absolute;
    top:50%;
    right: 0;
    line-height: 30px;
    margin-top: -15px;
    font-family: "ElegantIcons";
    font-size: 24px;
}
.Preva:after{content: '\34'}
.Nreva:after{content: '\35'}



.public-title{
    text-align: center;
    margin-bottom: 55px;
}
.public-title .line{
    width: 13px;
    height: 68px;
    background: url(../Images/ico4.png) no-repeat center bottom/13px;
    margin: 0 auto 35px;
    opacity: 0;
    height: 55px;
    margin: 0;
}
.public-title .line i{
    display: block;
    width: 2px;
    height: 45px;
    background: #3bb3c3;
    margin: 0 5px;
}
.public-title h3.ti{
    font-size: 2.1em;
    margin-bottom: 5px;
}
.public-title .p{color: #888;}
.public-intro{
    line-height: 1.6;
    color: #666;
}
.index-system{padding-bottom: 70px;}
.index-system-list{padding-bottom: 30px;}
.index-system-list .item{margin-bottom: 30px;}
.index-system-list .boxs{position: relative;border-radius: 15px;overflow: hidden;}
.index-system-list .boxs img{width: 100%;}
.index-system-list .boxs .shaw{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(3,157,143,0.7);
    color: #fff;
    z-index: 3;
    text-align: center;
    opacity: 0;
}
.index-system-list .boxs .shaw .public-intro{color: #fff;text-align: left;margin-top: 12px;}
.index-system-list .boxs:hover .shaw{opacity: 1;top:0;}
.index-system-list .boxs .shaw .txt h2{font-size:1.06em;}
.index-about{
    background: #f2f2f2;
    padding-bottom: 70px;
}
.index-about-numgo{
    margin-top: 50px;
}
.index-about-numgo .number-c{
    font-size: 68px;
    color: #3bb3c3;
}
.index-about-numgo .p{
    color: #555;
}
.index-about-numgo .y{font-size: 18px;}
.index-about-numgo .fh{vertical-align: top;color: #3bb3c3;font-size: 32px;}
.index-about-video{
    position: relative;
    z-index: 5;
}
.index-about-video:after{
    position: absolute;
    top: -22px;
    left: -22px;
    width: 85%;
    height: 80%;
    background: #3bb3c3;
    content: '';
    z-index: -1;
}
.index-about-video .boxs{
    position: relative;
    z-index: 5;
    overflow: hidden;
}
.index-about-video .boxs video{
    display: block;
    width: 100%;
}
.index-project{padding-bottom: 70px;}
.index-project-main{
    max-width: 990px;
    margin: 0 auto;
    position: relative;
}
.index-project-main:after{
    position: absolute;
    right: -80px;
    bottom: 0;
    height: 50%;
    width: 100%;
    background: #3bb3c3;
    content: '';
    z-index: -1;
}
.index-project-main .swiper-wrapper-small{
    position: relative;
    z-index: 5;
    margin: -80px 60px 0;
    text-align: center;
}
.index-project-main .swiper-wrapper-small:after{
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
    height: 0;
    border-top: 1px dashed #fff;
    content: '';
    z-index: -1;
}
.index-project-main .swiper-wrapper-small .t{
    line-height: 40px;
    font-size: 16px;
    color: #fff;
}
.index-project-main .swiper-wrapper-small .line{
    width: 12px;
    height: 12px;
    border: 1px solid #fff;
    border-radius: 50%;
    margin: 0 auto;
}
.index-project-main .swiper-wrapper-small .line i{
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #fff;
    margin: 3px;
}
.index-project-main .swiper-wrapper-small .ico{
    width: 50px;
    height: 50px;
    margin: 40px auto 20px;
    position: relative;
}
.index-project-main .swiper-wrapper-small .ico img{width:100%;height:100%;}
.index-project-main .swiper-wrapper-small .ico img.ico2{display:none;position:absolute;top:0;left:0;opacity:0;}
.index-project-main .swiper-wrapper-small .swiper-slide-thumb-active .ico img.ico1{opacity:0;}
.index-project-main .swiper-wrapper-small .swiper-slide-thumb-active .ico img.ico2{display:block;opacity:1;}
.index-project-main .swiper-wrapper-small .swiper-slide-thumb-active .t{color:#3bb3c3;}
.index-project-main .swiper-wrapper-small .swiper-slide-thumb-active .line{border-color:#3bb3c3;}
.index-project-main .swiper-wrapper-small .swiper-slide-thumb-active .line i{background-color:#3bb3c3;}
.index-project-main .swiper-wrapper-small .swiper-slide{cursor: pointer;}
.pub-prev1,.pub-next1{
    position: absolute;
    top: 32px;
    color: #fff;
    font-size: 32px;
    z-index: 6;
}
.pub-prev1{left: -22px;}
.pub-next1{right: -22px;}
.pub-prev1 .icos,.pub-next1 .icos{
    display: block;
    width: 13px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.pub-prev1 .icos{background-image: url(../Images/ico_prev2.png);}
.pub-next1 .icos{background-image: url(../Images/ico_next2.png);}
.index-news{
    background: #f2f2f2;
    padding-bottom: 70px;
}
.index-news-row{margin-bottom: 70px;}
.index-news-row .img{
    padding-top: 66.6666%;
    position: relative;
}
.index-news-row .img img{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.index-news-row .txt{
    position: relative;
    max-width: 80%;
    padding: 15px;
    margin: -40px 0 0 15px;
    background: #fff;
    z-index: 2;
}
.index-news-row .txt .date{font-size: 14px;color: #888;margin:5px 0;}
.index-news-row .txt .ti{font-size: 18px;color: #333;margin: 5px 0 10px;line-height:28px;height:56px;}
.index-news-row .txt .p{
    color: #555;
    line-height: 26px;
    height: 52px;
}
.index-news-row .txt .icom{
    display: inline-block;
    margin-top: 10px;
    font-size: 24px;
    color: #333;
}
.index-news-row .boxs:hover .txt .icom{
    -webkit-transform: rotateZ(145deg);
    transform: rotateZ(145deg);
}
.footer{
    padding-top: 40px;
    background: #333;
    color: #fff;
}
.footer-logo img{max-height: 60px;}
.footer .shar{margin-top: 40px;}
.footer .shar a{
    width: 34px;
    height: 34px;
    background-color: rgba(255, 255, 255, 0.37);
    border-radius: 50%;
    margin-right: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.footer .shar a:nth-child(1){
    background-image: url(../Images/ico1.png);
}
.footer .shar a:nth-child(2){
    background-image: url(../Images/ico2.png);
}
.footer .shar a:nth-child(3){
    background-image: url(../Images/ico3.png);
}
.footer .shar a:hover{background-color: #3bb3c3;}
.foot-nav dt,.footer-mes .ft-ti{
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 12px;
}
.foot-nav dd{opacity: 0.7;margin-bottom: 5px;font-size:13px;}
.foot-nav.ub{flex-wrap: wrap;}
.foot-nav.ub dt{width: 100%;}
.foot-nav.ub dd{width: 50%;}
.footer-mes .ft-tel{font-size: 20px;opacity: 0.7;}
.footer-mes .ft-add{font-size: 14px;opacity: 0.7;margin-top: 15px;margin-bottom: 15px;}
.foot-chart .img{
    text-align: center;
    max-width: 100px;
}
.foot-chart .img .p{margin-top: 10px;font-size:13px;}
.footer .icp{
    padding: 15px 0;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.17);
    margin-top: 10px;
    font-size: 13px;
}
.footer .container{max-width:1075px;}

.products-nav{
    text-align: center;
    font-size: 0;
    margin: 70px 0;
}
.products-nav .item{
    display: inline-block;
    padding: 0 60px;
    position: relative;
}
.products-nav .item .a{display:block;text-align:center}
/*.products-nav .item .a .ico{height:46px;}
.products-nav .item .a .ico img{height:100%;}*/
.products-nav .item+.item:after{
    display: block;
    width: 1px;
    height: 55px;
    background: #eee;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
}
.products-nav .item .p{
    font-size: 18px;
    margin-top: 10px;
    position: relative;
    font-family: "SourceHanSansCNRegular";
}
.products-nav .item.active .p{
    color: #3bb3c3;
}
.products-nav .item.active .p:after{
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border-top: 8px solid #3bb3c3;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    content: '';
    margin-left: -6px;
}
.products-group .group{margin-top: 140px;}
.products-group .group .group-top{
    position: relative;
}
.products-group .group .group-top:after{
    position: absolute;
    top: -70px;
    height: 100%;
    width: 2000px;
    background: #f2f2f2;
    content: '';
    z-index: -1;
}
.products-group .group:nth-child(2n+1) .group-top:after{left: 20%;}
.products-group .group:nth-child(2n) .group-top:after{right: 20%;}
.products-group .group .img-t{max-width: 752px;}
.products-group .group .title{
    font-size: 2.1em;
    margin-bottom: 15px;
    margin-top: 30px;
}
.products-group .group .m{margin-top: 40px;}
.products-group .group .m a{
    display: inline-block;
    font-size: 16px;
    line-height: 40px;
    border-radius: 40px;
    padding: 0 35px;
    background: #3bb3c3;
    color: #fff;
}
.products-group .group .group-swp{
    position: relative;
    margin-top: 50px;
}
.products-group .group .group-swp .group-swp-btn,.pub-paget3{
    position: absolute;
    top: 50%;
    width: 44px;
    height: 80px;
    background-position: center;
    background-repeat: no-repeat;
    background-size:20px;
    background-image: url(../Images/ico_prev3.png);
    margin-top: -40px;
    z-index: 3;
}
.products-group .group .group-swp .shaw .txt h2{font-size:1.06em;}
.products-group .group .group-swp .group-swp-prev{left: -50px;}
.products-group .group .group-swp .group-swp-next{right: -50px;-webkit-transform: rotateZ(180deg);transform: rotateZ(180deg);}
.products-group .group .group-swp .shaw{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(3,157,143,0.7);
    color: #fff;
    z-index: 3;
    text-align: center;
    opacity: 0;
}
.products-group .group .group-swp .block:hover .shaw{opacity: 1;}
.products-group .group .group-swp .shaw .public-intro{color: #fff;margin-top: 10px;text-align: left;}
.products-group .group .group-swp .shaw .ma{
    width: 30px;
    height: 30px;
    background: url(../Images/ico6.png) center no-repeat;
    background-size: cover;
    margin: 10px auto 0;
}
.products-group .group .group-swp h4{
    text-align: center;
    margin-top: 20px;
    font-size: 1.06em;
}
.products-bottom{
    margin: 70px 0;
}
.products-bottom .shaw{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.products-bottom .shaw .t{
    font-size: 20px;
    color: #fff;
    margin-top: 20px;
}
.products-list{padding-bottom: 50px;}
.products-list .item{
    margin-bottom: 40px;
    background: #FAFAFA;
    max-height: 336px;
    overflow: hidden;
}
.products-list .item:hover{
    background: #3bb3c3;
    color: #fff;
}
.products-list .item .block{
    border: 1px solid #ddd;
}
.products-list .item .txt{
    padding: 18px 20px 15px 20px;
    background-color: rgba(255,255,255,0.65);
}
.products-list .item:hover .txt{background-color:rgba(59, 179, 195,0.8);background-color:rgba(59, 179, 195,0.8);}
.products-list .item .txt .title{font-size: 18px;margin-bottom: 10px;position: relative;padding-bottom: 5px;}
.products-list .item .txt .title:after{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 140px;
    height: 2px;
    background: #3bb3c3;
    content: '';
}
.products-list .item:hover .txt .title:after{background-color:#fff;}
.products-list .item .txt .public-intro{
    height: 28px;
    line-height: 28px;
}
.products-list .item:hover .txt .public-intro{
    height: 112px;
}
.products-list .item .txt .m a,.products-list .item .txt .m .a{
    display: inline-block;
    width: 24px;
    height: 12px;background: url(../Images/ico7.png) no-repeat center/contain;
    margin-top: 20px;
}
.products-list .item:hover .txt .title a,
.products-list .item:hover .txt .title span,
.products-list .item:hover .txt .public-intro{color: #fff;}
.products-list .item:hover .txt .m a,.products-list .item:hover .txt .m .a{background-image: url(../Images/ico8.png);}
.products-detail-top{
    position: relative;
}
.products-detail-top:after{
    position: absolute;
    top: 0;
    left: -1000px;
    width: 4000px;
    height: 100%;
    background: #fff;
    content: '';
    z-index: -1;
}
.products-detail-top .big-img{
    position: relative;
    padding-top: 90%;
    z-index: 3;
}
.products-detail-top .big-img img{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}
.products-detail-top .small-img{margin-top:140px;}
.products-detail-top .small-img .row{margin-right: -5px;margin-left: -5px;}
.products-detail-top .small-img .row>div{padding-right: 5px;padding-left: 5px;}
.products-detail-top .small-img .boxs{
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden;
    cursor: pointer;
    background-color: #fff;
    box-shadow: 3px 3px 5px 1px #ddd;
    margin-bottom: 30px;
}
.products-detail-top .small-img .boxs:hover{
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
.products-detail-top .small-img .boxs img{width: 100%;}
.products-detail-top .small-img .boxs .p{
    font-size: 12px;
    padding:5px;
    text-align: center;
}
.products-detail-top .left-boxs{padding-bottom: 0;}
.products-detail-top .left-boxs:after{
    position: absolute;
    top: 0;
    right: -30px;
    width: 1px;
    height: 100%;
    background: transparent;
    content: '';
}
.products-detail-top .right-txt{
    padding:0;
}
.products-detail-top .txt-group{
    padding: 60px 50px;
    background: #EDEDEE;
}
.products-detail-top .right-txt .title{font-size: 20px;margin-bottom: 50px;}
.products-detail-top .right-txt .navs{
    height: 80px;
    line-height: 80px;
    margin: 0;
    padding: 0;
}
.products-detail-top .right-txt .navs span{
    font-size: 18px;
    cursor: pointer;
    box-shadow: 0 -6px 0 transparent;
    color: #000000;
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 0 40px;
    text-transform: uppercase;
}
.products-detail-top .right-txt .navs span:hover {
    background: none repeat scroll 0 0 #c8c9cb;
}
.products-detail-top .right-txt .navs span.on{
    background: none repeat scroll 0 0 #EDEDEE;
    box-shadow: 0 -6px 0 #3bb3c3;
}

.products-detail-top .txt-group .group{display: none;}
.products-detail .products-mid {padding-bottom: 50px;}
.products-detail .products-mid .stitle{
    border-bottom: 2px solid #3bb3c3;
    font-size: 20px;
    margin-top: 50px;
    margin-bottom: 40px;
}
.products-detail .products-mid .mid-a .h4{font-size:1.06em;margin-bottom:20px;}
.about-advantage{padding-bottom: 70px;}
.about-wrap .public-title{margin-bottom: 10px;}
.about-advantage .row{margin-top: 70px;}
.about-advantage .row>div:hover .ico{
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}
.about-advantage .row .ico img{max-width: 110px;}
.about-advantage .row .title{
    font-size: 18px;
    margin: 15px 0 5px;
}
.about-advantage .row .public-intro{
    max-width: 265px;
    margin: 0 auto;
}

.layui-layer-photos{
    transition: none;
}
.about-Honorable{padding-bottom: 70px;background: #f2f2f2;}
.Honorable-swp{margin-top: 30px;}
.Honorable-swp .swiper-slide{width: 520px;}
.pub-paget3.lefti{left: 0;}
.pub-paget3.righti{right: 0;-webkit-transform: rotateZ(180deg);transform: rotateZ(180deg);}
.Cultural-swp{
    max-width: 1000px;
    margin: 30px auto 0;
}
.about-Cultural .banner-page{margin-top: 30px;text-align: center;}
.about-Cultural{position: relative;padding-bottom: 50px;}
.about-Cultural:after{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background: #f2f2f2;
    content: '';
    z-index: -1;
}
.about-Development{padding-bottom: 70px;}
#DevelopmentSwpA{margin-top: 70px;}
.about-Development .img{max-width: 578px;margin: 0 auto;}
.about-Development .txt .title{
    font-size: 20px;
    color: #3bb3c3;
}
.about-Development .txt .year{font-size: 16px;margin: 15px 0;color: #000;}
.Development-thums .swiper-slide{pointer:cursor;}
.Development-thums{margin-top: 50px;position: relative;text-align: center;}
.Development-thums:after{
    position: absolute;
    top: 45px;
    left: -1000px;
    width: 4000px;
    height: 1px;
    background: #e5e5e5;
    content: '';
    z-index: -1;
}
.Development-thums .p{
    line-height: 40px;
    height: 40px;
    font-size: 14px;
    color: #555;
}
.Development-thums .y{
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}
.Development-thums .swiper-slide-thumb-active .p,.Development-thums .swiper-slide-thumb-active .y{color:#3bb3c3;}
.Development-thums .line{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #e5e5e5;
    margin: 0 auto;
}
.Development-thums .swiper-slide-thumb-active .line{background:#3bb3c3;}

.Development-btn{
    position: absolute;
    top: 22px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: #e5e5e5;
    background-image: url(../Images/ico_prev4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 10px;
    z-index: 3;
}
.Development-prev{left: 0;}
.Development-next{right: 0;-webkit-transform: rotateZ(180deg);transform: rotateZ(180deg);}
.contact-wrap{padding-top: 70px;padding-bottom: 70px;}
.Project-list2 .row{margin-right: -12px;margin-left: -12px;}
.Project-list2 .row>div{padding-right: 12px;padding-left: 12px;margin-bottom: 24px;}
.Project-list2 .boxs{
    position: relative;
    padding-top: 80%;
    background: #f8f8f8;
    border: 1px solid #e8e8e8;
}
.Project-list2 .boxs:hover{
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    box-shadow: 3px 5px 12px 1px #eee;
}
.Project-list2 .boxs .con{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.Project-list2 .boxs .con .ico img{
    max-height: 75px;
}
.Project-list2 .boxs .con .p{font-size: 20px;margin-top: 15px;}
.Project-partner{
    padding-bottom: 70px;
    background: #f2f2f2;
}
.Project-partner .boxs{
    height: 130px;
    background: #fff;
}
.Project-partner .swiper-wrapper{padding-top:12px;}
.Project-partner .swiper-wrapper .boxs:hover{
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    box-shadow: 0 2px 8px 1px #ccc;
}
.Project-partner .boxs img{max-width:75%;max-height: 60%;}
.Project-partner .banner-page{text-align: center;margin-top: 50px;}
.in-pub-nav{
    padding-top: 30px;
    border-bottom: 1px solid #ddd;
    text-align: center;
    font-size: 0;
    margin-bottom: 20px;
}
.in-pub-nav .a{
    display: inline-block;
    margin-bottom: -1px;
}
.in-pub-nav .a a{
    display: block;
    border-bottom: 2px solid transparent;
    font-size: 20px;
    padding: 0 40px 30px;
}
.in-pub-nav .a.active a{border-bottom-color: #3bb3c3;color: #3bb3c3;}
.news-wrap .index-news-row .boxs{margin-top: 50px;}
.news-wrap .index-news-row .boxs img{width: 100%;}
.input-g{
    max-width: 660px;
    margin: 50px auto 20px;
    position: relative;
}
.input-g input.tx{
    height: 44px;
    border: 1px solid #ddd;
    box-shadow: none;
    outline: none;
    background: #fff;
    font-size: 16px;
}
.input-g input.sub{
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../Images/ico9.png) no-repeat center;
    border-width: 0;
    outline: none;
    z-index: 2;
}

/* 案例 */
.project-list{margin-bottom: 50px;}
.casex {
    position: relative;
    overflow: hidden;
    margin-top: 30px;
}
.casex a h5 {
    color: #ffffff;
}
.casex:hover a h5 {
    color: #ffffff;
}
.casex .imgdiv {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.casex .imgdiv img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.casex a{display: block;position: relative;}
.casex a:before {
    content: '';
    position: absolute;
    bottom: 18px;
    right: 2.75%;
    z-index: 1;
    width: 0px;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.5);
    opacity: 0;
    -webkit-transition: all 1.5s ease 0s;
    -moz-transition: all 1.5s ease 0s;
    -ms-transition: all 1.5s ease 0s;
    -o-transition: all 1.5s ease 0s;
    transition: all 1.5s ease 0s;
}

.casex a:hover:before {
    width: 94.5%;
    opacity: 1;
}

.casex a:after {
    content: '';
    position: absolute;
    bottom: 14.8%;
    left: 2.75%;
    z-index: 1;
    width: 1px;
    height: 0;
    background-color: rgba(255, 255, 255, 0.5);
    opacity: 0;
    -webkit-transition: all 1.5s ease 0s;
    -moz-transition: all 1.5s ease 0s;
    -ms-transition: all 1.5s ease 0s;
    -o-transition: all 1.5s ease 0s;
    transition: all 1.5s ease 0s;
}

.casex a:hover:after {
    height: 72.8%;
    opacity: 1;
}
.casex .logodiv {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.casex .logodiv .lod_con {
    position: absolute;
    width: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.casex .logodiv .lod_con img {
    width: 300px;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}
.casex .logodiv .lod_con h3{
    color: #fff;
    font-size: 20px;
    font-family: 'SourceHanSansCNRegular';
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    opacity: 0;
    line-height: 1.4;
}
.casex .logodiv:hover .lod_con h3{opacity: 1;}
.casex .logodiv .lod_con h5 {
    line-height: 1.5;
    color: #fff;
    opacity: 0;
    height: 0px;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    margin-top: 15px;
}

.casex .logodiv:hover {
    background-color: rgba(3,157,143,0.7);
}

.casex .logodiv:hover .lod_con img {
    margin-bottom: 35px;
}

.casex .logodiv:hover .lod_con h5 {
    opacity: 1;
    height: auto;
    color: #ffffff;
}

.casex .logodiv:before {
    content: '';
    position: absolute;
    top: 18px;
    left: 2.75%;
    width: 0px;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.5);
    opacity: 0;
    -webkit-transition: all 1.5s ease 0s;
    -moz-transition: all 1.5s ease 0s;
    -ms-transition: all 1.5s ease 0s;
    -o-transition: all 1.5s ease 0s;
    transition: all 1.5s ease 0s;
}

.casex .logodiv:hover:before {
    width: 94.5%;
    opacity: 1;
}

.casex .logodiv:after {
    content: '';
    position: absolute;
    top: 14.8%;
    right: 2.75%;
    width: 1px;
    height: 0;
    background-color: rgba(255, 255, 255, 0.5);
    opacity: 0;
    -webkit-transition: all 1.5s ease 0s;
    -moz-transition: all 1.5s ease 0s;
    -ms-transition: all 1.5s ease 0s;
    -o-transition: all 1.5s ease 0s;
    transition: all 1.5s ease 0s;
}

.casex .logodiv:hover:after {
    height: 72.8%;
    opacity: 1;
}

.casex .logodiv .lod_con:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 34px;
    height: 34px;
    background: url(../Images/arryuan.png) no-repeat;
    background-size: 100% 100%;
    opacity: 0;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.casex .logodiv:hover .lod_con {
    padding-bottom: 65px;
}

.casex .logodiv:hover .lod_con:after {
    opacity: 1;
}

.casex .bgimg {
    width: 100%;
    padding-top: 63.2967032967033%;
}

.casex .bgimg img {
    width: 100%;
}

.case .case_center {
    width: 100%;
    margin-top: 55px;
}

.case .case_center .cc_fl {
    width: 65.757576%;
}

.case .cc_fr {
    position: relative;
    width: 31.454545%;
}

.case .cc_fr .cfr_img {
    width: 100%;
}

.case .cc_fr .cfr_img img {
    width: 100%;
}

.case .cc_fr .cfr_txt {
    position: absolute;
    top: 147px;
    left: 63px;
    padding-top: 105px;
}

.case .cc_fr .cfr_txt:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50px;
    height: 3px;
    background-color: #fff;
}

.case .cc_fr .cfr_txt h1 {
    font-size: 48px;
    color: #fff;
    margin-bottom: 52px;
}

.case .cm_box {
    width: 31.454545%;
    margin: 55px 0;
    margin-left: 2.8181815%;
}
.case .cm_box:nth-child(1) {
    margin-left: 0px;
}
.case .case_bottom .cc_fl {
    width: 65.757576%;
}
.case .case_bottom .cc_fr .casex:nth-child(1) {
    margin-bottom: 55px;
}
.cases-detailm{
    margin-top:70px;
    margin-bottom: 70px;
}
.cases-detailm .t{
    font-size: 24px;
    margin-bottom: 15px;
}
.news-det-title .title{font-size:24px;}
.foot-yqlink{line-height:26px;margin-top:30px;}
.foot-yqfl {
    line-height: 26px;
    color: #999;
    background-size: 45px;
}
/*background: url(../Images/inco_link.png) left 31px no-repeat;*/
.foot-yqlink{
    padding: 15px 0;
    font-size: 13px;
    color: #666;
    border-top: 1px solid #999;
}
.foot-yqlink td{vertical-align:top;}
.foot-yqlink_list a {
    font-size: 13px;
    color: #999;
    display: inline-block;
    margin-right: 5px;
}
.foot-yqlink_list a+a {
    padding-left: 7px;
    margin-left: 5px;
    position: relative;
}
.foot-yqlink_list a+a:after {
    width: 1px;
    height: 12px;
    background: #666;
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
}
/*.pagination [aria-label]{
    padding:0;
}
.pagination{font-size:0;}
.pagination > li > a{margin:0 3px;}*/
.pagination > li > a, .pagination > li > span{color: #32aebf;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
    background-color: #32aebf;
    border-color: #32aebf;
}

.ag-sub-container{
    max-width: 1075px;
    margin:0 auto;
    font-size: 15px;
}
.rowa {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.col-md-8a,.col-md-4a{
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.order-first {
    -ms-flex-order: -1;
    order: -1;
}
.visualizer {
    margin-bottom: 50px;
}
.visualizer.righty .content {
    border-radius: 10px 0 0 10px;
}
[data-aos] {
    transition-timing-function: ease;
    transition-duration: .4s;
    opacity: 0;
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform;
}
[data-aos="fade-right"] {
    -webkit-transform: translate3d(-100px,0,0);
    transform: translate3d(-100px,0,0);
}
[data-aos="fade-left"] {
    -webkit-transform: translate3d(100px,0,0);
    transform: translate3d(100px,0,0);
}
[data-aos^='fade'].aos-animate {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}
.visualizer .content {
    background-color: #277c88;
    color: #FFF;
    padding: 40px;
    border-radius: 0 0 10px 10px;
    height: 100%;
}
.visualizer.light-blue .content{background-color:#32aebf;}
.visualizer .subtitle {
    font-size: 1em;
    letter-spacing: 1.9px;
    margin-bottom: 8px;
}
.visualizer p {
    margin-top: 15px;
    margin-bottom: 1em;
}
.ag-sub-container h2 {
    font-size: 2em;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.btn {
    border-radius: 0;
    padding: 10px 35px;
    text-transform: uppercase;
    font-size: .77em;
    letter-spacing: 1.9px;
}
.input-group-btn .btn {
    border-radius: 0 4px 4px 0;
    padding: 6px 12px;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
}
.btn-outline-light {
    color: #f8f9fa;
    background-color: transparent;
    background-image: none;
    border-color: #f8f9fa;
}
.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.visualizer .btn span{color: #FAA90E;vertical-align:top;}
.visualizer .visualizer-photo {
    width: 100%;
    height: 100%;
    min-height: 250px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #707070;
    border-radius: 10px 0 0 10px;
}
@media (min-width: 768px){
    .col-md-8a {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-md-4a {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .order-md-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .visualizer .content {
        border-radius: 0 10px 10px 0;
    }
    .visualizer.righty .visualizer-photo {
        border-radius: 0 10px 10px 0;
    }
}