@charset "utf-8";
body {
    padding-top: 0;
}

*:focus {
    outline: none;
}

header.home {
    background-color: transparent;
    border-bottom: none;
}
.news-swiper .swiper-slide a.bg-img{
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    overflow: hidden;
}
.news-swiper .swiper-slide a.bg-img img{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    object-fit: fill;
}
.logo-b {
    display: none;
}

.ibox-inner{ width: 100%; margin: 0px auto; }
.bgf7{ background-color: #fff;}
.ibox-advantage{ padding-bottom: 15px; visibility: hidden; transform: translateY(100%); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transition: 0.58s cubic-bezier(.215,.61,.355,1); -webkit-transition: 0.58s cubic-bezier(.215,.61,.355,1); -moz-transition: 0.58s cubic-bezier(.215,.61,.355,1);}
.ibox-advantage.on{ opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0);}
.ibox-advantage-list{ color: #666666; margin-top: -90px; position: relative;}
.ibox-advantage-list li{ float: left; display: block; background-color:#fff; width: 19%; padding: 20px 3% 35px; position: relative; overflow: hidden;}
.ibox-advantage-list li:before{ content: ""; position: absolute; right: 0; bottom: 0; height: 100%; width: 1px; background-color: #d1d1d1;}
.ibox-advantage-list li:last-child:before{ display: none;}
.ibox-advantage-list li:after{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 5px; background-color: #f0a402; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .5s cubic-bezier(.4,0,.2,1); transition: transform .5s cubic-bezier(.4,0,.2,1); -webkit-transform: scaleX(0); visibility:hidden\9; }
.ibox-advantage-list .item{ transition: 0.4s; -webkit-transition: 0.4s;}
.ibox-advantage-list .ico{ width: 60px; height: 60px; background-size: cover; background-repeat: no-repeat; background-position: center center; display: block; margin-bottom: 10px; transition: 0.3s cubic-bezier(.4,0,.2,1); -webkit-transition: 0.3s cubic-bezier(.4,0,.2,1);}
.ibox-advantage-list h2{ font-size: 24px; color: #123985; line-height: 1.2; margin-bottom: 20px;}
.ibox-advantage-list .c{ font-size: 15px; line-height: 1.5; height: 67px; overflow: hidden; text-indent: 2em;}
.ellipsisT{white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.ommore{ width: 17px; height: 17px; display: block; position: relative; overflow: hidden;}
.ommore .i1{ position: absolute; width: 1px; height: 100%; left: 8px; top: 0; background-color: #fff;}
.ommore .i2{ position: absolute; width: 100%; height: 1px; left: 0%; top: 8px; background-color: #fff;}
.ilink{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block;}
.ibox-advantage-list .ommore{ position: absolute; bottom: 35px; left:15%; opacity: 0; visibility: visibl\9; transition: 0.4s; -webkit-transition: 0.4s;}
.ibox-about a:link, .ibox-about a:visited { color: #123985; }
.ibox-about a:active, .ibox-about a:hover { color: #123985; }
.ibox-about{ padding: 30px 0; position: relative; margin-bottom: 0px; background-color: #fff; overflow: hidden;}
.wave-canvas-wrapper{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.ibox-about-con{ width: 80%; margin: 0px auto; position: relative; text-align: center;}
.ibox-about-con .t{ font-size: 36px; color: #123985; line-height: 1.2; margin-bottom: 10px;}
.ibox-about-con .en{ font-size: 24px; color: #123985; line-height: 1.5; font-family: "ITC Avant Garde Gothic";}
.ibox-about-con .c{ margin-top: 40px; font-size: 18px; text-align: justify;}
.ibox-about-con .c p{ text-indent: 2em; margin-top: 10px; margin-bottom: 5px;}
.ibox-about-con .d{margin-top: 2%;}
.ibox-about-con .d a{ width: 17%;display: inline-block;border: 1px solid #f0a402;line-height: 2.2;margin: 0 1%;font-size: 18px;border-radius: 100px;height: 17%;color:#f0a402;-webkit-transition: 0.6s; transition: 0.6s;	margin-bottom: 10px;
    transition: transform .3s;}
.ibox-about-con .d a:hover{background:#f0a402;color: #fff;margin-bottom: 10px;	-webkit-transform: translateY(-5px);
    transform: translateY(-5px);}
.ibox-about-con .d a i{margin-right: 5px;font-size: 20px;}
.ibox-about-list{ margin-top: 65px;}
.ibox-about-list li{ margin-bottom: 55px; float: left; display: block; width: 25%;}
.ibox-about-list .numbox{ color: #666; line-height: 1;}
.ibox-about-list .num{ font-size: 62px; padding-right: 10px; color: #f0a402; font-family: "PF Din Thin"; font-weight: bold;}

.ibox-about .line{ height: 5px; position: absolute; left: 0; bottom: 0; width: 100%; background-color: #f0a402;}
.ibox-about .line-bg{ position: absolute; right: 50%; bottom: 0; margin-right: 416px; height: 5px; background-color: #123985; width: 100%;}

.index-box4-swiper {
    margin-top: 40px;
    position: relative;
}

.index-box4-swiper-left {
    padding: 0 30px 44px 0px;
    width: 55%;
    position: relative;
}

.index-box4-swiper-left h2 {
    font-size: 18px;
    color: #1a1a1a;
    font-weight: bold;
    margin-right: 2px;
}

.index-box4-swiper-left p {
    font-size: 15px;
    color: #4c4c4c;
    line-height: 22px;
    margin: 20px 0 24px 0;
	width: 800px;
	display: block;
}

.index-box4-swiper-left-alist {}

.index-box4-swiper-left-alist a {
    display: inline-block;
}

.index-box4-swiper-left-alist a:first-child {
    margin-right: 20px;
}

.index-box4-swiper-left-alist a span {
    font-size: 16px;
    color: #1a1a1a;
    border: 1px dashed #1e50ae;
    padding: 10px 20px 10px 50px;
    border-radius: 21px;
    display: block;
    background: url(index-box4-icon1.png) no-repeat 20px center;
    background-size: 18px 18px;
}

.index-box4-swiper-left-alist span:hover {
    color: #fff;
    background-color: #1e50ae;
    background-image: url(index-box4-icon2.png);
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: 18px 18px;
}

.index-box4-swiper-right {
    width: 45%;
}

.index-box4-swiper-right-img {
    position: relative;
}

.index-box4-swiper-right-img img {
    width: 100%;
}

.index-box4-swiper-right-img p {
    font-size: 18px;
    color: #fff;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
}
.index-box4{ padding-bottom: 60px;}
.index-box4 .gallery-thumbs {
    width: 70%;
    margin: 0;
}

.index-box4 .gallery-thumbs .swiper-slide {
    opacity: 1;
}

.index-box4-swiperXia {
    position: relative;
    border: 2px solid #fff;
    cursor: pointer;
}

.index-box4-swiperXia p {
    font-size: 12px;
    color: #fff;
}

.index-box4 .swiper-button-prev.swiper-button-white {
    background-image: url(index4-left-icon.png);
    background-size: cover;
    width: 48px;
    height: 70px;
    left: 10px;
    top: 50%;
    transform: translate(0,-50%);
    opacity: 0.5;
}

.index-box4 .swiper-button-next.swiper-button-white {
    background-image: url(index4-right-icon.png);
    background-size: cover;
    width: 48px;
    height: 70px;
    top: 50%;
    transform: translate(0,-50%);
    opacity: 0.5;
}
.index-box4 .swiper-button-next.swiper-button-white:hover, .index-box4 .swiper-button-prev.swiper-button-white:hover{
    opacity: 0.7;
}
.index-box4-sol-swiper {
    width: 100%;
    position: absolute;
    left: 0;
    margin-top: -160px;
}


.sorry-footer .footer-box-shou {
    margin-top: 0;
}

.pro-list-box, .pro-list-box3 {
    margin-bottom: 5px;
    margin-top: 60px;
}



.sol-swiper-top1 {
	width: 100%;
	margin: 0;

    
	
}

.index-box4-swiper-left {
    width: 100%;
    background: #fff;
}

.index-box4-swiper {
    position: relative;
}

.index-box4-right-swiper {
    width: 40%;
    position: absolute;
    right: 0;
    top: 0;
}

.index-box4-right-swiper img {
    width: 100%;
}

.index-box4-sol-swiper {
    /*width: 64%;*/
    position: inherit;
    left: 0;
    margin-top: -28px;
    z-index: 10;
}

.index-box4-right-swiper1 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 100%;
}

.index-box4-right-swiper1 .index-box4-swiper-right-img {
    visibility: hidden;
}

.common-h2 {
    margin: 0px 0 40px 0;
}

.common-h2 h2,.common-h2 h1{
    font-size: 36px;
    color: #123985;
    text-align: center;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.common-h2 p {
    text-align: center;
    margin-top: 4px;
    font-size: 0;
}

.common-h2 p span {
    width: 120px;
    height: 1px;
    background: #123985;
    display: inline-block;
}

.common-h2 .xian-one {
    margin-left: 70px;
}

.common-h2 .xian-two {
    margin-right: 70px;
}
.titbox{
    text-align: center;
    padding-bottom: 8px;
}
.titbox h2,.titbox h1{
    position: relative;
}

.titbox h2:before,.titbox h1:before{
    content: '';
    width: 120px;
    height: 1px;
    background: #123985;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    bottom: -10px;
}
.titbox h2:after,.titbox h1:after{
    content: '';
    width: 120px;
    height: 1px;
    background: #333333;
    display: block;
    position: absolute;
    right:50%;
    margin-right: -30px;
    bottom: -15px;
}
.common-p {
    background-color: #f5f5f5;
    padding: 15px 20px;
    position: relative;
	margin-bottom: 30px;
}

.common-p p {
    font-size: 16px;
    color: #333333;
    line-height: 24px;
}
.common-tit:before{
    content: '';
    display: block;
    width: 50px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    border-top: 1px solid #1e50ae;
    border-left: 1px solid #1e50ae;
}
.common-tit:after{
    content: '';
    width: 50px;
    height: 30px;
    border-bottom: 1px solid #1e50ae;
    border-right: 1px solid #1e50ae;
    position: absolute;
    bottom: 0;
    right: 0;
}
.sect_news{overflow: hidden; background-color: #f3f3f3;}
.news-box{position: relative;color: #636363;padding: 1.5em 1em;margin-bottom: 35px;border: 2px solid #f6f6f6;box-shadow:0px 0px 4px rgba(0, 0, 0, 0.1);backgroud:#fff;padding:20px;border-radius:5px;display:flex;align-items:center;}
.news-box:hover{cursor: pointer}
.news-box.on{background-color: #fff;border: 2px solid #006abf}
.news-box.on:after{display: none}
.news-box .date{padding: 7px 10px 5px 10px; text-align: center;font-size: 12px;border-right: 1px solid #cccccc;}
.news-box .date i{font-size: 40px;font-weight: bold;display: block;line-height: 0.8;color: #585858}
.news-box .item{display: none;}
.news-box h3{font-weight: normal;padding-bottom: 6px;font-size: 1.15rem}
.news-box h3 a{color: #000}
.news-box h3 a:hover{color: #006abf;}
.news-box p{font-size: 14px}
.news-box .more:hover{color: #000!important;background:none}

.news-box.one{border-bottom: 0;padding: 0;overflow: hidden; background: #FFF;}
.news-box.one .icon{width: 100%;padding: 3rem 0rem  3rem  3rem;}
.news-box.one .icon img{width: 100%}
.news-box.one .cont{padding:15px 5% 20px 5%;background: #f6f6f6}
.newinfo-content{ box-sizing: border-box; padding: 3rem; }
.newinfo-content .date-d{ font-size:1.4rem; line-height: 3rem;margin-bottom: 10px; color: #123985; }
.newinfo-content .date-y{ font-size:1.4rem; line-height: 3rem; }
.newinfo-content .title{ font-size: 1.6rem; font-weight: bold; line-height: 3rem; }
.newinfo-content .info{ font-size: 1.1rem; color: #666; line-height: 200%; margin-bottom: 20px; }
.newinfo-content .more{ text-transform:uppercase; line-height: 3rem; }
.news-li{ background: #FFF; box-sizing: border-box; padding: 2rem; margin:0 1rem; }
.news-li .title1{ font-size: 1.0rem; font-weight: bold; line-height: 2rem; }
.contact-bg{overflow: hidden; background: url(../style/contact_bg.jpg) no-repeat; background-size: cover; box-sizing: border-box; padding: 4rem;}
.qk-title{ font-size: 1.5rem; color: #FFF; font-weight: bold;}
.qk-info{ font-size: 1.2rem; color: #FFF; }
.cont-add{ clear: both; width: 10%; height: auto; margin: 0 auto }
.cont-add img{ width: 100%; height: auto; margin-bottom: -50px; }
@media screen and (max-width:640px){
	.news-box.one .icon{height: auto}
}
.news-t{ border-left: 5px solid #0b6ec2; padding-left: 10px; text-align: left;line-height: 2.8rem; }
.news-t .title1{ font-size: 2.4rem; color: #000; font-weight: normal; }
.news-t .title2{ font-size: 2.4rem; font-weight: bold; color: #000;}
.row{width:102%;}
.row:after,.row:before{clear:both;display:table;content:" ";}
.full-row .row .span-1,.span-1{float:left;margin-right:2%;width:6.33333333%;transition:.2s width ease;}
.full-row .row .span-2,.span-2{float:left;margin-right:2%;width:14.66666667%;transition:.2s width ease;}
.full-row .row .span-3,.span-3{float:left;margin-right:2%;width:23%;transition:.2s width ease;}
.full-row .row .span-4,.span-4{float:left;margin-right:2%;width:31.33333333%;transition:.2s width ease;}
.full-row .row .span-5,.span-5{float:left;margin-right:2%;width:39.66666667%;transition:.2s width ease;}
.full-row .row .span-6,.span-6{float:left;margin-right:2%;width:48%;transition:.2s width ease;}
.full-row .row .span-7,.span-7{float:left;margin-right:2%;width:56.33333333%;transition:.2s width ease;}
.full-row .row .span-8,.span-8{float:left;margin-right:2%;width:64.66666667%;transition:.2s width ease;}
.full-row .row .span-9,.span-9{float:left;margin-right:2%;width:73%;transition:.2s width ease;}
.full-row .row .span-10,.span-10{float:left;margin-right:2%;width:81.33333333%;transition:.2s width ease;}
.full-row .row .span-11,.span-11{float:left;margin-right:2%;width:89.66666667%;transition:.2s width ease;}
.full-row .row .span-12,.span-12{float:left;margin-right:2%;width:98%;transition:.2s width ease;}
.full-row .row .span-13,.span-13{float:left;margin-right:2%;width:106.33333333%;transition:.2s width ease;}
.full-row .row .span-14,.span-14{float:left;margin-right:2%;width:114.66666667%;transition:.2s width ease;}
.full-row .row .span-15,.span-15{float:left;margin-right:2%;width:123%;transition:.2s width ease;}
.full-row .row .span-16,.span-16{float:left;margin-right:2%;width:131.33333333%;transition:.2s width ease;}
.full-row .row .span-17,.span-17{float:left;margin-right:2%;width:139.66666667%;transition:.2s width ease;}
.full-row .row .span-18,.span-18{float:left;margin-right:2%;width:148%;transition:.2s width ease;}
.full-row .row .span-19,.span-19{float:left;margin-right:2%;width:156.33333333%;transition:.2s width ease;}
.full-row .row .span-20,.span-20{float:left;margin-right:2%;width:164.66666667%;transition:.2s width ease;}
.full-row .row .span-21,.span-21{float:left;margin-right:2%;width:173%;transition:.2s width ease;}
.full-row .row .span-22,.span-22{float:left;margin-right:2%;width:181.33333333%;transition:.2s width ease;}
.full-row .row .span-23,.span-23{float:left;margin-right:2%;width:189.66666667%;transition:.2s width ease;}
.full-row .row .span-24,.span-24{float:left;margin-right:2%;width:198%;transition:.2s width ease;}
@media only screen and (max-width:64em){
  .full-row .row .midd-1,.midd-1{width:6.33333333%;}
  .full-row .row .midd-2,.midd-2{width:14.66666667%;}
  .full-row .row .midd-3,.midd-3{width:23%;}
  .full-row .row .midd-4,.midd-4{width:31.33333333%;}
  .full-row .row .midd-5,.midd-5{width:39.66666667%;}
  .full-row .row .midd-6,.midd-6{width:48%;}
  .full-row .row .midd-7,.midd-7{width:56.33333333%;}
  .full-row .row .midd-8,.midd-8{width:64.66666667%;}
  .full-row .row .midd-9,.midd-9{width:73%;}
  .full-row .row .midd-10,.midd-10{width:81.33333333%;}
  .full-row .row .midd-11,.midd-11{width:89.66666667%;}
  .full-row .row .midd-12,.midd-12{width:98%;}
  .full-row .row .midd-13,.midd-13{width:106.33333333%;}
  .full-row .row .midd-14,.midd-14{width:114.66666667%;}
  .full-row .row .midd-15,.midd-15{width:123%;}
  .full-row .row .midd-16,.midd-16{width:131.33333333%;}
  .full-row .row .midd-17,.midd-17{width:139.66666667%;}
  .full-row .row .midd-18,.midd-18{width:148%;}
  .full-row .row .midd-19,.midd-19{width:156.33333333%;}
  .full-row .row .midd-20,.midd-20{width:164.66666667%;}
  .full-row .row .midd-21,.midd-21{width:173%;}
  .full-row .row .midd-22,.midd-22{width:181.33333333%;}
  .full-row .row .midd-23,.midd-23{width:189.66666667%;}
  .full-row .row .midd-24,.midd-24{width:198%;}
  .midd-hide{display:none;}
  .midd-center{position:relative;left:-1%;float:none;clear:both;display:block;margin-right:auto;margin-left:auto;}
  .full-row .midd-1{width:8.33333333%;}
  .full-row .midd-2{width:16.66666667%;}
  .full-row .midd-3{width:25%;}
  .full-row .midd-4{width:33.33333333%;}
  .full-row .midd-5{width:41.66666667%;}
  .full-row .midd-6{width:50%;}
  .full-row .midd-7{width:58.33333333%;}
  .full-row .midd-8{width:66.66666667%;}
  .full-row .midd-9{width:75%;}
  .full-row .midd-10{width:83.33333333%;}
  .full-row .midd-11{width:91.66666667%;}
  .full-row .midd-12{width:100%;}
  .full-row .midd-13{width:108.33333333%;}
  .full-row .midd-14{width:116.66666667%;}
  .full-row .midd-15{width:125%;}
  .full-row .midd-16{width:133.33333333%;}
  .full-row .midd-17{width:141.66666667%;}
  .full-row .midd-18{width:150%;}
  .full-row .midd-19{width:158.33333333%;}
  .full-row .midd-20{width:166.66666667%;}
  .full-row .midd-21{width:175%;}
  .full-row .midd-22{width:183.33333333%;}
  .full-row .midd-23{width:191.66666667%;}
  .full-row .midd-24{width:200%;}
}
@media only screen and (max-width:40em){
  .full-row .row .smal-1,.smal-1{width:6.33333333%;}
  .full-row .row .smal-2,.smal-2{width:14.66666667%;}
  .full-row .row .smal-3,.smal-3{width:23%;}
  .full-row .row .smal-4,.smal-4{width:31.33333333%;}
  .full-row .row .smal-5,.smal-5{width:39.66666667%;}
  .full-row .row .smal-6,.smal-6{width:48%;}
  .full-row .row .smal-7,.smal-7{width:56.33333333%;}
  .full-row .row .smal-8,.smal-8{width:64.66666667%;}
  .full-row .row .smal-9,.smal-9{width:73%;}
  .full-row .row .smal-10,.smal-10{width:81.33333333%;}
  .full-row .row .smal-11,.smal-11{width:89.66666667%;}
  .full-row .row .smal-12,.smal-12{width:98%;}
  .full-row .row .smal-13,.smal-13{width:106.33333333%;}
  .full-row .row .smal-14,.smal-14{width:114.66666667%;}
  .full-row .row .smal-15,.smal-15{width:123%;}
  .full-row .row .smal-16,.smal-16{width:131.33333333%;}
  .full-row .row .smal-17,.smal-17{width:139.66666667%;}
  .full-row .row .smal-18,.smal-18{width:148%;}
  .full-row .row .smal-19,.smal-19{width:156.33333333%;}
  .full-row .row .smal-20,.smal-20{width:164.66666667%;}
  .full-row .row .smal-21,.smal-21{width:173%;}
  .full-row .row .smal-22,.smal-22{width:181.33333333%;}
  .full-row .row .smal-23,.smal-23{width:189.66666667%;}
  .full-row .row .smal-24,.smal-24{width:198%;}
  .smal-hide{display:none!important;}
  .smal-center,.smal-show{display:block;}
  .smal-center{position:relative;left:-1%;float:none;clear:both;margin-right:auto;margin-left:auto;}
  [class*=pull-left-],[class*=pull-right-]{right:auto;left:auto;}
  .full-row .smal-1{width:8.33333333%;}
  .full-row .smal-2{width:16.66666667%;}
  .full-row .smal-3{width:25%;}
  .full-row .smal-4{width:33.33333333%;}
  .full-row .smal-5{width:41.66666667%;}
  .full-row .smal-6{width:50%;}
  .full-row .smal-7{width:58.33333333%;}
  .full-row .smal-8{width:66.66666667%;}
  .full-row .smal-9{width:75%;}
  .full-row .smal-10{width:83.33333333%;}
  .full-row .smal-11{width:91.66666667%;}
  .full-row .smal-12{width:100%;}
  .full-row .smal-13{width:108.33333333%;}
  .full-row .smal-14{width:116.66666667%;}
  .full-row .smal-15{width:125%;}
  .full-row .smal-16{width:133.33333333%;}
  .full-row .smal-17{width:141.66666667%;}
  .full-row .smal-18{width:150%;}
  .full-row .smal-19{width:158.33333333%;}
  .full-row .smal-20{width:166.66666667%;}
  .full-row .smal-21{width:175%;}
  .full-row .smal-22{width:183.33333333%;}
  .full-row .smal-23{width:191.66666667%;}
  .full-row .smal-24{width:200%;}
}
.index_ { padding: 3rem 0 3rem ;}
.index_ .T { padding-bottom: 3.4em; text-align: center; color: #393a45; text-transform: uppercase; }
.index_ .T h1 { font-size: 60px; font-weight: normal; text-transform: uppercase; font-family: -webkit-pictograph; line-height: 1 }
.index_ .T h2{font-size: 1.9rem;}
.ab-title{ text-align: left; color: #161616; font-weight: bold; font-size: 4rem; border-bottom: 1px solid #CCC; position:relative; }
.ab-title:before{ width: 100px; height: 5px; display: block; content: ''; background: #0b6ac0; position: absolute; left: 0; bottom: -3px; }
.index_ .T h2.border strong{ display: inline-block; padding: 0 2rem 10px 2rem;position: relative;font-weight: normal;border-bottom: 1px solid #cecece;}
.index_ .T h2.border strong:after{display: block;content: ' ';width:50px;height: 2px;background: #282828;position: absolute;left: 50%;bottom: -1px;margin-left: -25px;}
.index_ .T h3 { font-size: 2rem; color: #006abf;margin-top: -34px}
.index_ .T h4 { font-size: 16px; font-weight: normal; color: #7e7e7e }
.index_ .T h5 { font-size: 14px; font-weight: normal;color: #282828;font-family: 'times new roman'}
.index_ .T img { display: block; }
.text-md{font-size: 2.8rem!important}
.wrap{max-width:1400px;margin-left:auto;margin-right:auto; *width:1400px;}
.index-sol-h2 {
    position: relative;
    z-index: 1;
}

.index-sol-xian1, .index-sol-xian2 {
    width: 42px;
    height: 2px;
    background: #0e77ea;
}

.index-sol-h2 h2 {
    margin: 14px 0;
}

.index-sol-h2 h2 strong {
    font-size: 30px;
    color: #1e50ae;
}





.index-box4-swiperXia-img {
    position: relative;
    overflow: hidden;
}

.index-box4-swiperXia-img:before {
    background: rgba(0, 0, 0, .6);
    border: 1px solid #fff;
    content: "";
    bottom: -1px;
    left: -1px;
    position: absolute;
    right: -1px;
    top: -1px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
    opacity: 1;
    filter: alpha(opacity=0);
}


.index-box4-swiperXia-wen {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    color: #fff;
    width: 100%;
    margin: 0;
    width: 100%;
    padding: 0 20px;
    text-align: center;
    letter-spacing: .5px;
    text-transform: uppercase;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

.index-box4-swiperXia-wen p {
    color: #fff;
    letter-spacing: .8px;
    text-transform: uppercase;
    letter-spacing: 1px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    display: block;
}

.index-box4-swiperXia:hover .index-box4-swiperXia-img:before {
    opacity: 1;
    filter: alpha(opacity=1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}

.index-box4-swiperXia:hover .index-box4-swiperXia-wen {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.index-box4 .gallery-thumbs .swiper-slide-thumb-active .index-box4-swiperXia .index-box4-swiperXia-img:before {
    opacity: 1;
    filter: alpha(opacity=1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}
.index-box4 .gallery-thumbs .swiper-slide-thumb-active .index-box4-swiperXia .index-box4-swiperXia-wen {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}








    
    .content-box1400 {
        width: 1400px;
        margin: 0 auto;
    }
    .index-box3-swiper-left {
        /*width: 38%;*/
    }
    .index-box3-thumbs-item-img img {
        object-fit: none;
    }
    .index-box3-swiper-left h2 {
        font-size: 21px;
    }
    .about-box3 img {
        margin-left: 0;
    }

  
    .index-box4-sol-swiper {
        margin-top: -40px;
    }
 
    .index-box4-swiper-left p {
        margin: 20px 0 30px 0;
        line-height: 24px;
    }

    .index-box3-bg {
        height: 770px;
        /*background-size: 100% 100%;*/
        background-size: cover;
    }


  
    .index-box3-swiper-item {
        margin-top: 60px;
    }
  
    .index-box4-sol-swiper {
        margin-top: -12px;
    }


.nav ul li.active > a, .nav ul li > a, .nav ul li.hotline .t1, .nav ul li.hotline .t2, .nav ul li.hotline span {
    color: #fff;
}

._fixed .logo-a {
    display: none;
}

._fixed .logo-b {
    display: block;
}

._fixed header {
    background-color: var(--web-color);
    box-shadow: none;
}

.index-banner .swiper-slide {
    height: 100vh;
}

.index-video {
    width: 100%;
    height: 100%;
    position: relative;
}

.index-video video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: fill;
}

.index-banner .swiper-slide .mask {
    position: absolute;
    bottom: 15vh;
    right: 5%;
    left: 5%;
    z-index: 999;
    color: #fff;
    font-size: 16px;
}

.index-banner .swiper-slide .mask .t0, .index-banner .swiper-slide .mask .t1 {
    font-size: 2.4em;
    position: relative;
    margin-bottom: 0;
    font-weight: 400;
}

.index-banner .swiper-slide .mask .t0 {
    margin-bottom: 0;
}

.index-banner .swiper-slide .mask .t2 {
    width: 50%;
    font-size: 14px;
}

.index-banner .swiper-slide .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.banner-nav {
    width: 90%;
    margin-top: 60px;
    position: relative;
}

.banner-nav .slide-prev, .banner-nav .slide-next {
    /*display: none;*/
    width: 48px;
    height: 48px;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
    color: #fff;
    line-height: 48px;
    border: 1px solid #fff;
    cursor: pointer;
    transition: all .3s;
}

.banner-nav .slide-prev {
    position: absolute;
    left: 240px;
    top: 0;
}

.banner-nav .slide-next {
    position: absolute;
    left: 300px;
    right: auto;
    top: 0;
}

.banner-nav .slide-prev:hover, .banner-nav .slide-next:hover {
    background-color: #fff;
    color: #333;
}

.banner-nav.active .slide-prev, .banner-nav.active .slide-next {
    display: block;
}

.more-link-a {
    display: inline-block;
    min-width: 12em;
    height: 3em;
    line-height: 3em;
    text-align: center;
    border-radius: 1.5em;
    font-size: 16px;
    color: #fff;
    border: 1px solid #f8f9fa;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.more-link-a:hover {
    background-color: #f8f9fa;
    color: #212529;
}
.more-link-b{
    display: inline-block;
    min-width: 12em;
    height: 3em;
    margin: 0 10px;
    line-height: 3em;
    text-align: center;
    border-radius: 1.5em;
    font-size: 16px;
    border: 1px solid #ccc;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.more-link-b:hover{
    background-color: var(--web-color);
    border-color: var(--web-color);
    color: #fff;
}
.index-banner .mask .content .t1, .index-banner .mask .content .t2 {
    font-size: 48px;
}

.index-banner .mask .content .t3 {
    margin-top: 30px;
}

.index-banner .mask .content ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.index-banner .mask .content ul li {
    width: 30%;
    line-height: 30px;
    margin-bottom: 10px;
}

.index-banner .mask .content ul li p {
    font-size: 18px;
}

.index-banner .mask h1 {
    font-size: 3vw;
}

.index-banner .mask p {
    font-size: 1.3vw;
}

#index-advantage0 {
    background: #fff;
    position: relative;

}

#index-advantage0 .width {
    position: relative;
}

#index-advantage0 .x-content {
    position: relative;
    display: flex;
    justify-content: flex-end;
}


#index-advantage0 .x-bg ul {
    position: relative;

    display: flex;
    justify-content: space-between;
    z-index: 5;
}

.index-div {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 30px;
}

#index-advantage0 .x-main-title {
    text-align: center;
    margin-bottom: 60px;
}

#index-advantage0 li {
    width: 24.5%;
    margin: 0.25% 0;
    text-align: center;
    position: relative;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px;
    cursor: pointer;
    background: #f5f5f5;
}

#index-advantage0 li img {
    max-width: 100px;
    margin-bottom: 10px;
}

#index-advantage0 li .box-img {
    padding: 40px;
    transform: rotateY(0);
    transition: all 0.50s ease-in-out 0s;
}

#index-advantage0 li .box-content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--web-color);
    color: #fff;
    padding: 40px 20px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    transform: rotateY(90deg);
    transition: all 0.50s ease-in-out 0s;
    overflow: hidden;
}

#index-advantage0 li .box-content .t1 {
    font-size: 24px;
    margin-bottom: 20px;
}

#index-advantage0 li .box-content .t2 {
    text-align: left;
}

#index-advantage0 li:hover .box-img {
    transform: rotateY(-90deg);
}

#index-advantage0 li:hover .box-content {
    transform: rotateY(0);
}

#index-contact {
    background: url("../style/index-bg1.jpg") 0 0 /cover no-repeat;
    min-height: 700px;
    position: relative;
    color: #fff;
    padding: 200px 0;
}

#index-contact .waves {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
#index-contact .x-width{
    position: relative;
    z-index: 2;
}
#index-contact li a{
    display: inline-block;
    border: 1px solid #fff;
    color: #fff;
    line-height: 60px;
    padding: 0 30px;
    text-align: center;
    margin: 20px 20px 40px 0;
    transition: all .3s;
}
#index-contact li a:hover{
    background-color: #fff;
    color: var(--web-color);
}
#index-contact li img{
    padding: 0 40px;

}
#index-contact li .info{
    width: 400px;
    height: 70px;
    margin-top: 10px;
    line-height: 70px;
    padding: 0 30px;
    font-size: 24px;
    background: -webkit-linear-gradient(left,rgba(255,255,255,.3),rgba(255,255,255,0));
    background: -o-linear-gradient(right,rgba(255,255,255,.3),rgba(255,255,255,0));
    background: -moz-linear-gradient(right,rgba(255,255,255,.3),rgba(255,255,255,0));
    background: linear-gradient(to right,rgba(255,255,255,.3),rgba(255,255,255,0));
}
#index-contact li .info span{
    font-size: 24px;
}
#index-case li{
    margin-bottom: 2%;
}
#index-case li .case-bg{
    width: 100%;
    height: 0;
    padding-top: 66.66%;
    position: relative;
}
#index-case li .case-bg a{
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
}
#index-case .x-main-title{
    text-align: center;
}
.case-nav{
    text-align: center;
    margin: 60px auto 40px;
}
#index-case li p{
    background-color: #eee;
    line-height: 45px;
    text-align: center;
    padding: 0 15px;
}
@media screen and (max-width: 1200px) {
    #index-contact{
        padding: 60px 0;
    }
    #index-contact li{
        text-align: center;
    }
    #index-contact li a{
        height: 40px;
        line-height: 40px;
    }
    #index-contact li .info{
        background: transparent;
        text-align: center;
        margin-top: 0;
        line-height: 50px;
        width: 100%;
        padding: 0;
    }
    #index-contact li img{
        margin-top: 30px;
    }
    #index-advantage0 li img {
        max-width: 80px;
    }

    #index-advantage0 li .box-content .t1 {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 992px) {
    body {
        padding-top: 60px;

    }
    #index-advantage0 li:hover .box-img,#index-advantage0 li:hover .box-content{
        transform: none;
    }
    #index-contact{
        min-height: 400px;
    }
    .index-video video {
        display: none;
    }

    ._fixed .ui-offside-show i, .ui-offside-show i {
        color: #fff;
    }

    header.home {
        background-color: var(--web-color);
    }

    .index-banner .mask p {
        display: none;
    }

    .index-banner .mask h1 {
        font-size: 24px;
        text-align: center;
    }

    .index-banner .swiper-slide {
        height: auto;
    }

    .index-banner .swiper-slide .index-video {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 66.666%;
    }

    .index-banner .swiper-slide img {
        max-width: 100%;
        height: auto;
    }

    .index-banner .swiper-slide .mask .t0 {
        font-size: 33px;
        line-height: 40px;
        padding-bottom: 0;
        margin-bottom: 8px;
    }

    .index-banner .swiper-slide .mask .t1, .index-banner .swiper-slide .mask .t2 {
        width: 100%;
        font-size: 5.5vw;
        line-height: 1.3;
        text-align: center;
    }

    .index-banner .swiper-slide .mask {
        font-size: 14px;
        width: 100%;
        height: 100%;
        left: 0;
        right: auto;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .banner-nav .slide-prev, .banner-nav .slide-next {
        width: 6vw;
        height: 6vw;
        line-height: 6vw;

    }

    .banner-nav .slide-prev span, .banner-nav .slide-next span {
        font-size: 2vw;
    }

    .banner-nav {
        margin-top: 0;
        padding: 20px 0;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .more-link-a,.more-link-b {
        min-width: 8em;
        padding: 0 1em;
        height: 2.4em;
        line-height: 2.4em;
        font-size: 14px;
    }

    .index-banner .mask .content .t3 {
        display: none;

    }

    .banner-nav .slide-prev {
        left: 0;
    }

    .banner-nav .slide-next {
        left: auto;
        right: 0;
    }

    #index-advantage0 li {
        width: 49%;
        text-align: center;
        margin-bottom: 5px;
    }

    #index-advantage0 li .t1 {
        font-size: 18px;
    }

    #index-advantage0 li .t2 {
        display: none;
    }

    #index-advantage0 .x-main-title {
        margin-bottom: 25px;
    }

    #index-advantage0 li .box-img {
        padding: 15px;
    }

    #index-advantage0 li img {
        max-width: 30px;
        display: inline-block;
    }

    #index-advantage0 li h3 {
        display: inline-block;
    }

    #index-advantage0 li .box-content {
        display: none;
    }

    #index-advantage0 .x-bg li .x-mask {
        background-color: rgba(0, 0, 0, .2);
    }

    #index-advantage0 ul {
        flex-wrap: wrap;
    }
}


.flash{position:relative;z-index:0;}
.flash img{ width: 100%}
.flash ul.bxslider{list-style:none;}
.flash div.bx-pager{bottom: 4%;}
.flash div.bx-controls-direction{ dissplay:none; }