html {
	overflow-y: auto
}

body {
	font: 14px 微软雅黑;
	text-align: ;
	background: #fff;
	color: #333;
}

body, h3, p, form, ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}

body, form {
	position: relative
}

td {
	text-align: left
}

img {
	border: 0
}

a {
	color: #333;
	text-decoration: none;
	transition: all .4s;
}

a:active {
	color: #f60;
}

input {
	border: 0;
	padding: 0;
}

/*头部*/

.container {
	width: 1200px;
	margin: 0 auto;
}

.logo {
	width: 500px;
	*float: left;
}

.top {
	height: 148px;
	padding: 28px 0;
	box-sizing: border-box;
}

.top>div {
	display: inline-block;
	vertical-align: top;
}

.top>div {
	*display: inline;
}

.top_tell {
	width: 288px;
	float: right;
}

.top_tell>div img {
	float: left;
	margin-right: 18px;
}

.top_tell>div span {
	display: inline-block;
	vertical-align: top;
}

.top_tell>div span {
	*display: inline;
}

/*.top_tell>div span:nth-child(2){
	font-size: 16px;
	color: #5ca2fc;
}
.top_tell>div span:nth-child(3){
	font-size: 30px;
	color: #5ca2fc;
	font-weight: bold;
	margin-top: -8px;
}*/

.top_tell>div span {
	font-size: 16px;
	color: #5ca2fc;
}

.top_tell>div span+span {
	font-size: 30px;
	color: #2CA9FE;
	font-weight: bold;
	margin-top: -0px;
}

.top_tell p {
	font-size: 24px;
	color: #6abc8e;
	font-weight: bold;
}

/*头部end*/

/*导航*/

/* 轮播图 */

.single_banner {
	width: 100%;
	height: 550px;
	position: relative;
	cursor: pointer;
}

.single_banner img {
	position: absolute;
	top: 0;
	left: 0;
}

#banner:hover {
	transform: scale(1);
}

.single_banner .cut {
	position: absolute;
	bottom: 30px;
	left: 50%;
	margin-left: -103px;
}

.single_banner .cut i {
	float: left;
	width: 62px;
	height: 8px;
	margin: 0px 10px;
	cursor: pointer;
	display: block;
	background: #00a0e9;
}

#banner .show1 {
	background: #49af98;
}

/* 轮播图 */

.nav {
	height: 50px;
	background: #5ca2fc;
}

.nav_box {
	font-size: 0;
}

.nav_box>li {
	display: inline-block;
	vertical-align: middle;
	width: 10%;
	*width: 9.9%;
	text-align: center;
	box-sizing: border-box;
	border-right: 1px solid #49af98;
}

.nav_box>li {
	*display: inline;
}

.nav_box>li+li+li+li+li+li+li+li+li+li {
	border: none;
	background: #6abc8e;
}

.nav_box>li:last-child a {
	font-size: 20px;
	font-weight: bold;
}

.nav_box>li:last-child a:hover {
	background: none;
}

.nav_box li a {
	display: block;
	font-size: 16px;
	color: #fff;
	height: 50px;
	line-height: 50px;
	text-decoration: none;
	transition: all 0.8s;
}

.nav_box li a:hover {
	background: #6abc8e;
	color: #fff;
}

.active {
	background: #6abc8e;
}

.nav_box li .sub-nav {
	position: absolute;
	top: 198px;
	list-style: none;
	background-color: #6abc8e;
	display: none;
	z-index: 2;
	padding: 6px 0;
	*margin-left: -60px;
}

.nav_box li .sub-nav li {
	text-align: center;
	clear: left;
	width: 142px;
	height: 35px;
	line-height: 35px;
	position: relative;
}

.nav_box li .sub-nav li a {
	height: 34px;
	line-height: 34px;
	width: 100%;
	padding: 0;
	font-size: 12px;
	display: inline-block;
	color: #fff;
}

.nav_box li .sub-nav li a:hover {
	color: #fff;
}

/*导航end*/

/*内页导航*/

.single_banner {
	position: relative;
}

.single_banner img {
	display: block;
	max-width: 100%;
}

.child_nav {
	position: absolute;
	bottom: 0;
	/*left: 50%;
	transform: translate(-50%,0);*/
	width: 100%;
	text-align: center;
}

.child_nav li {
	display: inline-block;
	padding: 0 8px;
}

.child_nav li {
	*display: inline;
}

.child_nav li a {
	padding: 12px 46px;
	display: block;
	font-size: 18px;
	color: #fff;
	background: #5ca2fc;
	font-weight: bold;
}

.child_nav li a:hover {
	background: #6abc8e;
}

.child_nav li .active {
	background: #6abc8e;
}

/*内页导航end*/

/*友情链接*/

.box ul li {
	display: block;
	float: left;
	width: 146px;
	height: 136px;
	margin: 8px;
	border: 3px solid #5ca2fc;
}

.box ul li div {
	height: 100px;
}

.box ul li p {
	font-size: 14px;
	background: #5ca2fc;
	color: #fff;
	padding: 4px;
	text-align: center;
}

.box {
	height: 136px;
	width: 2920px;
}

#box1, #box2 {
	float: left;
}

.wrap, .wrap1 {
	position: relative;
	width: 80%;
	height: 136px;
	overflow: hidden;
	margin: 30px 0;
}

.box, .box1 {
	position: absolute;
	left: 0;
}

.case_box .details {
	border-color: #5ca2fc;
	color: #5ca2fc;
}

.link_box {
	background: #f2f2f2;
}

.index_title {
	text-align: center;
	margin: 40px auto;
}

.index_title h3 {
	font-size: 40px;
	color: #000;
}

.index_title h3 span {
	color: #5ca2fc;
}

.index_title {
	font-size: 16px;
	color: #959595;
}

.link_title {
	padding: 36px 0 14px 0;
	margin: 0 auto;
	border-bottom: 2px solid #e0e0e0;
	position: relative;
}

.link_title em {
	position: absolute;
	width: 92px;
	height: 6px;
	background: #5ca2fc;
	display: inline-block;
	bottom: -3px;
	left: 50%;
	margin-left: -46px;
}

.link_wrap {
	width: 100%;
	margin: 0;
	padding-top: 30px;
	box-sizing: border-box;
}

.link_box li {
	height: 60px !important;
	border: none !important;
}

/*友情链接end*/

/*底部*/

.footer {
	background: #444444;
	padding: 30px 0;
}

.footer_box {
	font-size: 0;
}

.footer_box>div {
	display: inline-block;
	vertical-align: middle;
}

.footer_box>div {
	*display: inline;
}

.footer_box .left {
	width: 60%;
}

.footer_box .middle {
	width: 10%;
}

.footer_box .right {
	width: 30%;
	*width: 22%;
	padding-left: 80px;
	box-sizing: border-box;
}

.footer_box .left ul {
	display: inline-block;
	width: 20%;
	vertical-align: top;
}

.footer_box .left ul {
	*display: inline;
}

.footer_box .left ul li h3 {
	font-size: 16px;
	font-weight: normal;
	color: #fff;
}

.footer_box .left ul li span {
	width: 36px;
	border-bottom: 1px solid #75b8b5;
	display: block;
	margin: 14px 0 10px 0;
}

.footer_box .left ul li a {
	font-size: 14px;
	color: #fff;
	line-height: 32px;
}

.footer_box .left ul li a:hover {
	color: #ec970c;
}

.footer_box .right span {
	font-size: 16px;
	color: #fff;
}

.footer_box .right em {
	color: #fff;
	font-size: 32px;
	font-style: normal;
	font-weight: bold;
}

.bottom {
	background: #000;
	padding: 30px 0;
}

.bottom .content {
	width: 1000px;
	margin: 0 auto;
}

.bottom span {
	font-size: 14px;
	color: #fff;
	padding-right: 80px;
}

.bottom p {
	font-size: 14px;
	color: #fff;
	padding-top: 7px;
	text-align: center;
}

/*在线咨询*/

.izl-rmenu {
	position: fixed;
	right: 0;
	margin-right: 20px;
	bottom: 20px;
	padding-bottom: 20px;
	background: url(/images/r_b.png) 0px bottom no-repeat;
	z-index: 999;
}

.izl-rmenu .btn {
	width: 70px;
	height: 70px;
	margin-bottom: 1px;
	cursor: pointer;
	position: relative;
}

.izl-rmenu .btn-qq {
	background: url(/images/r_qq.png) 0px 0px no-repeat;
	background-color: #6da9de;
}

.izl-rmenu .btn-sina {
	background: url(/images/r_sina.png) 0px 0px no-repeat;
}

.izl-rmenu .btn-qq:hover {
	background-color: #488bc7;
}

.izl-rmenu a.btn-qq, .izl-rmenu a.btn-qq:visited {
	background: url(/images/r_qq.png) 0px 0px no-repeat;
	/*background-color:#6da9de;*/
	text-decoration: none;
	display: block;
}

.izl-rmenu a.btn-sina, .izl-rmenu a.btn-qq:visited {
	background: url(/images/r_sina.png) 0px 0px no-repeat;
	/*background-color:#6da9de;*/
	text-decoration: none;
	display: block;
}

.izl-rmenu .btn-wx {
	background: url(/images/r_wx.png) 0px 0px no-repeat;
	/*background-color:#78c340;*/
}

.izl-rmenu .btn-wxzx {
	background: url(/images/r_wxzx.png) 0px 0px no-repeat;
}

.izl-rmenu .btn-wx:hover {
	background-color: #58a81c;
}

.izl-rmenu .btn-wx .pic, .izl-rmenu .btn-wxzx .pic {
	position: absolute;
	left: -160px;
	top: 0px;
	display: none;
	width: 160px;
	height: 160px;
}

.izl-rmenu .btn-phone {
	background: url(/images/r_phone.png) 0px 0px no-repeat;
	/*background-color:#fbb01f;*/
}

.izl-rmenu .btn-phone:hover {
	background-color: #ec970c;
}

.izl-rmenu .btn-phone .phone {
	background-color: #ec970c;
	position: absolute;
	width: 160px;
	left: -160px;
	top: 0px;
	line-height: 70px;
	color: #FFF;
	font-size: 18px;
	text-align: center;
	display: none;
}

.izl-rmenu .btn-top {
	background: url(/images/r_top.png) 0px 0px no-repeat;
	/*background-color:#666666;*/
	display: none;
}

.pagefanye { }
    
    
     .page_btn {
      border: #000 solid 0px;
    width: 59%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; /* 添加这一行确保子元素垂直居中 */
    margin-left: 20%;
    margin-right: 20%;
    }


    .page_btn span{
      border: 1px solid #ccc;
      line-height: 30px;
      margin: 0 1px 5px 5px;
      padding: 0 12px;
}
 .page_btn li {
      border: 1px solid #ccc;
      line-height: 30px;
      margin: 0 1px 5px 5px;
      background: #fff;
      padding: 0 12px;
}
.now-page {
    background:#5ca2fc;
    color:#fff;
    
}


.txt_box1 p{ display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;}
  
  
  
  /* Flexbox 相关样式 ==================================================================================*/
.mt-50 {
    margin-top: 50px !important;
}
.w-1200 {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.t-h2 {
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    font-weight: 700;
}
.t-h2 .i-tj, .t-h2 .i-wd, .t-h2 .i-bk, .t-h2 .i-ht, .t-h2 .i-yy {
    color: #4194e2;
    font-size: 30px;
    vertical-align: middle;
}
.f {
    font-family: "f" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.t-h2 span {
    font-size: 20px;
    vertical-align: middle;
    padding-left: 6px;
}
.t-h2 a {
    font-size: 14px;
    color: #999;
    font-weight: 400;
    padding-top: 5px;
}
.fr {
    float: right;
}
.mt-20 {
    margin-top: 20px !important;
}
.jc-sb {
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
.flex {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: box;
    display: flexbox;
}
.br-10 {
    border-radius: 10px;
    -webkit-border-radius: 10px;
}
.b-ce6 {
    border: 1px solid #e6e6e6;
}
.col-4 {
    width: 24%;
}
.fw-w {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.topic img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 140px;
    object-fit: cover;
}
.w100 {
    width: 100%;
}
.pt-10 {
    padding-top: 10px !important;
}
.c {
    text-align: center;
}
.t2 {
    font-size: 18px;
    color: #333333;
    font-weight: 700;
    line-height: 26px;
}
.topic .line2 {
    margin: 4px 10px;
}
.line2 {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 44px;
    line-height: 22px;
}
.d {
    font-size: 14px;
    color: #999999;
}
.i-ht:before {
    content: "\e61e";
}
.line {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-all;
}
.ai-c {
    align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
}
.flex-1 {
    flex: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
}
.bk-list .bk-line {
    width: 5px;
    height: 5px;
    background: #039f25;
}
.col-5 {
    width: 19%;
    max-width: 239px;
}
.mt-20 {
    margin-top: 20px !important;
}
.flex, .flex1, .flex2 {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    justify-content: space-around;
}
.t {
    font-size: 16px;
    color: #333333;
}
/*引入图标*/



@font-face {
  font-family: "f"; /* Project id 3331891 */
  src: url('//at.alicdn.com/t/c/font_3331891_08odor1s3i9e.woff2?t=1678863173528') format('woff2'),
       url('//at.alicdn.com/t/c/font_3331891_08odor1s3i9e.woff?t=1678863173528') format('woff'),
       url('//at.alicdn.com/t/c/font_3331891_08odor1s3i9e.ttf?t=1678863173528') format('truetype');
}

.f {
  font-family: "f" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.i-bzxw:before {
  content: "\e653";
}

.i-bddh:before {
  content: "\e649";
}

.i-yh-right:before {
  content: "\e63a";
}

.i-yh-left:before {
  content: "\e63c";
}

.i-m-tc:before {
  content: "\e637";
}

.i-xin:before {
  content: "\e625";
}

.i-zizhi:before {
  content: "\e67a";
}

.i-shiming:before {
  content: "\e634";
}

.i-youyong:before {
  content: "\e638";
}

.i-z:before {
  content: "\ec8c";
}

.i-city:before {
  content: "\e64c";
}

.i-xm:before {
  content: "\e6fb";
}

.i-select:before {
  content: "\e606";
}

.i-select_sel:before {
  content: "\e607";
}

.i-xz:before {
  content: "\ed1d";
}

.i-zd:before {
  content: "\e684";
}

.i-p-nav:before {
  content: "\e619";
}

.i-n-yy:before {
  content: "\e636";
}

.i-d:before {
  content: "\e62c";
}

.i-xy:before {
  content: "\e626";
}

.i-m-ht:before {
  content: "\e6a9";
}

.i-m-bk:before {
  content: "\e614";
}

.i-m-yy:before {
  content: "\e60c";
}

.i-m-qa:before {
  content: "\e696";
}

.i-fg:before {
  content: "\e680";
}

.i-ts:before {
  content: "\e635";
}

.i-dir:before {
  content: "\e604";
}

.i-yy-group-w:before {
  content: "\e777";
}

.i-yy-group-d:before {
  content: "\e7a1";
}

.i-y-xx:before {
  content: "\e914";
}

.i-gb:before {
  content: "\eaf2";
}

.i-yy:before {
  content: "\e66d";
}

.i-xs:before {
  content: "\e603";
}

.i-xx:before {
  content: "\e602";
}

.i-jb:before {
  content: "\e724";
}

.i-zj:before {
  content: "\e722";
}

.i-bc:before {
  content: "\e674";
}

.i-lb:before {
  content: "\e652";
}

.i-r-gl:before {
  content: "\e60a";
}

.i-xglj:before {
  content: "\e624";
}

.i-r-ht:before {
  content: "\e605";
}

.i-mobile:before {
  content: "\e6a7";
}

.i-zy:before {
  content: "\e663";
}

.i-bq:before {
  content: "\e60b";
}

.i-next:before {
  content: "\e601";
}

.i-more:before {
  content: "\e61a";
}

.i-sjx:before {
  content: "\e620";
}

.i-tj:before {
  content: "\e67d";
}

.i-bk:before {
  content: "\e641";
}

.i-wd:before {
  content: "\e600";
}

.i-ht:before {
  content: "\e61e";
}

.i-ss:before {
  content: "\eafe";
}

.i-hot:before {
  content: "\e8c9";
}

.article_con h2::after {
	position: relative;
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    margin-right: 10px;
    width: 6px;
    height: 18px;
    background: #4194e2;
    border-radius: 3px;
}
.article_con h3::after {
	position: relative;
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    margin-right: 10px;
    width: 6px;
    height: 18px;
    background: #4194e2;
    border-radius: 3px;
}


.article_con h2 {
    margin-bottom: 10px;
    line-height: 28px;
    color: #262626;
    font-size: 18px;
    font-weight: 700;
    overflow: hidden;
    word-break: break-all;
    position: relative;

}
.article_con h3 {
    margin-bottom: 10px;
    line-height: 28px;
    color: #262626;
    font-size: 18px;
    font-weight: 700;
    overflow: hidden;
    word-break: break-all;
    position: relative;

}
.article_con li {
        color: #5ca2fc;
}

.Qmtips, .article_con h6 {
    background: rgba(0, 124, 255, .05);
    border-radius: 4px;
    color: #333;
    font-size: 15px;
    font-weight: 400;
    line-height: 27px;
    margin: 20px 0;
    padding: 50px 20px 20px;
    position: relative;
}

.article_con h6::after {
	margin: 15px 40px;
    color: #0e89d1;
    content: "Tips：";
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    left: 8%;
    top: 0;
    transform: translateX(-100%);
}

.article_con tr td, .article_con tr th {
    padding: 10px 20px;
    word-break: break-all;
    border: 1px solid #e5e5e5;
}

.article_con thead {
    background: #ebf6ff;
}

.article table {
    margin: 20px 0;
    width: 100% !important;
    color: #262626;
    font-size: 15px;
    line-height: 27px;
}

.article_con img {
    max-width: 100%;
    min-width: 50%;
    outline: none;
    -webkit-box-sizing: border-box;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 8px;
}

table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: Arial, sans-serif;
}

/* 表头样式 */
th {
  background: #bbd9ff; /* 浅蓝色，有助于缓解眼部疲劳 */
  color: #333;
  padding: 10px;
  text-align: left;
}

/* 表格行样式 */
tr:nth-child(even) {
  background-color: #f2f2f2; /* 交替行颜色 */
}

/* 单元格样式 */
td {
  padding: 10px;
  border: 1px solid #ddd;
}

/* 鼠标悬停效果 */
tr:hover {
  background-color: #e8e8e8;
}