/*通用*/* { font-family: arial, 微软雅黑; }/*ki_about*/.ki_about { background: url(/skins/demo/css2/../images/ki_ab.jpg) no-repeat top left; padding-top: 100px; display: box; display: -webkit-box; /* iOS 6-, Safari 3.1-6 */ display: -webkit-flex; /* Chrome */ display: -moz-box; /* Firefox 19 */ display: -ms-flexbox; display: flex; /*flex容器*/ box-align: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; min-height: 800px; background-size:cover; }.ki_ab_container { width: 1440px; padding: 0 40px; margin: 0 auto; }.ki_ab_container { display: -webkit-box; /* iOS 6-, Safari 3.1-6 */ display: -webkit-flex; /* Chrome */ display: -moz-box; /* Firefox 19 */ display: -ms-flexbox; display: flex; /*flex容器*/ box-pack: justify; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; box-align: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 800px; }.ki_ab_txt { width: 580px; }.ki_ab_txt span { display: block; }.ki_ab_txt .ki_ab_title { display: -webkit-box; /* iOS 6-, Safari 3.1-6 */ display: -webkit-flex; /* Chrome */ display: -moz-box; /* Firefox 19 */ display: -ms-flexbox; display: flex; /*flex容器*/ box-align: end; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 60px; }.ki_ab_title i { font-size: 60px; color: #008B46; line-height: 1; font-weight: bold; margin-right: 20px; }.ki_ab_title em { font-size: 36px; color: #008b46; line-height: 1; }.ki_ab_bak { font-size: 24px; color: #008B46; line-height: 1; margin-bottom: 30px; }.ki_ab_txt p { color: #333333; font-size: 16px; line-height: 36px; }.ki_ab_menu { width: 720px; }.ki_ab_nav1 ul { display: -webkit-box; /* iOS 6-, Safari 3.1-6 */ display: -webkit-flex; /* Chrome */ display: -moz-box; /* Firefox 19 */ display: -ms-flexbox; display: flex; /*flex容器*/ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; box-pack: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 720px; }.ki_ab_nav1 li { display: -webkit-box; /* iOS 6-, Safari 3.1-6 */ display: -webkit-flex; /* Chrome */ display: -moz-box; /* Firefox 19 */ display: -ms-flexbox; display: flex; /*flex容器*/ box-pack: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; box-align: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }.ki_ab_nav1 li div { width: 25%; height: 180px; transition: transform 0.3s ease 0s; }.ki_ab_nav1 li div a { height: calc(100% - 50px); display: -webkit-box; /* iOS 6-, Safari 3.1-6 */ display: -webkit-flex; /* Chrome */ display: -moz-box; /* Firefox 19 */ display: -ms-flexbox; display: flex; /*flex容器*/ box-pack: justify; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; box-align: start; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 30px 0 20px 30px; transition: transform 0.3s ease 0s; }.ki_ab_nav1 li div a span { display: block; }.ki_ab_nav1 li div a span i, .ki_ab_nav1 li div a span em { display: block; line-height: 1; }.ki_ab_nav1 li div a span i { font-size: 24px; color: #FFFFFF; }.ki_ab_nav1 li div a span em { font-size: 14px; color: rgba(255,255,255,0.5); margin-top: 10px; }.ki_ab_nav1 li .full.bai a span i { color: #333333; }.ki_ab_nav1 li .full.bai a span em { color: rgba(51,51,51,0.5); }.full.hong { background: #ff5858; }.full.lan { background: #3E88C7; }.full.bai { background: #FFFFFF; }.full.qing { background: #11b1d0; }.full.lv { background: #28a366; }.full.huang { background: #fdd13a; }.updata_container { padding: 0 160px; margin-bottom: 120px; text-align: center; }@media (max-width:720px) {.updata_container { padding: 0 4%; margin-bottom: 120px; text-align: center; }} @media (min-width:721px) {/*.ki_ab_nav1 li div a{ transition:all 0.8s ease 0s;}.ki_ab_nav1 li div{ position:relative;}.ki_ab_nav1 li div.full:after{ content:''; width:90%; height:90%; border:1px solid #FFFFFF; position:absolute; top:5%; left:5%;transform:scale(0.6); transition:all 0.6s ease 0s; opacity:0;}.ki_ab_nav1 li div:hover:after{ transform:scale(1); opacity:1;}.ki_ab_nav1 li div:hover a{ transform:scale(0.8); position:relative; z-index:5;}.ki_ab_nav1 li .full.bai:after{ border:1px solid #ddd;}.ki_ab_nav2 div a{ transition:all 0.8s ease 0s;}.ki_ab_nav2 div{ position:relative;}.ki_ab_nav2 div.full:after{ content:''; width:90%; height:90%; border:1px solid #FFFFFF; position:absolute; top:5%; left:5%;transform:scale(0.6); transition:all 0.6s ease 0s; opacity:0;}.ki_ab_nav2 div:hover:after{ transform:scale(1); opacity:1;}.ki_ab_nav2 div:hover a{ transform:scale(0.8); position:relative; z-index:5;}.ki_ab_nav2 .full.bai:after{ border:1px solid #ddd;}*/.ki_ab_nav1 li div { transition: all 0s ease 0s; }.ki_ab_nav1 li div:hover { transform: rotateY(-180deg); transition: all 1s ease 0s; }.ki_ab_nav1 li div a { transition: all 0s ease 0s; }.ki_ab_nav1 li div:hover a { transform: rotateY(180deg); transition: all 1s ease 0s; }.ki_ab_nav2 div { transition: all 0 ease 0s; }.ki_ab_nav2 div:hover { transform: rotateY(-180deg); transition: all 1s ease 0s; }.ki_ab_nav2 div a { transition: all 0 ease 0s; }.ki_ab_nav2 div:hover a { transform: rotateY(180deg); transition: all 1s ease 0s; }}@media (min-width:1200px) {.ki_ab_nav2 { display: none; }}@media (max-width:1380px) {.ki_ab_txt { width: 42.45vw; }.ki_ab_menu { width: 540px; }.ki_ab_nav1 ul { width: 540px; }.ki_ab_nav1 li div { width: 180px; }.ki_ab_nav1 li div.kong { display: none; }.ki_ab_nav1 li { box-pack: end; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }.ki_ab_container { max-width: 1440px; width: auto; height: auto; }}@media (min-width:721px) and (max-width:1200px) {.ki_about { position: relative; }.ki_ab_container { position: absolute; top: calc(50% + 50px); transform: translateY(-50%); }}@media (max-width:1200px) {.ki_ab_container { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; box-align: start; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-left: 15vw; padding-right: 0; width: calc(85vw - 20px); }.ki_ab_txt { width: 74%; min-width: 540px; }.ki_ab_txt .ki_ab_title { margin-bottom: 30px; }.ki_ab_title i { font-size: 48px; }.ki_ab_title em { font-size: 24px; }.ki_ab_bak { font-size: 20px; margin-bottom: 10px; }.ki_ab_txt p { font-size: 16px; line-height: 1.8; }.ki_ab_nav1 { display: none; }.ki_ab_nav2 { width: 540px; display: box; display: -webkit-box; /* iOS 6-, Safari 3.1-6 */ display: -webkit-flex; /* Chrome */ display: -moz-box; /* Firefox 19 */ display: -ms-flexbox; display: flex; /*flex容器*/ -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; box-pack: start; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; box-align: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 50px; }.ki_ab_nav2 div { width: 180px; height: 180px; }.ki_ab_nav2 div a { height: calc(100% - 50px); display: -webkit-box; /* iOS 6-, Safari 3.1-6 */ display: -webkit-flex; /* Chrome */ display: -moz-box; /* Firefox 19 */ display: -ms-flexbox; display: flex; /*flex容器*/ box-pack: justify; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; box-align: start; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 30px 0 20px 30px; }.ki_ab_nav2 div a span { display: block; }.ki_ab_nav2 div a span i, .ki_ab_nav1 li div a span em { display: block; line-height: 1; }.ki_ab_nav2 div a span i { font-size: 24px; color: #FFFFFF; }.ki_ab_nav2 div a span em { font-size: 14px; color: rgba(255,255,255,0.5); margin-top: 10px; }.ki_ab_nav2 .full.bai a span i { color: #333333; }.ki_ab_nav2 .full.bai a span em { color: rgba(51,51,51,0.5); }}@media (max-width:800px) {.ki_ab_container { padding-left: 100px; padding-right: 0; }}@media (max-width:720px) {.ki_about { min-height: calc(100vh - 160px); }.ki_ab_container { padding: 0 4%; width: 92%; }.ki_ab_txt { width: 100%; min-width: auto; }.ki_ab_title i { font-size: 6.66vw; }.ki_ab_title em { font-size: 5vw; }.ki_ab_bak { font-size: 4.16vw; }.ki_ab_txt p { font-size: 14px; }.ki_ab_txt .ki_ab_title { margin-bottom: 4.16vw }.ki_ab_menu { width: 100%; }.ki_ab_nav2 { width: 75vw; margin-top: 6.94vw; }.ki_ab_nav2 div { width: 25vw; height: 25vw; }.ki_ab_nav2 div a { height: calc(100% - 6.86vw); padding: 4.16vw 0 2.7vw 4.16vw; }.ki_ab_nav2 div a span i { font-size: 3.33vw; }}@media (max-width:360px) {.ki_ab_title i { font-size: 24px; margin-right: 10px; }.ki_ab_title em { font-size: 16px; }.ki_ab_bak { font-size: 14px; }.ki_ab_txt p { font-size: 12px; }.ki_ab_nav2 div a span i { font-size: 12px; }.ki_ab_nav2 div a span em { font-size: 12px; }}/*公司简介 ki_int*/.ki_int_container { width: calc(100vw - 20px); }.ki_int_hp { padding: 0 160px; display: -webkit-box; /* iOS 6-, Safari 3.1-6 */ display: -webkit-flex; /* Chrome */ display: -moz-box; /* Firefox 19 */ display: -ms-flexbox; display: flex; /*flex容器*/ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; box-align: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% - 340px); }.ki_int_hp>p { text-align: center; font-size: 18px; line-height: 36px; color: #333; margin: 0 auto; font-family: 微软雅黑; margin-bottom: 50px; padding: 0 40px; width: calc(100% - 80px) }.ki_int_c1 { background: #008b46; }.ki_int_c1 { display: -webkit-flex; /* Chrome */ display: -moz-box; /* Firefox 19 */ display: -ms-flexbox; display: flex; /*flex容器*/ box-pack: justify; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; box-align: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; max-width: 1600px; width: 83.33vw; }.ki_int_pic { width: 62.5%; overflow: hidden; }.ki_int_pic img { display: block; width: 100%; }.ki_int_p { width: calc(37.5% - 8.32vw); padding: 0 4.16vw; font-size: 0.93vw; line-height: 2.6; color: #FFFFFF; font-family: 微软雅黑; }.ki_int_c2 { display: -webkit-flex; /* Chrome */ display: -moz-box; /* Firefox 19 */ display: -ms-flexbox; display: flex; /*flex容器*/ box-pack: justify; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; box-align: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; max-width: 1600px; width: 83.33vw; overflow: hidden; }.ki_int_p2 { font-size: 16px; line-height: 1.875vw; color: #333; padding-right: 5.72vw; max-width: 1000px; width: calc(100% - 5.72vw - 470px); }.ki_int_tpic { overflow: hidden; }.ki_int_tpic img { width: 100%; }@media (max-width:1580px) {.ki_int_hp { padding: 0 100px; }.ki_int_hp { width: calc(100% - 220px); }.ki_int_hp>p { margin-bottom: 2vw; }.ki_int_p { width: calc(37.5% - 4vw); padding: 0 2vw; font-size: 16px; line-height: 2; color: #FFFFFF; font-family: 微软雅黑; }.ki_int_p2 { font-size: 14px; width: calc(100% - 36.6vw); }.ki_int_pic2 { height: 48.1vw; }.ki_int_pic2 img { height: 100%; }}@media (max-width:1200px) {.ki_int_hp>p { font-size: 14px; line-height: 1.8; }.ki_int_p { font-size: 14px; }.ki_int_p2 { padding-right: 3vw; }.ki_int_p2 { font-size: 14px; width: calc(100% - 33.88vw); }}@media (max-width:1024px) {.ki_int_container { width: 100%; }.ki_int_hp { width: calc(100% - 200px); }.ki_int_c1 { display: block; padding-top: 3vw; width: 100%; }.ki_int_p { width: auto; padding: 0 2.7vw 2.7vw; }.ki_int_pic { width: 100%; }.ki_int_pic2 { display: none; }.ki_int_p2 { padding: 2vw 2.7vw; width: calc(100% - 5.4vw); line-height: 1.8; }}@media (max-width:720px) {.ki_int_hp { padding: 0 4%; width: 92%; }.ki_int_hp>p { width: 100%; text-align: left; padding: 0; text-indent: 2em; }.ki_int_hp>p br { display: none; }.ki_int_c1 { padding: 0; }.ki_int_p { padding: 4.16vw 5vw; line-height: 1.7; }.ki_int_c2 { display: block; width: 100%; padding: 0 4%; }.ki_int_p2 { padding: 2.7vw 0; width: 100%; }} @media (max-width:360px) {.ki_int_p { padding: 20px 20px; line-height: 1.5; }}/*企业愿景*/.ki_cul_container { display: -webkit-box; /* iOS 6-, Safari 3.1-6 */ display: -webkit-flex; /* Chrome */ display: -moz-box; /* Firefox 19 */ display: -ms-flexbox; display: flex; /*flex容器*/ box-pack: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 6.25vw; }.ki_cul_neiyong { background: #f5f5f5; }.ki_cul_c1 { display: -webkit-box; /* iOS 6-, Safari 3.1-6 */ display: -webkit-flex; /* Chrome */ display: -moz-box; /* Firefox 19 */ display: -ms-flexbox; display: flex; /*flex容器*/ box-pack: start; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; box-align: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 83.33vw; background-size: 8.8vw; }.ki_cul_pic1 { width: 50%; overflow: hidden; }.ki_cul_pic1 img { width: 100%; }.ki_cul_txt1 { width: 50%; }.ki_cul_txt1 ul { margin-left: 5.2vw; margin-right: 3vw; }.ki_cul_txt1 li { display: -webkit-box; /* iOS 6-, Safari 3.1-6 */ display: -webkit-flex; /* Chrome */ display: -moz-box; /* Firefox 19 */ display: -ms-flexbox; display: flex; /*flex容器*/ box-pack: start; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: 60px; }.ki_cul_txt1 span { font-size: 18px; color: #333333; font-family: 微软雅黑; line-height: 60px; display: inline-block }.ki_cul_txt1 span:first-child { color: #008B47; width: 80px; }.ki_cul_txt1 span:last-child { max-width: 25.416vw; line-height: 60px; margin-left: 3.125vw; width: calc(100% - 80px - 3.125vw); word-wrap: break-word; }.ki_cul_txt1 li:last-child span:last-child { line-height: 30px; }.ki_cul_txt1 li:last-child span:first-child { line-height: 30px; }.ki_cul_c2 { display: -webkit-box; /* iOS 6-, Safari 3.1-6 */ display: -webkit-flex; /* Chrome */ display: -moz-box; /* Firefox 19 */ display: -ms-flexbox; display: flex; /*flex容器*/ -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -o-flex-direction: row-reverse; flex-direction: row-reverse; box-pack: start; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; box-align: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 83.33vw; background-size: 8.8vw; }.ki_cul_pic2 { width: 50%; overflow: hidden; }.ki_cul_pic2 img { width: 100%; }.ki_cul_txt2 { width: 50%; }.ki_cul_txt2 ul { margin-left: 4.16vw; margin-right: 3vw; }.ki_cul_txt2 li { display: -webkit-box; /* iOS 6-, Safari 3.1-6 */ display: -webkit-flex; /* Chrome */ display: -moz-box; /* Firefox 19 */ display: -ms-flexbox; display: flex; /*flex容器*/ box-pack: start; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: 60px; }.ki_cul_txt2 span { font-size: 18px; color: #333333; font-family: 微软雅黑; line-height: 60px; }.ki_cul_txt2 span:first-child { color: #008B47; width: 80px; }.ki_cul_txt2 span:last-child { max-width: 25.416vw; margin-left: 3.125vw; } @media (max-width:1580px) {.ki_cul_txt1 li { height: 32px; }.ki_cul_txt1 span { line-height: 32px; font-size: 16px; }.ki_cul_txt1 span:last-child { line-height: 32px; }.ki_cul_txt1 li:last-child span:last-child { line-height: 24px; padding-top: 4px; }.ki_cul_txt1 li:last-child span:first-child { line-height: 32px; }.ki_cul_txt1 span:last-child { margin-left: 16px; }.ki_cul_txt2 li { height: 32px; }.ki_cul_txt2 span { line-height: 32px; font-size: 16px; }.ki_cul_txt2 span:last-child { margin-left: 16px; }}@media (max-width:1366px) {.ki_cul_txt1 ul { margin-left: 3vw; margin-right: 1vw; }.ki_cul_txt2 ul { margin-left: 3vw; margin-right: 1vw; }.ki_cul_txt1 span:last-child { margin-left: 10px; }.ki_cul_txt2 span:last-child { margin-left: 10px; }.ki_cul_txt1 li:last-child { height: auto; }}@media (max-width:1200px) {.ki_cul_txt1 span { font-size: 14px; }.ki_cul_txt2 span { font-size: 14px; }}@media (max-width:1024px) {.ki_cul_neiyong { background: rgba(0,0,0,0.00); }.ki_cul_c1 { display: block; background-size: 90px; margin-bottom: 40px; }.ki_cul_pic1 { width: 100%; }.ki_cul_txt1 { width: calc(100% - 5.4vw); padding: 2.7vw; background: #f5f5f5; }.ki_cul_txt1 ul { margin: 0; }.ki_cul_txt1 span:last-child { max-width: 100%; }.ki_cul_c2 { display: block; background-size: 90px; }.ki_cul_pic2 { width: 100%; }.ki_cul_txt2 { width: calc(100% - 5.4vw); margin: 0; padding: 2.7vw; background: #f5f5f5; }.ki_cul_txt2 ul { margin: 0; }.ki_cul_txt2 span:last-child { max-width: 100%; }}@media (max-width:720px) {.ki_cul_txt1 li { height: auto; }.ki_cul_txt1 span { line-height: 1.8; margin: 5px 0; }.ki_cul_txt1 span:last-child { line-height: 1.8; }.ki_cul_txt2 span { line-height: 1.8; }.ki_cul_txt2 li { height: auto; margin: 5px 0; }}/*ki_photo*/.ki_photo_container { width: calc(100% - 320px); padding: 0 160px; text-align: center; }@media (max-width:1366px) {.ki_photo_container { width: calc(100% - 200px); padding: 0 100px; }}@media (max-width:720px) {.ki_photo_container { padding: 0 4%; width: 92%; margin-bottom: 11vw; }}/*ki_news*/.ki_news { padding: 225px 100px 165px; background: url(/skins/demo/css2/../images/ki_news.jpg) no-repeat center top; background-size:cover; }.ki_news_container { display: -webkit-box; /* iOS 6-, Safari 3.1-6 */ display: -webkit-flex; /* Chrome */ display: -moz-box; /* Firefox 19 */ display: -ms-flexbox; display: flex; /*flex容器*/ box-pack: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; box-align: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }.ki_news_first { width: 620px; margin-right: 50px; }.kin_news_second { width: 620px; }.kin_ft { width: 620px; height: 380px; }.kin_detail_list { width: 100%; height: 100%; overflow: hidden; position: relative; }.kin_detail_list img { width: 100%; height: 100%; display: block; }a.newsa { display: block; height: 100%; }.kin_detail_list h4 { position: absolute; bottom: 0; width: calc(100% - 160px); padding-left: 30px; padding-right: 130px; background: rgba(0,0,0,0.6); }.kin_detail_list h4 a { display: block; overflow: hidden; line-height: 50px; color: #FFFFFF; font-size: 16px; text-align: left; text-overflow: ellipsis; -o-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; white-space: nowrap; }.swiper-pagination-bullet { width: 10px; height: 10px; background: rgba(255,255,255,0.5); opacity: 1; }.swiper-pagination-bullet-active { background: #008b46; }.swiper-container-horizontal>.swiper-pagination { height: 50px; line-height: 50px; bottom: 0; width: auto; left: auto; right: 30px; }.kin_fb ul { display: -webkit-box; /* iOS 6-, Safari 3.1-6 */ display: -webkit-flex; /* Chrome */ display: -moz-box; /* Firefox 19 */ display: -ms-flexbox; display: flex; /*flex容器*/ box-pack: justify; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; box-align: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 10px; }.kin_fb ul li { width: 200px; height: 120px; margin-right: 10px; transition: transform 0s ease 0s; position: relative; }.kin_fb a { display: block; text-align: center; padding: 25px 50px; transition: transform 0s ease 0s; }.kin_fb a i { display: inline-block; text-align: center; width: 100%; font-size: 24px; line-height: 1; margin-top: 15px; color: #FFffff; }.kin_fb a img { display: inline-block; text-align: center; }.kin_fb ul li:nth-of-type(1) { background: #28a366; }.kin_fb ul li:nth-of-type(2) { background: #11b1d0; }.kin_fb ul li:nth-of-type(3) { background: #3e88c7; margin-right: 0; }.kin_st { display: -webkit-box; /* iOS 6-, Safari 3.1-6 */ display: -webkit-flex; /* Chrome */ display: -moz-box; /* Firefox 19 */ display: -ms-flexbox; display: flex; /*flex容器*/ box-pack: justify; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; box-align: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; margin-bottom: 10px; }.kin_st a { display: block; position: relative; overflow: hidden }.kin_st a img { width: 100%; transition: all 1s ease 0s; }.kin_st a span { display: block; font-size: 30px; color: #FFFFFF; position: absolute; top: 40px; left: 40px; line-height: 1; }.kin_sb a { display: block; position: relative; overflow: hidden }.kin_sb a span { display: block; font-size: 36px; font-weight: bold; line-height: 1; color: #FFFFFF; position: absolute; top: 50%; margin-top: -18px; right: 40px; }.kin_sb a img { width: 100%; transition: all 1s ease 0s; } @media (min-width:721px) {.kin_fb li:hover { transform: rotateY(180deg); transition: transform 1s ease 0s; }.kin_fb li:hover a { transform: rotateY(-180deg); transition: transform 1s ease 0s; }.kin_news_second a:hover img { transform: scale(1.1); }.kin_sb a:hover img { transform: scale(1.1); }} @media (max-width:1580px) {.ki_news_first { width: 39.24vw; margin-right: 50px; }.kin_ft { width: 39.24vw; height: 24vw; }.kin_fb ul li { width: calc((100% - 20px) / 3); height: 7.59vw; margin-right: 10px; display: -webkit-box; /* iOS 6-, Safari 3.1-6 */ display: -webkit-flex; /* Chrome */ display: -moz-box; /* Firefox 19 */ display: -ms-flexbox; display: flex; /*flex容器*/ box-align: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; box-pack: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }.kin_fb a { padding: 0; }.kin_fb a i { font-size: 20px; }.kin_news_second { width: 39.24vw; overflow: hidden; }.kin_st a { width: calc(50% - 5px); overflow: hidden; }.kin_st a span { font-size: 20px; }.kin_sb a span { font-size: 24px; font-weight: 500; }} @media (max-width:1024px) {.ki_news { background-size: cover; padding: 200px 100px 100px; }.ki_news_container { display: block; }.ki_news_first { width: 100%; max-width: 620px; padding-bottom: 3.5vw; margin: 0 auto; }.kin_ft { width: 100%; height: 48.8vw; max-width: 620px; max-height: 380px; }.kin_fb ul li { height: 15.33vw; }.kin_news_second { width: 100%; max-width: 620px; margin: 0 auto; }}@media (max-width:720px) {.ki_news { background-size: cover; padding: calc(100px + 5.55vw) 4% 13.88vw; }.kin_detail_list h4 { width: calc(100% - 70px - 4.16vw); padding-left: 4.16vw; padding-right: 70px; }.kin_detail_list h4 a { font-size: 14px; }.swiper-container-horizontal>.swiper-pagination { right: 10px; }.kin_fb ul li { height: 110px; }.kin_fb a i { font-size: 16px; }.kin_st a span { font-size: 16px; }.kin_sb a span { font-size: 18px; font-weight: normal; }}/*资讯列表内页样式*/.ki_inews_list_container { padding: 0 160px 120px; overflow: hidden; text-align: center; }.ki_inews_list02_container { padding: 0 160px; overflow: hidden; text-align: center; }@media (max-width:1580px) {.ki_inews_list_container { padding: 0 100px 120px; }.ki_inews_list02_container { padding: 0 100px; }}@media (max-width:1024px) {.ki_inews_list_container { padding-bottom: 100px; }.ki_inews_list02_container { padding: 0 40px; }}@media (max-width:720px) {.ki_inews_list_container { padding: 0 4%; padding-bottom: 11vw; }.ki_inews_list02_container { padding: 0 4%; }}/*工艺流程*/.ki_gongyi_container { padding: 0 160px 120px; overflow: hidden; text-align: center; }.ki_gy_title { display: -webkit-box; /* iOS 6-, Safari 3.1-6 */ display: -webkit-flex; /* Chrome */ display: -moz-box; /* Firefox 19 */ display: -ms-flexbox; display: flex; /*flex容器*/ box-pack: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; box-align: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-content: center; margin-bottom: 35px; font-size: 16px; }.ki_gy_title img { display: inline-block; margin-right: 10px; }.ki_gy_list { display: -webkit-box; /* iOS 6-, Safari 3.1-6 */ display: -webkit-flex; /* Chrome */ display: -moz-box; /* Firefox 19 */ display: -ms-flexbox; display: flex; /*flex容器*/ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; box-align: start; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; box-pack: start; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }.ki_gyl_fa { border: 1px solid #7fc5a2; background: #d9eee3; padding: 0 0 10px; border-radius: 0 80px 0 80px; margin-bottom: 80px; position: relative; }.ki_gyl_fa li { display: -webkit-box; /* iOS 6-, Safari 3.1-6 */ display: -webkit-flex; /* Chrome */ display: -moz-box; /* Firefox 19 */ display: -ms-flexbox; display: flex; /*flex容器*/ box-pack: justify; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; box-align: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 3.645vw 3.64vw 2vw; background: #fff; border-radius: 0 80px 0 80px; }.comgy { margin-left: calc(4.16vw - 28px); position: relative; }.comgy:nth-of-type(1) { margin-left: 0; }.comgy a { display: -webkit-box; /* iOS 6-, Safari 3.1-6 */ display: -webkit-flex; /* Chrome */ display: -moz-box; /* Firefox 19 */ display: -ms-flexbox; display: flex; /*flex容器*/ box-pack: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; box-align: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; }.comgy a span { padding-right: 4.16vw; display: block; width: 6.66vw; max-width: 120px; }.comgy a span img { display: block; width: 100%; }.comgy a span:first-child { background: url(/skins/demo/css2/../images/ki_gy4.png) no-repeat right center; }.comgy a span:last-child { font-size: 18px; line-height: 1; color: #333333; padding-top: 8px; }.comgy:nth-last-of-type(1) a span { padding-right: 0; background: none; }.ki_gyl_fa.ki_gyl_fa1:after { content: ''; display: block; width: 4.2vw; height: 4.89vw; background: url(/skins/demo/css2/../images/ki_gy2.png) no-repeat center; position: absolute; bottom: -2vw; right: -7vw; background-size: 100%; }ul.ki_gyl_fa.ki_gyl_fa2 { width: 100%; }ul.ki_gyl_fa.ki_gyl_fa3 { align-self: flex-end; }ul.ki_gyl_fa.ki_gyl_fa4 { align-self: flex-end; margin-right: 13.45vw; }.comgy.kig_in3_1 { margin-left: calc(14.98vw - 28px); }.comgy.kig_in3_1 a span:first-child { background: url(/skins/demo/css2/../images/ki_gy3.png) no-repeat right center; }.comgy.kig_in3_3 { margin-right: calc(14.98vw - 28px); }.comgy.kig_in4_1 { margin-left: 6.77vw; }.comgy.kig_in4_2 { margin-right: 6.77vw; }.kig_in2_2 span:last-child:after { content: ''; display: block; width: 0.88vw; height: 2.7vw; background: url(/skins/demo/css2/../images/gyxia.png) no-repeat center; background-size: 100%; position: absolute; bottom: calc(-4.7vw - 24px); left: 3.33vw; }.kig_in2_3 span:last-child:after { content: ''; display: block; width: 0.88vw; height: 2.7vw; background: url(/skins/demo/css2/../images/gyxia.png) no-repeat center; background-size: 100%; position: absolute; bottom: calc(-4.7vw - 24px); left: 3.33vw; }.kig_in2_4 span:last-child:after { content: ''; display: block; width: 0.88vw; height: 2.7vw; background: url(/skins/demo/css2/../images/gyxia.png) no-repeat center; background-size: 100%; position: absolute; bottom: calc(-4.7vw - 24px); left: 3.33vw; }.kig_in2_5 span:last-child:after { content: ''; display: block; width: 0.88vw; height: 2.7vw; background: url(/skins/demo/css2/../images/gyxia.png) no-repeat center; background-size: 100%; position: absolute; bottom: calc(-4.7vw - 24px); left: 3.33vw; }.kig_in2_6 span:last-child:after { content: ''; display: block; width: 0.88vw; height: 2.7vw; background: url(/skins/demo/css2/../images/gyxia.png) no-repeat center; background-size: 100%; position: absolute; bottom: calc(-4.7vw - 24px); left: 3.33vw; }.kig_in3_1 span:last-child:after { content: ''; display: block; width: 0.88vw; height: 2.7vw; background: url(/skins/demo/css2/../images/gyxia.png) no-repeat center; background-size: 100%; position: absolute; bottom: calc(-4.7vw - 24px); left: 3.33vw; }.kig_in3_3 span:last-child:after { content: ''; display: block; width: 0.88vw; height: 2.7vw; background: url(/skins/demo/css2/../images/gyxia.png) no-repeat center; background-size: 100%; position: absolute; bottom: calc(-4.7vw - 24px); left: 3.33vw; }ul.ki_gyl_fa.ki_gyl_fa4 { margin-bottom: 0; }ul.ki_gyl_fa.ki_gyl_fa3:before { content: ''; width: 60px; height: 60px; background: url(/skins/demo/css2/../images/kht.png) no-repeat center; background-size: 100%; position: absolute; top: -70px; left: 50%; margin-left: -12px; }ul.ki_gyl_fa.ki_gyl_fa4:before { content: ''; width: 60px; height: 60px; background: url(/skins/demo/css2/../images/kht.png) no-repeat center; background-size: 100%; position: absolute; top: -70px; left: 50%; margin-left: -12px; } @media (min-width:721px) {.comgy a:hover span { color: #008b47; }.ki_gy_zp.yincang { display: block; }.ki_gy_zp { display: none; position: absolute; width: 100%; height: 100%; overflow: hidden; left: 0; top: 0; }.zp_bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.5); }.zp_pic { width: 600px; height: 400px; padding: 2.08vw; background: #fff; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); }}@media (max-width:1366px) {.ki_gyl_fa { margin-bottom: 48px; border-radius: 0 60px 0 60px; }.ki_gyl_fa li { border-radius: 0 60px 0 60px; padding: 2.7vw 2.7vw 2vw; }.kig_in2_2 span:last-child:after, .kig_in2_3 span:last-child:after, .kig_in2_4 span:last-child:after, .kig_in2_5 span:last-child:after, .kig_in2_6 span:last-child:after, .kig_in3_1 span:last-child:after, .kig_in3_3 span:last-child:after { bottom: calc(-4.7vw - 16px); }ul.ki_gyl_fa.ki_gyl_fa3:before { content: ''; width: 60px; height: 60px; background: url(/skins/demo/css2/../images/kht.png) no-repeat center; background-size: 40px; position: absolute; top: -50px; left: 50%; margin-left: -12px; }ul.ki_gyl_fa.ki_gyl_fa4:before { content: ''; width: 60px; height: 60px; background: url(/skins/demo/css2/../images/kht.png) no-repeat center; background-size: 40px; position: absolute; top: -50px; left: 50%; margin-left: -12px; }} @media (max-width:1580px) {.ki_gongyi_container { padding: 0 100px 120px; }}@media (max-width:1200px) {.comgy a { width: 80px; }.comgy a img { display: block; width: 100%; }.ki_gyl_fa li { box-align: start; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; }}@media (max-width:1024px) {.ki_gongyi_container { padding-bottom: 100px; }}@media (max-width:720px) {.ki_gongyi_container { padding: 0 4%; margin-bottom: 11vw; }.ki_gy_title { display: none; }.ki_gy_title img { width: 21px; height: 21px; }.ki_gyl_fa { border-radius: 0; margin-bottom: 5.3vw; }.ki_gyl_fa li { border-radius: 0; }.comgy a span:last-child { font-size: 12px; min-width: 54px; }.ki_gy_zp { display: none; }.ki_gy_zp, yincang { display: none; }.comgy a { cursor: default; }ul.ki_gyl_fa.ki_gyl_fa3:before { display: none; }ul.ki_gyl_fa.ki_gyl_fa4:before { display: none; }.ki_gyl_fa.ki_gyl_fa1:after { display: none; }.ki_gyl_fa { border-radius: 0; margin-bottom: 5.3vw; width: calc(100% - 2px); }.comgy:nth-of-type(1) { margin-left: 10px; }.comgy { margin: 0 10px 15px; }.comgy.kig_in3_3 { margin-right: 10px; }.ki_gyl_fa li { border-radius: 0; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; box-pack: start; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }.ki_gyl_fa li { width: calc(100% - 30px); padding-left: 15px; padding-right: 15px; }ul.ki_gyl_fa.ki_gyl_fa4 { margin-right: 0; }}@media (max-width:360px) {.comgy.kig_in3_1 a span:first-child { background: url(/skins/demo/css2/../images/ki_gy3.png) no-repeat calc(100% + 12px) center; }.ki_gyl_fa li { padding: 2.7vw 0 2vw; }.comgy a span:last-child { padding-right: 0; }.kig_in2_2 span:last-child:after { display: none; }.kig_in2_3 span:last-child:after { display: none; }}/*管理流程*/.ki_guanli_container { padding: 0 160px; margin-bottom: 120px; text-align: center; }.ki_gl_tab { margin-bottom: 92px; }.ki_gl_tab ul { display: -webkit-box; /* iOS 6-, Safari 3.1-6 */ display: -webkit-flex; /* Chrome */ display: -moz-box; /* Firefox 19 */ display: -ms-flexbox; display: flex; /*flex容器*/ box-pack: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; box-align: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }.ki_gl_tab ul li { margin-right: 30px; }.ki_gl_tab ul li:last-child { margin-right: 0; }.ki_gl_tab ul li a { display: block; padding: 20px 45px; line-height: 1; font-size: 16px; color: #333333; border: 1px solid #dddddd; transition: all 0.3s ease 0s; }.ki_gl_tab ul li.on a { background: #008B46; color: #fff; border: 1px solid #008b46; }.ki_gl_txt div { display: none }.ki_gl_txt div.on { display: block }.ki_gl_txt p { text-align: left; font-size: 16px; line-height: 36px; }.t1 { font-weight: bold; color: #008b46; }.ki_gl_detail img { display: block; width: 100%; margin-top: 30px; }.ki_gl_detail img.glm1 { max-width: 1228px; margin: 30px auto 0; }.ki_gl_detail img.glm2 { max-width: 794px; margin: 30px auto 0; }.ki_gl_detail img.glm3 { max-width: 1598px; margin: 30px auto 0; }.ki_gl_detail img.glm4 { max-width: 1238px; margin: 30px auto 0; }.ki_gl_detail img.glm5 { max-width: 1600px; margin: 30px auto 0; } @media (min-width:721px) {.ki_gl_tab ul li:hover a { color: #FFFFFF; background: #008b46; border: 1px solid #008b46; }}@media (max-width:1580px) {.ki_guanli_container { padding: 0 100px; }}@media (max-width:1366px) {.ki_guanli_container { margin-bottom: 100px; }.ki_gl_tab ul li { margin-right: 20px; }.ki_gl_tab ul li a { padding: 16px 30px; }.ki_gl_tab { margin-bottom: 48px; }}@media (max-width:1200px) {.ki_gl_tab { margin-bottom: 28px; }.ki_gl_tab ul { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }.ki_gl_detail img { margin-top: 20px; }.ki_gl_tab ul li { margin-right: 1.66vw; margin-bottom: 20px; }.ki_gl_tab ul li a { font-size: 14px; padding: 12px 2.5vw; }.ki_gl_txt p { font-size: 14px; line-height: 24px; }}@media (max-width:720px) {.ki_guanli_container { padding: 0 4%; margin-bottom: 11vw; }.ki_gl_tab ul li { margin-right: 10px; margin-bottom: 10px; }.ki_gl_tab { margin-bottom: 3.7vw; }.ki_gl_detail img { margin-top: 2.7vw; }.ki_gl_tab ul li:last-child { margin-right: 10px; }}/*研发创新*/ .ki_create_container { padding-bottom: 120px; text-align: center; }.ki_create_container>div { padding: 0 160px; }.ki_create_container p { font-size: 16px; line-height: 36px; color: #333333; }.kic_t1 p { width: 960px; margin: 0 auto; text-align: center; margin-bottom: 40px; }.ki_create_container .kic_t2 { background: url(/skins/demo/css2/../images/createbg.jpg) no-repeat center; display: -webkit-box; /* iOS 6-, Safari 3.1-6 */ display: -webkit-flex; /* Chrome */ display: -moz-box; /* Firefox 19 */ display: -ms-flexbox; display: flex; /*flex容器*/ box-pack: justify; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; box-align: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 97px; padding-bottom: 70px; }.kic_t2 p { max-width: calc(100% - 7.8vw - 570px); color: #FFFFFF; text-align: left; margin-right: 7.8vw; }.kic_t2 p span { display: block; }.kic_t2 div { width: 280px; height: 190px; }.kic_t2 div img { width: 100%; height: 100%; }.kic_t2 ul { display: -webkit-box; /* iOS 6-, Safari 3.1-6 */ display: -webkit-flex; /* Chrome */ display: -moz-box; /* Firefox 19 */ display: -ms-flexbox; display: flex; /*flex容器*/ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; box-pack: justify; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; box-align: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 390px; }.kic_t2 ul li { display: -webkit-box; /* iOS 6-, Safari 3.1-6 */ display: -webkit-flex; /* Chrome */ display: -moz-box; /* Firefox 19 */ display: -ms-flexbox; display: flex; /*flex容器*/ box-pack: justify; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; box-align: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; width: 570px; }.ki_create_container .t2_h3 { background: #008b46; text-align: left; width: 220px; height: 132px; padding: 34px 30px 24px; position: relative; }.t2_h3 h3 { font-size: 30px; line-height: 1; color: #FFFFFF; font-weight: 600; }.t2_h3 h6 { font-size: 16px; line-height: 1; padding-top: 14px; color: #FFFFFF; opacity: 0.5; text-transform: uppercase; }.t2_h3 span { display: block; width: 20px; height: 4px; background: #FFFFFF; position: absolute; right: 30px; bottom: 24px; }.ki_create_container .kic_t3 { margin-top: 90px; }.ki_create_container .kic_t3 p { text-align: left; }.t3_list { margin-top: 80px; }ul.t3_1 { border-bottom: 1px solid #DDDDDD; }.t3_list ul.t3_1 { display: -webkit-box; /* iOS 6-, Safari 3.1-6 */ display: -webkit-flex; /* Chrome */ display: -moz-box; /* Firefox 19 */ display: -ms-flexbox; display: flex; }.t3_list ul.t3_2 { display: -webkit-box; /* iOS 6-, Safari 3.1-6 */ display: -webkit-flex; /* Chrome */ display: -moz-box; /* Firefox 19 */ display: -ms-flexbox; display: flex; /*flex容器*/ box-pack: start; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; box-align: start; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-content: flex-start; }.t3_list ul.t3_1 li { width: 25%; padding: 0 1vw;}.t3_list ul.t3_2 li { width: calc(100% / 7); margin-left: calc(100% / 7); }.t3_list ul.t3_2 li:first {margin-left:0;}.t3_list span * { display: block; }.t3_list span i { display: block; width: 21.2vw; text-align: left; color: #008b46; font-weight: bold; line-height: 1.5; }.t3_list span em { line-height: 1.5; padding-top: 6px; text-align: left; }.t3_list span strong { font-weight: normal; color: #FFFFFF; text-align: center; width: 50px; height: 50px; border-radius: 50%; background: #008b47; line-height: 50px; }.t3_list span b { font-weight: normal; color: #FFFFFF; text-align: center; width: 50px; height: 50px; border-radius: 50%; background: #008b47; line-height: 50px; }.t3_list ul div { display: -webkit-box; /* iOS 6-, Safari 3.1-6 */ display: -webkit-flex; /* Chrome */ display: -moz-box; /* Firefox 19 */ display: -ms-flexbox; display: flex; /*flex容器*/ box-pack: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; box-align: start; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; }.t3_list ul div:after { content: ''; width: 7px; height: 7px; background: #008b46; border-radius: 50%; position: absolute; bottom: -4px; left: 50%; margin-left: -3px; }.t3_list .t3_2 div:after { top: -4px; }.t3_list ul.t3_2 div { -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse; }.t3_list ul div span:first-child { display: -webkit-box; /* iOS 6-, Safari 3.1-6 */ display: -webkit-flex; /* Chrome */ display: -moz-box; /* Firefox 19 */ display: -ms-flexbox; display: flex; /*flex容器*/ box-pack: start; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; box-align: start; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; }ul.t3_1 span.t3_num { position: relative; left: 50%; margin-left: -25px; display: block; padding: 30px 0 15px; }ul.t3_2 span.t3_num { position: relative; left: 50%; margin-left: -25px; display: block; padding: 15px 0 30px; }.t3_list ul.t3_1 li:last-child span i { max-width: 211px; } @media (max-width:1580px) {.ki_create_container>div { padding-left: 100px; padding-right: 100px; }.kic_t2 p { margin-right: 60px; }.kic_t2 p { max-width: calc(100% - 630px) }}@media(max-width:1366px) {.ki_create_container { padding-bottom: 100px; }.kic_t1 p { width: 100%; text-align: left; text-indent: 2em; }.kic_t1 p br { display: none; }.ki_create_container p { font-size: 14px; line-height: 2; margin-bottom: 30px; }.ki_create_container .kic_t2 { padding-top: 30px; padding-bottom: 50px; }.kic_t2 p { margin-bottom: 0; margin-right: 40px; }.kic_t2 p { max-width: calc(100% - 430px) }.kic_t2 ul { width: 390px; height: 268px; }.kic_t2 ul li { width: 380px; }.kic_t2 div { width: 190px; height: 129px; }.ki_create_container .t2_h3 { text-align: left; width: 150px; height: 93px; padding: 20px 20px 16px; position: relative; margin-right: 10px; }.t2_pic.t2_pic2:nth-of-type(1) { margin-right: 10px; }.t2_h3 h3 { font-size: 20px; }.t2_h3 h6 { font-size: 12px; }.ki_create_container .kic_t3 { margin-top: 40px; }.t3_list { margin-top: 30px; }}@media (max-width:1024px) {.ki_create_container p { margin-bottom: 20px; }.ki_create_container .kic_t3 { margin-top: 20px; }.ki_create_container .kic_t2 { display: block; }.kic_t2 p { width: 100%; margin: 0; max-width: 100%; display: -webkit-box; /* iOS 6-, Safari 3.1-6 */ display: -webkit-flex; /* Chrome */ display: -moz-box; /* Firefox 19 */ display: -ms-flexbox; display: flex; /*flex容器*/ box-pack: start; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }.kic_t2 p span { width: 100%; }.kic_t2 ul { display: none; }.ki_create_container .kic_t3 p { margin-bottom: 0; }.t3_list { margin-top: 10px; }.t3_list ul.t3_1 { display: block; border-bottom: none; }.t3_list ul.t3_2 { display: block; }.t3_list ul div:after { display: none; }.t3_list ul.t3_1 li { width: 100%; }.t3_list ul.t3_2 li { width: 100%; margin-left: 0; }.t3_list ul div { display: -webkit-box; /* iOS 6-, Safari 3.1-6 */ display: -webkit-flex; /* Chrome */ display: -moz-box; /* Firefox 19 */ display: -ms-flexbox; display: flex; /*flex容器*/ -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -o-flex-direction: row-reverse; flex-direction: row-reverse; box-pack: end; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; box-align: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }.t3_list ul.t3_2 div { display: -webkit-box; /* iOS 6-, Safari 3.1-6 */ display: -webkit-flex; /* Chrome */ display: -moz-box; /* Firefox 19 */ display: -ms-flexbox; display: flex; /*flex容器*/ -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -o-flex-direction: row-reverse; flex-direction: row-reverse; box-pack: end; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }ul.t3_1 span.t3_num { position: static; margin-left: 0; }ul.t3_2 span.t3_num { position: static; margin-left: 0; }.t3_list span i { width: 100%; }.t3_list ul div span:first-child { margin-left: 20px; }} @media (max-width:720px) {.ki_create_container { padding-bottom: 11vw; }.ki_create_container>div { padding-left: 4%; padding-right: 4%; }.ki_create_container p { font-size: 12px; line-height: 1.8; margin-bottom: 2.7vw; }.kic_t2 p { margin-bottom: 0; }.ki_create_container .kic_t2 { padding-top: calc(5.55vw - 20px); padding-bottom: 5.55vw; }.ki_create_container .kic_t3 { margin-top: 2.7vw; }.t3_list span { font-size: 12px; line-height: 1.5; }ul.t3_1 span.t3_num { padding: 2.7vw 0; }ul.t3_2 span.t3_num { padding: 2.7vw 0; }}/*服务承诺*/.ki_chengnuo_container { padding: 0 160px; margin-bottom: 120px; }.ki_chengnuo_container>p { font-size: 16px; color: #666; line-height: 30px; text-align: center; max-width: 1000px; margin: 0 auto; margin-bottom: 45px; }.cn_b li { background: #F5F5F5; display: -webkit-box; /* iOS 6-, Safari 3.1-6 */ display: -webkit-flex; /* Chrome */ display: -moz-box; /* Firefox 19 */ display: -ms-flexbox; display: flex; /*flex容器*/ box-pack: justify; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; box-align: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }.cn_b li:last-child { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -o-flex-direction: row-reverse; flex-direction: row-reverse; }.cn_b li img { width: 50%; }.cn_b li div { width: calc(50% - 6.25vw); padding: 0 3.125vw; }.ki_chengnuo_container dt { font-size: 30px; font-weight: bold; color: #008b46; line-height: 1; padding-bottom: 1.66vw; }.ki_chengnuo_container dd { font-size: 16px; color: #666; line-height: 30px; margin-bottom: 8px; } @media (max-width:1580px) {.ki_chengnuo_container { padding: 0 100px; }.ki_chengnuo_container dt { font-size: 24px; padding-bottom: 1vw; }.ki_chengnuo_container dd { font-size: 14px; line-height: 1.5; margin-bottom: 5px; }}@media (max-width:1366px) {.ki_chengnuo_container dd { margin-bottom: 0; }.ki_chengnuo_container { margin-bottom: 100px; }}@media (max-width:1200px) {.cn_b li div { padding-top: 20px; padding-bottom: 20px; }}@media (max-width:1024px) {.cn_b { margin: 0 auto; }.cn_b li { display: block; }.cn_b li img { width: 100%; }.cn_b li div { width: calc(100% - 80px); padding: 40px 40px 40px; }.ki_chengnuo_container dd { font-size: 16px; line-height: 2; }.ki_chengnuo_container>p { margin: 0 auto; margin-bottom: 20px; }}@media (max-width:720px) {.ki_chengnuo_container { padding: 0 4%; margin-bottom: 11vw; }.ki_chengnuo_container>p { font-size: 14px; margin-bottom: 13px; }.ki_chengnuo_container dt { font-size: 18px; }.ki_chengnuo_container dd { font-size: 14px; }.cn_b li div { padding: 5.55vw; width: calc(100% - 11.1vw); }}.ki_inews_list_container { display: none; }.ki_inews_list_container.xs { display: block; }.ki_inews_list02_container { display: none; }.ki_inews_list02_container.xs { display: block; }.cont{}.cont_1{ width:1200px; margin:0 auto; font-size: 40px; color: #333; line-height:30px; text-align:center;}.cont_1 span{ font-size: 16px; color: #999;}.cont_2{ width:1200px; margin:40px auto; line-height:14px; color:#707070; line-height:32px;}.cont_3{ text-align:center; margin-bottom:70px;}.cont_4{ background:url(/skins/demo/css2/../images/about_bg.jpg) top center no-repeat; height:368px;}.cont_4_1{ width:1200px; margin:0 auto 0 auto; padding-top:110px;}.cont_4_1 a{ display:block; width:171px; text-align:center; float:left; color:#6a6a6a; font-weight:bold; font-size:20px; line-height:45px;}.cont_4_1 a:Hover{ color:#da0000;}.cont_chanye{ width:1200px; margin:0 auto 0 auto; padding:20px 0 50px 0; font-size:14px; line-height:28px;}.cont_news_list_2{ margin:50px auto 50px auto; width:1200px; }.cont_news_list_2 ul li{ float:left; width:376px; border:1px solid #e9e9e9; background-color:#fff; margin:0 10px 15px 10px; -webkit-transition:all .3s linear; -moz-transition:all .3s linear; -o-transition:all .3s linear; transition:all .3s linear;}.cont_news_list_2 ul li:hover{ background-color:#da0000; }.cont_news_list_2_1{ text-align:center; padding-top:16px; }.cont_news_list_2_2{ font-size:18px; color:#343434; margin:20px 16px;}.cont_news_list_2_2 a{ color:#343434;}.cont_news_list_2_2 a:hover{ color:#da0000;}.cont_news_list_2_3{ font-size:13px; color:#828282; margin:20px 16px;}.cont_news_list_2_4{ margin:20px 16px; background:url(/skins/demo/css2/../images/news_icon1.gif) left center no-repeat; padding-left:25px; font-size:12px; color:#828282; height:19px; line-height:19px; -webkit-transition:all .3s linear; -moz-transition:all .3s linear; -o-transition:all .3s linear; transition:all .3s linear;}.cont_news_list_2 ul li:hover .cont_news_list_2_2{ color:#fff;}.cont_news_list_2 ul li:hover .cont_news_list_2_3{ color:#ffabab;}.cont_news_list_2 ul li:hover .cont_news_list_2_4{ color:#ffabab; background:url(/skins/demo/css2/../images/news_icon2.gif) left center no-repeat;}.cont_wenhua_1{ margin:50px auto 50px auto; width:1200px;}.cont_wenhua_1_1{ width:578px; height:206px; float:left; margin:10px; background:url(/skins/demo/css2/../images/wenhua_pic1.jpg) no-repeat; font-size:14px; color:#595959; text-align:center; padding-top:50px;}.cont_wenhua_1_1:hover{ background:url(/skins/demo/css2/../images/wenhua_pic5.jpg) no-repeat; font-size:14px; color:#ffd8d8;}.cont_wenhua_1_1:hover span{ color:#fff;}.cont_wenhua_1_1 span{ color:#3e3e3e; font-size:24px; font-weight:bold; line-height:90px;}.cont_wenhua_1_2{ width:578px; height:206px; float:left; margin:10px; background:url(/skins/demo/css2/../images/wenhua_pic2.jpg) no-repeat; font-size:14px; color:#595959; text-align:center; padding-top:50px;}.cont_wenhua_1_2 span{ color:#3e3e3e; font-size:24px; font-weight:bold; line-height:90px;}.cont_wenhua_1_3{ width:578px; height:206px; float:left; margin:10px; background:url(/skins/demo/css2/../images/wenhua_pic3.jpg) no-repeat; font-size:14px; color:#595959; text-align:center; padding-top:50px;}.cont_wenhua_1_3 span{ color:#3e3e3e; font-size:24px; font-weight:bold; line-height:90px;}.cont_wenhua_1_4{ width:578px; height:206px; float:left; margin:10px; background:url(/skins/demo/css2/../images/wenhua_pic4.jpg) no-repeat; font-size:14px; color:#595959; text-align:center; padding-top:50px; line-height:28px;}.cont_wenhua_1_4 span{ color:#3e3e3e; font-size:24px; font-weight:bold; line-height:90px;}.cont_wenhua_1_2:hover{ background:url(/skins/demo/css2/../images/wenhua_pic6.jpg) no-repeat; font-size:14px; color:#ffd8d8;}.cont_wenhua_1_2:hover span{ color:#fff;}.cont_wenhua_1_3:hover{ background:url(/skins/demo/css2/../images/wenhua_pic7.jpg) no-repeat; font-size:14px; color:#ffd8d8;}.cont_wenhua_1_3:hover span{ color:#fff;}.cont_wenhua_1_4:hover{ background:url(/skins/demo/css2/../images/wenhua_pic6.jpg) no-repeat; font-size:14px; color:#ffd8d8;}.cont_wenhua_1_4:hover span{ color:#fff;}/*陈列展览*/.cont_fengcai_1{ margin:50px auto 50px auto; width:1200px;}.cont_fengcai_1 ul{ }.cont_fengcai_1 ul li{ float:left; width:376px; height:256px; position:relative; overflow:hidden; margin-right:20px; margin-bottom:20px;}.cont_fengcai_1_1{ text-align:center;}.cont_fengcai_1_1 img{ vertical-align:top;}.cont_fengcai_1_2{ width:100%; position:absolute; z-index:99; bottom:0; left:0; background-color:rgba(0,0,0,0.4); height:52px; -webkit-transition:all .3s linear; -moz-transition:all .3s linear; -o-transition:all .3s linear; transition:all .3s linear;}.cont_fengcai_1 ul li:hover .cont_fengcai_1_2{ height:106px; background-color:rgba(218,0,0,0.8);}.cont_fengcai_1_1_1{ height:52px; padding:0 20px; line-height:52px; font-size:16px; color:#ffffff;}.cont_fengcai_1_1_2{ padding:0 20px; font-size:12px; color:#a6a5a5;}.cont_fengcai_1 ul li:hover .cont_fengcai_1_1_2{ color:#fff;}.cont_contact{ margin:50px auto 50px auto; width:1200px; color:#fff;}.cont_contact_1{ position:relative; width:1182px; height:598px;}.cont_contact_1_2{ width:451px; height:598px; position:absolute; z-index:99; top:0; right:0; background-color:rgba(218,0,0,0.8);}.cont_contact_1_2_1{ color:#fff; font-size:24px; border-bottom:1px solid #ef9292; padding:20px; margin:0 30px;}.cont_contact_1_2_2{ margin-left:60px; line-height:35px; color:#fff; font-size:14px; margin-top:20px; margin-bottom:40px;}.cont_contact_1_2_2 img{ vertical-align:middle; margin-right:15px;}.cont_contact_1_2_3{ margin:0 15px;}.cont_contact_1_2_3 ul li{ margin-bottom:10px;}.cont_contact_1_2_3_1{ float:left; width:60px; text-align:right; height:31px; line-height:31px;}.cont_contact_1_2_3_2{ float:right; width:350px;}.cont_contact_1_2_3_2 input{ width:340px; height:31px; line-height:31px; background-color:#fff; border-radius:2px;}.cont_contact_1_2_4{ margin-left:86px;}.rongyu{ margin:50px auto 50px auto; width:1200px;}.rongyu_2{ background:url(/skins/demo/css2/../images/rongyu_bg.jpg) left center no-repeat; height:310px; padding-left:640px; font-size:16px; color:#fff; line-height:35px; padding-top:120px; margin:80px 0;}.rongyu_3{ background:url(/skins/demo/css2/../images/guanyu_rongyu_bg.jpg) bottom center no-repeat; padding-bottom:40px;}.rongyu_3 ul li{ float:left; width:280px; margin:0 60px;}.rongyu_pic{ width:280px; padding-right:59px; background:url(/skins/demo/css2/../images/guanyu_rongyu_pic_bg.gif) right bottom no-repeat; text-align:center; height:199px;}.rongyu_pic img{ height:199px; padding:0px;}.rongyu_tittle{ width:250px; height:100px; line-height:100px; font-size:16px; text-align:center;}.licheng{ background:url(/skins/demo/css2/../images/licheng_b.jpg) top center no-repeat; height:1080px;}.licheng_1{ width: 1200px; margin: 0 auto; font-size: 40px; color: #fff; line-height: 30px; text-align: center; padding-top:160px;}.licheng_1 span{ font-size: 16px; color: #999;}/*产品*/.product{ float:right; width:990px;}.product ul li{ float:left; margin:0 15px 10px; background-color:#ffffff; width:300px;}.p_img{ width:300px; height:230px;}.p_img img{ width:300px; height:230px;}.p_tt{ font-size:12px; color:#929292; line-height:21px; height:45px; line-height:45px; text-align:center;}.p_tt h2{ font-size:15px; color:#2f2f2f;}.product ul li:hover{ background-color:#da0000;}.product ul li:hover .p_tt{ color:#ffffff;}.product ul li:hover .p_tt h2{ color:#ffffff;}/*产品详细*/.pro_show{ width:100%;}.pro_up{ padding-bottom:26px;}.pro_up_left{ width:435px; float:left; background-color:#ffffff; border:#e0e0e0 1px solid;}.bigImg{ text-align:center;}.bigImg img{ width:435px; vertical-align:top;}.smallImg{ padding:10px 0;}.smallImg_1{ width:35px; float:left; text-align:right;}.smallImg_3{ width:35px; float:right;}.smallImg_2{ width:363px; float:left;}.smallImg_2 ul li{ float:left; padding-left:11px;}.smallImg_2 ul li img{ border:#dfdfdf 2px solid;}.smallImg_2 ul li:hover img{ border:#3cc257 2px solid;}.pro_up_right{ width:707px; float:right;}.pro_up_right_up{ padding-bottom:16px; font-size:24px; color:#2f2f2f;}.pro_up_right_down{ width:100%;}.pro_up_right_down ul li{ height:43px; border-bottom:#dcdcdc 1px dashed; line-height:43px; font-size:14px; color:#585858;}.pro_down{ width:100%;}.pro_down_1{ height:37px; background-color:#29bc46; padding-left:20px; line-height:37px; font-size:18px; color:#ffffff;}.pro_down_2{ padding-top:24px; font-size:14px; color:#333333; line-height:30px;}.p_fenlei{ float:left; width:190px;}.p_fenlei a{ font-size:15px; margin:2px 0px; vertical-align:middle; display:block; line-height:40px; height:40px; background-color:#eee; padding-left:20px;}.p_fenlei a:hover{ background-color:#da0000; color:#fff;}.p_fenlei a.p_fenlei_on{ background-color:#da0000; color:#fff;}/*资质荣誉*/.zizhirongyu{ width:1200px; margin:0 auto; padding:20px 0;}.zizhirongyu ul li{ margin-bottom: 35px; vertical-align: top; margin-left: 1.5%; line-height: normal; font-size: 14px; display: inline-block; width: 23%; text-align: center;}.honour-img { height: 270px; overflow: hidden; width: 100%; max-height: 350px; height: 30vw; min-height: 150px; border: 1px solid #e5e5e5; padding: 10px 0; }.honour-img img { width: auto; height: auto; max-height: 98% !important; vertical-align: middle; max-width: 98% !important; display: inline-block; margin: 0 auto; transition: 0.8s linear 0s; }.zizhirongyu li:hover .honour-img img { }.honour-img:before { vertical-align: middle; display: inline-block; height: 100%; content: ''; transition: 0.5s linear 0s; }.zizhirongyu li p { line-height: normal; margin-top: 15px; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; }.shebei { width: 100%; transition: 0.3s ease 0s; font-size: 0; }.shebei li {transition: 0.3s ease 0s; width: 280px; margin: 10px 10px; background: #fff; display: inline-block; vertical-align: top; box-sizing: border-box; float:left; }.shebei li:hover { box-shadow: 0 6px 6px 0 rgba(196,196,196,0.7) }.shebei a { font-size: 0; text-align: center; display: block;overflow: hidden; }.shebei_img{ height:225px; overflow:hidden; border-radius: 5px;}.shebei_img img { width: auto; height: auto; display: inline-block; vertical-align: middle; transition: 0.5s linear 0s; max-width: 100%; max-height: 100%; }.shebei li:hover img { transform: scale(1.1); }.shebei_tt{ text-align:center; font-size:16px; color:#333; line-height:40px; height:40px;}.detal_1{ padding-bottom: 15px; border-bottom: #dadada 1px solid; text-align: center; font-size: 24px; color: #3b3a40; font-weight: bold; margin-bottom:40px;}.detal_2{ text-align:center;}.detal_3{ margin-bottom:40px;}.news_show_left_4{ width:100%;}.news_show_left_4_01{ width:360px; float:left; height:42px; border:#dedede 1px solid; background-color:#ffffff; padding:0 10px; line-height:42px; overflow:hidden; font-size:14px; color:#ae0002;}.news_show_left_4_01 a{ color:#ae0002;}.news_show_left_4_01 img{ vertical-align:middle; margin-right:3px;}.news_show_left_4_02{ width:360px; float:right; height:42px; border:#dedede 1px solid; background-color:#ffffff; padding:0 10px; line-height:42px; overflow:hidden; font-size:14px; color:#ae0002; text-align:left;}.news_show_left_4_02 a{ color:#ae0002;}.news_show_left_4_02 img{ vertical-align:middle; margin-left:3px;}