/* 织梦帮（dedesos.com）做最好的织梦整站模板下载网站 */
@import "font-awesome.min.css";
/* CSS Document */
/**全局**/
* {
	margin: 0px;
	padding: 0px;
}
div, form, img, ul, ol, li, dl, dt, dd, map {
	padding: 0;
	margin: 0;
	border: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
body {
	margin: 0px;
	padding: 0px;
	background: #fff;
	font-size: 14px;
	line-height: 30px;
	color: #666;
	font-family: "思源黑体", "微软雅黑", Arial, Helvetica, sans-serif;
}
ul, li {
	list-style: none;
}
.clear {
	clear: both;
}
a {
	color: #666;
	text-decoration: none;
}
a:hover {
	color: #2496df;
	text-decoration: none;
}
img {
	border: none;
}
hr {
	margin: 5px 0px;
	width: 100%;
	height: 1px;
	border: none;
	line-height: 0px;
	font-size: 0px;
}
div {
	margin: 0px auto;
}
.f_l {
	float: left;
}
.f_r {
	float: right;
}
input, select {
	padding: 1px;
	font-family: arial, Helvetica, sans-serif;
}
.blank {
	width: 100%;
	height: 10px;
	clear: both;
	overflow: hidden;
}
.blank20 {
	width: 100%;
	height: 20px;
	clear: both;
	overflow: hidden;
}
.hide {
	display: none;
}
.noInfo {
	float: left;
	padding: 10px 0;
	width: 100%;
	text-align: center;
}
.passcode {
	position: absolute;
	top: 0;
	right: 0;
	margin: 1px;
	height: 32px;
	line-height: 32px;
	border-left: 1px solid #ddd;
	border-radius: 0 4px 4px 0;
	text-align: center;
}
.input_submit {
	float: left;
	width: 77px;
	height: 41px;
	background: url(../img/search.png) no-repeat left top;
	text-align: center;
	line-height: 41px;
	color: #fff;
	border: 0px;
	cursor: pointer;
}
.float_bg {
	float: left;
	width: 118px;
	padding: 2px 0;
	background: url(../img/qq_3.gif) repeat-y left top;
}
.f_list {
	float: left;
	margin: 5px auto;
	width: 100%;
	clear: both;
}
.f_list span {
	float: left;
	width: 80px;
}
.btn_submenu {
	display: none;
}
.backToTop {
	display: none;
	position: fixed;
	right: 5px;
	bottom: 60px;
	width: 35px;
	height: 35px;
	cursor: pointer;
	z-index: 9;
	background: #f08e26 url(../img/icon-gotop-fixed.png) no-repeat center center;
}
.zoomimgs {
	display: block;
	width: 100%;
	height: 0;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;/*图片不裁切需要全部显示改用background-size:contain，改变图片缩放比例改paddding-bottom的百分比,如图片宽高1:1 100%，4:3 75%，3:4 133.33%*/
}
.picimgs {
	padding-bottom: 77%;
}
.advimgs {
	padding-bottom: 84%;
}
.newsimg {
	padding-bottom: 68%;
}
/*全部*/
.home_title {
	text-align: center;
}
.home_title h2 {
	font-size: 30px;
	color: #2496df;
	line-height: 30px;
}
.home_title p img {
	margin: 16px 0;
	max-width: 100%;
}
.main {
	padding: 80px 0;
	width: 100%;
	overflow: hidden;
}
.main_content img {
	max-width: 100%;
}
@media (max-width: 768px) {
    .main_content img {
        width: 100% !important;
        height: auto !important;
        object-fit: contain;
    }
}

#mobile_banner {
	display: none;
}
#banner img {
	max-width: 100%;
	width: 100%;
}
/* #banner{width:100%;height: 300px;background-size: cover;background-repeat: no-repeat;} */


/*顶部*/
#header {
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0;
	padding: 10px 0;
	z-index: 9;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#header.inner_header {
	position: static;
}
.float_header {
	background-color: rgba(0,0,0,0.7);
}
.float_header .top_tel {
	display: none;
}
.float_header .middle_head {
	padding-top: 0;
}
#header .logo img {
	max-width: 100%;
}
#header .contact_info {
	padding-left: 16px;
	background: url(../img/icon_tel.png) no-repeat left center;
	color: #fff;
	font-size: 16px;
}
#header.inner_header .contact_info {
	background: url(../img/inner_icon_tel.png) no-repeat left center;
	color: #2496df;
}
/* 导航 */
.middle_head {
	padding-top: 24px;
}
.inner_header .middle_head {
	padding: 14px 0 10px;
}
.inner_header #navigation ul li a {
	color: #666;
}
.inner_header #navigation ul li ul li a {
	color: #fff;
}
#navigation {
	position: relative;
	width: 100%;
	text-align: right;
}
#navigation ul li {
	display: inline-block;
}
#navigation ul li a {
	display: block;
	padding: 0 18px;
	font-size: 16px;
	color: #fff;
	line-height: 50px;
}
#navigation>ul>li:last-child a {
	padding-right: 0;
}
#navigation>ul>li:hover>a, #navigation>ul>li>a.current {
	color: #2496df;
}
#navigation ul li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 140px;
}
#navigation ul li ul span {
	display: block;
	text-align: center;
}
#navigation ul li ul i.icon_angle {
	display: inline-block;
	border-bottom: 8px solid rgba(73,189,255,.4);
	border-top: 8px solid transparent;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}
#navigation ul li ul li {
	display: block;
	background-color: rgba(73, 189, 255,.4);
	text-align: center;
}
#navigation ul li ul li:last-child {
	padding-bottom: 10px;
	border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-ms-border-radius: 0 0 10px 10px;
	-o-border-radius: 0 0 10px 10px;
}
#navigation ul li ul li a {
	position: relative;
	padding: 0;
	display: inline-block;
	color: #fff;
	font-size: 14px;
	line-height: 40px;
	white-space: nowrap;
}
#navigation ul li ul li a:after {
	content: "";
	position: absolute;
	left: -14px;
	top: 14px;
	display: block;
	border-left: 4px solid rgba(255,255,255,9);
	border-bottom: 4px solid transparent;
	border-top: 4px solid transparent;
	border-right: 4px solid transparent;
}
#navigation ul li ul li:hover {
	background-color: rgba(54, 171, 237,.5);
}
#navigation ul li ul li ul {
	display: none;
}
/* 手机版导航 */
.mobile_menu {
	display: none;
	position: relative;
	padding: 0 10px;
}
.mobile_menu .logo img {
	height: 40px;
}
.icon-bars {
	display: block;
	width: 30px;
	height: 30px;
	margin-top: 6px;
	color: #fff;
	text-align: center;
}
.icon-bars:before {
	content: "\f0c9";
	font-size: 28px;
}
.mobile_nav {
	display: none;
	width: 100%;
	position: absolute;
	top: 100%;
	left: 0;
	background-color: #1c1c1c;
}
.mobile_nav li {
	position: relative;
	border-top: 1px solid #252525;
}
.mobile_nav li a {
	display: block;
	padding: 6px 20px;
	font-size: 15px;
	color: #fff;
	line-height: 24px;
}
.mobile_nav li ul {
	background-color: #000;
	display: none;
}
.mobile_nav li ul.active {
	display: block;
}
.mobile_nav li ul li {
	border-top: 1px solid #252525;
}
.mobile_nav li ul li a {
	padding: 6px 30px;
	font-size: 14px;
}
.mobile_nav .icon-angle-down, .mobile_nav .icon-angle-up {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 20px;
	line-height: 45px;
	text-align: center;
	cursor: pointer;
	width: 70px;
	height: 44px;
}
.mobile_nav .icon-angle-down::before {
	content: "\f107";
	color: #fff;
}
.mobile_nav .icon-angle-up::before {
	content: "\f106";
	color: #fff;
}
/*轮播*/
#mobile_flash {
	display: none;
}
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
	outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
.flexslider {
	position: relative;
	z-index: 1;
	margin: 0;
	padding: 0;
}
.flexslider .slides img {
	display: block;
	width: 100%;
}
.flex-pauseplay span {
	text-transform: capitalize;
}
.slides:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
html[xmlns] .slides {
	display: block;
}
* html .slides {
	height: 1%;
}
html {
    margin: 0;
    padding: 0;
}
.no-js .slides > li:first-child {
	display: block;
}
.flex-control-nav {
	position: absolute;
	bottom: 15px;
	z-index: 2;
	width: 100%;
	text-align: center;
}
.flex-control-nav li {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 3px;
*display:inline;
	zoom: 1;
}
.flex-control-nav a {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: #fff;
	cursor: pointer;
	text-indent: -2000px;
	border-radius: 50%;
	border: 1px solid #c7c7c7
}
.flex-control-nav .flex-active {
	background: #2496df;
	border: 1px solid #2496df
}
.flex-direction-nav {
	display: none;
	position: absolute;
	top: 50%;
	z-index: 3;
	width: 100%;
}
.flex-direction-nav li a {
	position: absolute;
	top: 50%;
	width: 56px;
	height: 75px;
	display: block;
	cursor: pointer;
	font-size: 0px;
}
.flex-direction-nav li a.flex-prev {
	left: 10%;
	background: rgba(0,0,0,.5) url(../img/prev.png) no-repeat center center;
}
.flex-direction-nav li a.flex-next {
	right: 10%;
	background: rgba(0,0,0,.5) url(../img/next.png) no-repeat center center;
}
.flex-direction-nav li a:hover {
	background-color: rgba(0,0,0,.8);
}
/* 产品 */
#pro {
	padding: 80px 0;
}
.pro_list {
	padding-top: 30px;
}
.pro_item .pro_img {
	position: relative;
}
.pro_item .pro_img a, .pro_item .pro_hover {
	border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-ms-border-radius: 10px 10px 0 0;
	-o-border-radius: 10px 10px 0 0;
}
.pro_item .pro_hover {
	filter: Alpha(opacity=0);
	-webkit-filter: Alpha(opacity=0);
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(36, 150, 223, .9);
	z-index: 2;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-webkit-filter: Alpha(opacity=0);
}
.pro_hover a {
	display: table;
	width: 100%;
	height: 100%;
}
.pro_hover .icon_map {
	display: block;
	width: 100%;
	height: 72px;
	background: url(../img/icon_map.png) no-repeat center center;
}
.pro_hover h2 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	font-size: 24px;
	color: #fff;
}
.pro_item .pro_info {
	margin-bottom: 10px;
	padding: 10px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.pro_item .pro_info h2 {
	font-size: 16px;
	color: #2496df;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.pro_item .pro_info p {
	height: 60px;
	font-size: 14px;
	color: #666;
	text-indent: 2em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}
.pro_item:hover .pro_hover {
	filter: Alpha(opacity=100);
	-webkit-filter: Alpha(opacity=100);
	opacity: 1;
}
.pro_item:hover .pro_info {
	box-shadow: -1px 1px 2px #ddd, 1px 1px 2px #ddd, 1px 1px 2px #ddd, 1px 1px 2px #ddd;
}
/* 关于我们 */
#about {
	padding-bottom: 40px;
	border-bottom: 1px solid #e4e4e4;
}
.w3 {
	float: left;
	width: 25%;
}
.about_desc {
	font-size: 16px;
	text-align: center;
	line-height: 30px;
}
#about .sub_title {
	padding: 6px 0 20px;
	text-align: center;
	font-size: 20px;
	color: #2496df;
	line-height: 30px;
}
#about .sub_title_icon {
	padding: 6px 0 10px;
	font-size: 20px;
	color: #2496df;
	line-height: 30px;
}
.concept_desc .about_more {
	float: right;
	padding-right: 14px;
	background: url(../img/icon_angle.png) no-repeat right center;
	color: #f28709;
	text-align: right;
}
.advantage_list {
	padding: 10px 0 40px;
}
.advantage_list .adv_item {
	position: relative;
	text-align: center;
}
.adv_item .adv_img h2 {
	padding-top: 80px;
	font-size: 24px;
	color: #fff;
	font-weight: bold;
}
.adv_item .adv_hover {
	filter: Alpha(opacity=0);
	-webkit-filter: Alpha(opacity=0);
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(36, 150, 223, .9);
	z-index: 2;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.adv_item .adv_hover_con {
	display: table;
	width: 100%;
	height: 100%;
}
.adv_item .adv_info {
	padding: 0 50px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #fff;
}
.adv_item .adv_info h2 {
	padding-bottom: 20px;
	background: url(../img/icon_wave.png) no-repeat center bottom;
	font-size: 24px;
	color: #fff;
	font-weight: bold;
}
.adv_item .adv_info p {
	padding-top: 14px;
}
.adv_item:hover .adv_img h2 {
	display: none;
}
.adv_item:hover .adv_hover {
	filter: Alpha(opacity=100);
	-webkit-filter: Alpha(opacity=100);
	opacity: 1;
}
/* 新闻资讯 */
#news {
	padding: 80px 0;
}
.news_item {
	margin: 20px 0;
}
.news_item .news_img, .news_item .news_info {
	width: 50%;
}
.news_item .news_info {
	padding-left: 20px;
}
.news_item .news_title {
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news_item .news_title a {
	font-size: 16px;
	color: #6bbaed;
}
.news_item .time {
	color: #999;
	line-height: 18px;
}
.news_item .news_desc {
	padding-top: 8px;
	line-height: 24px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news_item .news_more {
	display: block;
	color: #f08e26;
}
/* 底部 */
.footer-unique {
    background-color: #424242;
    color: #fff;
    width: 100%;
    margin: 0;
    padding: 0;
}

#footer {
	background-color: #424242;
	color: #fff;
}
#footer a {
	color: #fff;
}
.foot_link {
	padding: 20px 0;
	border-bottom: 1px solid #5f5f5f;
}
.foot_link h2 {
	float: left;
	padding-left: 40px;
	background: url(../img/icon_link.png) no-repeat left center;
	font-size: 20px;
	color: #2496df;
	line-height: 32px;
}
.foot_link .link_list {
	padding-left: 150px;
}
.foot_link a {
	padding-left: 35px;
	color: #fff;
	line-height: 32px;
}
.foot_link a:first-child {
	padding-left: 0;
}
.foot_bottom {
	padding: 30px 0 20px;
}
.foot_bottom_left {
	float: left;
	width: 62%;
	padding-right: 60px;
}
.foot_bottom_right {
	float: right;
	width: 38%;
}
.foot_logo {
	float: left;
	padding-right: 40px;
}
.foot_logo img {
	width: 174px;
}
.foot_bottom .hr {
	width: 100%;
	height: 1px;
	background-color: #5f5f5f;
	margin: 10px 0;
}
.foot_cat_copy {
	float: left;
	width: calc(100% - 214px);
}
.foot_bottom .pro_cat h2, .foot_contact h2 {
	font-size: 20px;
	color: #fff;
	line-height: 30px;
}
.foot_bottom .pro_cat ul {
	font-size: 0;
}
.foot_bottom .pro_cat li {
	display: inline-block;
	font-size: 14px;
}
.foot_bottom .pro_cat li:not(:last-child):after {
	content: "|";
}
.foot_bottom .pro_cat li a {
	padding: 0 12px;
	color: #fff;
}
.foot_link a:hover, #footer a:hover, .foot_bottom .pro_cat li a:hover {
	color: #6bbaed;
}
.foot_bottom .pro_cat li:first-child a {
	padding-left: 0;
}
.foot_contact {
	float: left;
}
.foot_wechat {
	float: right;
	width: 120px;
	text-align: center;
}
/* 内页 */

/* 分类导航 */
.subnav {
	padding-bottom: 40px;
	text-align: center;
}
.subnav h2, .subnav h2 a {
	font-size: 30px;
	color: #2496df;
	line-height: 30px;
}
.subnav_list {
	padding-top: 20px;
}
.subnav_list li {
	display: inline;
}
.subnav_list li:not(:last-child):after {
	content: "|";
	font-size: 20px;
	color: #bcbcbc;
}
.subnav_list li a {
	padding: 0 24px;
	font-size: 16px;
}
.subnav_list li:hover a, .subnav_list li a.current {
	color: #2496df;
	font-weight: bold;
}
/* 产品 */
.pro_main .pro_list {
	padding-top: 0;
}
.productImg {
	width: 400px;
	margin: 0 auto;
	text-align: center;
}
.productImg img {
	max-width: 100%;
}
.productTitle {
	font-size: 16px;
	text-align: center;
}
.detailsTitle {
	padding-top: 20px;
	border-bottom: 1px solid #2496df;
}
.detailsTitle span {
	position: relative;
	display: block;
	width: 120px;
	height: 32px;
	border: 1px solid #2496df;
	border-bottom: none;
	color: #2496df;
	font-size: 14px;
	line-height: 32px;
	text-align: center;
}
.detailsTitle span:after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 118px;
	height: 1px;
	background-color: #fff;
}
.productDesc {
	padding-top: 20px;
}
/*新闻*/
.art_list .art_item {
	padding: 10px 0;
	border-bottom: 1px dashed #e4e4e4;
}
.art_list .art_item:first-child {
	padding-top: 0;
}
.art_item .art_img {
	float: left;
	width: 20%;
}
.art_item .art_info {
	float: left;
	width: 80%;
	padding-left: 20px;
}
.art_item h2 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.art_item h2 a {
	font-size: 16px;
	line-height: 30px;
	color: #2496df;
}
.art_item .time {
	color: #999;
	line-height: 20px;
}
.art_item .art_desc {
	line-height: 24px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
}
.art_item .more_art {
	color: #f08e26;
}
.articleTitle {
	text-align: center;
}
.articleTitle h2 {
	color: #2496df;
	font-size: 22px;
}
.articleInfo {
	font-size: 14px;
	color: #999;
}
.articleDetails {
	padding: 20px 0;
}
.articleDetails img {
    max-width: 100%;
    height: auto;
    width: auto;
}

/*分页*/
.page {
	margin-top: 20px;
	text-align: center;
}
.page a {
	display: inline-block;
	margin: 0 4px;
	padding: 2px 8px;
	font-size: 15px;
}
.page a:hover, .page a.active {
	color: #2496df;
}
.pageUpDown {
	padding-top: 20px;
}
.pageUpDown .page_next {
	text-align: right;
}
.pageUpDown a:hover {
	color: #2496df;
}
/*留言*/


/*page*/
.pages {
	float: left;
	width: 100%;
	margin: 30px 0 0 0;
	font-size: 14px;
	text-align: center;
}
.pages li {
	display: inline-block;
}
.pages a {
	display: block;
	line-height: 22px;
	font-size: 14px;
	color: #999;
	padding: 0 8px;
	border-radius: 11px;
	margin: 0 7px;
}
.pages a:hover {
	background: #ffa800;
	color: #fff;
}
.pages li.active a {
	background: #ffa800;
	color: #fff;
}
/*end*/





.f_list {
	position: relative;
	margin: 2px auto;
	width: 80%;
	float: none;
}
.f_list .f_input {
	padding: 0 4px;
	width: 100%;
	background-color: transparent;
	color: #999;
	border: 1px solid #dedede;
	line-height: 34px;
	box-shadow: -2px -2px 2px #f8f8f8, 2px 2px 2px #f8f8f8;
	border-radius: 3px;
	-o-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
}
.f_list .f_input::placeholder {
color:#999;
}
.f_list .btn {
	color: #fff;
	font-size: 14px;
}
.f_list .btn_submit {
	background-color: #2496df;
}
.f_list .btn_reset {
	background-color: #f08e26;
}
.f_list .btn_submit:hover {
	background-color: #218ace;
}
.f_list .btn_reset:hover {
	background-color: #e8851b;
}
/*toolbar*/
#toolbar2 {
	display: none;
}
#toolbar {
	position: fixed;
	right: 0px;
	top: 50%;
	margin-top: -136px;
	width: 68px;
	z-index: 1000000;
}
#toolbar li {
	float: left;
	position: relative;
	margin: 4px 0px;
	width: 68px;
	height: 68px;
}
#toolbar li .t_item {
	display: block;
	width: 68px;
	height: 68px;
	background: #f28709;
	text-align: center;
	line-height: 68px;
	border-radius: 5px 0 0 5px;
	color: #fff;
	text-decoration: none;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
}
#toolbar li a.t_item:hover, #toolbar li a.cur {
	background: #0051a4;
}
.tool_qq {
	display: none;
	position: absolute;
	left: -118px;
	top: 0px;
	width: 118px;
	padding: 0 10px 0 0;
}
.tool_qq_con {
	float: left;
	padding: 10px 0;
	width: 108px;
	border: 1px solid #f28709;
	background: #fff;
	text-align: center;
}
.tool_tel {
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 0 0 0 10px;
	width: 170px;
	height: 68px;
	background: #2496df;
	line-height: 68px;
	font-size: 18px;
	color: #fff;
	white-space: nowrap;
	border-radius: 5px 0 0 5px;
}
.tool_weixin {
	position: absolute;
	top: 0px;
	width: 118px;
	left: -118px;
	padding: 0 10px 0 0;
	display: none;
}
.t_wx_con {
	padding: 3px;
	width: 108px;
	background: #fff;
	border: 1px solid #f28709;
	text-align: center;
	font-size: 14px;
	line-height: 22px;
}
.t_wx_con img {
	width: 100px;
	height: 100px;
}
.t_item i {
	display: block;
	width: 68px;
	height: 68px;
}
.t1 i {
	background: url(../img/u1.png) no-repeat center center;
}
.t2 i {
	background: url(../img/u2.png) no-repeat center center;
}
.t3 i {
	background: url(../img/u3.png) no-repeat center center;
}
.t4 i {
	background: url(../img/u4.png) no-repeat center center;
}
.t5 i {
	background: url(../img/u5.png) no-repeat center center;
}
 @media screen and (min-width: 1230px) {
.container {
	width: 1200px;
}
}
@media screen and (min-width: 993px) and (max-width:1201px) {
#navigation ul li {
	padding-left: 16px;
}
.news_item .news_desc {
	-webkit-line-clamp: 3;
}
.foot_bottom_left {
	padding-right: 30px;
}
.foot_wechat {
	width: 100px;
}
}
@media screen and (max-width: 992px) {
#header .contact_info {
	font-size: 14px;
}
.middle_head {
	padding-top: 14px;
}
#navigation ul li {
	padding-left: 6px;
}
#navigation ul li a {
	font-size: 14px;
	line-height: 36px;
}
.w3 {
	width: 50%;
}
.news_item {
	margin: 10px 0;
}
.news_item .news_desc {
	padding-top: 0;
	-webkit-line-clamp: 2;
}
.foot_bottom_left, .foot_bottom_right {
	float: none;
	width: 100%;
}
.foot_bottom_left {
	padding: 0 0 20px 0;
}
.art_item .art_img {
	width: 25%;
}
.art_item .art_info {
	width: 75%;
}
.art_item .art_desc {
	-webkit-line-clamp: 2;
}
}
 @media screen and (max-width: 768px) {
#header {
	top: 0;
	padding: 10px 0;
	background-color: #000;
}
#header.inner_header {
	position: fixed;
}
.float_header {
	padding: 6px 0;
}
.mobile_menu, .btn_submenu {
	display: block;
}
#flash {
	display: none;
}
#mobile_flash {
	margin-top: 60px;
	display: block;
}
.home_title h2 {
	font-size: 24px;
}
#pro, #news {
	padding: 40px 0;
}
.pro_list {
	padding-top: 10px;
}
.advantage_list {
	padding: 10px 0 20px;
}
.w3 {
	width: 50%;
}
.adv_item .adv_hover {
	display: none;
}
.adv_item .adv_img h2 {
	margin-top: 40%;
	padding-top: 0;
	font-size: 18px;
}
.news_item .news_desc {
	padding-top: 0;
	-webkit-line-clamp: 4;
}
.foot_link h2 {
	float: none;
	font-size: 16px;
}
.foot_link .link_list {
	padding-left: 0;
}
.foot_link a {
	padding-left: 20px;
}
.foot_bottom {
	padding: 20px 0;
}
.foot_logo {
	display: none;
}
.foot_cat_copy {
	width: 100%;
}
.foot_bottom .pro_cat, .foot_bottom .hr, .foot_bottom_right {
	display: none;
}
.foot_bottom_left {
	padding: 0;
}
.main {
	padding: 30px 0;
}
#banner {
	display: none;
	padding-top: 60px;
}
#mobile_banner {
	display: block;
	background-position: 69% center;
	background-size: cover;
	height: 180px;
}
.subnav {
	padding-bottom: 20px;
}
.subnav h2, .subnav h2 a {
	font-size: 24px;
}
.subnav_list li a {
	padding: 0 10px;
	font-size: 14px;
}
.pageUpDown .page_next {
	text-align: left;
}
.art_item .art_img {
	width: 30%;
}
.art_item .art_info {
	width: 70%;
	padding-left: 10px;
}
.art_item h2 a {
	line-height: 24px;
}
.art_item .time {
	font-size: 12px;
}
.art_item .more_art {
	display: none;
}
.f_list {
	width: 100%;
}
/*手机底部导航*/
#toolbar {
	display: none;
}
.blank55 {
	height: 55px;
	line-height: 1px;
	clear: both;
}
#toolbar2 {
	position: fixed;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 54px;
	background: #000;
	color: #fff;
	z-index: 8;
}
#toolbar2 li {
	float: left;
	width: 25%;
	text-align: center;
}
#toolbar2 a {
	display: block;
	padding: 5px 0 0 0;
	width: 100%;
	color: #fff;
	line-height: 23px;
	font-size: 14px;
}
#toolbar2 a span {
	display: block;
	font-size: 22px;
}
}
@media screen and (max-width: 480px) {
.col-xs-6 {
	width: 100%;
}
.news_item .news_img, .news_item .news_info {
	width: 100%;
}
.news_item .news_info {
	padding-left: 0;
}
.news_item .news_desc {
	padding-top: 10px;
}
.productImg {
	width: 100%;
}
.art_item .art_img {
	width: 40%;
}
.art_item .art_info {
	width: 60%;
}
.art_item h2 a {
	font-size: 14px;
}
.art_item .art_desc {
	font-size: 12px;
}
}
/* ODI 模块整体 */
.odi-box {
    width: 100%;
    max-width: 1200px;
    margin: 2px auto;
    text-align: center;
    font-family: "Microsoft Yahei", Arial, sans-serif;
}

.odi-title-cn {
    font-size: 32px;
    color: #0046b8;
    font-weight: bold;
    margin-bottom: 6px;
}

.odi-title-en {
    font-size: 14px;
    color: #666;
    margin-bottom: 26px;
}

/* 六宫格容器 */
.odi-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* 单个卡片 */
.odi-item {
    position: relative;
    box-sizing: border-box;
    width: 32%;
    min-height: 180px;
    margin-bottom: 25px;
    background: #0054d8;
    color: #fff;
    border-radius: 12px;
    overflow: hidden;
    padding: 26px 24px 22px 24px;
}

/* 左上角编号 */
.odi-item-num {
    position: absolute;
    left: 18px;
    top: 16px;
    font-size: 28px;
    font-weight: bold;
    color: rgba(255,255,255,0.3);
}

/* 卡片内部主体 */
.odi-item-main {
    position: relative;
    z-index: 2;
    text-align: left;
}

/* 橙色标题行 */
.odi-item-head {
    font-size: 20px;
    font-weight: bold;
    color: #ffb11a;
    margin-bottom: 10px;
}

/* 白色说明文字 */
.odi-item-body {
    font-size: 13px;
    line-height: 1.7;
    color: #ffffff;
}

/* 最后一块：咨询按钮样式 */
.odi-item-contact {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0054d8;
}

.odi-contact-text {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 18px;
    text-align: center;
}

.odi-contact-btn {
    display: inline-block;
    background: #ffaa1d;
    color: #fff;
    font-size: 16px;
    padding: 10px 34px;
    border-radius: 36px;
    text-decoration: none;
}

.odi-contact-btn:hover {
    background: #ff9500;
}

/* 基本响应式：窄屏两列 / 一列 */
@media (max-width: 992px) {
    .odi-item {
        width: 48%;
    }
}

@media (max-width: 640px) {
    .odi-item {
        width: 100%;
    }
}

/* 整体容器 */
.odi-section {
    max-width: 1200px;
    margin: 40px auto 60px;
    font-family: "Microsoft Yahei", Arial, sans-serif;
    color: #333;
}

/* 顶部 8 卡片 */
.odi-top-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px;
}

.odi-top-item {
    width: 23%;
    background: #ffffff;
    border-radius: 6px;
    text-align: center;
    padding: 14px 10px 16px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    margin-bottom: 18px;
}

.odi-top-img {
    width: 100%;
    padding-top: 70%;
    border-radius: 4px;
    background-color: #e5eef9;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
}

.odi-top-img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.odi-top-title {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 8px;
}

.odi-top-btn {
    display: inline-block;
    padding: 4px 12px;
    font-size: 12px;
    color: #ff7a18;
    border-radius: 15px;
    border: 1px solid #ffb270;
    background: #fff7ee;
    text-decoration: none;
}

.odi-top-btn:hover {
    background: #ffb270;
    color: #fff;
}

/* 中间蓝底区域 */
.odi-middle {
    margin-top: 10px;
    background: linear-gradient(#2f6ecf, #285fb5);
    border-radius: 10px;
    padding: 30px 40px 40px;
    color: #fff;
    text-align: center;
}

.odi-middle-title {
    font-size: 20px;
    margin-bottom: 20px;
}

.odi-middle-highlight {
    color: #ffb84a;
}

.odi-middle-cards {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.odi-middle-card {
    width: 48%;
    background: #ffffff;
    border-radius: 8px;
    padding: 20px 24px;
    color: #333;
    text-align: left;
}

.odi-middle-card-title {
    font-size: 16px;
    font-weight: bold;
    color: #ff8a1a;
    text-align: center;
    margin-bottom: 10px;
}

.odi-middle-list {
    font-size: 13px;
    line-height: 1.7;
    padding-left: 0;
    margin: 0;
    list-style: none;
}

.odi-middle-list li {
    margin-bottom: 4px;
}

.odi-middle-btn {
    display: inline-block;
    margin-top: 8px;
    padding: 8px 40px;
    background: #ff8a1a;
    color: #fff;
    border-radius: 20px;
    text-decoration: none;
    font-size: 14px;
}

.odi-middle-btn:hover {
    background: #ff7300;
}

/* 底部三类卡片 */
.odi-bottom {
    margin-top: 26px;
}

.odi-bottom-tip {
    text-align: center;
    font-size: 14px;
    margin-bottom: 18px;
    color: #333;
}

.odi-bottom-grid {
    display: flex;
    justify-content: space-between;
}

.odi-bottom-item {
    width: 32%;
    background: #ffffff;
    border-radius: 8px 8px 10px 10px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    overflow: hidden;
}

.odi-bottom-head {
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0;
}

.odi-bottom-head-blue {
    background: #2f6ecf;
}

.odi-bottom-head-red {
    background: #ff5b4a;
}

.odi-bottom-list {
    list-style: none;
    margin: 0;
    padding: 14px 18px 16px;
    font-size: 13px;
    line-height: 1.7;
}

/* 响应式 */
@media (max-width: 992px) {
    .odi-top-item { width: 48%; }
    .odi-middle-cards { flex-direction: column; }
    .odi-middle-card { width: 100%; margin-bottom: 12px; }
    .odi-bottom-grid { flex-direction: column; }
    .odi-bottom-item { width: 100%; margin-bottom: 12px; }
}

/* 中间蓝底整体，确保手机端也有明显留白和圆角 */
.odi-middle {
    margin-top: 10px;
    background: linear-gradient(#2f6ecf, #285fb5);
    border-radius: 10px;
    padding: 30px 40px 40px;
    color: #fff;
    text-align: center;
}

/* 当屏幕宽度小于 768px（手机）时的优化 */
@media (max-width: 768px) {

    .odi-middle {
        padding: 20px 14px 22px;         /* 缩小整体内边距，避免太挤 */
        border-radius: 0;                /* 顶部蓝色铺满更像 Banner，可按需要改回 10px */
    }

    .odi-middle-title {
        font-size: 16px;
        line-height: 1.4;
        margin-bottom: 12px;
    }

    .odi-middle-cards {
        flex-direction: column;          /* 两块上下排，让每块更宽更像卡片 */
        margin-bottom: 12px;
    }

    .odi-middle-card {
        width: 100%;
        margin-bottom: 10px;
        padding: 14px 12px;
        border-radius: 6px;
        box-shadow: 0 2px 6px rgba(0,0,0,0.08);  /* 加阴影突出卡片感 */
    }

    .odi-middle-card-title {
        font-size: 14px;
        margin-bottom: 6px;
    }

    .odi-middle-list {
        font-size: 12px;
        line-height: 1.6;
    }

    .odi-middle-btn {
        display: inline-block;
        margin-top: 4px;
        padding: 6px 26px;
        font-size: 13px;
        border-radius: 18px;
    }
}
/* PC 端原有样式（保证存在） */
.odi-bottom {
    margin-top: 26px;
}

.odi-bottom-tip {
    text-align: center;
    font-size: 14px;
    margin-bottom: 18px;
    color: #333;
}

.odi-bottom-grid {
    display: flex;
    justify-content: space-between;
}

.odi-bottom-item {
    width: 32%;
    background: #ffffff;
    border-radius: 8px 8px 10px 10px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    overflow: hidden;
}

/* 手机端优化 */
@media (max-width: 768px) {

    .odi-bottom {
        margin-top: 18px;
    }

    .odi-bottom-tip {
        font-size: 13px;
        line-height: 1.5;
        padding: 0 12px;        /* 两侧加一点内边距，文字不顶边 */
    }

    .odi-bottom-grid {
        flex-direction: column; /* 三块上下排，像三张卡片 */
        gap: 10px;              /* 卡片之间留空 */
    }

    .odi-bottom-item {
        width: 100%;
        border-radius: 6px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);  /* 阴影加深一点，手机上更明显 */
    }

    .odi-bottom-list {
        font-size: 12px;
        line-height: 1.6;
        padding: 10px 14px 12px;
    }
}
/* 整体容器 */
.odi-adv-section {
    max-width: 1200px;
    margin: 40px auto 60px;
    font-family: "Microsoft Yahei", Arial, sans-serif;
    color: #333;
}

/* 标题通用 */
.odi-adv-title-cn,
.odi-process-title-cn,
.odi-service-title-cn {
    text-align: center;
    font-size: 28px;
    color: #0054d8;
    font-weight: bold;
    margin-bottom: 4px;
}

.odi-adv-title-en,
.odi-process-title-en,
.odi-service-title-en {
    text-align: center;
    font-size: 12px;
    color: #888;
    margin-bottom: 22px;
}

/* 一、ODI备案优势 */
.odi-adv-block {
    margin-bottom: 40px;
}

.odi-adv-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.odi-adv-item {
    box-sizing: border-box;
    width: 48%;
    background: #ffffff;
    border-radius: 40px;
    border: 2px solid #0054d8;
    margin-bottom: 18px;
    padding: 10px 20px 10px 80px;
    position: relative;
}

.odi-adv-num {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #ffb11a;
    color: #0054d8;
    font-size: 20px;
    font-weight: bold;
    line-height: 46px;
    text-align: center;
}

.odi-adv-text {
    font-size: 13px;
    line-height: 1.7;
}

/* 二、注册流程 */
.odi-process-block {
    margin-bottom: 40px;
}

.odi-process-steps {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.odi-process-step {
    width: 32%;
    background: #0054d8;
    border-radius: 14px;
    color: #fff;
    padding: 18px 16px 22px;
    position: relative;
    overflow: hidden;
}

.odi-process-step-num {
    position: absolute;
    left: -10px;
    top: -10px;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #ffb11a;
    color: #0054d8;
    font-size: 26px;
    font-weight: bold;
    line-height: 64px;
    text-align: center;
}

.odi-process-step-main {
    margin-top: 26px;
}

.odi-process-step-header {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 8px;
}

.odi-process-step-text {
    font-size: 13px;
    line-height: 1.7;
}

/* 三、服务项目 */
.odi-service-block {
    margin-bottom: 20px;
}

.odi-service-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.odi-service-item {
    width: 32%;
    background: #ffffff;
    border-radius: 6px;
    text-align: center;
    padding: 10px 8px 16px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    margin-bottom: 18px;
}

/* 图片块：改成你的图片路径 */
/* 服务项目图片：4:3 比例盒子 + 背景图 */
.odi-service-img {
    position: relative;
    width: 100%;
    padding-top: 75%;           /* 关键：高度 = 宽度的 75% => 4:3 比例 */
    border-radius: 4px;
    background-color: #e5eef9;  /* 加载前底色 */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin-bottom: 10px;
    overflow: hidden;
}

}
.odi-service-img1 { background-image: url("/images/odi/service01.jpg"); }
.odi-service-img2 { background-image: url("/images/odi/service02.jpg"); }
.odi-service-img3 { background-image: url("/images/odi/service03.jpg"); }
.odi-service-img4 { background-image: url("/images/odi/service04.jpg"); }
.odi-service-img5 { background-image: url("/images/odi/service05.jpg"); }
.odi-service-img6 { background-image: url("/images/odi/service06.jpg"); }

.odi-service-item-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 6px;
    color: #0054d8;
}

.odi-service-item-desc {
    font-size: 13px;
    line-height: 1.6;
}

.odi-service-btn {
    display: inline-block;
    padding: 6px 20px;
    font-size: 13px;
    color: #fff;
    background: #ff8a1a;
    border-radius: 20px;
    text-decoration: none;
}
.odi-service-btn:hover {
    background: #ff7300;
}

/* 响应式：平板两列，手机一列，保持好看 */
@media (max-width: 992px) {
    .odi-adv-item {
        width: 100%;
    }
    .odi-process-step {
        width: 100%;
        margin-bottom: 12px;
    }
    .odi-service-item {
        width: 48%;
    }
}

@media (max-width: 640px) {
    .odi-adv-section {
        margin: 24px auto 40px;
        padding: 0 10px;
    }
    .odi-adv-item {
        padding: 10px 14px 10px 70px;
        border-radius: 34px;
    }
    .odi-adv-num {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
    }
    .odi-adv-text {
        font-size: 12px;
        line-height: 1.6;
    }

    .odi-process-step {
        padding: 16px 12px 18px;
    }
    .odi-process-step-header {
        font-size: 16px;
    }
    .odi-process-step-text {
        font-size: 12px;
    }


    }
    .odi-service-img {
        height: 160px; 
        padding-top: 75%;  
    }
}
/* 平板端：可保持 3 个一行或 2 个一行，看你需要 */
@media (max-width: 992px) {
    .odi-service-item {
        width: 48%;      /* 平板也可以先改成两列 */
    }
}

/* 手机端：两个一行 */
@media (max-width: 640px) {
    .odi-service-item {
        width: 48%;      /* 关键：每个约一半宽度 */
        margin-bottom: 12px;
    }

    .odi-service-grid {
        justify-content: space-between;
    }
}
.odi-country-section {
    max-width: 1200px;
    margin: 40px auto 60px;
    font-family: "Microsoft Yahei", Arial, sans-serif;
    color: #333;
}

/* 一、热门国家/地区 */
.odi-country-block {
    background: #ecf4ff;
    border-radius: 8px;
    padding: 26px 26px 20px;
    margin-bottom: 40px;
}

.odi-country-title-cn {
    text-align: center;
    font-size: 24px;
    color: #0054d8;
    font-weight: bold;
    margin-bottom: 4px;
}

.odi-country-title-sub {
    text-align: center;
    font-size: 13px;
    color: #777;
    margin-bottom: 18px;
}

.odi-country-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.odi-country-item {
    width: 24%;
    background: #ffffff;
    border-radius: 6px;
    padding: 14px 12px 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    text-align: center;
    margin-bottom: 16px;
}

.odi-country-flag {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin: 0 auto 8px;
    background-color: #e5eef9;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

/* 这里换成你的小国旗图片路径 */
.odi-flag-my { background-image: url("/images/odi/flag-my.png"); }
.odi-flag-id { background-image: url("/images/odi/flag-id.png"); }
.odi-flag-th { background-image: url("/images/odi/flag-th.png"); }
.odi-flag-vn { background-image: url("/images/odi/flag-vn.png"); }
.odi-flag-bvi { background-image: url("/images/odi/flag-bvi.png"); }
.odi-flag-sg { background-image: url("/images/odi/flag-sg.png"); }
.odi-flag-us { background-image: url("/images/odi/flag-us.png"); }
.odi-flag-mx { background-image: url("/images/odi/flag-mx.png"); }

.odi-country-name {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 6px;
}

.odi-country-desc {
    font-size: 12px;
    line-height: 1.6;
    height: 60px;
    overflow: hidden;
    margin-bottom: 8px;
}

.odi-country-btn {
    display: inline-block;
    font-size: 12px;
    color: #ff7a18;
    border-radius: 14px;
    border: 1px solid #ffb270;
    padding: 3px 14px;
    text-decoration: none;
    background: #fff7ee;
}

.odi-country-btn-row {
    text-align: center;
    margin-top: 8px;
}

.odi-country-bigbtn {
    display: inline-block;
    margin: 0 6px;
    padding: 6px 28px;
    border-radius: 20px;
    color: #fff;
    font-size: 13px;
    text-decoration: none;
}
.odi-country-bigbtn-blue { background: #2168ff; }
.odi-country-bigbtn-red  { background: #ff5b4a; }

/* 二、成功案例证书 */
.odi-case-block {
    margin-bottom: 40px;
}

.odi-case-title-cn {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #000;
    margin-bottom: 18px;
}

.odi-case-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.odi-case-item {
    width: 24%;
    margin-bottom: 16px;
}

.odi-case-img {
    position: relative;
    width: 100%;
    padding-top: 70%;  /* 证书近似比例 */
    border: 1px solid #0054d8;
    border-radius: 8px;
    background-color: #f6fbff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

/* 证书图片路径按需替换 */
.case-img1 { background-image: url("/images/odi/cert1.jpg"); }
.case-img2 { background-image: url("/images/odi/cert2.jpg"); }
.case-img3 { background-image: url("/images/odi/cert3.jpg"); }
.case-img4 { background-image: url("/images/odi/cert4.jpg"); }
.case-img5 { background-image: url("/images/odi/cert5.jpg"); }
.case-img6 { background-image: url("/images/odi/cert6.jpg"); }
.case-img7 { background-image: url("/images/odi/cert7.jpg"); }
.case-img8 { background-image: url("/images/odi/cert8.jpg"); }

/* 三、业务范围地图 */
.odi-map-block {
    margin-bottom: 10px;
    text-align: center;
}

.odi-map-title-cn {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 2px;
}

.odi-map-title-sub {
    font-size: 13px;
    color: #555;
    margin-bottom: 10px;
}

/* 整张图直接用背景图（你的全国业务范围图） */
.odi-map-bg {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 45%;           /* 根据你的图比例调整，比如 45%～55% */
    background-image: url("/images/odi/map-all.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 8px;
    overflow: hidden;
}

/* 响应式：平板两列，手机一列或两列 */
@media (max-width: 992px) {
    .odi-country-item { width: 48%; }
    .odi-case-item    { width: 48%; }
}

@media (max-width: 640px) {
    .odi-country-section {
        margin: 24px auto 40px;
        padding: 0 10px;
    }
    .odi-country-block {
        padding: 18px 12px 14px;
    }
    .odi-country-item {
        width: 48%;
        padding: 10px 8px 10px;
    }
    .odi-country-desc {
        height: auto;
    }
    .odi-case-item {
        width: 48%;
    }
    .odi-map-bg {
        padding-top: 65%;   /* 手机上图稍微更高一点 */
    }
}
/* 外层：新产品区块 */
.pro-section-new {
    margin: 2px auto 2px;
}

/* 卡片外观 */
.pro-card-new {
    background: #ffffff;
    border-radius: 6px;
    text-align: center;
    padding: 10px 8px 16px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    margin-bottom: 18px;
    height: 100%;
}

/* 图片：4:3 比例，PC/手机一致 */
.pro-img-new {
    position: relative;
    width: 100%;
    padding-top: 75%;           /* 4:3 比例 */
    border-radius: 4px;
    background-color: #e5eef9;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin-bottom: 10px;
    overflow: hidden;
}

/* 文本 */
.pro-info-new a {
    display: block;
    text-decoration: none;
}

.pro-title-new {
    font-size: 16px;
    font-weight: bold;
    color: #0054d8;
    margin-bottom: 6px;
}

.pro-desc-new {
    font-size: 13px;
    line-height: 1.6;
    color: #555;
}

/* hover 效果，只作用于新卡片 */
.pro-card-new:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    transform: translateY(-2px);
    transition: all .2s;
}

/* 栅格间距（只作用于新模块） */
.pro-grid-new .col-lg-4,
.pro-grid-new .col-md-4,
.pro-grid-new .col-sm-4,
.pro-grid-new .col-xs-6 {
    margin-bottom: 15px;
}

/* 平板 / 手机适配：手机两列、文字缩小一点 */
@media (max-width: 768px) {
    .pro-card-new {
        padding: 8px 6px 12px;
        margin-bottom: 14px;
    }
    .pro-title-new {
        font-size: 14px;
    }
    .pro-desc-new {
        font-size: 12px;
    }
}
/* 手机端强制一行两张，只作用于新产品模块 */
@media (max-width: 768px) {
    .pro-grid-new .col-xs-6 {
        float: left;      /* 防止被别的布局影响 */
        width: 50%;       /* 一行两列 */
    }
}
/* =========================
   新闻模块 · 新规则
   PC 一行两个（沿用原样）
   手机一行两个 + 最多两行
   ========================= */

/* 只在手机端生效 */
@media (max-width: 768px) {

    /* 保证一行两个（防止被别的样式覆盖） */
    .news-list-new .col-sm-6,
    .news-list-new .col-xs-12 {
        width: 50%;
        float: left;
    }

    /* 手机端最多显示 4 条 */
    .news-list-new .row > div:nth-child(n+5) {
        display: none;
    }

    /* 下面是紧凑优化（可删，不影响功能） */
    .news-list-new .news_item {
        margin-bottom: 12px;
    }

    .news-list-new .news_title {
        font-size: 14px;
        line-height: 1.4;

        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .news-list-new .news_desc {
        font-size: 12px;
        line-height: 1.5;

        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .news-list-new .time {
        font-size: 12px;
    }
}
/* =====================================
   newxd 炫酷底部工具栏（完整版）
   Author: newxd
===================================== */

/* ===== 底部容器 ===== */
.newxd-toolbar {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 9999;

  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  background:
    linear-gradient(135deg, rgba(0,120,255,.88), rgba(0,60,200,.88)),
    linear-gradient(225deg, rgba(255,255,255,.15), transparent);

  box-shadow:
    0 -10px 30px rgba(0,80,255,.45),
    inset 0 1px 0 rgba(255,255,255,.25);
}

/* ===== 列表结构 ===== */
.newxd-toolbar ul {
  display: flex;
  margin: 0;
  padding: 0;
}

.newxd-toolbar li {
  flex: 1;
  list-style: none;
  position: relative;
  overflow: visible;
}

/* ===== 链接基础 ===== */
.newxd-toolbar a {
  height: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  color: #fff;
  text-decoration: none;
  font-size: 12px;

  position: relative;
  transition: all .35s ease;
}

/* ===== 3D 悬浮 ===== */
.newxd-toolbar a:hover {
  transform: translateY(-6px) scale(1.08);
  text-shadow: 0 0 10px rgba(255,255,255,.9);
}

/* ===== 扫光特效 ===== */
.newxd-toolbar a::before {
  content: "";
  position: absolute;
  top: -60%;
  left: -80%;
  width: 40%;
  height: 220%;

  background: linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,.55),
    transparent
  );

  transform: rotate(25deg);
  transition: .6s;
}

.newxd-toolbar a:hover::before {
  left: 130%;
}

/* ===== 点击涟漪 ===== */
.newxd-toolbar a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  background: rgba(255,255,255,.35);
  border-radius: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
}

.newxd-toolbar a:active::after {
  width: 200px;
  height: 200px;
  opacity: 0;
  transition: width .6s ease, height .6s ease, opacity .8s;
}

/* =====================================
   SVG ICON（重点：视觉居中补偿）
===================================== */
.newxd-icon {
  width: 26px;
  height: 26px;

  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;

  /* 🔥 核心：SVG 视觉下移补偿 */
  transform: translateY(1px);

  transition: filter .3s ease;
}

/* hover 发光 */
.newxd-toolbar a:hover .newxd-icon {
  filter: drop-shadow(0 0 10px rgba(0,200,255,.9));
}

/* ===== 文字 ===== */
.newxd-toolbar em {
  margin-top: 4px;
  font-style: normal;
  font-size: 12px;
  line-height: 1;
}

/* =====================================
   中间电话（抖音风突出）
===================================== */
.newxd-center {
  z-index: 5;
}

.newxd-call {
  width: 72px;
  height: 72px;
  margin: -22px auto 0;

  border-radius: 50%;

  background:
    linear-gradient(135deg, #FF8A00, #FFD200);

  box-shadow:
    0 12px 28px rgba(0,120,255,.9),
    0 0 30px rgba(0,200,255,1);

  animation: newxd-pulse 2s infinite;
}

/* 中间按钮 hover */
.newxd-call:hover {
  transform: translateY(-10px) scale(1.15);
}

/* 中间按钮 icon 单独补偿 */
.newxd-call .newxd-icon {
  width: 30px;
  height: 30px;

  /* 🔥 中间按钮补偿更大 */
  transform: translateY(2px);
}

/* 中间文字 */
.newxd-call em {
  font-size: 11px;
  margin-top: 4px;
}

/* 呼吸光效 */
@keyframes newxd-pulse {
  0% {
    box-shadow:
      0 0 16px rgba(0,180,255,.6),
      0 0 0 rgba(0,180,255,0);
  }
  50% {
    box-shadow:
      0 0 36px rgba(0,220,255,1),
      0 0 20px rgba(0,220,255,.8);
  }
  100% {
    box-shadow:
      0 0 16px rgba(0,180,255,.6),
      0 0 0 rgba(0,180,255,0);
  }
}
/* 普通按钮整体上移 */
.newxd-toolbar a {
  padding-top: 12px;      /* 原来 4px -> 8px，整体往上 */
  padding-bottom: 6px;   /* 保证底部安全区 */
  flex-direction: column;
  align-items: center;
  justify-content: flex-start; /* 从顶部开始布局 */
}

/* icon 微调视觉中心 */
.newxd-icon {
  transform: translateY(0px); /* 原来 1px 下移取消 */
}

/* 文字 */
.newxd-toolbar a em {
  margin-top: 1px;   /* icon 与文字间距保持 */
  font-size: 13.5px;
  line-height: 1.2;
}

/* =====================================
   【终极修复】SVG + 文字左上角错位
===================================== */

/* 强制所有子元素参与 flex */
.newxd-toolbar a {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 强制 span / em 成为 block，取消旧样式干扰 */
.newxd-toolbar a span,
.newxd-toolbar a em {
  display: block !important;
  float: none !important;
  position: static !important;
  text-align: center !important;
}

/* 取消任何基线对齐 */
.newxd-toolbar a * {
  vertical-align: unset !important;
}

/* SVG icon 精确视觉居中 */
.newxd-icon {
  margin: 0 auto !important;
  transform: translateY(1px) !important;
}

/* 文字单独控制 */
.newxd-toolbar em {
  margin-top: 4px !important;
  line-height: 1 !important;
}

.newxd-call {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

.newxd-call .newxd-icon {
  transform: translateY(2px) !important;
}

.newxd-call em {
  margin-top: 3px !important;
}

/* =====================================
   SVG 路径映射
===================================== */
.newxd-home {
  background-image: url(/skin/img/newxd/home.svg);
}

.newxd-menu {
  background-image: url(/skin/img/newxd/menu.svg);
}

.newxd-phone {
  background-image: url(/skin/img/newxd/phone.svg);
}

.newxd-wechat {
  background-image: url(/skin/img/newxd/wechat.svg);
}

.newxd-user {
  background-image: url(/skin/img/newxd/user.svg);
}
/* ===============================
   首页咨询入口模块
=============================== */
/* ===============================
   吸底咨询栏（瘦身版）
=============================== */
/* ===============================
   极瘦身吸底咨询栏（约原来的1/5）
=============================== */
/* 吸底栏 */
.sy-fixed-consult {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9998;
  padding: 4px 6px;              /* ↑ 恢复一点高度 */
  background: rgba(255,255,255,.98);
  box-shadow: 0 -1px 4px rgba(0,0,0,.06);
  transition: transform .3s ease;
}

.sy-fixed-consult.sy-hide {
  transform: translateY(100%);
}

.sy-fixed-consult ul {
  display: flex;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sy-fixed-consult li {
  flex: 1;
}

/* 卡片 */
.sy-item {
  display: flex;
  align-items: center;
  padding: 6px 6px;              /* ↑ 为副标题留空间 */
  border-radius: 7px;
  background: linear-gradient(135deg, #0a4bff, #0b82ff);
  color: #fff;
  text-decoration: none;
}

.sy-item:active {
  transform: scale(.97);
}

/* 中间电话 */
.sy-main .sy-item {
  background: linear-gradient(135deg, #ff8a00, #ffd200);
  box-shadow: 0 0 8px rgba(255,180,0,.6);
}

/* icon */
.sy-icon {
  width: 22px;
  height: 22px;
  margin-right: 6px;
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
}

/* 在线咨询跳动 */
.sy-jump {
  animation: sy-jump 2.2s infinite;
}

@keyframes sy-jump {
  0% { transform: translateY(0); }
  10% { transform: translateY(-3px); }
  20% { transform: translateY(0); }
}

/* 文案 */
.sy-text {
  line-height: 1.25;             /* ↑ 防贴底 */
}

.sy-text em {
  font-size: 13px;
  font-weight: 600;
  display: block;
}

.sy-text p {
  font-size: 11px;
  margin: 0;
  opacity: .85;
}

/* PC / Mobile */
.sy-only-pc { display: none; }
.sy-only-mobile { display: block; }

@media (min-width: 768px) {
  .sy-only-mobile { display: none; }
  .sy-only-pc { display: block; }

  .sy-pc-btn {
    justify-content: center;
    padding: 12px 0;
    font-size: 15px;
    border-radius: 0;
  }
}

/* icon 路径 */
.sy-chat   { background-image: url(/skin/img/newxd/chat.svg); }
.sy-phone  { background-image: url(/skin/img/newxd/phone.svg); }
.sy-wechat { background-image: url(/skin/img/newxd/wechat.svg); }

/* =====================================
   移动端安全区（iPhone）
===================================== */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
  .newxd-toolbar {
    padding-bottom: env(safe-area-inset-bottom);
  }
}

/* =========================================================
   导航终局修复（PC）：一级始终同一行 + 三角不占位不挡点击 + 下拉不跑偏
   把之前你加的那几段导航修复CSS全部删除/注释掉，仅保留本段
   ========================================================= */

#navigation{ position: relative; }

/* ---------- 一级菜单：用 flex 强制一行，不再用 float ---------- */
#navigation > ul{
  display: flex;
  flex-wrap: nowrap;          /* 关键：不换行 */
  align-items: center;
  justify-content: flex-start;
  gap: 0;                     /* 不用 gap，靠 padding 控制更可控 */
  margin: 0;
  padding: 0;
  list-style: none;
  white-space: nowrap;
}

/* 一级 li：不再 float */
#navigation > ul > li{
  position: relative;
  float: none !important;
  flex: 0 0 auto;             /* 每项按内容宽度 */
}

/* 一级链接：适度压缩间距（这里决定能否一行塞下） */
#navigation > ul > li > a{
  display: block;
  position: relative;
  z-index: 2;
  padding: 0 10px;            /* 比你原来 14 更紧凑，保证一行 */
  padding-right: 28px;        /* 给三角留空间（比 34 更省宽） */
  font-size: 15px;
  white-space: nowrap;
}

/* ---------- 三角：不隐藏、不占位，固定在右侧垂直居中 ---------- */
#navigation > ul > li > .btn_submenu{
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  z-index: 3;
  cursor: pointer;
  margin: 0 !important;
  padding: 0 !important;
}

/* ---------- 子菜单：固定在父 li 下方展开，不跑偏 ---------- */
#navigation > ul > li > ul.sub_menu{
  position: absolute !important;
  left: 0;
  top: 100%;
  margin-top: 8px;
  z-index: 9999;

  white-space: normal;
  transform: none !important;
}

/* 子菜单每项一行 */
#navigation > ul > li > ul.sub_menu > li{
  float: none !important;
  width: 100%;
}
#navigation > ul > li > ul.sub_menu a{
  display: block;
  white-space: normal;
}

/* hover 显示（如果你原本用 JS 控制，这两条也不会破坏） */
#navigation > ul > li > ul.sub_menu{ display:none; }
#navigation > ul > li:hover > ul.sub_menu{ display:block; }

/* 右侧最后几个栏目：下拉右对齐，避免出屏 */
#navigation > ul > li:last-child > ul.sub_menu,
#navigation > ul > li:nth-last-child(2) > ul.sub_menu{
  left: auto;
  right: 0;
}

/* ---------- 宽度不够时：进一步压缩（响应式兜底） ---------- */
@media (max-width: 1200px){
  #navigation > ul > li > a{ padding:0 8px; padding-right:26px; font-size:14px; }
}
@media (max-width: 992px){
  #navigation > ul > li > a{ padding:0 7px; padding-right:24px; font-size:14px; }
}
/* ===== 子菜单偏移修复：强制贴父级 li 展开（终局 reset） ===== */
#navigation > ul > li{
  position: relative; /* 再强调一次，防止被覆盖 */
}

#navigation > ul > li > ul.sub_menu{
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  right: auto !important;

  margin: 8px 0 0 0 !important;
  transform: none !important;

  /* 防止一些模板写了 text-align:center 导致“看起来偏” */
  text-align: left !important;
}

/* 如果你的模板给 sub_menu 写了 padding-left 导致整体右移，也一并归零 */
#navigation > ul > li > ul.sub_menu{
  padding-left: 0 !important;
}
/* ===== 修复 hover 断层：让鼠标从一级到子菜单不会“掉 hover” ===== */

/* 1) 先把子菜单与一级之间的间距改为 0（消灭缝隙） */
#navigation > ul > li > ul.sub_menu{
  margin-top: 0 !important;
}

/* 2) 再加一条透明“桥”，即使你以后又加了间距也不会断 */
#navigation > ul > li::after{
  content:"";
  position:absolute;
  left:0;
  top:100%;
  width:100%;
  height: 14px;            /* 鼠标过渡缓冲区，可调 10~18 */
  background: transparent;
  display:none;
  z-index: 9998;           /* 比一级高，低于子菜单也可以 */
}

/* 当 hover 到该 li 时，打开这条桥 */
#navigation > ul > li:hover::after{
  display:block;
}

/* 3) 确保子菜单层级在桥之上 */
#navigation > ul > li > ul.sub_menu{
  z-index: 9999 !important;
}
/* =========================================================
   成功案例三栏模块（完整样式）
   作用范围：.hczy-case3 及其内部
========================================================= */

/* =========================================================
   三栏模块最终稳定版（只作用于 .hczy-case3）
   - PC：右侧更宽（不强制三等分）
   - 三列同高
   - 右侧表单在窄列下不变形
========================================================= */

.hczy-case3,
.hczy-case3 *{ box-sizing: border-box; }

.hczy-case3{ padding: 34px 0; }

/* ====== 用 Grid 最稳：天然等高 ====== */
.hczy-case3__wrap{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 14px;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr 1.35fr; /* ✅ 右侧更宽，防变形 */
  gap: 18px;
  align-items: stretch; /* ✅ 等高 */
}

/* 统一：三列里的外卡都占满单元格高度 */
.hczy-case3__left,
.hczy-case3__mid,
.hczy-case3__right{ min-width: 0; }

.hczy-caseCard,
.hczy-midCard,
.form-card{
  height: 100%;
}

/* =========================================================
   左侧：案例卡片（复刻）
========================================================= */
.hczy-caseCard{
  background:#fff;
  border-radius: 18px;
  border: 1px solid #e8eef6;
  box-shadow: 0 10px 26px rgba(0,0,0,.08);
  overflow: hidden;
  display:flex;
  flex-direction: column;
}

.hczy-caseCard__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 16px 20px 10px;
}
.hczy-caseCard__tags{ display:flex; gap: 10px; flex-wrap: wrap; }
.hczy-tag{
  display:inline-flex;
  align-items:center;
  height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  background: #f6edd5;
  color: #1f2937;
  font-size: 13px;
  border: 1px solid #f1ddb1;
}
.hczy-caseCard__need{
  color:#6b7280;
  font-size: 13px;
  white-space: nowrap;
}

.hczy-caseCard__title{
  padding: 0 20px 14px;
  font-size: 18px;
  line-height: 1.45;
  font-weight: 800;
  color:#0f172a;
}

.hczy-caseCard__body{
  padding: 0 20px 16px;
  flex: 1 1 auto;
}

.hczy-infoRow{
  display:flex;
  gap: 14px;
  padding: 10px 0;
}
.hczy-infoRow__k{
  width: 76px;
  flex: 0 0 76px;
  color:#64748b;
  font-size: 13px;
  font-weight: 700;
}
.hczy-infoRow__v{
  flex: 1;
  color:#334155;
  font-size: 14px;
  line-height: 1.75;
}

.hczy-resultBox{
  margin-top: 12px;
  border: 1px dashed #cfe0f8;
  background: #f7fbff;
  border-radius: 14px;
  padding: 12px;
}
.hczy-resultBox__head{
  display:flex;
  align-items:center;
  gap: 8px;
  margin-bottom: 8px;
}
.hczy-check{
  width: 20px;
  height: 20px;
  border-radius: 999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#f5e6bf;
  border: 1px solid #e9d49a;
  color:#111827;
  font-weight: 900;
  font-size: 12px;
}
.hczy-resultBox__title{
  font-weight: 800;
  color:#0f172a;
  font-size: 14px;
}
.hczy-resultBox__text{
  color:#334155;
  font-size: 14px;
  line-height: 1.75;
}

.hczy-caseCard__bottom{
  border-top: 1px solid #eef2f7;
  padding: 14px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  margin-top: auto;
}
.hczy-caseCard__period{
  color:#64748b;
  font-size: 13px;
}
.hczy-caseCard__period b{ color:#1f2937; font-weight: 800; }
.hczy-caseCard__btn{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  height: 36px;
  padding: 0 14px;
  border-radius: 12px;
  border: 1px solid #dbe7fb;
  background:#fff;
  color:#1d4ed8;
  font-size: 13px;
  font-weight: 800;
  text-decoration:none;
  white-space: nowrap;
}
.hczy-caseCard__btn:hover{ background:#f5f9ff; }
.hczy-arrow{ font-weight: 900; }

/* =========================================================
   中间：证书卡片（稳定不变形）
========================================================= */
.hczy-midCard{
  background:#fff;
  border-radius: 18px;
  border: 1px solid #e8eef6;
  box-shadow: 0 10px 26px rgba(0,0,0,.08);
  padding: 14px;
  display:flex;
  flex-direction: column;
}

.hczy-cert{
  flex: 1 1 auto;
  min-height: 0;
  border-radius: 14px;
  overflow:hidden;
  border: 1px solid #e9eef5;
  background:#f6f8fb;
  display:flex;
  align-items:center;
  justify-content:center;
}

.hczy-cert img{
  width: 100%;
  height: 100%;
  object-fit: contain;   /* 证书不裁切 */
  display:block;
}

.hczy-cert__tip{
  margin-top: 10px;
  font-size: 12px;
  color:#6b7280;
  text-align:center;
}

/* =========================================================
   右侧：表单（防变形关键）
========================================================= */
.form-card{
  background: linear-gradient(180deg, #0d5ea6 0%, #0b4f8f 100%);
  border-radius: 18px;
  padding: 20px;
  display:flex;
  flex-direction: column;
}

/* 顶部徽章 */
.form-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background: rgba(255,255,255,.12);
  color:#fff;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 13px;
  margin-bottom: 14px;
  width: fit-content;
}

/* 标题/副标题 */
.form-title{
  color:#fff;
  font-size: 28px;
  margin: 6px 0 6px;
  font-weight: 900;
}
.form-subtitle{
  color: rgba(255,255,255,.85);
  font-size: 13px;
  margin: 0 0 16px;
}

/* ✅ 白卡：必须宽度100%，不要做居中固定宽 */
#consultForm{
  background:#fff;
  border-radius: 16px;
  padding: 18px 18px 16px;
  width: 100%;
  flex: 1 1 auto;        /* 吃满剩余高度 */
  min-height: 0;
  display:flex;
  flex-direction: column;
}

/* 表单项 */
#consultForm .form-group{ margin-bottom: 14px; }
#consultForm .form-group label{
  display:block;
  font-size: 13px;
  color:#334155;
  font-weight: 700;
  margin-bottom: 6px;
}

/* ✅ 输入控件：强制满宽，避免被模板压成小框 */
#consultForm input[type="text"],
#consultForm input[type="tel"],
#consultForm select{
  width: 100% !important;
  height: 46px !important;
  border-radius: 12px !important;
  border: 1px solid #e6ebf2 !important;
  padding: 0 14px !important;
  font-size: 14px !important;
  outline: none !important;
  background:#fff !important;
}

#consultForm input:focus,
#consultForm select:focus{
  border-color: #2b78d6 !important;
  box-shadow: 0 0 0 3px rgba(43,120,214,.12) !important;
}

/* ✅ 提交按钮（适配 input submit 也适配 button） */
#consultForm .submit-btn,
#consultForm input.submit-btn,
#consultForm button.submit-btn{
  -webkit-appearance: none;
  appearance: none;
  width: 100% !important;
  height: 50px !important;
  border: none !important;
  border-radius: 14px !important;
  background: #caa24a !important;
  color: #1f2937 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  display: inline-block !important;
  text-align: center !important;
  margin-top: auto; /* ✅ 贴底 */
}

#consultForm .submit-btn:disabled{ opacity: .75; cursor: not-allowed; }

#consultForm .form-privacy{
  margin-top: 10px;
  font-size: 12px;
  color: #6b7280;
  text-align:center;
}

/* iframe 不占位 */
#dede_diy_iframe{
  display:none !important;
  width:0 !important;
  height:0 !important;
}

/* =========================================================
   响应式：宽度变窄时自动换行，防止右侧挤压变形
========================================================= */
@media (max-width: 1100px){
  .hczy-case3__wrap{
    grid-template-columns: 1fr; /* 直接单列，最稳不变形 */
  }
}
@media (min-width: 1101px) and (max-width: 1280px){
  .hczy-case3__wrap{
    grid-template-columns: 1fr 1fr; /* 两列：右侧单独一行会更舒服 */
    grid-auto-rows: auto;
  }
  .hczy-case3__right{ grid-column: 1 / -1; } /* 右侧表单独占一行 */
}
@media (min-width: 993px){
  .hczy-case3__wrap{
    grid-template-columns: 1fr 1fr 1fr !important;
  }
}
/* ===== 右侧表单：让白卡内容满宽、不再“细长居中” ===== */
@media (min-width: 993px){

  /* 白卡内不要居中缩窄，全部按 100% 使用 */
  #consultForm{
    width: 100% !important;
    padding: 22px 24px 18px !important;
  }

  /* label 统一左对齐 */
  #consultForm .form-group label{
    text-align: left !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
  }

  /* 输入框/下拉框：强制满宽，避免被主题样式限制宽度 */
  #consultForm input[type="text"],
  #consultForm input[type="tel"],
  #consultForm select{
    width: 100% !important;
    max-width: none !important;
    display: block !important;
    height: 48px !important;
    border-radius: 14px !important;
    padding: 0 16px !important;
  }

  /* 下拉框右侧箭头位置更自然（可选） */
  #consultForm select{
    background-position: right 14px center !important;
  }

  /* 表单项间距：更像投放页 */
  #consultForm .form-group{
    margin-bottom: 16px !important;
  }

  /* 主按钮：更厚更稳 */
  #consultForm .submit-btn,
  #consultForm input.submit-btn{
    height: 54px !important;
    border-radius: 16px !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    letter-spacing: .5px;
    margin-top: 8px !important;
  }

  /* 隐私文案不占太多视觉 */
  #consultForm .form-privacy{
    margin-top: 12px !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
  }
}

/* ===== 如果右侧白卡里被某些全局样式强行居中，直接清掉 ===== */
#consultForm *{
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 993px){
  #consultForm{
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
  }
}