.kwicks{display: block;list-style-type: none;list-style: none;position: relative;margin: 0;padding: 0;} .kwicks > *{display: block;overflow: hidden;padding: 0;margin: 0;} .kwicks.kwicks-processed > *{margin: 0;position: absolute;} .kwicks-horizontal > *{float: left;} .kwicks-horizontal > :first-child{margin-left: 0;} .kwicks-vertical > :first-child{margin-top: 0;} .kwicks{height: 165px;} .kwicks > li{height: 165px;/*background-color: #ccc;*/ float: left;} .swiper-button-prev:before, .swiper-button-next:before{font-family: "iconfont"; font-size: 48px; color: #000;} /* 2020/04/23改版 */ .index-kwicks .index-kwicks01{transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s;} .index-kwicks a, .index-kwicks img, .index-kwicks .kwicks-expanded .kwicksimg2{transition:0s; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s;} .index-kwicks .kwicks{height: 270px;} .index-kwicks .kwicks-expanded img{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;} /* .index-kwicks .kwicks-expanded .kwicksimg2{width: auto;} */ .index-kwicks .kwicks-expanded{transition-property:height;-moz-transition-property: height;-webkit-transition-property:height;-o-transition-property:height;z-index: 10;} .index-kwicks .kwicks-expanded .undis{display: block;} .index-kwicks .kwicks-expanded .opacity0_8{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;} /*-------------------概况-------------------*/ .company-kwicks .playicon1{font-size:8.5em; color: #e2e2e1; transition:0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;} /* .company-kwicks .kwickstxt{text-align: center;} */ .company-kwicks .kwickstxt .txt1{font-size: 18px;} .company-kwicks .kwickstxt .txt2{font-size: 17px;} .company-kwicks .playicon{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; position: absolute; left: 10px; transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s;} /* .company-kwicks .playicon1{transition:0.1s; -webkit-transition: 0.1s; -moz-transition: 0.1s; -o-transition: 0.1s;} */ /* .company-kwicks .poabsolute-h50{left: 27%;} */ .company-kwicks p{display: none;} .company-kwicks p em{vertical-align: text-bottom;} .company-kwicks{overflow: hidden;} .companykwicks{width: 15%;float: left;position: relative;} .companykwicks .tt{display:none;} .companykwicks.expanded .tt{display:block;} .companykwicks.expanded .tcenter{text-align: left;} .companykwicks.expanded{width:38%!important;padding:0 12px;box-sizing: border-box; transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s;} .companykwicks.expanded .kwickstxt{margin-top: 10px; position:static!important; top: 0; left: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;} .companykwicks.expanded .kwickstxt .font-bold{color:#da000f;} .companykwicks.expanded .kwickstxt br{display: none;} .companykwicks.expanded .playicon1{font-size: 3em; color: #da000f;} /* .companykwicks.expanded .playicon{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;} */ .companykwicks.expanded p{display:block;} .companykwicks.expanded .txt1, .companykwicks.expanded .txt2, .companykwicks.expanded .fontSize12{font-size: 40px;line-height: 40px;} .companykwicks.expanded .kwickstxt{padding-left: 0;} .companykwicks .companykwicks .poabsolute-wh50.kwickstxt{padding-left: 0px;} /* .company-kwicks .kwicks-expanded{transition-property:height;-moz-transition-property: height;-webkit-transition-property:height;-o-transition-property:height;} .company-kwicks .kwicks-expanded .playicon1{width: 3em;height: 3em;} .company-kwicks .kwicks-expanded .kwickstxt{margin-top: 10px;position:static!important; top: 0; left: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;} .company-kwicks .kwicks-expanded .kwickstxt .font-bold{color:#da000f;} .company-kwicks .kwicks-expanded .kwickstxt br{display: none;} .company-kwicks .kwicks-expanded span{font-size:30px;} .company-kwicks .kwicks-expanded .playicon1{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;} .company-kwicks .kwicks-expanded .playicon{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;} .company-kwicks .kwicks-expanded p{display:block;} *//*-------------------智造产业-------------------*/ .pro-kwicks{background: url(../img/pro-bg3.jpg) center no-repeat;background-size: cover;} .pro-kwicks a{transition:0s; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s;} .pro-kwicks .kwicks{height: 500px;} .pro-kwicks .kwicks>a:nth-of-type(2n){background: rgba(220,220,220,0.2);} .pro-kwicks .kwicks>a:nth-of-type(2n-1){background: rgba(220,220,220,0.4);} .kwicks-horizontal .poabsolute-wh50{height: 100px;overflow: hidden;} .pro-kwicks .kwicksdisplay{opacity: 0;transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s;margin-top: 10px;} .index-kwicks .kwicks h3{font-size:16px!important;} .kwicks h6{font-size:16px!important;font-weight:normal!important;} .jt2{margin-top:20px;} .pro-kwicks .kwicks-expanded .proicon{display: none;} .pro-kwicks .kwicks-expanded{transition-property:height;-moz-transition-property: height;-webkit-transition-property:height;-o-transition-property:height;background: rgba(11,42,142,1)!important;color: #fff;} .kwicks-horizontal .kwicks-expanded .poabsolute-wh50{height: auto;} .pro-kwicks .kwicks-expanded .kwicksdisplay{display:block;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;margin-top: 0;} .por-box .swiper-button-next:before{content: "\e651";} .por-box .swiper-button-prev:before{content: "\e851";} .por-box .swiper-button-next{top: 53%;right: -80px;background-image: none;} .por-box .swiper-button-prev{top: 53%;left: -80px;background-image: none;} @media ( min-width:1260px ) and ( max-width:1600px ){.companykwicks .companykwicks:nth-of-type(1) .kwickstxt{padding-left: 0px;} .companykwicks .kwickstxt{padding-left: 20px;width: 55%;} .companykwicks .expanded{padding-left: 25px;} .companykwicks .kwickstxt1{padding-left: 25px;};} @media ( min-width:1000px ) and ( max-width:1259px ){.companykwicks .companykwicks:nth-of-type(1) .kwickstxt{padding-left: 0px;} .companykwicks .kwickstxt{padding-left: 20px;width: 60%;} .companykwicks .kwickstxt1{padding-left: 30px;} .company-kwicks .playicon1{font-size: 9em;} .companykwicks.expanded .kwickstxt{padding-left: 0;} .company-kwicks .kwickstxt .txt1, .company-kwicks .kwickstxt .txt2, .company-kwicks .kwickstxt .fontSize12{font-size: 18px;};} @media ( min-width:801px ) and ( max-width:999px ){.company-kwicks .playicon1{font-size: 9em;} .company-kwicks .kwickstxt .txt1{font-size: 20px;} .company-kwicks .kwickstxt .txt2{font-size: 20px;} .companykwicks.expanded .txt1, .companykwicks.expanded .txt2, .companykwicks.expanded .fontSize12{font-size: 20px;line-height: 20px;} .companykwicks .companykwicks:nth-of-type(1) .kwickstxt{padding-left: 0px;} .companykwicks .kwickstxt{padding-left: 25px;width: 60%;} .company-kwicks .playicon1{font-size: 10em;};} @media ( max-width:800px ){.index-kwicks{height: auto;} .index-kwicks .op{width: calc(100vw);bottom: 0;} .index-kwicks .kwicks a{width: 100%;height: 250px;} .index-kwicks .kwicks{height: auto; margin-top: 0;} .index-kwicks .kwicks-expanded{margin-top: 0;} .index-kwicks .kwicks03 .right0{right: -35%!important;} .index-kwicks .grayimg{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter:none;height: 200px;} .index-kwicks .kwicks02 img{height: 90%;} .index-kwicks .kwicks01 .op{background: #ffede7;} .index-kwicks .kwicks02 .op{background: #fffaf2;} .index-kwicks .kwicks03 .op{background: #f0f7ff;} .index-kwicks .op{height: 200px;} .index-kwicks .op .mo_padding30{padding-left: 25px;} .index-kwicks .kwicks01 img{width: 110%;} .index-kwicks .kwicks03 img{width: 100%;} .company-kwicks{height: 100%;} .companykwicks.expanded{width: 100%!important;padding-left: 40px;box-sizing: border-box;margin-top: 20px;} .companykwicks.expanded:nth-child(1){margin-top: 0;} .companykwicks .mo_fleft.tcenter{margin-left: -40px;} .companykwicks.expanded .kwickstxt{margin-top: 0;} .companykwicks.expanded .txt1, .companykwicks.expanded .txt2, .companykwicks.expanded .fontSize12{font-size: 24px;} .companykwicks.expanded .playicon1{font-size: 2em;} .pro-kwicks a{width: 100%;height: 340px;float: none;} .pro-kwicks .kwicks{height: auto;} .pro-kwicks .kwicks .undis{display: block;} .pro-kwicks .kwicksdisplay{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;} .pro-kwicks .proicon{display: none;} .kwicks-horizontal .poabsolute-wh50{height: auto; overflow: hidden;} .companykwicks .companykwicks:nth-of-type(1) .kwickstxt{padding-left: 0px;} .companykwicks .kwickstxt{padding-left: 25px;width: 60%;} .company-kwicks .playicon1{font-size: 10em;} .index-kwicks .kwicks .icon-next{display:none;} ;}