/*https://www.sugon.com/*/
/*https://e.huawei.com/cn/products/storage*/
*{box-sizing: border-box;}
.gray,.gray a{color: #555;;}
.jie{ display: -webkit-box; overflow: hidden;-webkit-box-orient: vertical;}
.pro_more a{display: inline-block;height: 42px; line-height: 40px; padding: 0 35px;border-radius: 30px;text-align: center;color: #fff; background: #e81123;border-color: #e81123;}
.site_box{overflow: hidden;padding: 18px 0;}
.site_box a,.site_box span{float: left;position: relative;padding-left:16px;margin-left: 10px;}
.site_box a::before,.site_box span::before{content: ">";position: absolute;top:0;left: 0;}
.site_box a:first-child{padding-left: 0;margin-left:0;}
.site_box a:first-child::before{display: none;}

.site_box span{color: #e81123;}
.site_box span::before{color: #555 !important;}

.pro_banner{position: relative;}
.pro_banner img{width: 100%;}
/* .banner_in{width: 36%;} */
.banner_text{position: absolute;top:20%;left: 0;width: 100%;}
.banner_text p{line-height: 1.5em;max-height: 4.5em;-webkit-line-clamp: 3;margin-bottom: 70px;}
.banner_text h3{line-height: 1.2em;margin-bottom: 30px;}
.banner_text .pro_more a{margin-right: 20px; border: 1px solid #fff; color: #fff; background: none;}
.banner_text .pro_more a:last-child{margin-right: 0;}
.banner_text_an{top:32%;}
.banner_text_nop{top:50%;}
.banner_text_nop h3{margin-bottom: 0;}
.color_w{color: #fff;}

.nav-height{width: 100%; position:relative; height: 86px; top: 10px;}
/*.nav-height.navFix{position: fixed; z-index: 9999;top: 0;left: 0; height: 66px; border-radius: 0;}*/
.nav-height.navFix{position: fixed; z-index: 9999;top: 0;left: 0; border-radius: 0;}
.nav-height .wrap{position: relative; height: 100%; box-shadow: 0 0 5px 5px rgba(0, 15, 79, .05);border-radius: 10px; background: #fff;}
.nav-height .pro_more{position: absolute; right:2.5%;top:22px;}
.nav-wrap{line-height: 86px; padding:0 2.5%;}
/*.nav-wrap dd,dt{line-height: 86px; padding:0 2.5%;}*/
.nav-wrap dd,dt{line-height: 86px;}
.nav-height.navFix .nav-wrap{line-height: 66px;}
/*.nav-height.navFix .pro_more{top:11px;}*/
.nav-wrap dt{display: none;}
.nav-wrap li { float: left;margin-right: 60px;}
.nav-wrap li a.active {color: #e81123;}

.line30{line-height: 1.87em;}

.pro_more a{position: relative; overflow: hidden;}
.pro_more a em{position: relative; z-index: 2;}
.pro_more a::before{content: ""; position: absolute; z-index: 1; lefT:0; top:0; width:0; height: 100%; background:rgba(255, 255, 255, 0.25);}
@media only screen and (min-width:1025px) {
.main_box a{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.main_box a:hover{color: #e81123;}
.pro_more a:hover{color: #fff!important;}
.pro_more a:hover::before{width: 100%;}
.site_box a:hover::before{color: #555 !important;}
.banner_text .pro_more a:hover{background: #E81123; border-color:#E81123;}
.banner_text .pro_more a::before{ display: none;}
.nav-wrap li a:hover{color: #e81123;}
}



.navboxpc,.headerbox,.pro_more a::before,.pro_d05 .p05_tab_t li::before,
.pro_d05 .swbox .swiper-button-prev,.pro_d05 .swbox .swiper-button-next{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.pro_nav_fixed .navboxpc{-webkit-transform: translateY(-100%); -moz-transform: translateY(-100%);-o-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%);}
@media only screen and (max-width:785px) {
.pro_nav_fixed .headerbox{-webkit-transform: translateY(-100%); -moz-transform: translateY(-100%);-o-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%);}

}




.pro_d01{padding: 100px 0;overflow: hidden;}
.pro_d01 .left{width: 38%;float: left;}
/*.pro_d01 .right{width: 57%;float: right;padding-right: 7.4%;padding-top: 20px;}*/
.pro_d01 .right{width: 57%;float: right;padding-right: 7.4%;}
.pro_d01 .right h3{line-height: 1.2em;max-height: 2.4em;margin-bottom: 40px;}

.pro_dslider{position: relative;}
.pro_dslider li dl{margin:0 1px;}
.pro_dslider li dt{border: 1px solid #e9e9e9; border-radius: 10px;}
.pro_button{display: none;}
.pro_button>div{width: 60px;height: 60px;margin-top: -30px; color: #e81123; font-size: 12px; background: #fff;border-radius: 50%;box-shadow: 0 7px 14px 2px rgba(0, 15, 79, .05);}
.pro_button .swiper-button-prev{left: -30px;}
.pro_button .swiper-button-next{right: -30px;}
.pro_button .swiper-button-disabled{ opacity: 1; color: #000;}

.pro_d02{position: relative;}
.pro_d02 a{display: block;}
.pro_d02 a::after{content: "";position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.1);}
.pro_d02 img{width: 100%;}
.pro_d02 em{width: 94px;height: 94px;border-radius: 50%;color: #e81123;z-index: 5; cursor: pointer; background: #fff;}
.pro_d02 .txt{ color: #fff; z-index: 5;}
.pro_d02 .txt h2{margin-bottom: 1%;}


.pro_d03{padding: 100px 0;}
.pro_d03 h2{ text-align: center; margin-bottom: 4%;}
.pro_d03 li{margin-bottom: 100px;}
.pro_d03 li:last-child{margin-bottom: 0;}
.pro_d03 dl{overflow: hidden; position: relative;}
.pro_d03 dt,.pro_d03 dd{height: 100%;overflow: hidden;}
.pro_d03 dt{float: right;width: 61.9537%;border-radius: 15px;}
.pro_d03 dd{position: absolute; width: 44.736%;border-radius: 15px;background: #F5F6F9;}
.pro_d03 dd .inner{padding:12% 10%;}
.pro_d03 li:nth-child(2n) dt{float: left;}
.pro_d03 li:nth-child(2n) dd{left:auto; right:0;}
.pro_d03 dd h3{line-height: 1.2em;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;margin-bottom: 30px;}
.pro_d03 dd p{max-height: 12em;overflow: hidden;}

.pro_d04{padding: 100px 0; background: #F5F6F9;}
.pro_d04 h2{ text-align: center; margin-bottom: 4%;}
.pro_d04 li{border-top:1px solid #D2D2D2; color: #555555; padding: 1.8% 0; overflow: hidden;}
.pro_d04 li:last-child{border-bottom: 1px solid #D2D2D2;}
.pro_d04 li span{ float: left; width: 25%; max-width: 450px; padding-left: 4%;}
.pro_d04 li p{ float: right; width: 72%;}


.pro_d05{padding: 100px 0;}
.pro_d05 .p05_tab_t{ margin-top:25px; border-bottom: 1px solid #DEDEDE;}
.pro_d05 .p05_tab_t li{ cursor: pointer; float: left; position: relative; padding: 0 22px; height: 60px; line-height: 60px; margin-right: 40px;}
.pro_d05 .p05_tab_t li::before{ content: ""; position: absolute; lefT:0; bottom:-1px; width:0; height: 2px; background: #E81123;}
.pro_d05 .p05_tab_t li.on::before{width: 100%;}
.pro_d05 .p05_tab_c{margin-top: 4%;}
.pro_d05 .swbox li{padding: 40px; background: #F5F6F9; border-radius: 15px;}
.pro_d05 .swbox li h3{height: 9em; overflow: hidden;}
.pro_d05 .swbox li p{margin-top:20px; height: 30px; line-height: 30px; overflow: hidden;}
.pro_d05 .swbox li p a{color: #E81123;}
.pro_d05 .swbox li p i{ margin-left: 10px; font-size:16px; font-weight: bold;}
.pro_d05 .swbox{padding-bottom: 54px; position: relative;}
.pro_d05 .swbox .swiper-button-prev,.pro_d05 .swbox .swiper-button-next{width: 48px;height: 24px; line-height: 24px; margin-top:0; top:auto; bottom:0; color: #e81123; text-align: center; font-size: 12px; background: #fff;border-radius:20px;border: 1px solid #fff; box-shadow: 0 0 3px 3px rgba(0, 15, 79, .05);}
.pro_d05 .swbox .swiper-button-prev{left:auto; right:68px;}
.pro_d05 .swbox .swiper-button-next{right:0;}
.pro_d05 .swbox .swiper-button-disabled{ opacity: 1; color: #000; border: 1px solid #999999; box-shadow: none; background: none;}

@media only screen and (max-width:1610px) {
    .banner_text p{margin-bottom: 50px;}
    .banner_text h3{margin-bottom: 20px;}
    .pro_d02 em{width: 74px; height: 74px;}
}

@media only screen and (max-width:1440px) {
    .banner_text p{margin-bottom: 30px;}
    .nav-wrap li{margin-right: 50px;}
    .nav-height .pro_more{top:25px;}
    .pro_more a{height: 36px;line-height: 34px;}
    .pro_d01 .right h3{margin-bottom: 20px;}
    .pro_d03 dd h3{margin-bottom: 20px;}
}
@media only screen and (max-width:1399px) {
    .nav-wrap li{margin-right: 40px;}
}


@media only screen and (max-width:1024px) {
    .banner_text p{margin-bottom: 20px;}
    .banner_text h3{margin-bottom: 10px;}
    .nav-height{height: 66px;}
    .nav-wrap{line-height: 66px;}
    .nav-height .pro_more,.nav-height.navFix .pro_more{top:17px;}
    .pro_more a{height: 32px;line-height: 30px; padding: 0 15px;}
    .pro_button>div{width: 40px;height: 40px;margin-top: -20px;}
    .pro_button .swiper-button-prev{left: -20px;}
    .pro_button .swiper-button-next{right: -20px;}
    .pro_d02 em{width: 50px;height:50px;}
    .pro_d03 dd .inner{padding: 8%;}
    .pro_d03 dd p{max-height: 9.4em;}
    .pro_d03 dd h3{margin-bottom: 10px;}
    .pro_d01 .right{padding-right: 0;}
    .pro_d01,.pro_d03,.pro_d04,.pro_d05{padding: 50px 0;}
    .pro_d03 li{margin-bottom: 5%;}
    .nav-wrap li{margin-right: 30px;}
 }
 @media only screen and (max-width:1023px) {
 .pro_d03 dd p{max-height: 7.48em;}
 .pub_tab .pub_tab_le li{margin-right: 15px;}
 .nav-wrap li{margin-right: 20px;}
 }
@media only screen and (max-width:767px) {
   .pro_banner img{display: none;}
   .pro_banner {height: 300px;}
   .banner_text p{margin-bottom: 10px;}
   .banner_text{top:20px}
   .banner_text h3{margin-bottom: 10px;}
   .banner_in{width: 100%;}

   .pro_d01 .left,.pro_d01 .right{float: none;width: 100%;}
   .pro_d01 .left{margin-bottom: 20px;}
   .pro_button .swiper-button-prev{left: 5px;}
   .pro_button .swiper-button-next{right: 5px;}
   .pro_d01 .right h3{margin-bottom: 10px;}
   .pro_d03 dl{height: auto !important;}
   .pro_d03 dt,.pro_d03 dd{float: none;width: 100%;}
   .pro_d03 dd .inner{padding: 5%;}
   .pro_d03 dt{margin-bottom: 10px;}
   .pro_d03 dd{ height: auto!important; position: static; transform: translate(0,0)!important;}
   .pro_d03 dd p{height: auto;max-height: inherit;}

   .pro_d02 a{background-image: none!important;}
   .pro_d02 a::after{ display: none;}
   .pro_d02 em{width: 30px;height:30px;}
   .pro_d02 .img{ position: relative;}
   .pro_d02 .img::after{content: "";position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.1);}
   .pro_d02 .txt{position: static; padding: 5% 0 0; color: #000; transform: translate(0,0)!important;}

   .pub_tab{padding: 15px 0;}
   .site_box{padding: 10px 0;}
   .pro_d01,.pro_d03,.pro_d04,.pro_d05{padding: 30px 0;}
   .pro_d01 .right{padding-top: 0;}

   .pro_d05 .p05_tab_t li{padding: 0 10px; margin-right: 10px;}
   .pro_d05 .swbox li{padding: 5%;}

   .nav-height,.nav-height.navFix{ height: auto;}
   .nav-height.navFix .wrap{max-width: 100%;}
   .nav-height .wrap{border-radius: 0;}
   .nav-wrap dd ul{ display: block!important;}
   .nav-wrap dt{ display: block; width: calc(100% - 120px);}
   .nav-wrap dd{ display: none; border-top: 1px solid #e9e9e9; padding: 20px 0;}
   .nav-wrap dt p,.nav-wrap dt i{ float: left;}
   .nav-wrap dt i{margin-left: 10px; color: #E81123;}
   .nav-wrap li{width: 100%; height: 40px; line-height: 40px;}
}

@media only screen and (max-width:399px) {
    .pub_tab .pub_tab_le{width: 100%;}
    .pub_tab .pro_more{ float: left;}
    .pub_tab .pub_tab_le li{ width: 25%; margin-right: 0; text-align: center;}
    .pro_d05 .p05_tab_t li{margin-right: 0;}
}


.pro_newsdets{border-top: 1px solid #E3E3E3; padding: 6% 0;}
.pro_newsdets .ll{ float: left; width: 67.86%; }
.pro_newsdets .rr{ float: right; width: 23.78%;}
.pro_newsdets .ll h1{text-align: center; line-height: 1.2;}
.pro_newsdets .ll .cons{border-top: 1px solid #DEDEDE; margin-top: 5%; padding: 5% 0 8%; line-height: 1.8; color: #555555;}
.pro_newsdets .ll .cons img{ width: 100%;}
.pro_newsdets .ll .cons .video-box{ cursor: pointer;margin-bottom: 4%; position: relative;}
.pro_newsdets .ll .cons .video-box::before{content: ""; position: absolute; z-index: 1; lefT:0; top:0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1);}
.pro_newsdets .ll .cons .video-box em{ z-index: 2; display: block; width: 70px; height: 70px; line-height: 70px; text-align: center; border-radius: 100%; border: 1px solid rgba(255, 255, 255, 0.25); background: rgba(255, 255, 255, 0.25);}
.pro_newsdets .ll .cons .video-box em i{ color: #fff;}
.pro_newsdets .ll .tips,.pro_newsdets .ll .share{padding-bottom: 5%; text-align: center; border-bottom: 1px solid #DEDEDE;}
.pro_newsdets .ll .tips span{margin: 0 10px;}
.pro_newsdets .ll .share a{ display: inline-block; width: 34px; height: 34px; line-height: 34px; border-radius: 5px; color: #000; background: #DBDBDB; margin: 0 10px;}
.pro_newsdets .rr .box{border-radius: 15px; margin-top: 1%; padding:40px 35px; border: 1px solid #DEDEDE;}
.pro_newsdets .rr h2{position: relative; padding-bottom: 20px;}
.pro_newsdets .rr h2::after{content: ""; position: absolute; left:0; bottom:0; width:48px; height:2px; background:#E81123;}
.pro_newsdets .rr ul{margin-top: 10px;}
.pro_newsdets .rr li{margin: 20px 0 0; line-height: 20px;}
.pro_newsdets .rr li a{color:#555555;}
.pro_newsdets .rr li i{margin-left: 10px; color: #E92031;}
.pro_newsdets .rr .line{width: 100%; height: 1px; background: #DEDEDE; margin: 40px 0 30px;}

@media only screen and (min-width:1025px) {
.pro_newsdets .rr li a:hover,.pro_newsdets .ll .share a:hover{color: #e81123;}
}
@media only screen and (max-width:1279px) {
.pro_newsdets .ll .cons .video-box em{width: 50px; height: 50px;}
}
@media only screen and (max-width:1023px) {
.pro_newsdets .ll,.pro_newsdets .rr{width: 100%;}
.pro_newsdets .rr{margin-top: 5%;}
}
@media only screen and (max-width:767px) {
.pro_newsdets{padding-bottom: 5%;}
.pro_newsdets .rr .box{padding: 5%;}
.pro_newsdets .ll .cons .video-box em{width: 40px; height: 40px;}
.pro_newsdets .rr h2{padding-bottom: 10px;}
.pro_newsdets .rr li{margin: 10px 0 0;}
.pro_newsdets .rr .line{margin: 30px 0 20px;}
}


.pro_soludets_01,.pro_soludets_02{padding: 5% 0;}
.pro_soludets_01 h2,.pro_soludets_02 h2{ text-align: center;}
.pro_soludets_01 .con,.pro_soludets_02 .con{ max-width: 1170px; margin:3% auto 0; color: #555555; line-height: 1.8;}
.pro_soludets_01 ul{margin: 7% 0 0;}
.pro_soludets_01 li{ float: left; width: 25%; padding: 45px 20px; text-align: center; position: relative;}
.pro_soludets_01 li::before{content: ""; position: absolute; top:0; right:0; width: 1px; height: 100%; background: #DEDEDE;}
.pro_soludets_01 li:last-child:before{ display: none;}
.pro_soludets_01 li .ico{ display: block; position: relative; margin: 0 auto; width: 140px; height: 140px; border: 1px solid #DEDEDE; border-radius: 100%;}
.pro_soludets_01 li .ico img{max-width:62px; max-height: 54px; width: 45%;}
.pro_soludets_01 li h3{margin:30px 0 0;}
.pro_soludets_01 li p{ margin:20px 0 0; color: #555555; line-height: 1.8;}

.pro_soludets_02{background: #F5F6F9;}
.pro_soludets_02 .con{ text-align: center;}
.pro_soludets_02 .img{ margin:3% 0 0; text-align: center;}
.pro_soludets_02 .img img{max-width: 100%; border-radius:15px; overflow: hidden;}

.pro_soludets_04{padding: 5% 0; background: #F5F6F9;}
.pro_soludets_04 .cp_swbox{position: relative; margin-top: 40px;}
.pro_soludets_04 .cp_swbox .swiper-button-prev,.pro_soludets_04 .cp_swbox .swiper-button-next{ width: 48px;height: 24px; line-height: 24px; margin-top:0;top:-72px; color: #e81123; text-align: center; font-size: 12px; background: #fff;border-radius:20px;border: 1px solid #fff; box-shadow: 0 0 3px 3px rgba(0, 15, 79, .05);}
.pro_soludets_04 .cp_swbox .swiper-button-prev{left:auto; right:68px;}
.pro_soludets_04 .cp_swbox .swiper-button-next{right:0;}
.pro_soludets_04 .cp_swbox .swiper-button-disabled{ opacity: 1; color: #000; border: 1px solid #999999; box-shadow: none; background: none;}
.pro_soludets_04 .cp_swbox li{ background: #fff; border-radius: 10px; overflow: hidden;}
.pro_soludets_04 .cp_swbox dt{position: relative;}
.pro_soludets_04 .cp_swbox dt em{ opacity: 0; z-index: 2; display: block; width:40px; height:40px; line-height: 40px; text-align: center; border-radius: 100%; border: 2px solid #fff; background:none;}
.pro_soludets_04 .cp_swbox dt em i{color: #fff; font-size: 14px;}
.pro_soludets_04 .cp_swbox dd{padding: 8% 8% 10%;}
.pro_soludets_04 .cp_swbox dd p{color: #555; margin-top:4%; line-height: 1.8; max-height: 3.6em; height: 3.6em;}
.pro_soludets_04 .cp_swbox dd p+a{ display: inline-block; margin-top: 12%; color: #E81123;}

.pro_soludets_05{ position: relative;}
.pro_soludets_05 h2{color: #fff; padding-top: 5%; position: relative; z-index: 2;}
.pro_soludets_05 .s_box{position: relative; z-index: 2; margin-top: 20px; height: 64px; line-height: 64px; border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
.pro_soludets_05 .s_box .wrap{padding-right:150px; position: relative;}
.pro_soludets_05 .s_box .wrap a.more{position: absolute; right:0; top:0; color: #E81123;}
.pro_soludets_05 .s_box li{ cursor: pointer; float: left; width: auto; padding: 0 15px; color: #fff;}
.pro_soludets_05 .s_box li::before{opacity: 0; content: ""; position: absolute; lefT:0; bottom: 0px; width: 100%; height: 2px; background: #E81123;}
.pro_soludets_05 .s_box li.on::before{opacity: 1;}
.pro_soludets_05 .b_box{position: absolute; lefT:0; top:0; width: 100%; height: 100%;}
.pro_soludets_05 .b_box .con_swbox{color: #fff; padding-top: 18%;}
.con_swbox dt{line-height: 1.3;}
.con_swbox dd{margin-top: 3%;}
.con_swbox dd p{ float: left; margin-right:50px;}
.con_swbox dd p i{margin-right: 10px;}
.con_swbox dd .pro_more{margin-top: 5%;}
.pro_soludets_05 .wrap{position: relative;}
.pro_soludets_05 .swiper-button-prev,.pro_soludets_05 .swiper-button-next{width: 60px;height: 60px; margin-top: 0; top:20%; color: #e81123; font-size: 12px; background: #fff;border-radius: 50%;box-shadow: 0 7px 14px 2px rgba(0, 15, 79, .05);}
.pro_soludets_05 .swiper-button-prev{left: -140px;}
.pro_soludets_05 .swiper-button-next{right: -140px;}
.pro_soludets_05 .swiper-button-disabled{opacity: 1; color: #fff; background: none; border: 1px solid rgba(255, 255, 255, 0.75);}

@media only screen and (max-width:1840px) {
    .pro_soludets_05 .swiper-button-prev{left:-80px;}
    .pro_soludets_05 .swiper-button-next{right:-80px;}
}
@media only screen and (max-width:1659px) {
    .pro_soludets_05 .swiper-button-prev{left:-70px;}
    .pro_soludets_05 .swiper-button-next{right:-70px;}
}

@media only screen and (max-width:1599px) {
.pro_soludets_01 li .ico{ width: 120px; height: 120px;}
.pro_soludets_05 .b_box .wrap{padding: 0 60px;}
.pro_soludets_05 .swiper-button-prev{left:-40px;}
.pro_soludets_05 .swiper-button-next{right:-40px;}
}
@media only screen and (max-width:1399px) {
.pro_soludets_01 li .ico{ width: 100px; height: 100px;}
}
@media only screen and (max-width:1279px) {
.pro_soludets_01 li .ico{ width: 80px; height: 80px;}
.pro_soludets_05 .swiper-button-prev,.pro_soludets_05 .swiper-button-next{width: 40px; height: 40px; line-height: 40px;}
.pro_soludets_05 .swiper-button-prev{left:-10px;}
.pro_soludets_05 .swiper-button-next{right:-10px;}
}
@media only screen and (max-width:1023px) {
.pro_soludets_01 li p br{ display: none;}
.pro_soludets_05 .s_box{margin-top: 10px; height: 50px; line-height: 50px;}
}
@media only screen and (max-width:767px) {
.pro_soludets_01{padding-top: 10%;}
.pro_soludets_01 li{ width: 100%; margin: 0 0 5%; padding: 0;}
.pro_soludets_01 li::before{ display: none;}
.pro_soludets_01 li h3,.pro_soludets_01 li p{margin-top: 10px;}
.pro_soludets_04 .cp_swbox{margin-top: 20px;}
.pro_soludets_04 .cp_swbox .swiper-button-prev, .pro_soludets_04 .cp_swbox .swiper-button-next{top:-48px;}
.pro_soludets_04 .cp_swbox dd{padding: 5%;}
.pro_soludets_04 .cp_swbox dd p+a{margin-top: 5%;}
.pro_soludets_05,.b_box_wrap{ height: auto!important;}
.pro_soludets_05 h2,.pro_soludets_05 .s_box li{color: #000;}
.pro_soludets_05 .s_box .wrap{padding-right: 105px;}
.pro_soludets_05 .s_box{ color: #000; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.pro_soludets_05 .b_box{position: static;}
.pro_soludets_05 .b_box .con_swbox{padding: 5% 0;}
.pro_soludets_05 .b_box .wrap{padding: 0 40px;}
.pro_soludets_05 .swiper-button-prev,.pro_soludets_05 .swiper-button-next{top:50%; margin-top: -20px;}
}

.clamp_3{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow:hidden;}
.pro_news_01{padding: 5% 0;}
.pro_news_01 h2{ text-align: center; margin-bottom: 3%;}
.pro_news_01 li{ float: left; width: 49%; border-radius: 15px;overflow: hidden; background: #F5F6F9;}
.pro_news_01 li:nth-child(2n){ float: right;}
.pro_news_01 li dd{padding: 5% 7% 7%;}
.pro_news_01 li dd p{margin-top: 2%; color: #555555; line-height: 1.8; height: 3.6em; max-height: 3.6em;}
.pro_news_01 li dd .date,.pro_news_02 li dd .date{ margin-top: 5%;}
.pro_news_01 li dd .date span,.pro_news_02 li dd .date span{ float: left; color: #E81123;}
.pro_news_01 li dd .date span+span,.pro_news_02 li dd .date span+span{ float: right;}
.pro_news_01 li dd .date em,.pro_news_01 li dd .date i,.pro_news_02 li dd .date em,.pro_news_02 li dd .date i{color: #555555;}
.pro_news_01 li dd .date i,.pro_news_02 li dd .date i{ margin: 0 20px;}
.pro_news_01 li dd .date span a,.pro_news_02 li dd .date span a{color: #E81123;}
.pro_news_02{padding: 5% 0 7%; background: #F5F6F9;}
.pro_news_02 ul{margin: 0 -1.3%;}
.pro_news_02 li{ float: left; width: 30.73%; margin: 0 1.3% 2.5%; border-radius: 10px;overflow: hidden; background: #fff;}
.pro_news_02 li dd{padding:6% 8% 12%;}
.pro_news_02 li dd p{margin-top:3%; color: #555555; line-height: 1.8; height: 5.4em; max-height: 5.4em;}
@media only screen and (max-width:1599px) {
.pro_news_01 li dd .date i,.pro_news_02 li dd .date i{margin: 0 10px;}
}
@media only screen and (max-width:767px) {
.pro_news_01 li,.pro_news_02 li{ width: 100%; margin: 0 0 2%;}
.pro_news_01 li dd,.pro_news_02 li dd{padding: 5%;}
.pro_news_02 ul{margin: 0;}
}


.pro_video_01{padding: 5% 0;}
.pro_video_01 .xcp_swbox{position: relative; margin: 40px 0 0;}
.pro_video_01 .xcp_swbox .swiper-button-prev,.pro_video_01 .xcp_swbox .swiper-button-next{ width: 48px;height: 24px; line-height: 24px; margin-top:0;top:-72px; color: #e81123; text-align: center; font-size: 12px; background: #fff;border-radius:20px;border: 1px solid #fff; box-shadow: 0 0 3px 3px rgba(0, 15, 79, .05);}
.pro_video_01 .xcp_swbox .swiper-button-prev{left:auto; right:68px;}
.pro_video_01 .xcp_swbox .swiper-button-next{right:0;}
.pro_video_01 .xcp_swbox .swiper-button-disabled{ opacity: 1; color: #000; border: 1px solid #999999; box-shadow: none; background: none;}
.pro_video_01 .xcp_swbox li{border-radius: 10px; overflow: hidden; background: #F5F6F9;}
.pro_video_01 .xcp_swbox dt{position: relative;}
.pro_video_01 .xcp_swbox dt em{ opacity: 0; z-index: 2; display: block; width:40px; height:40px; line-height: 40px; text-align: center; border-radius: 100%; border: 2px solid #fff; background:none;}
.pro_video_01 .xcp_swbox dt em i{color: #fff; font-size: 14px;}
.pro_video_01 .xcp_swbox dd{padding: 8% 8% 10%;}
.pro_video_01 .xcp_swbox dd p{color: #555; margin-top:4%; line-height: 1.8; max-height: 3.6em; height: 3.6em;}
.pro_video_01 .xcp_swbox dd p+a{ display: inline-block; margin-top: 12%; color: #E81123;}

.pro_video_03{ background: #fff;}
.pro_video_03 .cp_swbox li{ background:#F5F6F9;}

@media only screen and (max-width:767px) {
.pro_video_01{padding-top: 10%;}
.pro_video_01 .xcp_swbox{margin: 20px 0 0;}
.pro_video_01 .xcp_swbox dd{padding: 5%;}
.pro_video_01 .xcp_swbox dd p+a{margin-top: 5%;}
.pro_video_01 .xcp_swbox .swiper-button-prev, .pro_video_01 .xcp_swbox .swiper-button-next{top:-48px;}
}


/*page*/
.pageout{text-align: center;clear: both;overflow: hidden;padding-top: 2%;}
.page{height:45px; display:inline-block;vertical-align:middle;text-align:center;margin: 0 auto;}
.page span{float: left;}
.page a{float: left; color: #000; margin:0 3px;box-sizing:border-box;border: 1px solid #D1D1D1; background: #fff;}
.page a.on{background:#E81123;color:#fff;border:1px solid #E81123;}
.page a.num{font-family: "Arial";}
.page a.prev{margin-left: 0; margin-right:5px;border-top-left-radius:5px;border-bottom-left-radius:5px;}
.page a.next{margin-left: 5px;border-top-right-radius:5px;border-bottom-right-radius:5px;}
.page a.prev i,.page a.next i{ font-size: 14px; vertical-align: middle;}
.page a.prev.disabled,.page a.next.disabled{opacity: 0.5; cursor: default; color: #000;}
.page a,.page input.go,.page .txtnum input{width:45px;height:45px;line-height:45px;}
.page .txtnum{margin-left:20px;margin-right: 0;}
.page .txtnum b{font-weight: normal;margin-right:40px;}
.page .txtnum input{ text-align: center; box-sizing:border-box; background:#fff;border-radius: 5px; width: 60px; border: 1px solid #d5d5d5;margin: 0 10px;}
.page input.go{cursor: pointer; border:none;outline: none;text-align: center; margin-left: 15px; box-sizing:border-box; background: #fff; color: #000;border-radius: 5px; width: 60px; border: 1px solid #d5d5d5;}
.page input.go{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
@media only screen and (max-width:1279px) {
.page .txtnum{margin-left: 10px;}
.page .txtnum b{margin-right: 10px;}
}
@media only screen and (max-width:1023px) {
.page a.num{ display: none;}
.page{ height: 36px;}
.page{ height: 36px;}
.page a{ width: 36px; height: 36px; line-height: 36px;}
.page input.go,.page .txtnum input{ width: 40px; height: 36px; line-height: 36px;}
.page a.prev{margin-right: 2px;}
.page a.next{margin-left: 2px;}
.page .txtnum input{margin: 0 5px;}
.page input.go{margin-left: 5px;}
}
@media only screen and (min-width:1025px) {
.page a.on:hover{color: #fff!important;}
.page input.go:hover{ background: #E81123; border: 1px solid #E81123; color: #fff;}
}
/*page end*/

/******************************************************************************************/


/******************************************************************************************/

/* index */
.paddbt_90{padding:90px 0 60px;overflow: hidden;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ pointer-events: inherit;}
.pro_sg_title,.pro_news_title {line-height: 1em;margin-bottom:50px;}
.pro_sg_title_ce{text-align: center;}
.sg_more{text-align: center;padding-top: 25px;color: #e81123;}
.sg_more_le{text-align: left;}
.sg_more a{display: inline-block;color: #e81123;}
.sg_more i,.sg_more em{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.sg_more i{margin-left: 6px;}

.white_banner h3{color: #fff;}
.white_banner .banner_text p{color: #fff;}
.video_icbtn{border: 1px solid rgba(255, 255, 255, 0.6);width: 70px;height: 70px;border-radius: 50%;color: #fff;}
.pro_dslider li dt a{display: block;}
.pro_sg01{background: #f5f6f9;}
.pro_sg_slider{text-align: center;position: relative;}
.pro_sg_slider .swiper-container{padding: 10px;}
.pro_sg_slider dl{ position: relative; padding: 60px 40px; border-radius: 20px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.pro_sg_slider dl::after{content:"";position: absolute;right: 0;top:0;width: 1px;height: 100%;background: #dedede;}
.pro_sg_slider li:last-child dl::after,.pro_sg_slider li.no dl::after{background: none}
.pro_sg_slider dt{width: 210px;max-width: 90%; margin:auto;margin-bottom: 50px;}
.pro_sg_slider dd h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;margin-bottom: 15px;}
.pro_sg_slider dd p{line-height: 30px;height: 120px;color: #555555;-webkit-line-clamp: 4;}

.pro_button2>div{background: #fff;border: 1px solid #fff;}
.pro_button2>div.swiper-button-disabled{    background: #f5f6f9;border: 1px solid #9b9b9b;}
.pro_button2 .swiper-button-prev{left: -140px;}
.pro_button2 .swiper-button-next{right: -140px;}

.pro_sg02 .pro_d02 .txt h2{color: #000;}
.pro_sg02 .pro_d02 .txt{color: #555555;}
.pro_sg02 .pro_d02 a{display: inline-block;}
.pro_sg02 .pro_d02 em{background: none;color: #fff;}
.pro_sg02 .pro_more{padding-top:2.7%;}

.pro_sg_focs{position: relative;}
.pro_sg_focs .swiper-slide{height: auto;}
.pro_sg_focs dl{background: #f5f6f9;border-radius: 20px; height: 100%;}
.pro_sg_focs dt{overflow: hidden;}
.pro_sg_focs dd{padding:30px 30px;padding-bottom: 50px;}
.pro_sg_focs h4{color: #e81123;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom: 20px;}
.pro_sg_focs h3{margin-bottom: 20px;line-height: 32px; color: #000;
    max-height: 64px; display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.pro_sg_focs p{color: #555;overflow: hidden;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_sg_focs p span{margin-right: 15px;padding-right: 14px;position: relative;}
.pro_sg_focs p span::after{content: "";position: absolute;top:50%;right: 0;width: 1px;height: 16px; margin-top: -8px; background: #a5a5a7;}
.pro_sg_focs p span:last-child{padding-right: 0;margin-right:0;}
.pro_sg_focs p span:last-child::after{display: none;}

.pro_sg_focs .sg_more{padding-top: 50px;}

.pro_pubbtn{ position: absolute;top:0;right: 0;top:-70px}
.pro_sgbtn{position: relative;height: 24px;width: 116px;float: right; display: none;}
.pro_sgbtn>div{  width: 46px;height: 24px;border: 1px solid #fff;    color: #e81123; border-radius: 20px;background: none;font-size:12px;margin:0;top:0;    box-shadow: 0 0 10px 2px rgba(0, 15, 79, .1);}
.pro_sgbtn>div.swiper-button-disabled{border-color: #999999;color: #181818;opacity: 1;}
.pro_sgbtn .swiper-button-prev{left: 0;}
.pro_sgbtn .swiper-button-next{right: 0;}

.pro_type_slider{position: relative;}
.pro_type_slider dl{background: #fff;border-radius: 20px;}
.pro_type_slider dd{padding: 40px;padding-top: 35px;}
.pro_type_slider .sg_more{padding-top: 15px;}
.pro_type_t{border-bottom: 1px solid #dedede;padding-bottom: 20px;margin-bottom: 20px;}
.pro_type_t h3{margin-bottom: 20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_type_t p{line-height: 30px; height: 120px;overflow: hidden; color: #555;}
.pro_type_p{height: 160px;overflow: hidden;}
.pro_type_p p{line-height: 30px;margin-bottom: 10px;}
.pro_type_p p a{padding-right: 10px;}
.pro_type_p p i{width: 0;color: #e81123;position: relative;margin-left: 8px;}
.pro_type_slider .pro_button2>div.swiper-button-disabled{border-color: #f5f6f9;}

.pro_solution ul{overflow: hidden;}
.pro_solution li{float: left;margin-bottom: 30px;height: 395px;}
.pro_solution li>a{display:block;height: 100%;}
.pro_solution li dl{position: relative; border-radius: 10px;height: 100%;}
.pro_solution li dl dt{height: 100%;}
.pro_solution li dl dt img{height: 100%!important;}
.pro_solution li dd{position: absolute;top:0;left: 0;width: 100%;height: 100%;padding: 50px 40px;}

.pro_solution li dd h3{line-height: 1.4em; height: 2.8em; -webkit-line-clamp: 2;color: #fff;margin-bottom: 20px;}
/*.pro_solution li dd p{color: #fff;line-height: 30px; height: 60px; -webkit-line-clamp: 2;}*/
.pro_solution li dd p{
    color: #fff;
    line-height: 30px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.pro_solution li.color_blank dd h3{color: #000;}
.pro_solution li.color_blank dd p{color: #555;}

.pro_solution .ul_01 li{width:50%;}
.pro_solution .ul_01{margin:0 -13px;}
.pro_solution .ul_01 li>a{margin:0 13px;}

.pro_solution .ul_02 li{width:33.33%;}
.pro_solution .ul_02{margin:0 -16px;}
.pro_solution .ul_02 li>a{margin:0 16px;}

.pro_solumore{position: absolute;left: 40px;bottom: 50px;}
.pro_solumore span{border: 1px solid #fff;width: 154px;height: 42px;line-height: 40px;display: inline-block;text-align: center;border-radius: 20px;color: #fff;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}


.pro_point dl{background:#f5f6f9;padding: 50px 40px;padding-bottom: 30px;}
.pro_point dt h3{padding-right: 20px;position: relative;margin-bottom: 20px;}
.pro_point dt h3 span{display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_point dt h3 i{ position: absolute;top:8px;right: 0; width: 18px;height: 16px;background: url(../images/sg_dot.png) no-repeat; background-size: 100%;}
.pro_point dt p{height: 11.22em;overflow: hidden;}
.pro_point dd{overflow: hidden;padding-top: 40px;margin-top: 30px; border-top: 1px solid #dedede;}
.pro_point dd img{float: left;width: 75px;height: 75px;border-radius: 50%;}
.pro_team{width: calc(100% - 100px);float: right;padding-top: 5px;}
.pro_team h2{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;margin-bottom: 4px;}
.pro_team p{line-height: 24px;height: 48px;display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.pro_news_title{position: relative;overflow: hidden;margin-bottom: 50px;}
.pro_news_title .pro_sg_title{margin-bottom: 0;}
.pro_news_title .sg_more_le{padding: 0;position: absolute;bottom: 0;right: 0;}

.pro_sg07 {background: #f5f6f9;}
.pro_sg_news{position: relative;}
.pro_sg_news dl{border-radius: 20px;background: #fff;}
.pro_sg_news dt{overflow: hidden;}
.pro_sg_news dd{padding: 35px 40px;padding-bottom: 70px;}
.pro_sg_news dd h3{line-height: 1.41; height: 2.82em; -webkit-line-clamp: 2;margin-bottom: 20px;color: #000;}
.pro_sg_news dd p{height: 5.61em; -webkit-line-clamp: 3;}
.pro_sg_news .sg_more_le{text-align: right;padding-top: 40px;}
.pro_sg_news .sg_more_le b{font-weight: normal;padding-right: 21px;margin-right: 20px;position: relative;}
.pro_sg_news .sg_more_le b::after{content: "";width: 1px;height: 16px;background: #808080;position: absolute;right: 0;top:50%;margin-top: -8px;}

.pro_sg08{background: #f5f6f9; padding-bottom: 50px;}
.pro_list ul{ display: flex;flex-wrap: wrap;margin:0 -20px;}
.pro_list li{width: 33.33%;margin-bottom: 40px;}
.pro_list li>a{display: block;margin:0 20px;height: 100%;}
.pro_list li dl{height: 100%;background: #fff;border-radius: 20px;}
.pro_list li dt{overflow: hidden;}
.pro_list li dd{padding: 40px;}
.pro_list li dd p{height: 5.61em;-webkit-line-clamp: 3;}
.pro_list .sg_more{padding-top: 15px;}
.pro_list dd h3{line-height: 1.41; max-height: 2.82em; -webkit-line-clamp: 2;margin-bottom: 20px;color: #000;}

@media only screen and (max-width:1890px) {
    .pro_button2 .swiper-button-prev{left: -80px;}
    .pro_button2 .swiper-button-next{right: -80px;}
}
@media only screen and (max-width:1660px) {
    .pro_button2 .swiper-button-prev{left: -60px;}
    .pro_button2 .swiper-button-next{right: -60px;}
}
@media only screen and (max-width:1440px) {
    .pro_pubbtn{top:-50px}
    .pro_sg_title,.pro_news_title{margin-bottom: 30px;}
    .pro_sg_slider dl{padding:40px 30px;}
    .pro_sg_slider dt{margin-bottom: 30px;}
    .pro_type_slider dd{padding: 20px;}
    .pro_type_t h3{margin-bottom: 10px;}
    .pro_solution li dd{padding: 30px;}
    .pro_solumore{bottom: 30px;left: 30px;}

    .pro_point dl{padding:40px;}
    .pro_point dt h3 i{width: 14px;}
    .pro_point dt h3{margin-bottom: 10px;}
    .pro_point dd{padding-top: 20px;margin-top: 20px;}

    .pro_sg_news dd{padding: 40px;}
    .pro_sg_news .sg_more_le{padding-top: 30px;}

    .pro_list ul{ margin:0 -10px;}
.pro_list li{margin-bottom: 20px;}
.pro_list li>a{margin:0 10px;}
.pro_list li dd{padding: 30px;}

}
@media only screen and (max-width:1250px) {
    .pro_button2 .swiper-button-prev{left: -40px;}
    .pro_button2 .swiper-button-next{right: -40px;}
}
@media only screen and (max-width:1024px) {
    .paddbt_90{padding:50px 0;}
    .pro_sg_title,.pro_news_title{margin-bottom: 20px;}
    .pro_pubbtn{top:-40px}
    .pro_button2 .swiper-button-prev{left: -20px;}
    .pro_button2 .swiper-button-next{right: -20px;}
    .pro_sg_slider .swiper-container{padding: 0;}


    .pro_sgbtn{height: 24px;padding-top: 20px;width: 100px;}
    .pro_sgbtn>div{width: 46px;height: 24px;font-size: 14px;}

    .video_icbtn{width: 50px;height: 50px;}
    .pro_sg_slider dl{padding:20px;}
    .pro_sg_slider dt{margin-bottom: 20px;}
    .pro_sg_focs dd{padding: 20px;}
    .pro_sg_focs h4,.pro_sg_focs h3{margin-bottom: 10px;}
    .pro_sg_focs h3{line-height: 26px;max-height: 52px;}
    .pro_sg_focs .sg_more{padding-top: 20px;}

.pro_solution .ul_01{margin:0 -5px;margin-bottom: 10px;}
.pro_solution .ul_01 li>a{margin:0 5px;}

.pro_solution .ul_02{margin:0 -5px;}
.pro_solution .ul_02 li>a{margin:0 5px;}
.pro_solution li dd h3{margin-bottom: 10px;}
.pro_solumore span{width: 90px;height: 32px;line-height: 30px;}
.pro_solution li dd{padding:20px;}
    .pro_solumore{bottom:20px;left: 20px;}

    .pro_sg_news dd{padding: 30px;}


    .pro_list ul{ margin:0;}
    .pro_list li>a{margin:0;}
    .pro_list li dd{padding: 20px;}
    .pro_list li{float: none;width: 100%;}
    .pro_list dd h3{margin-bottom: 10px;}

}
@media only screen and (max-width:767px) {
    .paddbt_90{padding:30px 0;}
    .pro_button2 .swiper-button-prev{left:5px;}
    .pro_button2 .swiper-button-next{right:5px;}

    .pro_sgbtn{float: none;margin:auto;}

    .pro_sg_slider dl{padding:0px 50px;}
    .pro_sg_slider dl::after{display: none;}
    .pro_sg_slider dt,.pro_sg_slider dd h3{margin-bottom: 10px;}
    .sg_more{padding-top: 20px;}
    .pro_sg_slider dd p{line-height: 24px;height: 96px;}
    .pro_type_slider .pro_button2>div{margin-top: 0;top:16%}
    .pro_type_t p{line-height: 24px;height: 96px;}
    .pro_type_t{margin-bottom: 10px;padding-bottom: 10px;}
    .pro_type_p p{line-height: 24px;}
    .pro_type_p{height: 136px;}

    .pro_solution li{float: none;margin-bottom: 20px;}
    .pro_solution .ul_01 li{width:100%;}
.pro_solution .ul_01{margin:0;margin-bottom: 0px;}
.pro_solution .ul_01 li>a{margin:0;}

.pro_solution .ul_02 li{width:100%;}
.pro_solution .ul_02{margin:0;}
.pro_solution .ul_02 li>a{margin:0;}
.pro_solution li dd p{line-height: 24px;height: 48px;}

.pro_point dl{padding: 20px;}
.pro_point dt p{line-height: 24px;height: 144px;}
.pro_point dd img{width: 60px;height: 60px;}
.pro_team{width: calc(100% - 70px);}

.pro_sg_news dd{padding: 20px;}
.pro_sg_news .pro_button2>div{margin-top: 0;top:16%}
.pro_sg_news dd p{line-height: 24px;height: 72px;}
.pro_sg_news dd h3{margin-bottom: 10px;}
.pro_sg_news .sg_more_le{padding-top: 15px;}

}



@media only screen and (min-width:1025px) {
    .sg_more span:hover i{margin-left: 0px;}
    .pro_sg_slider dl:hover{background: #fff;box-shadow: 0 7px 14px 2px rgba(0, 15, 79, .05);}
    .pro_sg_slider dl:hover::after{background: none;}
    .pro_type_p p i,.pro_sg_news dd h3,.pro_list dd h3{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
    .pro_type_p p a:hover i{margin-left: 3px;}
    .pro_solution li>a:hover .pro_solumore span{background: #e81123;border-color: #e81123;color: #fff;}
    .pro_sg_news li>a h3:hover,.pro_list dd h3:hover{color: #e81123;}

}

/* 案例 */
.fnt_20{font-size: 20px;}

.nav-height-case.navFix{position:static;}
.case_select {padding-top: 22px;margin-left: 20px;}
.case_select li{float: left;box-sizing:border-box;margin-right: 15px;}
.case_select .pub_select { position: relative;}
.case_select dt{cursor: pointer; height: 42px;line-height: 42px;width: 204px;border: 1px solid #b3b3b3;border-radius: 20px; padding: 0 25px;padding-right: 35px;position: relative;overflow: hidden;}

.case_select dt p,.case_select dt b{font-weight: normal; float: left;max-width: calc(100% - 30px);white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case_select dt i{height:100%;    font-size: 16px;    font-weight: bold;position: absolute;top:0;right: 20px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}

.case_select dd {font-size: 16px; z-index: 99; position: absolute; max-height:320px; overflow: hidden; background: #fff; width:100%; left: 0px; top:100%; display: none;  border: 1px solid #eee;border-top: 0; box-sizing:border-box;box-shadow: 0 0 10px rgba(0,0,0,0.2);box-sizing:border-box;padding:20px; overflow-y: auto; }
.case_select dd a { display: block; line-height: 24px; white-space: normal; padding: 12px 0px; overflow: hidden;border-bottom: 1px solid #f0f0f0;}

.case_select dt.on_o i{-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg)}

 .case_cont{padding: 90px 0 ; padding-bottom: 130px;}
.case_chose{overflow: hidden;margin-bottom: 30px;}
.chose_top{background: #f5f6f9;padding: 40px 4.4%;padding-bottom: 30px; }
.chose_top li{margin-bottom: 10px;}
.chose_top li:last-child{margin-bottom: 0;}
.chose_top dl{overflow: hidden;}
.chose_top dt{float: left;width: 150px;overflow: hidden;}
.chose_top dd{float: right;width: calc(100% - 150px);color: #555555;overflow: hidden;}
.chose_top dd p{float: left;margin-right: 60px;margin-bottom: 10px;cursor: pointer;overflow: hidden;}
.chose_top dd p span{float: left;}
.chose_top dd p i{ float: left;width: 20px;height: 20px;border: 1px solid #b3b3b3;border-radius: 4px;position: relative; margin-top: 5px;margin-left: 10px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.chose_top dd p i b{opacity: 0;font-weight: normal;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}
.chose_top dd p.on{color: #e81123;}
.chose_top dd p.on span{font-weight: bold;}
.chose_top dd p.on i{border-color: #e81123;}
.chose_top dd p.on b{opacity: 1;}
.chose_top dd p:last-child{margin-right: 0;}
.chose_top dt i{font-size: 14px; float: left;margin-left: 20px;}
.chose_top dt em{float: left;}
.chose_top dt,.chose_top dd,.chose_bottom{line-height: 30px;}

.chose_bottom{color: #555;overflow: hidden;padding-top: 30px;}
.chose_bottom em{margin-right: 35px;float: left;}
.chose_type{float: left;}
.chose_type p{margin-right: 50px;font-weight: bold;color: #e81123;margin-bottom: 10px;}
.chose_type p i{cursor: pointer;margin-left: 6px;}
.remove_all{float: left;color: #000;font-weight: bold;cursor: pointer;}

.case_ys{overflow: hidden;margin-bottom: 50px;}
.case_ys h2{float: left;line-height: 42px;}
.case_search{float: right;width: 284px;border: 1px solid #b3b3b3;border-radius: 30px;}
.case_search input,.case_search button{height: 42px;line-height: 42px;}
.case_search button{float: right;width: 60px;text-align: center;color: #e81123;font-size: 18px;}
.case_search input{width: calc(100% - 60px);padding-left: 25px;}

.case_list li{float: left;width:33.33%;margin-bottom: 40px;}
.case_list ul{margin: 0 -22px;overflow: hidden; display: flex;
    flex-wrap: wrap;}
.case_list li>a{display: block;margin: 0 22px;height: 100%;}
.case_list h3{margin-bottom: 0;}
.case_list h4 span{float: left;padding-right: 8px;margin-right: 8px;position: relative;}
.case_list h4 span:last-child{padding-right: 0;margin-right: 0;}
.case_list h4 span::after{content: "·";position: absolute;right: auto;top:0;width: 0;}
.case_list h4 span:last-child::after{display: none;}



@media only screen and (max-width:1440px) {
    .chose_top dd p{margin-right: 40px;}
    .chose_top dt{width: 120px;}
    .chose_top dd{width: calc(100% - 120px);}
    .chose_type p{margin-right: 40px;}

    .case_list ul{margin: 0 -10px;}
    .case_list li>a{margin: 0 10px;}
    .case_list li{margin-bottom:30px;}
}
@media only screen and (max-width:1024px) {
    .case_cont{padding: 50px 0;}
    .case_select{padding-top: 17px;}
    .case_select dt{height: 32px;line-height: 32px;}
    .chose_top{padding: 20px;padding-bottom: 10px;}
   .fnt_20{font-size: 16px;}
   .chose_top dt i{font-size: 12px;margin-left: 10px;}
   .chose_top dt{width: 100px;}
   .chose_top dd{width: calc(100% - 100px);}
   .chose_bottom{padding-top: 10px;}

.case_ys h2{line-height: 36px;}
.case_search input,.case_search button{height: 36px;line-height: 36px;}
}
@media only screen and (max-width:767px) {
    .case_cont{padding: 40px 0;padding-bottom: 40px;}
    .case_ys h2{float: none;margin-bottom: 10px;}
    .case_ys{margin-bottom: 20px;}
    .case_search{float: none;width: 100%;}
    .case_chose{margin-bottom: 10px;}
.chose_top dt,.chose_top dd{float: none;width: 100%;}
.chose_top dd p i{width: 18px;height: 18px;margin-top: 6px;margin-left: 6px;}
.chose_top dd p{margin-right: 15px;margin-bottom: 4px; }
.chose_bottom em{float: none;display: block;}
.chose_type p{margin-right: 20px;}

.case_select li{float: none;margin-right: 0;margin-bottom: 10px;}
.case_select dt{width: 100%;height: 40px;line-height: 40px;padding: 0 15px;}
.case_select dt i{right: 10px;}
.case_select{padding:15px; padding-bottom: 0; margin:0;}
.nav-height-case .pro_more{position: static;float: none;text-align: center;padding: 15px;padding-top: 0;}
.nav-height-case .pro_more a{width: 100%;height: 40px;line-height: 40px;border: 0;}
.case_search input{padding-left: 15px;}

.case_list ul{margin: 0 ;}
.case_list li>a{margin: 0;}
.case_list li{margin-bottom:20px;float: none;width: 100%;}
}



.pro_soludets_04 .cp_swbox dt em,.pro_video_01 .xcp_swbox dt em,.pro_sg_focs h3{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
@media only screen and (min-width:1025px) {
.pro_sg_focs h3:hover{color: #e81123;}
.pro_soludets_04 .cp_swbox li:hover dt em,.pro_video_01 .xcp_swbox li:hover dt em{opacity: 1;}
}


.data-pagination-wrapper ul {
    margin: 20px 0;
    display: inline-block;
}

.data-pagination-wrapper li{
    margin-bottom: initial;
    float: initial;
}
.pagination > li > span{
    width: 45px;
    height: 45px;
    line-height: 45px;
}
.pagination > li > a {
    width: 45px;
    height: 45px;
    line-height: 45px;
    margin: 0 3px;
}
.pagination > .active > span {
    background: #E81123;
    color: #fff;
    border: 1px solid #E81123;
}
.case-overview-container {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}