@charset "utf-8"; .swiper-container1 { width: 100%; display: inline-block; } .swiper-container1>.swiper-wrapper1 { -webkit-transition-timing-function: linear; /*之前是ease-out*/ -moz-transition-timing-function: linear; -ms-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; } .swiper-container1 img{ border: 1px solid #eeeeee; width: 153px;} .fujian { border-top: 1px dashed #eee;padding-left: 20px;font-weight: bold; padding-top: 10px; } .fujian a{ font-weight: 500; } .jzk_nvav { margin-top: 30px;} .jzk_nvav a { margin-bottom: 20px; transition: 0.3s; border-radius: 45px; height: 45px; line-height: 43px; display: inline-block; float: left; margin-right: 11px; padding: 0 14px; background: #f9f9f9; border: 1px solid #efefef; color: #1c1c1c;}.jzk_nvav a.hv ,.jzk_nvav a:hover { background: #1541ac;border: 1px solid #1541ac;color: #fff;} /* 头部 */ .fu_title { text-align: center; font-size: 18px; } .jzk_nav_01 { padding-left: 0; border-top: 1px solid #e5e5e5; text-align: left; } .jzk_nav_01 { width: 100%; background: #fff; margin: 0 auto; } .jzk_nav_01 ul { display: inline-block; float: left; width: 100%; } .jzk_nav_01 li a { height: 47px; line-height: 47px; text-align: center; width: 108px; display: inline-block; } .jzk_nav_01 .jzk_box > ul > li { margin: 0 ; float: left; margin-right: 1px; } .jzk_nav_01 .jzk_box > ul > li > a { color: #333333; width: 100%; text-align: center; width: 108px; display: inline-block; } .jzk_nav_01 li.hover > a, .jzk_nav_01 li:hover > a { color: #fff !important; background: #08277f; } .jzk_banner { width: 100%; } .swiper-pagination-bullet-active { background: #08277f; } @-weibit-keyframes musicMove { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .cc { word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .yy { box-shadow: -1px 3px 5px -1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: -1px 3px 5px -1px rgba(0, 0, 0, 0.1); -moz-box-shadow: -1px 3px 5px -1px rgba(0, 0, 0, 0.1); } .notext { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently not supported by any browser */ } .fd { clear: both; width: 100%; display: block; content: ' '; } .fbj { display: flex; flex-wrap: wrap; } .pac { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; } .jzk_nav_01 li ul { color: #fff; background: #08277f; } .jzk_nav_01 li ul li a { color: #fff; font-size: 14px; transition: 0.2s; } .jzk_nav_01 li ul li:hover > a { color: #fff; background: #11359b; } .jzk_logo_01 { padding: 16px 0; } /* 右侧 */ .jzk_nav_01r { float: right; background: #fff; width: 240px; height: 33px; line-height: 31px; margin-top: 33px; border-radius: 31px; border: 1px solid #eeeeee; } .jzk_nav_01r input { border: none; padding-left: 18px; color: #999; background: none; font-size: 14px; height: 31px; line-height: 31px; float: left; width: 180px; } .jzk_nav_01r button { background: #08277f; border: none; cursor: pointer; float: right; width: 40px; line-height: 20px; border-top-right-radius: 33px; height: 33px; border-bottom-right-radius: 33px; } .jzk_nav_01r button img { display: inline-block; vertical-align: middle; } /* 内页 */ .jzk_crumbs { height: 50px; line-height: 50px; font-size: 14px; padding: 0 18px; color: #999; } .jzk_crumbs a { color: #999; } .jzk_pagebox { background: #fff; padding: 0 0 30px; } .jzk_pagebox .k_about { padding: 79px 0 50px; text-align: center; } .jzk_pagebox .k_about .k1 { display: inline-block; color: #08277f; font-size: 48px; font-weight: bold; line-height: 1; } .jzk_pagebox .k_about .k2 { display: inline-block; color: #666666; font-size: 18px; font-weight: bold; line-height: 30px; text-align: left; position: relative; top: 5px; } .jzk_show { margin-bottom: 0; padding-top: 40px; } .k_pal { float: left; width: 210px; } .k_par { float: right; width: 975px; } .k_pat { line-height: 54px; height: 54px; border-bottom: 3px solid #e8e8e8; margin-bottom: 20px; } .k_pat h2 { font-size: 24px; color: #333; padding-left: 20px; float: left; } .k_lt { width: 100%; height: 69px; line-height: 69px; color: #fff; font-weight: bold; font-size: 22px; padding-left: 20px; background: #c3996a; } .k_lt2 { padding: 0 6px; background: #fff; padding-bottom: 22px; } .k_lt2 a { height: 54px; line-height: 54px; color: #666666; padding-left: 20px; background: #fff; width: 100%; display: inline-block; font-size: 16px; border-bottom: 1px dashed #ebebeb; } .k_lt2 a.hover, .k_lt2 a:hover { color: #666666; background: #fff url(../images/li.jpg) no-repeat 178px center; } .k_lt2 ul li ul { padding: 8px 0; display: none; background: #f9f9f9; } .k_lt2 ul li ul li a { background: #f9f9f9; } .k_lt2 ul li ul li a { border: none; height: 34px; line-height: 34px; font-size: 14px; color: #999; padding-left: 22px; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .k_lt2 a.hoverson { color: #0258b8; background: #fff url(../images/li2.jpg) no-repeat 178px center; } .k_lt2 ul li ul li a:hover { background: none; } .k_tx { height: 51px; line-height: 48px; padding-left: 13px; font-size: 22px; font-weight: bold; } .hot { display: inline; background: #ef9026; color: #fff; border-radius: 4px; font-size: 12px; font-weight: normal; padding: 0 6px; margin-left: 8px; text-transform: uppercase; } .k_tnewx { padding: 10px 20px; } .k_tnewx li { padding: 15px 10px; float: left; width: 900px; display: inline; margin: 5px 0 0px; } .k_tnewx li:nth-child(2n) { background: #f8f8f8; } .k_tnewx span { float: left; display: inline-block; width: 85px; height: 60px; color: #666; font-size: 14px; padding-left: 15px; margin-top: 8px; } .k_tnewx span strong { font-weight: bold; border-bottom: 1px solid #d2d2d2; width: 54px; display: inline-block; font-size: 30px; text-align: center; padding-bottom: 9px; } .k_tnewx h3 { font-size: 18px; font-weight: bold; color: #000; } .k_tnewx p { color: #999; line-height: 22px; font-size: 14px; } .k_tnewxxx { padding: 10px 20px; } .k_tnewxxx li { padding: 15px 10px; float: left; width: 100%; display: inline; margin: 5px 0 0px; } .k_tnewxxx li:nth-child(2n) { background: #f8f8f8; } .k_tnewxxx span { float: right; display: inline-block; width: 85px; height: 60px; color: #666; font-size: 14px; padding-left: 15px; margin-top: 8px; } .k_tnewxxx span strong { font-weight: bold; border-bottom: 1px solid #d2d2d2; width: 54px; display: inline-block; font-size: 30px; text-align: center; padding-bottom: 9px; } .k_tnewxxx h3 { font-size: 18px; font-weight: bold; color: #000; } .k_tnewxxx p { color: #999; line-height: 22px; font-size: 14px; } .k_tnewxc2 { padding: 10px 20px; } .k_tnewxc2 li { padding: 15px ; float: left; width: 900px; display: inline; margin: 5px 0 0px; } .k_tnewxc2 .k1 img { float: left; width: 140px; height: 140px; margin-right: 15px; overflow: hidden; -wekit-border-radius: 5px; -max-border-radius: 5px; border-radius: 5px; } .k_tnewxc2 .imgzb { overflow: hidden; -wekit-border-radius: 5px; -max-border-radius: 5px; border-radius: 5px; } .k_tnewxc2 h3 { font-size: 18px; font-weight: bold; color: #000; margin-top: 13px; padding-bottom: 10px; } .k_tnewxc2 p { color: #999; line-height: 22px; font-size: 14px; } .k_panav { text-align: center; padding-top: 20px; padding-bottom: 40px; } .k_panav li { display: inline-block; } .k_panav li a { background: #eeeff3; line-height: 40px; height: 40px; color: #333333; margin: 0 5px; padding: 0 16px; display: inline-block; font-size: 14px; } .k_panav li a:hover, .k_panav li a.hover { background: #08277f; color: #fff; } .k_panav a { display: inline-block; } .k_panav a { background: #eeeff3; line-height: 40px; height: 40px; color: #333333; margin: 0 5px; padding: 0 16px; display: inline-block; font-size: 14px; } .k_panav span { display: inline-block; } .k_panav span { background: #eeeff3; line-height: 40px; height: 40px; color: #000; margin: 0 5px; padding: 0 16px; display: inline-block; font-size: 14px; } .k_panav span { background: #08277f; color: #fff; } .k_panav a:hover, .k_panav li a.hover { background: #08277f; color: #fff; } .k_foot_bg { background: #333333; padding: 35px 0 30px; color: #666; font-size: 14px; line-height: 30px; } .k_foot_bg a { color: #666; } .k_foot_bg .k1 { margin-bottom: 24px; } .k_foot_bg .k1 a { color: #999; display: inline-block; padding: 0 15px 0 0; } .k_foot_bg .k1 span { color: #666666; padding: 0 15px 0 0; } .k_foot_bg .k2 { float: left; width: 850px; color: #666; font-size: 14px; } .k_foot_bg .k2 a { color: #666; } .k_foot_bg .k2 .q1 { padding-bottom: 12px; } .k_foot_bg .k2 .q2 { height: 76px; } .k_foot_bg .k2 .q2 li { float: left; width: 244px; line-height: 24px; } .k_foot_bg .k2 .q3 { font-size: 12px; } .k_foot_bg .k3 { float: right; width: 290px; } .k_foot_bg .k3 ul li { width: 123px; margin-left: 20px; text-align: center; float: left; } .k_foot_bg .k3 ul li img { width: 123px; height: 123px; } .k_foot_bg .k3 ul li span { color: #666; font-size: 14px; line-height: 38px; } .k_tnewx2 { padding: 10px 20px; } .k_tnewx2 { height: auto; overflow: hidden; margin-bottom: 40px; } .k_tnewx2 li { border-bottom: 1px dashed #f1f1f1; padding-left: 15px; } .k_tnewx2 li a { display: inline-block; background: url(../images/li3.jpg) no-repeat left center; height: 59px; line-height: 59px; width: 100%; padding-left: 20px; padding-right: 20px; } .k_tnewx2 li h3 { color: #333; font-size: 16px; float: left; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 680px; display: inline-block; } .k_tnewx2 li span { display: inline-block; float: right; } .k_tnew_show { color: #000000; font-size: 16px; line-height: 30px; padding: 20px 30px 50px; } .k_tnew_show p { padding-bottom: 12px; } .k_zxw { height: auto; overflow: hidden; margin-bottom: 60px; margin-top: 50px; padding-top: 48px; background: url(../images/d8.jpg) no-repeat center top; margin-left: 30px; margin-right: 58px; } .k_zxw li { display: inline-block; position: relative; border-left: 1px solid #007cbc; width: 387px; margin-left: 421px; padding-left: 20px; } .k_zxw li:first-child { padding-top: 30px; } .k_zxw li:first-child i { top: 30px; } .k_zxw li i { position: absolute; left: -10px; top: 0; display: inline-block; } .k_zxw li p { color: #666; line-height: 24px; font-size: 16px; display: inline-block; padding-bottom: 20px; } .k_zxw li strong { width: 100%; display: inline-block; font-size: 26px; font-weight: bold; color: #333; padding-bottom: 10px; } .k_zxw li:nth-child(2n) { border-left: none; margin-left: 0; padding-left: 0; border-right: 1px solid #007cbc; margin-left: 35px; padding-right: 20px; } .k_zxw li:nth-child(2n) i { left: initial; right: -10px; } .k_zxw li:nth-child(2n) strong { text-align: right; } .k_pro { height: auto; overflow: hidden; padding-bottom: 20px; padding-top: 30px; } .k_pro li { text-align: center; width: 433px; display: inline-block; float: left; margin: 0 16px; } .k_pro li h3 { height: 53px; line-height: 53px; font-size: 16px; } .jzk_show_t { padding-bottom: 10px; color: #333333; font-size: 30px; font-weight: bold; } .jzk_show_c { width: 100%; padding: 0 20px; margin: 0 auto; font-size: 16px; } .jzk_show_c p { line-height: 30px; padding-bottom: 12px; } .jzk_show_c p img { } .jzk_show_qxb { padding-top: 15px; /*border-top: 1px dashed #eeeeee;*/ margin-top: 15px; } .jzk_show_qxb a { color: #999; font-size: 14px; text-align: left; float: left; line-height: 34px; width: 100%; display: inline-block; } .k_imgz { height: auto; overflow: hidden; margin-top: 36px; padding: 0 5px; border-bottom: 1px dashfed #f1f1f1; margin-bottom: 40px; } .k_imgz li { float: left; width: 445px; padding-bottom: 33px; margin-right: 30px; } .k_imgz li:nth-child(2n) { margin-right: 0; } .k_imgz li img { float: left; margin-right: 22px; width: 124px; } .k_imgz li h3 { color: #333; font-size: 20px; font-weight: bold; padding-bottom: 13px; margin-top: 20px; } .k_imgz li p { font-size: 14px; color: #999; line-height: 24px; height: 110px; } .k_imgz li span { color: #999; font-size: 14px; display: inline-block; background: #f6f6f6; line-height: 30px; height: 30px; border-radius: 30px; width: 72px; text-align: center; } .k_imgt { height: 32px; line-height: 32px; margin-bottom: 16px; } .k_imgt h3 { color: #c3996a; font-weight: bold; font-size: 16px; background: #fff url(../images/t2.jpg) no-repeat left center; display: inline-block; float: left; padding-left: 11px; padding-right: 7px; } .k_imgz2:nth-child(2) { margin-top: 21px; } .k_imgz2 { border-bottom: none; margin-bottom: 0; margin-top: 0; } .k_imgz2 li p { height: 80px; } .k_imgz2 li span { color: #999; font-size: 14px; display: inline-block; background: #f6f6f6; line-height: 24px; height: 24px; border-radius: 24px; width: 57px; text-align: center; } .k_imgz4 li { float: left; width: 100%; padding-bottom: 33px; margin-right: 30px; } .k_imgz4 li:nth-child(2n) { margin-right: 0; } .k_imgz4 li img { float: left; margin-right: 22px; width: 30%; } .k_imgz4 li h3 { color: #333; font-size: 20px; font-weight: bold; padding-bottom: 13px; margin-top: 20px; } .k_imgz4 li p { font-size: 14px; color: #999; line-height: 24px; height: 110px; } .k_imgz4 li span { color: #999; font-size: 14px; display: inline-block; background: #f6f6f6; line-height: 30px; height: 30px; border-radius: 30px; width: 72px; text-align: center; } .jzk_product_l { background: #eee; padding: 20px; margin-top: 30px; margin-bottom: 40px; } .jzk_product_l .gallery-top { margin-bottom: 13px; } .gallery-thumbs .swiper-slide-thumb-active img { border: none; opacity: 1; } .gallery-thumbs img { opacity: 0.5; } .swiper-container .swiper-button-next i, .swiper-container .swiper-button-prev i { color: #c3996a; } .k_top_k1 { float: right; margin-top: 18px; } .k_top_k1 .k1 { float: left; } .k_top_k1 .k2 { float: left; } .k_top_k1 .k2 span { color: #999; font-size: 14px; line-height: 1; } .k_top_k1 .k2 p { line-height: 1; color: #333; font-size: 22px; font-weight: bold; } .k_top_k1 .k3 { float: left; background: url(../images/top3.png) no-repeat left top; width: 23px; height: 49px; margin-left: 16px; } .k_top_k1 .k4 { float: left; } .k_top_k1 .k5 { float: left; color: #000; line-height: 49px; font-weight: bold; font-size: 16px; } .swiper-pagination-bullet { width: 14px; height: 14px; opacity: 1; background: #fff; } .swiper-pagination-bullet-active { background: #08277f; } .k_pape_nav_k1 { height: 66px; line-height: 66px; color: #1542ae; border-bottom: 1px solid #eeeeee; } .k_pape_nav_k1 .k1 { text-align: center; background: url(../images/q1.jpg) no-repeat right center; font-size: 24px; padding-right: 19px; font-weight: bold; float: left; } .k_pape_nav_k1 .k2 { float: left; padding-left: 18px; } .k_pape_nav_k1 .k2 li { float: left; } .k_pape_nav_k1 .k2 a { font-size: 16px; margin: 0 15px; display: inline-block; color: #333333; position: relative; z-index: 9; } .k_pape_nav_k1 .k2 li a::after { content: ' '; display: inline-block; height: 3px; background: #1542ae; width: 0; position: absolute; top: 63px; left: 0; right: 0; transition: 0.2s; margin: 0 auto; } .k_pape_nav_k1 .k2 li:hover a::after, .k_pape_nav_k1 .k2 li.hv a::after { width: 100%; } .k_img_k1 { padding-top: 50px; display: inline-block; width: 100%; } .k_img_k1 li { float: left; width: 25%; padding-bottom: 30px; } .k_img_k1 li a { display: inline-block; padding: 0 20px; } .k_img_k1 img { width: 262px; height: 321px; } .k_img_k1 h3 { width: 100%; text-align: center; color: #000; font-size: 16px; font-weight: bold; border-bottom: 1px solid #eeeeee; line-height: 34px; padding-top: 7px; } .k_img_k1 p { color: #999; line-height: 20px; font-size: 14px; margin-top: 7px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 40px; } .k_img_k2 { padding-top: 50px; display: inline-block; width: 100%; margin-bottom: 35px; border-bottom: 1px dashed #eeeeee; } .k_img_k2 ul { width: 1240px; display: flex; flex-wrap: wrap; } .k_img_k2 li { float: left; width: 33.33%; padding-bottom: 30px; } .k_img_k2 li a { display: inline-block; padding: 0 35px 0 0; } .k_img_k2 img { width: 380px; height: 207px; } .k_img_k2 h3 { color: #000; font-size: 18px; font-weight: bold; line-height: 22px; padding-top: 7px; padding-bottom: 12px; overflow: hidden; margin-left: 5px; margin-right: 5px; } .k_img_k2 p { color: #666666; line-height: 20px; font-size: 14px; margin-top: 7px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; height: 60px; margin-bottom: 10px; margin-left: 5px; margin-right: 5px; margin-bottom: 15px; } .k_tnewxc2 { padding: 10px 0; margin-bottom: 20px; margin-top: 20px; height: auto; overflow: hidden; border-bottom: 1px dashed #eeeeee; } .k_tnewxc2 li { padding: 15px 20px; float: left; width: 100%; display: inline; margin: 5px 0 0px; } .k_tnewxc2 .k1 img { float: left; width: 273px; height: 178px; margin-right: 21px; } .k_tnewxc2 h3 { font-size: 22px; font-weight: bold; color: #000; margin-top: 0; padding-bottom: 0px; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; line-height: 46px; } .k_tnewxc2 span { color: #6699cc; font-size: 14px; display: inline-block; float: left; width: 100%; line-height: 22px; } .k_tnewxc2 a { display: inline-block; width: 100%; } .k_tnewxc2 .k1 { float: left; width: 273px; } .k_tnewxc2 .k2 { float: left; width: 850px; margin-left: 24px; } .k_tnewxc2 p { color: #999999; line-height: 24px; font-size: 14px; display: inline-block; height: 70px; padding-top: 4px; } .k_tnewxc2 b { font-weight: 500; font-size: 14px; color: #08277f; padding-right: 26px; } .k_job_k1 { display: inline-block; width: 100%; display: flex; flex-wrap: wrap; padding-top: 35px; } .k_job_k1 li { width: 580px; margin-right: 39px; float: left; background: #f7f8fa; padding: 0 23px; margin-bottom: 30px; } .k_job_k1 li:nth-child(2n) { margin-right: 0; } .k_job_k1 a { display: inline-block; width: 100%; border-bottom: 1px solid #e5e5e5; line-height: 54px; } .k_job_k1 h3 { float: left; font-weight: bold; font-size: 22px; color: #000; } .k_job_k1 span { float: right; background: #08277f; width: 80px; line-height: 29px; border-radius: 29px; text-align: center; color: #fff; font-size: 14px; margin-top: 15px; } .k_job_k1 strong { width: 100%; display: inline-block; padding-top: 8px; font-size: 16px; color: #000; } .k_job_k1 p { color: #666; font-size: 14px; padding-bottom: 15px; } .k_x_t1 { width: 100%; background: #f2f2f2; height: auto; overflow: hidden; margin-top: 28px; } .k_x_t1l { width: 116px; float: left; text-align: center; padding-top: 29px; } .k_x_t1l span { width: 100%; display: inline-block; } .k_x_t1r { width: 1080px; float: left; padding: 35px 30px; } .k_x_t1r h3 { color: #333; font-size: 20px; padding-bottom: 15px; font-weight: bold; } .k_x_t1r p { padding-bottom: 18px; color: #999; font-size: 16px; line-height: 30px; } .k_x_t2 { width: 100%; height: auto; overflow: hidden; border: 1px solid #eeeeee; border-top: none; background: url(../images/w4.png) repeat-y; } .k_x_t2l { width: 116px; float: left; text-align: center; padding-top: 29px; height: 100%; } .k_x_t2l span { width: 100%; display: inline-block; } .k_x_t2r { width: 1080px; float: left; padding: 35px 30px; } .k_x_t2r h3 { color: #333; font-size: 20px; padding-bottom: 15px; font-weight: bold; } .k_x_t2r p { padding-bottom: 18px; color: #999; font-size: 16px; line-height: 30px; } .k_x_t3 { background: #f7f8fa; border: 1px solid #eeeeee; margin-top: 1px; text-align: center; padding: 40px 0; color: #666; font-size: 12px; } .k_x_t3 a { color: #2d64b3; padding: 0 7px; line-height: 22px; background: #fff; border: 1px solid #e7ecf0; font-size: 14px; } .k_x_t3 a.hv { color: #000050; background: none; border: none; } .k_x_t3 input { width: 30px; } .k_x_t3 button { padding: 0 10px; cursor: pointer; } .k_x_t4 { background: #f8f8f8; border: 1px solid #eeeeee; border-top: none; padding: 0 50px 45px; } .k_x_t4 .k1 { color: #333; font-size: 16px; line-height: 75px; margin-top: 11px; width: 100%; font-weight: bold; } .k_x_t4 .k3 { text-align: right; margin-top: 20px; } .k_x_t4 .k3 button { text-align: center; color: #fff; border-radius: 3px; width: 127px; line-height: 42px; display: inline-block; background: #08277f; border: none; cursor: pointer; } .jzk_show_qx { color: #6699cc; font-size: 14px; text-align: center; border-bottom: 1px dashed #eeeeee; line-height: 53px; padding-bottom: 10px; margin-bottom: 40px; } .jzk_show_qx span { padding: 0 15px; } .kt1 h2 { color: #333; font-size: 30px; font-weight: bold; line-height: 1; } .kt1 span { font-family: 'BodoniBT'; color: #999; font-size: 14px; padding: 5px 0; width: 100%; display: inline-block; line-height: 20px; text-transform: uppercase; } .kt1 b { width: 29px; height: 2px; background: #08277f; display: block; } .kindex_1 { height: 695px; overflow: hidden; } .kindex_1 .k1 { width: 500px; padding-top: 79px; marghin-left: 46px; } .kindex_1 .k1 .kt1 { display: inline-block; } .kindex_1 .k1 .q1 { display: inline-block; width: 100%; color: #333; font-size: 40px; line-height: 1; padding-top: 72px; padding-bottom: 20px; } .kindex_1 .k1 .q2 p { padding-bottom: 23px; color: #666; line-height: 30px; } .kindex_1 .jzk_box { position: relative; } .kindex_1 .k2 { width: 907px; height: 695px; background: url(../images/e1.png) no-repeat left top; position: absolute; left: 55%; top: 0; } .kindex_1 .k2 h3 { color: #08277f; font-size: 48px; padding-top: 135px; width: 546px; text-align: center; font-weight: bold; line-height: 1; } .kindex_1 .k2 span { color: #666666; font-size: 18px; line-height: 30px; display: block; padding-top: 20px; width: 546px; text-align: center; } .kindex_2 { height: 829px; background: url(../images/e7.png) no-repeat center top; padding-top: 50px; } .kindex_2 .kt1 { text-align: center; } .kindex_2 .kt1 b { margin: 0 auto; } .kindex_2 ul { padding-top: 34px; width: 110%; } .kindex_2 li { width: 390px; margin-right: 15px; float: left; } .kindex_2 li a > img { width: 390px; } .kindex_2 h3 { color: #000; font-size: 18px; display: inline-block; line-height: 40px; padding-top: 4px; font-weight: bold; } .kindex_2 p { font-size: 14px; color: #666; line-height: 24px; height: 84px; display: inline-block; } .kindex_3 { height: 765px; padding-top: 50px; } .kindex_3 .kt1 { text-align: center; margin-bottom: 30px; } .kindex_3 .kt1 b { margin: 0 auto; } .kindex_3 .jzk_box { position: relative; z-index: 9; } .kindex_3 .k2 { width: 545px; height: 314px; background: url(../images/e9.png) no-repeat center top; padding-left: 111px; padding-top: 51px; padding-right: 36px; position: absolute; left: 659px; top: 120px; z-index: 9; } .kindex_3 .k2 p { padding-bottom: 20px; color: #333; font-size: 16px; } .kindex_4 { height: 791px; background: url(../images/e10.png) no-repeat center top; padding-top: 60px; } .kindex_4 .kt1 { text-align: center; } .kindex_4 .kt1 b { margin: 0 auto; } .kindex_4 dl { width: 100%; text-align: center; margin-top: 40px; margin-bottom: 30px; } .kindex_4 dl dd { display: inline-block; } .kindex_4 dl a { color: #666; font-size: 18px; padding: 0 20px; display: inline-block; } .kindex_4 dl .hv a { color: #08277f; font-weight: bold; } .kindex_4 ul { width: 110%; display: none; } .kindex_4 ul li { background: #fff; padding: 18px 12px; width: 590px; margin-right: 24px; margin-bottom: 24px; float: left; } .kindex_4 ul li a > img { width: 218px; height: 158px; } .kindex_4 ul li .q2 { float: left; width: 235px; } .kindex_4 ul li .q1 { float: left; width: 321px; } .kindex_4 ul li h3 { color: #333; font-size: 16px; font-weight: bold; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .kindex_4 ul li span { font-size: 14px; color: #999; padding: 5px 0; display: inline-block; } .kindex_4 ul li p { font-size: 14px; color: #999; display: inline-block; height: 61px; } .kindex_4 .kmorew { padding-top: 30px; } .index_kt1 { width: 100%; float: left; padding-bottom: 40px; } .index_kt1 > a { display: inline-block; float: right; padding-top: 22px; } .index_kt1 > img { float: left; } .index_kt1 .index_kt2 { float: left; color: #989898; padding-left: 55px; } .index_kt1 .index_kt2 a { display: inline-block; color: #666666; font-size: 22px; position: relative; } .index_kt1 .index_kt2 a span { padding: 0 22px; } .index_kt1 .index_kt2 a h3 { display: inline-block; position: relative; padding: 32px 0; } .index_kt1 .index_kt2 a h3::after { content: ' '; display: inline-block; height: 3px; background: #1542ae; width: 0; position: absolute; bottom: 13px; left: 0; right: 0; transition: 0.2s; margin: 0 auto; } .index_kt1 .index_kt2 a.hv { color: #1542ae; } .sownx > * { display: none; } .sownx > *:first-child { display: block; } .index_kt1 .index_kt2 a.hv h3::after { width: 25px; } .kindex_5 { height: 690px; padding-top: 60px; } .kindex_5 .more_a{ float: right; margin-top: 30px; } .kindex_5 .kt1 { text-align: center; } .kindex_5 .kt1 b { margin: 0 auto; } .kindex_5 li img { width: 380px; height: 216px; } .kindex_5 ul .imgzb { overflow: hidden; -wekit-border-radius: 5px; -max-border-radius: 5px; border-radius: 5px; } .kindex_5 ul { width: 110%; padding-top: 42px; } .kindex_5 li { float: left; width: 380px; margin-right: 32px; } .kindex_5 li span { color: #6699cc; font-size: 14px; line-height: 1; height: 36px; display: inline-block; margin-top: 26px; margin-bottom: 16px; } .kindex_5 li h3 { color: #333333; font-size: 16px; line-height: 24px; font-weight: bold; display: inline-block; padding-bottom: 10px; padding-top: 20px; } .kindex_5 li P { color: #666666; font-size: 14px; line-height: 24px; display: inline-block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .kindex_5 li .k1 { padding: 0 ; } .kmorew { text-align: center; width: 100%; display: inline-block; padding-top: 40px; } .kmorew a { width: 120px; text-align: center; line-height: 36px; border: 1px solid #d2d2d2; transition: 0.2s; color: #666; font-size: 14px; display: inline-block; } .kmorew a:hover { background: #08277f; color: #fff; border: 1px solid #08277f; } .kxtloginb { display: none; } .kxtlogin { background: #fff url(../images/r1.png) no-repeat right top; width: 450px; height: 370px; border-radius: 4px; overflow: hidden; } .kxtlogin .k1 { color: #08277f; font-size: 22px; font-weight: bold; line-height: 36px; padding-top: 18px; padding-left: 68px; padding-bottom: 40px; } .kxtlogin .k1 img { margin-right: 18px; margin-left: 12px; } .kxtlogin .k2 { text-align: center; } .kxtlogin .k2 input { background: #eee; border: none; border-radius: 4px; padding: 0 20px 0 47px; line-height: 52px; width: 316px; margin-bottom: 14px; } .kxtlogin .k2 .q1 { background: #eee url(../images/c1.png) no-repeat 14px center; } .kxtlogin .k2 .q2 { background: #eee url(../images/c2.png) no-repeat 14px center; } .kxtlogin .k3 { width: 100%; height: 31px; cursor: pointer; } .kxtlogin .k3 span { float: right; display: inline-block; width: 50px; height: 30px; } .kxtlogin .k4 { text-align: center; padding-top: 10px; } .kxtlogin .k4 button { width: 189px; height: 45px; line-height: 45px; color: #fff; text-align: center; border-radius: 4px; border: none; background: #08277f; } .layui-layer { border-radius: 6px!important; overflow: hidden; } .layui-layer-setwin .layui-layer-close2 { right: -8px !important; top: -8px !important; background: none!important; } .k_img_kvb2 { padding-top: 70px; display: inline-block; width: 100%; margin-bottom: 35px; } .k_img_kvb2 ul { width: 1240px; display: flex; flex-wrap: wrap; } .k_img_kvb2 li { float: left; width: 33.33%; margin-bottom: 30px; } .k_img_kvb2 li a { display: inline-block; margin: 0 35px 0 0; background: #f9f9f9; overflow: hidden; height: 218px; -wekit-border-radius: 5px; -max-border-radius: 5px; border-radius: 5px; } .k_img_kvb2 img { width: 379px; height: 124px; } .k_img_kvb2 h3 { color: #000; font-size: 18px; font-weight: bold; line-height: 22px; padding-top: 7px; overflow: hidden; margin-left: 5px; margin-right: 5px; } .k_img_kvb2 p { color: #666666; line-height: 20px; font-size: 16px; margin-top: 7px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-left: 5px; margin-right: 5px; padding-bottom: 5px; margin-bottom: 15px; } .k_img_kvb2 p { color: #666666; } .k_img_kvb2 span { color: #6699cc; } .k_img_kvb2 .imgl_l { float: left; padding-left: 12px; padding-top: 3px; } .k_img_kvb2 .imgl_l img { width: 60px; height: 60px; } .k_img_kvb2 .imgl_r { float: left; width: 288px; } .imgzb { display: inline-block; overflow: hidden; } .imgzb img { transition: 0.3s; } .imgzb:hover img, .k_tnewxc2 li:hover .imgzb img, .k_img_k2 li:hover .imgzb img, .k_img_kvb2 li:hover .imgzb img, .k_img_k1 li:hover .imgzb img, .kindex_2 li:hover .imgzb img, .kindex_4 li:hover .imgzb img, .kindex_5 ul li:hover .imgzb img { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); } .k_img_k2 .imgzb { overflow: hidden; -wekit-border-radius: 5px; -max-border-radius: 5px; border-radius: 5px; } .k_img_k2 p { color: #666666; } .k_img_k2 span { color: #6699cc; } .k_img_ka2 { padding-top: 50px; display: inline-block; width: 100%; margin-bottom: 35px; border-bottom: 1px dashed #eeeeee; } .k_img_ka2 ul { width: 1240px; display: flex; flex-wrap: wrap; } .k_img_ka2 li { float: left; width: 33.33%; padding-bottom: 30px; text-align: center; } .k_img_ka2 li a { display: inline-block; padding: 0 35px 0 0; } .k_img_ka2 img { max-width: 370px; max-height: 369px; vertical-align: middle; } .k_img_ka2 .imgzb { width: 370px; height: 369px; text-align: center; border: 1px solid #eeeeee; line-height: 369px ; } .k_img_ka2 h3 { color: #333333; font-size: 16px; line-height: 22px; padding-top: 7px; padding-bottom: 12px; overflow: hidden; margin-left: 5px; margin-right: 5px; } .k_img_kc2 { padding-top: 50px; display: inline-block; width: 100%; margin-bottom: 35px; border-bottom: 1px dashed #eeeeee; } .k_img_kc2 ul { width: 1240px; display: flex; flex-wrap: wrap; } .k_img_kc2 li { float: left; width: 20%; padding-bottom: 30px; text-align: center; } .k_img_kc2 li a { display: inline-block; padding: 0 35px 0 0; } .k_img_kc2 img { width: 195px; height: 195px; vertical-align: middle; } .k_img_kc2 .imgzb { width: 195px; height: 195px; text-align: center; -wekit-border-radius: 3px; -max-border-radius: 3px; border-radius: 3px; border: 1px solid #eeeeee; } .k_img_kc2 h3 { color: #333333; font-size: 16px; line-height: 22px; padding-top: 7px; padding-bottom: 12px; overflow: hidden; margin-left: 5px; margin-right: 5px; } .head_ul { float: right; line-height: 94px; } .head_ul li { float: left; color: #fff; position: relative; } .head_ul li a { padding: 0 22px; color: #3c3e40; font-size: 16px; display: inline-block; position: relative; z-index: 9; text-align: center; } .head_ul li a::after { width: 0; height: 3px; background: #1542ae; content: ' '; display: inline-block; transition: 0.2s; position: absolute; bottom: 22px; left: 50%; transform: translateX(-50%); opacity: 0; } .head_ul li.hv a::after, .head_ul li:hover a::after { width: 30px; opacity: 1; } .head_nav_son { background: #fff; line-height: 36px; position: absolute; left: -40%; right: -40%; z-index: 9999; top: 94px; padding: 10px 0 10px; display: flex; flex-wrap: wrap; display: none; box-shadow: -6px 0px 26px 6px rgba(17, 17, 49, 0.1); } .head_nav_son::after { clear: both; width: 100%; display: block; content: ' '; } .head_nav_son a { width: 100%; display: inline-block; font-size: 14px !important; text-align: center; color: #000 !important; padding: 0 !important; margin: 0; } .head_nav_son a:after { display: none!important; } .head_nav_son a:hover { color: #1542ae !important; } .head_nav_son span { padding: 0 11px; color: #727b95; } .head_nav_son span:last-child { display: none; } .head_ul li.hv dl a::after, .head_ul li:hover dl a::after { display: none; } .foot_px { background: #333333; padding-top: 34px; color: #666666; padding-bottom: 42px; } .foot_px a { color: #666666; } .foot_px dt a { color: #999999; font-weight: bold; } .foot_px_ul { width: 655px; float: left; border-right: 1px dashed #474747; } .foot_px_ul dl { margin-right: 60px; float: left; } .foot_px_ul dl dt a { padding-bottom: 8px; display: inline-block; font-size: 14px; } .foot_px_ul dd a { font-size: 14px; } .foot_px_x { padding-left: 70px; margin-left: 50px; font-size: 14px; float: left; background: url(../images/index_12.jpg) 0 0 no-repeat; } .foot_px_x .foot_px_z { font-size: 28px; line-height: 1.2; font-weight: bold; } .foot_px_x .foot_px_v { padding-top: 12px; line-height: 1.6; } .foot_pz { background: #333333; padding-top: 24px; font-size: 14px; line-height: 28px; padding: 10px 0; text-align: center; border-top: 1px solid #3d3d3d; color: #666666; } .foot_pz a { color: #666666; } .foot_px_b { float: right; } .jzk_show_tcx { padding-bottom: 45px; } .news_list_04 ul { width: 100%; padding: 35px 0; display: inline-block; } .news_list_04 ul li { float: left; padding: 30px 0; overflow: hidden; -wekit-border-radius: 5px; -max-border-radius: 5px; border-radius: 5px; width: 100%; display: inline-block; -webkit-transition: 0.1s all linear 0s; transition: 0.1s all linear 0s; } .news_list_04 ul li:nth-child(2n) { background: #fbfbfb; } .news_list_04 ul li .fr { width: 840px; margin-left: 30px; float: left; padding-right: 3vmax; border-right: 1px dashed #dcdcdc; } .news_list_04 ul li .fr h3 { -webkit-transition: 0.1s all linear 0s; transition: 0.1s all linear 0s; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 22px; padding-bottom: 14px; color: #333; font-weight: bold; } .news_list_04 ul li .fr p { font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #999; line-height: 22px; } .news_list_04 ul li .fr:hover h3 { color: #333333; } .news_list_04 ul li .fxwr { width: 156px; padding-right: 40px; padding-top: 20px; text-align: center; display: inline-block; float: right; } .news_list_04 ul li .fxwr span { width: 100%; color: #999999; font-size: 12px; display: inline-block; } .news_list_04 ul li:hover { background: #f4f4f4; } .news_list_04 ul li .fl { width: 85px; height: 85px; padding-top: 5px; margin-left: 71px; background: #ffffff; border: 1px solid #eeeeee; -wekit-border-radius: 3px; -max-border-radius: 3px; border-radius: 3px; float: left; text-align: center; } .news_list_04 ul li .fl span { display: inline-block; color: #1542ae; font-size: 30px; font-weight: bold; width: 70%; line-height: 40px; border-bottom: 1px solid #eeeeee; } .news_list_04 ul li .fl p { display: inline-block; width: 100%; color: #999; line-height: 24px; font-size: 14px; } .index_z { background: #f9f9f9; padding: 50px 0; } .index_z .k_img_kvb2 { padding-top: 0px; margin-bottom: 0; } .index_z .k_img_kvb2 li a { background: #ffffff; } .index_xsa { background: #f9f9f9; padding: 50px 0; } .index_xsa ul { margin: 0 -12px; } .index_xsa ul li { float: left; width: 150px; height: 150px; margin: 0 12px 12px; } .index_xsa ul li img { width: 150px; height: 150px;border: 1px solid #eeeeee; } .index_zxc { background: url(../img/c3.png) no-repeat right bottom; padding: 50px 0; height: 633px; } .index_zxc .index_zxc_l { width: 478px; } .index_zxc .h1 { color: #333333; font-size: 30px; padding-bottom: 24px; line-height: 1.5; width: 100%; float: left; padding-top: 30px; } .index_zxc .pb1 { background: #1542ae; color: #ffffff; padding: 15px 0 15px 15px; margin-bottom: 18px; height: auto; overflow: hidden; } .index_zxc .pb3 { width: 160px; float: left; } .index_zxc .pb4 { padding-left: 15px; float: left; width: 115px; font-size: 36px; font-weight: bold; border-right: 1px solid #fff; } .index_zxc .pb4 p { padding-top: 12px; float: left; } .index_zxc .pb4 span { padding-top: 18px; padding-left: 6px; font-size: 16px; float: left; font-weight: 500; } .index_zxc .lj { float: left; width: 40px; margin-left: 26px; } .index_zxc .pb5 { padding-left: 6px; width: 120px; border-right: none; } .index_zxc .pb2 { font-size: 16px; line-height: 30px; color: #666666; } .jzk_nav_box { position: fixed; left: 0; right: 0;top: 0;z-index: 9999; background: #fff;box-shadow: 0px 2px 4px 0px rgba(19, 17, 67, 0.13); } body{ margin-top: 94px; }