* { box-sizing: border-box; outline: 0 }
body { /*zoom: 0.95;*/ margin: auto !important; color: #666; line-height: 24px; font-size: 14px; min-width: 1400px; max-width: 1920px; background: #fff; font-family: "Microsoft YaHei", "arial" }
img { border: 0; vertical-align: top; max-width: 100% }
a { color: #666; outline: none; text-decoration: none; -webkit-transition-duration: 700ms; transition-duration: 700ms }
a:hover { color: #0090c8 }
textarea { -webkit-appearance: none }
p { }
body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li, sub, sup, tt, var, del, dfn, ins, kbd, q, s, samp, strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select { margin: 0; padding: 0 }
ol, ul { list-style: none }
img { border: 0; vertical-align: middle }
table { border-collapse: collapse; width: 100% }
input[type='reset'], input[type='button'], input[type='submit'], input[type='radio'] { cursor: pointer; outline: none }
input[type='checkbox'], input[type='radio'] { position: relative; vertical-align: middle; margin-top: -2px; margin-bottom: 1px; margin-left: 5px; margin-right: 5px }
textarea, input[type='email'], input[type='date'], input[type='password'], input[type='text'], input[type='button'] { padding: 0; color: #666; margin: 0; outline: none }
.vcenter { top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: block; max-width: 100%; max-height: 100%; position: absolute; vertical-align: middle }
.clearfix:after { clear: both; height: 0; content: ""; line-height: 0; font-size: 0; display: block }
.container { width: 1400px; margin: 0 auto; }
 @-webkit-keyframes dong { 0% {
 -webkit-transform: translateY(-100px);
 transform: translateY(-100px)
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0)
}
}
 @keyframes dong { 0% {
 -webkit-transform: translateY(-100px);
 transform: translateY(-100px)
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0)
}
}
.back_color_f4f4f4 { background-color: #f4f4f4 }
.search_content { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 20000; height: 100%; width: 100%; background: rgba(0,0,0,0.7); display: none }
.search_input { position: fixed; top: 50%; left: 30%; width: 40%; margin-top: -33px; z-index: 20001; font-size: 16px; display: none }
.search_input .input_area { float: left; width: 70%; background-color: #FFFFFF; height: 66px; line-height: 66px; text-indent: 15px; border: 0; color: #666666; font-size: 14px; }
.search_input .input_submits { float: left; width: 30%; background-color: #0090c8; height: 66px; line-height: 66px; border: 0; color: #FFFFFF; font-weight: bold; font-size: 14px; }
.header { height: 80px; position: fixed; z-index: 999; top: 0; left: 0; width: 100%; background-color: #ffffff; }
.header .container { width: 100%; padding-left: 3%; }
#kehu_pc { display: block }
#kehu_mobile { display: none }
.header .logo { float: left; vertical-align: top; display: inline-block; margin-top: 23px; }
.header .logo img.pc { display: block; }
.header .logo img.mobile { display: none; }
.banner_pro_info { margin-top: 80px; }
.header .language { float: right; background: url(//memberpic.114my.cn/0393321/uploadfile/image/20230807/20230807100455_1209431370.png) left center no-repeat; margin-right: 20px; display: inline-block; padding-left: 25px; position: relative; line-height: 80px; }
.header .language span { position: relative; padding-right: 20px; }
.header .language span::before { content: ''; position: absolute; background: url(//memberpic.114my.cn/0393321/uploadfile/image/20230807/20230807100517_542657608.png) right center no-repeat; top: 50%; right: 0%; height: 6px; width: 11px; margin-top: -3px; }
.header .language .language_list { display: none; position: absolute; left: 0; top: 80px; width: 100%; padding: 0px; background-color: #ffffff; }
.header .language:hover .language_list { display: block }
.header .language .language_list a { color: #666; display: block; padding: 10px 0; text-align: center; line-height: 1; }
.header .language .language_list a:hover { color: #0090c8; background-color: #eee }
.header .search_top { vertical-align: top; float: right; height: 80px; background-color: #0090c8; display: inline-block; padding: 0 28px; position: relative }
.header .search_top img { top: 50%; left: 50%; position: absolute; margin-left: -11px; margin-top: -11px; }
.header .share { float: right; margin-top: 60px; vertical-align: top; display: inline-block }
.header .share a { margin-left: 5px; display: inline-block }
.fixed { top: 0; left: 0; width: 100%; z-index: 99999; position: fixed; background: #fff; box-shadow: 0 0 5px #ccc; -webkit-transition: all 334ms ease-in-out; transition: all 334ms ease-in-out; -webkit-animation: 2s dong; animation: 2s dong; height: 80px }
.header .phone_show { float: left; height: 80px; line-height: 80px; color: #0090c8; font-weight: bold; font-size: 20px; font-family: "arial"; background: url(//memberpic.114my.cn/0393321/uploadfile/image/20230807/20230807100542_455317433.png) left center no-repeat; padding-left: 25px; z-index: 1000; margin-left: 4%; display: inline-block }
 @media (max-width:1825px) {
.header .phone_show { margin-left: 0; }
}
 @media (max-width:1750px) {
.header .phone_show { margin-left: 0; }
}
 @media (max-width:780px) {
.header .phone_show { display: none }
}
.header .nav { float: left; height: 80px; z-index: 1000; margin-left: 4%; display: inline-block }
.header .nav .container { width: auto }
.nav li { float: left; font-size: 18px; width: auto; text-align: center; -webkit-transition: all 334ms ease; transition: all 334ms ease; line-height: 80px; padding: 0 30px; display: inline-block }
@media (max-width:1750px) {
.nav li { padding: 0 15px; }
}
@media (max-width:1500px) {
.nav li { padding: 0 30px; }
.header .logo img.PC { display: none }
.header .logo img.mobile { display: block }
}
@media (max-width:1390px) {
.nav li { padding: 0 20px; }
.header .phone_show { display: block }
}
@media (max-width:1300px) {
.header .logo img.PC { display: none }
.header .logo img.mobile { display: block }
.nav li { padding: 0 15px; }
}
@media (max-width:1400px) {
.nav li { padding: 0 10px; }
}
.nav li>a { color: #2c2c2c; display: block; font-size: 16px; }
.nav li:hover, .nav .active { color: #0090c8; }
.nav li:hover>a, .nav .active>a { font-weight: bold; color: #0090c8; }
.menu01 .nav ul > li.nav_01>a { color: #0090c8; font-weight: bold; }
.menu02 .nav ul > li.nav_02>a { color: #0090c8; font-weight: bold; }
.menu03 .nav ul > li.nav_03>a { color: #0090c8; font-weight: bold; }
.menu04 .nav ul > li.nav_04>a { color: #0090c8; font-weight: bold; }
.menu05 .nav ul > li.nav_05>a { color: #0090c8; font-weight: bold; }
.menu06 .nav ul > li.nav_06>a { color: #0090c8; font-weight: bold; }
.nav .subnav { top: 80px; left: 0; width: 100%; z-index: 99; display: none; padding: 0 0; background: url(//memberpic.114my.cn/0393321/uploadfile/image/20230807/20230807100806_2002968985.png) left top repeat-y; position: absolute; height: 70px; line-height: 70px; color: #CCC }
.nav li.nav_02 .subnav { height: auto; line-height: 1 }
.nav .promenu { padding-top: 20px; padding-bottom: 40px }
.nav .promenu dl:first-child { margin-left: 60px }
.nav .promenu dl { width: 240px; float: left; line-height: 26px; margin-left: 70px; text-align: left }
.nav .promenu dl a { display: block }
.nav .promenu dt a { color: #fff; padding-bottom: 25px; padding-top: 25px; font-size: 16px; font-weight: 700; border-bottom: solid 1px #83acd6; background: url(//memberpic.114my.cn/0393321/uploadfile/image/20230807/20230807100835_1085026809.png) left center no-repeat; }
.nav .promenu dl:nth-child(2) dt a { background: url(//memberpic.114my.cn/0393321/uploadfile/image/20230807/20230807103305_454480018.png) left center no-repeat; }
.nav .promenu dl:nth-child(3) dt a { background: url(//memberpic.114my.cn/0393321/uploadfile/image/20230807/20230807103306_98953477.png) left center no-repeat; }
.nav .promenu dl:nth-child(4) dt a { background: url(//memberpic.114my.cn/0393321/uploadfile/image/20230807/20230807103306_443291267.png) left center no-repeat; }
.nav .promenu dd { padding-top: 10px }
.nav .promenu dd a { font-size: 14px; line-height: 36px; margin-top: 5px; height: 36px; overflow: hidden; display: block; color: #FFF }
.nav .gymenu a { padding: 0 30px; display: inline-block; position: relative; color: #FFF; font-size: 14px; }
.nav .gymenu a:before { content: ""; width: 1px; height: 14px; top: 25px; left: 0; position: absolute; background: #ddd }
.nav .gymenu a:first-child:before { display: none }
/*banner*/
.bann { overflow: hidden; }
.slider { width: 100%; }
.slick-slide { height: auto; }
.slick-slide img { width: 100%; }
.slick-prev { left: 38px; z-index: 99; }
.slick-next { right: 40px; }
.bann>button { display: none!important; }
.ban_bc { width: 100%; min-height: 737px; position: relative; text-align: center; height: 780px; overflow: hidden; }
.ban_bc video { max-width: 1920px; margin: 0 auto; }
.slick-dotted.slick-slider { margin-bottom: 0!important; }
.bann_num>span { font-size: 30px; color: #fff; display: block; z-index: 999; cursor: pointer; }
.bann_num>.ban_prev { position: absolute; top: 50%; left: 40px; transform: rotate(180deg); }
.bann_num>.ban_next { position: absolute; top: 50%; right: 40px; }
.ban_dot { position: absolute; bottom: 46px; left: 50%; display: flex; margin-left: -33px; }
.ban_dot li { width: 12px; height: 12px; border-radius: 100%; background: #fff; }
.ban_dot li+li { margin-left: 12px; }
.ban_dot li button { display: none; }
.ban_dot li.slick-active { background: #005aa0; }
.video_text { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 9; width: 80%;}
.video_text h3 { font-weight: bold; font-size: 78px; color: #fff; }
.video_text p { font-size: 32px; margin-top: 55px; color: #fff; }
.ban_bc:after { content: ''; position: absolute; width: 993px; height: 366px; background: url()center no-repeat; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 7; }
.ban_bc:before { content: ''; position: absolute; width: 100%; height: 100%; background: url(//memberpic.114my.cn/0393321/uploadfile/image/20230807/20230807110008_1635449346.png) repeat 0px 0px; background-size: 2px; -webkit-background-size: 2px; -moz-background-size: 2px; -o-background-size: 2px; -ms-background-size: 2px; left: 0; top: 0; z-index: 6; }
.index-search { height: 100px; padding-top: 25px; border-bottom: solid 1px #e4e4e4 }
.index-search .hotbox { float: left; width: 50%; font-size: 15px; padding-top: 10px; display: inline-block }
.index-search .hotbox .blue { color: #0090c8 }
.index-search .hotbox a { color: #888; padding-right: 40px; display: inline-block }
.index-search .hotbox a:hover { color: #0090c8 }
.index-search .searchbox { width: 500px; float: right; display: block }
.index-search .searchbox input { width: 500px; height: 50px; padding: 10px; border: 0; color: #666; font-size: 14px; padding-left: 30px; padding-right: 50px; background: #e8ecef; font-family: "Microsoft YaHei" }
.index-search .searchbox img { max-height: 20px; margin-left: -40px }
.index-title { padding: 80px 0 40px 0; font-size: 16px; text-align: center }
.index-title .blue { display: block; font-size: 42px; line-height: 50px; color: #222222; font-weight: normal; padding-bottom: 10px }
.index-proudct { padding-bottom: 0 }
.index-proudct .container { position: relative; max-width: 1460px; width: 96% }
.index-proudct .container .show_pro_more { position: absolute; top: 130px; right: 0; display: inline-block }
.index-proudct .container .show_pro_more a { background: url(//memberpic.114my.cn/0393321/uploadfile/image/20230807/20230807115049_1411336260.png) center right no-repeat; padding-right: 20px; display: inline-block }
 @media (max-width:1500px) {
.index-proudct .container { width: 100% }
}
.index-proudct ul { margin: 0 -15px }
 @media (max-width:1500px) {
.index-proudct ul { margin: 0 }
}
.index-proudct li { width: 22.9%; float: left; padding: 0 15px }
.index-proudct li a { display: block; position: relative }
.index-proudct li .pic { overflow: hidden; position: relative }
.index-proudct li .pic:after { content: ""; display: block; padding-bottom: 104.6% }
.index-proudct li .pic img { width: 100%; -webkit-transition: all 700ms ease; transition: all 700ms ease }
.index-proudct li .tit { color: #fff; height: 60px; font-size: 20px; line-height: 60px; text-align: center; position: relative; background: #0090c8; -webkit-transition: all 700ms ease; transition: all 700ms ease }
.index-proudct li .tit span { right: 50px; top: 0; position: absolute; display: inline-block }
.index-proudct li:hover .pic img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
.index-proudct li:hover .tit { background: #3a9cdd }
.index-about { background: #f1f2f5; padding: 90px 0 }
.index-about dt { width: 41%; float: left; position: relative }
.index-about dt .icon { top: 0; left: 0; top: 50%; left: 50%; z-index: 1; margin-top: -22px; margin-left: -22px; position: absolute }
.index-about dd { width: 59%; float: left; font-size: 15px; line-height: 26px; padding-left: 50px }
.index-about dd h2 { color: #111; font-size: 36px; height: 90px; font-family: "Microsoft YaHei", "arial"; font-weight: normal; position: relative; line-height: 90px; overflow: hidden }
.index-about dd h2 b { color: #0090c8; font-family: "Microsoft YaHei", "arial" }
.index-about dd h2:before { content: ""; width: 14px; height: 2px; bottom: 0; left: 0; position: absolute; background: #0090c8 }
.index-about dd .txtbox p { margin-top: 20px }
.index-about dd .txtbox .more { width: 100px; height: 24px; margin-top: 30px; text-align: center; background: #2b5dbb; vertical-align: top; display: inline-block }
.index-about dd .txtbox .more img { vertical-align: top; -webkit-transition: all 500ms ease; transition: all 500ms ease }
.index-about dd .txtbox .more:hover { background: #0090c8 }
.index-about ul { margin-top: 60px }
.index-about li { float: left; width: 411px; height: 290px; margin-left: 12px; -webkit-transition: all 334ms ease; transition: all 334ms ease; border: solid 1px #d9d9d9; }
.index-about li .pic { width: 409px; height: 288px; position: relative }
.index-about li:hover { box-shadow: 0 0 10px #eee }
.index-about li:first-child { margin-left: 0 }
.index-application { overflow: hidden; padding: 10px 0 10px 0 }
.index-application .scroll { margin-top: 60px; position: relative }
.index-application .slick-dots { bottom: auto; top: -65px }
.index-application .slick-dots li button { width: 10px; height: 10px; margin: 0 2px; background: #0090c8 }
.index-application .slick-dots li.slick-active button { background: #fff; border: solid 1px #0090c8 }
.index-application .slick-prev, .index-application .slick-next { width: 31px; height: 31px; border: 0; top: 0; margin-top: -74px; border-radius: 100% }
.index-application .slick-prev { left: 44%; margin-left: -105px; background: url(//memberpic.114my.cn/0393321/uploadfile/image/20230807/20230807115130_1171453528.png) no-repeat center center #e8ecef }
.index-application .slick-next { left: 56%; margin-left: 75px; background: url(//memberpic.114my.cn/0393321/uploadfile/image/20230807/20230807115130_2111948648.png) no-repeat center center #e8ecef }
.index-application .item { border-left: solid 1px #fff; position: relative }
.index-application .item .pic { overflow: hidden; position: relative }
.index-application .item .pic:before { }
.index-application .item .pic img { width: 100%; height: auto; transition: transform 2s; }
.index-application .item .pic:hover img { transform: scale(1.1); }
.index-application .item .txtbox { bottom: 0; left: 0; right: 0; top: 0; width: 100%; height: 100%; color: #fff; text-align: center; position: absolute; -webkit-transition: all ease .4s; transition: all ease .4s; }
.index-application .item:hover .txtbox { background-color: #0090c8; -webkit-transition: all ease .4s; transition: all ease .4s; }
.index-application .item .tit { font-size: 20px; display: block; margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.index-application .item .tit span { display: block; padding-top: 35px; }
.index-application .item .txt { height: 24px; margin-top: 5px; overflow: hidden }
.index-outstanding .content { color: #fff; height: auto; background: #0090c8 url(//memberpic.114my.cn/0393321/uploadfile/image/20230807/20230807100806_2002968985.png) center center repeat-y;/*background-image: -webkit-linear-gradient(left, #0090c8, #0090c8, #0a84ff);
	background-image: linear-gradient(left, #0090c8, #0090c8, #0a84ff)*/ }
.index-outstanding li { width: 33.222%; float: left; text-align: center; height: auto; font-size: 18px; padding-top: 80px; padding-bottom: 80px; border-left: dashed 1px #fff; border-bottom: dashed 1px #fff }
.index-outstanding li .num { position: relative }
.index-outstanding li .num span { font-size: 110px; line-height: 120px; font-family: "arial" }
.index-outstanding li .num i { top: 0; padding-left: 15px; font-size: 18px; font-style: normal; position: absolute }
.index-outstanding li:first-child { border-left: 0 }
.index-outstanding li:nth-child(4) { border-left: 0 }
.index-outstanding li:nth-child(4) { border-bottom: 0 }
.index-outstanding li:nth-child(5) { border-bottom: 0 }
.index-outstanding li:nth-child(6) { border-bottom: 0 }
.index-outstanding li .fonts_show { padding-top: 60px; }
.index-outstanding li .fonts_show span { display: block; font-size: 24px; padding-top: 20px; }
.index-ad { color: #fff; height: 220px; text-align: center; padding-top: 40px; font-size: 16px; background: #0090c8 url(//memberpic.114my.cn/0393321/uploadfile/image/20230807/20230807100806_2002968985.png) center center repeat-y;/*background-image: -webkit-linear-gradient(left, #0090c8, #0090c8, #0a84ff);
	background-image: linear-gradient(left, #0090c8, #0090c8, #0a84ff)*/ }
.index-ad .font36 { font-size: 36px; line-height: 50px }
.index-ad .font16 { letter-spacing: 3px }
.index-ad .tel { height: 55px; line-height: 53px; width: 424px; font-size: 18px; vertical-align: top; display: inline-block; border: solid 1px #00a9ea; margin-top: 10px }
.index-ad .tel i { font-size: 42px; font-style: normal; vertical-align: top; font-family: "arial" }
.index-content { height: 792px; padding-top: 12px; background: url(http://www.kansa.cn/images/bg.jpg) no-repeat top center }
.index-content .bg { height: 586px; position: relative; background: url(http://www.kansa.cn/images/bg-2.png) no-repeat top center }
.index-content .bg .tit { color: #005ebc; font-size: 24px; font-weight: bold; margin-top: 20px }
.index-content .bg .txt { font-size: 16px; line-height: 24px; margin-top: 10px }
.index-content .bg img { max-height: 70px; opacity: .6; -webkit-transition: all 500ms ease; transition: all 500ms ease }
.index-content .bg .box-1:hover img, .index-content .bg .box-2:hover img, .index-content .bg .box-3:hover img, .index-content .bg .box-4:hover img, .index-content .bg .box-5:hover img, .index-content .bg .box-6:hover img { opacity: 1; -webkit-transform: rotateY(180deg); transform: rotateY(180deg) }
.index-content .bg .box-1 { bottom: 40px; left: 110px; position: absolute }
.index-content .bg .box-2 { bottom: 230px; left: 270px; position: absolute }
.index-content .bg .box-3 { bottom: 360px; left: 460px; position: absolute }
.index-content .bg .box-4 { bottom: 340px; left: 670px; position: absolute }
.index-content .bg .box-5 { bottom: 250px; left: 860px; text-align: right; position: absolute }
.index-content .bg .box-6 { bottom: 40px; right: 110px; text-align: right; position: absolute }
.index-news { padding: 100px 0 }
.index-news .title { position: relative }
.index-news .title:before { content: ""; width: 696px; right: 0; height: 1px; top: 30%; background: #dedede; position: absolute }
.index-news .title .cn { font-size: 26px; color: #0090c8; font-weight: bold; line-height: 30px; font-family: "Microsoft YaHei", "arial" }
.index-news .title .en { font-size: 14px; color: #ccc; font-family: arial }
.index-news .title a { right: 0; top: 2px; position: absolute; background: #3a9cdd }
.index-newsd { padding-bottom: 50px; }
.index-newsd .container { position: relative; max-width: 1460px; width: 96%; }
.index-newsd .container .show_pro_more { position: absolute; top: 110px; right: 0; display: inline-block }
.index-newsd .container .show_pro_more a { background: url(http://www.kansa.cn/images/more_btns.png) center right no-repeat; padding-right: 20px; display: inline-block }
.index-newsd .item a { border: solid 1px #e3e3e3; position: relative; padding: 20px; margin: 0 20px; display: table; }
.index-newsd .item .pic { width: 35%; vertical-align: middle; display: table-cell; }
.index-newsd .item .pic img { width: 100%; transition: transform 2s; }
.index-newsd .item:hover .pic img { transform: scale(1.1); }
.index-newsd .item .txtbox { vertical-align: middle; display: table-cell; text-align: left; width: 65%; padding-left: 5% }
.index-newsd .item .txtbox h3 { font-size: 18px; margin-bottom: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.index-newsd .item .txtbox .new_descipes { line-height: 24px; height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #999999; }
.index-newsd .slick-dots { bottom: -50px; }
.index-newsd .slick-dots li.slick-active button { background: #03519f; }
.index-newsd .slick-dots li button { background-color: #d3d3d3; width: 12px; height: 12px; }
.index-newsd .slick-prev { display: none }
.index-newsd .slick-next { display: none }
.index-zizhi { }
.index-zizhi .container { position: relative; max-width: 1460px; width: 96%; }
.index-zizhi ul { text-align: center; padding-bottom: 70px; }
.index-zizhi ul li { display: inline-block; width: 33%; text-align: center }
.index-zizhi ul li img { width: 90%; margin: 0px auto }
.index-honors { padding-bottom: 80px; }
.index-honors .container { position: relative; max-width: 1460px; width: 96%; }
.index-honors .scroll { }
.index-honors .slick-track { }
.index-honors .item { color: #444; height: 130px; font-size: 16px; text-align: center; border: solid 1px #dedede; }
.index-honors .item .pic { width: 100%; height: 80px; margin: 0 auto; position: relative; }
.index-honors .item .pic img { display: block; margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 80%; max-width: 80%; }
.index-honors .item .txtbox span { }
.index-honors .swiper-container5 { padding-bottom: 30px; }
.index-honors .swiper-container5 > .swiper-pagination-bullets .swiper-pagination-bullet { width: 12px; height: 12px; background-color: #0090c8; border: #0090c8 1px solid; }
.index-honors .swiper-container5 > .swiper-pagination-bullet-active { background-color: #ffffff; }
.index-honors .swiper-slide li { margin: 1px; border: solid 1px #dedede; -webkit-transition: all ease .4s; transition: all ease .4s; }
.index-honors .swiper-slide li a { display: block; color: #444; height: 130px; font-size: 16px; text-align: center; }
.index-honors .swiper-slide li .news_imgs { width: 100%; height: 80px; margin: 0 auto; position: relative; overflow: hidden; }
.index-honors .swiper-slide li .news_imgs img { display: block; margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 80%; max-width: 80%; transition: transform 2s; }
.index-honors .swiper-slide li:hover { border: solid 1px #0090c8; -webkit-transition: all ease .4s; transition: all ease .4s; }
.index-honors .swiper-slide li .news_r_fonts { display: block; font-size: 14px; }
.index-news .leftbox { width: 810px; float: left }
.index-news .leftbox dl { overflow: hidden; margin-top: 30px }
.index-news .leftbox dt { float: left; width: 290px; height: 285px; position: relative }
.index-news .leftbox dt .pic { width: 290px; height: 285px; position: relative }
.index-news .leftbox dt .tit { color: #fff; bottom: 0; left: 0; width: 100%; height: 80px; font-size: 16px; font-weight: bold; padding: 14px 20px; position: absolute; background: #0b4076 }
.index-news .leftbox dt .tit span { height: 48px; overflow: hidden }
.index-news .leftbox dd { width: 480px; float: right }
.index-news .leftbox dd .box { overflow: hidden; margin-top: 40px }
.index-news .leftbox dd .box:first-child { margin-top: 0 }
.index-news .leftbox dd .time { color: #bcbcbc; width: 96px; float: left; height: 64px; padding-right: 20px; text-align: right; font-family: "DINPro-Light_0"; border-right: solid 1px #ccc }
.index-news .leftbox dd .time p:first-child { font-size: 30px; font-weight: 700 }
.index-news .leftbox dd .txtbox { float: left; width: 370px; padding-left: 20px }
.index-news .leftbox dd .txtbox .tit { height: 24px; margin-top: -2px; overflow: hidden; font-weight: bold; font-size: 16px }
.index-news .leftbox dd .txtbox .tit a { color: #444 }
.index-news .leftbox dd .txtbox .txt { color: #999; height: 40px; margin-top: 5px; overflow: hidden; line-height: 20px }
.index-news .leftbox dd .txtbox:hover .tit a { color: #0090c8 }
.index-news .rightbox { width: 390px; float: right }
.index-news .rightbox .title:before { width: 280px }
.index-news .rightbox ul { margin-top: -3px }
.index-news .rightbox li { padding: 30px 0; border-top: dashed 1px #dadada }
.index-news .rightbox li .tit { color: #333; font-size: 16px; font-weight: bold; height: 24px; overflow: hidden }
.index-news .rightbox li .txt { height: 66px; color: #848484; overflow: hidden; margin-top: 10px }
.index-news .rightbox li:first-child { border-top: 0 }
.index-news .rightbox li:hover .tit { color: #0090c8 }
/*搴ㄥ辫ㄦ峰瀹 寮濮*/
footer { padding-top: 70px; background: #222428; }
footer .bottom_l_lists { float: left; width: 80%; text-align: left; }
footer dl { width: 24%; display: inline-block; vertical-align: top }
footer dl dt { line-height: 18px; margin-bottom: 25px; font-size: 18px; color: #ffffff; }
footer .bottom_r_con { float: right; width: 19%; text-align: left; }
footer .bottom_r_con .biaoti { display: block; color: #7f7f81; padding-bottom: 15px; line-height: 1 }
footer .bottom_r_con .bottom_phone { display: block; color: #ffffff; padding-bottom: 30px; font-size: 30px; font-family: "arial"; }
footer .bottom_r_con .bottom_links { padding-bottom: 40px; }
footer .bottom_r_con .bottom_links select { background-color: #393a3e; color: #ffffff; width: 100%; border: 0; height: 40px; line-height: 40px; padding-left: 10px; }
footer .bottom_r_con .guanzhu { display: block; color: #7f7f81; }
footer .bottom { margin-top: 60px; border-top: #393a3e 1px solid; position: relative; line-height: 180%; padding-top: 26px; padding-bottom: 26px; }
footer .bottom p { }
.fl { float: left; }
.fr { float: right; }
footer .bottom .to-top { position: absolute; top: -37px; left: 50%; width: 106px; height: 37px; margin-left: -53px; background: url(../images/bg-top-top.png) no-repeat; cursor: pointer; }
footer dl dd, footer dl dd a { line-height: 36px; font-size: 15px; color: #a9aaab; }
footer dl dd a:hover { color: #fffffffff; }
/*搴ㄥ辫ㄦ峰瀹 END*/

.adbanner .slick-dots { text-align: right; padding-right: 70px }
.adbanner .slick-dots li button { border-radius: 0; width: 6px; height: 6px }
.adbanner .slick-dots li.slick-active button { background: #0090c8 }
.ft-floatbox { background: #000; height: 290px; bottom: 0; left: 0; width: 100%; padding-top: 35px; position: fixed }
.ft-floatbox .ren { float: left; margin-left: -40px; margin-top: -85px }
.ft-floatbox .text { float: left; font-family: "Microsoft YaHei"; padding: 20px 0 0 20px }
.ft-floatbox .text .font34 { font-size: 34px; font-weight: 700; line-height: 60px; color: #fff }
.ft-floatbox .text .font34 span { font-family: arial; color: #0090c8 }
.ft-floatbox .text .font25 { font-size: 25px; line-height: 30px; color: #b2b2b2 }
.ft-floatbox .message { float: left; width: 330px; margin-left: 60px }
.ft-floatbox .message li { position: relative; margin-top: 11px }
.ft-floatbox .message li input, .ft-floatbox .message li select { height: 45px; font-size: 16px; color: #444; font-family: "Microsoft YaHei"; padding-left: 40px; background: #f2f2f2; width: 100%; border: 0 }
.ft-floatbox .message li input:focus { background: #fff }
.ft-floatbox .message li select { color: #999; -webkit-appearance: none; -moz-appearance: none; background: url(../images/sk-2.jpg) no-repeat top right #f2f2f2 }
.ft-floatbox .message li label { top: 10px; left: 10px; position: absolute }
.ft-floatbox .message li .btn { display: block; height: 45px; color: #fff; font-size: 20px; font-weight: 700; line-height: 45px; text-align: center; background: #a3bd2e }
.ft-floatbox .message li .btn:hover { background: #0090c8 }
.ft-floatbox .weixin { float: right; color: #fff; margin-top: 11px; font-size: 15px }
.ft-floatbox .weixin img { margin-bottom: 15px }
.inside-banner { height: auto; overflow: hidden; position: relative; margin-top: 80px; display: block }
.inside-banner .scroll { overflow: hidden }
.inside-banner span { /*top: 0;
	left: 50%;
	width: 1920px;
	height: 350px;
	margin-left: -960px;
	position: absolute*/ }
.inside-banner span img { width: 100%; }
.inside-banner .txtbox { top: 50%; margin-top: -40px; left: 0; z-index: 9; color: #fff; width: 100%; font-size: 15px; text-align: center; position: absolute }
.inside-banner .txtbox p:first-child { font-size: 40px; line-height: 50px; font-weight: bold; padding-bottom: 10px; font-family: "Microsoft YaHei" }
.inside-font20 { font-size: 20px }
.inside-menu { min-height: 66px; border-bottom: solid 1px #e1e1e1 }
.inside-menu .menu { width: 75%; float: left; font-size: 18px }
.inside-menu .menu li { float: left; height: 65px; line-height: 65px; overflow: hidden; margin-right: 10px }
.inside-menu .menu li a { display: block; padding: 0 30px; font-size: 16px; }
.inside-menu .menu li:first-child a { padding-left: 0 }
.inside-menu .menu .active>a { font-weight: bold; color: #0090c8; font-size: 20px; }
.inside-menu .menu li:hover>a { color: #0090c8; }
.inside-menu.pro_fenlei .menu li { height: auto; line-height: 1.2; margin: 10px 0; }
.inside-menu.pro_fenlei .menu-3 li a { text-align: center }
.inside-menu.pro_fenlei .menu li span { display: block; margin-bottom: 10px; }
.inside-menu.pro_fenlei .menu li span img { height: 62px; margin: 0px auto; }
.inside-menu.pro_fenlei .menu li:nth-child(5) {/* margin-top:82px;*/ }
.inside-menu.pro_fenlei .menu .active > a { font-weight: normal; color: #0090c8; font-size: 16px; position: relative; display: block; }
.inside-menu.pro_fenlei .menu .active > a::after { bottom: 0px; left: 0%; width: 100%; height: 2px; background: #0090c8; z-index: 2 }
.inside-menu.pro_fenlei .menu { width: 70%; }
.inside-menu.pro_fenlei .current { width: 30%; float: right; height: auto; color: #858585; line-height: 1; overflow: hidden; text-align: right; margin-top: 50px; }
.jisuh_titile { text-align: center; padding-bottom: 50px; }
.jisuh_titile h3 { font-size: 36px; font-weight: normal }
.jisuh_titile span { font-size: 16px; display: block; padding-top: 20px; line-height: 160%; }
.news_in_contents { background-color: #f6f6f6; padding-top: 70px; padding-bottom: 50px; }
.new_in_listsd ul { margin-bottom: 70px }
.new_in_listsd ul li:first-child { margin-top: 0 }
.new_in_listsd ul li { background: #ffffff; margin-top: 30px; -webkit-transition: all 500ms ease; transition: all 500ms ease; padding: 50px; overflow: hidden; box-shadow: 0 0 25px #eee; }
.new_in_listsd ul li a { display: block; position: relative; overflow: hidden }
.new_in_listsd ul li .bt { font-size: 24px; color: #22437d; height: 26px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 20px; }
.new_in_listsd ul li .tt { font-size: 15px; color: #666; line-height: 28px; overflow: hidden; letter-spacing: 0; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.new_in_listsd ul li .date { color: #666; font-size: 15px; font-family: arial; padding: 10px 0 5px 0; }
.new_in_listsd ul li .bt, .new_in_listsd ul li .tt, .new_in_listsd ul li .date { }
.new_in_listsd ul li .more { font-size: 14px; display: inline-block; color: #ffffff; padding: 8px 35px; -webkit-transition: .5s; transition: .5s; background-color: #034486; border-radius: 30px; display: none }
.new_in_listsd ul li:hover { box-shadow: 0 0 25px #ddd; background-color: #034486 }
.new_in_listsd ul li:hover .bt, .new_in_listsd ul li:hover .date, .new_in_listsd ul li:hover .tt { color: #ffffff }
.new_in_listsd ul li:hover .more { background-color: #ffffff; color: #034486; }
.new_img_lists { padding-bottom: 70px; }
.new_img_lists ul { text-align: center }
.new_img_lists ul li { display: inline-block; width: 31%; margin: 0 1%; text-align: left }
.new_img_lists ul li .new_pic { overflow: hidden; }
.new_img_lists ul li .new_pic img { width: 100%; transition: transform 2s; }
.new_img_lists ul li:hover .new_pic img { transform: scale(1.1); }
.new_img_lists ul li .new_titile { font-size: 24px; line-height: 1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 20px; margin-top: 25px; }
.new_img_lists ul li .new_times { font-size: 14px; line-height: 1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 15px; color: #999; }
.new_img_lists ul li .new_descipes { font-size: 15px; color: #666; line-height: 28px; overflow: hidden; letter-spacing: 0; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.inside-menu .menu-2 { font-size: 20px }
.inside-menu .menu-2 li a { display: block; position: relative }
.inside-menu .menu-2 li a:before { content: ""; width: 100%; height: 60px; top: 6px; left: 0; opacity: 0; position: absolute; border-top-left-radius: 5px; border-top-right-radius: 5px; background: #0090c8 }
.inside-menu .menu-2 li a span {
 z-index: :2; position: relative; display: inline-block }
.inside-menu .menu-2 li a:first-child { padding-left: 40px }
.inside-menu .menu-2 li:hover a, .inside-menu .menu-2 .active a { color: #fff }
.inside-menu .menu-2 li:hover a:before, .inside-menu .menu-2 .active a:before { opacity: 1 }
.inside-menu .menu-3 { font-size: 20px }
.inside-menu .menu-3 li a { padding: 0 25px }
.inside-menu .current { width: 25%; float: right; height: 66px; color: #858585; line-height: 65px; overflow: hidden; text-align: right }
.inside-menu .current p { position: relative; display: inline-block; padding-left: 20px; }
.inside-menu .current p::before { content: ''; position: absolute; top: 50%; left: 0%; height: 15px; background: url(../images/home_icon.png) center center no-repeat; width: 16px; margin-top: -8px; }
.inside-menu .current a { color: #858585 }
.inside-menu .current a:hover { color: #0090c8 }
.inside-menu .current span { color: #0090c8; text-decoration: underline }
.inside-title { color: #333; font-size: 36px; padding: 70px 0; line-height: 40px; text-align: center; position: relative }
.inside-title span { width: 127px; height: 1px; margin: 0 7px; vertical-align: middle; background: #d2d2d2; display: inline-block }
.inside-technical .bg { padding: 95px 0 110px 0;/*	background: #f4f3f2*/ }
.inside-technical ul { margin-bottom: 70px }
.inside-technical ul li:first-child { margin-top: 0 }
.inside-technical ul li { background: #f6f6f6; margin-top: 30px; -webkit-transition: all 500ms ease; transition: all 500ms ease; padding: 50px; overflow: hidden }
.inside-technical ul li a { display: block; position: relative; overflow: hidden }
.inside-technical ul li .bt { font-size: 24px; color: #22437d; height: 26px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 10px; }
.inside-technical ul li .tt { font-size: 15px; color: #666; line-height: 28px; overflow: hidden; letter-spacing: 0; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 30px; }
.inside-technical ul li .date { color: #666; font-size: 15px; font-family: arial; padding: 10px 0 5px 0; }
.inside-technical ul li .bt, .inside-technical ul li .tt, .inside-technical ul li .date { }
.inside-technical ul li .more { font-size: 14px; display: inline-block; color: #ffffff; padding: 8px 35px; -webkit-transition: .5s; transition: .5s; background-color: #034486; border-radius: 30px; }
.inside-technical ul li:hover { box-shadow: 0 0 25px #ddd; background-color: #034486 }
.inside-technical ul li:hover .bt, .inside-technical ul li:hover .date, .inside-technical ul li:hover .tt { color: #ffffff }
.inside-technical ul li:hover .more { background-color: #ffffff; color: #034486; }
.inside-news { padding-bottom: 70px }
.inside-news .one { background: #f6f6f6; overflow: hidden; margin-bottom: 40px }
.inside-news .one .pic { float: left; width: 549px; position: relative; height: 386px }
.inside-news .one .pic img { -webkit-transition: .5s; transition: .5s }
.inside-news .one .text { width: 610px; float: left; padding-left: 50px; padding-top: 55px }
.inside-news .one .text .date { font-size: 15px; color: #999; font-family: arial; margin-bottom: 10px }
.inside-news .one .text .bt { font-size: 30px; color: #333; height: 40px; line-height: 36px; margin-bottom: 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.inside-news .one .text .jsh { font-size: 15px; color: #666; line-height: 30px; height: 60px; overflow: hidden; margin-bottom: 59px }
.inside-news .one .text .more { width: 213px; height: 49px; border: 1px solid #003771; font-size: 16px; line-height: 47px; padding-left: 36px; color: #fff; -webkit-transition: .5s; transition: .5s; background: #003771 url(../images/moreh.png) no-repeat 62% center }
.inside-news .one:hover .pic img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) }
.inside-news .one:hover .text .bt { color: #0090c8 }
.inside-news .one:hover .text .more { background: #003771 url(http://www.kansa.cn/images/moreh.png) no-repeat 68% center }
.inside-news ul { margin-bottom: 70px }
.inside-news ul li { -webkit-transition: all 500ms ease; transition: all 500ms ease; font-family: "Microsoft YaHei"; padding: 35px 40px 35px 40px; border-bottom: 1px solid #e7e7e7; overflow: hidden }
.inside-news ul li a { display: block; position: relative; overflow: hidden }
.inside-news ul li .bt { font-size: 19px; color: #222; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.inside-news ul li .date { color: #9d9d9d; font-size: 14px }
.inside-news ul li .more { font-size: 14px; color: #003771; position: absolute; top: 7px; right: 0; padding-bottom: 4px; -webkit-transition: .5s; transition: .5s; border-bottom: 1px solid #003771 }
.inside-news ul li:hover { background: #f8f8f8 }
.inside-news ul li:hover .bt { color: #003771 }
.inside-news-show { font-size: 15px; line-height: 36px; padding: 70px 0 80px 0 }
.inside-news-show h1 { color: #000; font-size: 34px; line-height: 40px; font-weight: normal }
.inside-news-show .info { margin-top: 30px; padding: 15px 0; color: #8a8a8a; position: relative; margin-bottom: 40px; border-top: solid 1px #f1f1f1; border-bottom: solid 1px #f1f1f1 }
.inside-news-show .info span { padding: 0 30px; display: inline-block }
.inside-news-show .info .share { top: 14px; right: 0; position: absolute }
.inside-news-show .info .share a { margin-right: 10px; display: inline-block }
.inside-news-show .info .share a img { background: #b9b9b9; border-radius: 100% }
.inside-news-show .info .share a:hover img { background: #0090c8 }
.inside-xg-news { padding: 60px 0 100px 0; background: #eee }
.inside-xg-news fieldset { border: 0; color: #333; font-size: 30px; line-height: 30px; border-top: solid 1px #d4d4d4 }
.inside-xg-news legend { padding-right: 10px }
.inside-xg-news ul { padding-top: 10px }
.inside-xg-news li { width: 47%; float: left; margin-top: 40px }
.inside-xg-news li .box { overflow: hidden }
.inside-xg-news li .box:first-child { margin-top: 0 }
.inside-xg-news li .time { color: #bcbcbc; width: 96px; float: left; height: 64px; padding-right: 20px; text-align: right; font-family: "DINPro-Light_0"; border-right: solid 1px #ccc }
.inside-xg-news li .time p:first-child { font-size: 30px; font-weight: 700 }
.inside-xg-news li .txtbox { float: left; width: 500px; padding-left: 20px }
.inside-xg-news li .txtbox .tit { height: 24px; margin-top: -2px; overflow: hidden; font-weight: bold; font-size: 16px }
.inside-xg-news li .txtbox .tit a { color: #444 }
.inside-xg-news li .txtbox .txt { color: #999; height: 40px; margin-top: 5px; overflow: hidden; line-height: 20px }
.inside-xg-news li .txtbox:hover .tit a { color: #0090c8 }
.inside-page-news { padding-top: 40px; margin-top: 70px; text-align: center; border-top: solid 1px #dadada }
.inside-page-news a { color: #444; line-height: 50px; min-width: 120px; display: inline-block; text-align: center; border: solid 1px #cbcbcb }
.inside-page-news a:hover { color: #0090c8; border-color: #0090c8 }
.inside-page-news font:first-child { float: left }
.inside-page-news font:last-child { float: right }
.inside-page-news .return { border: 0 }
.inside-page { text-align: center; overflow: hidden }
.inside-page a { background: #fff; display: inline-block; line-height: 33px; padding: 0 15px; text-align: center; height: 35px; margin: 0 0 0 6px; font-family: arial; font-size: 14px; border: solid 1px #ddd; color: #666 }
.inside-page a:hover { border-color: #0090c8; color: #fff; background: #0090c8 }
.inside-page .cpb { border-color: #0090c8; color: #fff; background: #0090c8 }
.inside-about { color: #444; padding-bottom: 110px; line-height: 34px; font-size: 16px }
.inside-about .text { margin-top: -20px; margin-bottom: 50px }
.inside-about .list li { margin-top: 5px }
.inside-about .list-video { padding-top: 0px; text-align: center; }
 @media (max-width:1280px) {
.inside-about .list-video { margin-left: 0; margin-right: 0 }
}
.inside-about .list-video li { width: 30%; height: auto; margin: 0 1.5%; margin-bottom: 25px; position: relative; display: inline-block; overflow: hidden }
.inside-about .list-video li .video_imgs { width: 100%; height: auto; transition: transform 2s; }
.inside-about .list-video li:hover .video_imgs { transform: scale(1.1); }
.inside-about .list-video li .video_iconsd { position: absolute; left: 50%; top: 50%; z-index: 2; margin-top: -40px; margin-left: -40px; }
.inside-about .list-video li .vedio_titile { position: absolute; left: 0%; bottom: 0%; width: 100%; background: url(http://www.kansa.cn/images/back003.png) left top repeat-x; text-align: center; color: #FFF; z-index: 2; padding: 10px 0; padding-top: 40px; }
 @media (max-width:1280px) {
.inside-about .list-video li { margin: 0 14px; display: block; width: auto; margin-bottom: 1rem; }
}
.inside-about .list-video li .pic { width: 600px; height: 445px; position: relative }
.inside-about .list-video li .tit { width: 100%; height: 60px; color: #fff; font-size: 24px; line-height: 60px; text-align: center; position: relative; background-color: #000; }
.inside-about .list-honor { margin: 0 -5px; text-align: center }
 @media (max-width:1280px) {
.inside-about .list-honor { margin: 0 }
}
.inside-about .list-honor li { width: 23%; display: inline-block; color: #333; margin: 10px 0.5%; font-size: 16px; text-align: center; position: relative }
 @media (max-width:1280px) {
.inside-about .list-honor li { margin-left: 3px; margin-right: 3px }
}
.inside-about .list-honor li a { color: #381b30; display: block; margin: 0 auto; position: relative }
.inside-about .list-honor li .pic { width: 100%; height: 430px; display: block; position: relative; }
.inside-about .list-honor li .tit { height: 24px; overflow: hidden; margin-top: 15px; padding: 0 20px; line-height: 24px; font-weight: lighter }
.inside-about .list-honor li:nth-child(1), .inside-about .list-honor li:nth-child(2), .inside-about .list-honor li:nth-child(3) { width: 31%; margin: 0 0.5%; }
.inside-about .list-honor li img { width: 100%; border: solid 3px #b6b6b6 }
.inside-about .list-honor li:nth-child(1) .pic, .inside-about .list-honor li:nth-child(2) .pic, .inside-about .list-honor li:nth-child(3) .pic { width: 100%; height: 286px }
.inside-contact { padding-bottom: 150px }
.inside-contact .tel { font-size: 36px; line-height: 40px; color: #22437d; margin-top: -20px; padding-bottom: 60px; text-align: center }
.inside-contact .tel span { color: #474747; font-family: "arial" }
.inside-contact dl { overflow: hidden }
.inside-contact dt { float: left; width: 64% }
.inside-contact dt img { width: 100% }
.inside-contact dd { }
.inside-contact dd .item { position: relative; background: #ededed; margin-top: 1% }
.inside-contact dd .item:first-child { margin-top: 0 }
.inside-contact dd .item:nth-child(2n) { background: #dedede; }
.inside-contact dd .item .left_img { float: left; width: 63%; background: #ffffff; padding-right: 1%; }
.inside-contact dd .item .left_img img { width: 100%; }
.inside-contact dd .item .right_fonts { float: right; width: 37%; }
.inside-contact dd .item .contents { position: absolute; bottom: 10%; width: 30%; right: 3%; }
.inside-contact dd .item .contents .name { color: #444; font-size: 24px; padding-bottom: 10px }
.inside-contact dd .item .contents .tt { padding-left: 30px; margin-top: 15px; position: relative }
.inside-contact dd .item .contents img { top: 3px; left: 0; position: absolute }
.inisde-proudct .inside-title { padding-top: 60px }
.inisde-proudct .list { margin: 0 -15px; margin-top: -20px }
 @media (max-width:1280px) {
.inisde-proudct .list { margin: 0 }
}
.inisde-proudct .list li { width: 31%; float: left; margin: 15px 1%; display: inline }
 @media (max-width:1280px) {
.inisde-proudct .list li { margin: 10px }
}
.inisde-proudct .list li a { display: block; position: relative }
.inisde-proudct .list li .pic { width: 100%; height: auto; overflow: hidden; position: relative; }
.inisde-proudct .list li .pic img { width: 100%; height: 400px; transition: transform 2s; }
.inisde-proudct .list li:hover .pic img { transform: scale(1.1); }
.inisde-proudct .list li .tit { color: #fff; height: 60px; font-size: 20px; line-height: 60px; text-align: center; position: relative; background: #0090c8; -webkit-transition: all 700ms ease; transition: all 700ms ease }
.inisde-proudct .list li .tit span { right: 50px; top: 0; position: absolute; display: inline-block }
.inisde-proudct .list li:hover { border-bottom: 0 }
.inisde-proudct .list li:hover .tit { background: #3a9cdd; border-top: 0 }
.inisde-proudct .inside-page { padding: 50px 0 60px 0 }
.inisde-proudct .list-2 { padding: 50px 0; background: #f4f4f4 }
.inisde-proudct .list-2 .title { color: #444; font-size: 24px; padding-bottom: 20px; text-align: center }
.inisde-proudct .list-2 li { width: 25%; float: left; color: #444; height: 130px; font-size: 16px; text-align: center; margin-left: -1px; margin-top: -1px; border: solid 1px #dedede }
.inisde-proudct .list-2 li .pic { width: 230px; height: 80px; margin: 0 auto; position: relative }
.inisde-proudct .list-3 { background: #fff }
.inside-news-box { padding: 90px 0 }
.inside-news-box .title { color: #111; font-size: 26px; line-height: 30px; padding-bottom: 20px; border-bottom: solid 1px #e9e9e9 }
.inside-news-box .title a { width: 70px; height: 20px; color: #b5b5b5; font-size: 12px; line-height: 18px; text-align: center; border-radius: 30px; float: right; margin-top: 13px; border: solid 1px #e0e0e0; display: inline-block }
.inside-news-box .leftbox { width: 560px; float: left }
.inside-news-box .leftbox ul { padding-top: 10px }
.inside-news-box .leftbox li { color: #777; height: 34px; padding-left: 10px; position: relative; overflow: hidden; line-height: 34px; font-size: 15px }
.inside-news-box .leftbox li:before { content: ""; width: 4px; height: 4px; left: 0; top: 16px; background: #777; position: absolute }
.inside-news-box .leftbox li a { color: #777; display: block; float: left; width: 75% }
.inside-news-box .leftbox li span { float: right; font-size: 14px; font-family: arial }
.inside-news-box .leftbox li:hover:before { background: #0090c8 }
.inside-news-box .leftbox li:hover a { color: #0090c8 }
.banner_pro_info img { width: 100%; }
.inside-baozhang { height: auto; color: #fff; padding-top: 60px; background: url(//memberpic.114my.cn/0393321/uploadfile/image/20230807/20230807100806_2002968985.png) repeat-y center center; padding-bottom: 110px; }
.inside-baozhang .title { color: #fff; font-size: 36px; line-height: 40px; text-align: center; }
.inside-baozhang li { width: 33.333%; float: left; font-size: 17px; margin-top: 50px; position: relative; text-align: center; border-right: #5298de 1px solid; }
.inside-baozhang li:first-child { border-left: #4e79a3 1px solid; }
.inside-baozhang li span { height: auto; width: 100%; font-size: 70px; font-family: arial; line-height: 150px; border-radius: 100%; color: #ffffff; position: relative; vertical-align: top; display: inline-block; font-family: "arial"; }
.inside-baozhang li span i { top: -30px; font-size: 16px; vertical-align: top; font-style: normal; position: absolute; font-family: "Microsoft YaHei", "arial" }
.inside-baozhang li em { font-family: "Microsoft YaHei", "arial"; font-style: normal }
.inside-baozhang li p { margin-top: 0px; font-size: 20px; line-height: 26px }
.inside-baozhang li:first-child:before { display: none }
.inside-group { color: #555; font-size: 17px; line-height: 34px }
.inside-group .title { color: #333; font-size: 36px; line-height: 40px; text-align: center; font-weight: normal; padding-bottom: 30px; font-family: "Microsoft YaHei" }
.inside-group .pic { margin-top: 20px; text-align: center }
.inside-group .item li { overflow: hidden; padding: 100px 0 80px 0; background: #f4f4f4 }
.inside-group .item li:hover dt img { -webkit-transform: rotateY(180deg); transform: rotateY(180deg) }
.inside-group .item dt { float: left; width: 232px; height: 74px; padding: 14px; font-size: 20px; color: #0090c8; padding-left: 30px; line-height: 40px; font-family: "Microsoft YaHei"; border: solid 1px #0090c8 }
.inside-group .item dt img { margin-right: 15px; float: left; -webkit-transition: all 500ms ease; transition: all 500ms ease }
.inside-group .item dd { width: 950px; float: right; line-height: 32px; margin-top: -10px }
.inside-group .item-1 { padding: 100px 0; background: #f4f4f4 }
.inside-group .item-2 { background: none }
.about_us_lists ul { text-align: center }
.about_us_lists ul li { min-height: 560px; display: inline-block; width: 23%; margin: 0 0.6%; background-color: #f5f5f5; vertical-align: top; padding: 30px; padding-top: 60px; }
.about_us_lists ul li dt { }
.about_us_lists ul li dt .back_imgs { display: block; width: 70px; height: 70px; margin: 0px auto; margin-bottom: 20px; background: url(http://www.kansa.cn/images/about_icon_01.png) center center no-repeat; background-size: cover }
.about_us_lists ul li:nth-child(2) dt .back_imgs { background: url(http://www.kansa.cn/images/about_icon_02.png) center center no-repeat; }
.about_us_lists ul li:nth-child(3) dt .back_imgs { background: url(http://www.kansa.cn/images/about_icon_03.png) center center no-repeat; }
.about_us_lists ul li:nth-child(4) dt .back_imgs { background: url(http://www.kansa.cn/images/about_icon_04.png) center center no-repeat; }
.about_us_lists ul li dt .titiles02 { display: block; font-size: 30px; margin-bottom: 50px; }
.about_us_lists ul li dd { text-align: left; font-size: 14px; }
.about_us_lists ul li:hover { background: url(http://www.kansa.cn/images/back_002.png) center center no-repeat; background-size: cover }
.about_us_lists ul li:hover dt .back_imgs { background: url(http://www.kansa.cn/images/about_icon_hover01.png) center center no-repeat; }
.about_us_lists ul li:nth-child(2):hover dt .back_imgs { background: url(http://www.kansa.cn/images/about_icon_hover02.png) center center no-repeat; }
.about_us_lists ul li:nth-child(3):hover dt .back_imgs { background: url(http://www.kansa.cn/images/about_icon_hover03.png) center center no-repeat; }
.about_us_lists ul li:nth-child(4):hover dt .back_imgs { background: url(http://www.kansa.cn/images/about_icon_hover04.png) center center no-repeat; }
.about_us_lists ul li:hover { color: #FFF }
.about_us_lists ul li:hover a { color: #FFF }
.menufloat { top: 20%; width: 100px; right: 100px; z-index: 100; position: fixed; }
.menufloat li { width: 70px; height: 70px; text-align: center; padding-top: 10px; margin-top: 5px; background: #fff; border: solid 1px #3a9cdd }
.menufloat li a { color: #333; display: block; font-size: 12px }
.menufloat li a .tit { height: 16px; line-height: 16px; overflow: hidden; }
.menufloat li .icobox { margin-bottom: 3px; position: relative; display: inline-block }
.menufloat li .ico-h { top: 0; left: 0; opacity: 0; position: absolute }
.menufloat .active { border-color: #0090c8; background: #0090c8 }
.menufloat .active a { color: #fff }
.menufloat .active .ico { opacity: 0 }
.menufloat .active .ico-h { opacity: 1 }
.menufloat .ico img { max-height: 30px; }
.menufloat .ico-h img { max-height: 30px; }
 @media (max-width:1600px) {
.menufloat { right: 30px }
}
 @media (max-width:1440px) {
.menufloat { right: 0 }
}
.inisde-proudct-show .title-2 { color: #333333; font-size: 34px; letter-spacing: 5px; text-align: center; margin-bottom: 20px; line-height: 46px; padding: 40px 0 20px 0; }
.inisde-proudct-show .item-1 { padding-top: 50px; text-align: center; background: #f5f5f5; padding-bottom: 100px; }
.inisde-proudct-show #proshow-5 .item-1 { background-color: #FFF }
.inisde-proudct-show .item-1 .hexin { text-align: center }
.inisde-proudct-show .item-1 .hexin li { float: left; width: 31%; margin: 1%; display: table; vertical-align: middle; border: #FFF 3px solid; background-color: #ffffff; padding-right: 20px; padding-left: 20px; -webkit-transition: all ease .4s; transition: all ease .4s; }
.inisde-proudct-show .item-1 .hexin li .img_left { vertical-align: middle; display: table-cell; width: 50%; }
.inisde-proudct-show .item-1 .hexin li .font_right { vertical-align: middle; display: table-cell; width: 50%; padding-left: 4%; font-size: 14px; line-height: 180%; text-align: left }
.inisde-proudct-show .item-1 .hexin li .font_right span strong { font-size: 16px; }
.inisde-proudct-show .item-1 .hexin li .font_right h3 { font-size: 20px; margin-bottom: 15px; }
.inisde-proudct-show .item-1 .hexin li .font_right span { display: block; font-size: 14px; color: #4c4948; line-height: 180%; }
.inisde-proudct-show .item-1 .hexin li:hover { border: #034486 3px solid; -webkit-transition: all ease .4s; transition: all ease .4s; }
.inisde-proudct-show .item-2 { color: #fff; margin-top: 40px; background: url(//memberpic.114my.cn/0393321/uploadfile/image/20230807/20230807100806_2002968985.png) repeat-y top center }
.inisde-proudct-show .baohus ul { text-align: center }
.inisde-proudct-show .baohus ul li { display: inline-block; width: 165px; margin: 60px; text-align: center; background: none; border: #FFF 1px solid; border-radius: 6px; -webkit-transition: all ease .4s; transition: all ease .4s; color: #FFF; padding-top: 10px; margin-bottom: 70px; margin-top: 0 }
.inisde-proudct-show .baohus ul li .img_left2 { display: block; margin-bottom: 15px; }
.inisde-proudct-show .baohus ul li .font_right2 { font-size: 22px; margin-bottom: 15px; }
.inisde-proudct-show .baohus ul li:hover { border: #FFF 1px solid; }
.inisde-proudct-show .item-2 .title-2 { color: #fff; border-bottom: 0 }
.inisde-proudct-show .item-2 .title-2 span { display: block; padding-top: 25px; padding-bottom: 20px; font-size: 16px; line-height: 1 }
.inisde-proudct-show .item-3 { background: #f5f5f5 }
.inisde-proudct-show .item-2.baohus { padding-bottom: 60px; }
.inisde-proudct-show .item-4 { padding-top: 10px; padding-bottom: 110px }
.inisde-proudct-show .item-4 .title-2 { border: 0 }
.xijie { }
.xijie ul { text-align: center; }
.xijie ul li { display: inline-block; width: 23%; margin: 0 0.8%; background-color: #FFF; vertical-align: top }
.xijie ul li .xijie_img { position: relative; width: 100%; height: 150px; }
.xijie ul li .xijie_img img { display: block; margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.xijie ul li .xijie_font { font-size: 16px; padding-bottom: 30px; }
.xijie_pic { padding-top: 60px; }
.xijie_pic img { width: 100%; }
.canshu_img { font-size: 14px; line-height: 30px; text-align: left; padding-top: 0px; }
.canshu_img img { margin-top: 20px; }
.table_show { background-color: #a2b3bd; border: #a2b3bd }
.table_show td { background-color: #ffffff; height: 42px; line-height: 42px; text-align: center; font-size: 14px; color: #383838; width: auto }
.table_show td.centers { text-align: center; padding: 0 }
.table_show td.padding { }
.table_show .back27589f td { background-color: #27589f; color: #ffffff; font-size: 16px; font-weight: bold; text-align: center; padding: 0 }
.table_show td.xiejiao { position: relative; height: 66px; line-height: 66px; background: #27589f url(http://www.kansa.cn/images/xiexian.png) center center no-repeat; background-size: 100%; }
.table_show td.xiejiao .font01 { position: absolute; left: 20px; bottom: 10px; height: auto; line-height: 1; }
.table_show td.xiejiao .font02 { position: absolute; right: 20px; top: 10px; height: auto; line-height: 1; }
.table_show td.xiejiao .line_ffffff { position: absolute; right: 0px; top: 0px; height: 100%; width: 1px; background-color: #ffffff; }
.margin_bottom { margin-bottom: 40px; }
.home_vedio { background: #373737 url(http://www.kansa.cn/images/shipin.png) center center no-repeat; }
.caokong { }
.caokong ul { text-align: left; }
.caokong ul li { float: left; display: inline; width: 33.2%; padding: 0%; border-top: #d4d4d4 1px solid; border-bottom: #d4d4d4 1px solid; border-right: #d4d4d4 1px solid; vertical-align: top; text-align: center; padding: 50px 0 }
.caokong ul li .xijie_img { padding-bottom: 20px; }
.caokong ul li .xijie_img img { max-width: 85% }
.caokong ul li .xijie_font { font-size: 15px; line-height: 160%; }
.caokong ul li .xijie_font span { display: block; font-size: 20px; padding-bottom: 10px; }
.caokong ul li .xijie_titile { font-size: 24px; padding-bottom: 20px; color: #0090c8 }
.caokong ul li:nth-child(3) { border-right: 0; }
.caokong ul li:nth-child(4) { border-top: 0; }
.caokong ul li:nth-child(5) { border-top: 0; }
.caokong ul li:nth-child(6) { border-top: 0; border-right: 0; }
.inisde-proudct-show .item-4 .scroll { width: 1211px; margin: 0 auto; padding-top: 8px; height: 743px; background: #575757 }
.inisde-proudct-show .item-4 .bigimg { width: 1194px; height: 614px; margin: 0 auto }
.inisde-proudct-show .item-4 .bigimg span { width: 1194px; height: 614px; display: block; position: relative }
.inisde-proudct-show .item-4 .bigimg .slick-prev, .inisde-proudct-show .item-4 .bigimg .slick-next { width: 63px; height: 63px; border: 0; margin-top: -31px }
.inisde-proudct-show .item-4 .bigimg .slick-prev { background: url(http://www.kansa.cn/images/arrow-11.png) no-repeat center center }
.inisde-proudct-show .item-4 .bigimg .slick-next { background: url(http://www.kansa.cn/images/arrow-2.png) no-repeat center center }
.inisde-proudct-show .item-4 .small { height: 89px; padding: 25px 50px 8px 50px }
.inisde-proudct-show .item-4 .small span { width: 172px; height: 89px; display: inline-block; position: relative }
.inisde-proudct-show .item-4 .small .slick-prev, .inisde-proudct-show .item-4 .small .slick-next { width: 28px; height: 28px; border: 0; margin-top: 10px }
.inisde-proudct-show .item-4 .small .slick-prev { left: 15px; background: url(http://www.kansa.cn/images/arrow-3.png) no-repeat center center }
.inisde-proudct-show .item-4 .small .slick-next { right: 15px; background: url(http://www.kansa.cn/images/arrow-4.png) no-repeat center center }
/**********IE8***********/

.prompt { position: fixed; width: 100%; height: 100%; background: url(http://www.kansa.cn/images/ie_sosad.png) no-repeat center 35% #ffffff; left: 0; bottom: 0; display: none; z-index: 999; filter: alpha(opacity=80); opacity: 80; }
.prompt span { position: absolute; font-size: 14px; font-family: 'Microsoft YaHei'; top: 55%; left: 50%; margin-left: -200px; width: 400px; display: block; line-height: 24px; color: #666; }
.prompt span a { text-decoration: underline; }
.prompt_close { width: 30px; height: 30px; position: absolute; right: 30px; top: 30px; background: url(http://www.kansa.cn/images/closed.png) no-repeat center center; cursor: pointer; }