/*通用*/
* { 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);width: calc(100% - 340px);
margin: 0 auto;
padding: 0 160px; }
.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: 16px; line-height: 36px; color: #333; margin: 0 auto; font-family: 微软雅黑; margin-bottom: 50px; padding: 0 40px; width: calc(100% - 80px) }
.ki_int_c1 { background: #28468C;margin: 80px auto; }
.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: 16px; color: #333333; font-family: 微软雅黑; line-height: 60px; display: inline-block }
.ki_cul_txt1 span:first-child { color: #28468C;}
.ki_cul_txt1 span:last-child { line-height: 60px; margin-left: 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: 微软雅黑; }
.ki_cul_txt2 span:first-child { color: #28468C; width: 80px; }
.ki_cul_txt2 span:last-child { font-size: 16px;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; }






/***投资者关系***/
.ki_Inv_container { width: calc(100% - 340px); margin: 0 auto; padding: 0 160px;  margin-bottom:4em;}
.ki_Inv_container {display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; 
-webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; -o-flex-flow: row wrap; flex-flow: row wrap;
-webkit-box-pack: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; }
.hudong_L { width:66.666666%;}
.hudong_R{ width:30%; padding:1.5em; border: 12px solid #D2D2D2; box-sizing:border-box}
.hudong_L .kuang { padding:4em 3em; line-height:2; color:#000; border: 1px solid #000; box-sizing: border-box;}
.hudong_L .kuang p{ padding:1em 0;}
.R-tit{ font-size:156.25%; color:#000; margin-bottom:.64em;}
.R-Art-list li{border-top: dashed 1px #ddd; padding-top:1em; margin-top:1em }
.R-Art-list h4{ color:#28468C; font-size:100%; margin-bottom:.5em; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical;}
.R-Art-list .txt{ font-size:87.5%; line-height:1.8; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}

.Art-list{ width:100%;}
.Art-list li{ width:100%; border-bottom: dashed 1px #B5B5B5; padding:1em 0;}
.Art-list li a{display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; 
-webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; -o-flex-flow: row wrap; flex-flow: row wrap;
-webkit-box-pack: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; width:100%;}
.Art-list h4{ width:75%; font-size:112.5%; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical;}
.Art-list .date{ width:20%; text-align:right; }

.Artshow_L { width:66.666666%;}
.Artshow_R{ width:30%;}
.Artshow_L h1{ font-size:125%; font-weight:bold; margin-bottom:.5em; padding-bottom:1em; border-bottom:solid 1px #e5e5e5}
.Artshow_L .crumbs{ font-size:87.5%; color:#999;}
.Artshow_L .details { margin:1em 0;}
.Artshow_L .details p{ line-height:2; text-indent: 2em;}
.Artshow_R .kuang{ padding:1.5em; border: 12px solid #D2D2D2; box-sizing:border-box; }
.R-tit{ font-size:156.25%; color:#000; margin-bottom:.64em;}
.R-Art-list li{border-top: dashed 1px #b5b5b5; padding-top:1em; margin-top:1em }
.R-Art-list h4{ color:#28468C; font-size:100%; margin-bottom:.5em; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical;}
.R-Art-list .txt{ font-size:87.5%; line-height:1.8; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}

.dates li { font-size: 14px; margin: 20px 0 }
.dates li span { float: right }