@font-face {
  font-family: "L";
  src: url("../font/xiti.woff2") format("woff2"),
  url("../font/xiti.woff") format("woff");
  font-weight: normal;
  font-style: normal; 
  font-display: swap;
}
@font-face {
  font-family: "N";
  src: url("../font/zhongcu.woff2") format("woff2"),
  url("../font/zhongcu.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "B";
  src: url("../font/cuti.woff2") format("woff2"),
  url("../font/cuti.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "st";
  src: url("../font/songti.woff2") format("woff2"),
  url("../font/songti.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
*{margin: 0;padding: 0;list-style: none; font-family:L !important;}
html {font-size:100%; scroll-behavior: smooth; scroll-timeline: smooth-scroll block;}
i, em, cite, dfn, address, var {font-style: normal !important;}
/** 重置表格元素 **/
table, form, fieldset, legend, button, input, textarea, th, td { border-collapse: collapse; border-spacing: 0; margin: 0;padding: 0; font-family: Arial, sans-serif !important;}
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0; font-family:L;}
body {background:#fff; font-family:L; color:#000; scroll-behavior: smooth; scroll-snap-type: none;}
em{font-style:normal}
li{list-style:none}
img {transition: all 0.3s linear 0s;}
img:hover {transition: all 0.3s linear 0s;}
a {color:#333; transition: all 0.3s linear 0s !important; text-decoration:none !important;}
a:hover {color:#004189; transition: all 0.3s linear 0s !important;}
input,textarea {background:none; border-radius:0 !important; outline:none;}
select {outline:0 !important; appearance:none !important; background:none; -webkit-appearance:none !important;}
textarea,button {background:none}
select::-ms-expand {display: none;}
legend {color: #000;}
fieldset, img {border: 0;}
dl {margin:0px !important; padding:0px !important;}
ul, ol { list-style: none; }
address, cite, dfn, em, var { font-style: normal; }
/*不换行对齐方式*/
.Left {display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.Center {display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center;}
.Right {display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-end; align-items:center; align-content:center;}
.Justify {display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:center;}

/*换行对齐方式*/
.Left_h {display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.Center_h {display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.Right_h {display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:center; align-content:center;}
.Justify_h {display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}

main {width:100%;}

/* ========== PC 电脑（≥1024px） ========== */
header.top {width:100%; height:clamp(70px,calc(100 / 2560 * 100vw),100px); border-bottom:rgba(255 255 255 / 30%) solid 1px; position:fixed; top:0px; left:0px; z-index:99999999; transition: all 0.2s linear 0s}
header.top div.m {width:80%; height:clamp(70px,calc(100 / 2560 * 100vw),100px); margin:0px auto; min-width:1200px; display:grid; display: -webkit-grid; grid-template-columns:15% 71% 10%; gap: 2%;}
header.top div.m div.logo {width:auto;}
header.top div.m div.logo a {width:100%; overflow:hidden; height:clamp(70px,calc(100 / 2560 * 100vw),100px); display:block; text-align:left; font-size:clamp(180px,calc(200 / 2560 * 100vw),200px); color:#fff; line-height:clamp(70px,calc(100 / 2560 * 100vw),100px) !important;}
header.top div.m div.logo a::before {line-height:clamp(96px,calc(120 / 2560 * 100vw),120px) !important; display:block}
header.top div.m nav {width:auto}
header.top div.m nav ul {width:100%;}
header.top div.m nav ul li {width:auto; height:clamp(70px,calc(100 / 2560 * 100vw),100px); padding-left:2%; padding-right:2%;}
header.top div.m nav ul li a {width:100%; overflow:hidden; height:clamp(70px,calc(100 / 2560 * 100vw),100px); text-align:center; line-height:clamp(70px,calc(100 / 2560 * 100vw),100px); font-size:clamp(16px,calc(18 / 2560 * 100vw),18px); color:#FFF; display:block; font-family:L !important; position:relative; transition: all 0.2s linear 0s; padding-left:2px; padding-right:2px;}
header.top div.m nav ul li a span {width:auto; height:clamp(70px,calc(100 / 2560 * 100vw),100px); line-height:clamp(70px,calc(100 / 2560 * 100vw),100px); position:relative; z-index:2}
header.top div.m nav ul li a i {
	width: 0%;
	overflow: hidden;
	height: 14px;
	border-radius: 3px;
	z-index: 1;
	position: absolute;
	left: 50%;
	margin-left: 0%;
	bottom: 50%;
	margin-bottom: -15px;
	/* [disabled]background:#0e3b75; */
	transition: all 0.2s linear 0s
}
header.top div.m nav ul li a:hover {width:100%; overflow:hidden; height:clamp(70px,calc(100 / 2560 * 100vw),100px); text-align:center; line-height:clamp(70px,calc(100 / 2560 * 100vw),100px); font-size:clamp(16px,calc(18 / 2560 * 100vw),18px); color:#FFF; display:block; font-family:L !important; position:relative; transition: all 0.2s linear 0s; padding-left:2px; padding-right:2px;}
header.top div.m nav ul li a:hover span {width:auto; height:clamp(70px,calc(100 / 2560 * 100vw),100px); line-height:clamp(70px,calc(100 / 2560 * 100vw),100px); position:relative; z-index:2}
header.top div.m nav ul li a:hover i {width:100%; overflow:hidden; height:14px; border-radius:3px; z-index:1; position:absolute; left:50%; margin-left:-50%; bottom:50%; margin-bottom:-15px; background:#001b4c; transition: all 0.2s linear 0s}

header.top div.m nav ul li a.ahover {width:100%; overflow:hidden; height:clamp(70px,calc(100 / 2560 * 100vw),100px); text-align:center; line-height:clamp(70px,calc(100 / 2560 * 100vw),100px); font-size:clamp(16px,calc(18 / 2560 * 100vw),18px); color:#FFF; display:block; font-family:L !important; position:relative; transition: all 0.2s linear 0s; padding-left:2px; padding-right:2px;}
header.top div.m nav ul li a.ahover span {width:auto; height:clamp(70px,calc(100 / 2560 * 100vw),100px); line-height:clamp(70px,calc(100 / 2560 * 100vw),100px); position:relative; z-index:2}
header.top div.m nav ul li a.ahover i {width:100%; overflow:hidden; height:10px; border-radius:3px; z-index:1; position:absolute; left:50%; margin-left:-50%; bottom:50%; margin-bottom:-15px; background:#001b4c; transition: all 0.2s linear 0s}


header.top div.m nav ul li div.zcd {width:100%; overflow:hidden; height:0px; background:#0e3b75; position:absolute; left:0px; top:clamp(70px,5calc(100 / 2560 * 100vw),100px); z-index:9999; transition: all 0.3s linear 0s}
header.top div.m nav ul li div.zcd a.z {width:auto; overflow:hidden; height:clamp(40px,calc(60 / 2560 * 100vw),60px); text-align:center; padding-left:1%; padding-right:1%; display:block; line-height:clamp(40px,calc(60 / 2560 * 100vw),60px); font-size:clamp(12px,calc(14 / 2560 * 100vw),14px); color:#d2ad77}
header.top div.m nav ul li div.zcd a.z:hover {width:auto; overflow:hidden; height:clamp(40px,calc(60 / 2560 * 100vw),60px); text-align:center; padding-left:1%; padding-right:1%; display:block; line-height:clamp(40px,calc(60 / 2560 * 100vw),60px); font-size:clamp(12px,calc(14 / 2560 * 100vw),14px); color:#fff}

header.top div.m nav ul li:hover div.zcd {width:100%; overflow:hidden; height:clamp(40px,calc(60 / 2560 * 100vw),60px); background:#0e3b75; position:absolute; left:0px; top:clamp(70px,calc(100 / 2560 * 100vw),100px); z-index:9999; transition: all 0.3s linear 0s}
header.top div.m nav ul li:hover div.zcd a.z {width:auto; overflow:hidden; height:clamp(40px,calc(60 / 2560 * 100vw),60px); text-align:center; padding-left:1%; padding-right:1%; display:block; line-height:clamp(40px,calc(60 / 2560 * 100vw),60px); font-size:clamp(12px,calc(14 / 2560 * 100vw),14px); color:#d2ad77}
header.top div.m nav ul li:hover div.zcd a.z:hover {width:auto; overflow:hidden; height:clamp(40px,3.125vw,60px); text-align:center; padding-left:1%; padding-right:1%; display:block; line-height:clamp(40px,3.125vw,60px); font-size:clamp(12px,calc(14 / 2560 * 100vw),14px); color:#fff}

header.top div.m div.contact {width:auto}
header.top div.m div.contact a {width:auto; padding-left:10%; height:clamp(70px,calc(100 / 2560 * 100vw),100px); display:block; line-height:clamp(70px,calc(100 / 2560 * 100vw),100px); color:#FFF; font-size:clamp(26px,calc(30 / 2560 * 100vw),30px); position:relative}
header.top div.m div.contact a p {width:100px; overflow:hidden; height:0px; background:#fff; display:block; position:absolute; top:clamp(70px,calc(100 / 2560 * 100vw),100px); left:50%; margin-left:-40px; transition: all 0.2s linear 0s}
header.top div.m div.contact a p img {width:100%; overflow:hidden; height:100%; display:block}
header.top div.m div.contact a:hover {width:auto; padding-left:10%; height:clamp(70px,calc(100 / 2560 * 100vw),100px); display:block; line-height:clamp(70px,calc(100 / 2560 * 100vw),100px); color:#d2ad77; font-size:clamp(26px,calc(30 / 2560 * 100vw),30px)}
header.top div.m div.contact a:hover p {width:100px; overflow:hidden; height:100px; background:#0e3b75; display:block; position:absolute; top:clamp(70px,calc(100 / 2560 * 100vw),100px); left:50%; margin-left:-40px; transition: all 0.2s linear 0s}
header.top div.m div.contact a:hover p img {width:100%; overflow:hidden; height:100%; display:block}



header.top_h {width:100%; height:clamp(70px,calc(100 / 2560 * 100vw),100px); border-bottom: rgba(0 0 0 / 10%) solid 1px;; position:fixed; top:0px; left:0px; z-index:99999999; transition: all 0.2s linear 0s; background:#fff}
header.top_h div.m {width:80%; height:clamp(70px,calc(100 / 2560 * 100vw),100px); margin:0px auto; min-width:1200px; display:grid; display: -webkit-grid; grid-template-columns:15% 71% 10%; gap: 2%;}
header.top_h div.m div.logo {width:auto;}
header.top_h div.m div.logo a {width:100%; overflow:hidden; height:clamp(70px,calc(100 / 2560 * 100vw),100px); display:block; text-align:left; font-size:clamp(180px,calc(200 / 2560 * 100vw),200px); color:#0e3b75; line-height:clamp(70px,calc(100 / 2560 * 100vw),100px) !important;}
header.top_h div.m div.logo a::before {line-height:clamp(96px,calc(120 / 2560 * 100vw),120px) !important; display:block}


header.top_h div.m nav {width:auto}
header.top_h div.m nav ul {width:100%;}
header.top_h div.m nav ul li {width:auto; height:clamp(70px,calc(100 / 2560 * 100vw),100px); padding-left:2%; padding-right:2%;}
header.top_h div.m nav ul li a {width:100%; overflow:hidden; height:clamp(70px,calc(100 / 2560 * 100vw),100px); text-align:center; line-height:clamp(70px,calc(100 / 2560 * 100vw),100px); font-size:clamp(16px,calc(18 / 2560 * 100vw),18px); color:#333; display:block; font-family:L !important; position:relative; transition: all 0.2s linear 0s; padding-left:2px; padding-right:2px;}
header.top_h div.m nav ul li a span {width:auto; height:clamp(70px,calc(100 / 2560 * 100vw),100px); line-height:clamp(70px,calc(100 / 2560 * 100vw),100px); position:relative; z-index:2}
header.top_h div.m nav ul li a i {width:0%; overflow:hidden; height:14px; border-radius:3px; z-index:1; position:absolute; left:50%; margin-left:0%; bottom:50%; margin-bottom:-15px; background:#a7c4eb; transition: all 0.2s linear 0s}
header.top_h div.m nav ul li a:hover {width:100%; overflow:hidden; height:clamp(70px,calc(100 / 2560 * 100vw),100px); text-align:center; line-height:clamp(70px,calc(100 / 2560 * 100vw),100px); font-size:(16px,calc(18 / 2560 * 100vw),18px); color:#333; display:block; font-family:L !important; position:relative; transition: all 0.2s linear 0s; padding-left:2px; padding-right:2px;}
header.top_h div.m nav ul li a:hover span {width:auto; height:clamp(70px,calc(100 / 2560 * 100vw),100px); line-height:clamp(70px,calc(100 / 2560 * 100vw),100px); position:relative; z-index:2}
header.top_h div.m nav ul li a:hover i {width:100%; overflow:hidden; height:14px; border-radius:3px; z-index:1; position:absolute; left:50%; margin-left:-50%; bottom:50%; margin-bottom:-15px; background:#a7c4eb; transition: all 0.2s linear 0s}

header.top_h div.m nav ul li a.ahover {width:100%; overflow:hidden; height:clamp(70px,calc(100 / 2560 * 100vw),100px); text-align:center; line-height:clamp(70px,calc(100 / 2560 * 100vw),100px); font-size:clamp(16px,calc(18 / 2560 * 100vw),18px); color:#333; display:block; font-family:L !important; position:relative; transition: all 0.2s linear 0s; padding-left:2px; padding-right:2px;}
header.top_h div.m nav ul li a.ahover span {width:auto; height:clamp(70px,calc(100 / 2560 * 100vw),100px); line-height:clamp(70px,calc(100 / 2560 * 100vw),100px); position:relative; z-index:2}
header.top_h div.m nav ul li a.ahover i {width:100%; overflow:hidden; height:14px; border-radius:3px; z-index:1; position:absolute; left:50%; margin-left:-50%; bottom:50%; margin-bottom:-15px; background:#a7c4eb; transition: all 0.2s linear 0s}


header.top_h div.m nav ul li div.zcd {width:100%; overflow:hidden; height:0px; background:#0e3b75; position:absolute; left:0px; top:clamp(70px,calc(100 / 2560 * 100vw),100px); z-index:9999; transition: all 0.3s linear 0s}
header.top_h div.m nav ul li div.zcd a.z {width:auto; overflow:hidden; height:clamp(40px,calc(60 / 2560 * 100vw),60px); text-align:center; padding-left:1%; padding-right:1%; display:block; line-height:clamp(40px,calc(60 / 2560 * 100vw),60px); font-size:clamp(12px,calc(14 / 2560 * 100vw),14px); color:#d2ad77}
header.top_h div.m nav ul li div.zcd a.z:hover {width:auto; overflow:hidden; height:clamp(40px,calc(60 / 2560 * 100vw),60px); text-align:center; padding-left:1%; padding-right:1%; display:block; line-height:clamp(40px,calc(60 / 2560 * 100vw),60px); font-size:clamp(12px,calc(14 / 2560 * 100vw),14px); color:#fff}

header.top_h div.m nav ul li:hover div.zcd {width:100%; overflow:hidden; height:clamp(40px,calc(60 / 2560 * 100vw),60px); background:#0e3b75; position:absolute; left:0px; top:clamp(70px,calc(100 / 2560 * 100vw),100px); z-index:9999; transition: all 0.3s linear 0s}
header.top_h div.m nav ul li:hover div.zcd a.z {width:auto; overflow:hidden; height:clamp(40px,calc(60 / 2560 * 100vw),60px); text-align:center; padding-left:1%; padding-right:1%; display:block; line-height:clamp(40px,calc(60 / 2560 * 100vw),60px); font-size:clamp(12px,calc(14 / 2560 * 100vw),14px); color:#d2ad77}
header.top_h div.m nav ul li:hover div.zcd a.z:hover {width:auto; overflow:hidden; height:clamp(40px,calc(60 / 2560 * 100vw),60px); text-align:center; padding-left:1%; padding-right:1%; display:block; line-height:clamp(40px,calc(60 / 2560 * 100vw),60px); font-size:clamp(12px,calc(14 / 2560 * 100vw),14px); color:#fff}

header.top_h div.m div.contact {width:auto}
header.top_h div.m div.contact a {width:auto; padding-left:10%; height:clamp(70px,calc(100 / 2560 * 100vw),100px); display:block; line-height:clamp(70px,calc(100 / 2560 * 100vw),100px); color:#0e3b75; font-size:clamp(26px,calc(30 / 2560 * 100vw),30px); position:relative}
header.top_h div.m div.contact a p {width:100px; overflow:hidden; height:0px; background:#fff; display:block; position:absolute; top:clamp(70px,calc(100 / 2560 * 100vw),100px); left:50%; margin-left:-40px; transition: all 0.2s linear 0s}
header.top_h div.m div.contact a p img {width:100%; overflow:hidden; height:100%; display:block}
header.top_h div.m div.contact a:hover {width:auto; padding-left:10%; height:clamp(70px,calc(100 / 2560 * 100vw),100px); display:block; line-height:clamp(70px,calc(100 / 2560 * 100vw),100px); color:#0e3b75; font-size:clamp(26px,calc(30 / 2560 * 100vw),30px)}
header.top_h div.m div.contact a:hover p {width:100px; overflow:hidden; height:100px; background:#0e3b75; display:block; position:absolute; top:clamp(70px,calc(100 / 2560 * 100vw),100px); left:50%; margin-left:-40px; transition: all 0.2s linear 0s}
header.top_h div.m div.contact a:hover p img {width:100%; overflow:hidden; height:100%; display:block}



header.top_k {width:100%; height:clamp(50px,calc(80 / 2560 * 100vw),80px); border-bottom:#ddd solid 1px; background:#fff; position:fixed; top:0px; left:0px; z-index:99999; transition: all 0.2s linear 0s}
header.top_k div.m {width:80%; height:clamp(50px,calc(80 / 2560 * 100vw),80px); margin:0px auto; min-width:1200px; display:grid; display: -webkit-grid; grid-template-columns:15% 71% 10%; gap: 2%;}
header.top_k div.m div.logo {width:auto;}
header.top_k div.m div.logo a {width:100%; overflow:hidden; height:clamp(50px,calc(80 / 2560 * 100vw),80px); display:block; text-align:left; font-size:clamp(180px,calc(200 / 2560 * 100vw),200px); color:#0e3b75; line-height:clamp(50px,calc(100 / 2560 * 100vw),80px) !important;}
header.top_k div.m div.logo a::before {line-height:clamp(66px,calc(100 / 2560 * 100vw),100px) !important; display:block}

header.top_k div.m nav {width:auto}
header.top_k div.m nav ul {width:100%;}
header.top_k div.m nav ul li {width:auto; height:clamp(50px,calc(80 / 2560 * 100vw),80px); padding-left:2%; padding-right:2%;}
header.top_k div.m nav ul li a {width:100%; overflow:hidden; height:clamp(50px,calc(80 / 2560 * 100vw),80px); text-align:center; line-height:clamp(50px,calc(80 / 2560 * 100vw),80px); font-size:clamp(16px,calc(18 / 2560 * 100vw),18px); color:#000; display:block; font-family:L !important; position:relative; transition: all 0.2s linear 0s; padding-left:2px; padding-right:2px;}
header.top_k div.m nav ul li a span {width:auto; height:clamp(50px,calc(80 / 2560 * 100vw),80px); line-height:clamp(50px,calc(80 / 2560 * 100vw),80px); position:relative; z-index:2}
header.top_k div.m nav ul li a i {width:0%; overflow:hidden; height:14px; border-radius:3px; z-index:1; position:absolute; left:50%; margin-left:0%; bottom:50%; margin-bottom:-15px; background:#a7c4eb; transition: all 0.2s linear 0s}
header.top_k div.m nav ul li a:hover {width:100%; overflow:hidden; height:clamp(50px,calc(80 / 2560 * 100vw),80px); text-align:center; line-height:clamp(50px,calc(80 / 2560 * 100vw),80px); font-size:clamp(16px,calc(18 / 2560 * 100vw),18px); color:#000; display:block; font-family:L !important; position:relative; transition: all 0.2s linear 0s; padding-left:2px; padding-right:2px;}
header.top_k div.m nav ul li a:hover span {width:auto; height:clamp(50px,calc(80 / 2560 * 100vw),80px); line-height:clamp(50px,calc(80 / 2560 * 100vw),80px); position:relative; z-index:2}
header.top_k div.m nav ul li a:hover i {width:100%; overflow:hidden; height:14px; border-radius:3px; z-index:1; position:absolute; left:50%; margin-left:-50%; bottom:50%; margin-bottom:-15px; background:#a7c4eb; transition: all 0.2s linear 0s}

header.top_k div.m nav ul li a.ahover {width:100%; overflow:hidden; height:clamp(50px,calc(80 / 2560 * 100vw),80px); text-align:center; line-height:clamp(50px,calc(80 / 2560 * 100vw),80px); font-size:clamp(16px,calc(18 / 2560 * 100vw),18px); color:#000; display:block; font-family:L !important; position:relative; transition: all 0.2s linear 0s; padding-left:2px; padding-right:2px;}
header.top_k div.m nav ul li a.ahover span {width:auto; height:clamp(50px,calc(80 / 2560 * 100vw),80px); line-height:clamp(50px,calc(80 / 2560 * 100vw),80px); position:relative; z-index:2}
header.top_k div.m nav ul li a.ahover i {width:100%; overflow:hidden; height:14px; border-radius:3px; z-index:1; position:absolute; left:50%; margin-left:-50%; bottom:50%; margin-bottom:-15px; background:#a7c4eb; transition: all 0.2s linear 0s}


header.top_k div.m nav ul li div.zcd {width:100%; overflow:hidden; height:0px; background:#0e3b75; position:absolute; left:0px; top:clamp(50px,calc(80 / 2560 * 100vw),80px); z-index:9999; transition: all 0.3s linear 0s}
header.top_k div.m nav ul li div.zcd a.z {width:auto; overflow:hidden; height:clamp(40px,calc(60 / 2560 * 100vw),60px); text-align:center; padding-left:1%; padding-right:1%; display:block; line-height:clamp(40px,calc(60 / 2560 * 100vw),60px); font-size:clamp(12px,calc(60 / 2560 * 100vw),14px); color:#d2ad77}
header.top_k div.m nav ul li div.zcd a.z:hover {width:auto; overflow:hidden; height:clamp(40px,calc(60 / 2560 * 100vw),60px); text-align:center; padding-left:1%; padding-right:1%; display:block; line-height:clamp(40px,calc(60 / 2560 * 100vw),60px); font-size:clamp(12px,calc(60 / 2560 * 100vw),14px); color:#fff}

header.top_k div.m nav ul li:hover div.zcd {width:100%; overflow:hidden; height:clamp(40px,calc(60 / 2560 * 100vw),60px); background:#0e3b75; position:absolute; left:0px; top:clamp(50px,calc(80 / 2560 * 100vw),80px); z-index:9999; transition: all 0.3s linear 0s}
header.top_k div.m nav ul li:hover div.zcd a.z {width:auto; overflow:hidden; height:clamp(40px,calc(60 / 2560 * 100vw),60px); text-align:center; padding-left:1%; padding-right:1%; display:block; line-height:clamp(40px,calc(60 / 2560 * 100vw),60px); font-size:clamp(12px,calc(60 / 2560 * 100vw),14px); color:#d2ad77}
header.top_k div.m nav ul li:hover div.zcd a.z:hover {width:auto; overflow:hidden; height:clamp(40px,calc(60 / 2560 * 100vw),60px); text-align:center; padding-left:1%; padding-right:1%; display:block; line-height:clamp(40px,calc(60 / 2560 * 100vw),60px); font-size:clamp(12px,calc(60 / 2560 * 100vw),14px); color:#fff}

header.top_k div.m div.contact {width:auto}
header.top_k div.m div.contact a {width:auto; padding-left:10%; height:clamp(50px,calc(80 / 2560 * 100vw),80px); display:block; line-height:clamp(50px,calc(80 / 2560 * 100vw),80px); color:#0e3b75; font-size:clamp(26px,calc(30 / 2560 * 100vw),30px); position:relative}
header.top_k div.m div.contact a p {width:100px; overflow:hidden; height:0px; background:#fff; display:block; position:absolute; top:clamp(50px,calc(80 / 2560 * 100vw),80px); left:50%; margin-left:-40px; transition: all 0.2s linear 0s}
header.top_k div.m div.contact a p img {width:100%; overflow:hidden; height:100%; display:block}
header.top_k div.m div.contact a:hover {width:auto; padding-left:10%; height:clamp(50px,calc(80 / 2560 * 100vw),80px); display:block; line-height:clamp(50px,calc(80 / 2560 * 100vw),80px); color:#d2ad77; font-size:clamp(26px,calc(30 / 2560 * 100vw),30px)}
header.top_k div.m div.contact a:hover p {width:100px; overflow:hidden; height:100px; background:#0e3b75; display:block; position:absolute; top:clamp(50px,calc(80 / 2560 * 100vw),80px); left:50%; margin-left:-40px; transition: all 0.2s linear 0s}
header.top_k div.m div.contact a:hover p img {width:100%; overflow:hidden; height:100%; display:block}
.header {display:none}


/*banner*/
.swiper {width:100%; height:auto; overflow:hidden; position:relative}
.swiper div.swiper-wrapper {width:100%;}
.swiper div.swiper-wrapper div.swiper-slide {width:100%;}
.swiper div.swiper-wrapper div.swiper-slide a {width:100%; overflow:hidden; display:block; position:relative}
.swiper div.swiper-wrapper div.swiper-slide a img {width:100%; overflow:hidden; height:auto; display:block; position:relative; z-index:1}
.swiper div.swiper-wrapper div.swiper-slide a i {width:100%; overflow:hidden; height:300px; background:url(../images/jbtm.png) top repeat-x; position:absolute; top:0px; left:0px; z-index:2; display:block}

.swiper div.swiper-pagination {bottom:5% !important}
.swiper div.swiper-pagination span.swiper-pagination-bullet {background:#fff; opacity:1 !important}
.swiper div.swiper-pagination span.swiper-pagination-bullet-active {background:#0e3b75;}




/*产品激活*/
.productact {width:100%; overflow:hidden; height:100vh; background:url(../images/jihuobg.jpg) center no-repeat; background-size:cover}
.productact div.m {width:70%; overflow:hidden; margin:0px auto; max-width:1200px; background:#fff; border-radius:20px;}
.productact div.m div.sub {width:auto; overflow:hidden; padding:5%; display:block}
.productact div.m div.sub h1 {width:100%; overflow:hidden; text-align:center; font-size:clamp(20px,calc(26 / 2560 * 100vw),26px); line-height:clamp(30px,calc(40 / 2560 * 100vw),40px);  color:#c2914b}
.productact div.m div.sub h2 {width:100%; overflow:hidden; text-align:center; font-size:clamp(16px,calc(24 / 2560 * 100vw),24px); line-height:clamp(30px,calc(40 / 2560 * 100vw),40px);  color:#333; margin-top:1%}
.productact div.m div.sub i {width:1px; overflow:hidden; height:40px; background:#c2914b; display:block; margin:0px auto; margin-top:1%}
.productact div.m div.sub p {width:66%; overflow:hidden; display:block; margin:0px auto; color:#333; font-size:clamp(14px,calc(16 / 2560 * 100vw),16px); line-height:clamp(20px,calc(26 / 2560 * 100vw),26px); margin-top:1%; text-align:center}
.productact div.m div.sub p a { text-decoration:underline !important; color:#0e3b75}
.productact div.m div.sub div.log {width:90%; margin:0px auto; margin-top:3%; margin-bottom:5%}
.productact div.m div.sub div.log a.zl {width:400px; overflow:hidden; margin:0px auto; height:50px; line-height:50px; border:0px; border-radius:10px; background:#0e3b75; text-align:center; color:#FFF; font-size:clamp(15px,calc(17 / 2560 * 100vw),17px); cursor:pointer; transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1); display:flex !important; display: -webkit-flex !important; flex-direction:row !important; flex-wrap:nowrap !important; justify-content:center !important; align-items:center; align-content:center !important;}
.productact div.m div.sub div.log a.zl em {width:auto; overflow:hidden; margin:0px auto; font-size:clamp(16px,calc(20 / 2560 * 100vw),20px); line-height:60px; display:inline-block; transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1); margin:0px !important; padding:0px !important; margin-left:5px;}

.productact div.m div.sub div.log form {width:100%; display:grid; display: -webkit-grid; grid-template-columns:40% 40% 20%; gap: 1%;}
.productact div.m div.sub div.log form input {width:auto; overflow:hidden; height:50px; line-height:50px; text-align:left; border:1px solid #ddd; border-radius:10px !important; padding-left:2%; padding-right:2%; color:#666; font-size:clamp(15px,calc(17 / 2560 * 100vw),17px); font-family: Arial, sans-serif !important;}
.productact div.m div.sub div.log form button {width:100%; overflow:hidden; height:50px; line-height:50px; border:0px; border-radius:10px; background:#0e3b75; text-align:center; color:#FFF; font-size:clamp(15px,calc(17 / 2560 * 100vw),17px); cursor:pointer; transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);}
.productact div.m div.sub div.log form button em {width:auto; overflow:hidden; font-size:clamp(16px,calc(20 / 2560 * 100vw),20px); margin-left:5px; line-height:60px; display:block; transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);}

.productact div.m div.sub div.log form button:hover {width:100%; overflow:hidden; height:50px; line-height:50px; border:0px; border-radius:10px; background:#0e3b75; text-align:center; color:#FFF; font-size:clamp(15px,calc(17 / 2560 * 100vw),17px); cursor:pointer; transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);}
.productact div.m div.sub div.log form button:hover em {width:auto; overflow:hidden; font-size:clamp(16px,calc(20 / 2560 * 100vw),20px); margin-left:10px; line-height:60px; display:block; transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);}


.productact div.m div.sub div.log form.fwcx {width:100%; display:grid; display: -webkit-grid; grid-template-columns:70% 30%; gap: 1%;}
.productact div.m div.sub div.log form.fwcx input {width:auto; overflow:hidden; height:50px; line-height:50px; text-align:left; border:1px solid #ddd; border-radius:10px !important; padding-left:2%; padding-right:2%; color:#666; font-size:clamp(15px,calc(17 / 2560 * 100vw),17px); font-family: Arial, sans-serif !important;}
.productact div.m div.sub div.log form.fwcx button {width:100%; overflow:hidden; height:50px; line-height:50px; border:0px; border-radius:10px; background:#0e3b75; text-align:center; color:#FFF; font-size:clamp(15px,calc(17 / 2560 * 100vw),17px); cursor:pointer; transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);}
.productact div.m div.sub div.log form.fwcx button em {width:auto; overflow:hidden; font-size:clamp(16px,calc(20 / 2560 * 100vw),20px); margin-left:5px; line-height:60px; display:block; transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);}

.productact div.m div.sub div.log form.fwcx button:hover {width:100%; overflow:hidden; height:50px; line-height:50px; border:0px; border-radius:10px; background:#0e3b75; text-align:center; color:#FFF; font-size:clamp(15px,calc(17 / 2560 * 100vw),17px); cursor:pointer; transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);}
.productact div.m div.sub div.log form.fwcx button:hover em {width:auto; overflow:hidden; font-size:clamp(16px,calc(20 / 2560 * 100vw),20px); margin-left:10px; line-height:60px; display:block; transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);}


.search_cx {width:80%; overflow:hidden; min-width:1200px; margin:0px auto; margin-top:7%; margin-bottom:6%;}
.search_cx h1 {width:100%; overflow:hidden; text-align:center; font-size:clamp(20px,calc(26 / 2560 * 100vw),26px); line-height:clamp(30px,calc(40 / 2560 * 100vw),40px);  color:#c2914b}
.search_cx h2 {width:100%; overflow:hidden; text-align:center; font-size:clamp(16px,calc(24 / 2560 * 100vw),24px); line-height:clamp(30px,calc(40 / 2560 * 100vw),40px);  color:#333; margin-top:1%}
.search_cx i {width:1px; overflow:hidden; height:40px; background:#c2914b; display:block; margin:0px auto; margin-top:1%}
.search_cx strong {width:66%; overflow:hidden; display:block; margin:0px auto; color:#333; font-size:clamp(14px,calc(16 / 2560 * 100vw),16px); line-height:clamp(20px,calc(26 / 2560 * 100vw),26px); margin-top:1%; text-align:center; font-weight:normal}

.search_cx form {width:60%; margin:0px auto; margin-top:3%}
.search_cx form dl {width:100%; overflow:hidden; height:auto; margin:0px auto}
.search_cx form dl dd {width:100%; overflow:hidden; height:auto; padding-bottom:10px; position:relative}
.search_cx form dl dd input {width:96%; overflow:hidden; height:50px; border:0px; background:#eee; text-align:left; line-height:50px; font-size:14px; color:#666; padding-left:2%; padding-right:2%; display:block; border-radius:6px;}
.search_cx form dl dd input:hover {width:96%; overflow:hidden; height:50px; border:0px; background:#ddd; text-align:left; line-height:50px; font-size:14px; color:#666; padding-left:2%; padding-right:2%; display:block; border-radius:6px;}

.search_cx form dl dd div.formControls {width:96%; overflow:hidden; height:50px; border:0px; background:#eee; text-align:left; line-height:50px; font-size:14px; color:#666; padding-left:2%; padding-right:2%; display:block; border-radius:6px;}
.search_cx form dl dd div.formControls input {margin:0px !important; padding:0px !important; height:auto !important; margin-top:-10px !important}
.search_cx form dl dd label.sex,jh_hunyin,jh_shengyu {width:auto; overflow:hidden; line-height:50px; float:left; position:absolute; z-index:99; top:0px; left:2%; color:#999}
.search_cx form dl dd div.webuploader-container {width:80px !important; overflow:hidden !important; height:30px !important; padding:0px !important; margin:0px !important; text-align:center !important; line-height:30px !important; border-radius:0px !important; position:absolute !important; top:10px !important; right:2% !important; z-index:99 !important}
.search_cx form dl dd div.webuploader-container div.webuploader-pick {padding:0px !important; margin:0px !important; padding-left:15px !important; padding-right:15px !important;}
.search_cx form dl dd p {width:auto; overflow:hidden; display:block; float:left; line-height:50px; color:#666; padding-left:2%;}
.search_cx form dl dd b {width:auto; overflow:hidden; display:block; float:left;}
.search_cx form dl dd b input.sex,.jh_hunyin,.jh_shengyu {width:20px !important; overflow:hidden !important; height:20px !important; margin-top:15px;}
.search_cx form dl dd span {width:auto; overflow:hidden; display:block; float:left; line-height:50px; padding-left:10px; padding-right:15px;}

.search_cx form dl dd textarea.jh_xiangxidizhi {width:96%; overflow:hidden; height:100px; border:0px; background:#eee; text-align:left; line-height:50px; font-size:14px; color:#666; padding-left:2%; padding-right:2%; display:block; border-radius:6px;}

.search_cx form dl dt {width:100%; overflow:hidden; height:50px; padding-bottom:10px;}
.search_cx form dl dt input {width:100%; overflow:hidden; height:50px; border:0px; background:#04336f; text-align:center; line-height:50px; font-size:18px; color:#fff; display:block; border-radius:6px; font-weight:bold}
.search_cx form dl dt input:hover {width:100%; overflow:hidden; height:50px; border:0px; background:#022046; text-align:center; line-height:50px; font-size:18px; color:#fff; display:block; border-radius:6px; cursor:pointer; font-weight:bold}


/*个人信息*/
.usercenter {width:70%; margin:0px auto; min-height:100vh; min-width:1200px; background:#fff; padding-top:clamp(70px,calc(100 / 2560 * 100vw),100px); margin-bottom:5%}
.usercenter h1 {width:100%; overflow:hidden; text-align:center; font-family:st !important; font-size:clamp(16px,calc(24 / 2560 * 100vw),24px); line-height:clamp(20px,calc(30 / 2560 * 100vw),30px); color:#0e3b75; font-weight:normal; margin-top:5%}
.usercenter h1 span {width:100%; overflow:hidden; text-align:center; font-size:clamp(14px,calc(20 / 2560 * 100vw),20px); color:#333; display:inline-block}
.usercenter div.sub {width:100%; display:grid; display: -webkit-grid; grid-template-columns:20% 80%; gap: 2%; margin-top:5%}
.usercenter div.sub div.l {width:auto; overflow:hidden; background:#f8f3f7; border-radius:8px; box-shadow: 0 10px 36px 2px rgba(177,104,162,0.05); padding:10%}
.usercenter div.sub div.l div.tx {width:100%; overflow:hidden;}
.usercenter div.sub div.l div.tx i {width:100%; overflow:hidden; height:auto; display:block; border-radius:100px;}
.usercenter div.sub div.l div.tx i img {width:100%; overflow:hidden; height:auto; display:block}
.usercenter div.sub div.l div.jbxx {width:100%; margin-top:5%;}
.usercenter div.sub div.l div.jbxx dl {width:100%;}
.usercenter div.sub div.l div.jbxx dl dt {width:40%; text-align:right; font-size:clamp(12px,calc(14 / 2560 * 100vw),14px); line-height:26px; color:#333}
.usercenter div.sub div.l div.jbxx dl dd {width:60%; text-align:left; font-size:clamp(12px,calc(14 / 2560 * 100vw),14px); line-height:26px; color:#333}

.usercenter div.sub div.r {width:auto; overflow:hidden; background:#f8f3f7; border-radius:8px; padding:5%; padding-right:2%; padding-top:4%}
.usercenter div.sub div.r div.wbnr {width:auto; overflow:auto; height:560px; padding-right:3%;}

.usercenter div.sub div.r div.wbnr::-webkit-scrollbar {width:10px;}
.usercenter div.sub div.r div.wbnr::-webkit-scrollbar-track {background:#efe7ee;}
.usercenter div.sub div.r div.wbnr::-webkit-scrollbar-thumb {background-color:#0e3b75; border-radius:999px; background-clip:content-box;}
.usercenter div.sub div.r div.wbnr::-webkit-scrollbar-thumb:hover {background-color:#0e3b75;}
.usercenter div.sub div.r div.wbnr {scrollbar-width: thin; scrollbar-color:#0e3b75 #efe7ee;}


.usercenter div.sub div.r div.wbnr h2 {width:100%; border-bottom:1px solid #ddd; padding-bottom:1%; margin-bottom:3%;}
.usercenter div.sub div.r div.wbnr h2 em {width:clamp(26px,calc(36 / 2560 * 100vw),36px); overflow:hidden; height:40px; text-align:left; line-height:44px; font-size:clamp(18px,calc(26 / 2560 * 100vw),26px); color:#0e3b75}
.usercenter div.sub div.r div.wbnr h2 p {width:auto; overflow:hidden; font-size:clamp(16px,1.04vw,20px); line-height:30px !important; color:#333; display:block}
.usercenter div.sub div.r div.wbnr dl {width:100%; margin:0px auto; margin-bottom:1% !important; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.usercenter div.sub div.r div.wbnr dl dt {width:30%; text-align:right; font-size:clamp(14px,calc(16 / 2560 * 100vw),16px); line-height:35px; color:#333}
.usercenter div.sub div.r div.wbnr dl dd {width:70%; text-align:left; font-size:clamp(14px,calc(16 / 2560 * 100vw),16px); line-height:35px; color:#333}



/*联系我们*/
.contactus {width:100%; overflow:hidden; position:relative; padding-bottom:0%}
.contactus i {width:35%; overflow:hidden; height:100%; background:#c9daeb; display:block; position:absolute; left:0px; top:0px; z-index:1}
.contactus div.m {width:90%; margin:0px auto; max-width:1200px; padding-top:clamp(70px,calc(100 / 2560 * 100vw),100px); margin-top:5%; margin-bottom:5%; display:grid; display: -webkit-grid; grid-template-columns:40% 60%; gap: 3%; position:relative; z-index:99}
.contactus div.m div.l {width:auto}
.contactus div.m div.l img {width:100%; overflow:hidden; height:auto; display:block}
.contactus div.m div.r {width:auto}
.contactus div.m div.r h1 {width:100%; overflow:hidden; text-align:left; font-family:st !important; font-size:clamp(18px,calc(30 / 2560 * 100vw),30px); line-height:clamp(20px,calc(30 / 2560 * 100vw),30px); color:#0e3b75; font-weight:normal; margin-bottom:5%}
.contactus div.m div.r h1 span {width:100%; overflow:hidden; text-align:left; font-size:clamp(14px,0.83333333vw,16px); color:#333; display:inline-block; margin-top:2%}
.contactus div.m div.r dl {width:48%; overflow:hidden; margin-top:1% !important; margin-bottom:1% !important}
.contactus div.m div.r dl dt {width:100%; overflow:hidden; text-align:left; font-size:clamp(12px,calc(14 / 2560 * 100vw),14px); line-height:24px; color:#333;}
.contactus div.m div.r dl dd {width:100%; overflow:hidden; text-align:left}
.contactus div.m div.r dl dd input {width:100%; overflow:hidden; border:0px; border-bottom:1px solid #ddd; text-align:left; font-size:clamp(14px,calc(16 / 2560 * 100vw),16px); line-height:30px; color:#666; margin-top:1%}
.contactus div.m div.r dl dd select {width:100%; overflow:hidden; border:0px; border-bottom:1px solid #ddd; text-align:left; font-size:clamp(14px,calc(16 / 2560 * 100vw),16px); line-height:30px; color:#666; margin-top:1%; background:url(../images/xljt.png) right no-repeat}
.contactus div.m div.r dl dd textarea {width:100%; overflow:hidden; border:0px; border-bottom:1px solid #ddd; text-align:left; font-size:clamp(14px,calc(16 / 2560 * 100vw),16px); line-height:30px; color:#666; margin-top:1%}
.contactus div.m div.r p {width:100%; overflow:hidden; display:block; margin-top:3%; font-size:clamp(12px,calc(14 / 2560 * 100vw),14px); color:#333; line-height:22px;}
.contactus div.m div.r button {width:30%; overflow:hidden; height:50px; border-radius:100px; text-align:center; line-height:50px; font-size:clamp(15px,calc(18 / 2560 * 100vw),18px); color:#0e3b75; background:#fff; border:0px; margin-top:4%; cursor:pointer; border:1px solid #0e3b75; transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);}
.contactus div.m div.r button em {width:40px; overflow:hidden; height:50px; line-height:50px; font-size:clamp(20px,calc(26 / 2560 * 100vw),26px); color:#0e3b75}

.contactus div.m div.r button:hover {width:36%; overflow:hidden; height:50px; border-radius:100px; text-align:center; line-height:50px; font-size:clamp(15px,calc(18 / 2560 * 100vw),18px); color:#FFF; background:#0e3b75; border:0px; margin-top:4%; cursor:pointer; border:1px solid #0e3b75; transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);}
.contactus div.m div.r button:hover em {width:40px; overflow:hidden; height:50px; line-height:50px; font-size:clamp(20px,calc(26 / 2560 * 100vw),26px); color:#FFF}


.search_fw {width:1200px; overflow:hidden; margin:0px auto; margin-top:100px; margin-bottom:100px;}
.search_fw dl {width:580px; overflow:hidden; height:auto; margin:0px auto}
.search_fw dl dd {width:400px; overflow:hidden; height:50px; padding-bottom:10px; float:left}
.search_fw dl dd input {width:360px; overflow:hidden; height:50px; border:0px; background:#eee; text-align:left; line-height:50px; font-size:14px; color:#666; padding-left:20px; padding-right:20px; display:block; border-radius:6px;}
.search_fw dl dd input:hover {width:360px; overflow:hidden; height:50px; border:0px; background:#ddd; text-align:left; line-height:50px; font-size:14px; color:#666; padding-left:20px; padding-right:20px; display:block; border-radius:6px;}
.search_fw dl dt {width:160px; overflow:hidden; height:50px; padding-bottom:10px; float:right}
.search_fw dl dt input {width:160px; overflow:hidden; height:50px; border:0px; background:#7d308e; text-align:center; line-height:50px; font-size:18px; color:#fff; display:block; border-radius:6px; font-weight:bold}
.search_fw dl dt input:hover {width:160px; overflow:hidden; height:50px; border:0px; background:#ff9c00; text-align:center; line-height:50px; font-size:18px; color:#fff; display:block; border-radius:6px; cursor:pointer; font-weight:bold}




footer {width:100%; overflow:hidden; padding-top:3%; padding-bottom:3%; background:#04336f}
footer div.m {width:80%; overflow:hidden; margin:0px auto; max-width:1100px;}
footer div.m div.t {width:100%; overflow:hidden; margin:0px auto; padding-bottom:2%; display:grid; display: -webkit-grid; grid-template-columns:20% 80%; gap: 0%;}
footer div.m div.t div.logo {width:auto;}
footer div.m div.t div.logo a {width:100%; overflow:hidden; height:clamp(40px,calc(50 / 2560 * 100vw),50px); display:block; text-align:left; font-size:clamp(160px,calc(200 / 2560 * 100vw),200px); color:#fff; line-height:clamp(40px,calc(50 / 2560 * 100vw),50px);}
footer div.m div.t div.logo a:before {display:block; line-height:clamp(40px,calc(50 / 2560 * 100vw),50px)}
footer div.m div.t div.nav {width:auto}
footer div.m div.t div.nav a {width:auto; overflow:hidden; height:clamp(40px,calc(50 / 2560 * 100vw),50px); text-align:center; line-height:clamp(40px,calc(50 / 2560 * 100vw),50px); font-size:clamp(14px,calc(16 / 2560 * 100vw),16px); color:#FFF; display:block; padding-left:5%}
footer div.m div.t div.nav a:hover {width:auto; overflow:hidden; height:clamp(40px,calc(50 / 2560 * 100vw),50px); text-align:center; line-height:clamp(40px,calc(50 / 2560 * 100vw),50px); font-size:clamp(14px,calc(16 / 2560 * 100vw),16px); color:#d2ad77; display:block; padding-left:5%}
footer div.m div.banquan {width:100%; overflow:hidden; height:clamp(20px,calc(30 / 2560 * 100vw),30px); text-align:center; line-height:clamp(20px,calc(30 / 2560 * 100vw),30px); font-size:clamp(12px,calc(14 / 2560 * 100vw),14px); color:#FFF;}
footer div.m div.banquan a {color:#FFF}
footer div.m div.banquan a:hover {color:#d2ad77}



/*返回顶部*/
.backtopbg {width:auto; position:fixed; bottom:0px; right:-180px; z-index:99999; border-left: 80px solid transparent; border-right: 80px solid transparent; border-bottom: 130px solid #0e3b75; transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1); opacity:0}
.backtopbg_xh {width:auto; position:fixed; bottom:0px; right:-80px; z-index:99999; border-left: 80px solid transparent; border-right: 80px solid transparent; border-bottom: 130px solid #0e3b75; transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1); opacity:1}

.backtop {width:80px; overflow:hidden; height:130px; position:fixed; bottom:0px; right:-160px; z-index:999999; transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1); opacity:0}
.backtop div.m {width:100%; overflow:hidden; height:100%; position:relative}
.backtop div.m span:nth-child(1) {width:4px; overflow:hidden; height:4px; border-radius:100px; background:#c2914b; position:absolute; top:65px; right:50%; margin-right:-16px; display:block}
.backtop div.m span:nth-child(2) {width:6px; overflow:hidden; height:6px; border-radius:100px; background:#c2914b; position:absolute; top:73px; right:50%; margin-right:-17px; display:block}
.backtop div.m span:nth-child(3) {width:8px; overflow:hidden; height:8px; border-radius:100px; background:#c2914b; position:absolute; top:82px; right:50%; margin-right:-18px; display:block}
.backtop div.m p {width:auto; overflow:hidden; display:inline-block; font-size:14px; color:#FFF; position:absolute; top:100px; right:50%; margin-right:-26px;}

.backtop_xh {width:80px; overflow:hidden; height:130px; position:fixed; bottom:0px; right:0px; z-index:999999; transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1); opacity:1}
.backtop_xh div.m {width:100%; overflow:hidden; height:100%; position:relative}
.backtop_xh div.m span:nth-child(1) {width:4px; overflow:hidden; height:4px; border-radius:100px; background:#c2914b; position:absolute; top:65px; right:50%; margin-right:-16px; display:block}
.backtop_xh div.m span:nth-child(2) {width:6px; overflow:hidden; height:6px; border-radius:100px; background:#c2914b; position:absolute; top:73px; right:50%; margin-right:-17px; display:block}
.backtop_xh div.m span:nth-child(3) {width:8px; overflow:hidden; height:8px; border-radius:100px; background:#c2914b; position:absolute; top:82px; right:50%; margin-right:-18px; display:block}
.backtop_xh div.m p {width:auto; overflow:hidden; display:inline-block; font-size:14px; color:#FFF; position:absolute; top:100px; right:50%; margin-right:-26px;}

/*侧边*/
.cbcpjh {width:50px; overflow:hidden; height:200px; background:#c99b59; position:fixed; bottom:50%; margin-bottom:-100px; right:0px; z-index:99999; border:2px solid #fff; border-radius:15px 0px 0px 15px; border-right:0px;}
.cbcpjh a {width:50%; margin:0px auto; overflow:hidden; text-align:center; display:block; font-size:clamp(14px,calc(16 / 2560 * 100vw),16px); color:#FFF; height:auto; line-height:clamp(18px,calc(20 / 2560 * 100vw),20px);}
.cbcpjh a span {width:auto; overflow:hidden; display:block;}
.cbcpjh a i {width:100%; overflow:hidden; font-size:clamp(16px,calc(24 / 2560 * 100vw),24px); color:#FFF; line-height:clamp(18px,calc(20 / 2560 * 100vw),20px); display:block; font-weight:normal; margin-top:5px;}

.aboutmian {width:100%; overflow:hidden; background:url(../images/index_ppbg.jpg) center fixed no-repeat; background-size:cover; min-height:100vh}
.aboutmian div.m {width:80%; overflow:hidden; margin:0px auto; min-width:1200px; height:100%;}
.aboutmian div.m div.l {width:40%; overflow:hidden}
.aboutmian div.m div.l img {width:100%; overflow:hidden; height:auto; display:block}
.aboutmian div.m div.r {width:58%; overflow:hidden}
.aboutmian div.m div.r h2 {width:100%; overflow:hidden; display:block}
.aboutmian div.m div.r h2 img {width:40%; overflow:hidden; height:auto; display:block}
.aboutmian div.m div.r h3 {width:100%; overflow:hidden; text-align:left; font-size:clamp(24px,calc(30 / 2560 * 100vw),30px); color:#d2ad77; margin-top:3%;}
.aboutmian div.m div.r div.sub {width:100%; overflow:hidden; text-align:left; line-height:clamp(30px,calc(38 / 2560 * 100vw),38px); font-size:clamp(18px,calc(20 / 2560 * 100vw),20px); color:#333; margin-top:3%}
.aboutmian div.m div.r div.sub p {width:auto; display:block; padding-bottom:1%;}
.aboutmian div.m div.r a {width:auto; overflow:hidden; padding:2.2%; padding-left:6%; padding-right:6%; border:1px solid #8d5e19; border-radius:100px; margin-top:5%; color:#8d5e19; font-size:clamp(18px,calc(20 / 2560 * 100vw),20px)}
.aboutmian div.m div.r a i {width:clamp(40px,calc(50 / 2560 * 100vw),50px); overflow:hidden; height:clamp(30px,calc(40 / 2560 * 100vw),40px); line-height:clamp(30px,calc(40 / 2560 * 100vw),40px); display:block; text-align:left; color:#8d5e19; font-size:clamp(30px,calc(40 / 2560 * 100vw),40px)}
.aboutmian div.m div.r a:hover {width:auto; overflow:hidden; padding:2.2%; padding-left:6%; padding-right:6%; border:1px solid #c69c60; background:#c69c60; border-radius:100px; margin-top:5%; color:#fff; font-size:clamp(18px,calc(20 / 2560 * 100vw),20px)}
.aboutmian div.m div.r a:hover i {width:clamp(40px,calc(50 / 2560 * 100vw),50px); overflow:hidden; height:clamp(30px,calc(40 / 2560 * 100vw),40px); line-height:clamp(30px,calc(40 / 2560 * 100vw),40px); display:block; text-align:left; color:#fff; font-size:clamp(30px,calc(40 / 2560 * 100vw),40px)}


.indexproduct {width:100%; overflow:hidden; background:url(../images/indexcp_bg.jpg) center fixed no-repeat; background-size:cover; min-height:100vh}
.indexproduct div.m {width:80%; overflow:hidden; margin:0px auto; min-width:1200px; height:100%}
.indexproduct div.m div.l {width:50%; overflow:hidden}
.indexproduct div.m div.l ul {width:100%; overflow:hidden;}
.indexproduct div.m div.l ul li {width:46%; overflow:hidden; margin-right:4%}
.indexproduct div.m div.l ul li div.tw {width:100%; overflow:hidden; height:auto; display:block; background:#fff; border-radius:10px 10px 0px 0px;}
.indexproduct div.m div.l ul li div.tw figure {width:90%; overflow:hidden; height:auto; display:block; padding:5%; padding-bottom:2%}
.indexproduct div.m div.l ul li div.tw figure img {width:100%; overflow:hidden; height:auto; display:block; margin:0px auto; margin-top:2%; margin-bottom:5%}
.indexproduct div.m div.l ul li div.tw figure figcaption {width:100%; overflow:hidden; text-align:center; font-size:clamp(20px,calc(24 / 2560 * 100vw),24px); color:#333; line-height:clamp(30px,calc(40 / 2560 * 100vw),40px); margin-top:5%}
.indexproduct div.m div.l ul li div.tw p {width:80%; overflow:hidden; margin:0px auto; display:block; text-align:left; font-size:clamp(16px,calc(18 / 2560 * 100vw),18px); line-height:clamp(26px,calc(32 / 2560 * 100vw),32px); color:#666}

.indexproduct div.m div.l ul li div.alink {width:100%; overflow:hidden; margin:0px auto; padding-bottom:8%; padding-top:8%; background:#fff; border-radius:0px 0px 10px 10px;}
.indexproduct div.m div.l ul li div.alink a {width:auto; overflow:hidden; padding:1%; padding-left:7%; padding-right:7%; border-radius:100px; border:1px solid #0e3b75; margin-left:1%; margin-right:1%; font-size:clamp(14px,calc(16 / 2560 * 100vw),16px); color:#0e3b75}
.indexproduct div.m div.l ul li div.alink a i {width:clamp(30px,calc(36 / 2560 * 100vw),36px); overflow:hidden; height:clamp(30px,calc(36 / 2560 * 100vw),36px); line-height:clamp(30px,calc(36 / 2560 * 100vw),36px); display:block; text-align:left; font-size:clamp(20px,calc(24 / 2560 * 100vw),24px)}
.indexproduct div.m div.l ul li div.alink a i:before {height:clamp(30px,calc(36 / 2560 * 100vw),36px); line-height:clamp(34px,calc(40 / 2560 * 100vw),40px); display:block;}
.indexproduct div.m div.l ul li div.alink a:hover {width:auto; overflow:hidden; padding:1%; padding-left:7%; padding-right:7%; border-radius:100px; border:1px solid #0e3b75; background:#0e3b75; margin-left:1%; margin-right:1%; font-size:clamp(14px,calc(16 / 2560 * 100vw),16px); color:#fff}
.indexproduct div.m div.l ul li div.alink a:hover i {width:clamp(30px,calc(36 / 2560 * 100vw),36px); overflow:hidden; height:clamp(30px,calc(36 / 2560 * 100vw),36px); line-height:clamp(30px,calc(36 / 2560 * 100vw),36px); display:block; text-align:left; font-size:clamp(20px,calc(24 / 2560 * 100vw),24px)}
.indexproduct div.m div.l ul li div.alink a:hover i:before {height:clamp(30px,calc(36 / 2560 * 100vw),36px); line-height:clamp(34px,calc(40 / 2560 * 100vw),40px); display:block;}


.indexproduct div.m div.r {width:40%; overflow:hidden}
.indexproduct div.m div.r h3 {width:100%; overflow:hidden; text-align:left; font-size:clamp(32px,calc(42 / 2560 * 100vw),42px); color:#fff;}
.indexproduct div.m div.sub {width:100%; overflow:hidden; text-align:left; line-height:clamp(30px,calc(38 / 2560 * 100vw),38px); font-size:clamp(18px,calc(20 / 2560 * 100vw),20px); color:#fff; margin-top:3%}
.indexproduct div.m div.r div.sub p {width:auto; display:block; padding-bottom:1%;}

.indexproduct div.m div.r a {width:auto; overflow:hidden; padding:2.2%; padding-left:6%; padding-right:6%; border:1px solid #fff; border-radius:100px; margin-top:5%; color:#fff; font-size:clamp(18px,calc(20 / 2560 * 100vw),20px)}
.indexproduct div.m div.r a i {width:clamp(40px,calc(50 / 2560 * 100vw),50px); overflow:hidden; height:clamp(30px,calc(40 / 2560 * 100vw),40px); line-height:clamp(30px,calc(40 / 2560 * 100vw),40px); display:block; text-align:left; color:#fff; font-size:clamp(30px,calc(40 / 2560 * 100vw),40px)}
.indexproduct div.m div.r a:hover {width:auto; overflow:hidden; padding:2.2%; padding-left:6%; padding-right:6%; border:1px solid #c69c60; background:#c69c60; border-radius:100px; margin-top:5%; color:#fff; font-size:clamp(18px,calc(20 / 2560 * 100vw),20px)}
.indexproduct div.m div.r a:hover i {width:clamp(40px,calc(50 / 2560 * 100vw),50px); overflow:hidden; height:clamp(30px,calc(40 / 2560 * 100vw),40px); line-height:clamp(30px,calc(40 / 2560 * 100vw),40px); display:block; text-align:left; color:#fff; font-size:clamp(30px,calc(40 / 2560 * 100vw),40px)}


.fotwenzi {width:100%; overflow:hidden; min-height:50vh; background:url(../images/ppbg.jpg) center fixed no-repeat; background-size:cover}
.fotwenzi div.m {width:60%; overflow:hidden; margin:0px auto; min-width:600px; height:100%}
.fotwenzi div.m h3 {width:100%; overflow:hidden; text-align:center; font-size:clamp(32px,calc(42 / 2560 * 100vw),42px); color:#333;}
.fotwenzi div.m div.sub {width:80%; overflow:hidden; text-align:left; line-height:clamp(30px,calc(38 / 2560 * 100vw),38px); font-size:clamp(18px,calc(20 / 2560 * 100vw),20px); color:#333; margin-top:3%; padding-left:10%; padding-right:10%}
.fotwenzi div.m div.sub p {width:auto; display:block; padding-bottom:1%;}

.fotwenzi div.m a {width:auto; overflow:hidden; padding:1%; padding-left:6%; padding-right:6%; border:1px solid #04336f; border-radius:100px; margin-top:5%; color:#04336f; font-size:clamp(18px,calc(20 / 2560 * 100vw),20px)}
.fotwenzi div.m a i {width:clamp(40px,calc(50 / 2560 * 100vw),50px); overflow:hidden; height:clamp(30px,calc(40 / 2560 * 100vw),40px); line-height:clamp(30px,calc(40 / 2560 * 100vw),40px); display:block; text-align:left; color:#04336f; font-size:clamp(30px,calc(40 / 2560 * 100vw),40px)}
.fotwenzi div.m a:hover {width:auto; overflow:hidden; padding:1%; padding-left:6%; padding-right:6%; border:1px solid #c69c60; background:#c69c60; border-radius:100px; margin-top:5%; color:#fff; font-size:clamp(18px,calc(20 / 2560 * 100vw),20px)}
.fotwenzi div.m a:hover i {width:clamp(40px,calc(50 / 2560 * 100vw),50px); overflow:hidden; height:clamp(30px,calc(40 / 2560 * 100vw),40px); line-height:clamp(30px,calc(40 / 2560 * 100vw),40px); display:block; text-align:left; color:#fff; font-size:clamp(30px,calc(40 / 2560 * 100vw),40px)}


/**品牌介绍**/
.BrandStory_num1 {width:100%; overflow:hidden; min-height:110vh; background:url(../images/pinpai_bg1.jpg) center top fixed no-repeat; background-size:cover}
.BrandStory_num1 figure {width:70%; overflow:hidden; margin:0px auto; min-width:1200px; display:block; text-align:left; margin-top:5%}
.BrandStory_num1 figure img {width:36%; overflow:hidden; height:auto; display:block}


.BrandStory_num2 {width:100%; overflow:hidden; min-height:90vh; background:url(../images/pinpai_bg2.jpg) center top no-repeat; background-size:cover}
.BrandStory_num2 div.m {width:80%; overflow:hidden; margin:0px auto; min-width:1200px;}
.BrandStory_num2 div.m h2 {width:100%; overflow:hidden; text-align:center; line-height:clamp(90px,calc(110 / 2560 * 100vw),110px); font-size:clamp(60px,calc(68 / 2560 * 100vw),68px); color:#FFF; font-family:st !important}
.BrandStory_num2 div.m h3 {width:100%; overflow:hidden; text-align:center; line-height:clamp(50px,calc(60 / 2560 * 100vw),60px); font-size:clamp(30px,calc(38 / 2560 * 100vw),38px); color:#FFF; font-family:L !important}

.BrandStory_num2 div.m div.sub {width:70%; overflow:hidden; margin:0px auto; text-align:left; line-height:clamp(30px,calc(38 / 2560 * 100vw),38px); font-size:clamp(18px,calc(20 / 2560 * 100vw),20px); color:#fff; margin-top:3%}
.BrandStory_num2 div.m div.sub p {width:auto; display:block; padding-bottom:1%;}
.BrandStory_num2 div.m i {width:100%; overflow:hidden; height:clamp(35px,calc(46 / 2560 * 100vw),46px); line-height:clamp(35px,calc(46 / 2560 * 100vw),46px); font-size:clamp(35px,calc(46 / 2560 * 100vw),46px); color:#FFF; display:block; margin-top:5%; text-align:center; animation: upDown 2s ease-in-out infinite;}

@keyframes upDown {
  0% { transform: translateY(0); }
  50% { transform: translateY(-15px); }
  100% { transform: translateY(0); }
}

.BrandStory_num3 {width:100%; overflow:hidden; background:url(../images/index_ppbg.jpg) center fixed no-repeat; background-size:cover; min-height:100vh}
.BrandStory_num3 div.m {width:80%; overflow:hidden; margin:0px auto; min-width:1200px; height:100%;}
.BrandStory_num3 div.m div.l {width:40%; overflow:hidden}
.BrandStory_num3 div.m div.l img {width:100%; overflow:hidden; height:auto; display:block}
.BrandStory_num3 div.m div.r {width:58%; overflow:hidden}
.BrandStory_num3 div.m div.r h2 {width:100%; overflow:hidden; text-align:left; font-size:clamp(30px,calc(36 / 2560 * 100vw),36px); color:#d2ad77;}
.BrandStory_num3 div.m div.r div.sub {width:100%; overflow:hidden; text-align:left; line-height:clamp(30px,calc(38 / 2560 * 100vw),38px); font-size:clamp(18px,calc(20 / 2560 * 100vw),20px); color:#333; margin-top:3%}
.BrandStory_num3 div.m div.r div.sub p {width:auto; display:block; padding-bottom:1%;}
.BrandStory_num3 div.m div.r i {width:100%; overflow:hidden; height:clamp(35px,calc(46 / 2560 * 100vw),46px); line-height:clamp(35px,calc(46 / 2560 * 100vw),46px); font-size:clamp(35px,calc(46 / 2560 * 100vw),46px); color:#8d5e19; display:block; margin-top:5%; text-align:left; animation: upDown 2s ease-in-out infinite;}


.BrandStory_num4 {width:100%; overflow:hidden; position:relative}
.BrandStory_num4 img {width:100%; overflow:hidden; height:auto; display:block; position:relative; z-index:1}
.BrandStory_num4 div.m {width:80%; overflow:hidden; margin:0px auto; height:100%; position:absolute; left:10%; top:10%; z-index:999}
.BrandStory_num4 div.m div.sub {width:60%; overflow:hidden; margin:0px auto; text-align:center; line-height:clamp(30px,calc(38 / 2560 * 100vw),38px); font-size:clamp(18px,calc(20 / 2560 * 100vw),20px); color:#fff; margin-top:3%}
.BrandStory_num4 div.m div.sub p {width:auto; display:block; padding-bottom:1%;}

.BrandStory_num4 div.m a {width:30%; overflow:hidden; padding:1%; margin:0px auto; border:1px solid #fff; border-radius:100px; margin-top:5%; color:#fff; font-size:clamp(18px,calc(20 / 2560 * 100vw),20px)}
.BrandStory_num4 div.m a i {width:clamp(40px,calc(50 / 2560 * 100vw),50px); overflow:hidden; height:clamp(30px,calc(40 / 2560 * 100vw),40px); line-height:clamp(30px,calc(40 / 2560 * 100vw),40px); display:block; text-align:left; color:#fff; font-size:clamp(30px,calc(40 / 2560 * 100vw),40px)}
.BrandStory_num4 div.m a:hover {width:30%; overflow:hidden; padding:1%; margin:0px auto; border:1px solid #c69c60; background:#c69c60; border-radius:100px; margin-top:5%; color:#fff; font-size:clamp(18px,calc(20 / 2560 * 100vw),20px)}
.BrandStory_num4 div.m a:hover i {width:clamp(40px,calc(50 / 2560 * 100vw),50px); overflow:hidden; height:clamp(30px,calc(40 / 2560 * 100vw),40px); line-height:clamp(30px,calc(40 / 2560 * 100vw),40px); display:block; text-align:left; color:#fff; font-size:clamp(30px,calc(40 / 2560 * 100vw),40px)}



/*产品介绍*/
.ProductIntroduction_num1 {width:100%; overflow:hidden; background:#04336f; position:relative}
.ProductIntroduction_num1 img {width:100%; overflow:hidden; height:auto; display:block}
.ProductIntroduction_num1 i {width:100%; overflow:hidden; height:clamp(35px,calc(46 / 2560 * 100vw),46px); line-height:clamp(35px,calc(46 / 2560 * 100vw),46px); font-size:clamp(35px,calc(46 / 2560 * 100vw),46px); color:#FFF; display:block; margin-top:5%; text-align:center; animation: upDown 2s ease-in-out infinite; position:absolute; left:0px; bottom:15%; z-index:99999}

.ProductIntroduction_num2 {width:100%; overflow:hidden; background:url(../images/index_ppbg.jpg) center no-repeat; background-size:cover; padding-top:7%; padding-bottom:7%}
.ProductIntroduction_num2 div.m {width:70%; overflow:hidden; margin:0px auto; min-width:1200px;}
.ProductIntroduction_num2 div.m dl:nth-child(odd) {width:100%; overflow: hidden; margin: 0px auto; position:relative}
.ProductIntroduction_num2 div.m dl:nth-child(odd) dt {width:40%; overflow: hidden; float:left}
.ProductIntroduction_num2 div.m dl:nth-child(odd) dt figure {width:100%; overflow: hidden; height: auto; display: block; border-radius: 35px}
.ProductIntroduction_num2 div.m dl:nth-child(odd) dt figure img {width:100%; overflow: hidden; height: auto; display: block;}
.ProductIntroduction_num2 div.m dl:nth-child(odd) dd {width:56%; overflow: hidden; position: absolute; right: 0px; top: 50%; transform: translateY(-50%);}
.ProductIntroduction_num2 div.m dl:nth-child(odd) dd h2 {width:100%; overflow: hidden; text-align: left; padding-bottom: 3%; line-height: clamp(40px,calc(52 / 2560 * 100vw),52px); font-size: clamp(34px,calc(46 / 2560 * 100vw),46px); color:#b48642}
.ProductIntroduction_num2 div.m dl:nth-child(odd) dd p {width:100%; overflow: hidden; text-align: left; line-height: clamp(30px,calc(36 / 2560 * 100vw),36px); font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); color: #333; padding-top:clamp(5px,calc(8 / 2560 * 100vw),8px); padding-bottom: clamp(5px,calc(8 / 2560 * 100vw),8px); display: block}
.ProductIntroduction_num2 div.m dl:nth-child(odd) dd p strong {font-size: clamp(24px,calc(30 / 2560 * 100vw),30px);}

.ProductIntroduction_num2 div.m dl:nth-child(even) {width:100%; overflow: hidden; margin: 0px auto; margin-top:8% !important; position:relative}
.ProductIntroduction_num2 div.m dl:nth-child(even) dt {width:40%; overflow: hidden; float:right}
.ProductIntroduction_num2 div.m dl:nth-child(even) dt figure {width:100%; overflow: hidden; height: auto; display: block; border-radius: 35px}
.ProductIntroduction_num2 div.m dl:nth-child(even) dt figure img {width:100%; overflow: hidden; height: auto; display: block;}
.ProductIntroduction_num2 div.m dl:nth-child(even) dd {width:56%; overflow: hidden; position: absolute; left: 0px; top: 50%; transform: translateY(-50%);}
.ProductIntroduction_num2 div.m dl:nth-child(even) dd h2 {width:100%; overflow: hidden; text-align: left; padding-bottom: 3%; line-height: clamp(40px,calc(52 / 2560 * 100vw),52px); font-size: clamp(34px,calc(46 / 2560 * 100vw),46px); color:#b48642}
.ProductIntroduction_num2 div.m dl:nth-child(even) dd p {width:100%; overflow: hidden; text-align: left; line-height: clamp(30px,calc(36 / 2560 * 100vw),36px); font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); color: #333; padding-top:clamp(5px,calc(8 / 2560 * 100vw),8px); padding-bottom: clamp(5px,calc(8 / 2560 * 100vw),8px); display: block}
.ProductIntroduction_num2 div.m dl:nth-child(even) dd p strong {font-size: clamp(24px,calc(30 / 2560 * 100vw),30px);}


.ProductIntroduction_num3 {width:100%; overflow:hidden; background:#083062; padding-top:7%; padding-bottom:7%}
.ProductIntroduction_num3 div.m {width:70%; overflow:hidden; margin:0px auto; min-width:1200px;}
.ProductIntroduction_num3 div.m dl:nth-child(odd) {width:100%; overflow: hidden; margin: 0px auto; position:relative}
.ProductIntroduction_num3 div.m dl:nth-child(odd) dt {width:40%; overflow: hidden; float:left}
.ProductIntroduction_num3 div.m dl:nth-child(odd) dt figure {width:100%; overflow: hidden; height: auto; display: block; border-radius: 35px}
.ProductIntroduction_num3 div.m dl:nth-child(odd) dt figure img {width:100%; overflow: hidden; height: auto; display: block;}
.ProductIntroduction_num3 div.m dl:nth-child(odd) dd {width:56%; overflow: hidden; position: absolute; right: 0px; top: 50%; transform: translateY(-50%);}
.ProductIntroduction_num3 div.m dl:nth-child(odd) dd h2 {width:100%; overflow: hidden; text-align: left; padding-bottom: 3%; line-height: clamp(40px,calc(52 / 2560 * 100vw),52px); font-size: clamp(34px,calc(46 / 2560 * 100vw),46px); color:#b48642}
.ProductIntroduction_num3 div.m dl:nth-child(odd) dd p {width:100%; overflow: hidden; text-align: left; line-height: clamp(30px,calc(36 / 2560 * 100vw),36px); font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); color: #fff; padding-top:clamp(5px,calc(8 / 2560 * 100vw),8px); padding-bottom: clamp(5px,calc(8 / 2560 * 100vw),8px); display: block}
.ProductIntroduction_num3 div.m dl:nth-child(odd) dd p strong {font-size: clamp(24px,calc(30 / 2560 * 100vw),30px);}

.ProductIntroduction_num3 div.m dl:nth-child(even) {width:100%; overflow: hidden; margin: 0px auto; margin-top:8% !important; position:relative}
.ProductIntroduction_num3 div.m dl:nth-child(even) dt {width:40%; overflow: hidden; float:right}
.ProductIntroduction_num3 div.m dl:nth-child(even) dt figure {width:100%; overflow: hidden; height: auto; display: block; border-radius: 35px}
.ProductIntroduction_num3 div.m dl:nth-child(even) dt figure img {width:100%; overflow: hidden; height: auto; display: block;}
.ProductIntroduction_num3 div.m dl:nth-child(even) dd {width:56%; overflow: hidden; position: absolute; left: 0px; top: 50%; transform: translateY(-50%);}
.ProductIntroduction_num3 div.m dl:nth-child(even) dd h2 {width:100%; overflow: hidden; text-align: left; padding-bottom: 3%; line-height: clamp(40px,calc(52 / 2560 * 100vw),52px); font-size: clamp(34px,calc(46 / 2560 * 100vw),46px); color:#b48642}
.ProductIntroduction_num3 div.m dl:nth-child(even) dd p {width:100%; overflow: hidden; text-align: left; line-height: clamp(30px,calc(36 / 2560 * 100vw),36px); font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); color: #fff; padding-top:clamp(5px,calc(8 / 2560 * 100vw),8px); padding-bottom: clamp(5px,calc(8 / 2560 * 100vw),8px); display: block}
.ProductIntroduction_num3 div.m dl:nth-child(even) dd p strong {font-size: clamp(24px,calc(30 / 2560 * 100vw),30px);}
.ProductIntroduction_num3 div.m dl:nth-child(even) dd p i {width:clamp(16px,calc(20 / 2560 * 100vw),20px); overflow:hidden; height:clamp(16px,calc(20 / 2560 * 100vw),20px); text-align:center; line-height:clamp(14px,calc(18 / 2560 * 100vw),18px); font-size:clamp(10px,calc(12 / 2560 * 100vw),12px); background:#b48642; color:#FFF; border-radius:100px; display:inline-block; font-style:italic; margin-right:1%; margin-top:-0.5%; vertical-align:middle}


.ProductIntroduction_num4 {width:100%; overflow:hidden; background:#fafbfb; padding-top:4%; padding-bottom:4%}
.ProductIntroduction_num4 div.m {width:70%; overflow:hidden; margin:0px auto; min-width:1200px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; align-content:center;}
.ProductIntroduction_num4 div.m div.sub {width:50%; margin-top:5%; margin-bottom:5%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; align-content:center;}
.ProductIntroduction_num4 div.m div.sub h2 {width:100%; overflow: hidden; text-align: center; padding-bottom: 2%; line-height: clamp(40px,calc(52 / 2560 * 100vw),52px); font-size: clamp(34px,calc(46 / 2560 * 100vw),46px); color:#b48642}
.ProductIntroduction_num4 div.m div.sub p {width:100%; overflow: hidden; text-align: center; line-height: clamp(30px,calc(36 / 2560 * 100vw),36px); font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); color: #1f589c; padding-top:clamp(5px,calc(8 / 2560 * 100vw),8px); padding-bottom: clamp(5px,calc(8 / 2560 * 100vw),8px); display: block}
.ProductIntroduction_num4 div.m div.sub p span {color:#b48642; font-size:clamp(18px,calc(22 / 2560 * 100vw),22px)}
.ProductIntroduction_num4 div.m div.sub figure {width:60%; overflow:hidden; margin:0px auto; display:block; margin-top:3%}
.ProductIntroduction_num4 div.m div.sub figure img {width:100%; overflow:hidden; height:auto; display:block; margin:0px auto}
.ProductIntroduction_num4 div.m div.sub div.othe {width:100%; overflow:hidden;}
.ProductIntroduction_num4 div.m div.sub div.othe dl {width:49%; overflow:hidden}
.ProductIntroduction_num4 div.m div.sub div.othe dt {width:100%; overflow: hidden; text-align: center; line-height: clamp(30px,calc(36 / 2560 * 100vw),36px); font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); color: #1f589c; padding-top:clamp(5px,calc(8 / 2560 * 100vw),8px); padding-bottom: clamp(5px,calc(8 / 2560 * 100vw),8px); display: block}
.ProductIntroduction_num4 div.m div.sub div.othe dd {width:100%; overflow: hidden; text-align: center; line-height: clamp(30px,calc(36 / 2560 * 100vw),36px); font-size: clamp(16px,calc(18 / 2560 * 100vw),18px); color: #1f589c; padding-top:clamp(5px,calc(8 / 2560 * 100vw),8px); padding-bottom: clamp(5px,calc(8 / 2560 * 100vw),8px); display: block}
.ProductIntroduction_num4 div.m div.sub div.othe figure.n {width:100%; overflow:hidden; margin:0px auto; display:block; margin-top:3%}
.ProductIntroduction_num4 div.m div.sub div.othe figure.n img {width:100%; overflow:hidden; height:auto; display:block; margin:0px auto}

.ProductIntroduction_num5 {width:100%; overflow:hidden; height:auto}
.ProductIntroduction_num5 img {width:100%; overflow:hidden; height:auto; display:block}


.zhengpin {width:600px; overflow:hidden; margin:0px auto; padding-top:8%; padding-bottom:8%;}
.zhengpin div.m {width:100%; overflow:hidden; height:auto;}
.zhengpin div.m h2 {width:100%; overflow:hidden; text-align:center; line-height:26px; font-size:24px; color:#333; font-weight:bold}
.zhengpin div.m figure {width:100%; overflow:hidden; display:block; margin-top:5%}
.zhengpin div.m figure img {width:100%; overflow:hidden; height:auto; display:block}









@media (max-width: 767px) {
header.top ,header.top_k ,header.top_h {display:none}

.header {position:fixed; top:0; left:0; width:100%; height:70px; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.1); z-index:999999; display:block}
.nav-wrap {height:100%; display:grid; display: -webkit-grid; grid-template-columns:30% 1fr 24px; gap: 1%; padding:0 3%;}
.header div.nav-wrap label.logo {width:auto; position:relative; z-index:99}
.header div.nav-wrap label.logo a {width:100%; overflow:hidden; text-align:left; height:70px; line-height:70px; font-size:10rem; color:#0e3b75;}
.header div.nav-wrap label.logo a:before {display:block; height:70px; line-height:70px;}
#menuToggle:checked ~ label.logo a {color:#fff}
.header div.nav-wrap label.icontb {width:auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-end; align-items:center; align-content:center; position:relative; z-index:99}
.header div.nav-wrap label.icontb a {width:30px; overflow:hidden; height:70px; text-align:center; line-height:70px; font-size:1.8rem; color:#0e3b75; display:block; margin-right:2%}
#menuToggle:checked ~ label.icontb a {color:#fff}

#menuToggle {display:none;}
.menu-icon {width:24px;height:70px;display:flex;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;position:relative;z-index:1001;}
.menu-icon span:nth-child(1) {width:100%;height:2px;background:#0e3b75;transition:0.3s;}
.menu-icon span:nth-child(2) {width:70%;height:2px;background:#0e3b75;transition:0.3s;}
.menu-icon span:nth-child(3) {width:100%;height:2px;background:#0e3b75;transition:0.3s;}

#menuToggle:checked ~ .menu-icon span:nth-child(1) {transform:rotate(45deg) translate(5px,5px); background:#fff}
#menuToggle:checked ~ .menu-icon span:nth-child(2) {opacity:0;}
#menuToggle:checked ~ .menu-icon span:nth-child(3) {transform:rotate(-45deg) translate(5px,-5px); background:#fff}

.mask {position:fixed;top:0;left:0;width:100%;height:100%;background:#032e60;opacity:0;visibility:hidden;transition:0.3s;z-index:1;}
#menuToggle:checked ~ .mask {opacity:1;visibility:visible;}

.menu {position:fixed;top:0px;left:0;width:100%;height:calc(100% - 70px);background:#0e3b75;padding:20% 25px;transform:translateY(-100%);transition:transform 0.35s ease;z-index:1;overflow-y:auto;}
#menuToggle:checked ~ .menu {transform:translateY(0);}
.menu li {width:80%; margin:0px auto; list-style:none;}
.menu li p {width:100%; overflow:hidden; display:block; padding-top:8px; padding-bottom:5px;}
.menu li p a.z {width:100%; overflow:hidden; text-align:left; font-size:1rem; color:rgba(255 255 255 / 60%); line-height:26px; margin:0px !important; padding:0px !important; border-bottom:0px solid #fff;}
.menu a {display:inline-block;padding:6px 0; border-bottom:1px solid #fff; color:#fff;font-size:1.2rem; margin-top:7px; margin-bottom:7px;}
.menu a.ahover {display:inline-block;padding:6px 0; border-bottom:1px solid #dfb474; color:#dfb474;font-size:1.2rem; margin-top:7px; margin-bottom:7px;}

/*banner*/
.swiper {width:100%; height:auto !important; overflow:hidden; margin-top:70px; position:relative}
.swiper div.swiper-wrapper {width:100%;}
.swiper div.swiper-wrapper div.swiper-slide {width:100%;}
.swiper div.swiper-wrapper div.swiper-slide a {width:100%; overflow:hidden; display:block; position:relative}
.swiper div.swiper-wrapper div.swiper-slide a img {width:120%; overflow:hidden; height:auto; display:block; position:relative; z-index:1; margin-left:-10%}
.swiper div.swiper-wrapper div.swiper-slide a i {width:100%; overflow:hidden; height:300px; background:url(../images/jbtm.png) top repeat-x; position:absolute; top:0px; left:0px; z-index:2; display:none}

.swiper div.swiper-pagination {bottom:5% !important}
.swiper div.swiper-pagination span.swiper-pagination-bullet {background:#fff; opacity:1 !important}
.swiper div.swiper-pagination span.swiper-pagination-bullet-active {background:#0e3b75;}



/*产品激活*/
.productact {width:90%; overflow:hidden; height:60vh; background:#f4caa5; padding:5%; margin-top:70px;}
.productact div.m {width:100%; overflow:hidden; margin:0px auto; background:#fff; border-radius:20px;}
.productact div.m div.sub {width:auto; padding:5%; display:block;}
.productact div.m div.sub h1 {width:100%; overflow:hidden; text-align:center; font-size:1.6rem; color:#c2914b}
.productact div.m div.sub h2 {width:100%; overflow:hidden; text-align:center; font-size:1.2rem; color:#333; margin-top:0.4rem}
.productact div.m div.sub i {width:1px; overflow:hidden; height:40px; background:#c2914b; display:block; margin:0px auto; margin-top:1%}
.productact div.m div.sub p {width:80%; overflow:hidden; display:block; margin:0px auto; color:#333; font-size:1rem; line-height:24px; margin-top:1%; text-align:center}
.productact div.m div.sub p a { text-decoration:underline !important; color:#0e3b75}
.productact div.m div.sub div.log {width:90%; margin:0px auto; margin-top:3%; margin-bottom:5%}
.productact div.m div.sub div.log a.zl {width:100%; overflow:hidden; margin:0px auto; height:50px; line-height:50px; border:0px; border-radius:10px; background:#0e3b75; text-align:center; color:#FFF; font-size:1.2rem; cursor:pointer; transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1); display:flex !important; display: -webkit-flex !important; flex-direction:row !important; flex-wrap:nowrap !important; justify-content:center !important; align-items:center; align-content:center !important;}
.productact div.m div.sub div.log a.zl em {width:auto; overflow:hidden; margin:0px auto; font-size:1.4rem; line-height:60px; display:inline-block; transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1); margin:0px !important; padding:0px !important; margin-left:5px;}

.productact div.m div.sub div.log form {width:100%; display:block;}
.productact div.m div.sub div.log form input {width:96%; overflow:hidden; height:50px; line-height:50px; text-align:left; border:1px solid #ddd; border-radius:10px !important; padding-left:2%; padding-right:2%; color:#666; margin-top:3%; font-size:1rem; font-family: Arial, sans-serif !important;}
.productact div.m div.sub div.log form button {width:100%; overflow:hidden; height:50px; line-height:50px; border:0px; border-radius:10px; background:#0e3b75; text-align:center; color:#FFF; font-size:1rem; cursor:pointer; transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1); margin-top:3%}
.productact div.m div.sub div.log form button em {width:auto; overflow:hidden; font-size:1.4rem; margin-left:5px; line-height:60px; display:block; transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);}

.productact div.m div.sub div.log form button:hover {width:100%; overflow:hidden; height:50px; line-height:50px; border:0px; border-radius:10px; background:#0e3b75; text-align:center; color:#FFF; font-size:1rem; cursor:pointer; transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1); margin-top:3%}
.productact div.m div.sub div.log form button:hover em {width:auto; overflow:hidden; font-size:1.4rem; margin-left:5px; line-height:60px; display:block; transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);}

.productact div.m div.sub div.log form.fwcx {width:100%; display:block;}
.productact div.m div.sub div.log form.fwcx input {width:96%; overflow:hidden; height:50px; line-height:50px; text-align:left; border:1px solid #ddd; border-radius:10px !important; padding-left:2%; padding-right:2%; color:#666; margin-top:3%; font-size:1rem; font-family: Arial, sans-serif !important;}
.productact div.m div.sub div.log form.fwcx button {width:100%; overflow:hidden; height:50px; line-height:50px; border:0px; border-radius:10px; background:#0e3b75; text-align:center; color:#FFF; font-size:1rem; cursor:pointer; transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1); margin-top:3%}
.productact div.m div.sub div.log form.fwcx button em {width:auto; overflow:hidden; font-size:1.4rem; margin-left:5px; line-height:60px; display:block; transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);}

.productact div.m div.sub div.log form.fwcx button:hover {width:100%; overflow:hidden; height:50px; line-height:50px; border:0px; border-radius:10px; background:#0e3b75; text-align:center; color:#FFF; font-size:1rem; cursor:pointer; transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1); margin-top:3%}
.productact div.m div.sub div.log form.fwcx button:hover em {width:auto; overflow:hidden; font-size:1.4rem; margin-left:5px; line-height:60px; display:block; transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);}


.search_cx {width:90%; overflow:hidden; min-width:90%; margin:0px auto; margin-top:25%; margin-bottom:6%;}
.search_cx h1 {width:100%; overflow:hidden; text-align:center; font-size:1.6rem; color:#c2914b}
.search_cx h2 {width:100%; overflow:hidden; text-align:center; font-size:1.2rem; color:#333; margin-top:0.4rem}
.search_cx i {width:1px; overflow:hidden; height:40px; background:#c2914b; display:block; margin:0px auto; margin-top:1%}
.search_cx strong {width:80%; overflow:hidden; display:block; margin:0px auto; color:#333; font-size:1rem; line-height:24px; margin-top:1%; text-align:center; font-weight:normal}

.search_cx form {width:100%; margin:0px auto; margin-top:8%}
.search_cx form dl {width:100%; overflow:hidden; height:auto; margin:0px auto}
.search_cx form dl dd {width:100%; overflow:hidden; height:auto; padding-bottom:10px; position:relative}
.search_cx form dl dd input {width:96%; overflow:hidden; height:50px; border:0px; background:#eee; text-align:left; line-height:50px; font-size:14px; color:#666; padding-left:2%; padding-right:2%; display:block; border-radius:6px;}
.search_cx form dl dd input:hover {width:96%; overflow:hidden; height:50px; border:0px; background:#ddd; text-align:left; line-height:50px; font-size:14px; color:#666; padding-left:2%; padding-right:2%; display:block; border-radius:6px;}

.search_cx form dl dd div.formControls {width:96%; overflow:hidden; height:50px; border:0px; background:#eee; text-align:left; line-height:50px; font-size:14px; color:#666; padding-left:2%; padding-right:2%; display:block; border-radius:6px;}
.search_cx form dl dd div.formControls input {margin:0px !important; padding:0px !important; height:auto !important; margin-top:-10px !important}
.search_cx form dl dd label.sex,jh_hunyin,jh_shengyu {width:auto; overflow:hidden; line-height:50px; float:left; position:absolute; z-index:99; top:0px; left:2%; color:#999}
.search_cx form dl dd div.webuploader-container {width:80px !important; overflow:hidden !important; height:30px !important; padding:0px !important; margin:0px !important; text-align:center !important; line-height:30px !important; border-radius:0px !important; position:absolute !important; top:10px !important; right:2% !important; z-index:99 !important}
.search_cx form dl dd div.webuploader-container div.webuploader-pick {padding:0px !important; margin:0px !important; padding-left:15px !important; padding-right:15px !important;}
.search_cx form dl dd p {width:auto; overflow:hidden; display:block; float:left; line-height:50px; color:#666; padding-left:2%;}
.search_cx form dl dd b {width:auto; overflow:hidden; display:block; float:left;}
.search_cx form dl dd b input.sex,.jh_hunyin,.jh_shengyu {width:20px !important; overflow:hidden !important; height:20px !important; margin-top:15px;}
.search_cx form dl dd span {width:auto; overflow:hidden; display:block; float:left; line-height:50px; padding-left:10px; padding-right:15px;}

.search_cx form dl dd textarea.jh_xiangxidizhi {width:96%; overflow:hidden; height:100px; border:0px; background:#eee; text-align:left; line-height:50px; font-size:14px; color:#666; padding-left:2%; padding-right:2%; display:block; border-radius:6px;}

.search_cx form dl dt {width:100%; overflow:hidden; height:50px; padding-bottom:10px;}
.search_cx form dl dt input {width:100%; overflow:hidden; height:50px; border:0px; background:#04336f; text-align:center; line-height:50px; font-size:18px; color:#fff; display:block; border-radius:6px; font-weight:bold}
.search_cx form dl dt input:hover {width:100%; overflow:hidden; height:50px; border:0px; background:#022046; text-align:center; line-height:50px; font-size:18px; color:#fff; display:block; border-radius:6px; cursor:pointer; font-weight:bold}


/*个人信息*/
.usercenter {width:90%; min-height:100vh; margin:0px auto; min-width:90%; background:#fff; padding-top:70px; margin-bottom:15%}
.usercenter h1 {width:100%; overflow:hidden; text-align:center; font-family:st !important; font-size:1.4rem; line-height:32px; color:#0e3b75; font-weight:normal; margin-top:5%}
.usercenter h1 span {width:100%; overflow:hidden; text-align:center; font-size:1.2rem; color:#333; display:inline-block}

.usercenter div.sub {width:100%; display:grid; display: -webkit-grid; grid-template-columns:1fr; gap: 0.5%; margin-top:5%}
.usercenter div.sub div.l {width:auto; overflow:hidden; background:#f8f3f7; border-radius:8px; box-shadow: 0 10px 36px 2px rgba(177,104,162,0.05); padding:10%}
.usercenter div.sub div.l div.tx {width:60%; margin:0px auto; overflow:hidden;}
.usercenter div.sub div.l div.tx i {width:100%; overflow:hidden; height:auto; display:block; border-radius:1000px;}
.usercenter div.sub div.l div.tx i img {width:100%; overflow:hidden; height:auto; display:block}
.usercenter div.sub div.l div.jbxx {width:100%; margin-top:5%;}
.usercenter div.sub div.l div.jbxx dl {width:100%;}
.usercenter div.sub div.l div.jbxx dl dt {width:40%; text-align:right; font-size:1.1rem; line-height:35px; color:#333}
.usercenter div.sub div.l div.jbxx dl dd {width:60%; text-align:left; font-size:1.1rem; line-height:35px; color:#333}

.usercenter div.sub div.r {width:auto; overflow:hidden; background:#f8f3f7; border-radius:8px; padding:5%; padding-right:5%; padding-top:4%}
.usercenter div.sub div.r div.wbnr {width:auto; overflow:hidden; height:auto; padding-right:0%;}


.usercenter div.sub div.r div.wbnr h2 {width:100%; border-bottom:1px solid #ddd; padding-bottom:1%; margin-bottom:3%;}
.usercenter div.sub div.r div.wbnr h2 em {width:35px; overflow:hidden; height:50px; text-align:left; line-height:54px; font-size:1.4rem; color:#0e3b75}
.usercenter div.sub div.r div.wbnr h2 p {width:auto; overflow:hidden; font-size:1.2rem; line-height:50px !important; color:#333; display:block}
.usercenter div.sub div.r div.wbnr dl {width:100%; margin:0px auto; margin-bottom:6% !important}
.usercenter div.sub div.r div.wbnr dl dt {width:40%; text-align:right; font-size:1.1rem; line-height:25px; color:#333; padding-top:1%; padding-bottom:1%; overflow-wrap: break-word; word-break: break-word; white-space: normal;}
.usercenter div.sub div.r div.wbnr dl dd {width:60%; text-align:left; font-size:1.1rem; line-height:25px; color:#333; padding-top:1%; padding-bottom:1%; overflow-wrap: break-word; word-break: break-word; white-space: normal;}




.contactus {width:100%; overflow:hidden; min-height:90vh; position:relative; padding-bottom:0%}
.contactus i {width:35%; overflow:hidden; height:100%; background:#c9daeb; position:absolute; left:0px; top:0px; z-index:1; display:none}
.contactus div.m {width:90%; margin:0px auto; padding-top:70px; margin-top:5%; margin-bottom:5%; display:block; position:relative; z-index:99}
.contactus div.m div.l {width:auto; display:none}
.contactus div.m div.l img {width:100%; overflow:hidden; height:auto; display:block}
.contactus div.m div.r {width:auto}
.contactus div.m div.r h1 {width:100%; overflow:hidden; text-align:left; font-family:st !important; font-size:1.6rem; line-height:24px; color:#0e3b75; font-weight:normal; margin-bottom:5%}
.contactus div.m div.r h1 span {width:100%; overflow:hidden; text-align:left; font-size:0.9rem; color:#333; display:inline-block; margin-top:5%}
.contactus div.m div.r dl {width:100%; overflow:hidden; margin-top:1% !important; margin-bottom:1% !important}
.contactus div.m div.r dl dt {width:100%; overflow:hidden; text-align:left; font-size:0.8rem; line-height:24px; color:#333;}
.contactus div.m div.r dl dd {width:100%; overflow:hidden; text-align:left}
.contactus div.m div.r dl dd input {width:100%; overflow:hidden; border:0px; border-bottom:1px solid #ddd; text-align:left; font-size:1rem; line-height:30px; color:#666; margin-top:1%}
.contactus div.m div.r dl dd select {width:100%; overflow:hidden; border:0px; border-bottom:1px solid #ddd; text-align:left; font-size:1rem; line-height:30px; color:#666; margin-top:1%; background:url(../images/xljt.png) right no-repeat}
.contactus div.m div.r dl dd textarea {width:100%; overflow:hidden; border:0px; border-bottom:1px solid #ddd; text-align:left; font-size:1rem; line-height:30px; color:#666; margin-top:1%}
.contactus div.m div.r p {width:100%; overflow:hidden; display:block; margin-top:3%; font-size:0.8rem; color:#333; line-height:22px;}

.contactus div.m div.r button {width:100%; overflow:hidden; height:50px; border-radius:100px; text-align:center; line-height:50px; font-size:1rem; color:#FFF; background:#0e3b75; border:0px; margin-top:4%; cursor:pointer; border:1px solid #0e3b75; transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);}
.contactus div.m div.r button em {width:40px; overflow:hidden; height:50px; line-height:50px; font-size:1.6rem; color:#FFF}
.contactus div.m div.r button:hover {width:100%; overflow:hidden; height:50px; border-radius:100px; text-align:center; line-height:50px; font-size:1rem; color:#FFF; background:#0e3b75; border:0px; margin-top:4%; cursor:pointer; border:1px solid #0e3b75; transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);}
.contactus div.m div.r buttonhover em {width:40px; overflow:hidden; height:50px; line-height:50px; font-size:1.6rem; color:#FFF}






footer {width:100%; overflow:hidden; padding-top:3%; padding-bottom:18%; background:#04336f}
footer div.m {width:90%; overflow:hidden; margin:0px auto; max-width:800px;}
footer div.m div.t {width:80%; overflow:hidden; margin:0px auto; padding-bottom:2%; display:grid; display: -webkit-grid; grid-template-columns:1fr; gap: 0%;}
footer div.m div.t div.logo {width:auto;}
footer div.m div.t div.logo a {width:100%; overflow:hidden; height:5rem; display:block; text-align:center; font-size:10rem; color:#fff; line-height:5rem;}
footer div.m div.t div.logo a:before {display:block; line-height:5rem;}
footer div.m div.t div.nav {width:auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center;}
footer div.m div.t div.nav a {width:auto; overflow:hidden; height:40px; text-align:center; line-height:40px; font-size:0.8rem; color:#FFF; display:block; padding-left:1%; padding-right:1%}
footer div.m div.t div.nav a:hover {width:auto; overflow:hidden; height:40px; text-align:center; line-height:40px; font-size:0.8rem; color:#d2ad77; display:block; padding-left:2%}
footer div.m div.banquan {width:100%; overflow:hidden; text-align:center; height:auto;line-height:20px; font-size:0.6rem; color:#FFF;}
footer div.m div.banquan a {color:#FFF}
footer div.m div.banquan a:hover {color:#d2ad77}



.cbcpjh {width:100%; overflow:hidden; height:50px; background:#c99b59; position:fixed; bottom:0px; margin-bottom:0px; right:0px; z-index:998; border:0px solid #fff; border-radius:0px 0px 0px 0px; border-right:0px;}
.cbcpjh a {width:100%; margin:0px auto; overflow:hidden; text-align:center; display:block; font-size:1.2rem; color:#FFF; height:50px; line-height:40px;}
.cbcpjh a span {width:auto; overflow:hidden; display:inline-block; height:50px;}
.cbcpjh a i {width:30px; overflow:hidden; font-size:1.4rem; color:#FFF; line-height:42px; display:inline-block; font-weight:normal; margin-left:5px; height:50px;}

.aboutmian {width:100%; overflow:hidden; background:url(../images/index_ppbg.jpg) center fixed no-repeat; background-size:cover; min-height:100vh}
.aboutmian div.m {width:90%; overflow:hidden; margin:0px auto; min-width:90%; height:100%; flex-wrap:wrap !important;}
.aboutmian div.m div.l {width:97%; overflow:hidden; padding-left:3%}
.aboutmian div.m div.l img {width:100%; overflow:hidden; height:auto; display:block}
.aboutmian div.m div.r {width:100%; overflow:hidden; padding-bottom:15%}
.aboutmian div.m div.r h2 {width:100%; overflow:hidden; display:block}
.aboutmian div.m div.r h2 img {width:70%; overflow:hidden; height:auto; display:block}
.aboutmian div.m div.r h3 {width:100%; overflow:hidden; text-align:left; font-size:1.4rem; color:#d2ad77; margin-top:3%;}
.aboutmian div.m div.r div.sub {width:100%; overflow:hidden; text-align:left; line-height:2.2rem; font-size:1rem; color:#333; margin-top:3%}
.aboutmian div.m div.r div.sub p {width:auto; display:block; padding-bottom:1%;}
.aboutmian div.m div.r a {width:auto; overflow:hidden; padding:2.2%; padding-left:6%; padding-right:6%; border:1px solid #8d5e19; border-radius:100px; margin-top:5%; color:#8d5e19; font-size:1rem}
.aboutmian div.m div.r a i {width:2rem; overflow:hidden; height:2rem; line-height:2rem; display:block; text-align:left; color:#8d5e19; font-size:1.4rem}


.indexproduct {width:100%; overflow:hidden; background:url(../images/indexcp_bg.jpg) center fixed no-repeat; background-size:cover; min-height:100vh}
.indexproduct div.m {width:90%; overflow:hidden; margin:0px auto; min-width:90%; height:100%; flex-wrap:wrap !important;}
.indexproduct div.m div.l {width:100%; overflow:hidden}
.indexproduct div.m div.l ul {width:100%; overflow:hidden; flex-wrap:wrap !important; margin-top:6%}
.indexproduct div.m div.l ul li {width:100%; overflow:hidden; margin-right:0%; margin-bottom:4%}
.indexproduct div.m div.l ul li div.tw {width:100%; overflow:hidden; height:auto; display:block; background:#fff; border-radius:10px 10px 0px 0px;}
.indexproduct div.m div.l ul li div.tw figure {width:90%; overflow:hidden; height:auto; display:block; padding:5%; padding-bottom:2%}
.indexproduct div.m div.l ul li div.tw figure img {width:100%; overflow:hidden; height:auto; display:block; margin:0px auto; margin-top:2%; margin-bottom:5%}
.indexproduct div.m div.l ul li div.tw figure figcaption {width:100%; overflow:hidden; text-align:center; font-size:1.4rem; color:#333; line-height:2.2rem; margin-top:5%}
.indexproduct div.m div.l ul li div.tw p {width:80%; overflow:hidden; margin:0px auto; display:block; text-align:left; font-size:1.1rem; line-height:2rem; color:#666}

.indexproduct div.m div.l ul li div.alink {width:100%; overflow:hidden; margin:0px auto; padding-bottom:8%; padding-top:8%; background:#fff; border-radius:0px 0px 10px 10px;}
.indexproduct div.m div.l ul li div.alink a {width:auto; overflow:hidden; padding:1%; padding-left:7%; padding-right:7%; border-radius:100px; border:1px solid #0e3b75; margin-left:1%; margin-right:1%; font-size:1rem; color:#0e3b75}
.indexproduct div.m div.l ul li div.alink a i {width:1.6rem; overflow:hidden; height:1.6rem; line-height:1.6rem; display:block; text-align:left; font-size:1.1rem}
.indexproduct div.m div.l ul li div.alink a i:before {height:1.6rem; line-height:1.6rem; display:block;}

.indexproduct div.m div.r {width:100%; overflow:hidden; padding-bottom:15%; padding-top:3%}
.indexproduct div.m div.r h3 {width:100%; overflow:hidden; text-align:left; font-size:1.6rem; color:#fff;}
.indexproduct div.m div.sub {width:100%; overflow:hidden; text-align:left; line-height:2.2rem; font-size:1.1rem; color:#fff; margin-top:3%}
.indexproduct div.m div.r div.sub p {width:auto; display:block; padding-bottom:1%;}

.indexproduct div.m div.r a {width:auto; overflow:hidden; padding:2.2%; padding-left:6%; padding-right:6%; border:1px solid #fff; border-radius:100px; margin-top:5%; color:#fff; font-size:1rem}
.indexproduct div.m div.r a i {width:2rem; overflow:hidden; height:2rem; line-height:2rem; display:block; text-align:left; color:#fff; font-size:1.4rem}



.fotwenzi {width:100%; overflow:hidden; min-height:50vh; background:url(../images/ppbg.jpg) center fixed no-repeat; background-size:cover}
.fotwenzi div.m {width:90%; overflow:hidden; margin:0px auto; min-width:90%; height:100%; padding-top:8%; padding-bottom:8%}
.fotwenzi div.m h3 {width:100%; overflow:hidden; text-align:center; font-size:1.8rem; color:#333;}
.fotwenzi div.m div.sub {width:100%; overflow:hidden; text-align:left; line-height:2.2rem; font-size:1.1rem; color:#333; margin-top:3%; padding-left:0%; padding-right:0%}
.fotwenzi div.m div.sub p {width:auto; display:block; padding-bottom:1%;}

.fotwenzi div.m a {width:auto; overflow:hidden; padding:1%; padding-left:6%; padding-right:6%; border:1px solid #04336f; border-radius:100px; margin-top:5%; color:#04336f; font-size:1rem}
.fotwenzi div.m a i {width:2rem; overflow:hidden; height:2rem; line-height:2rem; display:block; text-align:left; color:#04336f; font-size:1.4rem}




/**品牌介绍**/
.BrandStory_num1 {width:100%; overflow:hidden; min-height:100vh; background:url(../images/pinpai_bg1.jpg) center top no-repeat; background-attachment:fixed !important; background-size:410% !important}
.BrandStory_num1 figure {width:80%; overflow:hidden; margin:0px auto; min-width:80%; display:block; text-align:center; margin-top:35%}
.BrandStory_num1 figure img {width:100%; overflow:hidden; height:auto; display:block}


.BrandStory_num2 {width:100%; overflow:hidden; min-height:90vh; background:url(../images/indexcp_bg.jpg) center top no-repeat; background-size:390% !important}
.BrandStory_num2 div.m {width:80%; overflow:hidden; margin:0px auto; min-width:80%;}
.BrandStory_num2 div.m h2 {width:100%; overflow:hidden; text-align:center; line-height:2.4rem; font-size:1.8rem; color:#FFF; font-family:st !important}
.BrandStory_num2 div.m h3 {width:100%; overflow:hidden; text-align:center; line-height:2.2rem; font-size:1.4rem; color:#FFF; font-family:L !important}

.BrandStory_num2 div.m div.sub {width:100%; overflow:hidden; margin:0px auto; text-align:left; line-height:2rem; font-size:1rem; color:#fff; margin-top:3%}
.BrandStory_num2 div.m div.sub p {width:auto; display:block; padding-bottom:1%;}
.BrandStory_num2 div.m i {width:100%; overflow:hidden; height:2rem; line-height:2rem; font-size:2rem; color:#FFF; display:block; margin-top:5%; text-align:center; animation: upDown 2s ease-in-out infinite;}


.BrandStory_num3 {width:100%; overflow:hidden; background:url(../images/index_ppbg.jpg) center no-repeat; background-size:800% !important; min-height:100vh}
.BrandStory_num3 div.m {width:90%; overflow:hidden; margin:0px auto; min-width:90%; height:100%; flex-wrap:wrap !important;}
.BrandStory_num3 div.m div.l {width:100%; overflow:hidden}
.BrandStory_num3 div.m div.l img {width:100%; overflow:hidden; height:auto; display:block}
.BrandStory_num3 div.m div.r {width:100%; overflow:hidden; margin-top:2%; margin-bottom:8%}
.BrandStory_num3 div.m div.r h2 {width:100%; overflow:hidden; text-align:left; font-size:clamp(30px,calc(36 / 2560 * 100vw),36px); color:#d2ad77;}
.BrandStory_num3 div.m div.r div.sub {width:100%; overflow:hidden; text-align:left; line-height:2rem; font-size:1rem; color:#333; margin-top:3%}
.BrandStory_num3 div.m div.r div.sub p {width:auto; display:block; padding-bottom:1%;}
.BrandStory_num3 div.m div.r i {width:100%; overflow:hidden; height:2rem; line-height:2rem; font-size:2rem; color:#8d5e19; display:block; margin-top:5%; text-align:left; animation: upDown 2s ease-in-out infinite;}


.BrandStory_num4 {width:100%; overflow:hidden; position:relative; background:#0a2455; padding-top:100%}
.BrandStory_num4 img {width:110%; overflow:hidden; height:auto; display:block; position:relative; z-index:1; margin-left:-5%}
.BrandStory_num4 div.m {width:80%; overflow:hidden; margin:0px auto; height:100%; position:absolute; left:10%; top:10%; z-index:1 !important}
.BrandStory_num4 div.m div.sub {width:100%; overflow:hidden; margin:0px auto; text-align:center; line-height:1.4rem; font-size:0.9rem; color:#fff; margin-top:3%}
.BrandStory_num4 div.m div.sub p {width:auto; display:block; padding-bottom:1%;}

.BrandStory_num4 div.m a {width:97%; overflow:hidden; padding:1%; margin:0px auto; border:1px solid #fff; border-radius:100px; margin-top:5%; color:#fff; font-size:1rem}
.BrandStory_num4 div.m a i {width:1.8rem; overflow:hidden; height:1.8rem; line-height:1.8rem; display:block; text-align:left; color:#fff; font-size:1.6rem}
.BrandStory_num4 div.m a:hover {width:97%; overflow:hidden; padding:1%; margin:0px auto; border:1px solid #fff; border-radius:100px; margin-top:5%; color:#fff; font-size:1rem}
.BrandStory_num4 div.m a:hover i {width:1.8rem; overflow:hidden; height:1.8rem; line-height:1.8rem; display:block; text-align:left; color:#fff; font-size:1.6rem}





/*产品介绍*/
.ProductIntroduction_num1 {width:100%; overflow:hidden; background:#04336f; position:relative; padding-top:70px;}
.ProductIntroduction_num1 img {width:150%; overflow:hidden; height:auto; display:block; margin-left:-30%;}
.ProductIntroduction_num1 i {width:100%; overflow:hidden; height:clamp(35px,calc(46 / 2560 * 100vw),46px); line-height:clamp(35px,calc(46 / 2560 * 100vw),46px); font-size:clamp(35px,calc(46 / 2560 * 100vw),46px); color:#FFF; display:block; margin-top:5%; text-align:center; animation: upDown 2s ease-in-out infinite; position:absolute; left:0px; bottom:15%; z-index:99999}

.ProductIntroduction_num2 {width:100%; overflow:hidden; background:url(../images/index_ppbg.jpg) center no-repeat; background-size:cover; padding-top:7%; padding-bottom:7%}
.ProductIntroduction_num2 div.m {width:90%; overflow:hidden; margin:0px auto; min-width:90%;}
.ProductIntroduction_num2 div.m dl:nth-child(odd) {width:100%; overflow: hidden; margin: 0px auto; position:relative}
.ProductIntroduction_num2 div.m dl:nth-child(odd) dt {width:100%; overflow: hidden; float:left}
.ProductIntroduction_num2 div.m dl:nth-child(odd) dt figure {width:100%; overflow: hidden; height: auto; display: block; border-radius: 35px}
.ProductIntroduction_num2 div.m dl:nth-child(odd) dt figure img {width:100%; overflow: hidden; height: auto; display: block;}
.ProductIntroduction_num2 div.m dl:nth-child(odd) dd {width:90%; overflow: hidden; margin:0px auto; position:static; right: 0px; top: 0%; transform: translateY(0%);}
.ProductIntroduction_num2 div.m dl:nth-child(odd) dd h2 {width:100%; overflow: hidden; text-align: left; padding-bottom: 3%; line-height:2.4rem; font-size:1.6rem; color:#b48642; padding-top:5%}
.ProductIntroduction_num2 div.m dl:nth-child(odd) dd p {width:100%; overflow: hidden; text-align: left; line-height:1.8rem; font-size:1rem; color: #333; padding-top:0.2rem; padding-bottom: 0.2rem; display: block}
.ProductIntroduction_num2 div.m dl:nth-child(odd) dd p strong {font-size: 1.2rem;}

.ProductIntroduction_num2 div.m dl:nth-child(even) {width:100%; overflow: hidden; margin: 0px auto; position:relative}
.ProductIntroduction_num2 div.m dl:nth-child(even) dt {width:100%; overflow: hidden; float:left}
.ProductIntroduction_num2 div.m dl:nth-child(even) dt figure {width:100%; overflow: hidden; height: auto; display: block; border-radius: 35px}
.ProductIntroduction_num2 div.m dl:nth-child(even) dt figure img {width:100%; overflow: hidden; height: auto; display: block;}
.ProductIntroduction_num2 div.m dl:nth-child(even) dd {width:90%; overflow: hidden; margin:0px auto; position:static; right: 0px; top: 0%; transform: translateY(0%);}
.ProductIntroduction_num2 div.m dl:nth-child(even) dd h2 {width:100%; overflow: hidden; text-align: left; padding-bottom: 3%; line-height:2.4rem; font-size:1.6rem; color:#b48642; padding-top:5%}
.ProductIntroduction_num2 div.m dl:nth-child(even) dd p {width:100%; overflow: hidden; text-align: left; line-height:1.8rem; font-size:1rem; color: #333; padding-top:0.2rem; padding-bottom: 0.2rem; display: block}
.ProductIntroduction_num2 div.m dl:nth-child(even) dd p strong {font-size: 1.2rem;}


.ProductIntroduction_num3 {width:100%; overflow:hidden; background:#083062; padding-top:10%; padding-bottom:10%}
.ProductIntroduction_num3 div.m {width:90%; overflow:hidden; margin:0px auto; min-width:90%;}
.ProductIntroduction_num3 div.m dl:nth-child(odd) {width:100%; overflow: hidden; margin: 0px auto; position:relative}
.ProductIntroduction_num3 div.m dl:nth-child(odd) dt {width:100%; overflow: hidden; float:left}
.ProductIntroduction_num3 div.m dl:nth-child(odd) dt figure {width:100%; overflow: hidden; height: auto; display: block; border-radius: 35px}
.ProductIntroduction_num3 div.m dl:nth-child(odd) dt figure img {width:100%; overflow: hidden; height: auto; display: block;}
.ProductIntroduction_num3 div.m dl:nth-child(odd) dd {width:90%; overflow: hidden; margin:0px auto; position:static; right: 0px; top: 0%; transform: translateY(0%);}
.ProductIntroduction_num3 div.m dl:nth-child(odd) dd h2 {width:100%; overflow: hidden; text-align: left; padding-bottom: 3%; line-height:2.4rem; font-size:1.6rem; color:#b48642; padding-top:6%}
.ProductIntroduction_num3 div.m dl:nth-child(odd) dd p {width:100%; overflow: hidden; text-align: left; line-height:1.8rem; font-size:1rem; color: #fff; padding-top:0.2rem; padding-bottom: 0.2rem); display: block}
.ProductIntroduction_num3 div.m dl:nth-child(odd) dd p strong {font-size: 1.2rem;}

.ProductIntroduction_num3 div.m dl:nth-child(even) {width:100%; overflow: hidden; margin: 0px auto; position:relative}
.ProductIntroduction_num3 div.m dl:nth-child(even) dt {width:100%; overflow: hidden; float:left}
.ProductIntroduction_num3 div.m dl:nth-child(even) dt figure {width:100%; overflow: hidden; height: auto; display: block; border-radius: 35px}
.ProductIntroduction_num3 div.m dl:nth-child(even) dt figure img {width:100%; overflow: hidden; height: auto; display: block;}
.ProductIntroduction_num3 div.m dl:nth-child(even) dd {width:90%; overflow: hidden; margin:0px auto; position:static; right: 0px; top: 0%; transform: translateY(0%);}
.ProductIntroduction_num3 div.m dl:nth-child(even) dd h2 {width:100%; overflow: hidden; text-align: left; padding-bottom: 3%; line-height:2.4rem; font-size:1.6rem; color:#b48642; padding-top:6%}
.ProductIntroduction_num3 div.m dl:nth-child(even) dd p {width:100%; overflow: hidden; text-align: left; line-height:1.8rem; font-size:1rem; color: #fff; padding-top:0.2rem; padding-bottom: 0.2rem); display: block}
.ProductIntroduction_num3 div.m dl:nth-child(even) dd p strong {font-size: 1.2rem;}




.ProductIntroduction_num4 {width:100%; overflow:hidden; background:#fafbfb; padding-top:7%; padding-bottom:7%}
.ProductIntroduction_num4 div.m {width:90%; overflow:hidden; margin:0px auto; min-width:90%; display:block;}
.ProductIntroduction_num4 div.m div.sub {width:100%; margin-top:3%; margin-bottom:10%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; align-content:center;}
.ProductIntroduction_num4 div.m div.sub h2 {width:100%; overflow: hidden; text-align: center; padding-bottom: 2%; line-height:2.2rem; font-size:1.6rem; color:#b48642}
.ProductIntroduction_num4 div.m div.sub p {width:100%; overflow: hidden; text-align: center; line-height:1.8rem; font-size:1rem; color: #1f589c; padding-top:0.2rem; padding-bottom:0.2rem; display: block}
.ProductIntroduction_num4 div.m div.sub p span {color:#b48642; font-size:1.4rem; padding-bottom:0.4rem}
.ProductIntroduction_num4 div.m div.sub figure {width:60%; overflow:hidden; margin:0px auto; display:block; margin-top:3%}
.ProductIntroduction_num4 div.m div.sub figure img {width:100%; overflow:hidden; height:auto; display:block; margin:0px auto}
.ProductIntroduction_num4 div.m div.sub div.othe {width:70%; margin:0px auto; overflow:hidden; flex-wrap:wrap !important;}
.ProductIntroduction_num4 div.m div.sub div.othe dl {width:100%; overflow:hidden; margin-bottom:4% !important; padding-bottom:4% !important; border-bottom:1px dotted #ccc}
.ProductIntroduction_num4 div.m div.sub div.othe dt {width:100%; overflow: hidden; text-align: center; line-height:2rem; font-size:1.2rem; color: #1f589c; padding-top:0.2rem; padding-bottom: 0.2rem; display: block}
.ProductIntroduction_num4 div.m div.sub div.othe dd {width:100%; overflow: hidden; text-align: center; line-height:1.8rem; font-size:1rem; color: #1f589c; padding-top:0.2rem; padding-bottom: 0.2rem; display: block}
.ProductIntroduction_num4 div.m div.sub div.othe figure.n {width:100%; overflow:hidden; margin:0px auto; display:block; margin-top:3%}
.ProductIntroduction_num4 div.m div.sub div.othe figure.n img {width:100%; overflow:hidden; height:auto; display:block; margin:0px auto}

.ProductIntroduction_num5 {width:100%; overflow:hidden; height:auto}
.ProductIntroduction_num5 img {width:100%; overflow:hidden; height:auto; display:block}

.zhengpin {width:100%; overflow:hidden; margin:0px auto; padding-top:25%; padding-bottom:0%;}
.zhengpin div.m {width:100%; overflow:hidden; height:auto;}
.zhengpin div.m h2 {width:100%; overflow:hidden; text-align:center; line-height:1.6rem; font-size:1.2rem; color:#333; font-weight:bold}
.zhengpin div.m figure {width:100%; overflow:hidden; display:block; margin-top:5%}
.zhengpin div.m figure img {width:100%; overflow:hidden; height:auto; display:block}


}