.banner{position: relative;}
.banner .b_link{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 9;}
.banner_txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    -webkit-transform: translateX(200px);
    -moz-transform: translateX(200px);
    -o-transform: translateX(200px);
    -ms-transform: translateX(200px);
    transform: translateX(200px);
}

.banner li.ani-slide .banner_txt {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}
.banner_txt h1{font-weight: bold;margin-top: 5%;}
.banner_txt h1 b{color: #09d262;}
.banner_txt p{margin-top: 30px;}


.banner_b{position: absolute;left: 0;bottom: 0;width: 100%;height: 50px;background: rgba(0,0,0,0.6);z-index: 2;}
.banner_b ul li{float: left;color: #fff;line-height: 50px;padding: 0 10px;position: relative;cursor: pointer;
    transition: all .3s;width: 16.666%;box-sizing: border-box;}
.banner_b ul li p{text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.banner_b ul li em{
    width:0;
    height:0;
    border-width:0 10px 10px;
    border-style:solid;
    border-color:transparent transparent #920783;/*透明 透明  灰*/
    position:absolute;
    left: 50%;
    margin-left: -8px;top: -10px;
    display: none;
}
.banner_b ul li.on{background: #920783;}
.banner_b ul li.on em{display: block;}

@media only screen and (min-width:1025px) {
    .banner_b ul li:hover{color: #8a087c;}
    .banner_b ul li.on:hover{color: #fff;}
}



.index_05{padding: 70px 0 80px 0;overflow: hidden;}
.indexNews{overflow: hidden;}
.indexNews li{float: left;width: 48%;margin-right: 4%;margin-bottom: 30px;}
.indexNews li:nth-child(2n){margin-right: 0;}
.indexNews li{overflow: hidden;margin-bottom: 20px;}
.indexNews li .l{float: left;width: 264px;border-radius: 5px;
    overflow: hidden;}
.indexNews li .r{float: left;width: calc(100% - 264px);padding-left: 40px;box-sizing: border-box;}
.indexNews li .r .index_title_box{font-weight: bold;height: 48px;overflow: hidden;margin-bottom: 20px;
 line-height: 24px;
  overflow: hidden;


}
@media only screen and (min-width:767px) {
  .indexNews li .r .index_title_box{display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
}

.indexNews li .r p{color: #84888d;line-height: 25px;height: 75px;overflow: hidden;margin-bottom: 20px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;

}
.indexNews li .r span{font-weight: bold;color: #8a087c;display: block;}
.indexNews li .r span a{display: block;    color: #920783;}
.indexNews li{overflow: hidden;border-bottom: 1px solid #e5e5e5;padding: 18px 0;}
.indexNews li a{float: left;width: calc(100% - 90px);}
.indexNews li:first-child,.indexNews li:nth-child(2){border-bottom: 0;}
.indexNews li:first-child a,.indexNews li:nth-child(2) a{width: 100%;}
.indexNews li>span{float: right;color: #009944;font-weight: bold;width: 90px;text-align: right;}

.look_more{text-align: center;margin-top: 30px;}
.look_more a{display: inline-block;width: 200px;height: 47px;line-height: 47px;text-align: center;color: #fff;background: #009944;border-radius: 5px;}

.index_06{background: #ededed;padding: 70px 0 60px 0;}
.qkApplication{text-align: left;display: block !important;}
.qkApplication li{display: inline-block;box-sizing: border-box;width: 11.11%;text-align: center;}
.qkApplication li p{line-height: 24px;height:48px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.qkApplication li img{width: 111px;height: 111px;margin-bottom: 20px;border-radius: 5px;}
.applicationSwi{position: relative;/*padding: 0 5%;*/overflow: hidden;}
.applicationSwi .lhl_but{display: none;}
.applicationSwi .lhl_but div{background: none;}
.atips{padding:0 5%;}
.atips span{ color:#8a087c;}

.index_04{padding: 60px 0px;overflow: hidden;box-sizing: border-box;}
.insolution dl{position: relative;color: #fff;width: calc((100% - 5% - 56%) / 2);margin-right: 2%;float: left;height: 100%;transition: all .3s;}
.ie9 .insolution dl{width: calc((100% - 5% - 56%) / 2);}
.insolution dl a{color: #fff;}
.insolution dl dd{height: 100%;}
.insolution dl dd img{width: 100%;height: 100%;}
.insolution dl.on{width: 56%;}
.insolution dl:last-child{margin-right: 0;}
.insolution dl dt{text-align: center;width: 100%;padding: 0 10px;box-sizing: border-box;}
.insolution dl dt h1{font-weight: bold;}
.insolution dl.on{text-align: left;box-sizing: border-box;}
.insolution_txt{margin-top: 30px;display: none;width: 670px;}
.insolution_txt p{margin-bottom: 10px;line-height: 28px;}
.insolution dl.on .insolution_txt{display: block;}
.insolution dl.on dt{text-align: left;padding: 0 5%;box-sizing: border-box;}

.index_02{padding: 65px 0;overflow: hidden;}
.inProduct{overflow: hidden;}
.inProduct dl{float: left;width: 32%;margin-right: 2%;}
.inProduct dl:nth-child(3n){margin-right: 0;}
.inProduct dl dd{position: relative;border-radius: 3px;margin-bottom: 30px;}
.inProduct dl dd a{color: #fff;}
.inProduct dl dd a img{width: 100%;}
.inProduct dl dd p{}
.inProduct dl dt li{padding: 10px 20px;box-sizing: border-box;overflow: hidden;line-height: 25px;transition: all .3s;}
.inProduct dl dt p{float: left; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: calc(100% - 10px);}
.inProduct dl dt p img{width: 25px;height: 25px;margin-right: 10px;}
.inProduct dl dt i{float: right;color: #b8bcc0;font-weight: bold;width: 10px;}

@media only screen and (min-width:1025px) {
    .insolution dl a:hover{color: #fff!important;}
    .inProduct dl dd:hover a{color: #fff!important;}
    .inProduct dl dt li:hover{background: #920783;}
    .inProduct dl dt li:hover a{color: #fff!important;}
    .inProduct dl dt li:hover a i{color: #fff;}
    .inProduct dl dt li:hover a .ic1{display: none;}
    .inProduct dl dt li:hover a .ic2{display: inline-block;}
}

.pcr{padding: 20px 80px;box-sizing: border-box;overflow: hidden;border-radius: 5px;margin-top: 40px;position: relative;}
.pcr_l{float: left;width: calc(100% - 150px);}
.pcr_l img{float: left;width: 15%;margin-right: 5%;}
.pcr_l .pcr_txt{float: left;width: 80%;padding: 10px 0;}
.pcr_l .pcr_txt h1{margin-bottom: 10px;}
.pcr_l .pcr_txt p{color: #84888d;line-height: 30px;}
.pcr_r{float: right;width: 150px;}
.pcr_r img{margin-bottom: 10px;width: 125px; max-width: 100%;}

.research{position: relative;}
.research>img{width: 100%;}
.research_con{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.research_l{float: left;width: 30%;height: 100%;position: relative;}
.research_r{float: left;width: 70%;height: 100%;padding-right: 10%;box-sizing: border-box;}
.research_l .swiper-container{height: 100%;}
.research_l li{background: rgba(255,255,255,.7);position: relative;box-sizing: border-box;text-align: left;cursor: pointer;transition: all .3s;height: 20%;}
.research_l li p{right: 0;left: auto;width: 70%;padding:  0 20px;box-sizing: border-box;}
.research_l li p span{float: left;width: calc(100% - 20px);
    line-height:24px;max-height: 48px;
 display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.research_l li p i{float: right;}
.research_l li.on{background: none;color: #fff;}
.research_more a{display: inline-block;width: 200px;height: 46px;text-align: center;background: #8a087c;color: #fff;line-height: 45px;border-radius: 5px;}
.research_item{display: none;color: #fff;padding-left: 8%;box-sizing: border-box;padding-top: 5%;}
.research_item.on{display: block;}
.research_item h1{margin-bottom: 20px;}
.research_item p{height: 140px;overflow: hidden;margin-bottom: 20px;}
.research_l .lhl_but div{background: none;height: 40px;line-height: 40px;font-size: 24px;margin-top: 0;}
.research_l .lhl_but div.swiper-button-prev{top: -40px;right: 20%;left: auto;}
.research_l .lhl_but div.swiper-button-next{bottom: -40px;right: 20%;left: auto;top: auto;}
.ic2{display: none;}

.pcr .lhl_but div{background: none;font-size: 20px;width: 40px;height: 40px;text-align: center;line-height: 40px;background: #fff;border-radius: 5px;transition: all .3s;}
.pcr .lhl_but div.swiper-button-prev{left: 0;}
.pcr .lhl_but div.swiper-button-next{right: 0;}
@media only screen and (min-width:1025px) {
    .research_l li:hover{color: #fff;opacity: .9;}
    .research_more a:hover{opacity: .8;color: #fff!important;}
    .pcr .lhl_but div:hover{background: #8a087c;color: #fff;}
}
@media only screen and (max-width:1560px) {
    .research_item p{height: 120px;}
}

@media only screen and (max-width:1441px) {
    .research_item p{height: 100px;}
}
@media only screen and (max-width:1400px) {
    .insolution_txt{margin-top: 30px;display: none;width: 500px;}
}

@media only screen and (max-width:1280px) {
    .banner_b ul li{padding: 0 10px;}
    .insolution_txt{margin-top: 10px;}
}
@media only screen and (max-width:1100px) {
    .banner_b ul li{font-size: 13px;}
}
@media only screen and (max-width:1024px) {
    .banner_b{height: 35px;}
    .banner_b ul li{line-height: 35px;}
    .banner_txt p{margin-top: 10px;}
    .index_title{margin-bottom: 40px;}
    .inProduct dl dt li{padding: 10px;}
    .pcr{padding: 20px 40px;}
    .pcr_l img{width: 150px;}
    .pcr_txt{float: none;}
    .pcr_l .pcr_txt p br{display: none;}
    .research_l{display: none;}
    .research_r{width: 100%;}
    .research{overflow: hidden;padding: 20px 0 40px;}
    .research_con{position: static;}
    .research>img{display: none;}
    .insolution dl{width: 100% !important;margin-right: 0;height: 300px;}
    .insolution dl:first-child{width: 100% !important;}
    .insolution_txt{display: block;width: 100%;}
    .insolution dl dt{text-align: left;padding: 0 60px;}
    .pub_index ul{padding: 0 20px;}
    .indexNews dl{width: 100%;margin-right: 0;}
    /*.applicationSwi .lhl_but{display: block!important;font-size: 30px;}*/
    .qkApplication li{width: 33.3%;float: left;margin-bottom: 20px;}
    .applicationSwi .swiper-wrapper{display: inherit;}
    .pub_index dl{padding: 30px 5px;}
    .research_item{display: block;}
    .insolution{height: auto!important;}
    .indexNews li{width: 100%;}

.indexNews li .r .index_title_box{height: auto;max-height: 48px;margin-bottom: 10px;}
.indexNews li .r p{height: auto;max-height: 75px;clear: both;}
}
@media only screen and (max-width:767px) {

    .inProduct dl{width: 100%;margin-right: 0;}
    .index_02{padding: 40px 0;}
    .banner_t li{height: 220px;}
    .banner_t li img{display: none;}
    .banner_txt h1{margin-top: 50px;}
    .banner_b{display: none;}
    .inProduct dl{margin-bottom: 30px;}
    .pcr{padding: 20px;    background: #ededed !important;}
    .pcr_l{width: 100%;}
    .pcr_r{width: 100%;}
    .pcr_l .pcr_txt{width: 100%;    box-sizing: border-box;
    padding: 20px 40px;}
    .pcr_l img{margin: 0 auto;display: block;float: none;}
    .pcr_r{text-align: center;}
    /*.insolution dl:first-child dd img{display: none;}*/
    /*.insolution dl:first-child dd{height: 300px;}*/
    .insolution dl dt,.insolution dl.on dt{padding: 0 20px;}
    .indexNews li .l,.indexNews li .r{width: 100%;}
    .indexNews li .r{padding: 0;padding-top: 10px;}
    .index_title{margin-bottom: 0px;}
    .index_05{padding: 40px 0;}
    .indexNews li{margin-bottom: 0;padding: 10px 0;}
    .index_04{padding: 30px 0;}
    .look_more a{width: 150px;height: 40px;line-height: 40px;}
    .qkApplication li img{width: 88px;height: 88px;margin-bottom: 10px;}
    .index_06{padding: 30px 0;padding-bottom: 10px;}

.inProduct dl dd p{font-size:24px;z-index: 2;}
.inProduct dl dd a{position: relative;display: block;}
.inProduct dl dd a:after{content:"";position: absolute;top:0;left:0;width:100%;height: 100%;background:rgba(0,0,0,0.3);}

}


.index_pro_slider{position: relative;}
.index_pro_slider .lhl_but div{background: none !important;font-size: 30px;top:58px;margin-top: 0;color: #fff;font-weight: bold;}
@media only screen and (max-width:1440px) {
.index_pro_slider .lhl_but div{top:45px;}
}
@media only screen and (max-width:1024px) {
.index_pro_slider .lhl_but div{top:60px;}
}
@media only screen and (max-width:767px) {
.index_pro_slider .lhl_but div{top:45px;}
}
@media only screen and (max-width:370px) {
.index_pro_slider .lhl_but div{top:30px;}
}