@import "style.css";
html {
	-webkit-text-size-adjust: none;
}
* {
	margin: 0;
	padding: 0;
}
*, ::after, ::before {
	box-sizing: border-box;
}
em, i {
	font-style: normal;
}
ol, ul {
	list-style: none;
}
img {
	border: 0;
	max-width: 100%;
	height: auto;
}
p {
	color: #3e506f;
	margin: 0;
	white-space: normal;
	word-break: break-all;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	line-height: 1.75;
	color: #344767;
	font-size: 24px;
}
table {
	border-spacing: 0;
	border-collapse: collapse;
}
body {
	font-family: 'Microsoft Yahei', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	background: #ffffff;
	line-height: 1.5;
}
@media only screen and (min-width: 900px) {
body {
	background: #fff;
}
}
@media only screen and (max-width: 900px) {
body {
	background: #fff;
	padding-top: 0px;
}
}
a {
	color: #3e506f;
	font-size: 14px;
	text-decoration: none;
	transition: color 0.3s;
	cursor: pointer;
}
a:hover {
	color: #0060ed;
}
::selection {
	background: #0060ed;
	color: #fff;
}
.font-theme {
	font-family: 'oswaldregular', sans-serif;
}
.container {
	max-width: 1200px;
	margin: 0 auto;
}
.linear {
	background-image: linear-gradient(0deg, #ffffff 0%, #f3f5f8 100%);
	border: 2px solid #fff;
	box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1), -8px -8px 20px 0 #fff;
}
.color0 {
	color: #04b9b6;
	background-color: rgba(8,196,193,.1)
}
.color1 {
	color: rgb(202, 109, 220);
	background-color: rgba(212, 62, 241, 0.1)
}
.color2 {
	color: #ff5473;
	background-color: rgba(255,84,115,.1)
}
.color3 {
	color: #6a933e;
	background-color: rgba(72,135,24,.1)
}
.color4 {
	color: #ff6f06;
	background-color: rgba(255,111,6,.1)
}
.color5 {
	color: #8e4aff;
	background-color: rgba(154,72,245,.1)
}
.color6 {
	color: #c58516;
	background-color: rgba(179,103,8,.1)
}
.color7 {
	color: #2997f7;
	background-color: rgba(41,151,247,.1)
}
.color8 {
	color: #5c7cff;
	background-color: rgba(77,130,249,.1)
}
.color9 {
	color: #04b9b6;
	background-color: rgba(8,196,193,.1)
}
.color10 {
	color: #d6064c;
	background-color: rgba(194,41,46,.1)
}
.color11 {
	color: #18a52a;
	background-color: rgba(18,185,40,.1)
}
.color12 {
	color: #e434e1;
	background-color: rgba(213,72,245,.1)
}
.color13 {
	color: #888;
	background-color: rgba(136,136,136,.1)
}
.color14 {
	color: #6a933e;
	background-color: rgba(72,135,24,.1)
}
.color15 {
	color: #c58516;
	background-color: rgba(179,103,8,.1)
}
.color16 {
	color: #d6064c;
	background-color: rgba(194,41,46,.1)
}
.color17 {
	color: #ff5473;
	background-color: rgba(255,84,115,.1)
}
.color18 {
	color: #e434e1;
	background-color: rgba(213,72,245,.1)
}
.color19 {
	color: #04b9b6;
	background-color: rgba(8,196,193,.1)
}
.color20 {
	color: #ff6f06;
	background-color: rgba(255,111,6,.1)
}
.color21 {
	color: #2997f7;
	background-color: rgba(41,151,247,.1)
}
.color22 {
	color: #04b9b6;
	background-color: rgba(8,196,193,.1)
}
.color23 {
	color: #04b9b6;
	background-color: rgba(8,196,193,.1)
}
.color24 {
	color: rgb(202, 109, 220);
	background-color: rgba(212, 62, 241, 0.1)
}
.color25 {
	color: #888;
	background-color: rgba(136,136,136,.1)
}
.color26 {
	color: #d6064c;
	background-color: rgba(194,41,46,.1)
}
.color27 {
	color: #2997f7;
	background-color: rgba(41,151,247,.1)
}
.color28 {
	color: #5c7cff;
	background-color: rgba(77,130,249,.1)
}
.color29 {
	color: #04b9b6;
	background-color: rgba(8,196,193,.1)
}
.color30 {
	color: #d6064c;
	background-color: rgba(194,41,46,.1)
}
.color31 {
	color: #18a52a;
	background-color: rgba(18,185,40,.1)
}
.color32 {
	color: #e434e1;
	background-color: rgba(213,72,245,.1)
}
.color33 {
	color: #888;
	background-color: rgba(136,136,136,.1)
}
.color34 {
	color: #6a933e;
	background-color: rgba(72,135,24,.1)
}
.color35 {
	color: #c58516;
	background-color: rgba(179,103,8,.1)
}
.color36 {
	color: #d6064c;
	background-color: rgba(194,41,46,.1)
}
.color37 {
	color: #ff5473;
	background-color: rgba(255,84,115,.1)
}
.color38 {
	color: #e434e1;
	background-color: rgba(213,72,245,.1)
}
.color39 {
	color: #2997f7;
	background-color: rgba(41,151,247,.1)
}
.color40 {
	color: #5c7cff;
	background-color: rgba(77,130,249,.1)
}
.color41 {
	color: #04b9b6;
	background-color: rgba(8,196,193,.1)
}
.color42 {
	color: #d6064c;
	background-color: rgba(194,41,46,.1)
}
.color43 {
	color: #18a52a;
	background-color: rgba(18,185,40,.1)
}
/*图集*/
.zpjt, .gnsm, .bbgx, .sysm, .xzdz, .lxfs, .tbzy, .xglist, .help, #pl {
	clear: both;
	width: 100%;
	background: #fff;
	padding: 10px 20px;
	border-radius: 10px;
	margin-bottom: 20px;
	-webkit-box-shadow: 0 2px 5px 0 rgba(146,146,146,.1);
	-moz-box-shadow: 0 2px 5px 0 rgba(146,146,146,.1);
	box-shadow: 0 2px 5px 0 rgba(146,146,146,.1);
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
	overflow: hidden;
}
.zpjt ul li, .gnsm ul li {
	float: left;
	margin: 0.5%;
	background: #F4F2EF;
	width: 19%;
	padding: 0.8% 0.8% 0.2% 0.8%;
	border-radius: 5px;
}
.zpjt ul li img, .zpjt ul li, .gnsm ul li img {
}
.zpjt p, .gnsm p, .bbgx p, .sysm p, .lxfs p, .tbzy p {
	margin-top: 0px;
	margin-bottom: 0px;
	white-space: normal;
	box-sizing: border-box;
	border: 0px;
	vertical-align: baseline;
	font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
	outline: 0px;
	line-height: 1.95em;
	/* text-indent: 2em; */
	text-align: justify;
	color: rgb(42, 42, 42);
	word-break: break-all;
	font-size: 15px;
	padding: 8px 0px;
}
.zpjt h3, #pl h4 {
	white-space: normal;
	box-sizing: border-box;
	margin: 15px 0px;
	padding: 0px 0px 0px 10px;
	border-width: 0px 0px 0px 5px;
	border-top-style: initial;
	border-right-style: initial;
	border-bottom-style: initial;
	border-left-style: initial;
	border-top-color: initial;
	border-right-color: initial;
	border-bottom-color: initial;
	border-left-color: rgb(234, 96, 0);
	border-image: initial;
	vertical-align: baseline;
	font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
	outline: 0px;
	font-size: 18px;
	line-height: 18px;
	color: rgb(51, 51, 51);
	font-weight: 700;
}
.zpjt .fa {
	margin-right: 10px
}
.zpjt h3 .fa {
	color: rgb(234, 96, 0)
}
.zpjt .dxbox {
	overflow: hidden;
	margin: 0px -0.5%;
}
.zpjt .dxbox li img {
}
.top-wechat-bar {
	position: relative;
	z-index: 99;
	width: 100%;
	display: block;
}
.wechat-icon {
	width: 20px;
	height: 20px;
	margin-right: 5px;
}
.top-wechat-bar-dialog {
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	position: fixed;
	z-index: 10001;
	top: 0px;
	right: 0px;
	left: 0px;
	display: none;
	justify-content: center;
	align-items: center;
	background-color: rgba(94,110,141,0.9);
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.dialog-content {
	width: 20%;
	padding: 20px;
	background-color: #ffffff;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
}
.copy-icon {
	width: 44px;
	height: 44px;
}
.copy-tips {
	color: #333;
	font-size: 18px;
	font-weight: 700;
margin:.625rem 0;
}
.dialog-desc {
	font-size: 15px;
	color: #333;
}
.i-see-btn {
	background-color: #1aad19;
border-radius:.25rem;
	width: 9rem;
	height: 2.75rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	color: #ffffff;
	cursor: pointer;
}
/*20221202*/

/*tags*/
.tags {
	position: relative;
	overflow: hidden;
}
.tags ul {
	margin: 0 20px 20px;
	overflow: hidden
}
.tags ul a {
	display: block;
	float: left;
	font-size: 12px;
	width: 10%;
	text-align: center;
	height: 16px;
	margin-bottom: 4px;
	background-color: #f1f1f1;
	color: #615f5f;
	padding: 10px 0;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tags ul a:after, .tags ul a:before {
	content: "";
	background: #fff;
	top: 0;
	width: 2px;
	height: 100%;
	position: absolute;
}
.tags ul a:after {
	right: 0;
}
.tags ul a:before {
	left: 0
}
.tags ul a:hover {
	background: #1487f4;
	color: #fff;
}
.whitebg {
	background: #fff;
	border: 1px solid #eee;
}
.box, article {
	width: 1170px;
	margin: auto;
	overflow: hidden;
}
/*news-title*/
.news-title {
	border-bottom: #e4e3e3 1px solid;
	margin: 20px;
	padding-bottom: 10px;
	overflow: hidden;
}
.news-title h2 {
	color: #1487f4;
	font-size: 16px;
	font-weight: normal;
	position: relative;
	float: left;/* width: 84px; */
	text-align: center;
}
.news-title h2 a {
	color: #1487f4;
}
.news-title h2:after {
	content: "";
	background: #1487f4;
	background: linear-gradient(to right, #0062ff 0%, #00a0ec 100%);
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: -10px;
	left: 0;
}
.pageinfo b {
	background-color: #fff;
	border-color: #f4f4f4;
	border-style: solid;
	border-width: 1px;
	color: #666;
	margin: 2px;
	padding: 8px 20px;
	text-decoration: none;
	border-radius: 4px;
	height: 36px;
	line-height: 36px;
	transition: all 0.2s ease 0s;
	background-color: #e1f0ff;
	background-image: -webkit-gradient(linear, left top, right top, from(#fff2ec), color-stop(42%, #f0f1f6), to(#e1f0ff));
	background-image: linear-gradient(90deg, #e1f0ff 0, #f0f1f6 42%, #fff2ec 100%);
}
.pageinfo b:hover {
	border-style: solid;
	border-width: 1px;
	color: #111;
	background-color: #e1f0ff;
	background-image: -webkit-gradient(linear, left top, right top, from(#fff2ec), color-stop(42%, #f0f1f6), to(#e1f0ff));
	background-image: linear-gradient(90deg, #e1f0ff 0, #f0f1f6 42%, #fff2ec 100%);
}
.pageinfo b:active {
	border-color: #0060ed;
	border-style: solid;
	border-width: 1px;
	color: #000;
	background-color: #e1f0ff;
	background-image: -webkit-gradient(linear, left top, right top, from(#fff2ec), color-stop(42%, #f0f1f6), to(#e1f0ff));
	background-image: linear-gradient(90deg, #e1f0ff 0, #f0f1f6 42%, #fff2ec 100%);
}
.right {
	float: right;
}
.login {
	float: right;
	margin-left: 10px;
}
.login i {
	margin-right: 5px;
}
.login a {
	color: #a9a9ac;
	margin-left: 8px;
}
.login a:hover {
	color: #fff;
	margin-left: 8px;
}
 @media (max-width: 600px) {
.topinfo {
	display: none;
}
}
@media (min-width: 600px) {
.topinfom {
	display: none;
}
}
.topinfom p, .topinfom p a {
	color: #a9a9ac;
	font-size: 12px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.topinfom {
	float: left;
	height: 38px;
}
.topinfom img {
	height: 32px;
	margin-top: 2px;
}
.topinfom span {
	color: #fff;
}
.lcp-download-button {
	line-height: 57px;
	margin-right: 5px
}
.lcp-download-button a {
	display: inline-block;
	padding: 8px 15px;
	border-radius: 4px;
	background-color: #e53e40;
	color: #fff;
	line-height: normal;
}
.lcp-download-button a:hover {
	background-color: #1487f4;
	color: #fff;
}

/*新版*/
.mt25{margin-top: 25px;}
.products-grid{display:grid;grid-template-columns:repeat(3,385px);gap:25px;justify-content:center;margin-bottom: 2rem}
.products-grid .product-card{width:100%;background:white;border-radius:12px;overflow:hidden;box-shadow:0 10px 20px rgba(0,0,0,0.08);transition:transform 0.3s ease,box-shadow 0.3s ease}
.products-grid .product-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,0.15)}
.products-grid .product-image img{width: 100%;position: relative;display: block;}
.products-grid .scroll_pic {position: relative;width: 100%;height: 220px;margin: 0;overflow: hidden;}
.products-grid .product-card:hover .product-image img{transform:scale(1.05)}
.products-grid .product-name{padding:18px 20px;font-size:1.15rem;color:#333;border-bottom:1px solid #eee;}
.products-grid .product-price-details{padding:18px 20px;display:flex;justify-content:space-between;align-items:center}
.products-grid .price{font-size:1.5rem;font-weight:700;color:#FF752C}
.products-grid .price::before{content:"￥";font-size:0.9em;margin-right:2px}
.products-grid .details-btn{color:#333;border:1px solid #ddd;padding:10px 20px;border-radius:3px;cursor:pointer;transition:background 0.3s ease;display:flex;align-items:center;gap:8px}
.products-grid .product-source-group{padding:15px 20px;display:flex;justify-content:space-between;align-items:center;}
.products-grid .source{color:#7f8c8d;font-size:0.95rem}
.products-grid .group span{color:#0060ed;padding:5px 12px;border-radius:3px;font-size:0.85rem;border: 1px solid #0060ed;margin-left: .15rem}
.product-image-main{height: 220px;overflow: hidden;}


.top-banner {
    width: 100%;
    overflow: hidden;
}
.top-banner .pcbanner {
    position: relative;
    z-index: 0;
}
.top-banner .pcbanner .b_bg img {
    width: 100%;
    display: block;
    min-height: 540px;
}
.top-banner .pcbanner .swiper-slide .pos-text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.top-banner .center {
    width: 1200px;
    margin: 0 auto;
}
.top-banner .pcbanner .swiper-slide .ban1-text {
    padding: 73px 0 0 0;
}
.top-banner .pcbanner .swiper-slide .ban1-text span {
    font-size: 40px;
    color: #fff;
    display: block;
    text-align: center;
    font-weight: 700;
    letter-spacing: .5px;
}
.top-banner .pcbanner .swiper-slide .ban1-text p {
    font-size: 24px;
    color: #fff;
    display: block;
    text-align: center;
    font-weight: 100;
}
.top-banner .pcbanner .swiper-slide .ban1-text_text1 p {
    font-size: 20px;
    margin-top: 6px;
}
.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.top-banner .pos-text .top-page-banner {
    background: none;
    padding: 0;
}
.top-page-banner .box2 {
    overflow: hidden;
}
.top-page-banner .box2 ul {
    position: relative;
    text-align: center;
    margin-top: 30px;
}
.top-page-banner .pos-text .yunu_page_banner .box2 ul {
    margin-top: 20px;
}
.top-page-banner .box2 ul li {
    width: 130px;
    display: inline-block;
    margin: 7.5px;
    border: 1px solid #fff;
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
}
.top-page-banner .box2 ul li a {
    display: block;
    line-height: 42px;
    color: #fff;
}
.top-page-banner .box2 ul li a .pic {
    display: inline-block;
    text-align: center;
}
.top-page-banner .box2 ul li a .pic img {
    display: inline-block;
    vertical-align: middle;
}
.top-page-banner .box2 ul li a .pic img:first-child + img {
    display: none;
}
.top-page-banner .box2 ul li a span {
    padding-left: 10px;
    position: relative;
    top: 1px;
}
.top-banner .pcbanner .swiper-slide .ban1-text.ban0-text p {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 5px;
}
.top-banner .pcbanner .swiper-slide .ban1-text.ban0-text {
    padding-top: 20px;
}
.top-banner .pcbanner .swiper-slide .ban1-text.ban0-text p a {
    color: #fff;
}

/*首页*/
.mbanner{background:#0090ff;background-size:100% 100%;padding:80px 0 50px 0;overflow:hidden}
.mbanner .text span{display:block;text-align:center;color:#fff;font-size:40px;line-height:100%;position:relative;font-weight:bold}
.mbanner .text p{font-size:24px;display:block;text-align:center;color:#fff;margin-top:20px;position:relative}
.mbanner .text a{width:230px;display:block;margin:0 auto;border:1px solid #fff;color:#fff;border-radius:20px;margin-top:30px;text-align:center;font-size:20px;line-height:48px;position:relative}


/*关于我们*/
.single-box{padding:40px 0;background:#f8f8fa}
.single-box .center{width:1200px;margin:0 auto}
.single-box .box .fl{width:20%}
.single-box .fl{float:left}
.single-box .single-menu h3{line-height:60px;font-weight:normal;background:#00a2e9;width:100%;display:block;font-weight:bold;font-size:20px;color:#fff;padding-left:40px}
.single-box .single-menu li a{outline:0;line-height:48px;width:100%;float:left;margin-top:10px;background:#fff;padding-left:40px;display:block;border-left:3px solid #fff;font-size:14px}
.single-box .single-menu li.on a{border-color:#00a2e9;color:#00a2e9;font-weight:bold}
.single-box .box2 .fr{width:59%;float:right;position:relative}
.single-box .box2 .fr{width:78%}
.single-box .box2 .fr .currson{background:#fff;padding-left:20px;border:1px solid #eee}
.single-box .currson .text{font-size:14px}
.single-box .single-content{background:#fff;width:100%;margin-top:10px;padding:20px;border:1px solid #eee}
.single-box .content p{font-size:14px;line-height:24px;margin-bottom:15px}
.single-box .currson .text{font-size:14px}
.single-box .currson{padding:20px 0}
.single-box .single-menu li:hover a{border-color:#00a2e9;color:#00a2e9;font-weight:bold}
.single-box .box2 .fl{width:20%}

/*增值服务*/
.single-dz-main .dz-banner{background:url(/template/pc/skin/images/banner-bg.jpg) no-repeat center / cover;height:494px;margin-top:86px}
.container2{padding:0 15px;max-width:1200px;margin:0 auto;position:relative}
.single-dz-main .dz-banner .container2{height:100%}
.single-dz-main .dz-banner .pic{height:100%;display:flex;align-items:center}
.single-dz-main .section{padding:60px 0}
.single-dz-main .section-title{margin-bottom:50px;font-size:40px;text-align:center;color:#00000c}
.single-dz-main .section-title strong span{color:#004bdf}
.single-dz-main .in-about .con{font-size:22px;line-height:1.5}
.single-dz-main .in-why{background:#f8f8fa}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.single-dz-main .in-why li{float:left;width:33.333%}
.single-dz-main .in-why li a{transition:0.5s;background:#FFF url(/template/pc/skin/images/num01.png) no-repeat 80% 25px;display:block;color:#404040;margin:0 0 40px 40px;height:241px;padding:40px 30px 0 40px;border-radius:10px;overflow:hidden;box-shadow:0 0 25px rgba(0,0,0,0.1)}
.single-dz-main .in-why li:nth-child(2) a{background-image:url(/template/pc/skin/images/num02.png)}
.single-dz-main .in-why li:nth-child(3) a{background-image:url(/template/pc/skin/images/num03.png)}
.single-dz-main .in-why li:nth-child(4) a{background-image:url(/template/pc/skin/images/num04.png)}
.single-dz-main .in-why li:nth-child(5) a{background-image:url(/template/pc/skin/images/num05.png)}
.single-dz-main .in-why li:nth-child(6) a{background-image:url(/template/pc/skin/images/num06.png)}
.single-dz-main .in-why li a:hover{transform:translateY(-20px)}
.single-dz-main .in-why li .icon{margin-bottom:22px}
.single-dz-main .in-why li h2{font-size:20px;margin-bottom:15px}
.single-dz-main .in-why li p{font-size:16px;color:#757575;line-height:26px}
.single-dz-main .in-service li{float:left;width:33.333%}
.single-dz-main .in-service li a{transition:0.5s;text-align:center;display:block;padding:0 35px;color:#404040}
.single-dz-main .in-service li a:hover{transform:translateY(-20px)}
.single-dz-main .in-service li .icon{margin-bottom:15px}
.single-dz-main .in-service li h2{font-size:20px;margin-bottom:15px;font-weight:bold}
.single-dz-main .in-service li p{font-size:16px;color:#757575;line-height:26px;text-align:left}
.single-dz-main .in-ys .y1{background:#f8f8fa}
.single-dz-main .in-ys .con{display:flex;align-items:center;font-size:16px;color:#6e6e6e}
.single-dz-main .img-center{text-align:center;font-size:0}
.single-dz-main .in-ys .con .img-center{flex:1}
.single-dz-main .img-center img{display:inline-block;width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle;transition:all 0.5s}
.single-dz-main .in-ys .con .text{flex:1}
.single-dz-main .in-ys .con .text h2{font-size:36px;color:#010012;margin-bottom:12px}
.single-dz-main .in-ys .con .text h3{font-size:16px;font-weight:normal;margin-bottom:45px}
.single-dz-main .in-ys .con .text p{max-width:520px;line-height:30px;background:url(/template/pc/skin/images/icon-gou.png) no-repeat left 8px;padding-left:28px}
.single-dz-main .in-ys .con .text .btns{margin-top:40px}
.single-dz-main .in-ys .con .text .btns a{display:inline-block;line-height:40px;font-size:16px;padding:0 45px;background:#1f64ff;color:#FFF;border-radius:20px}
.single-dz-main .in-ys .y1 .img-center{order:100}
.single-dz-main .in-ys .clearfix{padding:60px 0}
.single-dz-main .in-case .swiper-slide a{display:block;overflow:hidden;border-radius:20px;transition:0.5s}
.single-dz-main .img-center img{display:inline-block;width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle;transition:all 0.5s}

/*网站模板*/
.mt20{margin-top: 20px;}
.main{width:100%;overflow:hidden}
.moban-wrap{padding-bottom:30px}
.center{width:1200px;margin:0 auto}
.moban-wrap .flex-between{padding-bottom:0}
.moban-wrap .flex-between .text{color:#333;float:left;margin-top:4px}
.moban-wrap .flex-between .text a{display:inline-block;vertical-align:middle;height:30px;line-height:30px;text-align:center;padding:0 10px}
.moban-wrap .flex-between .text a.active{color:#fff;background-color:#00a2e9}
.moban-wrap .flex-between .text a{height:34px;line-height:34px;margin-right:10px;padding:0 15px;color:#00a2e9}
.moban-wrap .flex-between .text a.active{color:#fff}
.moban-wrap .chaj-list{margin-top:10px}
.moban-wrap .chaj-list li{width:48%;float:left;padding:30px 20px;border:1px solid #eee;margin-right:4%;margin-top:15px}
.moban-wrap .chaj-list li .pic{width:90px;float:left}
.moban-wrap .chaj-list li .pic span img{display:inline-block;vertical-align:middle}
.moban-wrap .chaj-list li .text{width:calc(100% - 90px);float:left;padding-left:15px}
.moban-wrap .chaj-list li .text span{font-size:16px;color:#666;display:block}
.moban-wrap .chaj-list li .text em{font-size:12px;color:#a1a1a1;display:block;font-style:normal;text-align:justify;margin-top:2px;line-height:18px;height:36px;overflow:hidden}
.moban-wrap .chaj-list li .text p{margin-top:8px}
.moban-wrap .chaj-list li .text p i{font-size:14px;color:#fb3838;display:block;float:left;line-height:26px;font-style:normal}
.moban-wrap .chaj-list li .text p a{width:75px;float:right;height:26px;line-height:26px;text-align:center;color:#fff;outline:0;border:none;background:#00a2e9;font-size:12px}
.moban-wrap .chaj-list li:nth-child(2n){margin-right:0}
.mbanner{display: none;}
.moban-wrap .chaj-list li:hover {box-shadow: 0 5px 25px rgba(0, 0, 0, .15);}
		
.web-wrap{margin-top:110px;}
.web-wrap .pro-screen{padding:10px 0;border:1px solid #eaeaea;background-color:#fff;width:100%;margin-bottom:20px}
.web-wrap .pro-screen ul{margin-top:10px}
.web-wrap .pro-screen ul li{margin:0 8px;float:left}
.web-wrap .pro-screen ul li span{display:block;color:#aaa;padding:7.5px 19px}
.web-wrap .pro-screen ul li a.active{color:#fff;background-color:#00a2e9}
.web-wrap .pro-screen ul li a{color:#000;padding:6px 16px;display:block}
.web-wrap .flex-between{width:100%;padding:30px 0}
.web-wrap .flex-between .text{color:#333;float:left;margin-top:4px}
.web-wrap .flex-between .text a{display:inline-block;vertical-align:middle;height:30px;line-height:30px;text-align:center;padding:0 10px}
.web-wrap .flex-between .text a.active{color:#fff;background-color:#00a2e9}
.web-wrap .flex-between .search{position:relative;padding-right:78px;float:right}
.web-wrap .flex-between .search input[type="text"]{width:182px;height:36px;line-height:36px;border:1px solid #ddd;border-right:0;float:left;padding:0 10px;outline:0}
.web-wrap .flex-between .search input[type="submit"]{position:absolute;right:0;top:0;width:78px;float:right;height:36px;line-height:36px;text-align:center;color:#fff;outline:0;border:none;background-color:#00a2e9;transition:.2s}
.web-wrap .pro_box .city_box3{margin-top:0}
.web-wrap .city_box3 .box2{position:relative}
.web-wrap .web-case-list{width:100%;padding:0 50px;margin-top:50px;position:relative}
.web-wrap .city_box3 .web-case-list{padding:0;margin-top:0}
.web-wrap .pro_box .city_box3 .web-case-list{margin-top:0}
.web-wrap .web-case-list .swiper_container{overflow:hidden}
.web-wrap .city_box3 .web-case-list .swiper-wrapper{display:block}
.web-wrap .web-case-list .swiper-wrapper .swiper-slide{width:31.667%;margin-right:2.5%;margin-bottom:2.5%;float:left}
.web-wrap .web-case-list .swiper-wrapper .swiper-slide .li_text{background:#fff;border:1px solid #eee;padding:8px}
.web-wrap .web-case-list .swiper-wrapper .swiper-slide .scroll_pic{position:relative;width:100%;height:220px;margin:0;overflow:hidden}
.web-wrap .web-case-list .swiper-wrapper .swiper-slide .scroll_pic img{width:100%;position:relative;display:block}
.web-wrap .web-case-list .swiper-wrapper .swiper-slide .text h3{line-height:48px;border-bottom:1px solid #f6f6f6;color:#555;padding:0 5px;font-size:16px;font-weight:normal}
.web-wrap .web-case-list .swiper-wrapper .swiper-slide .text2{width:100%;-ms-flex-pack:justify;justify-content:space-between;padding:12px 0}
.web-wrap .web-case-list .swiper-wrapper .swiper-slide .text2 span{font-size:12px;color:#666;float:left}
small{font-size:12px}
.web-wrap .web-case-list .swiper-wrapper .swiper-slide .text2 span small{color:#f60}
.web-wrap .web-case-list .swiper-wrapper .swiper-slide .text2 span i{font-size:22px;color:#f60;font-style:normal}
.web-wrap .web-case-list .swiper-wrapper .swiper-slide .text2 span em{color:#999;font-style:normal;padding-left:8.3px}
.web-wrap .web-case-list .swiper-wrapper .swiper-slide .text2 a{display:block;width:92px;height:34px;border:1px solid #e5e5e5;color:#555;text-align:center;line-height:32px;border-radius:3px;float:right;font-size:14px}
.web-wrap .web-case-list .swiper-wrapper .swiper-slide .text3{width:100%;-ms-flex-pack:justify;justify-content:space-between;padding:10px 0}
.web-wrap .web-case-list .swiper-wrapper .swiper-slide .text3 p{font-size:12px;color:#ccc;float:left;line-height:21px;margin-top:3px}
.web-wrap .web-case-list .swiper-wrapper .swiper-slide .text3 p em{font-style:normal;color:#999}
.web-wrap .web-case-list .swiper-wrapper .swiper-slide .text3 span{float:right;margin-top:3px}
.web-wrap .web-case-list .swiper-wrapper .swiper-slide .text3 span i{font-style:normal;display:inline-block;color:#66c7f2;border:1px solid #66c7f2;padding:3px 2px;line-height:1;font-size:12px;line-height:100%;margin-left:5px}
.web-wrap .web-case-list .swiper-wrapper .swiper-slide:nth-child(3n){margin-right:0}
.web-wrap .city_box3{margin-top:0}
.web-wrap .pro-screen ul li a:hover {color: #fff;background-color: #00a2e9;}


.chajian_page_banner{background:url(/template/pc/skin/images/pagebanner.png) no-repeat;background-size:100% 100%;padding:80px 0 50px 0;overflow:hidden}
.chajian_page_banner.chaj_banner{padding:90px 0}
.chajian_page_banner .text span{display:block;text-align:center;color:#fff;font-size:40px;line-height:100%;position:relative;font-weight:bold}
.chajian_page_banner .text p{font-size:24px;display:block;text-align:center;color:#fff;margin-top:20px;position:relative}



/*首页问答中心*/
.cards-container{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;width: 1200px;margin: 0 auto;}
.cards-container .question-card a{display: inline-flex}
.cards-container .question-card{display:flex;overflow:hidden;}
.cards-container .question-card:hover{transform:translateY(-3px);box-shadow:0 4px 8px rgba(0,0,0,0.1)}
.cards-container .date-column{flex:0 0 120px;background-color:#f5f7fa;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.cards-container .date-day{font-size:36px;font-weight:bold;color:#1890ff;line-height:1}
.cards-container .date-month-year{font-size:14px;color:#666;margin-top:5px}
.cards-container .content-column{flex:1;padding:5px 20px 20px;display:flex;flex-direction:column}
.cards-container .question-title{font-size:16px;color:#1f2329;margin-bottom:10px;display:flex;align-items:center}
.cards-container .question-title .badge{display:inline-block;width:24px;height:24px;background-color:#1890ff;color:white;border-radius:50%;text-align:center;line-height:24px;font-size:14px;margin-right:10px}
.cards-container .question-desc{font-size:14px;color:#999;margin-bottom:15px;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cards-container .question-meta{font-size:12px;color:#999;display:flex;align-items:center}
.cards-container .question-meta span{margin-right:15px;display:flex;align-items:center}
.cards-container .question-meta span::before{content:'';display:inline-block;width:14px;height:14px;margin-right:5px;background-size:contain;background-repeat:no-repeat;background-position:center}
.cards-container .views::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2386909c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'%3E%3C/path%3E%3Ccircle cx='12' cy='12' r='3'%3E%3C/circle%3E%3C/svg%3E")}
.cards-container .replies::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2386909c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z'%3E%3C/path%3E%3C/svg%3E")}
.cards-container .tags::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2386909c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'%3E%3C/path%3E%3Cline x1='7' y1='7' x2='7.01' y2='7'%3E%3C/line%3E%3C/svg%3E")}
.cards-container .time::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2386909c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E")}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
ul:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.newsconright .tags {display: flex; gap: 15px; flex-wrap: wrap; margin: 20px 0;}
.newsconright .tags .tit{background: #f0f4f9; color: #334155; padding: 4px 12px;font-size: 14px; text-decoration: none; transition: all 0.2s ease;}
.newsconright .tags .active{background: #0060ed;color: #fff}