/*全局*/
* { margin: 0; padding: 0; list-style: none; } 
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; z-index: 1; } 
body { min-width: 1200px; overflow: auto; margin: 0 auto; background-color: #fff; font-family:"微软雅黑"; font-size:16px; color:#282727; position: relative; } 
ul,li { list-style:none; margin:0; padding:0; } 
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; } 
img { border:none; border:0; vertical-align:middle; max-width: 100%; max-height: 100%; } 
a { text-decoration:none; outline:none; } 
p { margin:0; padding:0; } 
i,em { font-style:normal; } 
.cl:after,.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.cl,.clearfix { *zoom:1; } 
.fl { float:left; } 
.fr { float:right; } 
.htmlgray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); _filter: none; } 
.w1200 { width: 1200px; margin: 0 auto; } 
table { border-collapse: collapse; table-layout:fixed !important; width:100% !important; border:none; margin:0 auto; } 
table th, table td { display:table-cell; vertical-align:middle !important; white-space: normal !important; white-space:pre-line; word-break:break-all !important; word-wrap:break-word !important; border: 1px solid #dedede; } 
.wbg { background-color: #fff; } 
.pd20 { padding: 20px; } 

.main { min-height: 300px; } 
.nodata{ padding: 40px 0;}
.main-content { width: 1200px; box-sizing: border-box; margin: 0 auto; padding:30px 0 60px; background-color: white; min-height: 300px; } 
.ellipsis-2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ellipsis-1{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
/* 头部 */
.header{ position: relative; height: 100px; z-index: 999;}
.header .hd_bg { width: 100%; height: 100px; box-sizing: border-box; background-color: #fcfcfc;} 
.header .hd_bg .w1200 { width: 100%; min-width: 1200px; margin: 0 auto; height: 100%; display: flex; justify-content: center; align-items: center;}
.logo {width: 300px; font-size: 0; padding-right: 64px; box-sizing: border-box;} 
.logo img{ width: 100%;}
/* 导航 */
.nav-container { width: 900px;}
.nav {height: 100px;font-size: 0; display: flex; justify-content: center; white-space: nowrap; z-index: 999;}
.nav .el { flex: 1; width: auto; height: 100%; text-align: center; z-index: 9999; display: inline-block; position: relative; *zoom: 1; *display: inline; white-space: normal; } 
.nav .el>a { line-height: 100px; font-size: 18px; color: #333333; display: block; } 
.nav .el:hover>a,.nav .el.on>a { background-color: #217da6; color: #ffffff; font-weight: bold; } 
.nav .sel { display: none; position: absolute; width: 100%; left: 0; top:100px; z-index: 999; } 
.nav .sel a { font-size: 16px; color: #606060; width: 100%; background-color: #ffffff; display: block; padding:15px 0; text-align: center; } 
.nav .sel a:hover {background-color: #d6f2ff; color: #217da6; } 

/* --- 横幅区域 --- */
.idx-banner{ width: 100%; height: 400px;}
.idx-banner .swiper-slide {  display: flex; justify-content: center; align-items: center;}
.idx-banner .swiper-slide img { width: 100%; height: 100%; object-fit: cover;}

.idx-banner .swiper-pagination { bottom: 20px;}
.idx-banner .swiper-pagination-bullet { width: 10px; height: 10px; background-color: #000000; opacity:0.4; margin: 0 5px; }
.idx-banner .swiper-pagination-bullet-active { background-color: #217da6; opacity:1;}

/**/
.column_T{ width: 100%; height: 52px; position: relative;}
.column_T h2{  font-size: 36px; color: #000000; position: absolute; left: 0; top: 0; z-index: 2;}
.column_T p{ font-size: 32px; color: #e5e5e5; position: absolute; left: 0; top: 22px; z-index: 1;}

.more{}
.more a{ width: 120px; height: 35px; background-color: #217da6; font-size: 14px; line-height: 35px; color: #ffffff; display: flex; align-items: center; justify-content: center;}
.more i{font-size: 12px; display: inline-block; padding-left: 5px;}
/*关于鲲鹏*/
.column1{ padding-top: 50px;}
.column1_T{ display: flex; justify-content: space-between; align-items: center;}
.column1_TL{ width: 650px;}
.column1_TL .txt{ font-size: 18px; color: #000000; line-height: 36px; margin: 30px 0 20px;}

.column1_TR{ width: 542px; height: 314px;}
.column1_TR img{ width: 100%; height: 100%; object-fit: cover; }

.column2bg{ width: 100%; min-width: 1200px; height: 272px; box-sizing: border-box; padding:20px 0 30px;  background: url(../images/about.png) no-repeat center center; background-size: 100% 129px;}
.column2{ position: relative; display: flex; justify-content: space-between; }
.column2_item{flex: 1; display: inline-block; text-align: center; /*position: absolute;*/}
.column2_item h2{font-size: 16px; color: #646464; display: flex; align-items: baseline; justify-content: center;}
.column2_item h2 span{ display: flex; align-items: top;  font-size: 60px; color: #217da6;}
.column2_item h2 span i{ font-size: 30px;}
.column2_item p{ display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; border: 1px solid #217da6;  border-radius: 50%; margin: 0 auto;}
.column2_item p i{ display: block; width: 6px; height: 6px; background-color: #217da6; border-radius: 50%;}
.column2_item h3{ font-size: 16px; color: #646464; padding-top: 10px;}

.col2_posi1{ margin-top: 24px;}
.col2_posi2{ margin-top: 85px;}
.col2_posi3{ margin-top: 48px;}
.col2_posi4{ margin-top: 10px;}
.col2_posi5{ margin-top: 78px;}
/*鲲鹏动态*/
.column3bg{ width: 100%; min-width: 1200px; background: #f1f7fb url(../images/col3bg.png) no-repeat center bottom; background-size: 100% 100%; height: 600px; box-sizing: border-box; padding: 45px 0;}
.column3{}
.column3_T{ display: flex; justify-content: space-between; align-items: center;}
.column3_C{ width: 100%; height: 420px; overflow: hidden; padding-top: 30px; display: flex; justify-content: space-between;}
.column3_C .column3_CL{ width: 590px; height: 420px; background-color: #ffffff;}
.column3_CL_pic{ width: 100%; height: 310px;}
.column3_CL_pic img{ width: 100%; height: 100%; object-fit: cover;}

.column3_CL_txt{ padding: 10px 30px 0; display: flex; justify-content: space-between;}
.column3_CL_txt .date{ width: 110px; text-align: center; box-sizing: border-box; padding-right: 40px;}
.column3_CL_txt .date h2{ font-size: 36px; font-weight: bold; color: #217da6; padding-bottom: 5px; border-bottom: 1px solid #e0e0e0;}
.column3_CL_txt .date p{ font-weight: bold; font-size: 16px; color: #217da6; padding-top: 5px;}
.column3_CL_txt .tit{flex: 1; font-weight: bold; font-size: 20px; color: #000000; line-height: 40px;}

.idx-news{ width: 100%; height: 420px; overflow: hidden; position: relative;}
.idx-news .swiper-horizontal > .swiper-pagination-bullets,
.idx-news .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 25px !important;
  top: auto !important;
  left: auto !important;
  right: 20px !important;
  width: fit-content !important;
  z-index: 10 !important;
  position: absolute !important;

}
.idx-pagination .swiper-pagination-bullet{ width: 14px; height: 2px; background-color: #e2e2e2 !important; margin: 0 5px !important; cursor: pointer; border-radius: 0; opacity: 1; }
.idx-pagination .swiper-pagination-bullet-active{ background-color: #217da6 !important;}



.column3_CR{ width: 580px; margin-top: -13px;}
.column3_CR_item{  padding: 13px 0; border-bottom: 1px solid #d5dbe0;}
.column3_CR_item a{display: flex; }
.column3_CR_item .item_pic{ width: 150px; height: 85px; margin-right: 20px;}
.column3_CR_item .item_pic img{ width: 100%; height: 100%; object-fit: cover;}

.column3_CR_item .item_txt{ flex: 1;}
.column3_CR_item .item_txt .tit{ font-size: 18px; color: #000000; line-height: 30px;}
.column3_CR_item .item_txt .date{ padding-top: 4px; font-size: 16px; color: #828282;}

/*合作伙伴*/
.column4{ padding: 50px 0;}
.column4_T{ width: 100%; height: 52px; position: relative;}
.column4_T h2{  font-size: 36px; color: #000000; position: absolute; left: 50%; transform: translateX(-50%); top: 0; z-index: 2;}
.column4_T p{ font-size: 32px; color: #e5e5e5; position: absolute; left: 50%; transform: translateX(-50%); top: 22px; z-index: 1;}
.column4L{ margin-top: 30px; overflow: hidden;}
.column4L .bd{ height: 630px;}
.column4L .bd ul{ }
.column4L .bd li{ height: 190px; padding: 10px;}
.column4L .cust-row{ display: flex; justify-content: space-between;}
.column4L_item{width: 275px;}
.column4L_item .item_pic{ width: 275px; height: 135px; padding: 20px; box-sizing: border-box; border-radius: 10px; box-shadow: 0 0 8px 4px rgba(33,125,166,0.15);  overflow: hidden;}
.column4L_item img{ width: 100%; height: 100%; transition: transform 0.5s ease-out;  transform: scale(1); object-fit: contain;}
.column4L_item a:hover img{  transform: scale(1.1);}
.column4L_item h3{ text-align: center; font-size: 18px; color: #000000; line-height: 30px; padding-top: 10px;}

/* --- 底部 --- */
.footerbg{  background-color: #217da6; padding: 30px 0; } 

.footer-top { font-size: 16px; color: #87c0d9; border-bottom: 1px solid #4290b3;  padding-bottom: 30px; } 
.footer-top span{font-weight: bold; }
.footer-top a { font-size: 16px; color: #87c0d9; } 
.footer-top a:hover {  color: #87c0d9;  text-decoration: underline; } 
.footer-top em{ padding: 0 10px;}


.footer-main {  display: flex;  justify-content: space-between; align-items: center; padding-top: 30px;  } 
.footer-logo{ width: 150px; margin-bottom: 15px; }
.footer-logo img { width: 100%; height: auto;} 

.footer-contact{ }
.footer-contact div{  font-size: 16px; line-height: 35px; color: #87c0d9; } 
.footer-contact div p{ display: block;}
.footer-contact div p span{ font-size: 30px; color: #fdfb78; font-weight: bold;}
.footer-contact div p span:first-child{ margin-right: 15px;}

.footer-copy { width: 370px;  margin-top: 20px; font-size: 16px; color: #87c0d9;  line-height: 34px; word-break: break-word; } 
.footer-copy div{}
.footer-copy div img{ padding-right: 5px;}
.footer-copy a{ color: #87c0d9;}
.footer-qrcode {  margin-top: 20px;  width: 100px;  height: 100px; } 
.footer-qrcode img { width: 100%; height: 100%; border-radius: 5px;} 



/* 内页栏目图 */
.inner-ban { height: 250px; width: 100%; background-color: white; } 
.inner-ban .img { width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; align-items: center; } 

/* 内页导航 */
.inner-menu { height: 80px; border-bottom: 1px solid #eeeeee; } 
.inner-menu .w1200{ height: 80px; display: flex; justify-content: space-between; align-items: center; }
.inner-menu .menu {font-size: 0; text-align: center; display: flex; justify-content: center; } 
.inner-menu .menu .el { height: 80px; line-height: 80px;  position: relative; margin-left: 55px; text-align: center;} 
.inner-menu .menu .el:last-child { margin-right: 0; } 
.inner-menu .menu .el a { display: block; font-size: 16px; color: #606060; } 
.inner-menu .menu .el:hover,.inner-menu .el.on { border-bottom: 3px solid #217da6;} 
.inner-menu .menu .el:hover a,.inner-menu .el.on a { color: #217da6;} 

.inner-menu .menu-path{ font-size: 14px; color: #aaaaaa; display: flex; align-items: center; }
.inner-menu .menu-path a{ font-size: 14px; color: #aaaaaa; }
.inner-menu .menu-path i{ display: block; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; background-color: #eeeeee; margin-right: 20px; }


/*简介*/
.abt-content{ line-height: 2em; font-size: 18px; color: #000000;}
.abt-content p{ line-height: 2em; font-size: 18px; color: #000000; }


.abt-con{ }
.abt-info{display: flex; justify-content: space-between; overflow: hidden;}
.abt-info .txt{ flex: 1; width: 630px; padding-right: 30px; }
.abt-info .txt .cont{font-size: 18px; color: #000000; line-height: 40px;}
.abt-info .txt .cont p{font-size: 18px; color: #000000; line-height: 40px;}
.abt-info .pic{ width: 540px; height: 513px;}
.abt-info .pic img{ width: 100%; height: 100%; object-fit: cover;}

.abt-pic{ display: flex; justify-content: space-between; margin-top: 30px;}
.sigle-content{}
.sigle-content iframe{ height: 500px;}
/*新闻列表*/
.news-pic{ width: 100%; height: 360px; box-sizing: border-box; padding: 25px; background-color: #f7f7f7; overflow: hidden; position: relative;}
.news-pic .swiper-slide{ display: flex;}
.news-pic .news-pic-left{ width: 590px; height: 310px; margin-right: 40px; }
.news-pic .news-pic-left img{ width: 100%; height: 100%; object-fit: cover;}
.news-pic .news-pic-right{ flex: 1;}
.news-pic .news-pic-right .date{ font-size: 16px; color: #217da6; line-height: 30px; padding: 3px 0 15px;}
.news-pic .news-pic-right .tit{ font-weight: bold; font-size: 20px; color: #000000; line-height: 40px; margin-bottom: 25px;}
.news-pic .news-pic-right .desc{ font-size: 16px; color: #7e7e7e; line-height: 30px; margin-bottom: 30px;}
.news-pic .news-pic-right .more-btn{ width: 122px; height: 36px; line-height: 36px; text-align: center; background-color: #217da6;  font-size: 14px;}
.news-pic .news-pic-right .more-btn a{display: block; color: #fff;}

.news-pic .swiper-horizontal > .swiper-pagination-bullets,
.news-pic .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 25px !important;
  top: auto !important;
  left: auto !important;
  right: 20px !important;
  width: fit-content !important;
  z-index: 10 !important;
  position: absolute !important;

}
.news-pagination .swiper-pagination-bullet{ width: 14px; height: 2px; background-color: #e2e2e2 !important; margin: 0 5px !important; cursor: pointer; border-radius: 0; opacity: 1; }
.news-pagination .swiper-pagination-bullet-active{ background-color: #217da6 !important;}


.newlist{}
.newlist .el{}
.newlist .el a{ display: flex; padding: 35px 0; border-bottom: 1px solid #d5dbe0;}
.newlist .el .item_pic{ width: 190px; height: 110px; margin-right: 20px;}
.newlist .el .item_pic img{ width: 100%; height: 100%; object-fit: cover;}

.newlist .el .item_txt{ flex: 1;}
.newlist .el .item_txt .tit{ font-size: 18px; color: #000000; line-height: 30px;}
.newlist .el .item_txt .date{ padding-top: 4px; font-size: 16px; color: #828282;}

/* 招聘 */
.joblist { } 
.joblist .titarea { text-align: left; font-size: 0; font-weight: bold; background-color: #217da6; padding: 20px 30px; } 
.joblist .titarea>* { /*margin-right: 10px;*/ font-size: 18px; text-align: center; color: #ffffff; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-weight: bold; } 
.joblist .w1 { width:35%; text-align: left !important; } 
.joblist .w2 { width: 15%; } 
.joblist .w3 { width: 35%; } 
.joblist .w4 { width: 15%; } 

.joblist .el { font-size: 0; } 
.joblist .el .head { text-align: left; padding: 25px 30px; border-bottom: 1px solid #eeeeee; position: relative; } 
.joblist .el .head>* { /*margin-right: 10px;*/ font-size: 18px; color: #666666; text-align: center; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.joblist .el .head .btn { cursor: pointer; position: absolute; bottom: 30px; right: 20px; color: #217da6; font-size: 18px; transition: .3s all ease; } 

.joblist .el .con { display: none; font-size: 16px; color: #494949; padding: 30px 25px; line-height: 30px; border-bottom: 1px solid #eeeeee; padding-bottom: 50px; } 

.joblist .el.on .head .btn { transform: rotate(180deg); transition: .3s all ease; } 

.joblist .el .send{ width: 350px; height: 60px; background-color: #217da6; font-size: 18px; color: #ffffff; text-align: center; line-height: 60px;}

/* 文章 */ 
.article { padding-bottom: 30px; } 

.article .title { margin-top: 20px; text-align: center; font-size: 36px; font-weight: bold; color: #000000; line-height: 65px; } 
.article .smry {height: 50px; line-height: 50px; border-bottom: 1px solid #dddddd; padding: 20px 0 10px; font-size: 16px; color: #828282; text-align: center; } 

.article .tit-con { padding-bottom: 3px; border-bottom: 1px solid #db261d; text-align: left; } 
.article .tit-con .left .title { text-align: center; font-size: 38px; color: #db261d; } 

.article .tit-con .tips { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 20px;  text-align: center; padding-bottom: 30px; border-bottom: 4px solid #db261d; } 
.article .tit-con .tips .tips_L{ flex: 1; text-align: center; line-height: 50px; font-size: 18px; color: #db261d;}
.article .tit-con .tips .tips_L span{color: #2e3192;}
.wmiddle{ width: 100%; justify-content: center;}
.article .tit-con .tips .tips_R{}
.article .tit-con .tips .tips_R .btn{display: block; outline: none; border: none; border-radius: 3px; cursor: pointer;  width: 160px; line-height: 50px; height: 50px; text-align: center; background-color: #2e3192; font-size: 16px; color: #ffffff; }
.article .tit-con .tips .tips_R .btn:hover{ background-color: #db261d; }
.article .tit-con .tips .tips_R .info{ font-size: 18px; color: #db261d;}

.article .tit-con .tips_R .btn.on { background-color: #2e3192; } 
.article .tit-con .tips_R .btn.green { background-color: rgb(0, 150, 3); } 
.article .tit-con .tips_R .btn.green:hover { opacity: .8; } 
.article .tit-con .tips_R .btn.done { background-color: rgb(0, 102, 150); } 
.article .tit-con .tips_R .btn.done:hover { opacity: .8; }

.content { font-size: 16px; color: #333333; line-height: 35px; } 
.content p { line-height: 39px; font-size: 18px; color: #1e1e1e; } 

.article .content { min-height: 200px; margin-top: 30px; } 

/* 上下页 */
.pan { margin-top: 25px; background-color: #f8f8f8; padding: 30px 35px; font-size: 0; } 
.pan a { font-size: 18px; color: #303030; font-weight: normal; } 
.pan a:hover { color: #005bac; } 
.pan .left { width: 900px; float: left; } 
.pan .pre,.pan .next { font-size: 18px; color: #303030; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.pan .pre { margin-bottom: 20px; } 
.pan .back { float: right; margin: 0 10px; margin-top: 10px; text-align: center; width: 140px; height: 45px; line-height: 45px; font-size: 16px; color: #fff; border: 1px solid #217da6; } 
.pan .back:hover { border: 1px solid #217da6; } 
.pan .back a { font-size: 18px; color: #217da6; display: block; } 
/*联系我们*/
.contact-main{ display: flex; border: 1px solid #ededed; margin-top: 40px;}
.contact-info-panel { flex: 1; height:auto; box-sizing: border-box; border-right: 1px solid #ededed; padding: 30px 30px 10px;}
.contact-info-panel:last-child{ border-right: none;}
.contact-info-panel h3 {font-size: 22px; color: #191919; margin-bottom: 30px; padding-bottom: 20px;position:relative;}
.contact-info-panel h3::after{position: absolute;content:'';width:84px;height:2px;background-color:#217da6;left:0; bottom:0;}
.contact-info-panel .info-item { margin: 20px 0; line-height: 30px; font-size: 18px; color: #6e6e6e; display:flex;align-items: flex-start;}
.contact-info-panel .info-item em { color: #217da6; margin-right: 8px;font-size:22px}
/*核心业务*/
.service-icons { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid #cee8ed; border-bottom: none; border-right: none; margin-bottom: 40px; text-align: center;}
.service-item { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 28px 10px;  border-bottom: 1px solid #cee8ed; border-right: 1px solid #cee8ed; min-height: 120px;}
.service-item em { display: block; font-size:52px; background: linear-gradient(to bottom, #bee5f6, #499bc0); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.service-item  p{ font-size: 18px; color: #333333; padding-top: 5px;}


.info-section { display: grid;grid-template-columns: repeat(2, 1fr); gap: 30px;}
.info-card {}
.card-title { background-color: #217da6; color: #ffffff; padding: 8px 15px; font-size: 22px; font-weight: bold; display: inline-block; border-radius: 5px;}
.card-list { padding-top: 15px; }
.card-list li { font-size: 18px; line-height: 45px; color: #000000;position: relative; padding-left: 20px;}

.card-list li::before { content: "▶"; color: #000000; position: absolute;left: 0;font-size: 12px;}
/*图片*/
.imglist { *zoom: 1; } 
.imglist { display: flex; flex-wrap: wrap; gap:25px 18px; } 
.imglist .el { width: calc(25% - 18px); } 
.imglist .el .img { width: 100%; height: 178px; overflow: hidden; border-top-left-radius: 10px; border-top-right-radius: 10px; } 
.imglist .el .img div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; transition: .3s all ease; } 
.imglist .el .tit { padding: 13px 0; font-size: 16px; color: #333333; background-color: #f3f3f7; text-align: center; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } 
.imglist .el:hover { box-shadow: 0 0 20px 1px #d6d6d6; } 
.imglist .el:hover .tit { color: #ffffff; background-color: #4d97b8; font-weight: bold; } 
.imglist .el:hover .img div { transform: scale(1.1); transition: .3s all ease; opacity: .7; } 

/* 页数 */
.page { margin: 0 auto; white-space: nowrap; font-size: 0; text-align: center; margin-top: 35px; } 
.page * { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; text-align: center; } 
.page a { margin: 0 5px; min-width: 10px; cursor: pointer; padding: 10px 15px; font-size: 16px; color: #333333; background-color: #eef0f1; } 
.page a:first-child { border-left: 1px solid #e2e2e2; } 
.page .total { font-size: 14px; color: #333333; padding:11px 18px; vertical-align: middle; } 
.page .psch { margin: 0 6px; width: 115px; height: 41px; } 
.page .psch .txt { font-size: 14px; color:#999999; vertical-align: middle; padding: 0 10px; } 
.page .psch input { width: 25px; height: 23px; padding: 8px; font-size: 14px; border: 1px solid #e2e2e2; vertical-align: middle; outline: none; text-align: center; } 
.page .psch .btn { cursor: pointer; font-size: 14px; color: #707070; height: 21px; padding: 9px; vertical-align: middle; border: 1px solid #e2e2e2; } 
.page .psch .btn:hover,.page a:hover,.page a.on { color: #fff; background-color: #217da6; } 
.page a.none { background-color: #eef0f1; color: #666666; cursor: not-allowed; } 

/*产品与服务*/
.prolist { *zoom:1; } 
.prolist:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.prolist .el { margin-right: 25px; margin-bottom: 15px; width: 380px; height: 295px; float: left; overflow: hidden; transition: .1s all linear; } 
.prolist .el.on { margin-right: 0; } 
.prolist .el a { display: block; } 
.prolist .el .img { width: 100%; height: 240px; overflow: hidden; } 
.prolist .el .img div { transition: .3s all ease-out; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } 
.prolist .el .tit { display: flex; flex-direction: row; justify-content: space-between; background-color: #efefef; padding: 17px 30px; height:21px; } 
.prolist .el .tit span { font-size:16px; color: #000000; display: block; max-width: 280px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 
.prolist .el .tit i { width:24px; height: 13px; color: #000000; font-size: 22px;} 
.prolist .el:hover { box-shadow:0px 0px 15px 1px rgba(33, 125, 166,.4); transition: .1s all linear; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2168dac,endColorstr=#B2168dac); } 
.prolist .el:hover .img div { transform:scale(1.05); transition: .3s all ease-in; } 

/*内页三级导航*/
.mini-menu { background-color: white; padding-bottom: 35px; font-size: 0; text-align: center; } 
.mini-menu .el { margin-left: 20px; line-height: 55px; background-color: #f8f8f8; height: 55px; text-align: center; display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; } 
.mini-menu .el:first-child { margin-left: 0; } 
.mini-menu .el a { display: block; padding:0 30px; height: 100%; font-size: 18px; color: #575758; } 
.mini-menu .el:hover,.mini-menu .el.on { background-color: #0177a5; } 
.mini-menu .el:hover a,.mini-menu .el.on a { color: #fff; } 


/* 产品介绍 */
.title-2 {
  margin: 20px 0;
  margin-top: 50px;
  padding-bottom: 23px;
  font-size: 30px;
  color: #333333;
  text-align: center;
  position: relative;
}
.pro-cate { margin-top: 40px; } 
.pro-cate .hd { width: 100%; background-color: #f9f9f9; } 
.pro-cate .hd div { padding: 15px 60px; font-weight: bold; cursor: pointer; text-align: center; font-size: 20px; color: #000; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.pro-cate .hd div:hover,.pro-cate .hd div.on { background-color: #1194db; color: #fff; } 
.pro-cate .bd { margin-top: 20px; font-size: 18px; } 
.pro-cate .bd .el.img img { height: 600px !important; } 

/* 产品介绍 */
.proshow { padding: 10px 0; padding-top: 20px; background-color: white; } 
.proshow .top { } 
.proshow .top .img { width:550px; float: left; font-size: 0; text-align: center; } 
.proshow .top .img img { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.proshow .top .img .bd { border: 1px solid #ebebeb; } 
.proshow .top .img .bd div { height: 100%; line-height: 400px; } 
.proshow .top .img .bd img { max-height: 400px; } 

.proshow .top .img .hd { margin-top: 10px; display: flex; flex-direction: row; justify-content: flex-start; } 
.proshow .top .img .hd div { margin-right: 10px; display: flex; flex-direction: column; justify-content: center; cursor: pointer; width: 125px; height: auto; border: 2px solid transparent } 
.proshow .top .img .hd div.on { border: 2px solid #1194db; } 

.proshow .picarr { } 
.proshow .picarr .hd { width: 100%; height: 80px; overflow: hidden; *zoom: 1; } 
.proshow .picarr .hd:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.proshow .picarr .hd div { width: 125px; } 
.proshow .picarr .hd div img { width: 100%; height: 100%; } 

.proshow .top .title { float: right; width: 600px; } 
.proshow .top .title .tit { padding-bottom: 15px; border-bottom: 1px solid #cecece; font-size: 36px; color: #1d1d1d; font-weight: bold; } 

.proshow .top .title .con { border-bottom: 1px solid #cecece; padding: 20px 0; } 
.proshow .top .title .con .cont { height: 200px; font-size: 16px; color: #7e7f7f; line-height: 40px; overflow: auto; } 
.proshow .top .title .con .cont::-webkit-scrollbar { width: 5px; } 
.proshow .top .title .con .cont::-webkit-scrollbar-thumb { background-color: #1194db; cursor: pointer; } 
.proshow .top .title .con .cont::-webkit-scrollbar-track { background-color: #eeeeee; } 
.proshow .top .title .con strong { color: #092b49; font-size: 18px; } 

.proshow .top .title .tips { } 
.proshow .top .title .tips div { margin-top: 15px; font-size: 25px; color: #df1818; font-weight: bold; } 
.proshow .top .title .tips div span { color: #0177a5; } 

.proshow .top .title .btns { margin-top: 10px; padding-top: 10px; } 
.proshow .top .title .btns .el { position: relative; color: #fff; font-size: 16px; padding: 0 15px; cursor: pointer; margin-left: 20px; width: 155px; height: 40px; line-height: 40px; background-color: #1194db; text-align: left; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.proshow .top .title .btns .el:first-child { margin-left: 0; } 
.proshow .top .title .btns .el .iconfont { position: absolute; right: 15px; top: 0px; } 
.proshow .top .title .btns .el.on { background-color: #cc173e; } 
.proshow .top .title .btns .el a { display: block; width: 100%; padding: 20px 0; font-size: 16px; color: #ffffff; } 
.proshow .top .title .btns .el:hover { opacity: .7; } 



.coc-3 { padding: 40px 0; } 
.coc-3 .con { } 
.coc-3 .con .hd { width: 100%; position: relative; } 
.coc-3 .con .hd .yeardot { height: 109px; overflow: hidden; width: 1180px; *position: relative; } 
.coc-3 .con .hd ul { white-space: nowrap; font-size: 0; position: relative; margin: 0; padding: 0; transition: .3s all linear; } 
.coc-3 .con .hd ul li { border-bottom: 1px solid #ecf1f5; width: 170px; height: 70px; position: relative; font-size: 22px; cursor: pointer; color: #000000; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.coc-3 .con .hd ul li div { text-align: center; height: 52px; padding-bottom: 10px; } 
.coc-3 .con .hd ul li div>span { display:table-cell; vertical-align:bottom; width: 180px; height: 52px; text-align: center; } 
.coc-3 .con .hd ul li>span { display: block; position: absolute; bottom: -6px; left: 80px; margin: 0 auto; width: 12px; height: 12px; background-color: black; border-radius: 100%; background-size: 38px; } 
.coc-3 .con .hd ul li.on { color: #217da6; text-align: center; } 
.coc-3 .con .hd ul li.on>span { background-color: #217da6; } 
.coc-3 .con .hd .prev,.coc-3 .con .hd .next { user-select: none; background-color: #cccccc; width: 42px; height: 42px; border-radius: 100%; text-align: center; line-height: 42px; font-size: 20px; color:white; position: absolute; top: 47px; cursor: pointer; } 
.coc-3 .con .hd .prev { left: -15px; } 
.coc-3 .con .hd .next { right: -15px; transform: rotate(180deg); } 
.coc-3 .con .hd .prev:hover,.coc-3 .con .hd .next:hover { background-color: #217da6; } 

.coc-3 .con .bd { margin: 0 auto; margin-top: 40px; overflow: hidden; } 
.coc-3 .con .bd ul { } 
.coc-3 .con .bd ul li { display: flex; gap: 50px; flex-wrap: wrap; } 
.coc-3 .con .bd ul li .el { min-height: 120px; display: block; width: 305px; padding: 20px 30px; background: #f2f2f2; text-align: left; } 
.coc-3 .con .bd ul li .el div { font-size: 24px; color: #e6002d; text-align: left; font-weight: bolder; line-height: 40px; } 
.coc-3 .con .bd ul li .el p { font-size: 18px; color: #646665; line-height: 40px; display: inline; }