body{font-family:Inter,"SF Pro Text",Roboto,"Helvetica Neue",Helvetica,Tahoma,Arial,"PingFang SC","Microsoft YaHei",serif}
/*
body {
	font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}
*/
a {
	color: #333;
}
a:hover {
	color: #666;
	text-decoration: none;
}
.red2{clolor:#ff0;}
.table2{border: 1px solid #000;width: 100%;border-spacing: 2px;border-collapse: separate;margin-top:5px}
.text-limit {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
@media (min-width: 1200px) {
.container {width: 1200px;}
}
.mt40 {margin-top: 40px;}
.top {height: 35px;	line-height: 35px;	background-color: #eaeaea;}
.top a {	margin: 0 5px;}
.navbar {	position: relative;	min-height: 50px;	margin-bottom: 0;	border: none;}
.navbar-default {background-color: transparent;}
.navbar-default .navbar-nav > li > a {color: #fff;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #fff;background-color: #eb6100;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color: #fff;background-color: #eb6100;}
.navbar-brand {float: left;height: 110px;padding: 15px 15px;}
.navbar-brand > img {display: block;}
.navbar-collapse {background-color: #0053a9;}
.navbar-slogan {font-size: 24px;line-height: 30px;padding-top: 60px;}
.navbar-slogan span {color: #c00;}
.navbar-tel {background: url(../images/whatsapp.jpg) no-repeat left center;padding-left: 60px;margin-top: 60px;}
.navbar-tel b {	font-size: 30px;line-height: 30px;color: #eb6100;}
.carousel-indicators {position: absolute;bottom: 0;left: 50%;z-index: 15;width: 60%;padding-left: 0;margin-left: -30%;text-align: center;list-style: none;}
.carousel-indicators li {display: inline-block;width: 12px;height: 12px;margin: 0 5px;text-indent: -999px;cursor: pointer;background-color: #fff;border: none;border-radius: 50%;
}
.carousel-indicators .active {width: 12px;height: 12px;margin: 0 5px;background-color: #195fbc;}
.hot {	padding: 25px 0;}
.hot span {	font-weight: bold;}
.hot a {	margin: 0 8px;}
.product {	padding: 30px 0;}
.product-box {	background-color: #014fa2;	color: #fff;	padding: 5px;}
.product-title {	padding: 20px 0;}
.product-title span {	display: block;	font-size: 16px;	color: #3772b4;	padding-top: 5px;}
.product-title h3 {	margin: 0;	color: #fff;	font-size: 24px;	font-weight: bold;}
.product-list, .contact {	background-color: #fff;	padding: 10px;}
.product-list li {height: 40px;line-height: 40px;margin-top: 10px;font-size: 16px;}
.product-list li a {display: block;height: 40px;padding: 0 20px;background: #ddd url(../images/icon_li.jpg) no-repeat 94% center;
	color: #333;}
.product-list li a:hover {background: #eb6100 url(../images/icon_hover.jpg) no-repeat 94% center;color: #fff;}
.product-list dl {margin-bottom: 0;}
.product-list dt, .product-list dd {height: 40px;line-height: 40px;margin-top: 10px;font-size: 16px;}
.product-list dt a {display: block;height: 40px;padding: 0 20px;background: #014fa2 url(../images/icon_dl.jpg) no-repeat 94% center;
	color: #fff;}
.product-list dd a {display: block;height: 40px;padding: 0 20px;background: #ddd url(../images/icon_li.jpg) no-repeat 94% center;
	color: #333;}
.product-list dd a:hover {display: block;height: 40px;padding: 0 20px;background: #eb6100 url(../images/icon_hover.jpg) no-repeat 94% center;color: #fff;}
.contact {line-height: 26px;color: #333;}
.contact p {margin: 0;}
.hot-title {height: 60px;line-height: 60px;overflow: hidden;border-bottom: 1px solid #ccc;}
.hot-title h3 {margin: 0;font-size: 24px;font-weight: bold;color: #0053a9;}
.hot-title a {width: 90px;height: 30px;line-height: 30px;background-color: #014fa2;color: #fff;text-align: center;border-radius: 15px;}
.hot-product {
	margin-top: 30px;
}
.hot-product a {
	display: block;
	border: 1px solid #ededed;
}
.hot-product img {
	width: 100%;
	height: 220px;
}
.hot-product span {
	height: 50px;
	line-height: 50px;
	background-color: #e5e5e5;
	font-size: 16px;
}
.hot-product a:hover {
	border: 1px solid #0053a9;
}
.hot-product a:hover span {
	background-color: #0053a9;
	color: #fff;
}
.ad {
	height: 400px;
	background: url(../images/ad.jpg) no-repeat center top;
}
.ad2 {
	height: 200px;
	background: url(../images/ad02.jpg) no-repeat center top;
}
.adv {
	padding: 60px;
	background-color: #ecedf0;
}
.adv-title h3 {
	margin: 0 0 15px;
	font-size: 30px;
	font-weight: bold;
}
.adv-title h3 span {
	color: #0053a9;
}
.adv-title i {
	display: block;
	font-style: normal;
	color: #444;
	font-size: 14px;
}
.adv-text {
	border-bottom: 1px solid #ececec;
	margin-top: 60px;font-size: 12px;
}
.adv-text h4 {
	height: 62px;
	line-height: 62px;
	margin: 0 0 10px;
	font-size: 26px;
	font-weight: bold;
}
.adv-text h4 i {
	display: inline-block;
	width: 77px;
	height: 62px;
	background: url(../images/icon_adv.png) no-repeat center top;
	color: #fff;
	font-size: 40px;
	text-indent: 10px;
	margin-right: 15px;
	font-style: normal;
}
.adv-text h4 span {
	color: #0053a9;
}
.adv-text p {
	line-height: 30px;
	color: #666;
}
.adv img {
	margin-top: 40px;
}
.info {
	padding: 60px 0 0;
}
.about {
	margin-top: 30px;
}
.about-con h3 {
	line-height: 30px;
	font-size: 30px;
	font-weight: bold;
	margin: 0 0 10px;
}
.about-con h3 span {
	color: #999;
	margin-left: 10px;
}
.about-con p {
	line-height: 1.8;
	color: #666;
	text-indent: 2em;
	text-align: justify;
}
.about-con a {
	display: block;
	width: 120px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	background-color: #0053a9;
	border-radius: 15px;
}
.picMarquee-left {
	overflow: hidden;
	position: relative;
}
.picMarquee-left .bd {
}
.picMarquee-left .bd ul {
	overflow: hidden;
	zoom: 1;
}
.picMarquee-left .bd ul li {
	margin: 30px 10px 0;
	width: 240px;
	float: left;
	_display: inline;
	overflow: hidden;
}
.picMarquee-left .bd ul li a {
	display: block;
	border: 1px solid #ececec;
}
.picMarquee-left .bd ul li img {
	width: 100%;
	height: 180px;
}
.picMarquee-left .bd ul li a span {
	height: 50px;
	line-height: 50px;
	background-color: #e5e5e5;
	font-size: 16px;
}
.picMarquee-left .bd ul li a:hover {
	border: 1px solid #0053a9;
}
.picMarquee-left .bd ul li a:hover span {
	background-color: #0053a9;
	color: #fff;
}
.news-title {
	height: 40px;
	line-height: 30px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
.news-title h3 {
	margin: 0;
	line-height: 38px;
	font-size: 24px;
	font-weight: bold;
	color: #333;
	border-bottom: 3px solid #0053a9;
	padding: 0 10px;
}
.news-list li {
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	border-bottom: 1px dotted #ccc;
	background: url(../images/icon05.gif) no-repeat left center;
	padding-left: 10px;
}
.footer {
	padding: 30px 0;
	background-color: #0053a9;
	color: #fff;
	line-height: 30px;
}
.footer a {
	color: #fff;
}
.footer p {
	margin: 0;
}
.flink {
	padding: 20px 0;
	color: #999;
}
.flink a {
	margin: 0 5px;
	color: #999;
}
.mailto a {  text-decoration: underline;}

/* 可选：为不同状态的链接统一设置下划线 */
.mailto a:link { /* 未访问的链接 */  text-decoration: underline;}

.mailto a:visited { /* 已访问的链接 */  text-decoration: underline;}

.mailto a:hover { /* 鼠标悬停时的链接 */  text-decoration: underline; /* 可以改为 underline overline 显示上下划线等 */}

.mailto a:active { /* 点击时的链接 */  text-decoration: underline;}
.message {
	background-color: #e9e9e9;
	padding: 20px 20px;
}
.message .clearfix {
	margin-bottom: 10px;
}
.message .clearfix img {
	width: 150px;
}
..message .clearfix p {
text-align:center;
}
.message b {
	color: #f00;
}
.message .clearfix input {
	width: 75%;
	height: 32px;
	line-height: 32px;
	background-color: #fff;
	border: 1px solid #cecece;
	padding: 0 10px;
}
.message textarea {
	width: 75%;
	height: 80px;
	background-color: #fff;
	border: 1px solid #cecece;
	padding: 10px;
}
.message .submit input {
	width: 100px;
	height: 36px;
	line-height: 36px;
	margin: 10px auto;
	background-color: #ff6600;
	color: #fff;
	font-size: 18px;
	padding: 0;
	font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
	margin: 0 5px;
}
.main .message .clearfix input {
	width: 80%;
}
.main .message textarea {
	width: 90%;
}
.position {
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #ccc;
}
.position h3 {
	margin: 0;
	line-height: 50px;
	font-size: 24px;
}
.content {
	margin-top: 20px;
	line-height: 1.6;
	text-align: justify;
	
}
.content p{margin-bottom: 1.5em;}
.news-item {
	background-color: #f4f4f4;
	box-shadow: 0 2px 5px #d6d4d1;
	padding: 20px;
	margin-top: 20px;
	overflow: hidden;
}
.news-item a:hover {
	color: #014fa2;
}
.news-item b {
	font-size: 16px;
}
.news-item p {
	margin-top: 10px;
	line-height: 26px;
	color: #666;
}
.news-item .more {
	display: block;
	width: 90px;
	height: 30px;
	line-height: 30px;
	background-color: #F48C00;
	color: #fff;
	border-radius: 5px;
}
.content-title {
	font-size: 24px;
	margin: 30px 0;
}
.content-info {
	padding: 10px 0;
	background-color: #eee;
}
.content-info span {
	margin: 0 7px;
}
.product-info {
	margin-top: 20px;
}
.product-info h1 {
	padding-bottom: 15px;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 20px;
}
.product-info p {
	font-size: 15px;
	line-height: 30px;
}
.product-details {
	height: 45px;
	line-height: 45px;
	margin: 20px 0;
	background-color: #f2f2f2;
	font-size: 16px;
}
.product-details span {
	display: block;
	width: 130px;
	height: 45px;
	background-color: #195fbc;
	color: #fff;
	text-align: center;
}
.product-details span {
	display: block;
	width: 130px;
	height: 45px;
	background-color: #195fbc;
	color: #fff;
	text-align: center;
}
.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 40px 0;
	border-radius: 4px;
}
.pagination > li {
	display: inline;
}
.pagination > li > a, .pagination > li > span {
	position: relative;float: left;padding: 6px 12px;margin-left: 5px;line-height: 1.42857143;color: #195fbc;text-decoration: none;background-color: #fff;border: 1px solid #195fbc;}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	z-index: 2;color: #fff;background-color: #195fbc;border-color: #195fbc;}
.pagination > .thisclass > a, .pagination > .thisclass > span, .pagination > .thisclass > a:hover, .pagination > .thisclass > span:hover, .pagination > .thisclass > a:focus, .pagination > .thisclass > span:focus {
	z-index: 3;color: #fff;cursor: default;background-color: #195fbc;border-color: #195fbc;}
 @media (min-width: 768px) {
.navbar-header {
	width: 100%;
}
.navbar-nav > li > a {
	padding: 15px 26px;
	font-size: 16px;
}
}
 @media (max-width: 767px) {
.navbar-brand {float: left;height: 45px;padding: 5px 15px;}
.navbar-brand img {height: 45px;}
.hot-product img {height: auto;}
}
/*侧边*/
.menu_list {background: #fff;padding: 5px;}
.menu_list .current {background: #f1f1f1 url(../images/pro_down.png) center right no-repeat;}
.menu_head {height: 40px;line-height: 40px;padding: 0px 10px;font-size: 14px;color: #525252;cursor: pointer;border: 1px solid #e1e1e1;
	position: relative;margin: 0px;font-weight: bold;background: #f1f1f1 url(../images/pro_left.png) center right no-repeat;margin-top: 10px;}
.menu_head a {display: block;text-overflow: ellipsis;width: 91%;height: 40px;overflow: hidden;}
.menu_heads {height: 40px;line-height: 40px;/*padding: 0px 10px;*/font-size: 14px;color: #525252;cursor: pointer;border: 1px solid #e1e1e1;
	position: relative;margin: 0px;font-weight: bold;margin-top: 10px;}
.menu_heads a {display: block;text-overflow: ellipsis;width: 91%;height: 40px;overflow: hidden;text-align:center;}
.menu_heads a:hover {background-color: #006dc0;width: 100%;color: #fff;}
.menu_heads .active {background-color: #006dc0;width: 100%;color: #fff;text-align:center;}
.menu_body {height: auto;overflow: hidden;line-height: 38px;border-left: 1px solid #e1e1e1;backguound: #fff;border-right: 1px solid #e1e1e1;}
.menu_body a {display: block;height: 38px;line-height: 38px;padding: 0px 17px;color: #777777;background: #fff;text-decoration: none;border-bottom: 1px solid #e1e1e1;}

#maximg img{ max-width:100% !important; height:auto !important}

/*PB模板网新增翻页样式 */
.dede_pages span {padding-left:5px;}
.dede_pages{padding:20px 0;font-size:14px;text-align:center; overflow:hidden}
.dede_pages ul{display:inline-block;margin:0 auto;padding:0}
.dede_pages ul li{float:left;font-family:'microsoft yahei';margin:0 2px;line-height:25px;background:#fff;border:1px solid #d8dadf; list-style:none}
.dede_pages ul li:nth-child(1){ padding:0 10px}
.dede_pages ul li:nth-child(1) a{ padding:0}
.dede_pages ul li a{color:#555;display:block;padding: 0 10px;}
.dede_pages ul li:hover{text-decoration:none;color:#fff;border:1px #333 solid;background-color:#333}
.dede_pages ul li:hover a{color:#fff}
.dede_pages ul li:hover a:hover{color:#fff;text-decoration:none}
.dede_pages ul li.thisclass{background-color:#333;color:#fff;border:1px #333 solid; padding:0 10px}
.dede_pages ul li:last-child{ padding:0 10px}
.dede_pages ul li:last-child a{ padding:0}
.dede_pages ul li.thisclass a{color:#fff; padding:0}
.dede_pages .pageinfo{line-height:30px;padding-left:5px}
.dede_pages strong{font-weight:400}

/*通用底部foot*/

.footer{ width:100%; height:430px; background:url(/static/images/footer.jpg) no-repeat center;}
.footer_con{ width:1200px; height:430px; margin:0 auto;}
.footer .logo{ width:319px; height:234px; background:url(/static/images/logo.png) no-repeat; float:left; margin-top:50px;}
.lie{ width:818px; height:280px; float:right; margin-top:40px;}
.lie li{list-style: none;margin: 0;padding: 0; float:left; width:197px; height:205px; border-left:1px solid rgba(255,255,255,0.09); padding-left:10px; padding-top:26px; box-sizing:border-box;}
.lie li h3{ margin: 0;padding: 0;width:66px; height:38px; line-height:33px; background:url(/static/images/foot.gif) no-repeat bottom; color:#fff; font-weight:normal; margin-bottom:18px;}
.lie li a{ color:#fff; line-height:28px; display:block; transition:all 0.5s;}
.lie li a:hover{ color:#ff7a03; margin-left:3px;}
.footer .xin{ width:1075px; height:51px; border:1px solid rgba(255,255,255,0.16); margin:0 auto; padding-left:24px; box-sizing:border-box;}
.footer .xin p{ color:#636465; line-height:51px; position:relative;}
.footer .xin p span{ width:50px; height:12px; display:block; position:absolute; right:213px; top:20px;}
.footer .xin p a{color:#636465;  float:right; margin-right:25px;}
/*顶部导航条*/
/*--导航
.nav{ width:100%; height:58px; background:url(/static/images/nav_bg.jpg) repeat-x;}
.nav_con{ width:1200px; height:58px; margin:0 auto; position:relative; z-index:5;}
.nav_con ul li{ list-style: none;height:61px; float:left; background:url(/static/images/yin.jpg) no-repeat right top; padding:0 25px; position:relative;}
.nav_con ul li a{ height:58px; color:#fff; font-size:15px; line-height:58px; text-align:center; display:block; }
.nav_con ul li:hover{ background:url(/static/images/dh.png) no-repeat center; }
.nav_con ul li:nth-child(9){ background:none;}
.nav_con ul li:hover:nth-child(9){background:url(/static/images/dh.png) no-repeat center;}

--*/
/*悬浮客服代码*/
 .wa__button {position: fixed;bottom: 30px;right: 30px;z-index: 9999;transition: all 0.3s ease;}
  
        .back_to_top {
            position: fixed;
            bottom: 110px;
            right: 30px;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background-color: #333;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
            cursor: pointer;
            transition: all 0.3s ease;
            opacity: 0;
            visibility: hidden;
            z-index: 9998;
        }
        
        .back_to_top.visible {
            opacity: 1;
            visibility: visible;
        }
        
        .back_to_top:hover {
            transform: scale(1.1);
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
        }
        
        .back_to_top_icon {
            color: white;
            font-size: 28px;
            display: inline-block;
            line-height: 1;
            text-align: center;
            width: 100%;
        }
        
        .back_to_top_icon i {
            vertical-align: middle;
        }
        
        .wa__btn_popup {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background-color: #25d366;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .wa__btn_text {
            position: fixed;
            bottom: 50px;
            right: 100px;
            background-color: #fff;
            padding: 10px 15px;
            border-radius: 20px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
            font-size: 14px;
            color: #333;
            font-weight: 500;
            white-space: nowrap;
            opacity: 1;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .wa__btn_text:hover {
            transform: scale(1.05);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        }
        
        .wa__btn_popup:hover {
            transform: scale(1.1);
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
        }
        
        .wa__btn_popup_icon {
            color: white;
            font-size: 32px;
            display: inline-block;
            line-height: 1;
            text-align: center;
            width: 100%;
        }
        
        .wa__btn_popup_icon i {
            vertical-align: middle;
        }
        
        .wa__popup_chat_box {
            position: fixed;
            bottom: 100px;
            right: 30px;
            width: 320px;
            background: white;
            border-radius: 15px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
            overflow: hidden;
            display: none;
            z-index: 9998;
        }
        
        .wa__popup_heading {
            background: #25d366;
            color: white;
            padding: 15px;
            position: relative;
        }
        
        .wa__popup_title {
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 5px;
        }
        
        .wa__popup_intro {
            font-size: 14px;
            opacity: 0.9;
        }
        
        .wa__popup_content_list {
            max-height: 300px;
            overflow-y: auto;
        }
        
        .wa__popup_content_item {
            padding: 15px;
            border-bottom: 1px solid #eee;
            cursor: pointer;
            transition: background-color 0.2s ease;
        }
        
        .wa__popup_content_item:hover {
            background-color: #f5f5f5;
        }
        
        .wa__popup_content_item:last-child {
            border-bottom: none;
        }
        
        .wa__cs_img_wrap {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            overflow: hidden;
            display: inline-block;
            vertical-align: middle;
            margin-right: 10px;
        }
        
        .wa__cs_img_wrap img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .wa__member_name {
            display: inline-block;
            vertical-align: middle;
            font-weight: 500;
            color: #333;
        }
        
        .wa__stt {
            font-size: 12px;
            color: #666;
            margin-top: 2px;
        }
        
        .wa__stt_online {
            color: #25d366 !important;
        }
        
        .wa__close_btn {
            position: absolute;
            top: 10px;
            right: 10px;
            color: white;
            font-size: 16px;
            cursor: pointer;
            opacity: 0.8;
        }
        
        .wa__close_btn:hover {
            opacity: 1;
        }
        
        @media (max-width: 768px) {
            .wa__popup_chat_box {
                width: calc(100% - 60px);
                bottom: 90px;
            }
        }