html, body, p {
margin: 0;
padding: 0;
font-family: 微软雅黑;
}
*{box-sizing: border-box;}
a{text-decoration: none; color: #2F2F2F;display: block;}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
.clearfix {
*+height:1%;
}
header {
}
.ic{width:1100px; margin: 0px auto;}
.flex{ display: flex;}
.h100{height: 100%;}
.h1{height: 40px; background: #2E2E2E;}
.h1t1{line-height: 40px; color: #fff; font-size: 14px;}
.h2{height: 162px;border-bottom: 2px solid #358EE1;}
.h2 .logo{width: 480px; padding-right: 30px; height: 100%; display: flex; justify-content: center; align-items: center; border-right: 1px solid #E3E3E3;}
.h2 .logo img{width: 100%;}
.h2 .r{flex: 1;}
.h2 .r1{display: flex; height:112px;}
.h2 .r1l{display: flex; flex: 1; font-size: 20px; font-weight:bold; color: #454545; justify-content: center; align-items: center;}
.h2 .tel{display: flex;background:url(../img/images/cx_03.jpg) no-repeat left center; padding-left: 22px;
flex-direction: column;width: 200px; justify-content: center;align-items: flex-start;color: #358EE1;font-size: 20px;font-weight: bold;}
.menus ul{ margin: 0 0 0 30px; padding: 0px;}
.menus ul li{list-style-type: none;float: left; min-width:118px ;text-align: center; line-height: 48px; position: relative; }
.menus ul li::after {
content: "|";
font-size: 16px;
position: absolute;
right: -1px;
top: 0px;
color: #E3E3E3;
}
.menus ul li:last-child::after{display: none;}
.menus ul li.active{background: #358EE1; color: #fff; border-radius: 7px 7px 0px 0px;}
.menus ul li.active::after{display:none;}
.menus ul li.active a{color: #fff;}
.banner{height: 590px; }
.banner1 {
height: 350px;
background: url(../img/images/banner1_02.jpg?v=1) no-repeat center center;
}
.banner2 {
height: 350px;
background: url(../img/images/banne2r.jpg) no-repeat center center;
}
.banner3 {
height: 350px;
background: url(../img/images/kfbanner.jpg) no-repeat center center;
}
.banner4 {
height: 350px;
background: url(../img/images/banner_gywm.jpg) no-repeat center center;
background-size:cover;
}
.ty .tit{ text-align: center; padding-top:78px;position: relative;
height:208px;
}
.ty .tit .text{width: 222px; height: 34px; line-height: 28px; margin: 0px auto;
background: url(../img/images/index_09.png) center center no-repeat;text-align: center;font-size: 28px;
font-weight: bold; color: #2E2E2E;
}
.ty .tit p{
font-size: 24px; font-weight: bold; color: #348EDC; margin-top: 20px; padding: 0px;
}
.ty .tit .line{
position: absolute;
width: 100%; left: -50%; bottom: 0;
border-top: 2px solid #C6C6C6;
}
.pro {
height: 1300px;
background: #F0F0F0;
}
.pro .prol{width: 270px; margin-top: 48px; height: 1000px; background: #fff; float: left;}
.pro .prol .pt{
width: 210px;
height: 86px;
background: #358EE1;
color: #fff;
font-size: 28px;
font-weight: bold;
padding: 5px 0px 0px 19px;
margin-top: 38px;}
.pro .prol .ft{
font-size: 22px;
font-weight: bold;
color: #358EE1;
margin: 7px 0px 0px 20px;
}
.pro .col{border-bottom: 1px solid #E3E3E3;padding: 10px 20px;}
.pro .col .col_t{padding-left: 30px;line-height: 40px;
background: url(../img/images/cx_13.png) no-repeat left center;
color: #2E2E2E; font-size: 18px;font-weight: bold;
}
.pro .col .col_i{padding-left: 30px;line-height: 30px; font-size: 14px;
}
.pro .col_m{padding-left: 47px;
line-height: 53px;
background: url(../img/images/cx_16.jpg) no-repeat 21px center;
color: #2E2E2E;
font-size: 18px;
font-weight: bold;
}
.pro .pror{width: 800px; padding:20px 0 0 20px; margin-top: 48px; height: 1000px; background: #fff; float: right;}
.pro .pro_item{
width:240px;
height: 280px;
float: left; margin-right: 20px; margin-bottom: 45px;
}
.pro .pro_item img {
width:240px;height:240px;
}
.pro .pro_item .pro_item_t {
line-height: 20px;
font-size: 16px;
margin-top: 10px;
}
.pro .pro_item .pro_item_t span{border: 1px solid #358EE1; line-height: 20px; padding: 0px 5px; color: #358EE1; float: right;}
.case{height: 849px; background: #EFF4FA url(../img/images/casebg.jpg) no-repeat center center;}
.case .casel{width: 270px; margin-top: 48px; float: left;}
.case .caser{width: 800px; margin-top: 48px; height: 572px;float: right;}
.case_col{height: 92px; border-bottom: 1px solid #E5E5E5; background:#fff url(../img/images/cx_21.jpg) 20px center no-repeat;
display: flex; justify-content: center; align-items: flex-start; flex-direction: column;
padding-left: 50px; font-size:16px; line-height: 26px;
}
.case_col:hover{
background: #358EE1 url(../img/images/cx_18.jpg) 20px center no-repeat;
}
.case_col:hover a{color: #fff; display: block;display: flex; height: 100%; width: 100%; justify-content: center; align-items: flex-start; flex-direction: column; }
.case_more{margin-top: 20px; background: #fff url(../img/images/cx_16.jpg) no-repeat 21px center; height: 84px; border-bottom: 2px solid #358EE1;
display: flex; justify-content: center; align-items: flex-start; flex-direction: column;
padding-left: 50px; font-size:16px; line-height: 26px;
}
.case_more:hover a{display: flex; height: 100%; width: 100%; justify-content: center; align-items: flex-start; flex-direction: column; }
.case1{height: 400px; position: relative; background: #fff; margin-bottom: 30px;}
.case1 img{width: 552px; height: 400px;}
.case1 .case1_ab{position: absolute;
right: 0;
top: 0px;
width: 247px;
padding: 40px 20px;
}
.case1 .case1_ab h1{font-size: 17px;}
.case1 .case1_ab p{font-size: 15px;
line-height: 27px;
margin-top: 20px;
height: 222px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 8;
overflow: hidden;}
.case1 .case1_ab span{color: #358EE1;
border: 1px solid #358EE1;
padding: 3px 10px;
position: absolute;
right: 30px;
bottom: 10px; }
.casen {width: 185px; height: 134px; position: relative;float: left; margin-right: 20px;}
.casen:last-child{margin-right: 0px;}
.casen img{width: 185px; height: 134px;}
.casen a{position: absolute;left: 0px; right: 0; top: 0; bottom: 0; background:rgba(58,137,203,0.7); color: #fff;
display: none;justify-content: center;align-items: center; font-size: 14px; padding:0px 12px;
}
.casen:hover a{display: flex;}
.shows{height: 410px; background: #fff; text-align: left;}
.show_t{border-bottom: 1px solid #E3E3E3; padding-top: 20px;}
.show_t a{display: inline-block; padding: 20px; position: relative; cursor:pointer;}
.show_t a:first-child{padding-left: 0px;}
.show_t a.on:first-child::after{left: 0px;}
.show_t a.on{color: #358EE1; font-weight: bold;}
.show_t a.on::after{position: absolute; left: 20px; content: " ";border-bottom: 2px solid #358EE1; bottom: 0px;right: 20px; }
.show_ci{display: none;padding: 34px 61px;position: relative;}
.show_ci.on{display: block;}
.show_it{width:230px ; height: 230px; text-align: center; position: relative; overflow:hidden;}
.show_it img{width:230px ; height: 200px;}
.show_it .span{position: absolute; left: 0; top: 0; width:230px ; height: 200px;
color: #fff; display: none; justify-content: center; align-items: center; background:rgba(58,137,203,0.7);
}
.show_it .span span{border: 1px solid #fff; padding: 5px;}
.show_it:hover .span{display: flex;}
.shows .swiper-button-next{
border: 1px solid #ccc;
height: 200px;
top: 56px;
width: 40px;
right: 0px;
}
.shows .swiper-button-prev{
border: 1px solid #ccc;
height: 200px;
top: 56px;
width: 40px;
left: 0px;
}
footer{}
footer .con{ border-top: 4px solid #ABABAB; height: 450px; background: #E4E4E4 url(../img/images/footer.jpg) no-repeat center center;}
footer .con .inner{height: 322px; margin-top:72px; }
footer .con_1{width: 261px;
padding-right: 39px;
border-right: 2px solid #C6C6C6;
display: flex;
flex-direction: column;
justify-content: center;
}
footer .con_1 img{width: 100%; margin-bottom: 15px;}
footer .con_2{border-right: 2px solid #C6C6C6;
padding: 0 36px;
}
footer .con_2:last-child{border-right: 0px;}
footer .con_2 .con_t{padding: 30px 0 50px 0;
font-size: 20px; font-weight: bold;position: relative;
}
footer .con_2 .con_t::after{
content: " ";
position: absolute;border-bottom: 3px solid #3E8EE5;
top: 63px; left: 0px; width: 30px;
}
footer .con_2 a{
margin-bottom: 19px;
}
footer .con_2_1{float: left;}
footer .con_2_2{float: right;}
footer .con_2_3 a{padding-left: 26px;}
footer .con_2_3 .mail{background: url(../img/images/cx_17.jpg) no-repeat left 2px;}
footer .con_2_3 .phone{background: url(../img/images/cx_20.jpg) no-repeat left 2px;}
footer .con_2_3 .tel{background: url(../img/images/cx_22.jpg) no-repeat left 2px;}
footer .con_2_3 .addr{background: url(../img/images/cx_25.jpg) no-repeat left 2px;}
footer .con_2_4 img{width: 150px; height: 150px;border: 0px; background-color: #fff;margin-bottom: 8px;}
footer .b1{ height: 69px; background: #2E2E2E;
line-height: 69px; color: #BCBCBC; text-align: center; font-size: 17px;
}
.path {
margin-top: 24px;
line-height: 44px;
color: #0D99E6;
border-bottom: 1px solid #6B6B6B;
font-size: 14px;
background:url(../img/images/path_05.png) left center no-repeat; padding-left:20px;
}
.path a {
display:inline;margin:0px 3px;
}
.wbg.pro {
background: #fff;
height: 1015px;
}
.wbg.pro .prol {
background: #F0F0F0;
}
.wbg.pro .pror {
background: #F0F0F0;
}
.wbg.pro .pro_item {
text-align:center;
padding:7px;height:293px;margin-bottom:30px;
}
.wbg.pro .pro_item img{
width:100%;
}
.wbg.pro .pro_item:hover {
background: #358EE1;
}
.wbg.pro .pro_item:hover a{
color: #fff;
}
.wbg.pro .pro_item .pro_item_t {
padding-bottom:7px;
}
.wbg.pro .prol .ft {
position: relative;
border-bottom: 1px dashed #6A6A6A;
margin: 0px;
padding: 16px 24px;
font-size:20px;
}
.wbg.pro .prol .ft::after {
position: absolute;
left: 0;
width: 4px;
top: 18px;
bottom: 18px;
background: #3E8EE5;
content:" ";
}
.wbg.pro .col {
border-bottom: 1px dashed #6A6A6A;
padding: 20px 0px;
}
.wbg.pro .col:last-child {
border-bottom:0px;
}
.wbg.pro .col .col_t {
margin-left:20px;
}
.wbg.pro .col .col_t.active a {
color: #498EE0;
}
.wbg.pro .col .col_i {
padding-left: 50px;
position: relative;
}
.wbg.pro .col .col_i a {
position:relative;
z-index:100;
}
.wbg.pro .col .col_i:hover a, .wbg.pro .col .col_i.active a {
color: #fff;
}
.wbg.pro .col .col_i:hover::after, .wbg.pro .col .col_i.active::after {
content: " ";
position: absolute;
z-index: 0;
left: 0;
right: -3px;
top: 0;
bottom: -5px;
background: url(../img/images/pro_col_05.jpg) no-repeat;
background-size: 100% 100%;
}
.case_list_i {
border-bottom: 4px solid #358EE1;
background: #F0F0F0;
position:relative;
height:310px;
margin-bottom:42px;
}
.case_list_i img {
position: absolute;
width: 379px;
height: 266px;
top: 20px;
left: 20px;
}
.case_list_i .tit {
position: absolute;
height: 42px;
font-size: 20px;
color: #62A7E4;
font-weight: bold;
right: 20px;
top: 20px;
left: 430px;
border-bottom: 1px solid #5D5D5D;
}
.case_list_i .con {
position: absolute;
height: 155px;
line-height: 28px;
font-size: 16px;
right: 20px;
top: 80px;
left: 430px;
}
.case_list_i .detail {
position: absolute;
height: 40px;
line-height: 40px;
font-size: 16px;
right: 20px;
bottom: 20px;
width: 140px;
text-align: center;
color: #358EE1;
border: 1px solid #358EE1;
}
.pub_page {
margin-bottom: 20px;
text-align: center;
}
.pub_page a{
display:inline-block;
margin-right:20px;
padding:3px 3px;
}
.pub_page a:last-child {
margin-right:0px;
}
.pub_page a.active {
color: #358EE1;
border-bottom: 1px solid #358EE1;
}
.wbg.pro.d_pro {
height: auto;
padding-bottom:40px;
}
.d_pro_tit {
border-bottom: 1px dashed #6A6A6A;
line-height: 60px;
font-size: 22px;
padding:0px;
margin:0px;
width:456px;
}
.d_pro.wbg.pro .pror {
height:auto; padding-top:0px;
padding-right:20px;
}
.d_pro .preimg {
float:right;width:280px; height:280px;
margin-top:20px; margin-left:20px;
}
.d_pro .top_con {
margin-top:20px;
}
.d_pro .top_con p {
text-indent:2em;
line-height:26px;
margin-bottom:20px;
}
.case_tabs {
line-height:50px;
height:50px;
border-bottom:1px solid #ccc;
margin-top:10px;
margin-bottom:40px;
}
.case_tabs a {
display:inline-block;position:relative; cursor:pointer;
}
.case_tabs a::after {
content: " ";
position: absolute;
border-bottom: 2px solid #0F98E6;
bottom:1px;left:0px;right:0px;
display:none;
}
.case_tabs a.on {
color: #0F98E6;
}
.case_tabs a.on::after {
display:block;
}
.case_tabs span {
display: inline-block;
padding: 0px 20px;
}
.case_tabs_con {
display:none;
}
.case_tabs_con.on {
display: block;
}
.case_tabs_con table {
width: 100%;
border-collapse: collapse;
margin: 0 auto;
text-align: center;
margin-bottom:50px;
}
.case_tabs_con table tr:first-child {
background: #0F98E6; color:#fff; height:40px;
}
.case_tabs_con table td {
border: 1px solid #ccc;
color: #666;
height: 40px;padding:0px 20px;
width:32%;
}
.case_tabs_con table td:first-child {
text-align: left;
width: 36%;
}
.case_d {
padding-top:40px;
}
.case_d_l {
float: left;
width: 785px;
}
.case_d_r {
float: right;
width: 290px;
}
.case_d_tit {
height:70px;line-height:50px;
font-weight:bold;
font-size:20px;
text-align:center;
}
.case_d_tit1 {
border-bottom:1px dashed #666;
line-height:26px;
text-align:left;
font-size:14px;
}
.case_d_tit1 a {
float: right;
font-size: 16px;
padding: 0px 21px 0px 6px;
background: #E5E5E5 url(../img/images/back.jpg) right center no-repeat;
display: block;
}
.case_d_r .tit {
height: 50px;
line-height: 50px;
background: #0F98E6;
color:#fff;
font-size:20px;
font-weight:bold;
text-align:center;
}
.case_d_r a {
height: 40px;
line-height: 40px;
border-bottom: 1px dashed #666;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.case_d_r .con {
padding: 15px;
background: #F2F2F2;
}
.case_d_r a:last-child {
border-bottom: 0px;
}
.lxwm_l {
float:left;width:525px; height:400px;
background:url(../img/images/lxwm_05.jpg);
position:relative;
}
.lxwm_l_1 {
position: absolute;
left: 145px;
width: 361px;
top: 61px;
height: 60px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.lxwm_l_2 {
position: absolute;
left: 145px;
width: 361px;
top: 167px;
height: 60px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.lxwm_l_3 {
position: absolute;
left: 145px;
width: 361px;
top: 264px;
height: 60px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.lxwm_r {
float: right;
width: 552px;
height: 400px;
}
.lxwm_b {
height: 377px;
margin-top:30px;
background: url(../img/images/lxwm_08.jpg);
position:relative;
margin-bottom:50px;
}
.lxwm_b #Title {
position: absolute;
left: 252px;
top: 91px;
width: 240px;
height: 28px;
background: rgba(0,0,0,0);
border: 0px;
padding: 0px 13px;
}
.lxwm_b #Mobile {
position: absolute;
left: 650px;
top: 91px;
width: 240px;
height: 28px;
background: rgba(0,0,0,0);
border: 0px;
padding: 0px 13px;
}
.lxwm_b #Com {
position: absolute;
left: 252px;
top: 139px;
width: 240px;
height: 28px;
background: rgba(0,0,0,0);
border: 0px;
padding: 0px 13px;
}
.lxwm_b #Email {
position: absolute;
left: 650px;
top: 139px;
width: 240px;
height: 28px;
background: rgba(0,0,0,0);
border: 0px;
padding: 0px 13px;
}
.lxwm_b #Summary {
position: absolute;
left: 252px;
top: 187px;
width: 638px;
height: 80px;
background: rgba(0,0,0,0);
border: 0px;
padding:5px 13px;
}
.lxwm_b button {
position: absolute;
left: 448px;
top: 297px;
width: 200px;
height: 40px;
background: rgba(0,0,0,0);
border: 0px;
}
.gywm_tabs {
padding-left:20px;
margin-top:50px;
margin-bottom:20px;
}
.gywm_tabs a {
display: inline-block;
width: 145px;
height: 50px;
line-height: 50px;
text-align: center;
margin-right: 10px;
background: url(../img/images/gywm_07.jpg) no-repeat;
cursor:pointer;
}
.gywm_tabs a.on {
background: url(../img/images/gywm_05.jpg) no-repeat;color:#fff; font-weight:bold;
}
.gywm_cons {
display:none;
}
.gywm_cons.on {
display:block;
}
.gywm_cons .inner {
padding: 20px 0px;
border-top: 1px solid #E3E3E3;
}
.cjzs_item {
float:left;margin-right:20px;width:260px;height:290px;
text-align:center;
margin-bottom:10px;
}
.cjzs_item:nth-child(4n) {
margin-right: 0px;
}
.cjzs_item img{
width:100%;height:226px;
margin-bottom:10px;
}
.cjzs_item2 {
float: left;
margin-right: 20px;
width: 540px;
height: 390px;
text-align: center;
margin-bottom: 20px;
background: #E6E6E6;
}
.cjzs_item2:nth-child(2n) {
margin-right: 0px;
}
.cjzs_item2 img {
width: 100%;
height: 340px;
margin-bottom: 10px;
}
.cjzs_item3 {
float: left;
margin-right: 20px;
width: 540px;
height: 390px;
text-align: center;
margin-bottom: 20px;
border: 1px solid #E6E6E6;
overflow:hidden;
}
.cjzs_item3:nth-child(2n) {
margin-right: 0px;
}
.cjzs_item3 img {
width: auto;
height: 340px;
}
.cjzs_item3 div {
background:#E6E6E6;
line-height:44px;
}
.show_ci .pro_item_t {
line-height:30px;
}
.last_next {
padding: 15px 25px;
background: #F2F2F2;
line-height:30px;
margin-bottom:40px;
}
.last_next span, .last_next span a {
display: inline;
}
.last_next a {
color: #1098E6;
}
#swiper_banner {
height:100%;
}
#swiper_banner .swiper-slide {
background-position:center center;
background-repeat:no-repeat;
}
.gywm_div {
padding-top:10px;
padding-bottom:30px;
}
.gywm_div p {
line-height: 30px;
text-indent: 2em;
margin-bottom: 30px;
}
.gywm_div img {
margin-left:12px;
}
.gywm_div b {
font-size: 20px;
color: #0A98E4;
}