@charset "utf-8";
body {margin:0 auto; padding:0; background-color:#ffffff; position:relative;}/* */
body,html{ padding-top:0px; overflow-x:hidden;}
* {font-size:14px; line-height:25px; color:#606060; font-family:'Arial';}
*:focus {outline:none;}
img { border:0px;}
ul {margin:0px; *margin-left:0px; margin-left:-40px;}
li {list-style-type:none;}
a { outline:none; outline:0;text-decoration:none;outline-style:none;}
a:link {font-size: 14px;color: #858585;text-decoration: none;}
a:visited {font-size: 14px;color: #858585;text-decoration: none;}
a:hover {font-size: 14px;color:#225EAB;text-decoration:none;}
p { margin:0px; padding:0px;}
form { margin:0px; padding:0px;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea { -webkit-appearance: none;}
*{-webkit-tap-highlight-color: transparent;}
@font-face {font-family: "DINPro";src: url("AlibabaPuHuiTi-3-35-Thin.ttf") format("truetype");}

/* ========== PC 端顶部导航 英文优化 ========== */
.top { 
    width:100%; 
    margin-top:0px; 
    position:fixed; 
    background-color:#fff; 
    z-index:99; 
    padding:2.5vw 0 1.5vw 0; 
    border-bottom:1px solid #eee;
}
.top .topinfo { 
    margin:0 auto; 
    width:92%; 
    display:flex; 
    justify-content:space-between; 
    align-items:center;
}
.top .topinfo .logo { 
    width:25%; 
    text-align:left;
}
.top .topinfo .logo img { 
    width:10.8vw; 
    height:auto;
}

/* 主导航 —— 英文间距更舒服 */
.top .topinfo .rights { 
    width:70%; 
    display:flex; 
    justify-content:space-between; 
    align-items:center;
}
.top .topinfo .rights .nav { 
    width:55%; 
    display:flex; 
    justify-content:space-between; 
    align-items:center;
}
.top .topinfo .rights .nav .navli { 
    position: relative; 
    text-align:center; 
    padding:0 0.5vw; 
    white-space:nowrap;
}
.top .topinfo .rights .nav .navli .big { 
    display:block; 
    font-size:1vw; 
    color:#495557; 
    line-height:1vw; 
    padding:0.8vw 1.2vw; 
    border-radius:3vw; 
    transition:all 0.3s;
}
.top .topinfo .rights .nav .navli:hover .big,
.top .topinfo .rights .nav .navli.on .big { 
    color:#fff; 
    background-color:#0CB782;
}

/* 下拉子菜单 —— 英文长文字不溢出 */
.top .topinfo .rights .nav .navli .subnav { 
    display:none; 
    position:absolute; 
    width:260%; 
    top:calc(1vw + 1.6vw); 
    left:-30%; 
    padding:1vw 0; 
    background:#fff; 
    border-radius:0 0 0.6vw 0.6vw; 
    box-shadow:0 2px 8px rgba(0,0,0,0.1);
}
.top .topinfo .rights .nav .navli .subnav .small { 
    display:block; 
    margin:0 auto; 
    width:85%; 
    font-size:0.9vw; 
    line-height:2.2vw; 
    color:#495557; 
    white-space:normal; 
    word-break:break-word;
}
.top .topinfo .rights .nav .navli .subnav .small:hover { 
    background-color:#0CB782; 
    color:#fff; 
    border-radius:2vw;
}
.top .topinfo .rights .nav .navli:hover .subnav { 
    display:block;
}

/* 语言切换 + 询价按钮 —— 英文对齐 */
.top .topinfo .rights .topright { 
    width:38%; 
    display:flex; 
    justify-content:flex-end; 
    align-items:center; 
    gap:2vw;
}
.top .topinfo .rights .topright .change { 
    width:9vw;
}
.top .topinfo .rights .topright .change .showlng { 
    height:2vw; 
    display:flex; 
    align-items:center; 
    justify-content:center; 
    cursor:pointer;
}
.top .topinfo .rights .topright .change .showlng .nowlng { 
    font-size:1vw; 
    color:#495557;
}
.top .topinfo .rights .topright .change .showlng .row { 
    width:1.5vw; 
    height:1.5vw; 
    background:url(../images/row.png) no-repeat center; 
    background-size:50% auto; 
    transition:0.3s;
}
.top .topinfo .rights .topright .change .showlng .lngs { 
    display:none; 
    position:absolute; 
    width:9vw; 
    background:#fff; 
    border:1px solid #eee; 
    padding:0.5vw 0;
}
.top .topinfo .rights .topright .change .showlng .lngs a { 
    display:block; 
    text-align:center; 
    line-height:2vw; 
    font-size:0.9vw; 
    color:#495557;
}
.top .topinfo .rights .topright .change .showlng:hover .lngs { 
    display:block;
}
.top .topinfo .rights .topright .change .showlng:hover .row { 
    transform:rotate(180deg);
}

/* 询价按钮英文不挤 */
.top .topinfo .rights .topright .topdown a { 
    font-size:1vw; 
    color:#495557; 
    white-space:nowrap;
}

/* 汉堡按钮 */
.top .mmenu { 
    display:none;
}
.banner { width:100%; text-align:center; margin-top:6vw; overflow:hidden; position:relative;}
.banner img { width:100%; height:auto;}
.banner a { display:block; position:absolute; width:35%; height:5.5vw; left:3%; top:33vw;}
.pagebanner { width:100%; text-align:center; margin-top:6vw; overflow:hidden; position:relative;}
.pagebanner img { width:100%; height:auto; position:relative; z-index:1;}
.pagebanner .bnnotes { position:absolute; width:100%; height:auto; z-index:2; left:0; top:12vw;}
.pagebanner .bnnotes.pro1 { top:5vw;}
.pagebanner .bnnotes .proinfo { width:44.27%; margin-left:6.5%; padding:8vw 0; background:linear-gradient(115deg, rgb(159,81,61,0.8), rgb(3,13,120,0.8));}
.pagebanner .bnnotes.pro1 .proinfo { background:linear-gradient(115deg, rgb(52,128,157,0.8), rgb(6,104,61,0.8));}
.pagebanner .bnnotes .proinfo .proname { margin:0 auto; width:80%; text-align:left; font-size:2vw; line-height:3vw; color:#fff; font-weight:bold;}
.pagebanner .bnnotes .proinfo .pronotes { margin:0 auto; width:80%; text-align:left; font-size:1vw; line-height:1.8vw; color:#fff; margin-top:4vw;text-align: justify;
    text-justify: inter-word;
    word-break: keep-all;
    white-space: normal;} 
.pagebanner .bnnotes .proinfo .bnbt { margin:0 auto; width:80%; margin-top:3vw;}
.pagebanner .bnnotes .proinfo .bnbt a { display:block; float:right; width:30%; line-height:2.5vw; font-size:1vw; color:#116F57; border-radius:5vw; text-align:center; background-color:#fff; box-shadow:0 0 0.5vw rgb(0,0,0,0.2);}
.navbg { position: fixed; z-index: 1000; width: 100%; height: 100%;background: rgba(0,0,0,.7);left: 0; top: 0;display: none;}
@media screen and (max-width:750px){
	/* 全局禁止横向滚动，彻底解决侧边栏残留溢出 */
	body,html{ overflow-x:hidden !important; }

	/* ========== 顶部导航核心重置 ========== */
	.top { overflow:visible; padding:3vw 0; z-index:1001;}
	.top .topinfo { width:95%; display:flex; justify-content:space-between; align-items:center;}
	.top .topinfo .logo { float:left; width:32%;}
	.top .topinfo .logo img { width:100%; height:auto; margin-top:1vw;}

	/* 侧边栏容器：彻底修复收回问题，锁定初始位置 */
	.top .topinfo .rights { 
	    display:block !important; 
	    position: fixed;
	    z-index:1001; 
	    width:75%; 
	    top:12.3vw; 
	    left:-100%; 
	    height:100%; 
	    background-color:#257A65;
	    overflow-x:hidden !important;
		overflow-y:auto;
		padding:5vw 0;
		box-sizing:border-box;
		transition:left 0.3s ease !important;
	}
	/* 菜单打开状态 */
	.top .topinfo .rights.open { left:0 !important; }

	/* 【核心修复】强制清除PC端flex横向布局，改成垂直块级 */
	.top .topinfo .rights .nav { 
		display:block !important;
		margin:0 auto; 
		width:90%; 
		margin-top:8vw;
	}

	/* 菜单项：强制垂直排列，清除所有PC端限制 */
	.top .topinfo .rights .nav .navli { 
		float:none !important;
		display:block !important;
		width:100% !important;
		height:auto !important;
		position:relative;
		text-align:left;
		margin:0 0 3vw 0;
		white-space:normal !important;
		padding:0;
	}

	/* 主菜单文字：适配英文，不挤压不重叠 */
	.top .topinfo .rights .nav .navli .big { 
		display:block;
		width:100%;
		height:auto;
		font-size:4.5vw;
		line-height:12vw;
		color:#fff;
		background-color:#257A65;
		white-space:normal !important;
		padding:0 2vw;
		box-sizing:border-box;
	}

	/* 子菜单（产品名）：适配长英文，正常换行 */
	.top .topinfo .rights .nav .navli .subnav { 
		display:block;
		position:relative;
		width:100%;
		top:0;
		left:0;
		padding:0 0 2vw 5vw;
		text-align:left;
		background-color:transparent;
		box-sizing:border-box;
	}
	.top .topinfo .rights .nav .navli .subnav .small { 
		display:block;
		width:100%;
		text-align:left;
		margin-bottom:2vw;
		font-size:3.8vw;
		line-height:8vw;
		color:#fff;
		white-space:normal !important;
	}
	.top .topinfo .rights .nav .navli .subnav .small:hover { background-color:inherit;}
	.top .topinfo .rights .nav .navli.on .big { color:#fff; background-color:#257A65;}
	.top .topinfo .rights .nav .navli:hover .big { color:#fff; background-color:#257A65;}

	/* 语言切换区域：适配多语言 */
	.top .topinfo .rights .topright { 
		margin:10vw auto 0 auto;
		width:90%;
		display:block;
	}
	.top .topinfo .rights .topright .change { 
		margin:0 auto;
		width:100%;
		float:none;
		margin-top:5vw;
	}
	.top .topinfo .rights .topright .change .showlng { 
		width:100%;
		height:auto;
		display:block;
	}
	.top .topinfo .rights .topright .change .showlng .row { display:none;}
	.top .topinfo .rights .topright .change .showlng .nowlng { display:none;}
	.top .topinfo .rights .topright .change .showlng .lngs { 
		display:block;
		position:relative;
		left:0;
		padding:2vw 0;
		width:100%;
		border-radius:2vw;
		background-color:#fff;
	}
	.top .topinfo .rights .topright .change .showlng .lngs a { 
		display:block;
		width:100%;
		text-align:center;
		line-height:10vw;
		font-size:4vw;
		color:#495557;
	}

	/* 询价按钮：适配英文 */
	.top .topinfo .rights .topright .topdown { 
		width:100%;
		float:none;
		text-align:center;
		margin-top:10vw;
	}
	.top .topinfo .rights .topright .topdown a { 
		display:block;
		margin:0 auto;
		width:100%;
		background-color:#FFF;
		border-radius:2vw;
		font-size:4.2vw;
		color:#495557;
		line-height:10vw;
	}
	.top .topinfo .rights .topright .topdown a:hover { color:#495557;}

	/* 【修复图标过大】汉堡菜单按钮，还原合适尺寸 */
	.top .mmenu { 
		display:block;
		float:right;
		cursor:pointer;
		margin-top:0.1vw;
		border-radius:1vw;
		margin-right:1%;
		width:8vw; /* 还原合适尺寸，不会过大 */
		height:8vw;
		background:url(../images/d1.png) no-repeat center center;
		background-size:60% 60%;
		background-color:#257A65;
	}
	.top .mmenu.on { 
		background:url(../images/d2.png) no-repeat center center;
		background-size:60% 60%;
		background-color:#257A65;
	}

	/* ========== 其他页面元素适配，保持原有效果 ========== */
	.banner { margin-top:12vw;}
	.banner img { width:100%; height:auto;}
	.banner a { width:100%; height:100%; left:0%; top:0vw;}

	.pagebanner { margin-top:12vw;}
	.pagebanner img { width:175%; margin-left:-53%;}
	.pagebanner .bnnotes { top:18vw;}
	.pagebanner .bnnotes.pro1 { top:11vw;}
	.pagebanner .bnnotes .proinfo { width:65%; margin-left:4%; padding:8vw 0;}
	.pagebanner .bnnotes .proinfo .proname { font-size:3.8vw; line-height:4vw;}
	.pagebanner .bnnotes .proinfo .pronotes { font-size:2.1vw; line-height:4.5vw; margin-top:1vw;} 
	.pagebanner .bnnotes .proinfo .bnbt { margin-top:5vw;}
	.pagebanner .bnnotes .proinfo .bnbt a { 
		display:block; float:inherit; margin:0 auto; width:60%; 
		line-height:6vw; font-size:3vw; border-radius:10vw;
	}
	.navbg { 
		position: fixed; 
		z-index: 1000; 
		width: 100%; 
		height: 100%;
		background: rgba(0,0,0,.7);
		left: 0; 
		top: 0;
		display: none;
	}
}
.index1 { width:100%; margin-top:0px; padding:7vw 0vw 6vw 0vw; background:url(../images/bg1.jpg) no-repeat center top; background-size:100% auto; overflow:hidden;}
.index1 .title { margin:0 auto; width:56.77%; overflow:hidden;}
.index1 .title .big { width:100%; text-align:center; font-size:2vw; line-height:3vw; color:#18A46A; font-weight:bold;}
.index1 .title .line { margin:0 auto; width:18vw; height:0.3vw; margin-top:1.2vw; background:url(../images/line.png) no-repeat center center; background-size:100% auto;}
.index1 .classel { margin:0 auto; width:35%; margin-top:3vw; display:flex; justify-content:space-between;}
.index1 .classel .class { display:block; padding:1.5vw 0 2.3vw 0; width:46%; background:url(); text-align:center;}
.index1 .classel .class .img { width:100%; height:auto; font-size:0.85vw; color:#333; line-height:1.2vw;}
.index1 .classel .class .img img { width:5.52vw; height:5.5vw;}
.index1 .classel .class.on { background:url(../images/classbg.png) no-repeat center top; background-size:100% auto;}
.index1 .classel .class.on .img { color:#fff;}
.index1 .classel .class.on .img img { filter: invert(100%);}
.index1 .proshow { display:none; margin:0 auto; width:56.77%; overflow:hidden; margin-top:4vw;}
.index1 .proshow .lhot { width:32.8%; overflow:hidden; float:left;}
.index1 .proshow .lhot a { display:block;}
.index1 .proshow .lhot a .img { width:100%; text-align:center; overflow:hidden;}
.index1 .proshow .lhot a .img1 img { width:100%; height:auto; display:block; transition:.5s;}
.index1 .proshow .lhot a .img img { width:100%; height:auto; display:block; transition:.5s;}
.index1 .proshow .lhot a .proname { width:90%; text-align:left; padding:1.5vw 5%; color:#333; font-size:1vw; line-height:1.5vw; background:none;}
.index1 .proshow .lhot a .proname font { transition:.3s; color:#1AA46B; font-size:1.5vw; font-weight:bold; line-height:2.8vw;}
.index1 .proshow .lhot a:hover .img img { transform:scale(1.05);}
.index1 .proshow .lhot a:hover .proname { color:#fff; background:linear-gradient(180deg, #08955D, #34819B);}
.index1 .proshow .lhot a:hover .proname font { color:#fff;}
.index1 .proshow .rpros { width:66%; overflow:hidden; float:right;}
.index1 .proshow .rpros ul { width:101%;}
.index1 .proshow .rpros ul a { display:block; float:left; width:49%; margin-right:1%; margin-bottom:0vw;}
.index1 .proshow .rpros ul a .img { width:100%; text-align:center; overflow:hidden;}
.index1 .proshow .rpros ul a .img img { width:100%; height:13.5vw; display:block; transition:.5s;}
.index1 .proshow .rpros ul a .proname { transition:.3s; width:90%; text-align:left; padding:1.33vw 5%; color:#333; font-size:1vw; line-height:1.5vw; background:none;}
.index1 .proshow .rpros ul a .proname font { transition:.3s; color:#1AA46B; font-size:1.5vw; font-weight:bold; line-height:2vw;}
.index1 .proshow .rpros ul a:hover .img img { transform:scale(1.05);}
.index1 .proshow .rpros ul a:hover .proname { color:#fff; background:linear-gradient(180deg, #08955D, #34819B);}
.index1 .proshow .rpros ul a:hover .proname font { color:#fff;}
.index1 .proshow.on { display:block;}
@media screen and (max-width:750px){
	.index1 { padding:10vw 0vw; background-size:300% auto;}
	.index1 .title { width:95%;}
	.index1 .title .big { font-size:5vw; line-height:7vw;}
	.index1 .title .line { width:55%; height:1.5vw; margin-top:3vw;}
	.index1 .classel { margin:0 auto; width:80%; margin-top:5vw;}
	.index1 .classel .class { padding:5vw 0 8vw 0; width:48%;}
	.index1 .classel .class .img { width:100%; height:auto; font-size:2.8vw; line-height:3.5vw;}
	.index1 .classel .class .img img { width:14vw; height:13vw;}

	/* 以下是规范优化后的产品展示区 */
	.index1 .proshow { width:95%; margin:5vw auto 0;}
	.index1 .proshow .lhot { width:calc(100% - 2px); border:1px solid #eee;}
	.index1 .proshow .lhot a .img1 img { width:100%; height:95vw; display:block; transition:.5s;}
    .index1 .proshow .lhot a .img img { width:100%; height:auto; display:block; transition:.5s;}
	.index1 .proshow .lhot a .proname { width:90%; padding:3vw 5%; font-size:2.5vw; line-height:5vw; color:#fff; background:linear-gradient(180deg, #08955D, #34819B);}
	.index1 .proshow .lhot a .proname font { font-size:4vw; line-height:6vw; color:#fff;}

	.index1 .proshow .rpros { width:100%; margin-top:3vw;}
	.index1 .proshow .rpros ul {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.index1 .proshow .rpros ul a {
		display: block;
		width: 48%;
		margin-bottom: 3vw;
	}
	.index1 .proshow .rpros ul a .img img {
		width: 100%;
		height: 32vw;
		object-fit: cover;
		display: block;
		transition:.5s;
	}
	.index1 .proshow .rpros ul a .proname {
		width: 90%;
		padding: 2.5vw 5%;
		font-size: 3.2vw;    /* 规范字号，手机看得清 */
		line-height: 1.4;
		color: #fff;
		background: linear-gradient(180deg, #08955D, #34819B);
		white-space: nowrap;    /* 英文不换行 */
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.index1 .proshow .rpros ul a .proname font {
		font-size: 3.8vw;
		line-height: 1.3;
		color:#fff;
	}
}
.mad { width:100%; text-align:center; margin-top:0vw; overflow:hidden;}
.mad img { width:100%; height:auto;}
@media screen and (max-width:750px){
	.mad { margin-top:0vw;}
	.mad img { width:100%; height:auto;}
}
.index2 { width:100%; margin-top:0px; padding:9vw 0vw; background:url(../images/bg2.jpg) no-repeat center top; background-size:100% 100%; overflow:hidden;}
.index2 .showarea { margin:0 auto; width:87.5%; overflow:hidden; display:flex; justify-content:space-between;}
.index2 .showarea .linfo { width:33%; overflow:hidden;}
.index2 .showarea .linfo .data { padding-left:5%; width:calc(95% - 1px); border-left:1px solid #959595; margin-bottom:4vw; overflow:hidden;}
.index2 .showarea .linfo .data:first-child { margin-top:5vw;}
.index2 .showarea .linfo .data .item { width:100%; font-size:3vw; line-height:3.5vw; color:#19A46B; overflow:hidden;}
.index2 .showarea .linfo .data .notes { width:100%; font-size:1.2vw; line-height:2vw; color:#19A46B; overflow:hidden;}
.index2 .showarea .rinfo { width:67%;}
.index2 .showarea .rinfo ul { width:102%;}
.index2 .showarea .rinfo ul .data { float:left; transition:.3s; width:48%; height:16vw; padding:2vw 0; margin-right:2%; margin-bottom:1vw; background:linear-gradient(90deg, #398096, #069659);}
.index2 .showarea .rinfo ul .data .ico { margin:0 auto; width:85%; text-align:left;}
.index2 .showarea .rinfo ul .data .ico img { width:2.1vw; height:2.1vw;}
.index2 .showarea .rinfo ul .data .stitle { margin:0 auto; width:85%; text-align:left; margin-top:1.5vw; color:#fff; font-size:1vw; line-height:1.5vw;}
.index2 .showarea .rinfo ul .data .notes { margin:0 auto; width:85%; margin-top:1vw; color:#fff; font-size:0.7vw; line-height:1.3vw;} 
@media screen and (max-width:750px){
	.index2 { padding:12vw 0vw;}
	.index2 .showarea { margin:0 auto; width:95%; overflow:hidden; display:inherit;}
	.index2 .showarea .linfo { width:100%; overflow:hidden; display:flex; justify-content:space-around;}
	.index2 .showarea .linfo .data { padding-left:0; width:30%; border-left:0px; margin-bottom:0vw;}
	.index2 .showarea .linfo .data:first-child { margin-top:0vw;}
	.index2 .showarea .linfo .data .item { text-align:center; font-size:6vw; line-height:8vw;}
	.index2 .showarea .linfo .data .notes { text-align:center; font-size:3vw; line-height:6vw;}
	.index2 .showarea .rinfo { width:100%; margin-top:5vw; overflow:hidden;}
	.index2 .showarea .rinfo ul { width:102%;}
	.index2 .showarea .rinfo ul .data { height:48vw; padding:3vw 0; margin-right:2%; margin-bottom:2.2vw;}
	.index2 .showarea .rinfo ul .data .ico { width:85%;}
	.index2 .showarea .rinfo ul .data .ico img { width:5vw; height:5vw;}
	.index2 .showarea .rinfo ul .data .stitle { width:85%; margin-top:1.5vw; font-size:3vw; line-height:3vw;}
	.index2 .showarea .rinfo ul .data .notes { width:85%; margin-top:1.5vw; font-size:2vw; line-height:3vw;} 
}
.index3 { width:100%; height:36vw; position:relative; margin-top:0px; background:url(../images/bg3.jpg) no-repeat center top; background-size:100% auto; overflow:hidden;}
.index3 .bg { position:absolute; width:53.125%; height:36vw; left:0; top:0; z-index:1; background:url(../images/aboutbg.png) no-repeat left top; background-size:100% 100%;}
.index3 .showarea { position:relative; z-index:2; margin:0 auto; width:87.5%; overflow:hidden;}
.index3 .showarea .leftabout { float:left; width:37%; overflow:hidden;}
.index3 .showarea .leftabout .title { width:100%; margin-top:4vw; text-align:left; color:#fff; font-size:2vw; line-height:0.1vw; font-weight:bold;}
.index3 .showarea .leftabout .notes {
    width:100%;
    margin-top:2vw;
    font-size:0.85vw;
    line-height:1.7vw;
    color:#fff;

    /* 👇 只加这 4 行，实现：两端对齐 + 保持单词完整 + 不断词 */
    text-align: justify;
    text-justify: inter-word;
    word-break: keep-all;
    white-space: normal;
} 
.index3 .showarea .leftabout .items { width:100%; overflow:hidden; margin-top:3vw; display:flex; justify-content:space-between;}
.index3 .showarea .leftabout .items .data { width:auto; text-align:center; font-size:0.85vw; color:#fff; line-height:2.8vw;}
.index3 .showarea .leftabout .items .data img { width:4.1vw; height:auto;}
@media screen and (max-width:750px){
	.index3 { width:100%; height:167.5vw; background:url(../images/bg3.jpg) no-repeat right bottom; background-size:200% auto;}
	.index3 .bg { position:relative; width:120%; height:95vw; left:0; top:0; z-index:1; background:url(../images/aboutbg.png) no-repeat left top; background-size:100% 100%;}
	.index3 .showarea { position:relative; z-index:2; margin:0 auto; width:90%; margin-top:-85vw;}
	.index3 .showarea .leftabout { float:inherit; width:100%;}
	.index3 .showarea .leftabout .title { margin-top:-1vw; font-size:3.5vw; line-height:5vw; font-weight:bold;}
	.index3 .showarea .leftabout .notes { margin-top:4vw; font-size:2.3vw; line-height:5vw;} 
	.index3 .showarea .leftabout .items { margin-top:4vw;}
	.index3 .showarea .leftabout .items .data { font-size:2.8vw; line-height:6vw;}
	.index3 .showarea .leftabout .items .data img { width:10vw; height:auto;}
}
.index4 { width:100%; margin-top:0px; padding:7vw 0vw; background:url(../images/bg4.jpg) no-repeat center top; background-size:100% 100%; overflow:hidden;}
.index4 .showarea { margin:0 auto; width:87.5%; overflow:hidden; display:flex; justify-content:space-between;}
.index4 .showarea .lnotes { width:31%; overflow:hidden;}
.index4 .showarea .lnotes .title { width:100%; overflow:hidden; text-align:left; font-size:1.8vw; line-height:3.5vw; color:#19A46B; font-weight:bold;}
.index4 .showarea .lnotes .line { width:100%; overflow:hidden; margin-top:3vw; height:0.2vw; background:url(../images/line3.png) no-repeat left top; background-size:63%;}
.index4 .showarea .lnotes .notes { width:100%; overflow:hidden;text-align: justify;
    word-break: break-all; margin-top:2vw; font-size:0.9vw; line-height:1.8vw; color:#979797;} 
.index4 .showarea .rform { width:55%; padding:3vw 0; overflow:hidden; background-color:#fff; border:1px solid #eee;}
.index4 .showarea .rform .inputs { margin:0 auto; width:90%; overflow:hidden;}
.index4 .showarea .rform .inputs ul { width:103%;}
.index4 .showarea .rform .inputs ul li { float:left; width:47%; margin-right:3%; margin-bottom:2vw; padding-bottom:1vw; border-bottom:1px solid #eee; display:flex; justify-content:space-between; align-items:center;}
.index4 .showarea .rform .inputs ul li .name { width:20%; text-align:left; font-size:0.85vw; color:#000;}
.index4 .showarea .rform .inputs ul li .input { width:80%; text-align:left;} 
.index4 .showarea .rform .inputs ul li .input input { width:100%; font-size:0.85vw; line-height:0.85vw; border:0vw; color:#000;}
.index4 .showarea .rform .inputs ul li .input input::placeholder { color:#CACACA;}
.index4 .showarea .rform .textarea { margin:0 auto; width:90%; overflow:hidden; padding-bottom:1vw; border-bottom:1px solid #eee; display:flex; justify-content:space-between;}
.index4 .showarea .rform .textarea .name { width:9.5%; text-align:left; font-size:0.85vw; color:#000;}
.index4 .showarea .rform .textarea .input { width:90.5%; text-align:left;}  
.index4 .showarea .rform .textarea .input textarea { width:100%; height:4vw; text-align:left; font-size:0.85vw; line-height:1.5vw; border:0vw; color:#000;}
.index4 .showarea .rform .textarea .input textarea::placeholder { color:#CACACA;} 
.index4 .showarea .rform .checkarea { margin:0 auto; width:90%; overflow:hidden; margin-top:1vw; text-align:left; font-size:0.85vw; color:#333;}
.index4 .showarea .rform .checkarea input { border:2px solid #19A46B; transform: scale(1.5);accent-color: #19A46B;}
.index4 .showarea .rform .checkarea a { font-size:0.85vw; color:#19A46B; font-weight:bold;}
.index4 .showarea .rform .checkarea a:hover { text-decoration:underline;}
.index4 .showarea .rform .subbt { margin:0 auto; width:90%; overflow:hidden; margin-top:1.5vw;}
.index4 .showarea .rform .subbt input { background-color:#19A46B; transition:.3s; border:0px; border-radius:0.6vw; width:100%; line-height:2.5vw; font-size:0.85vw; color:#fff; cursor:pointer;}
.index4 .showarea .rform .subbt input:hover { background-color:#109A62;}
@media screen and (max-width:750px){
	.index4 { padding:10vw 0vw; background-size:200% 100%; overflow:hidden;}
	.index4 .showarea { width:95%; display:inherit;}
	.index4 .showarea .lnotes { width:100%;}
	.index4 .showarea .lnotes .title { font-size:6vw; line-height:6.5vw;}
	.index4 .showarea .lnotes .line { margin-top:5vw; height:1vw; background-size:40%;}
	.index4 .showarea .lnotes .notes { margin-top:4vw; font-size:3.5vw; line-height:6vw;} 
	.index4 .showarea .rform { width:99.2%; padding:5vw 0; margin-top:6vw;}
	.index4 .showarea .rform .inputs { width:90%;}
	.index4 .showarea .rform .inputs ul { width:100%;}
	.index4 .showarea .rform .inputs ul li { float:inherit; width:100%; margin-right:0%; margin-bottom:4vw; padding-bottom:2vw;}
	.index4 .showarea .rform .inputs ul li .name { width:20%; font-size:3.5vw;}
	.index4 .showarea .rform .inputs ul li .input { width:80%;} 
	.index4 .showarea .rform .inputs ul li .input input { font-size:3.5vw; line-height:3.5vw;}
	.index4 .showarea .rform .textarea { width:90%; padding-bottom:2vw;}
	.index4 .showarea .rform .textarea .name { width:20%; font-size:3.5vw;}
	.index4 .showarea .rform .textarea .input { width:80%;}  
	.index4 .showarea .rform .textarea .input textarea { height:20vw; font-size:3.5vw; line-height:6vw;}
	.index4 .showarea .rform .checkarea { width:90%; margin-top:4vw; font-size:3.5vw;}
	.index4 .showarea .rform .checkarea input { transform: scale(1.2);}
	.index4 .showarea .rform .checkarea a { font-size:3.5vw;}
	.index4 .showarea .rform .subbt { width:90%; margin-top:5vw;}
	.index4 .showarea .rform .subbt input { border-radius:2vw; line-height:10vw; font-size:3.5vw;}
}
.beian {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    max-width: 1280px;
    margin: 0 auto;
    padding: 1.25rem 1.5rem;
    background-color: #ffffff;
    border-top: 1px solid #e9ecef;
    font-size: 0.9rem;
}

/* 左侧备案链接 */
.beian a {
    color: #666;
    text-decoration: none;
}
.beian a:hover {
    color: #1e466e;
    text-decoration: underline;
}

/* 右侧版权信息 */
.beian1 {
    color: #666;
}
.footer { width:100%; overflow:hidden; padding:6vw 0 6vw 0; background:url(../images/fbg.jpg) no-repeat center top; background-size:100% 100%;}/* background:linear-gradient(90deg, #3681A1, #05663B);*/
.footer .bottom { margin:0 auto; width:84.89%; display:flex; justify-content:space-between; overflow:hidden;}
.footer .bottom .fleft { width:48.2%; overflow:hidden;}
.footer .bottom .fleft .flogo { width:100%; text-align:left;}
.footer .bottom .fleft .flogo img { width:13.69vw; height:auto;}
.footer .bottom .fleft .flinks { width:100%; overflow:hidden; margin-top:1vw;}
.footer .bottom .fleft .flinks .fitems { float:left; width:45%;}
.footer .bottom .fleft .flinks .fitems .fnav { display:none; width:100%; text-align:left;}
.footer .bottom .fleft .flinks .fitems .fnav a { color:#fff; font-size:0.95vw; line-height:1.5vw; color:#fff;}
.footer .bottom .fleft .flinks .fitems .fnav a:hover { text-decoration:underline;}
.footer .bottom .fleft .flinks .fitems .fsnav { width:100%; text-align:left; margin-top:1.5vw;}
.footer .bottom .fleft .flinks .fitems .fsnav a { display:block; width:100%; line-height:1.5vw; font-size:0.85vw; margin-bottom:0.6vw; color:#fff;}
.footer .bottom .fleft .flinks .fitems .fsnav a:hover { text-decoration:underline;}
.footer .bottom .fright { width:30%; overflow:hidden;}
.footer .bottom .fright .gotop { width:100%; cursor:pointer; text-align:right; display:flex; align-items:center; justify-content:end; color:#fff; font-size:0.8vw; font-weight:bold;}
.footer .bottom .fright .gotop img { width:1.6vw; height:1.6vw; margin-left:0.2vw;}
.footer .bottom .fright .contacts { width:100%; margin-top:3vw; text-align:left; font-size:0.8vw; line-height:1.8vw; color:#fff;}
.footer .bottom .fright .contacts a { font-size:0.8vw; line-height:1.8vw; color:#fff;}
.footer .bottom .fright .contacts a:hover { text-decoration:underline;}
.footer .bottom .fright .icoarea { width:100%; overflow:hidden; margin-top:2vw;}
.footer .bottom .fright .icoarea a { display:block; float:left; width:2vw; height:2vw; margin-right:1.8vw; overflow:hidden; text-align:center;}
.footer .bottom .fright .icoarea a img { width:100%; height:auto;}
.footer .bottom .fright .blinks { width:100%; overflow:hidden; margin-top:2.5vw; display:flex; justify-content:space-between;}
.footer .bottom .fright .blinks a { display:inline-block; width:auto; font-size:0.95vw; color:#fff;}
.footer .bottom .fright .blinks a:hover { text-decoration:underline;}
@media screen and (max-width:750px){
    .beian {
        flex-direction: column;
        text-align: center;
        padding: 1rem;
    }
	.footer { width:100%; overflow:hidden; padding:10vw 0 18vw 0; background-size:300% 100%;}
	.footer .bottom { width:95%; display:inherit;}
	.footer .bottom .fleft { width:100%;}
	.footer .bottom .fleft .flogo { text-align:center;}
	.footer .bottom .fleft .flogo img { width:40%; height:auto;}
	.footer .bottom .fleft .flinks { margin-top:5vw;}
	.footer .bottom .fleft .flinks .fitems { float:left; width:50%;}
	.footer .bottom .fleft .flinks .fitems .fnav { display:none; width:100%; text-align:center;}
	.footer .bottom .fleft .flinks .fitems .fnav a { font-size:4vw; line-height:5vw;}
	.footer .bottom .fleft .flinks .fitems .fsnav { text-align:center; margin-top:3.5vw; margin-bottom:8vw;}
	.footer .bottom .fleft .flinks .fitems .fsnav a { line-height:6vw; font-size:2.5vw; margin-bottom:2vw;}
	.footer .bottom .fright { width:100%; margin-top:3vw;}
	.footer .bottom .fright .gotop { width:100%; cursor:pointer; text-align:center; justify-content:center; font-size:4vw;}
	.footer .bottom .fright .gotop img { width:6vw; height:6vw; margin-left:2vw;}
	.footer .bottom .fright .contacts { margin:0 auto; width:80%; margin-top:5vw; font-size:3.5vw; line-height:6vw;}
	.footer .bottom .fright .contacts a { font-size:3.5vw; line-height:6vw;}
	.footer .bottom .fright .icoarea { width:100%; margin-top:7vw; text-align:center;}
	.footer .bottom .fright .icoarea a { display:inline-block; float:inherit; width:8vw; height:8vw; margin-right:4vw;}
	.footer .bottom .fright .blinks { width:100%; margin-top:4vw; display:inherit; text-align:center;}
	.footer .bottom .fright .blinks a { display:inline-block; width:auto; font-size:3.5vw; margin-left:3vw; margin-right:3vw;}
}
.product1 { margin:0 auto; width:100%; overflow:hidden; padding:5vw 0vw 12vw 0vw; background:linear-gradient(180deg, #fff, #F4F5F7);}
.product1 .stitle { margin:0 auto; width:calc(86.98% - 4px); text-indent:1vw; border-left:4px solid #959595; text-align:left; font-size:1.2vw; color:#999; font-weight:bold; line-height:2vw;}
.product1 .showarea { margin:0 auto; width:69%; margin-top:5vw; display:flex; justify-content:space-between; align-items:center;}
.product1 .showarea .litems { width:65%; overflow:hidden;}
.product1 .showarea .litems .data { width:100%; height:5vw; margin-bottom:5vw;text-indent: 20px; overflow:hidden; border-radius:3vw; font-size:1.3vw; line-height:5vw; color:#fff; background:linear-gradient(90deg, #06683D, #34809D);}
.product1 .showarea .litems .data:last-child { margin-bottom:0vw;}
.product1 .showarea .rimg { width:63.55%;}
.product1 .showarea .rimg img { width:100%; height:auto;}
.pro_info { width:100%; height:auto; overflow:hidden;}
.pro_info img { width:100%; height:auto;}
.colorbg { margin:0 auto; width:100%; overflow:hidden; margin-top:6vw; background:linear-gradient(90deg, #A6563B, #0C1273);}
.colorbg p { display:block; width:100%; text-align:center; font-size:4.5vw; line-height:13vw; color:#fff; font-weight:bold;}
.colorbg2 { margin:0 auto; width:100%; overflow:hidden; margin-top:6vw; background:linear-gradient(90deg, #34829E, #127058);}
.colorbg2 p { display:block; width:100%; text-align:center; font-size:4.5vw; line-height:13vw; color:#fff; font-weight:bold;}
@media screen and (max-width:750px){
	.product1 { padding:8vw 0vw 14vw 0vw;}
	.product1 .stitle { width:calc(95% - 2px); text-indent:3vw; border-left:2px solid #959595; font-size:3.8vw; line-height:5vw;}
	.product1 .showarea {width:90%; margin-top:7vw;}
	.product1 .showarea .litems { width:80%;}
	.product1 .showarea .litems .data { height:8vw; margin-bottom:6vw; border-radius:5vw; font-size:2.3vw; line-height:8vw;}
	.product1 .showarea .rimg { width:63.55%;}
	.colorbg { margin-top:12vw;}
	.colorbg p { font-size:6vw; line-height:10vw;margin-top:6vw;}
	.colorbg2 { margin-top:12vw;}
	.colorbg2 p { font-size:6vw; line-height:10vw; margin-top:5vw;}
}
.product2 { margin:0 auto; width:100%; padding:7.6vw 0vw; overflow:hidden; position:relative; background:url(../images/bg5.jpg) no-repeat center top; background-size:100% auto; display:flex; justify-content:space-between; align-items:center;}
.product2 .position { position:absolute; width:86%; left:7%; top:2.5vw; text-align:left; font-size:1vw; color:#999; line-height:1.2vw;}
.product2 .position a { font-size:1vw; color:#999; line-height:1.2vw;}
.product2 .position a:hover { text-decoration:underline;}
.product2 .lsel { width:35%; border-right:1px solid #C5C5C5; overflow:hidden;}
.product2 .lsel .sel { display:block; position:relative; line-height:6.4vw; font-size:1.3vw; color:#999; width:100%; text-indent:20%; overflow:hidden; margin-bottom:0.8vw; background:linear-gradient(90deg, #ECECEC, #E5E5E5);}
.product2 .lsel .sel:last-child { margin-bottom:0vw;}
.product2 .lsel .sel p { display:none; position:absolute; right:8%; top:2vw; text-indent:0%; width:2.5vw; height:2.5vw; background:url(../images/row2.png) no-repeat center center; background-size:100% 100%;}
.product2 .lsel .sel.on { color:#fff; background:linear-gradient(90deg, #34829E, #137159);}
.product2 .lsel .sel.on p { display:block;}
.product2 .proview { display:none; width:47.65%; margin-right:2.4%;}
.product2 .proview .primg { width:100%; overflow:hidden; text-align:center; position:relative;}
.product2 .proview .primg .bigimg { width:90.9%; height:auto; position:relative; z-index:1;}
.product2 .proview .primg .opers { position:absolute; left:0; top:0; width:100%;}
.product2 .proview .primg .opers .lname { position:absolute; z-index:1; left:0; width:100%; top:0; font-size:2.6vw; line-height:4.8vw; font-weight:bold; color:#116F57; text-align:left;}
.product2 .proview .primg .opers .downbt { position:absolute; z-index:2; right:0; top:0; width:100%; text-align:right; display:flex; justify-content:end; align-items:center;}
.product2 .proview .primg .opers .downbt a { font-size:0.9vw; color:#116F57;}
.product2 .proview .primg .opers .downbt a img { width:0.7vw; height:0.7vw; margin-left:0.6vw;}
.product2 .proview.on { display:block;}
@media screen and (max-width:750px){
	.product2 { padding:10vw 0vw;}
	.product2 .position { width:95%; left:2.5%; top:3vw; font-size:3vw; line-height:3.5vw;}
	.product2 .position a { font-size:3vw; line-height:3.5vw;}
	.product2 .lsel .sel { line-height:6vw; font-size:3vw; margin-bottom:1vw; text-indent:5%;}
	.product2 .lsel .sel p { right:5%; top:1.5vw; text-indent:0%; width:3.5vw; height:3.5vw; background:url(../images/row2.png) no-repeat center center; background-size:100% 100%;}
	.product2 .proview .primg .opers .lname { font-size:4vw; line-height:4.5vw;}
	.product2 .proview .primg .opers .downbt { top:-1.5vw;}
	.product2 .proview .primg .opers .downbt a { font-size:2.5vw;}
	.product2 .proview .primg .opers .downbt a img { width:2.2vw; height:2.2vw; margin-left:1vw;}
}
.product3 { margin:0 auto; width:100%;}
.proabout { display:none; margin:0 auto; width:100%; padding:7vw 0vw; overflow:hidden;}
.proabout .title { margin:0 auto; width:86.98%; text-align:left; font-size:2vw; color:#116F57; line-height:2.5vw;}
.proabout .titlebg { margin:0 auto; width:86.98%; height:2.5vw; background:url(../images/titlebg.png) no-repeat left top; background-size:100% auto;}
.proabout .showarea { margin:0 auto; width:86.98%; overflow:hidden; margin-top:4vw; display:flex; justify-content:space-between;}
.proabout .showarea .linfo { width:43%;}
.proabout .showarea .linfo .data { width:93%; padding-left:7%; line-height:4vw; color:#fff; font-size:1.2vw; background:linear-gradient(90deg, #34829E, #137159); margin-bottom:0.4vw;}
.proabout .showarea .rinfo { width:50%; font-size:1.1vw; line-height:2.5vw; color:#333333;}
.proabout.on { display:block;}
@media screen and (max-width:750px){
	.proabout { padding:7.5vw 0vw;}
	.proabout .title { width:95%; font-size:4vw; line-height:4.5vw;}
	.proabout .titlebg { width:95%; height:2.5vw;}
	.proabout .showarea { width:95%; margin-top:5vw;}
	.proabout .showarea .linfo { width:32%;}
	.proabout .showarea .linfo .data { width:93%; padding-left:7%; line-height:8vw; font-size:3vw; margin-bottom:1vw;}
	.proabout .showarea .rinfo { width:62%; font-size:2.8vw; line-height:6vw;}
}
.product4 { margin:0 auto; width:100%;}
.proparams { display:none; margin:0 auto; width:100%; padding:0vw 0vw 7vw 0vw; overflow:hidden;}
.proparams .title { margin:0 auto; width:86.98%; text-align:left; font-size:2vw; color:#116F57; line-height:2.5vw;}
.proparams .titlebg { margin:0 auto; width:86.98%; height:2.5vw; background:url(../images/titlebg.png) no-repeat left top; background-size:100% auto;}
.proparams .showarea { margin:0 auto; width:86.98%; overflow:hidden; margin-top:4vw;}
.proparams .showarea table { background-color:#F5F5F5;}
.proparams .showarea table tr td { padding:2.5vw 0vw; background-color:#fff; font-size:1.2vw; color:#252525; line-height:1.5vw; vertical-align:top;}
.proparams .showarea table tr td.th { text-indent:2%; color:#fff; background:linear-gradient(90deg, #34829E, #05673C);}
.proparams .showarea table tr td.td1 { width:60%; text-align:left; text-indent:3%;}
.proparams .showarea table tr td.td2 { width:40%; text-align:center;}
.proparams.on { display:block;}
@media screen and (max-width:750px){
	.proparams { padding:0vw 0vw 7.5vw 0vw;}
	.proparams .title { width:95%; font-size:4vw; line-height:4.5vw;}
	.proparams .titlebg { width:95%; height:2.5vw;}
	.proparams .showarea { width:95%; margin-top:5vw;}
	.proparams .showarea table { background-color:#F5F5F5;}
	.proparams .showarea table tr td { padding:2.5vw 0vw; font-size:3.5vw; line-height:5vw;}
	.proparams .showarea table tr td.th { text-indent:3%;}
	.proparams .showarea table tr td.td1 { width:40%; text-indent:6%;}
	.proparams .showarea table tr td.td2 { width:60%;}
}
.product5 { margin:0 auto; width:100%;}
.proapply { display:none; margin:0 auto; width:100%; padding:0vw 0vw 4vw 0vw; overflow:hidden;}
.proapply .title { margin:0 auto; width:86.98%; text-align:left; font-size:2vw; color:#116F57; line-height:2.5vw;}
.proapply .titlebg { margin:0 auto; width:86.98%; height:2.5vw; background:url(../images/titlebg.png) no-repeat left top; background-size:100% auto;}
.proapply .showarea { margin:0 auto; width:86.98%; margin-top:4vw;}
.proapply .showarea ul { width:105%;}
.proapply .showarea ul li { float:left; transition:.3s; width:28.3333%; margin-right:5%; margin-bottom:4vw; text-align:center; position:relative; overflow:hidden; box-shadow:0 0 10px rgb(0,0,0,0.2);}
.proapply .showarea ul li img { width:100%; height:auto; position:relative; z-index:1; display:block;}
.proapply .showarea ul li p { display:block; position:absolute; text-align:right; right:0; bottom:0vw; z-index:2; line-height:2.5vw; font-size:1.4vw; color:#fff; width:96%; padding-right:4%;}
.proapply .showarea ul li:hover { transform:scale(1.05);}
.proapply.on { display:block;}
@media screen and (max-width:750px){
	.proapply { padding:0vw 0vw 6vw 0vw;}
	.proapply .title { width:95%; font-size:4vw; line-height:4.5vw;}
	.proapply .titlebg { width:95%; height:2.5vw;}
	.proapply .showarea { width:95%; margin-top:7vw;}
	.proapply .showarea ul { width:105%;}
	.proapply .showarea ul li { width:45%; margin-right:5%; margin-bottom:6vw;}
	.proapply .showarea ul li p { line-height:6vw; font-size:3.5vw; width:96%; padding-right:4%;}
}
.product6 { margin:0 auto; width:100%; overflow:hidden; padding:8vw 0vw;}
.product6.view { padding:4vw 0 8vw 0;}
.product6 .stitle { margin:0 auto; width:calc(86.98% - 4px); text-indent:1vw; border-left:4px solid #959595; text-align:left; font-size:1.2vw; color:#999; font-weight:bold; line-height:2vw;}
.product6.view .stitle { border:0; text-indent:0; font-size:2.2vw; line-height:2.5vw;}
.product6 .showarea { margin:0 auto; width:86.98%; margin-top:3vw; overflow:hidden;}
.product6 .showarea ul { width:107%;}
.product6 .showarea ul a { display:block; transition:.3s; float:left; padding:0px; width:calc(26.333% - 2px); border:1px solid #88B7AB; margin-right:7%; margin-bottom:4vw;}
.product6 .showarea ul a .img { margin:0 auto; width:77.5%; text-align:center; margin-top:1vw; overflow:hidden;}
.product6 .showarea ul a .img img { width:100%; height:auto; transition:.3s;}
.product6 .showarea ul a .name { margin:0 auto; transition:.3s; text-indent:0px; width:90%; position:relative; margin-top:1vw; margin-bottom:1.5vw; font-size:1.8vw; color:#116F57; line-height:2.1vw; font-weight:bold;}
.product6 .showarea ul a .name p { display:block; transition:.3s; position:absolute; right:0; top:0; width:2.2vw; height:2.2vw; background:url(../images/row3.png) no-repeat center center; background-size:100% 100%;}
.product6 .showarea ul a:hover { border:1px solid #116F57;}
.product6 .showarea ul a:hover .name { transform:scale(1.05); text-indent:0.5vw;}
.product6 .showarea ul a:hover .img img { transform:scale(1.05);}
.product6 .showarea ul a:hover .name p { transform:rotate(360deg); right:0.5vw;}
@media screen and (max-width:750px){
	.product6 { width:95%; padding:12vw 0vw;}
	.product6.view { padding:8vw 0 10vw 0;}
	.product6 .stitle { width:calc(100% - 2px); text-indent:3vw; border-left:2px solid #959595; font-size:3.8vw; line-height:5vw;}
	.product6.view .stitle { font-size:3.8vw; line-height:5vw;}
	.product6 .showarea { width:100%; margin-top:7vw;}
	.product6 .showarea ul { width:105%;}
	.product6 .showarea ul a { width:calc(45% - 2px); margin-right:5%; margin-bottom:5vw;}
	.product6 .showarea ul a .img { width:77.5%; margin-top:2vw;}
	.product6 .showarea ul a .name { width:90%; margin-top:2vw; margin-bottom:3vw; font-size:3.3vw; line-height:4.2vw;}
	.product6 .showarea ul a .name p { width:4vw; height:4vw;}
	.product6 .showarea ul a:hover .name { text-indent:1vw;}
	.product6 .showarea ul a:hover .name p { right:1vw;}
}
.about1 { margin:0 auto; width:100%; background-color:#fff; padding:8vw 0; overflow:hidden;}
.about1 .stitle { margin:0 auto; width:calc(87.9% - 4px); text-indent:1vw; border-left:4px solid #959595; text-align:left; font-size:1.2vw; color:#999; font-weight:bold; line-height:2vw;}
.about1 .showarea { margin:0 auto; width:87.9%; margin-top:-5vw; display:flex; justify-content:space-between; align-items:center;}
.about1 .showarea .lblank { width:35%;}
.about1 .showarea .rinfo { width:60%; margin-right:5%; overflow:hidden;} 
.about1 .showarea .rinfo .bigname { width:100%; font-size:4.2vw; line-height:4.5vw; color:#116F57; font-weight:bold;}
.about1 .showarea .rinfo .notes { width:100%; overflow:hidden; margin-top:2.5vw; font-size:1.2vw; line-height:2.5vw; color:#495557;text-align: justify;
    text-justify: inter-word;
    word-break: keep-all;
    white-space: normal;}
.about1 .showarea .rinfo .notes2 { width:100%; overflow:hidden; margin-top:0vw; font-size:1.2vw; line-height:2.5vw; color:#495557;text-align: justify;
    text-justify: inter-word;
    word-break: keep-all;
    white-space: normal;}
@media screen and (max-width:750px){
	.about1 { padding:10vw 0;}
	.about1 .stitle { width:calc(95% - 2px); text-indent:3vw; border-left:2px solid #959595; font-size:3.8vw; line-height:5vw;}
	.about1 .showarea { width:95%; margin-top:7vw; display:inherit;}
	.about1 .showarea .lblank { display:none;}
	.about1 .showarea .rinfo { width:100%; margin-right:0%;} 
	.about1 .showarea .rinfo .bigname { width:100%; font-size:6vw; line-height:6.5vw;}
	.about1 .showarea .rinfo .notes { width:100%; margin-top:4vw; font-size:3.5vw; line-height:7vw;}
	.about1 .showarea .rinfo .notes2 { width:100%; margin-top:0vw; font-size:3.5vw; line-height:7vw;}
}
.about2 { background:url(../images/a_pc.jpg) no-repeat center top; background-size:100% auto;height:30vw;}

@media screen and (max-width:750px){
	.about2 {background:url(../images/a_mo.jpg) no-repeat center top; background-size:100% auto;height:30vw;}
}
.about3 { margin:0 auto; width:100%; padding:4vw 0; height:32.5vw; overflow:hidden; background:url(../images/bg6.jpg) no-repeat center top; background-size:100% auto;}
.about3 .stitle { margin:0 auto; width:calc(87.9% - 4px); text-indent:1vw; border-left:4px solid #fff; text-align:left; font-size:1.2vw; color:#fff; font-weight:bold; line-height:2vw;}
.about3 .showarea { margin:0 auto; width:87.9%; margin-top:4vw; display:flex; justify-content:space-between; align-items:flex-end;}
.about3 .showarea .linfo { width:33%; text-align:left; font-size:0.8vw; line-height:2.5vw; color:#fff;text-align: justify;
    text-justify: inter-word;
    word-break: keep-all;
    white-space: normal;}
.about3 .showarea .rinfo { width:50%; text-align:right;} 
.about3 .showarea .rinfo .font1 { font-size:2vw; line-height:5.8vw; font-weight:bold; color:#fff;}
.about3 .showarea .rinfo .font2 { font-size:2.1vw; line-height:5.8vw; font-weight:bold; color:#fff;}
@media screen and (max-width:750px){
	.about3 { padding:9vw 0; height:auto; background-size:400% 100%; background:url(../images/bg6_m.jpg) no-repeat center top;}
	.about3 .stitle { width:calc(95% - 4px); text-indent:3vw; border-left:2px solid #fff; font-size:3.8vw; line-height:5vw;}
	.about3 .showarea { width:95%; margin-top:6vw; display:inherit;}
	.about3 .showarea .linfo { width:100%; font-size:3.5vw; line-height:7vw;}
	.about3 .showarea .rinfo { width:100%; text-align:center; margin-top:5vw;} 
	.about3 .showarea .rinfo .font1 { font-size:6.8vw; line-height:9vw;}
	.about3 .showarea .rinfo .font2 { font-size:8vw; line-height:9vw;}
}
.about4 { margin:0 auto; width:100%; background-color:#fff; padding:8vw 0; overflow:hidden;}
.about4 .stitle { margin:0 auto; width:calc(87.9% - 4px); text-indent:1vw; border-left:4px solid #959595; text-align:left; font-size:1.2vw; color:#999; font-weight:bold; line-height:2vw;}
.about4 .showarea { margin:0 auto; width:87.9%;}
.about4 .showarea .area1 { width:100%; overflow:hidden; display:flex; justify-content:space-between;}
.about4 .showarea .area1 .limg { width:60%; text-align:left;}
.about4 .showarea .area1 .limg img { width:85%; height:auto;}
.about4 .showarea .area1 .rinfo { width:40%; text-align:left;}
.about4 .showarea .area1 .rinfo .titles { width:100%; text-align:left; font-size:2.1vw; line-height:2.6vw; font-weight:bold; color:#116F57;}
.about4 .showarea .area1 .rinfo .notes { width:100%; margin-top:2vw; font-size:1vw; line-height:2vw; color:#495557;text-align: justify;
    text-justify: inter-word;
    word-break: keep-all;
    white-space: normal;} 
.about4 .showarea .area2 { width:100%; margin-top:6vw; overflow:hidden;}
.about4 .showarea .area2 .linfo { float:left; width:46%; text-align:left;}
.about4 .showarea .area2 .linfo .titles { width:100%; text-align:left; font-size:1.6vw; line-height:2.6vw; font-weight:bold; color:#116F57;}
.about4 .showarea .area2 .linfo .notes { width:100%; margin-top:3vw; font-size:1vw; line-height:2vw; color:#495557;text-align: justify;
    text-justify: inter-word;
    word-break: keep-all;
    white-space: normal;} 
.about4 .showarea .area2 .rimg { float:right; width:54%; text-align:right;}
.about4 .showarea .area2 .rimg img { width:78%; height:auto;}
.about4 .showarea .area3 { width:100%; margin-top:6vw; overflow:hidden; display:flex; justify-content:space-between; align-items:center;}
.about4 .showarea .area3 .limg { width:60%; text-align:left;}
.about4 .showarea .area3 .limg img { width:80%; height:auto;}
.about4 .showarea .area3 .rinfo { width:40%; text-align:center;}
.about4 .showarea .area3 .rinfo .titles { width:100%; text-align:center; font-size:1.3vw; line-height:6vw; font-weight:bold; color:#116F57;}
@media screen and (max-width:750px){
	.about4 { padding:10vw 0;}
	.about4 .stitle { width:calc(95% - 2px); text-indent:3vw; border-left:2px solid #959595; font-size:3.8vw; line-height:5vw;}
	.about4 .showarea { width:95%; margin-top:6vw;}
	.about4 .showarea .area1 { display:inherit;}
	.about4 .showarea .area1 .limg { width:100%;}
	.about4 .showarea .area1 .limg img { width:100%; height:auto;}
	.about4 .showarea .area1 .rinfo { width:100%; margin-top:7vw;}
	.about4 .showarea .area1 .rinfo .titles { font-size:4vw; line-height:5vw;}
	.about4 .showarea .area1 .rinfo .notes { margin-top:3vw; font-size:3.5vw; line-height:7vw;} 
	.about4 .showarea .area2 { margin-top:7vw;}
	.about4 .showarea .area2 .linfo { float:inherit; width:100%; margin-top:7vw;}
	.about4 .showarea .area2 .linfo .titles { font-size:4vw; line-height:5vw;}
	.about4 .showarea .area2 .linfo .notes { margin-top:3vw; font-size:3.5vw; line-height:7vw;} 
	.about4 .showarea .area2 .rimg { float:inherit; width:100%;}
	.about4 .showarea .area2 .rimg img { width:100%; height:auto;}
	.about4 .showarea .area3 { margin-top:7vw; display:inherit;}
	.about4 .showarea .area3 .limg { width:100%;}
	.about4 .showarea .area3 .limg img { width:100%; height:auto;}
	.about4 .showarea .area3 .rinfo { width:100%; margin-top:7vw;}
	.about4 .showarea .area3 .rinfo .titles { font-size:5vw; line-height:8vw;}
}
.about5 { margin:0 auto; width:100%; text-align:center;}
.about5 img { width:100%; height:auto; display:block;}

.services { margin:0 auto; width:87.5%; overflow:hidden; padding:7vw 0;}
.services .data { width:100%; margin-bottom:7vw; overflow:hidden;}
.services .data .stitle { width:100%; text-align:left; font-size:2.3vw; color:#000; line-height:4vw; font-weight:bold; border-bottom:1px solid #000;}
.services .data .infos { width:100%; overflow:hidden; margin-top:1.5vw; display:flex; justify-content:space-between;}
.services .data .infos .enname { width:54%; font-size:1.2vw; color:#000;}
.services .data .infos .notes { width:46%; font-size:1.2vw; line-height:2.7vw; color:#333;}
.services .data:last-child { margin-bottom:3vw;}
@media screen and (max-width:750px){
	.services { width:90%; padding:10vw 0;}
	.services .data { margin-bottom:8vw;}
	.services .data .stitle { font-size:4.5vw; line-height:10vw;}
	.services .data .infos { margin-top:2vw; display:inherit;}
	.services .data .infos .enname { width:100%; font-size:3.5vw;}
	.services .data .infos .notes { width:100%; margin-top:3vw; font-size:3.5vw; line-height:7vw;}
	.services .data:last-child { margin-bottom:2vw;}
}
.contacts_area { margin:0 auto; width:87.5%; overflow:hidden; padding:7vw 0 10vw 0; display:flex; justify-content:space-between;}
.contacts_area .linfo { width:50%;}
.contacts_area .linfo .info { width:75%;}
.contacts_area .linfo .info .title { width:100%; text-align:left; font-size:2.2vw; color:#999999; line-height:3vw;}
.contacts_area .linfo .info .notes { width:100%; margin-top:2.5vw; font-size:1.1vw; line-height:2.5vw; color:#999;}
.contacts_area .rinfo { width:calc(50% - 1px); border-left:1px solid #A4AAAB;}
.contacts_area .rinfo .info { width:75%; margin-left:25%;}
.contacts_area .rinfo .info .title { width:100%; text-align:left; font-size:2.2vw; color:#999999; line-height:3vw;}
.contacts_area .rinfo .info .notes { width:100%; margin-top:2.5vw; font-size:1.2vw; line-height:3vw; color:#116F57;}
.contacts_area .rinfo .info .notes a { font-size:1.2vw; line-height:3vw; color:#116F57;}
.contacts_area .rinfo .info .notes a:hover { text-decoration:underline;}
.contacts_area .rinfo .info .contactinfo { width:100%; text-align:left; margin-top:2.5vw;}
.contacts_area .rinfo .info .contactinfo a { display:inline-block; width:2.6vw; height:2.6vw; text-align:center; margin-right:4vw;}
.contacts_area .rinfo .info .contactinfo a img { width:100%; height:100%;}
@media screen and (max-width:750px){
	.contacts_area { width:90%; padding:12vw 0 15vw 0; display:inherit;}
	.contacts_area .linfo { width:100%;}
	.contacts_area .linfo .info { width:100%;}
	.contacts_area .linfo .info .title { font-size:4.5vw; line-height:5vw; font-weight:bold;}
	.contacts_area .linfo .info .notes { margin-top:5vw; font-size:3.5vw; line-height:7vw;}
	.contacts_area .rinfo { width:100%; border-left:0px; margin-top:7vw; padding-top:7vw; border-top:1px solid #A4AAAB;}
	.contacts_area .rinfo .info { width:100%; margin-left:0%;}
	.contacts_area .rinfo .info .title { font-size:4.5vw; line-height:5vw; font-weight:bold;}
	.contacts_area .rinfo .info .notes { margin-top:5vw; font-size:3.5vw; line-height:7vw;}
	.contacts_area .rinfo .info .notes a { font-size:3.5vw; line-height:7vw;}
	.contacts_area .rinfo .info .contactinfo { margin-top:5vw;}
	.contacts_area .rinfo .info .contactinfo a { width:6vw; height:6vw; margin-right:8vw;}
}
.pro1 { margin:0 auto; width:100%; overflow:hidden; padding:7vw 0vw 3vw 0vw;}
.pro1 .stitle { margin:0 auto; width:calc(86.98% - 4px); text-indent:1vw; border-left:4px solid #959595; text-align:left; font-size:1.2vw; color:#999; font-weight:bold; line-height:2vw;}
.pro1 .showarea { margin:0 auto; width:86.98%; margin-top:5vw;}
.pro1 .showarea ul { width:103%;}
.pro1 .showarea ul a { display:block; transition:.3s; float:left; padding:0px; padding-bottom:2vw; width:calc(30.333% - 2px); border:1px solid #88B7AB; margin-right:3%; margin-bottom:4vw;}
.pro1 .showarea ul a .img { margin:0 auto; width:77.5%; text-align:center; margin-top:1vw; overflow:hidden;}
.pro1 .showarea ul a .img img { width:100%; height:auto; transition:.3s;}
.pro1 .showarea ul a .name { margin:0 auto; transition:.3s; text-indent:0px; width:90%; position:relative; margin-top:1vw; margin-bottom:1.5vw; font-size:2.2vw; color:#116F57; line-height:2.1vw; font-weight:bold;}
.pro1 .showarea ul a .name p { display:block; transition:.3s; position:absolute; right:0; top:0; width:2.2vw; height:2.2vw; background:url(../images/row3.png) no-repeat center center; background-size:100% 100%;}
.pro1 .showarea ul a .other { margin:0 auto; width:90%; text-align:left; font-size:0.85vw; color:#959595; line-height:1vw; margin-top:2vw;}
.pro1 .showarea ul a:hover { border:1px solid #116F57;}
.pro1 .showarea ul a:hover .img img { transform:scale(1.05);}
.pro1 .showarea ul a:hover .name p { transform:rotate(360deg);}
@media screen and (max-width:750px){
	.pro1 { width:95%; padding:12vw 0vw;}
	.pro1 .stitle { width:calc(100% - 2px); text-indent:3vw; border-left:2px solid #959595; font-size:3.8vw; line-height:5vw;}
	.pro1 .showarea { width:100%; margin-top:7vw;}
	.pro1 .showarea ul { width:105%;}
	.pro1 .showarea ul a { width:calc(45% - 2px); margin-right:5%; margin-bottom:5vw; padding-bottom:4vw;}
	.pro1 .showarea ul a .img { width:77.5%; margin-top:2vw;}
	.pro1 .showarea ul a .name { width:90%; margin-top:2vw; margin-bottom:3vw; font-size:4vw; line-height:4.2vw;padding-right: 2vw;}
	.pro1 .showarea ul a .name p { width:4vw; height:4vw;}
	.pro1 .showarea ul a:hover .name { text-indent:1vw;}
	.pro1 .showarea ul a:hover .name p { right:1vw;}
	.pro1 .showarea ul a .other { font-size:2.2vw; line-height:2vw; margin-top:3vw;}
}
.pro2 { margin:0 auto; width:100%; overflow:hidden; padding:2vw 0vw;}
.pro2 .stitle { margin:0 auto; width:calc(86.98% - 4px); text-indent:1vw; border-left:4px solid #959595; text-align:left; font-size:1.2vw; color:#999; font-weight:bold; line-height:2vw;}
.pro2 .showarea { margin:0 auto; overflow:hidden; width:80%; margin-top:5vw;}
.pro2 .showarea ul { width:101%;}
.pro2 .showarea ul li { float:left; width:49%; margin-right:1%; margin-bottom:5vw; border-top:1px solid #E9E9E9; padding-top:2vw;}
.pro2 .showarea ul li .bigname { width:100%; font-size:2vw; color:#236554; line-height:4.5vw; font-family:'DINPro' !important;}
.pro2 .showarea ul li .notes { width:70%; height:6vw; overflow:hidden; margin-top:2vw; font-size:0.8vw; line-height:2vw; color:#959595;text-align: justify;
    text-justify: inter-word;
    word-break: keep-all;
    white-space: normal;}
@media screen and (max-width:750px){
	.pro2 { width:95%; padding:0vw 0vw 0vw 0vw;}
	.pro2 .stitle { width:calc(100% - 2px); text-indent:3vw; border-left:2px solid #959595; font-size:3.8vw; line-height:5vw;}
	.pro2 .showarea { width:100%; margin-top:5vw;}
	.pro2 .showarea ul { width:105%;}
	.pro2 .showarea ul li { float:left; width:41%; margin-right:5%; margin-bottom:7vw; padding-top:3vw;}
	.pro2 .showarea ul li .bigname { font-size:5vw; line-height:5vw;}
	.pro2 .showarea ul li .notes { width:100%; height:42vw; margin-top:3vw; font-size:2.8vw; line-height:3.5vw;}
}
.pro3 { margin:0 auto; width:100%; padding-bottom:8vw; overflow:hidden;}
.pro3 .stitle { margin:0 auto; width:calc(86.98% - 4px); text-indent:1vw; border-left:4px solid #959595; text-align:left; font-size:1.2vw; color:#999; font-weight:bold; line-height:2vw;}
.pro3 .btitle { width:100%; padding:1.5vw 0; margin-top:4vw; background:linear-gradient(90deg, #34829E, #127058);}
.pro3 .btitle .info { margin:0 auto; width:86.98%; font-size:3.2vw; color:#fff; line-height:4vw;}
.pro3 .img { margin:0 auto; width:86.98%; overflow:hidden; margin-top:8vw; text-align:center;}
.pro3 .img img { width:98%; height:auto;}
.pro3 .img img.pc { display:block;}
.pro3 .img img.mobi { display:none;}
.pro3 .gybg { width:100%; padding:13vw 0; background:url(../images/gybg.jpg) no-repeat center top; background-size:100% 100%; margin-top:8vw;}
.pro3 .gybg .items { margin:0 auto; width:70%; overflow:hidden;}
.pro3 .gybg .items .data { float:left; width:50%; text-align:left; display:flex; align-items:center; font-size:1.6vw; color:#fff; line-height:4vw;}
.pro3 .gybg .items .data img { width:2.4vw; height:2.4vw; margin-right:1vw;}
.pro3 .gyimg { margin:0 auto; width:86.98%; overflow:hidden; margin-top:7vw; text-align:center; margin-bottom:7vw;}
.pro3 .gyimg img { width:96.7%; height:auto;}
.pro3 .kuosan { margin:0 auto; width:86.98%; margin-top:7vw; overflow:hidden;}
.pro3 .kuosan ul { width:110%;}
.pro3 .kuosan ul li { float:left; width:40%; margin-right:10%; margin-bottom:5vw; display:flex; justify-content:space-between; align-items:center;}
.pro3 .kuosan ul li .linfo { width:46%; text-align:left; font-size:1.2vw; color:#116F57; line-height:2.5vw;}
.pro3 .kuosan ul li .rimg { width:54%; text-align:right;} 
.pro3 .kuosan ul li .rimg img { width:100%; height:auto;}
.pro3 .gyinfo { margin:0 auto; width:86.98%; margin-top:4vw; overflow:hidden;}
.pro3 .gyinfo ul { width:102%;}
.pro3 .gyinfo ul li { float:left; width:23%; margin-right:2%; border-top:1px solid #E9E9E9; padding-top:2vw;}
.pro3 .gyinfo ul li .ico { width:100%; text-align:left;}
.pro3 .gyinfo ul li .ico img { width:1.3vw; height:1.3vw;}
.pro3 .gyinfo ul li .name { width:100%; text-align:left; margin-top:2vw; font-size:1.2vw; color:#116F57; line-height:1.5vw;}
.pro3 .gyinfo ul li .notes { width:92%; text-align:left; margin-top:2vw; font-size:0.8vw; color:#9C9C9C; line-height:1.5vw;}
@media screen and (max-width:750px){
	.pro3 { width:100%; padding-bottom:12vw;}
	.pro3 .stitle { width:calc(95% - 2px); text-indent:3vw; border-left:2px solid #959595; font-size:3.8vw; line-height:5vw;}
	.pro3 .btitle { width:100%; padding:4vw 0; margin-top:6vw;}
	.pro3 .btitle .info { width:95%; font-size:6vw; line-height:6.5vw;}
	.pro3 .img { width:95%; margin-top:12vw; }
	.pro3 .img img { width:100%; height:auto;}
	.pro3 .img img.pc { display:none;}
	.pro3 .img img.mobi { display:block;}
	.pro3 .gybg { padding:12vw 0; background-size:100% 100%; margin-top:12vw;}
	.pro3 .gybg .items { width:90%; }
	.pro3 .gybg .items .data { display:inherit; width:100%; font-size:3.8vw; line-height:10vw;}
	.pro3 .gybg .items .data img { width:5vw; height:5vw; margin-right:2vw; margin-bottom:-1vw;}
	.pro3 .gyimg { width:95%; margin-top:10vw; margin-bottom:10vw;}
	.pro3 .kuosan { width:95%; margin-top:10vw;}
	.pro3 .kuosan ul { width:100%;}
	.pro3 .kuosan ul li { float:inherit; width:100%; margin-right:0%; margin-bottom:6vw;}
	.pro3 .kuosan ul li .linfo { width:46%; font-size:3.5vw; line-height:6vw;}
	.pro3 .kuosan ul li .rimg { width:54%;} 
	.pro3 .gyinfo { width:95%; margin-top:5vw;}
	.pro3 .gyinfo ul { width:100%;}
	.pro3 .gyinfo ul li { float:inherit; width:100%; margin-right:0%; padding-top:3vw; margin-bottom:7vw;}
	.pro3 .gyinfo ul li .ico img { width:6vw; height:6vw;}
	.pro3 .gyinfo ul li .name { margin-top:3vw; font-size:4.5vw; line-height:5vw;}
	.pro3 .gyinfo ul li .notes { width:100%; margin-top:3vw; font-size:3.5vw; line-height:6vw;text-align: justify;
    text-justify: inter-word;
    word-break: keep-all;
    white-space: normal;}
}
.pro4 { margin:0 auto; width:100%; height:51vw; position:relative; overflow:hidden; background:url(../images/p_pc1.jpg) no-repeat center top; background-size:100% 100%;}
.pro4 .position { position:absolute; width:86%; left:7%; top:2.5vw; text-align:left; font-size:1vw; color:#999; line-height:1.2vw;}
.pro4 .position a { font-size:1vw; color:#999; line-height:1.2vw;}
.pro4 .position a:hover { text-decoration:underline;}
.pro4 .pagename { position:absolute; width:95%; left:7%; top:9vw; text-align:left; font-size:4vw; color:#495557; line-height:5vw; font-weight:bold;}
@media screen and (max-width:750px){
	.pro4 { height:86vw; background:url(../images/p_mobi1.jpg) no-repeat center top; background-size:100% 100%;}
	.pro4 .position { width:95%; left:2.5%; top:5vw; font-size:3vw; line-height:3.5vw;}
	.pro4 .position a { font-size:3vw; line-height:3.5vw;}
	.pro4 .pagename { width:95%; left:2.5%; top:17vw; font-size:6vw; line-height:6.5vw;}
}
.pro4_2 { margin:0 auto; width:100%; height:51vw; position:relative; overflow:hidden; background:url(../images/p_pc2.jpg) no-repeat center top; background-size:100% 100%;}
.pro4_2 .position { position:absolute; width:86%; left:7%; top:2.5vw; text-align:left; font-size:1vw; color:#999; line-height:1.2vw;}
.pro4_2 .position a { font-size:1vw; color:#999; line-height:1.2vw;}
.pro4_2 .position a:hover { text-decoration:underline;}
.pro4_2 .pagename { position:absolute; width:86%; left:7%; top:5vw; text-align:left; font-size:4.5vw; color:#495557; line-height:5vw; font-weight:bold;}
@media screen and (max-width:750px){
	.pro4_2 { height:100vw; background:url(../images/p_mobi2.jpg) no-repeat center top; background-size:100% 100%;}
	.pro4_2 .position { width:95%; left:2.5%; top:5vw; font-size:3vw; line-height:3.5vw;}
	.pro4_2 .position a { font-size:3vw; line-height:3.5vw;}
	.pro4_2 .pagename { width:95%; left:2.5%; top:17vw; font-size:6vw; line-height:6.5vw;}
}
.pro5 { margin:0 auto; width:86%; overflow:hidden; padding:7vw 0 3vw 0;}
.pro5 .data { width:100%; border-top:1px solid #000; padding-top:1.5vw; margin-bottom:5vw; display:flex; justify-content:space-between;}
.pro5 .data .lname { width:50%; font-size:1.8vw; color:#000; line-height:2vw;}
.pro5 .data .rinfo { width:50%; font-size:1.3vw; line-height:2.5vw; color:#202020; font-family:'DINPro' !important;
    text-align: justify;
    text-justify: inter-word;
    word-break: keep-all;
    white-space: normal;
}
@media screen and (max-width:750px){
	.pro5 { width:95%; padding:12vw 0 7vw 0;}
	.pro5 .data { padding-top:5vw; margin-bottom:7vw; display:inherit;}
	.pro5 .data .lname { width:100%; font-size:4.5vw; line-height:4.5vw;}
	.pro5 .data .rinfo { width:100%; font-size:3.5vw; line-height:6vw; margin-top:3vw;}
}
.pro6 { margin:0 auto; width:100%; padding:6vw 0; background:linear-gradient(90deg, #31829A, #05965A);}
.pro6 .info { margin:0 auto; width:87%; text-align:center; display:flex; justify-content:space-between;}
.pro6 .info .data { width:40%; text-align:center; font-size:2vw; line-height:3vw; color:#fff; font-weight:bold;}
@media screen and (max-width:750px){
	.pro6 { padding:10vw 0;}
	.pro6 .info { width:100%;}
	.pro6 .info .data { font-size:4vw; line-height:4.5vw;}
}
.pro7 { margin:0 auto; width:86.98%; padding:8vw 0; overflow:hidden;}
.pro7 .data { width:100%; display:flex; justify-content:space-between; margin-bottom:6vw;}
.pro7 .data .linfo { width:50%; color:#116F57; font-size:2.5vw; line-height:3vw;}
.pro7 .data .linfo font { color:#116F57; font-size:4.5vw; line-height:5.5vw; font-weight:bold;}
.pro7 .data .rinfo { width:50%; font-size:1.2vw; line-height:3vw; color:#999;
    text-align: justify;
    text-justify: inter-word;
    word-break: keep-all;
    white-space: normal;
}
.pro7 .data:last-child { margin-bottom:0vw;}
@media screen and (max-width:750px){
	.pro7 { width:95%; padding:12vw 0;}
	.pro7 .data { width:100%; display:inherit; margin-bottom:10vw;}
	.pro7 .data .linfo { width:100%; font-size:4vw; line-height:5vw;}
	.pro7 .data .linfo font { color:#116F57; font-size:8vw; line-height:9vw;}
	.pro7 .data .rinfo { width:100%; font-size:3.5vw; line-height:6vw; margin-top:5vw;}
}
.pro8 { margin:0 auto; width:86.98%; padding:8vw 0 10vw 0; overflow:hidden;}
.pro8 .thename { width:100%; text-align:left; font-size:2.9vw; color:#000; line-height:3.5vw;}
.pro8 .thetip { width:100%; margin-top:2vw; text-align:left; font-size:0.7vw; color:#9C9C9C; line-height:1.5vw;}
.pro8 .thesel { width:100%; overflow:hidden; margin-top:4vw;}
.pro8 .thesel ul { width:101%;}
.pro8 .thesel ul li { float:left; cursor:pointer; width:49%; margin-right:1%; border-top:1px solid #E9E9E9; padding-top:3vw;}
.pro8 .thesel ul li .name { width:100%; overflow:hidden; padding:1vw 0; text-align:center; font-size:3.3vw; font-weight:bold; line-height:4vw; background-color:#fff; color:#808080; font-family:"Times New Roman", Times, serif}
.pro8 .thesel ul li .name font { font-size:3vw; font-weight:bold; line-height:4vw; color:#808080;}
.pro8 .thesel ul li.on .name { background-color:#2A958A; color:#fff;}
.pro8 .thesel ul li.on .name font { background-color:#2A958A; color:#fff;}
.pro8 .thesel ul li .proimg { width:100%; border-right:1px solid #999999; text-align:center; margin-top:2vw;}
.pro8 .thesel ul li .proimg img { width:61%; height:auto;}
.pro8 .numsel { margin:0 auto; width:90%; margin-top:4vw; overflow:hidden;}
.pro8 .numsel .selarea { display:none; width:100%; overflow:hidden;}
.pro8 .numsel .selarea ul { width:104%;}
.pro8 .numsel .selarea ul li { float:left; cursor:pointer; width:12.6666%; margin-right:4%; margin-bottom:2vw; font-size:2.2vw; line-height:4vw; border-radius:0.6vw; font-weight:bold; color:#808080; background-color:#CCCCCC; text-align:center; font-family:"Times New Roman", Times, serif}
.pro8 .numsel .selarea ul li.on { background-color:#2A958A; color:#fff;}
.pro8 .numsel .selarea.on { display:block;}
.pro8 .moreinfo { width:100%; overflow:hidden; margin-top:4vw;}
.pro8 .moreinfo .themore { display:none; width:100%; overflow:hidden;}
.pro8 .moreinfo .themore .mparams { display:none; width:100%;}
.pro8 .moreinfo .themore .mparams .title { margin:0 auto; width:100%; text-align:left; font-size:1.8vw; color:#116F57; line-height:2.2vw;}
.pro8 .moreinfo .themore .mparams .titlebg { margin:0 auto; width:100%; height:2.5vw; background:url(../images/titlebg.png) no-repeat left top; background-size:100% auto;}
.pro8 .moreinfo .themore .mparams .showpr { width:100%; margin-top:5vw; display:flex; justify-content:space-between;}
.pro8 .moreinfo .themore .mparams .showpr .limg { width:39.85%; text-align:left;}
.pro8 .moreinfo .themore .mparams .showpr .limg img { width:100%; height:auto;}
.pro8 .moreinfo .themore .mparams .showpr .rparam { width:56.25%; text-align:right;} 
.pro8 .moreinfo .themore .mparams .showpr .rparam img { width:100%; height:auto;}
.pro8 .moreinfo .themore .mparams.on { display:block;}
.pro8 .moreinfo .themore.on { display:block;}
@media screen and (max-width:750px){
	.pro8 { width:95%; padding:3vw 0 15vw 0;}
	.pro8 .thename { font-size:5vw; line-height:5.5vw;}
	.pro8 .thetip { margin-top:3vw; font-size:3vw; line-height:5vw;}
	.pro8 .thesel { margin-top:6vw;}
	.pro8 .thesel ul { width:101%;}
	.pro8 .thesel ul li { padding-top:5vw;}
	.pro8 .thesel ul li .name { padding:2vw 0; font-size:5.5vw; line-height:6vw;}
	.pro8 .thesel ul li .name font { font-size:5vw; line-height:6vw;}
	.pro8 .thesel ul li .proimg { margin-top:4vw;}
	.pro8 .thesel ul li .proimg img { width:100%; height:auto;}
	.pro8 .numsel { width:100%; margin-top:6vw;}
	.pro8 .numsel .selarea ul { width:104%;}
	.pro8 .numsel .selarea ul li { width:29.3333%; margin-right:4%; margin-bottom:4vw; font-size:3.8vw; line-height:8vw; border-radius:2vw;}
	.pro8 .moreinfo { width:100%; margin-top:6vw;}
	.pro8 .moreinfo .themore .mparams .title { font-size:4vw; line-height:4.5vw;}
	.pro8 .moreinfo .themore .mparams .showpr { margin-top:6vw; display:inherit;}
	.pro8 .moreinfo .themore .mparams .showpr .limg { width:100%; text-align:center;}
	.pro8 .moreinfo .themore .mparams .showpr .rparam { width:100%; text-align:center; margin-top:6vw;} 
}
.pro9 { margin:0 auto; width:100%; background-color:#fff; padding:8vw 0; overflow:hidden;}
.pro9 .stitle { margin:0 auto; width:calc(87.9% - 4px); text-indent:1vw; border-left:4px solid #959595; text-align:left; font-size:1.2vw; color:#999; font-weight:bold; line-height:2vw;}
.pro9 .showarea { margin:0 auto; width:87.9%; margin-top:-2.5vw; display:flex; justify-content:space-between; align-items:center;}
.pro9 .showarea .lblank { width:35%;}
.pro9 .showarea .rinfo { width:60%; margin-right:5%; overflow:hidden;} 
.pro9 .showarea .rinfo .bigname { width:100%; font-size:2.3vw; line-height:3.5vw; color:#116F57; font-weight:bold;}
.pro9 .showarea .rinfo .notes { width:100%; overflow:hidden; margin-top:3vw; font-size:1.2vw; line-height:2.5vw; color:#495557;
    text-align: justify;
    text-justify: inter-word;
    word-break: keep-all;
    white-space: normal;
}
@media screen and (max-width:750px){
	.pro9 { padding:10vw 0;}
	.pro9 .stitle { width:calc(95% - 2px); text-indent:3vw; border-left:2px solid #959595; font-size:3.8vw; line-height:5vw;}
	.pro9 .showarea { width:95%; margin-top:7vw; display:inherit;}
	.pro9 .showarea .lblank { display:none;}
	.pro9 .showarea .rinfo { width:100%; margin-right:0%;} 
	.pro9 .showarea .rinfo .bigname { width:100%; font-size:6vw; line-height:8vw;}
	.pro9 .showarea .rinfo .notes { width:100%; margin-top:6vw; font-size:3.5vw; line-height:7vw;}
}
.pro10 { margin:0 auto; width:100%; background-color:#fff; padding:0vw 0vw 8vw 0vw; overflow:hidden;}
.pro10 .stitle { margin:0 auto; width:calc(87.9% - 4px); text-indent:1vw; border-left:4px solid #959595; text-align:left; font-size:1.2vw; color:#999; font-weight:bold; line-height:2vw;}
.pro10 .datainfo { margin:0 auto; width:100%; margin-top:5vw;}
.pro10 .datainfo .btitle { width:100%; padding:1.5vw 0; margin-top:0vw; margin-bottom:1vw; cursor:pointer; background:#CCCCCC;}
.pro10 .datainfo .btitle .info { margin:0 auto; width:86.98%; font-size:2.5vw; font-weight:bold; color:#495557; line-height:4vw; position:relative;}
.pro10 .datainfo .btitle .info p { display:block; position:absolute; width:3vw; height:3vw; right:0vw; top:0.5vw; color:#fff;}
.pro10 .datainfo .btitle .info p img { width:100%; height:100%;}
.pro10 .datainfo .btitle.on { background:linear-gradient(90deg, #34829E, #127058);}
.pro10 .datainfo .btitle.on .info { color:#fff;}
.pro10 .datainfo .showdata { margin:0 auto; width:100%; padding:5vw 0; overflow:hidden;}
.pro10 .datainfo .showdata .title { margin:0 auto; width:86.98%; text-align:left; font-size:2vw; color:#116F57; line-height:2.5vw;}
.pro10 .datainfo .showdata .titlebg { margin:0 auto; width:86.98%; height:2.5vw; background:url(../images/titlebg.png) no-repeat left top; background-size:100% auto;}
.pro10 .datainfo .showdata .infoshow { margin:0 auto; width:86.98%; overflow:hidden; margin-top:4vw; display:flex; justify-content:space-between; margin-bottom:5vw;}
.pro10 .datainfo .showdata .infoshow .limg { width:46.35%; text-align:left;}
.pro10 .datainfo .showdata .infoshow .limg img { width:100%; height:auto;}
.pro10 .datainfo .showdata .infoshow .rnotes { width:50%; text-align:left; color:#333; font-size:1.25vw; line-height:3.5vw;}
.pro10 .datainfo .showdata .params { margin:0 auto; width:86.98%; overflow:hidden; margin-top:4vw; margin-bottom:5vw;}
.pro10 .datainfo .showdata .params .data { width:100%; overflow:hidden; display:flex; justify-content:space-between; margin-bottom:4vw; padding-bottom:4vw; border-bottom:1px solid #eee;}
.pro10 .datainfo .showdata .params .data .limg { width:39.85%; text-align:left;}
.pro10 .datainfo .showdata .params .data .limg img { width:100%; height:auto;}
.pro10 .datainfo .showdata .params .data .rtable { width:56.3%; text-align:right;} 
.pro10 .datainfo .showdata .params .data .rtable img { width:100%; height:auto;}
.pro10 .datainfo .showdata .params .data:last-child { margin-bottom:0; padding-bottom:0; border-bottom:0;}
.pro10 .datainfo .showdata .showarea { margin:0 auto; width:86.98%; margin-top:4vw;}
.pro10 .datainfo .showdata .showarea ul { width:105%;}
.pro10 .datainfo .showdata .showarea ul li { float:left; transition:.3s; width:28.3333%; margin-right:5%; margin-bottom:4vw; text-align:center; position:relative; overflow:hidden; box-shadow:0 0 10px rgb(0,0,0,0.2);}
.pro10 .datainfo .showdata .showarea ul li img { width:100%; height:auto; position:relative; z-index:1; display:block;}
.pro10 .datainfo .showdata .showarea ul li p { display:block; position:absolute; text-align:right; right:0; bottom:0vw; z-index:2; line-height:2.5vw; font-size:1.4vw; color:#fff; width:96%; padding-right:4%;}
.pro10 .datainfo .showdata .showarea ul li:hover { transform:scale(1.05);}
.pro10 .datainfo .showdata .abouts { margin:0 auto; width:86.98%; overflow:hidden; margin-bottom:6vw; font-size:1.2vw; line-height:3vw; color:#333;}
.pro10 .datainfo .showdata .jianjie { margin:0 auto; width:86.98%; margin-top:4vw; margin-bottom:6vw; overflow:hidden;}
.pro10 .datainfo .showdata .jianjie .bigtt { width:100%; text-align:left; font-size:3vw; font-weight:bold; color:#116F57; line-height:4vw;}
.pro10 .datainfo .showdata .jianjie .notes { width:100%; text-align:left; margin-top:3vw; font-size:1.2vw; color:#333; line-height:3vw;}
@media screen and (max-width:750px){
	.pro10 { padding:0vw 0vw 10vw 0vw;}
	.pro10 .stitle { width:calc(95% - 2px); text-indent:3vw; border-left:2px solid #959595; font-size:3.8vw; line-height:5vw;}
	.pro10 .datainfo { width:95%; margin-top:6vw;}
	.pro10 .datainfo .btitle { width:100%; padding:3.5vw 0; margin-top:0vw; margin-bottom:2vw;}
	.pro10 .datainfo .btitle .info { width:95%; font-size:5vw; line-height:6vw;}
	.pro10 .datainfo .btitle .info p { width:6vw; height:6vw; line-height:6vw; font-size:6vw; top:-0.3vw;}
	.pro10 .datainfo .showdata { width:100%; overflow:hidden; padding:5vw 0;}
	.pro10 .datainfo .showdata .title { width:100%; font-size:4vw; line-height:4.5vw;}
	.pro10 .datainfo .showdata .titlebg { width:100%; height:2.5vw;}
	.pro10 .datainfo .showdata .infoshow { width:100%; margin-top:6vw; display:inherit; margin-bottom:7vw;}
	.pro10 .datainfo .showdata .infoshow .limg { width:100%;}
	.pro10 .datainfo .showdata .infoshow .rnotes { width:100%; font-size:3.5vw; line-height:6vw; margin-top:5vw;}
	.pro10 .datainfo .showdata .params { width:100%; margin-top:6vw; margin-bottom:6vw;}
	.pro10 .datainfo .showdata .params .data { display:inherit; margin-bottom:5vw; padding-bottom:5vw;}
	.pro10 .datainfo .showdata .params .data .limg { width:100%;}
	.pro10 .datainfo .showdata .params .data .rtable { width:100%; text-align:left; margin-top:5vw;} 
	.pro10 .datainfo .showdata .showarea { width:100%; margin-top:7vw;}
	.pro10 .datainfo .showdata .showarea ul { width:105%;}
	.pro10 .datainfo .showdata .showarea ul li { width:45%; margin-right:5%; margin-bottom:6vw;}
	.pro10 .datainfo .showdata .showarea ul li p { line-height:6vw; font-size:3.5vw; width:96%; padding-right:4%;}
	.pro10 .datainfo .showdata .abouts { width:100%; margin-bottom:7vw; font-size:3.5vw; line-height:6vw; color:#333;}
	.pro10 .datainfo .showdata .jianjie { width:100%; margin-top:6vw; margin-bottom:7vw;}
	.pro10 .datainfo .showdata .jianjie .bigtt { font-size:3.8vw; line-height:5vw;}
	.pro10 .datainfo .showdata .jianjie .notes { margin-top:4vw; font-size:3.5vw; line-height:6vw;}
}