body{ background:#fff; }
.index-banner-box {
    position: relative;
    width: 100%;
    min-height: 521px;
	margin-top: 120px;
}
.index-banner-shadow {
    position: absolute;
    width: 16.666666%;
    top: 0;
    bottom: 0;
    left: -1px;
    z-index: 2;
    background: #fff;
}
.index-banner-main{  overflow:hidden;    background: #fff;  box-sizing: border-box; position: relative; }


.index-w{ width: 1700px; margin:auto; }
.index-banner-swiper{ position: relative; overflow: hidden; width: 100%; float: right;  }
.index-banner-swiper .swiper-slide img{ float: right; width: 100%;}

.banner-info {
    width: 200px;
    height: 100%;
    text-align: center; float: left; padding-left: 12px; padding-top: 175px;
}
.banner-info-box {
    text-align: center;
    height: 100%;
    position: relative;
}

.banner-info .banner-info-box .info-main,.banner-info .banner-info-box .info-sub {
    display: table-cell;
    vertical-align: middle;    position: relative;    text-align: left;font-size: 32px;
    color: #333;
    width: 50px;
    height: 100%;
    line-height: 34px; 
}
.banner-info .banner-info-box .info-sub {
    font-size: 20px;
    color: #999;
    width: 23px;
    height: 100%;
}
.banner-info .banner-info-box span{ word-wrap: break-word; word-break: break-all; display: block; }

.swiper-bot{ position: absolute; left: 45%; bottom: 50px; width: 550px; }
.swiper-bot .swiper-pagination-bullet{ width: 35px; height: 6px; background: #e5e5e5; opacity: 1; font-size: 16px; color: #656565;margin-right:5px;border-radius:unset;}
.swiper-bot .swiper-pagination-bullet-active{ background: #0196e5; color: #0196e5 }
.span1 { width: 22px;  position: absolute; bottom: 100px; left: 50%;margin-left: -11px; }
.span2 { width: 22px;  position: absolute; bottom: 70px; left: 50%; margin-left: -11px;}
.span3 { width: 22px;  position: absolute; bottom: 40px;left: 50%;margin-left: -11px; }
.ban-con{ position: absolute; left: 420px; display: flex; justify-content: center;align-items: center; height: 100%; }
.ban-con h5{ font-size: 36px; color: #000; line-height: 100%; font-weight: normal; }
.ban-con h4{ font-size: 60px; color: #000; line-height: 100%; font-weight: normal; margin-top: 20px;}
.ban-con p{ font-size: 18px; color: #808080; line-height: 30px; margin-top: 44px; }
.ban-con span{  display: block; height: 22px; margin-top: 70px;  }
.ban-con span a{ display: block; font-size: 16px; color: #000; line-height: 22px;background: url(../../images/qy/ban-more.png) right no-repeat; width: 100px; }
.ban-con span a:hover{ color: #0099e5 }
.gray{ background-color: #f5f5f5 }
.index-sec1{ width: 100%; overflow:hidden; padding:80px 0; }
.index-title h5{ font-size: 24px; color: #000; line-height: 100%; float: left; position: relative; }
.index-title h5:before{ content: ""; position: absolute; width: 50px; height: 2px; background-color: #0099e5; left: 0; top: 44px; }
.index-title h5 i{ display: inline-block; color: #999999; font-size: 16px; font-weight: normal; font-family: "Arial"; margin-left: 5px; } 
.index-title span{ display: block; float: right; }
.index-title span a{ color: #676767; font-size: 16px; background: url(../../images/qy/more.png) right no-repeat; padding-right: 40px; display: block; }
.index-title span a:hover{ color: #0099e5 }
.index-sec1-ul{ overflow: hidden; padding-top: 60px; }
.index-sec1-ul-pub{ width: 840px; }
.index-sec1-ul-big{ width: 100%; position: relative; overflow:hidden; }
.index-sec1-ul-big .scale-img{ width: 100%; height: 484px; border:1px solid #d9d9d9; overflow:hidden; display: block;}
.scale-img img{ width: 100%; height: 100%;  -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.scale-img:hover img{transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.index-sec1-ul-big span{ display: block; height: 85px; width: 100%; position: absolute; bottom: -85px; background: #0099e5; transition: bottom .5s ease; }
.index-sec1-ul-big span a{ display: block; position: relative;padding:18px 50px;}
.index-sec1-ul-big span a:before{ content: ""; position: absolute; width: 25px; height: 19px; background: url(../../images/qy/index-jiantou.png) no-repeat; right: 50px; top: 33px; }
.index-sec1-ul-big span i{ font-size: 16px; color: #e5e5e5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 100%; }
.index-sec1-ul-big span em{ font-size: 20px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 100%; margin-top: 15px; }
.index-sec1-ul-big:hover .scale-img{ border-color: #0099e5; }
.index-sec1-ul-big:hover span{ bottom: 0; }
.index-sec1-ul-pub ul{ position: relative; overflow: hidden; }
.index-sec1-ul-left ul{  margin-top: 18px; }
.index-sec1-ul-pub ul li{ width: 410px; float: left; position: relative; }
.index-sec1-ul-pub ul li:first-child+li{ float: right; }
.index-sec1-ul-pub ul li .scale-img{ width: 100%; height: 233px; border:1px solid #d9d9d9; overflow:hidden; display: block;}
.index-sec1-ul-pub ul li span{ display: block; height: 40px; width: 100%; position: absolute; bottom: -40px; background: #0099e5; transition: bottom .5s ease; }
.index-sec1-ul-pub ul li span a{ display: block; position: relative;padding:0 25px;}
.index-sec1-ul-pub ul li span a:before{ content: ""; position: absolute; width: 25px; height: 19px; background: url(../../images/qy/index-jiantou.png) no-repeat; right: 25px; top: 10px; }
.index-sec1-ul-pub ul li span em{ font-size: 20px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 40px;  }
.index-sec1-ul-pub ul li:hover .scale-img{ border-color: #0099e5; }
.index-sec1-ul-pub ul li:hover span{ bottom: 0; }
.index-sec1-ul-right .index-sec1-ul-big{ margin-top: 18px; }
.index-sec2{ width: 100%; }
.index-sec2 img{ width: 100%; }
.index-sec3{ width: 100%; padding-top: 80px;padding-bottom: 40px; overflow: hidden;}
.index-sec3:before{ content: ""; position: absolute; width: 100%; height: 250px; background: #f5f5f5; left: 0; bottom: 0 }
.index-sec3-con{  }
.index-sec3-con .index-video{ position: relative; width: 542px; height: 305px; overflow: hidden;  }
.index-sec3-con .index-video:before{ content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.3); top: 0; left: 0 ;transition: all .5s ease}
.index-sec3-con .index-video img{ width: 100%; height: 100%;  -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.index-sec3-con .index-video:hover img{transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.index-sec3-con .index-video em{ width: 80px; height: 80px; background: url(../../images/qy/video-btn.png) no-repeat; position: absolute; right: 0; left: 0; top: 0; bottom: 0; margin:auto; z-index: 2;}
.index-sec3-r{ width: 1080px; padding-top: 8px;position: relative }
.index-sec3-r1{ width: 978px;  }
.index-sec3-r1 h5{ font-size: 24px; color: #343434; line-height: 30px; }
.line{ width: 50px; height: 2px; background: #0099e5; margin: 20px 0 12px; }
.index-sec3-r1 p{ font-size: 14px; line-height: 25px;margin-bottom: 8px;color: #9a9a9a; text-overflow: -o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;  }
.index-sec3-more{ width: 30px; height: 30px; background: url(../../images/qy/more2.png) no-repeat; }
.index-sec3-r1 .index-sec3-more{ position: absolute; right: 0; top: 45px; }
.index-sec3-r2{ width: 100%; margin-top: 104px; display:none;}
.index-sec3-r2 li{ width: 100px; float: left; margin-left: 154px; transition: all .5s ease-in-out; }
.index-sec3-r2 li:first-child{ margin-left: 0; }
.index-sec3-r2 li a{ display: block; }
.index-sec3-r2 li i{ width: 100px; height: 100px; border-radius: 50%;  }
.index-sec3-r2 li p{ text-align: center; font-size: 16px; color: #383838; line-height: 30px; margin-top: 12px; }
.index-sec3-r2 li.index-sec3-li1 i{ background:#d9d9d9 url(../../images/qy/index-sec3-i1.png) center no-repeat; }
.index-sec3-r2 li.index-sec3-li2 i{ background:#d9d9d9 url(../../images/qy/index-sec3-i2.png) center no-repeat; }
.index-sec3-r2 li.index-sec3-li3 i{ background:#d9d9d9 url(../../images/qy/index-sec3-i3.png) center no-repeat; }
.index-sec3-r2 li.index-sec3-li4 i{ background:#d9d9d9 url(../../images/qy/index-sec3-i4.png) center no-repeat; }
.index-sec3-r2 li.index-sec3-li5 i{ background:#d9d9d9 url(../../images/qy/index-sec3-i5.png) center no-repeat; }
.index-sec3-r2 li:hover p{ color: #0099e5 }
.index-sec3-r2 li:hover i{ background-color: #0099e5 }
.index-sec4{ width: 100%; overflow: hidden; padding:80px 0;position: relative;}
.wel-case{position: relative; margin-top: 90px;     }
.wel-case-list {overflow: hidden;  }
.wel-case .flex-viewport {overflow: visible !important; }
.wel-case .slides li { overflow: hidden; position: relative; float: left; width: 405px;margin-right: 26px}
.wel-case .slides li img { width: auto}
.wel-case .slides .con { position: absolute;bottom: -72%; left: 0; width: 100%; height: 100%; z-index: 2;display: block;padding: 9% 50px 0;transition: bottom .3s}
.wel-case .slides .bg {width: 100%;position: absolute; top: 0; left: 0; height: 100%; background: #fff; z-index: 1; opacity: 0;filter: alpha(opacity=0)}
.wel-case .slides .font-bg {width: 100%; position: absolute; top: 0;left: 0;height: 100%;background: #000;  z-index: 1;opacity: 0;filter: alpha(opacity=0);transition-property: opacity;transition-duration: .3s;transition-delay: .2s}
.wel-case .slides .tit { font-size: 18px;color: #fff;line-height: 25px;color: #fff;font-weight: bold}
.wel-case .slides .en {font-size: 16px; color: #fff;opacity: .6; filter: alpha(opacity=60);line-height: 24px;min-height: 24px}
.wel-case .slides .font {font-size: 18px; color: #fff; line-height: 34px; margin-top: 18px}
.wel-case .slides .more {  margin-top: 40px; width: 40px; height: 40px; border-radius: 50%;border: 1px solid rgba(255, 255, 255, .3);background: url(../../images/qy/wel02.png) no-repeat center }
.wel-case-list .flex-direction-nav a {opacity: 1; filter: alpha(opacity=100);width: 66px; height: 77px;margin: -38px 0 0;   text-shadow: none; background-size: 100% !important; transition: background .3s;z-index: 1 }
.wel-case-list .flex-direction-nav a:before { font-size: 0}
.wel-case-list .flex-direction-nav .flex-prev { background: url(../../images/qy/flex-prev.png) no-repeat center;left: 20px}
.wel-case-list .flex-direction-nav .flex-next {background: url(../../images/qy/flex-next.png) no-repeat center;right: 20px}
.wel-case-list .flex-direction-nav .flex-prev:hover {background: url(../../images/qy/flex-prev-hover.png) no-repeat center}
.wel-case-list .flex-direction-nav .flex-next:hover {background: url(../../images/qy/flex-next-hover.png) no-repeat center }
.wel-case .slides li:hover .con { bottom: 0}
.wel-case .slides li:hover .font-bg {opacity: .3;filter: alpha(opacity=30)}
.wel-case .flex-control-nav li { margin: 0 2px }
.wel-case .flex-control-nav li a { width: 12px; height: 12px;  background: url(../../images/qy/btn01.png) no-repeat center; background-size: 100% 100%;transition: background .3s;box-shadow: none}
.manage-bot .flex-control-nav { display: none  }
.wel-case .flex-control-nav li a:hover,.wel-case .flex-control-nav li a.flex-active {
    background: url(../../images/qy/btn01_h.png) no-repeat center;
    background-size: 100% 100%;
    box-shadow: none
}


.index-sec5{ padding:0 0 80px; overflow: hidden }
.index-sec5-news{ padding-top: 60px; overflow: hidden }
.index-sec5-news .scale-img{ width: 800px; height: 550px; overflow: hidden; position: relative; display: block; margin-right: 34px; }
.index-sec5-news .scale-img img{ width: 100%; height: 100%;  -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.index-sec5-news .scale-img:hover img{transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.index-sec5-c{ width: 420px; height: 550px; overflow: hidden; background-color: #ededed; padding: 65px 40px;  }
.index-sec5-c h4{ font-weight: normal; }
.index-sec5-c h4 i{ font-size: 24px; line-height: 100%; color: #000; }
.index-sec5-c h4 em{ font-size: 14px; color: #999; line-height: 100%; margin-top: 10px; }
.index-sec5-c h5{ margin-top: 20px; }
.index-sec5-c h5 a{ font-size: 18px; font-weight: normal; color: #3b3b3b; line-height: 36px;text-overflow: -o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;  }
.index-sec5-c p{ font-size: 16px; color: #a0a0a0; line-height: 36px; margin-top:16px; text-overflow: -o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }
.index-sec5-c span{ display: block; width: 150px; height: 45px; line-height: 45px; background-color: #0196e5; margin-top: 90px; }
.index-sec5-c span a{ display: block; text-align: center; color: #fff; font-size: 16px;  }
.index-sec5-c:hover h5 a{ color: #0196e5 }
.index-sec5-r{ width: 420px; }
.index-sec5-r li{ width: 100%; height: 260px; float: left; background: #ededed; margin-top: 30px;  transition: all .5s ease-in-out;}
.index-sec5-r li:first-child{ margin-top: 0; }
.index-sec5-r li a{ display: block; padding: 65px 40px 0; overflow: hidden}
.index-sec5-r li h4{ font-weight: normal; }
.index-sec5-r li h4 i{ font-size: 24px; line-height: 100%; color: #000; }
.index-sec5-r li h4 em{ font-size: 14px; color: #999; line-height: 100%; margin-top: 10px; }
.index-sec5-r li h5{ margin-top: 20px; font-size: 18px; font-weight: normal; color: #3b3b3b; line-height: 36px;text-overflow: -o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;  }
.index-sec5-r li:hover h5,.index-sec5-r li:hover h4 i{ color: #fff }
.index-sec5-r li:hover h4 em{ color: #d9d9d9 }
.index-sec5-r li:hover{ background: url(../../images/qy/index-bews-bg.png) no-repeat; }
.index-sec6{ overflow: hidden; padding: 0 0 80px; }
.index-title2{ font-size: 24px ;color: #333; line-height: 100%; text-align: center; }
.index-p{ width: 700px; margin: 22px auto 0; font-size: 14px;line-height: 30px; color: #686868; text-align: center; }
.index-sec6-ul{ margin-top: 22px; text-align: center; }
.index-sec6-ul li{ width: 180px; display:inline-flex; margin-left: 84px; }
.index-sec6-ul li:first-child{ margin-left: 0; }
.index-sec6-ul li p{ text-align: center; margin-top: 30px; }
.index-sec6-ul li p i{ font-size: 18px;color: #333; line-height: 100%;  }
.index-sec6-ul li p em{ font-size: 14px;color: #808080; line-height:36px;  }
.index-sec6-ul li:hover p i,.index-sec6-ul li:hover p em{ color: #0099e5 }
.index-sec7-con ul{ overflow: hidden }
.index-sec7-con ul span{ display: inline-flex; justify-content: left; align-items: center; width: 315px; height: 420px; padding:0 80px; float: left; }
.index-sec7-con ul span i{ width: 50px; height: 50px; background: url(../../images/qy/index-sec7-i1.png) no-repeat; }
.index-sec7-con ul span p{ font-size: 30px;color: #fff; margin-top: 30px; line-height: 100%;}
.index-sec7-con ul span.index-sec7-con-s1 em{ width: 60px; height: 1px; background: #fff; margin-top: 30px; }
.index-sec7-con ul span.index-sec7-con-s1{background: #0099e5;}
.index-sec7-con ul span.index-sec7-con-s2{ padding:0 0; background: #cccccc }
.index-sec7-con ul span.index-sec7-con-s2 a{ display: block;padding:0 50px; width: 100%; }
.index-sec7-con ul span.index-sec7-con-s2 p{ margin-top: 0 }
.index-sec7-con ul span.index-sec7-con-s2 em{ width: 55px; height: 16px; background: url(../../images/qy/index-sec7-i2.png) no-repeat; margin-top: 50px; }
.index-sec7-con li{ width: 668px; height: 420px; float: left; margin-left: 24px; margin-bottom: 24px; position: relative; overflow: hidden }
.index-sec7-con li:before{ content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5); left: 0; top: 0; display: none; z-index: 2; }
.index-sec7-con li .scale-img{ width: 100%; height: 100%; overflow: hidden;display: block; }
.index-sec7-con li .scale-img img{ width: 100%; height: 100%;  -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.index-sec7-con li:hover .scale-img img{transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.index-sec7-con li .opposite{ width: 100%; height: 100%; background:rgba(0,0,0,0.5); position: absolute; top: 100%; z-index: 3;display: flex; justify-content: center; align-items: center;transition: top .5s ease-in-out;}
.index-sec7-con li .opposite:before{/*background: url(../../images/qy/pix.png) repeat;*/height: 420px;width:100%; top: 0; left:0; display:block; position: absolute; z-index: 3  }
.index-sec7-con li .opposite>div{ position: relative; z-index: 2 }
.index-sec7-con li .opposite em{font-size: 30px;line-height:100%;color: #fff;display: block;margin: auto; text-align: center}
.index-sec7-con li .opposite em,.index-sec7-con li .opposite span{display: block;text-align: center;}
.index-sec7-con li .opposite .f_line{width:1px; background: #fff;height:120px; margin: 20px auto 0;}
.index-sec7-con li .opposite .sec-more{ margin: 20px auto 0; float: initial !important; padding:0 !important; width: 44px;height:  44px; background: url(../../images/qy/more-jia.png) no-repeat; display: block;}
.index-sec7-con li:hover .opposite{ top: 0; transition: top .5s ease-in-out;}

.index-sec7-con span.index-sec7-con-s2:hover{ background: #0099e5; transition: all .5s ease-in-out }
.index-sec8{ padding: 56px 0 80px; overflow: hidden }
.index-sec8 img{ max-width: 100%; margin: 22px auto 0; display: block;}

.index-sec9{ padding: 0 0 80px; overflow: hidden}
.index-sec9-ul{ margin-top: 22px; }
.index-sec9-ul li{ height: 95px; width: calc( 100% / 6 ); width: 283.33px\0; float: left; display: flex; justify-content: center; align-items: center;}
/*.index-sec9-ul li img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%); 
    filter: gray;
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
}*/
.index-sec9-ul li:hover img {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    filter: ;
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0); 
}

.global-main{ width: 1340px; height: 654px; margin: 28px auto 0; /*background: url(../../images/qy/global-bg.png) no-repeat;*/ background-size: cover; position: relative; }

.global-main .point-area {position: absolute;}
.global-main .point-area {
    text-align: center;
    position: absolute;
    width: 50px;
    height: 50px;
    transition: opacity .5s ease-out;
}

.global-main  .point-area .txt {
    width: 60px;
    position: absolute;
    left: 50px;
    top: 40%;
    color: #333333;
    font-size: 14px;
}
.global-main  .point-area:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #e50112;
    display: inline-block;
    margin-left: -5px;
    margin-top: -5px;
    top: 50%;
    left: 50%
}

.global-main  .point {
    position: absolute;
    width: 100%;
    height: 100%
}

.global-main  .point:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 2px solid #e50112;
    opacity: 0
}
.global-main .point:after{border:none\9; }
.global-main  .point.point-10:after {
    -webkit-animation: ripple 4.5s ease-out 225ms infinite;
    animation: ripple 4.5s ease-out 225ms infinite
}

.global-main  .point.point-40:after {
    -webkit-animation: ripple 4.5s ease-out .9s infinite;
    animation: ripple 4.5s ease-out .9s infinite
}

.global-main  .point.point-80:after {
    -webkit-animation: ripple 4.5s ease-out 1.8s infinite;
    animation: ripple 4.5s ease-out 1.8s infinite
}

.right-map  .point.point-shadow:after {
    box-shadow: inset 0 0 5em rgba(0,205,236,0.16)
}
@-webkit-keyframes ripple{0%{opacity:0;-webkit-transform:scale(0.1);transform:scale(0.1)}5%{opacity:1}to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}@keyframes ripple{0%{opacity:0;-webkit-transform:scale(0.1);transform:scale(0.1)}5%{opacity:1}to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}
.point_area_1{left: 302px;top: 510px;}
.point_area_2{left: 600px;top: 125px;}
.point_area_3{left: 622px;top: 310px;}
.point_area_4{left: 660px;top: 382px;}
.point_area_5{left: 740px;top: 80px;}
.point_area_6{left: 744px;top: 200px;}
.point_area_7{left: 800px;top: 250px;}
.point_area_8{left: 754px;top: 320px;}
.point_area_9{left: 733px;top: 455px;}
.point_area_10{left: 826px;top: 120px;}
.point_area_11{right: 360px;top: 250px;}
.point_area_12{right: 325px;top: 240px;}
.point_area_13{right: 265px;top: 288px;}
.point_area_14{right: 250px;top: 345px;}
.point_area_15{right: 200px;top: 397px;}
.point_area_16{right: 175px;top: 295px;}
.point_area_17{right: 290px;top: 130px;}
.point_area_18{right: 195px;top: 335px;}
.point_area_19{right: 170px;top: 185px;}
.point_area_20{right: 82px;top: 385px;}

@media only screen and (min-width:1025px) and (max-width: 1366px) {
    .index-w{ width: calc( 100% - 100px ); width: 1200px\0; }
    .index-banner-box{ height: 542px; }
    .index-banner-swiper .swiper-slide img{ width: 100%; height: auto }
    .banner-info{ padding-top: 50px; }
    .banner-info .banner-info-box .info-main, .banner-info .banner-info-box .info-sub{ font-size: 18px; width: 35px; line-height: 24px;}
    .banner-info .banner-info-box .info-sub{ font-size: 18px; width: 35px; }
    .ban-con{ left: 400px; }
    .ban-con h5{ font-size: 24px;}
    .ban-con h4{ font-size: 30px; }
    .ban-con p{ margin-top: 20px; }
    .banner-info-box{ display: flex; justify-content: center; }
    .swiper-bot{ left: 22px; }
    .index-sec1{ padding:50px 0; }
    .index-sec1-ul { padding-top: 50px; }
    .index-sec1-ul-pub{ width: 49%;  }
    .index-sec1-ul-big .scale-img{ height: auto; }
    .index-sec1-ul-pub ul li{ width: 49%; }
    .index-sec1-ul-pub ul li .scale-img{ height: auto; }
    .index-sec1-ul-pub ul li span em{ font-size: 18px; }
    .index-sec1-ul-big span a{ padding:18px 30px; }
    .index-sec1-ul-big span a:before{ right: 30px; }
    .index-sec3{ padding-top: 50px; }
    .index-sec3:before{ height: 200px; }
    .index-sec3-con .index-video{ width: 35%; height: auto; }
    .index-sec3-con .index-video em{ width: 50px; height: 50px; background-size: 100%; }
    .index-sec3-r{ width: 60%;  padding-top: 28px;}
    .index-sec3-r1{ width: 90%; }
    .index-sec3-r2{ margin-top:130px; }
    .index-sec3-r2 li{  margin-left: 52px; }
    .index-sec4{ padding:50px 0; }
    .wel-case{ margin-top: 80px; }
    .wel-case .slides .con{ bottom: -78%; }
    .index-sec5{ padding: 0 0 50px; }
    .index-sec5-news .scale-img{ width: 45%; height: 365px; margin-right: 2%; }
    .index-sec5-c{ width: 25.5%; height: 365px;  }
    .index-sec5-r{ width: 25.5%; }
    .index-sec5-r li{ margin-top: 20px; height: 172px; }
    .index-sec5-r li a{ padding:30px 20px 0; }
    .index-sec5-r li h5{ margin-top: 10px; line-height: 28px; }
    .index-sec6-ul li{ margin-left: 20px; }


    .index-sec7-con ul span{ width: 18.53%; height: 3rem; padding: 0 0.8rem; }
    .index-sec7-con li{ width: 39.3%; height: 3rem; margin-left: 1.435%; margin-bottom: 0.24rem }
    .index-sec7-con li:nth-child(5){ margin-right: 1.435% !important }
    .index-sec7-con li .opposite{ height: 3rem }
    .index-sec7-con li:hover .opposite .sec-more{ bottom: 20px !important }
    .index-sec7-con li .opposite em{ font-size: 26px; }

    .global-main{ background-size: contain; height: 535px; width: 1100px; margin: 40px auto 0;}
    .point_area_1{ left: 242px; top: 410px; }
    .point_area_2{ left: 490px; top: 98px; }
    .point_area_3{ left: 505px; top: 250px; }
    .point_area_4{ left: 540px; top: 340px;}
    .point_area_5{ left: 600px; top: 60px; }
    .point_area_6{ left: 610px; top: 132px; }
    .point_area_7{ left: 650px; top: 200px; }
    .point_area_8{ left: 615px; top: 255px; }
    .point_area_9{ left: 600px; top: 368px; }
    .point_area_10{ left: 670px; top: 160px; }
    .point_area_11{ right:324px; top: 160px; }
    .point_area_12{ right:300px; top: 230px; }
    .point_area_13{ right: 264px; top: 190px; }
    .point_area_14{ right: 235px; top: 202px; }
    .point_area_15{ right: 205px; top: 280px; }
    .point_area_16{ right: 200px; top: 308px; }
    .point_area_17{ right: 230px; top: 105px; }
    .point_area_18{ right: 185px; top: 240px; }
    .point_area_19{ right: 142px; top: 144px; }
    .point_area_20{ right: 64px; top: 312px; }

}
@media only screen and (min-width:1367px) and (max-width: 1440px) {
    .index-w{ width: calc( 100% - 100px ); width: 1200px\0; }
    .index-banner-box{ height: 542px; }
    .index-banner-swiper .swiper-slide img{ width: 100%; height: auto }
    .banner-info{ padding-top: 50px;padding-left: 110px; }
    .banner-info .banner-info-box .info-main, .banner-info .banner-info-box .info-sub{ font-size: 18px; width: 35px; line-height: 24px;}
    .banner-info .banner-info-box .info-sub{ font-size: 18px; width: 35px; }
    .ban-con{ left: 400px; }
    .ban-con h5{ font-size: 24px;}
    .ban-con h4{ font-size: 30px; }
    .ban-con p{ margin-top: 20px; }
    .banner-info-box{ display: flex; justify-content: center; }
    .swiper-bot{ left: 73px; }
    .index-sec1{ padding:50px 0; }
    .index-sec1-ul { padding-top: 50px; }
    .index-sec1-ul-pub{ width: 49%;  }
    .index-sec1-ul-big .scale-img{ height: auto; }
    .index-sec1-ul-pub ul li{ width: 49%; }
    .index-sec1-ul-pub ul li .scale-img{ height: auto; }
    .index-sec1-ul-pub ul li span em{ font-size: 18px; }
    .index-sec1-ul-big span a{ padding:18px 30px; }
    .index-sec1-ul-big span a:before{ right: 30px; }
    .index-sec3{ padding-top: 50px; }
    .index-sec3:before{ height: 200px; }
    .index-sec3-con .index-video{ width: 30%; height: auto; }
    .index-sec3-con .index-video em{ width: 50px; height: 50px; background-size: 100%; }
    .index-sec3-r{ width: 65%;  padding-top: 28px;}
    .index-sec3-r1{ width: 90%; }
    .index-sec3-r2{ margin-top:60px; }
    .index-sec3-r2 li{  margin-left: 52px; }
    .index-sec4{ padding:50px 0; }
    .wel-case{ margin-top: 80px; }
    .wel-case .slides .con{ bottom: -78%; }
    .index-sec5{ padding: 0 0 50px; }
    .index-sec5-news .scale-img{ width: 45%; height: 365px; margin-right: 2%; }
    .index-sec5-c{ width: 25.5%; height: 365px;  }
    .index-sec5-r{ width: 25.5%; }
    .index-sec5-r li{ margin-top: 20px; height: 172px; }
    .index-sec5-r li a{ padding:30px 20px 0; }
    .index-sec5-r li h5{ margin-top: 10px; line-height: 28px; }
    .index-sec6-ul li{ margin-left: 20px; }


    .index-sec7-con ul span{ width: 18.53%; height: 3rem; padding: 0 0.8rem; }
    .index-sec7-con li{ width: 39.3%; height: 3rem; margin-left: 1.435%; margin-bottom: 0.24rem }
    .index-sec7-con li:nth-child(5){ margin-right: 1.435% !important }
    .index-sec7-con li .opposite{ height: 3rem }
    .index-sec7-con li:hover .opposite .sec-more{ bottom: 20px !important }
    .index-sec7-con li .opposite em{ font-size: 26px; }

    .global-main{ background-size: contain; height: 535px;width: 1100px; margin: 40px auto 0;}
    .point_area_1{ left: 242px; top: 410px; }
    .point_area_2{ left: 490px; top: 100px; }
    .point_area_3{ left: 505px; top: 250px; }
    .point_area_4{ left: 540px; top: 340px;}
    .point_area_5{ left: 600px; top: 65px; }
    .point_area_6{ left: 610px; top: 312px; }
    .point_area_7{ left: 650px; top: 200px; }
    .point_area_8{ left: 615px; top: 255px; }
    .point_area_9{ left: 600px; top: 368px; }
    .point_area_10{ left: 670px; top: 160px; }
    .point_area_11{ right:324px; top: 160px; }
    .point_area_12{ right:300px; top: 230px; }
    .point_area_13{ right: 264px; top: 192px; }
    .point_area_14{ right: 235px; top: 200px; }
    .point_area_15{ right: 210px; top: 270px; }
    .point_area_16{ right: 200px; top: 305px; }
    .point_area_17{ right: 230px; top: 110px; }
    .point_area_18{ right: 185px; top: 237px; }
    .point_area_19{ right: 145px; top: 144px; }
    .point_area_20{ right: 65px; top: 315px; }
}
@media only screen and (max-width: 1200px) {
    .index-banner-box{ min-height: 200px; }
    .mobile-index-banner{ width: 100%; margin-top: 60px;  }
    .mobile-index-banner .swiper-slide img{ width: 100%; }
    .index-sec1{ padding:20px 0; }
    .index-w{ width: 94%; }
    .index-title h5{ font-size: 18px; font-weight: normal; }
    .index-title span a{ font-size: 14px; padding-right: 30px; background: url(../../images/qy/more.png) right no-repeat; background-size: auto 15px }
    .index-title h5:before { top: 30px; }
    .index-sec1-ul{ padding-top: 30px; }
    .index-sec1-ul-pub{ width: 100%; }
    .index-sec1-ul-big .scale-img{ height: auto; }
    .index-sec1-ul-big span{ bottom: 0; height: auto; display: none; }
    .index-sec1-ul-big span a{ padding:10px 3%; }
    .index-sec1-ul-big span a:before{ right: 3%; top: 20px; }
    .index-sec1-ul-big span i{ font-size: 14px; }
    .index-sec1-ul-big span em{ font-size: 18px;    margin-top: 5px; }
    .index-sec1-ul-left ul{ margin-top: 15px; float: right }
    .index-sec1-ul-pub ul li{ width: 49%; margin-bottom: 15px; }
    .index-sec1-ul-pub ul li .scale-img{ height: auto; width: calc( 100% - 2px ); }
    .index-sec1-ul-pub ul li span{     bottom: 0; height: auto; width: calc( 100% - 2px ); display: none}
    .index-sec1-ul-pub ul li span a{ padding:0 3%; }
    .index-sec1-ul-pub ul li span a:before{ right: 3% }
    .index-sec1-ul-pub ul li span em{ font-size: 18px;  }
    .index-sec1-ul-right .index-sec1-ul-big{ margin-top: 0; display: none;}
    .mobile-index-sec2{ width: 100%; }
    .mobile-index-sec2 img{ max-width: 100%; display: block; margin:auto; }
    .index-sec3{ padding: 20px 0; }
    .index-sec3:before{ display: none; }
    .index-sec3-con .index-video{ width: 100%; height: auto; }
    .index-sec3-con .index-video em{ width: 40px; height: 40px; background-size: 100%; }
    .index-sec3-r{ width: 100%; padding-top: 20px; }
    .index-sec3-r1{ width: 100%;  }
    .index-sec3-r1 h5{ font-size: 18px; }
    .line{ margin: 10px 0 0; }
    .index-sec3-r1 .index-sec3-more{ top: 20px; }
    .index-sec3-r1 p{ line-height: 24px; margin-top: 10px; }
    .index-sec3-r2{ margin-top: 20px; display: none; }
    .index-sec3-r2  ul{ text-align: center; }
    .index-sec3-r2 li{ width: 80px;  margin-left: 30px; float: initial; display: inline-block; margin-bottom: 15px; }
    .index-sec3-r2 li i{ width: 80px; height: 80px; }
    .index-sec3-r2 li p{ margin-top: 0; }
    .index-sec4{ padding:20px 0; }
    .wel-case{ margin-top: 55px; }
    .wel-case-list .flex-direction-nav .flex-prev{ left: 3%; }
    .wel-case-list .flex-direction-nav a{ width: 33px; height: 44px; margin: -22px 0 0; }
    .wel-case-list .flex-direction-nav .flex-next{ right: 3%; }
    .wel-case .slides .con{ bottom: -77% }
    .index-sec5{ padding: 0 0 20px; }
    .index-sec5-news{ padding-top: 30px; }
    .index-sec5-news .scale-img{ width: 100%; height: auto; margin-right: 0; margin-bottom: 15px; display: none; }
    .index-sec5-c{ width: 100%; height: auto;    padding: 20px 3%; margin-bottom: 15px; display: none}
    .index-sec5-c h5{ margin-top: 10px; }
    .index-sec5-c h5 a{ line-height: 26px; }
    .index-sec5-c p{ line-height: 24px;    margin-top: 10px; }
    .index-sec5-c span { margin-top: 40px; }
    .index-sec5-r{ width: 100%; }
    .index-sec5-r li{ height: auto; margin-top: 0; margin-bottom: 15px;}
    .index-sec5-r li a{ padding:20px 3%; }
    .index-sec5-r li h5{ margin-top: 10px; line-height: 26px;}
    .index-sec6{    padding: 0 0 20px;}
    .index-p{ width: 94%; }
    .index-sec6-ul{ margin-top: 15px; text-align: left; }
    .index-sec6-ul li{ width: 32%;     margin-left: 0; margin-bottom: 10px; }
/*    .index-sec6-ul li:nth-child(2n){ float: right; }*/
    .index-sec6-ul li img{ width: 100%; }
    .index-sec6-ul li p{ margin-top: 10px; }
    .index-sec7-con ul span{ width: 100%; height: auto; padding:20px 0; display: block; text-align: center; margin-bottom: 15px; }
    .index-sec7-con ul span p{ font-size: 22px;    margin: 15px auto 0; }
    .index-sec7-con ul span.index-sec7-con-s1 em{ margin: 15px auto 0; }
    .index-sec7-con ul span i{ margin:auto; }
    .index-sec7-con li{ width: 100%; height: auto; margin-left: 0; margin-bottom: 15px; }
    .index-sec7-con li .opposite { opacity: 1!important; top: 0;    display: none; }
    .index-sec7-con li .opposite .f_line,.index-sec7-con li .opposite .sec-more{ display: none; }
    .index-sec7-con li .opposite em{ font-size: 22px; }
    .index-sec7-con ul span{ position: relative; }
    .index-sec7-con ul span.index-sec7-con-s2 p{ margin: 15px 0; }
    .index-sec7-con ul span.index-sec7-con-s2 em{ display: none; margin-top: 0;width: 40px; height: 12px; background-size: 100% !important; position: absolute; top: 20px; left: 3% }
    .index-sec8{ padding:20px 0; }
    .index-p{ line-height: 24px; margin:15px auto 0; }
    .index-sec9{ padding: 0 0 20px }
    .index-sec9-ul li{ width: calc( 94% / 3 ); height: 95px; display: flex; justify-content: center; align-items: center; margin-right: 3%}
    .index-sec9-ul li:nth-child(3n){ margin-right: 0;  }
    .index-sec9-ul li img{ max-width: 100%;filter: grayscale(0); }
    
}