/*通用*/

* { font-family: arial, 微软雅黑; }

/*ki_about*/

.ki_about { background: url(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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;
	
	display:none;

}

.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(../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:#183883;

	

}

.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(../images/news_icon1.png) 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: #ffffff;

}

.cont_news_list_2 ul li:hover .cont_news_list_2_4{

	color: #ffffff;

	background:url(../images/news_icon2.png) 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(../images/wenhua_pic1.jpg) no-repeat;

	font-size:14px;

	color:#595959;

	text-align:center;

	padding-top:50px;

}

.cont_wenhua_1_1:hover{

	background:url(../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(../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(../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(../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(../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(../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(../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: #183883ba;

}

.cont_contact_1_2_1{

	color:#fff;

	font-size:24px;

	border-bottom: 1px solid #183883;

	padding:20px;

	margin:0 30px;

}

.cont_contact_1_2_2{

	margin-left: 37px;

	line-height:30px;

	color:#fff;

	font-size:14px;

	margin-top:20px;

	margin-bottom:40px;

	padding-right: 20px;

}

.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(../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(../images/guanyu_rongyu_bg.jpg) bottom center no-repeat;

	padding-bottom:40px;
	
	height:299px;

}

.rongyu_3 ul li{

	float:left;

	width:300px;

	margin:0 50px;

}

.rongyu_pic{

	width:380px;

	/*padding-right:25px;

	background:url(../images/guanyu_rongyu_pic_bg.gif) right bottom no-repeat;*/

	text-align:center;

	height:199px;

}

.rongyu_pic img{

	height:199px;

	padding:0px;
	
	padding-right:55px;

	background:url(../images/guanyu_rongyu_pic_bg.gif) right bottom no-repeat;

}

.rongyu_tittle{

	width:310px;

	height:100px;

	line-height:100px;

	font-size:15px;

	text-align:center;



}

.licheng{

	background:url(../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:220px;

}

.licheng_1 span{

	    font-size: 16px;

    color: #999;

}









/*产品*/

.product{

	/*float:right;*/

	width:100%;

	margin:auto;

}

.product ul li{

	float:left;

	margin:0 15px 10px;

	background-color:#ffffff;

	width:270px;

}

.p_img{

	width:270px;

	height:230px;

}

.p_img img{

	width:270px;

	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:#183883;

}

.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:#183883cc;

	color:#fff;

}

.p_fenlei a.p_fenlei_on{

	background-color:#183883;

	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 { transform: scale(1.1); transition: 0.8s ease 0s; }

.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; }











.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;

}



.xinwen{ width:100%; margin:auto;}

.xw_top{

    height: 45px;

    background: #eee;

    line-height: 45px;

    margin-bottom: 30px;

    margin-top: -40px;

}

.xw_top h3{

    text-align: center;

}

.xw_top h3 span{

    margin-right: 25px;

    color: #999;

}

.con_right_foot_04{

	margin: 0 auto;

	text-align: center;

	font-size: 16px;

}

.con_right_foot_04 a{

	font-size: 16px;

}

.con_right_foot_04 input{

	font-size: 16px;

}