html,body{min-width:1200px}
body{font-family:"微软雅黑"; font-size:12px; color:#666; padding:105px 0 0 0 !important;}
a,a:hover{ text-decoration:none; color:#777}
a:hover{color:#022e49}
.wrap{ width:1200px; margin:0 auto}
.col93{ color:#939393}
.lan{ color:#022e49}
.bgf7{ background:#f7f7f7}
.imgbox{}
.imgbox img{ max-width:100%; height:auto}


.logo1{ background:url(../image/logo1.png) no-repeat; display:inline-block; width:280px; height:48px; position:absolute; left:50%; margin-left:-140px; top:100px;}
.yuyxz{ width:300px; height:35px; position:absolute; left:50%; margin-left:-150px; bottom:240px;}
.yuyxz a{ display:inline-block; height:30px; width:88px; text-align:center; color:#fff; line-height:30px; border-radius:1px; font-size:16px;background:url(../image/icon2.png) repeat; }
.yuyxz a:hover{background:#003366 }
.header{ background:#333333; height:105px; border-bottom:1px solid #444; box-sizing:border-box; z-index: 99999; width:100%; min-width:1200px; position:fixed; top:0;}
.header .wrap{overflow:visible!important;}
.logo2{ background:url(../image/logo2.png) no-repeat left center; display:inline-block; width:306px; height:104px; float:left; overflow:hidden}
.logo2 img{  height:104px; }
.nav{ float:right; position:relative; width:auto; max-width:860px; height:104px; display:flex; flex-direction:column; align-items:flex-end; justify-content:center; gap:6px; padding:0; box-sizing:border-box; overflow:visible;}
.nav-tools{ display:flex; align-items:center; justify-content:flex-end; gap:8px; position:relative; z-index:20;}
.nav-search{ position:relative; display:flex; align-items:center; height:32px; gap:0;}
.nav ul{ padding:0 !important; background:none !important; float:none !important; display:flex; flex-wrap:nowrap; justify-content:flex-end; gap:2px;}
.nav .layui-nav-item{ float:none !important; line-height:normal; border-radius:3px; border:none; box-sizing:border-box; margin:0; background:transparent; transition:background-color .3s ease; -webkit-transition:background-color .3s ease;}
.nav a{display:block;float:none;width:auto;min-width:72px;text-align:center;padding:0 12px !important;height:36px;line-height:36px;color:#fff;font-size:16px;border-radius:3px; transition:color .3s ease; -webkit-transition:color .3s ease;}
/* 用已有二级菜单预留三角位，避免 layui 插入 .layui-nav-more 后一级菜单位移 */
.nav .layui-nav-item:has(.layui-nav-child) > a{ padding-right:28px !important; }
.nav li.now,
.nav .layui-nav-item.layui-this{ background:#003366; border-radius:3px; border:none; box-shadow:inset 0 -2px 0 #fff;}
.nav li.now > a,
.nav .layui-nav-item.layui-this > a{ color: #ffffff !important;}
/* 隐藏 layui 默认 border 三角，改用单一伪元素 + 旋转过渡 */
.nav .layui-nav .layui-nav-more{
	top:50% !important;
	right:8px !important;
	width:10px !important;
	height:10px !important;
	margin:0 !important;
	margin-top:-5px !important;
	border:none !important;
	border-width:0 !important;
	border-style:none !important;
	border-color:transparent !important;
	background:transparent !important;
	overflow:visible !important;
	transition:none;
}
.nav .layui-nav .layui-nav-more::before{
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	width:0;
	height:0;
	border-style:solid;
	border-width:6px 5px 0 5px;
	border-color:rgba(255,255,255,.85) transparent transparent transparent;
	transform:translate(-50%,-40%) rotate(0deg);
	transform-origin:center 2px;
	transition:transform .3s ease, border-color .3s ease;
	-webkit-transition:transform .3s ease, border-color .3s ease;
}
.nav li.now > a .layui-nav-more::before,
.nav .layui-nav-item.layui-this > a .layui-nav-more::before{
	border-top-color:#ffffff;
}
/* 展开：旋转翻转，保持过渡流畅 */
.nav .layui-nav .layui-nav-more.layui-nav-mored::before,
.nav .layui-nav-itemed > a .layui-nav-more::before{
	transform:translate(-50%,-40%) rotate(180deg);
}
.nav li.now > a .layui-nav-more.layui-nav-mored::before,
.nav li.now.layui-nav-itemed > a .layui-nav-more::before,
.nav .layui-nav-item.layui-this > a .layui-nav-more.layui-nav-mored::before,
.nav .layui-nav-item.layui-this.layui-nav-itemed > a .layui-nav-more::before{
	border-top-color:#ffffff;
}
.nav .layui-nav .layui-this::after,.nav .layui-nav-bar, .layui-nav-tree .layui-nav-itemed::after{ display:none; background:transparent;}
/* 一级与二级视觉间距 4px；向上透明桥接，移动时不丢 hover */
.nav .layui-nav-child{top:40px;width:auto;min-width:120px;background:#003366;border-radius:3px;border:none;overflow:visible;padding:2px 0;box-sizing:border-box;}
.nav .layui-nav-child::before{
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:-4px;
	height:4px;
	background:transparent;
}
.nav .layui-nav-child dd{ margin:0; border-bottom:none; position:relative; background:#003366;}
.nav .layui-nav-child dd:first-child{ border-radius:3px 3px 0 0; overflow:hidden;}
.nav .layui-nav-child dd:last-child{ border-radius:0 0 3px 3px; overflow:hidden;}
.nav .layui-nav-child dd:only-child{ border-radius:3px; overflow:hidden;}
.nav .layui-nav-child dd:not(:last-child)::after{
	content:"";
	display:block;
	position:absolute;
	left:12px;
	right:12px;
	bottom:0;
	height:0;
	border-bottom:1px solid rgba(255,255,255,.35);
}
.nav .layui-nav-child a{float:none;text-align:center;padding:14px 16px !important;color: #ffffff !important;height:auto;line-height:1.4;border:none;font-size:16px;width:auto;min-width:0;border-radius:0;box-sizing:border-box;}
.nav .layui-nav .layui-nav-child a:hover{ background:#022e49; color:#fff !important;}

/* 展开后：输入框 |8px| 搜索钮；搜索钮与右侧「中」同为 nav-tools gap:8px */
.ssbox{ background:transparent; position:static; display:flex; align-items:center; gap:8px; width:0; height:32px; overflow:hidden; z-index:99; flex-shrink:0;}
.ss_input{ border:1px solid #003366; border-radius:2px; height:30px; line-height:30px; width:240px; flex-shrink:0; text-indent:0.5em; color:#cecece; font-size:13px;font-family:"微软雅黑"; background:#444; margin:0; box-sizing:border-box;}
.ss_btn,.ss_btn2{ background:#003366; color:#ffffff; position:relative; width:32px; height:32px; cursor:pointer; border:none; border-radius:3px; z-index:11; padding:0; display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; flex-shrink:0;}
.ss_btn .ss-icon,.ss_btn2 .ss-icon{ display:block; color:#ffffff;}

.tbox1mbox{width:100%; height:350px; position:relative; z-index:1;}

.tbox1mboxul { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:relative; z-index:1}

.tbox1mboxul li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}

.tbox1mboxul li a { display:block; width:100%; height:100%; text-indent:-9999px}

#pagination1 {  position:absolute; right:0; bottom:15px; z-index:9900; width:100%; text-align:center; }

#pagination1 li { display:inline-block;width:12px;  height:12px;    margin:0 3px; }

#pagination1 li a { display:inline-block;background:#fff; width:12px;  height:12px; border-radius:50%; color:#fff; font-size:0; vertical-align:middle}

#pagination1 li.current a { background:#003366}

.wxxt{ float:left; width:760px; overflow:hidden}

.wxxt ul{ width:780px;}

.wxxt li{ float:left; border-radius:5px; position:relative; overflow:hidden; border:1px solid #fff; width:368px; height:290px; margin-bottom:20px; margin-right:20px; cursor:pointer}

.wxxt li img{width:368px; height:290px;cursor:pointer}

.wxxt li.now{ border:1px solid #79fffc} 

.wxxt li a{ display:none; width:80px; height:30px; line-height:30px; text-align:center; color:#fff; font-size:14px; background:#022e49; position:absolute; left:50%; margin-left:-40px; bottom:15px;}

.wxxt li.now a{ display:block}

.wxxt li p{ text-align:center; color:#fff; line-height:40px; bottom:50px; left:0; width:100%; font-size:22px; position:absolute}

.wxxtr{ float:right; width:370px;}

.title{ height:20px; line-height:20px; background:url(../image/icon7.jpg) no-repeat left center; padding-left:10px; color:#333; font-size:18px;}

.cpsp{ width:370px; height:230px;}

.title2{ border-left:10px solid #012e4d; background:#135786; height:45px; line-height:45px; color:#fff; font-size:18px; padding:0 10px 0 15px;}

.xwli{}

.xwli li{ border-bottom:1px dashed #d7d7d7; padding:10px 0;}

.title3{ background:url(../image/icon8.jpg) repeat-x left center; height:30px; line-height:30px; text-align:center; width:600px; margin:0 auto;}

.title3 span{ display:inline-block; background:#fff; width:190px; text-align:center; height:30px; line-height:30px; font-size:26px; color:#171717;}

a.more{ background:#42464e; display:inline-block; width:60px; height:25px; line-height:25px; text-align:center; color:#fff; font-family:Arial;}

.gcal{ position:relative; overflow:hidden; width:1200px;}

.icon5{ background:url(../image/icon5a.jpg) no-repeat center center; display:inline-block; width:37px; height:37px; position:absolute; left:0; top:50%; margin-top:-18.5px;}

.icon5:hover{background:url(../image/icon5b.jpg) no-repeat center center;}

.icon6{ background:url(../image/icon6a.jpg) no-repeat center center; display:inline-block; width:37px; height:37px; position:absolute;right:0; top:50%; margin-top:-18.5px;}

.icon6:hover{background:url(../image/icon6b.jpg) no-repeat center center;}

.gcalm{ width:1078px; margin:0 auto; height:190px; position:relative; overflow:hidden}

.gcalm ul{ position:absolute; left:0; top:0; width:1000000px;}

.gcalm li{ float:left; width:338px; height:190px; margin-right:32px; position:relative}

.gcalm li img{width:338px; height:190px;}

.gcalm li p{ background:url(../image/icon9.png) repeat; height:45px; line-height:45px; text-align:center; width:100%; color:#fff; font-size:18px; position:absolute; left:0; bottom:0}

.shlx{ float:left; border-right:1px solid #dcdcdc; padding-right:40px; width:395px; color:#575757; line-height:25px;}

.shlx a,.shlxr a{ color:#575757}

.shlxr{ border-right:1px solid #dcdcdc; padding:0 40px 0 30px; width:450px; float:left;color:#575757; line-height:25px;}

.shlxrr{ width:243px; float:right; text-align:center; color:#575757; font-size:16px; line-height:35px; padding-top:30px;}

.foot{ background:url(../image/icon10.jpg) repeat; padding:25px; line-height:25px; text-align:center; color:#999}

.img5{ width:100%; height:350px; background:url(../image/img5.jpg) no-repeat center center;}

.img5b{ width:100%; height:350px; background:url(../image/img5b.jpg) no-repeat center center;}

.img5c{ width:100%; height:350px; background:url(../image/img5c.jpg) no-repeat center center;}

.img5d{ width:100%; height:350px; background:url(../image/img5d.jpg) no-repeat center center;}

.img5e{ width:100%; height:350px; background:url(../image/img5e.jpg) no-repeat center center;}

.img5f{ width:100%; height:350px; background:url(../image/img5f.jpg) no-repeat center center;}

.weiz{ background:url(../image/icon11.jpg) no-repeat left center; border-bottom:1px solid #a2a2a2; height:35px; line-height:35px; padding-left:22px; color:#999; font-size:14px;}

.weiz {
	height: auto;
	min-height: 35px;
	overflow: hidden;
}
.weiz .weiz-cur,
.weiz a.weiz-cur,
.weiz .detail.els1 {
	display: inline-block;
	max-width: 420px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: bottom;
}


.left{ float:left; width:250px;}

.title4{ border-left:10px solid #012e4d; background:#135786; height:60px; line-height:60px; padding-left:10px; color:#fff; font-size:24px;}

.fwxz{}

.fwxz a{ display:block; height:45px; line-height:45px; background:#ebebeb; color:#333; font-size:14px; text-align:center; margin-bottom:5px;}

.fwxz a:hover,.fwxz a.now{ color:#fff; background:#012e4d}

.right{ float:right; width:930px; min-height:300px;}

.gcal2{ width:930px; overflow:hidden}

.gcal2 ul{ width:960px;}

.gcal2 li{ float:left; margin:0 30px 15px 0; width:210px;}

.gcal2t{ border:1px solid #d9d9d9; padding:5px; height:128px;}

.gcal2t img{ width:198px; height:128px}

.jsfx{}

.jsfx li{ border-bottom:1px dashed #dfdede; background:url(../image/icon12.jpg) no-repeat 5px center; padding-left:25px; height:45px; line-height:45px; font-size:14px;}

.xiaz{}

.xiaz li{ border-bottom:1px dashed #dfdede; background:url(../image/icon13.jpg) no-repeat 5px center; padding-left:25px; height:45px; line-height:45px; font-size:14px;}

a.page1{ display:inline-block; width:57px; height:27px; color:#fff; background:#012e4d; line-height:27px}

a.page2{ display:inline-block; width:25px; height:25px; margin:0 3px; line-height:25px; border:1px solid #e1e1e1; background:#f8f8f8; color:#666; font-size:13px;}

a.page2:hover,a.page2now{ background:#135786; color:#fff;}

.xwzx{}

.xwzx li{ border-bottom:1px dashed #dfdede; padding:20px 0}

.xwzx li img{ float:left; width:200px; height:130px;}

.xwzxr{ float:right; width:715px;}

.xwzxr p{ line-height:20px; height:80px; color:#999}

.xwxq{}

.xwxq h1{ text-align:center; color:#012e4d; font-size:20px; line-height:45px; padding-bottom:5px;}

.xwxqt{ background:#f8f8f8; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; height:45px; line-height:45px; text-align:center; color:#999;}

.xwxqb{ border:1px solid #e8e8e8; background:#f8f8f8; padding:10px; line-height:20px; color:#888; font-size:14px;}

a.icon14{ background:url(../image/icon14a.jpg) no-repeat left center; color:#999; font-size:14px; display:inline-block; line-height:20px; padding-left:30px;}

a.icon14:hover{background:url(../image/icon14b.jpg) no-repeat left center;}

a.icon15{ background:url(../image/icon15a.jpg) no-repeat left center; color:#999; font-size:14px; display:inline-block; line-height:20px; padding-left:30px;}

a.icon15:hover{background:url(../image/icon15b.jpg) no-repeat left center;}

.gywm{ line-height:30px; font-size:14px; color:#666;}

.gywm h1{ font-weight:bold; font-size:18px;}

.gywmb{ position:relative; overflow:hidden; width:930px;}

.gywm img{ max-width:100%;max-height:100%;}

a.icon16a{ background:url(../image/icon16a.jpg) no-repeat center center; display:inline-block; width:30px; height:50px; position:absolute; left:0; top:50%; margin-top:-25px;}

a.icon16b{ background:url(../image/icon16b.jpg) no-repeat center center; display:inline-block; width:30px; height:50px; position:absolute; right:0; top:50%; margin-top:-25px;}

.gywmbm{ width:835px; margin:0 auto; height:176px; position:relative; overflow:hidden}

.gywmbm ul{ position:absolute; left:0; top:0; width:1000000px;}

.gywmbm li{ float:left; width:265px; height:176px; margin-right:20px; position:relative}

.gywmbm li img{width:265px; height:176px;}

.liuy{ border:1px solid #bababa; padding:25px; color:#666; font-size:14px;}

.liuym{ width:580px; margin:0 auto}

.liuym label{ float:left; text-align:right; width:90px; padding-right:10px; color:#666; font-size:14px; line-height:35px;}

.liuym_input{ border:1px solid #c6c6c6; height:35px; line-height:35px; box-sizing:border-box; text-indent:0.5em; color:#666; font-size:14px;font-family:"微软雅黑"; width:320px;}

.liuym_text{ border:1px solid #c6c6c6; height:130px; line-height:30px; box-sizing:border-box; text-indent:0.5em; color:#666; font-size:14px;font-family:"微软雅黑"; width:470px;}

.liuym_btn1{ width:125px; height:45px; border:none; color:#fff; text-align:center; background:#135786;font-family:"微软雅黑";}

.liuym_btn2{ width:125px; height:45px; border:none; color:#666; text-align:center; background:#e0e0e0;font-family:"微软雅黑";}

.map{ padding:15px; border:1px solid #ececec;}

.map img{ width:100%; height:auto}

.cpxx{}

.cpxx li{ position:relative; height:45px; margin-bottom:5px; z-index:20}

.cpxx li p{ height:45px; line-height:45px; background:#ebebeb; color:#333; font-size:14px; text-align:center}

.cpxx li span{ display:inline-block; height:45px; line-height:45px; width:25px; text-align:center; font-weight:bold; color:#999; position:absolute; right:0; top:0; font-size:18px; font-family:"宋体"}

.cpxxr{ position:absolute; left:250px; top:0; display:none; padding-left:6px;}

a.cpxxlink2{display:block; width:210px; padding:0 15px; height:35px; line-height:35px; margin-bottom:5px;background:#ebebeb; color:#333; font-size:14px;}

a.cpxxlink2:hover{color:#fff;background:#012e4d}

.cpxxr dt{ display:block; width:auto; height:35px; line-height:35px; margin-bottom:5px;background:#ebebeb; color:#333; font-size:14px; cursor:pointer }

.cpxxr dl.now dt{color:#fff;background:url(../image/icon18a.jpg) no-repeat 200px center #012e4d}

.cpxxr dd{ padding:5px 10px; display:none}

.cpxxr dl.now dd{ display:block}

.cpxxr dd a{ background:url(../image/icon18b.jpg) no-repeat 8px center #bcbcbc; padding-left:18px; display:block; height:30px; margin-bottom:3px; line-height:30px; color:#fff; font-size:12px;}

.cpxxr dd a:hover{ background-color:#012e4d}

.cpxx li.now p,.cpxx li.now p a{ color:#fff;background:#012e4d}

.cpxx li.gnow p,.cpxx li.gnow p a{ color:#fff;background:#012e4d}

.cpxx li.now span{ color:#fff;}

.cpxx li.now .cpxxr{ display:block}

a.cpxxlink{display:block; height:45px; line-height:45px; background:#ebebeb; color:#333; font-size:14px; text-align:center;}

a.cpxxlink:hover{color:#fff;background:#012e4d}

.cpli{ width:930px; overflow:hidden}

.cpli ul{ width:948px;}

.cpli li{ float:left; margin:0 18px 18px 0; position:relative; overflow:hidden; border:1px solid #d4d9df; width:296px; height:240px;}

.cpli li img{ max-width:296px; max-height:240px;}

.cplitxt1{ position:absolute; left:0; bottom:0; background:url(../image/icon17.png) repeat; height:45px; line-height:45px; text-align:center; color:#fff; font-size:16px; width:100%;}

.cplitxt2{ background:url(../image/icon17.png) repeat; position:absolute; left:0; bottom:-100%; color:#fff; font-size:16px; text-align:center; width:100%; height:240px; line-height:30px; display: block}

.cplitxt2 p,.cplitxt2:hover p{ padding-top:90px;color:#fff}

.cplitxt2 span,.cplitxt2:hover span{ color:#fff}

.quickView {background: #fff;}

.quickView .gallery  {position: relative;overflow: hidden; z-index:10}

.quickView .gallery .preview {float: left;display: block;position: relative; border:1px solid #d4d9df; width:690px; height:550px;}

.quickView .gallery .preview img {display: block;max-width:690px; max-height:550px;}

.quickView .gallery ul.thumbs {float: right; width:222px; display:block; padding-left:15px;}

.quickView .gallery ul.thumbs li {margin: 0;padding: 0 0 10px; cursor: pointer;}

.quickView .gallery ul.thumbs li.empty {cursor: default;}

.quickView .gallery ul.thumbs li.empty .thumb {background: #eee;}

.quickView .gallery ul.thumbs li .thumb {background-color: #fff;display: block;width:220px;height:175px; border:1px solid #d4d9df}

.quickView .gallery ul.thumbs li .thumb:hover{ border:1px solid #012e4d}

.quickView .gallery ul.thumbs li .thumb img {cursor: pointer;transition: all 0.1s;-moz-transition: all 0.1s;-webkit-transition: all 0.1s;-ms-transition: all 0.1s;-o-transition: all 0.1s;width:220px;height:175px;}

.quickView .gallery ul.thumbs li:first-child {padding-top: 0 !important;}



.sidebar .contact {
    background: #fff;
    border: 1px #eaeaea solid;
    padding: 0 0 16px;
    margin-bottom: 15px;
    border-radius: 4px;
    overflow: hidden;
}
.sidebar .contact h2 {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #eee;
}
.sidebar .contact h2 span {
    float: none;
    display: block;
    background: #003366;
    color: #ffffff;
    font-weight: normal;
    font-size: 16px;
    padding: 12px 15px;
    margin: 0;
    line-height: 1.3;
}
.sidebar .contact h3 {
    padding: 8px 15px 0;
    font-size: 14px;
    color: #003366;
    line-height: 24px;
}
.sidebar .contact .sb-contact-list {
    list-style: none;
    margin: 0;
    padding: 12px 15px 0;
}
.sidebar .contact .sb-contact-item {
    display: flex;
    align-items: flex-start;
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px dashed #e8e8e8;
    line-height: 1.5;
    font-size: 13px;
}
.sidebar .contact .sb-contact-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.sidebar .contact .sb-ico {
    flex-shrink: 0;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 2px 10px 0 0;
    background-color: #003366;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.sidebar .contact .sb-ico-phone {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E");
}
.sidebar .contact .sb-ico-fax {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-4h8v4zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-4h8v4zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z'/%3E%3C/svg%3E");
}
.sidebar .contact .sb-ico-email {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E");
}
.sidebar .contact .sb-ico-address {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/%3E%3C/svg%3E");
}
.sidebar .contact .sb-txt {
    flex: 1;
    min-width: 0;
}
.sidebar .contact .sb-lab {
    display: block;
    color: #999;
    font-size: 12px;
    margin-bottom: 2px;
}
.sidebar .contact .sb-val {
    display: block;
    color: #333;
    word-break: break-all;
}
.sidebar .contact .sb-contact-item a.sb-val {
    color: #003366;
    text-decoration: none;
}
.sidebar .contact .sb-contact-item a.sb-val:hover {
    color: #012e4d;
    text-decoration: underline;
}
.sidebar .contact .sb-contact-more {
    display: block;
    margin: 12px 15px 0;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background: #003366;
    color: #ffffff !important;
    font-size: 13px;
    border-radius: 3px;
}
.sidebar .contact .sb-contact-more:hover {
    background: #012e4d;
    color: #ffffff !important;
}

.index-slogan {

    display: block;

    padding: 20px 0;

    background-color: RGB(248,248,248);

    z-index: 998;

}

.wp {

    width: 1200px;

    min-width: 1200px;

    margin: 0 auto;

}

.index-slogan .service-subject {

    float: left;

    width: 24.2%;

    margin: 0 0.4%;

    overflow: hidden;

}

.index-slogan .m {

    float: left;

    width: 99.5%;

    height: 230px;

    padding: 1px 0;

    clear: both;

    display: block;

}

.index-slogan .m img {

    vertical-align: middle;

    width: 100%;

    height: 210px;

    object-fit: cover;

    border: 1px solid #999;

}

.index-slogan .title-sub {

    line-height: 40px;

    height: 30px;

    font-size: 18px;

    font-weight: 600;

    color: #333;

    text-align: center;

    clear: both;

    display: block;

}

.index-slogan .des {

    font-size: 16px;

    color: #333;

    line-height: 22px;

    height: 66px;

    overflow: hidden;

    clear: both;

    display: block;

    text-align: center;

}

.index_project{  background-color: RGB(248,248,248);     padding: 20px 0;}

.index_project .title3 span{  background-color: RGB(248,248,248);}







.footer {

	background: #333333;

	padding: 30px 0;

	min-width: 1200px;

	border-bottom: 1px #444 solid

}

.footer dl {

	float: left;

}

.footer a {

	color: rgba(255, 255, 255, 0.7);

}

.footer dd {

	color: rgba(255, 255, 255, 0.7);

}

.footer a:hover {

	color: #fff;

}

.footer dt {

	line-height: 36px;

	height: 36px;

	margin-bottom: 5px;

	font-size: 16px;

	color: rgba(255, 255, 255, 0.7);

}

.footer dd, .footer dd a {

	line-height: 26px;height: 26px;

	font-size: 13px; overflow:hidden;

}



.footer dd a {

	padding:0 10px 0 0; display:inline;

}



.footer .about {

	width: 180px;

	margin-right: 50px;

}

.footer .about dd, .footer .solution dd {

	float: left;

	width: 50%;

}

.footer .solution {

	width: 260px;

	margin-right: 50px;

}

.footer .flow {

	float: right;

}

.footer .flow dt {

	height: 16px;

	line-height: 16px;

}

.footer .flow img {

	width: 90px;

	height: 90px;

	background: #fff;

}

.footer .flow .m {

	float: left;

}

.footer .flow .wx {

	margin-left: 15px;

}

.footer .flow .m p {

	line-height: 24px;

	font-size: 12px;

	color: rgba(255, 255, 255, 0.7);

	text-align: center;

}

.bot-footer {

	background: #333333;

	min-width: 1200px;

	border-top: 1px solid #444;

}

.bot-footer p {

	line-height: 50px;

	text-align: center;

}

.bot-footer p, .bot-footer p em, .bot-footer p a {

	color: rgba(255, 255, 255, 0.7);

	font-size: 13px;

}

.bot-footer p a {

	color: rgba(255, 255, 255, 0.7);

}
.bot-footer p a:hover {
	color: #fff;
}

.bot-footer p em {

	padding: 0 3px;font-style: normal;

}

.language{
    position: static;
    height: 32px;
    overflow: hidden;
    display: inline-block;
}
.language a{
    display: block;
    float: none !important;
    height: 32px !important;
    width: 32px !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0;
    background-color: #003366;
    line-height: 32px !important;
    border-radius: 3px;
    color: #ffffff !important;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}


/* footer contact: uppercase labels + icons */
.footer .contact .ft-contact-item {
	display: flex;
	align-items: flex-start;
	flex-wrap: nowrap;
	height: auto !important;
	line-height: 22px;
	overflow: hidden;
	margin-bottom: 4px;
	clear: both;
	float: none !important;
	width: 100% !important;
	max-width: 100%;
	box-sizing: border-box;
}
.footer .contact {
	min-width: 0;
	overflow: hidden;
	box-sizing: border-box;
}
.footer .contact .ft-colon {
	flex-shrink: 0;
}
.footer .contact .ft-val {
	flex: 1 1 0;
	min-width: 0;
	text-align: left;
	overflow-wrap: anywhere;
	word-break: break-word;
}
.footer .contact .ft-lab {
	display: inline-block;
	width: 3em;
	text-align: justify;
	text-align-last: justify;
	flex-shrink: 0;
	letter-spacing: 0;
}
.footer .contact .ft-contact-item a {
	color: rgba(255, 255, 255, 0.7);
	display: inline;
	padding: 0;
}
.footer .contact .ft-ico {
	flex-shrink: 0;
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 4px 6px 0 0;
	background-color: #787d80;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}
.footer .contact .ft-ico-phone {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E");
}
.footer .contact .ft-ico-fax {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-4h8v4zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-4h8v4zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z'/%3E%3C/svg%3E");
}
.footer .contact .ft-ico-email {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E");
}
.footer .contact .ft-ico-address {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/%3E%3C/svg%3E");
}

/* news list: image + title clickable */
.xwzx li > a.xwzx-pic {
	float: left;
	display: block;
}
.xwzx li > a.xwzx-pic img {
	float: none;
	display: block;
	width: 200px;
	height: 130px;
}
.xwzxr h1 a {
	color: #333;
	text-decoration: none;
}
.xwzxr h1 a:hover {
	color: #666;
}

/* ========== contact page grid demo（仅 contact 页） ========== */
.contact-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
	margin: 0 0 28px;
	padding: 0;
	align-items: stretch;
}
.contact-grid-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	height: 168px;
	padding: 20px 14px 16px;
	box-sizing: border-box;
	text-align: center;
	text-decoration: none;
	color: #333;
	background: #fff;
	border: 1px solid #e6e6e6;
	border-radius: 4px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
	transition: border-color 0.2s, box-shadow 0.2s, transform 0.15s;
	overflow: hidden;
}
a.contact-grid-item:hover {
	border-color: #003366;
	box-shadow: 0 4px 12px rgba(0, 51, 102, 0.12);
	transform: translateY(-2px);
	color: #003366;
}
/* 图标区固定高度，保证上下行起点对齐 */
.contact-grid .cg-ico-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 44px;
	margin: 0 0 10px;
	flex-shrink: 0;
}
.contact-grid .cg-ico {
	display: block;
	width: 36px;
	height: 36px;
	background-color: #003366;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}
/* 标题区固定高度 */
.contact-grid .cg-lab {
	display: block;
	height: 20px;
	margin: 0 0 8px;
	font-size: 13px;
	color: #888;
	line-height: 20px;
	flex-shrink: 0;
}
/* 内容区固定两行高度，长地址截断，上下行内容顶对齐 */
.contact-grid .cg-val {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 40px;
	font-size: 14px;
	line-height: 20px;
	word-break: break-all;
	max-width: 100%;
	flex-shrink: 0;
}
.contact-grid .cg-ico-phone {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E");
}
.contact-grid .cg-ico-mobile {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M17 1.01L7 1c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM17 19H7V5h10v14z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M17 1.01L7 1c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM17 19H7V5h10v14z'/%3E%3C/svg%3E");
}
.contact-grid .cg-ico-fax {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-4h8v4zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-4h8v4zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z'/%3E%3C/svg%3E");
}
.contact-grid .cg-ico-email {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E");
}
.contact-grid .cg-ico-address {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/%3E%3C/svg%3E");
}
.contact-grid .cg-ico-weixin {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9.5 4C5.36 4 2 6.69 2 10c0 1.89 1.08 3.56 2.78 4.66L4 18l3.5-1.5c.64.17 1.31.27 2 .27.28 0 .56-.02.83-.05C9.47 15.97 9 15.03 9 14c0-3.31 3.13-6 7-6 .19 0 .38.01.56.03C15.54 5.69 12.72 4 9.5 4zm-2 3.5c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm5 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM16 9c-3.31 0-6 2.24-6 5s2.69 5 6 5c.58 0 1.14-.08 1.67-.22L20 20l-.72-2.36C20.97 16.61 22 15.4 22 14c0-2.76-2.69-5-6-5zm-2 3.5c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm4 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9.5 4C5.36 4 2 6.69 2 10c0 1.89 1.08 3.56 2.78 4.66L4 18l3.5-1.5c.64.17 1.31.27 2 .27.28 0 .56-.02.83-.05C9.47 15.97 9 15.03 9 14c0-3.31 3.13-6 7-6 .19 0 .38.01.56.03C15.54 5.69 12.72 4 9.5 4zm-2 3.5c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm5 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM16 9c-3.31 0-6 2.24-6 5s2.69 5 6 5c.58 0 1.14-.08 1.67-.22L20 20l-.72-2.36C20.97 16.61 22 15.4 22 14c0-2.76-2.69-5-6-5zm-2 3.5c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm4 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1z'/%3E%3C/svg%3E");
}
.contact-grid .cg-ico-qq {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12.003 2c-2.265 0-6.29 1.364-6.29 7.325v1.195S3.55 14.96 3.55 17.474c0 .665.17 1.025.281 1.025.114 0 .902-.494 1.748-2.072 0 0-.18 2.197 1.904 3.967 0 0-1.795 1.269-1.015 2.163.513.59 4.39.374 5.535.187 1.145.187 5.022.403 5.534-.187.78-.894-1.015-2.163-1.015-2.163 2.085-1.77 1.905-3.967 1.905-3.967.845 1.578 1.634 2.072 1.746 2.072.111 0 .283-.36.283-1.025 0-2.514-2.166-6.954-2.166-6.954V9.325C18.29 3.364 14.268 2 12.003 2z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12.003 2c-2.265 0-6.29 1.364-6.29 7.325v1.195S3.55 14.96 3.55 17.474c0 .665.17 1.025.281 1.025.114 0 .902-.494 1.748-2.072 0 0-.18 2.197 1.904 3.967 0 0-1.795 1.269-1.015 2.163.513.59 4.39.374 5.535.187 1.145.187 5.022.403 5.534-.187.78-.894-1.015-2.163-1.015-2.163 2.085-1.77 1.905-3.967 1.905-3.967.845 1.578 1.634 2.072 1.746 2.072.111 0 .283-.36.283-1.025 0-2.514-2.166-6.954-2.166-6.954V9.325C18.29 3.364 14.268 2 12.003 2z'/%3E%3C/svg%3E");
}
.contact-grid .cg-ico-zipcode,
.contact-grid .cg-ico-hours {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z'/%3E%3C/svg%3E");
}
.contact-grid .cg-ico-zipcode {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V8l8 5 8-5v10zm-8-7L4 6h16l-8 5z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V8l8 5 8-5v10zm-8-7L4 6h16l-8 5z'/%3E%3C/svg%3E");
}
.contact-grid .cg-ico-skype,
.contact-grid .cg-ico-whatsapp,
.contact-grid .cg-ico-msn,
.contact-grid .cg-ico-weibo,
.contact-grid .cg-ico-twitter,
.contact-grid .cg-ico-facebook,
.contact-grid .cg-ico-link {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z'/%3E%3C/svg%3E");
}
.contact-section + .contact-section {
	margin-top: 48px;
}
.contact-section > .title2 {
	margin: 0 0 20px;
}
.contact-detail-rich {
	margin: 0;
}
@media (max-width: 900px) {
	.contact-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.contact-grid-item {
		height: 160px;
	}
}

/* 联系页 · 社媒（方案 B · 统一骨架） */
.contact-social {
	margin-top: 0;
	padding-top: 0;
}
.cs-ico {
	display: inline-block;
	width: 22px;
	height: 22px;
	background-color: #fff;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}
.cs-ico-weixin {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9.5 4C5.91 4 3 6.69 3 10c0 1.89 1.08 3.56 2.78 4.66L5.5 17l2.54-1.35c.46.1.95.16 1.46.16.17 0 .34 0 .5-.02C9.7 15.19 9.5 14.4 9.5 13.5 9.5 9.91 12.86 7 17 7c.17 0 .34.01.5.02C16.72 5.24 13.4 4 9.5 4zm-2.25 3.25a1 1 0 110 2 1 1 0 010-2zm4.5 0a1 1 0 110 2 1 1 0 010-2zM17 8.5c-3.31 0-6 2.24-6 5s2.69 5 6 5c.45 0 .89-.05 1.31-.14L20.5 20l-.72-2.05C21.16 16.95 22 15.55 22 13.5c0-2.76-2.69-5-5-5zm-1.75 3a.875.875 0 110 1.75.875.875 0 010-1.75zm3.5 0a.875.875 0 110 1.75.875.875 0 010-1.75z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9.5 4C5.91 4 3 6.69 3 10c0 1.89 1.08 3.56 2.78 4.66L5.5 17l2.54-1.35c.46.1.95.16 1.46.16.17 0 .34 0 .5-.02C9.7 15.19 9.5 14.4 9.5 13.5 9.5 9.91 12.86 7 17 7c.17 0 .34.01.5.02C16.72 5.24 13.4 4 9.5 4zm-2.25 3.25a1 1 0 110 2 1 1 0 010-2zm4.5 0a1 1 0 110 2 1 1 0 010-2zM17 8.5c-3.31 0-6 2.24-6 5s2.69 5 6 5c.45 0 .89-.05 1.31-.14L20.5 20l-.72-2.05C21.16 16.95 22 15.55 22 13.5c0-2.76-2.69-5-5-5zm-1.75 3a.875.875 0 110 1.75.875.875 0 010-1.75zm3.5 0a.875.875 0 110 1.75.875.875 0 010-1.75z'/%3E%3C/svg%3E");
}
.cs-ico-douyin,
.cs-ico-video {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M14 3v2.15A5.5 5.5 0 0018.5 7V9a7.4 7.4 0 01-3.5-.9V14a5 5 0 11-5-5c.35 0 .69.04 1.02.1V11.2A3 3 0 107 14V3h7z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M14 3v2.15A5.5 5.5 0 0018.5 7V9a7.4 7.4 0 01-3.5-.9V14a5 5 0 11-5-5c.35 0 .69.04 1.02.1V11.2A3 3 0 107 14V3h7z'/%3E%3C/svg%3E");
}
.cs-ico-weibo {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9.8 16.6c-2.6.2-4.8-1.1-4.9-2.9-.1-1.8 2-3.4 4.6-3.6 2.6-.2 4.8 1.1 4.9 2.9.1 1.8-2 3.4-4.6 3.6zm8.1-5.8c-.3-.1-.5 0-.6.1-.1.2 0 .4.1.6.7 1 .8 1.9.3 2.5-.5.6-1.5.9-2.7.7-.2 0-.4.1-.4.3 0 .2.1.4.3.4 1.6.3 3 .0 3.8-.9.8-1 .7-2.3-.1-3.7zm1.9-1.4c-.1-.1-.4-.1-.5.1-.1.2 0 .4.1.5 1.2 1.7 1.3 3.3.4 4.4-1.1 1.3-3.1 1.7-5.1 1.2-.2 0-.4.1-.5.3-.1.2.1.4.3.5 2.4.6 4.9.1 6.3-1.6 1.2-1.5 1.1-3.5-.3-5.4-.1-.1-.3-.1-.4 0zM10 11.2c-1.8.2-3.2 1.3-3.1 2.6.1 1.3 1.6 2.2 3.4 2.1 1.8-.1 3.2-1.3 3.1-2.6-.1-1.3-1.6-2.2-3.4-2.1zm-.4 3.3c-.6.1-1.1-.2-1.2-.7-.1-.5.3-1 1-.1.6-.1 1.1.2 1.2.7.1.5-.3 1-1 .1zm1.3-1.4c-.2.1-.4 0-.5-.2-.1-.2 0-.4.2-.5.2-.1.4 0 .5.2.1.2 0 .4-.2.5z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9.8 16.6c-2.6.2-4.8-1.1-4.9-2.9-.1-1.8 2-3.4 4.6-3.6 2.6-.2 4.8 1.1 4.9 2.9.1 1.8-2 3.4-4.6 3.6zm8.1-5.8c-.3-.1-.5 0-.6.1-.1.2 0 .4.1.6.7 1 .8 1.9.3 2.5-.5.6-1.5.9-2.7.7-.2 0-.4.1-.4.3 0 .2.1.4.3.4 1.6.3 3 .0 3.8-.9.8-1 .7-2.3-.1-3.7zm1.9-1.4c-.1-.1-.4-.1-.5.1-.1.2 0 .4.1.5 1.2 1.7 1.3 3.3.4 4.4-1.1 1.3-3.1 1.7-5.1 1.2-.2 0-.4.1-.5.3-.1.2.1.4.3.5 2.4.6 4.9.1 6.3-1.6 1.2-1.5 1.1-3.5-.3-5.4-.1-.1-.3-.1-.4 0zM10 11.2c-1.8.2-3.2 1.3-3.1 2.6.1 1.3 1.6 2.2 3.4 2.1 1.8-.1 3.2-1.3 3.1-2.6-.1-1.3-1.6-2.2-3.4-2.1zm-.4 3.3c-.6.1-1.1-.2-1.2-.7-.1-.5.3-1 1-.1.6-.1 1.1.2 1.2.7.1.5-.3 1-1 .1zm1.3-1.4c-.2.1-.4 0-.5-.2-.1-.2 0-.4.2-.5.2-.1.4 0 .5.2.1.2 0 .4-.2.5z'/%3E%3C/svg%3E");
}
.cs-ico-qq {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2C8.7 2 6.5 5.1 6.5 8.2c0 1.5.5 2.9 1.3 4-.9.4-2.1 1.4-2.3 2.8-.1.7.2 1.4.8 1.7.5.3 1.1.2 1.5-.1.2.8.6 1.5 1.2 2.1-.7.3-1.2.9-1.2 1.6 0 .9.9 1.6 2.3 1.6 1.1 0 2.1-.4 2.9-.4s1.8.4 2.9.4c1.4 0 2.3-.7 2.3-1.6 0-.7-.5-1.3-1.2-1.6.6-.6 1-1.3 1.2-2.1.4.3 1 .4 1.5.1.6-.3.9-1 .8-1.7-.2-1.4-1.4-2.4-2.3-2.8.8-1.1 1.3-2.5 1.3-4C17.5 5.1 15.3 2 12 2z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2C8.7 2 6.5 5.1 6.5 8.2c0 1.5.5 2.9 1.3 4-.9.4-2.1 1.4-2.3 2.8-.1.7.2 1.4.8 1.7.5.3 1.1.2 1.5-.1.2.8.6 1.5 1.2 2.1-.7.3-1.2.9-1.2 1.6 0 .9.9 1.6 2.3 1.6 1.1 0 2.1-.4 2.9-.4s1.8.4 2.9.4c1.4 0 2.3-.7 2.3-1.6 0-.7-.5-1.3-1.2-1.6.6-.6 1-1.3 1.2-2.1.4.3 1 .4 1.5.1.6-.3.9-1 .8-1.7-.2-1.4-1.4-2.4-2.3-2.8.8-1.1 1.3-2.5 1.3-4C17.5 5.1 15.3 2 12 2z'/%3E%3C/svg%3E");
}
.cs-ico-facebook {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M14 9h3V6h-3c-1.7 0-3 1.3-3 3v2H8v3h3v7h3v-7h3l1-3h-4V9c0-.6.4-1 1-1z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M14 9h3V6h-3c-1.7 0-3 1.3-3 3v2H8v3h3v7h3v-7h3l1-3h-4V9c0-.6.4-1 1-1z'/%3E%3C/svg%3E");
}
.cs-ico-xiaohongshu {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 4h10a2 2 0 012 2v12a2 2 0 01-2 2H7a2 2 0 01-2-2V6a2 2 0 012-2zm2.2 4.2v2.1h1.5V8.2H9.2zm4.1 0v2.1h1.5V8.2h-1.5zM8.5 11.5c0 2.1 1.5 3.8 3.5 3.8s3.5-1.7 3.5-3.8h-1.4c0 1.3-.9 2.3-2.1 2.3s-2.1-1-2.1-2.3H8.5z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 4h10a2 2 0 012 2v12a2 2 0 01-2 2H7a2 2 0 01-2-2V6a2 2 0 012-2zm2.2 4.2v2.1h1.5V8.2H9.2zm4.1 0v2.1h1.5V8.2h-1.5zM8.5 11.5c0 2.1 1.5 3.8 3.5 3.8s3.5-1.7 3.5-3.8h-1.4c0 1.3-.9 2.3-2.1 2.3s-2.1-1-2.1-2.3H8.5z'/%3E%3C/svg%3E");
}
.cs-ico-twitter,
.cs-ico-whatsapp {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M18.2 3H21l-6.5 7.4L22 21h-5.5l-4.3-5.6L7 21H4.2l7-8L2.5 3H8l3.9 5.2L18.2 3zm-1 16.2h1.5L7 4.7H5.4l11.8 14.5z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M18.2 3H21l-6.5 7.4L22 21h-5.5l-4.3-5.6L7 21H4.2l7-8L2.5 3H8l3.9 5.2L18.2 3zm-1 16.2h1.5L7 4.7H5.4l11.8 14.5z'/%3E%3C/svg%3E");
}
.cs-b-row {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	align-items: stretch;
}
.cs-b-card {
	background: #fff;
	border: 1px solid #e8eaef;
	padding: 20px 16px 18px;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	min-height: 340px;
	box-sizing: border-box;
}
.cs-b-brand {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 14px;
	min-height: 36px;
}
.cs-b-brand-ico {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.cs-b-brand-ico .cs-ico {
	width: 18px;
	height: 18px;
	background-color: #fff;
}
.cs-b-brand-name {
	font-size: 15px;
	font-weight: 700;
	color: #222;
	line-height: 1.3;
}
.cs-b-media {
	width: 148px;
	height: 148px;
	margin: 0 auto 14px;
	background: #fafafa;
	border: 1px solid #eee;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	flex-shrink: 0;
}
.cs-b-media img,
.cs-b-media svg {
	max-width: 100%;
	max-height: 100%;
	display: block;
}
.cs-b-media-brand {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.cs-b-media-brand .cs-ico {
	width: 34px;
	height: 34px;
	background-color: #fff;
}
.cs-b-meta {
	text-align: center;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.cs-b-account {
	margin: 0;
	font-size: 13px;
	color: #555;
}
.cs-b-tip {
	display: block;
	font-style: normal;
	font-size: 12px;
	color: #999;
	line-height: 1.5;
}
.cs-b-action {
	margin-top: 14px;
	min-height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.cs-b-cta {
	display: inline-block;
	padding: 8px 18px;
	font-size: 13px;
	color: #ffffff;
	background: #003366;
	border: none;
	border-radius: 3px;
	line-height: 1.4;
	text-decoration: none;
	box-sizing: border-box;
	min-width: 120px;
	text-align: center;
}
a.cs-b-cta:hover {
	background: #012e4d;
	color: #ffffff;
}
.cs-b-cta-mute {
	background: #e8eaef;
	color: #888;
	cursor: default;
}
@media (max-width: 900px) {
	.cs-b-row {
		grid-template-columns: 1fr;
	}
}