* {
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
}
html {
	font-size: 62.5%;
}
body, html {
	font-family: "microsoft yahei"
}
ul, li {
	list-style: none;
}
img {
	border: none;
	outline: none;
}
a {
	text-decoration: none;
	color: #565656;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0px;
}
.line_1 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.line_2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.page {
	text-align: left;
	margin: 10px auto;
	padding-bottom: 20px;
	display: flex;
	color: #303030;
}
.page_turner {
	padding: 20px 0px 0px 1px;
	float: left;
	clear: both;
}
.page_turner a, .page_turner span {
	float: left;
	display: block;
	border: 1px solid #303030;
	padding: 5px;
	margin-left: 4px;
	line-height: 14px;
}
.page_turner a:link, .page_turner a:visited {
	text-decoration: none;
}
.page_turner a:hover, .page_turner a.c {
	background: #303030;
	color: #fff;
}
.page1 {
	float: right;
	text-align: left;
	margin: 10px 30px;
	display: inline;
}
.page1_turner {
	padding: 4px 0px 0px 1px;
	float: left;
	clear: both;
}
.page1_turner a, .page_turner span {
	float: left;
	display: block;
	border: 1px solid #303030;
	padding: 5px;
	margin-left: 4px;
	line-height: 14px;
}
.page1_turner a:link, .page_turner a:visited {
	text-decoration: none;
}
.page1_turner a:hover, .page_turner a.c {
	background: #303030;
	color: #fff;
}
.page.center {
	justify-content: center;
}
/*header*/
header {
	width: 87.5vw;
	height: 6.25vw;
	margin: 0 auto;
	display: flex;
	align-items: center;
}
.logo img {
	width: 18.85vw;
}
.top2 {
	height: 100%;
	width: 47.65625vw;
	margin-left: 7.8125vw;
}
.navwrap {
	width: 100%;
	height: 100%;
	display: flex;
	display: -ms-flex;
	align-items: flex-start;
	justify-content: space-between;
}
.navwrap li {
	height: 100%;
	position: relative;
}
.navwrap li > a {
	display: block;
	height: 100%;
	padding: 3.3vw 1.1vw 0;
	font-size: 1.8rem;
	color: #161616;
	white-space: nowrap;
}
.navwrap li.on > a {
	font-weight: bold;
	color: #00549d;
}
.navwrap li::after {
	content: "";
	display: none;
	width: 100%;
	height: 2px;
	background-color: #00549d;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.navwrap li.on::after {
	display: block;
}
.nav_2 {
	position: absolute;
	top: 100px;
	left: -15px;
	width: 220px;
	z-index: 99;
	background-color: #fff;
	display: none;
}
.nav_2 a {
	display: block;
	width: 100%;
	height: 54px;
	padding-left: 15px;
	line-height: 54px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 14px;
	color: #666;
}
.nav_2 a:last-child {
	border-bottom: 4px solid #00549d;
}
.nav_2 a:hover {
	background-color: #00549d;
	color: #fff;
}
.navwrap li:hover > a {
	font-weight: bold;
	color: #00549d;
}
.navwrap li:hover .nav_2 {
	display: block;
}
.navwrap li:hover::after {
	display: block;
}
.top3 {
	width: 8.75vw;
	height: 100%;
	padding-top: 3.3vw;
	margin-left: auto;
	display: flex;
	align-items: flex-start;
}
.searchbtn {
	width: 0.833vw;
	height: 0.885vw;
	margin-right: 2.08vw;
	position: relative;
	background: url(../images/icon_search.jpg) center center / 100%;
}
.searchform {
	display: flex;
	width: 15.98vw;
	padding-top: 2.08vw;
	padding-right: 1.04vw;
	position: absolute;
	right: -5vw;
	top: 0.52vw;
	align-items: center;
	z-index: -1;
	opacity: 0;
	transform: translateX(1.04vw);
	transition: .5s ease-out;
}
.searchform input[type="text"] {
	width: 13vw;
	height: 2.08vw;
	border: 1px solid #e3e3e3;
	outline: none;
	padding-left: 0.78125vw;
	border-right: none;
}
.searchform input[type="submit"] {
	border: none;
	outline: none;
	height: 2.08vw;
	width: 2.08vw;
	border: 1px solid #e3e3e3;
	background: url(../images/jt_r.png) center center / 100%;
	background-color: #fff;
	border-left: none;
	cursor: pointer;
}
.searchbtn:hover .searchform {
	opacity: 1;
	z-index: 99;
	transform: translateY(0);
}
.topwechat {
	width: 1.09375vw;
	height: 0.885vw;
	margin-right: 2.08vw;
	position: relative;
	background: url(../images/icon_wechat.jpg) center center / 100%;
}
.topwechat img {
	width: 9vw;
	position: absolute;
	top: 200%;
	z-index: 0;
	left: 50%;
	transform: translateX(-50%) translateY(1.04vw);
	opacity: 0;
	transition: .5s ease-out;
}
.topwechat:hover img {
	opacity: 1;
	z-index: 99;
	transform: translateX(-50%) translateY(0);
}
.top3 a {
	font-size: 1.8rem;
	color: #000000;
	font-family: "Arial";
	line-height: 1;
}
#swiper_index .swiper-pagination {
	bottom: 2.86vw;
}
#swiper_index .swiper-pagination-bullet {
	width: 2.6vw;
	height: 0.625vw;
	background-color: #fff;
	border-radius: 0;
	opacity: .8;
}
.childbanner img {
	width: 100%;
	vertical-align: top;
}
/*footer*/
footer {
	width: 100%;
	background-color: #28292d;
}
.ft_top {
	width: 87.5vw;
	height: 17.1875vw;
 padding:0 .5vw;
	margin: 0 auto;
	display: flex;
	align-items: flex-start;
}
.ftitem {
	padding-top: 2.92vw;
}
.ftitem h5 {
	font-size: 1.8rem;
	color: #ffffff;
	margin-bottom: 1.04vw;
	line-height: 1;
	font-weight: normal;
}
.ftitem a, .ftitem > p {
	display: block;
	font-size: 1.4rem;
	color: #bebebf;
	line-height: 1;
	margin-bottom: 1.25vw;
 padding-left:.89vw;
	white-space: nowrap;
 background:url(../images/icon_b_f.jpg) left center / .4rem no-repeat;
}
.ftitem[_1] {
	margin-right: 7.8125vw;
}
.ftitem[_2] {
	width: 16.67vw;
}
.ftitem[_3] {
	margin-right: 7.29vw;
}
.endtel {
	height: 2.34375vw;
	padding-left: 3.125vw;
	font-size: 3rem;
	color: #ffffff;
	line-height: 1.5;
	background: url(../images/icon_tel.png) left center / 2.34vw no-repeat;
}
.endcode {
	margin-left: auto;
	display: flex;
	align-items: flex-start;
}
.endcode > div {
	width: 9.01vw;
}
.endcode > div:first-child {
	margin-right: 1.72vw;
}
.endcode div img {
	width: 100%;
}
.endcode div p {
	font-size: 1.4rem;
	color: #adacac;
	margin-top: 0.78vw;
	text-align: center;
}
.ft_end {
	margin: 0 auto;
	height: 4.22vw;
	width: 87.5vw;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid #4b4b4f;
}
.ft_end p {
	font-size: 1.4rem;
	color: #a9a9ab;
}
/*index*/
#container-fluid {
	width: 100%;
}
.container {
	width: 87.5vw;
	margin: 0 auto;
	overflow: hidden;
}
.index1 {
	height: 10.9375vw;
	display: flex;
	align-items: center;
}
.index1item {
	width: 25%;
	height: 100%;
	text-align: center;
	position: relative;
	padding-top: 3.95vw;
}
.index1item:nth-child(-n+3)::after {
	content: "";
	display: block;
	height: 41.9%;
	width: 2px;
	background-color: #e3e3e3;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.index1item h5 {
	font-size: 4rem;
	color: #333333;
	line-height: 1;
	margin-bottom: 1.04vw;
}
.index1item p {
	font-size: 1.4rem;
	color: #898989;
	line-height: 1;
}
.index2wrap {
	width: 100%;
	height: 34.89vw;
	background-color: #fafbfd;
}
.index2 {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.index2_l {
	width: 45.57vw;
}
.index2_r {
	width: 35.83vw;
	height: 24.94vw;
	background-color: #074b9c;
	position: relative;
}
.index2_l h4 {
	font-size: 3rem;
	color: #4c4c4c;
	line-height: 1;
}
.index2_l p[_en] {
	font-size: 1.8rem;
	color: #848484;
	line-height: 1;
	margin-top: 0.625vw;
	text-transform: uppercase;
}
.index2_l .more {
	display: block;
	width: 9.53vw;
	height: 2.66vw;
	border: 1px solid #5e5e5e;
	text-align: center;
	line-height: 2.78;
	font-size: 1.8rem;
	color: #404040;
	margin: 2.71vw 0 2.08vw;
}
.i2l_content p {
	font-size: 1.6rem;
	color: #5f5f5f;
	line-height: 2.3125;
	text-align: justify;
}
.index2_r img {
	width: 37.1875vw;
	height: 21.2vw;
	position: absolute;
	right: 2.08vw;
	top: 50%;
	transform: translateY(-50%);
}
.index3 {
	height: 43.49vw;
}
.index3title {
	height: 9.375vw;
	padding-top: 5.21vw;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}
.index3title .title {
	display: flex;
	align-items: baseline;
}
.index3title .title h5 {
	font-size: 3.6rem;
	color: #00549d;
	line-height: 1;
	margin-right: 2.25vw;
}
.index3title .title a {
	font-size: 1.6rem;
	color: #4f4f4f;
	line-height: 1;
}
.index3title .title a:not(:last-child)::after {
	content: "/";
	margin: 0 0.75vw;
}
.index3title .more {
	width: 7.865vw;
	height: 2.45vw;
	border: 1px solid #999999;
	border-radius: 1.225vw;
	text-align: center;
	line-height: 2.45vw;
	font-size: 1.6rem;
	color: #868686;
}
.i3content {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}
.i3item {
	width: 17.03125vw;
	margin-bottom: 0.78125vw;
	position: relative;
	overflow: hidden;
}
.i3item img {
	width: 100%;
}
.bg_i3item {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(62,127,195,.8);
	text-align: center;
	z-index: 9;
	padding-top: 5.625vw;
	transform: translateX(-100%);
	transition: .3s;
}
.bg_i3item p {
	font-size: 1.8rem;
	color: #ffffff;
	margin-bottom: 0.833vw;
	white-space: nowrap;
}
.bg_i3item a {
	display: inline-block;
	width: 5.78125vw;
	height: 1.82vw;
	border: 1px solid #f9e9ea;
	border-radius: 0.91vw;
	text-align: center;
	font-size: 1.4rem;
	color: #ffffff;
	line-height: 1.79vw
}
.i3item:hover .bg_i3item {
	transform: none;
}
.index4wrap {
	width: 100%;
	height: 37.34375vw;
	background-color: #0557ab;
}
.index4 {
	height: 100%;
}
.index3title[_i4] {
	height: 10.68vw;
}
.index3title[_i4] p {
	font-size: 1.6rem;
	color: #ffffff;
}
.index3title[_i4] .title h5 {
	color: #fff;
}
.index3title[_i4] .more {
	border-color: #fff;
	color: #Fff;
}
.i4content {
	width: 100%;
	height: 21.875vw;
	background-color: #fff;
	padding: 2.864vw 0.9375vw 0;
}
.indexpic {
	text-align: center;
}
.indexpic img {
	width: 100%;
	vertical-align: top;
}
.indexpic p {
	font-size: 1.8rem;
	color: #2f2f2f;
	margin-top: 1.67vw;
	line-height: 1;
}
.index5wrap {
	width: 100%;
	height: 37.86vw;
	background: #fafbfd;
}
.index5 {
	height: 100%;
}
.index3title[_i5] {
	height: 10.3125vw;
}
.i5title {
	display: flex;
	align-items: baseline;
}
.i5title a:not(:last-child) {
	font-size: 1.4rem;
	color: #4f4f4f;
	padding: 0 1.61vw;
	line-height: 3.4;
	border-bottom: 2px solid;
	border-color: transparent;
	margin: 0 0.521vw;
}
.i5title a.on {
	color: #0557ab;
	border-color: #0557ab;
}
.i5title a:not(:last-child):hover {
	color: #0557ab;
	border-color: #0557ab;
}
.i5item {
	height: 22.1875vw;
	background-color: #ffffff;
}
.i5item .imgwrap {
	height: 14.64vw;
	overflow: hidden;
}
.i5item .imgwrap img {
	width: 100%;
	vertical-align: top;
}
.i5item_date {
	padding: 1.40625vw 0.885vw 0;
}
.i5item_date p {
	font-size: 1.6rem;
	color: #2f2f2f;
	line-height: 3rem;
}
.i5item_date a {
	font-size: 1.8rem;
	color: #2f2f2f;
	line-height: 1.875;
}
.index6 {
	height: 44.58vw;
	padding: 4.84375vw 5.9375vw 0 0.276vw;
}
.i6title {
	display: flex;
	align-items: flex-start;
	margin-bottom: 1.51vw;
}
.i6title span {
	width: 6.15vw;
	height: 2.71vw;
	border: 1px solid #b8b8b8;
	font-size: 1.6rem;
	color: #7f7f7f;
	line-height: 3.125;
	text-align: center;
	margin-right: 2.14vw;
	cursor: pointer;
}
.i6title span.on {
	color: #fff;
	background-color: #054bab;
	border-color: #054bab;
}
.i6content {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.i6_l {
	width: 31.2vw;
}
.i6position div {
	width: 100%;
	height: 5.89vw;
	padding-left: 1.51vw;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	background-color: #f6f6f8;
	display: none;
}
.i6position .on {
	display: flex;
}
.i6position div p {
	font-size: 1.8rem;
	color: #3b3b3b;
	line-height: 1.83;
}
.indexmsg {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	margin-top: 0.9375vw;
}
.indexmsg input[type="text"] {
	font-size: 1.6rem;
	color: #a5a5a5;
	padding-left: 1.15vw;
	background: #f5f5f7;
	height: 3.125vw;
	width: 100%;
	border: none;
	outline: none;
	margin-bottom: 1.2vw;
}
.indexmsg input[_name1], .indexmsg input[_mail] {
	width: 15.3125;
}
.indexmsg input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
 font-size: 1.6rem;
 color:#a5a5a5;
 line-height:3.75;
 font-family: "microsoft yahei"
}
.indexmsg textarea {
	width: 100%;
	height: 5.52vw;
	resize: none;
	background: #f5f5f7;
	border: none;
	outline: none;
	padding: 0 1.15vw;
	margin-bottom: 1.2vw;
	line-height: 3.125vw;
}
.indexsub {
	width: 100%;
	height: 3.125vw;
	background-color: #02449e;
	border: none;
	outline: none;
	font-size: 2.2rem;
	color: #ffffff;
	cursor: pointer;
}
.i6_r {
	width: 39.95vw;
	height: 30.78125vw;
	background: url(../images/bg_map.png);
	background-size: contain;
	position: relative;
}
.i6_r span {
	display: block;
	width: 1.46vw;
	height: 1.46vw;
	background: url(../images/mapmarker.png);
	background-size: contain;
	position: absolute;
}
.i6_r span[_qz] {
	top: 20vw;
	left: 31.61vw;
}
.i6_r span[_bj] {
	top: 10.15625vw;
	left: 28.4375vw;
}
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}
/*child*/

/*childnav*/
.childnavwrap {
	width: 100%;
	height: 3.65vw;
	background-color: #00549d;
}
.childnav {
	width: 87.5vw;
	height: 100%;
	margin: 0 auto;
	display: flex;
	align-items: flex-start;
}
.childnav li a {
	display: block;
	line-height: 3.8vw;
	font-size: 1.5rem;
	color: #ffffff;
	min-width: 10.78125vw;
	text-align: center;
	padding: 0 0.78125vw;
}
.childnav li a:hover {
	color: #00549d;
	background-color: #ffffff;
	font-weight: bold;
}
.childnav li.on a {
	color: #00549d;
	background-color: #ffffff;
	font-weight: bold;
}
.childwrap {
	width: 87.5vw;
	margin: 0 auto;
}
.childwrap::after {
	content: "";
	display: block;
	clear: both;
}
/*news.asp*/
.newsitem {
	width: 100%;
	height: 15.89vw;
	padding: 1.5625vw 0;
	border-bottom: 1px solid #e6e6e6;
	display: flex;
	align-items: flex-start;
}
.newsitem .imgwrap {
	width: 18.75vw;
	height: 12.76vw;
	overflow: hidden;
	margin-right: 1.5625vw;
}
.newsitem .imgwrap img {
	width: 100%;
	vertical-align: top;
}
.newsitem_r {
	width: 66.9vw;
}
.newstitle {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.newstitle h4 {
	font-size: 1.8rem;
	color: #545454;
	line-height: 1.98vw;
}
.newstitle span {
	font-size: 1.4rem;
	color: #666666;
}
.newscontent {
	height: 8.85vw;
	padding-top: 0.729vw;
	overflow: hidden;
}
.newscontent p {
	font-size: 1.5rem;
	color: #666666;
	line-height: 1.46vw;
	text-align: justify;
}
.newsmore {
	display: block;
	width: 6.25vw;
	height: 1.98vw;
	line-height: 1.98vw;
	text-align: center;
	font-size: 1.4rem;
	color: #545454;
	background-color: #f2f2f2;
}
/*new*/
.article {
	padding: 1.5625vw 0;
}
.article .title {
	font-size: 2rem;
	text-align: center;
	line-height: 1.4
}
.article .info {
	width: 100%;
	height: 1.5625vw;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #999;
	font-size: 1.3rem;
	color: #fff;
	margin: 1.042vw 0;
}
.article .content {
	padding: 1.3vw 1.5625vw;
	margin-bottom: 1.3vw;
	border-bottom: 1px dashed #adabab;
	font-size: 1.6rem !important;
	line-height: 1.875 !important;
	font-family: "Microsoft yahei" !important;
}
.article .content p, .article .content span {
	font-size: 1.6rem !important;
	line-height: 1.875 !important;
	font-family: "Microsoft yahei" !important;
	color: #666;
}
.others {
	margin-bottom: 1.3vwrem;
}
.others p {
	font-size: 1.3rem;
	line-height: 2.3;
}
.backlist {
	display: block;
	width: 4.32vw;
	height: 1.71vw;
	background-color: #00549d;
	color: #fff;
	font-size: 1.3rem;
	line-height: 1.71875vw;
	text-align: center;
}
/*products*/
/*products.asp*/
.childlist {
	width: 100%;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: center;
	padding-top: 2.08vw;
}
.listitem {
	width: 22.92vw;
	margin-bottom: 0.78125vw;
}
.listitem:nth-child(3n+2) {
	margin: 0 2.08vw;
}
.listitem img {
	width: 100%;
	vertical-align: top;
}
.listitem p {
	background-color: #f2f2f2;
	font-size: 1.4rem;
	line-height: 2.08vw;
	text-align: center;
	color: #656565;
}
.product {
	padding-bottom: 1.3vw;
}
.product .content {
	text-align: center;
	padding: 1.3vw 0;
	margin-bottom: 0.78125vw;
	border-bottom: 1px dashed #adabab;
}
.product img {
	width: 36.46vw;
}
.product h4 {
	font-size: 2rem;
	margin: 1.04vw 0;
	line-height: 1.2;
}
/*message*/
.msgwrap {
	margin: 1.3vw auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.msgwrap .title {
	font-size: 2.4rem;
	margin: 1.04vw 0;
	line-height: 1.2;
	font-weight: normal;
}
.message > div {
	margin-bottom: 1.15vw;
}
.message > div > span {
	display: inline-block;
	width: 4.6875vw;
	text-align: right;
	font-weight: bold;
	font-size: 1.4rem;
	margin-right: 0.52vw;
}
.message > div > input[type="text"] {
	width: 19.01vw;
	height: 1.5625vw;
	padding-left: 0.52vw;
	outline: none;
}
.message input[type="submit"] {
	margin-left: 10.83vw;
	padding: 0.52vw;
	cursor: pointer;
}
.message textarea {
	width: 19.01vw;
	resize: none;
	outline: none;
	line-height: 1.5625vw;
	padding: 0 0.52vw;
}
/*jgl*/
.jg_1 {
	height: 30.57vw;
	padding-top: 4.11vw;
}
.jgtitle {
	font-size: 3.6rem;
	color: #333333;
	line-height: 1;
	text-align: center;
	font-weight: bold;
}
.jgtitle::after {
	content: "";
	display: block;
	width: 2.08vw;
	height: 3px;
	background-color: #e00025;
	margin: 1.3vw auto 0;
}
.j1content {
	width: 100%;
	margin-top: 2.1875vw;
	display: flex;
	align-items: flex-start;
}
.j1_l {
	width: 60.73vw;
}
.j1_l p {
	font-size: 1.4rem;
	color: #545454;
	line-height: 1.5625vw;
	text-indent: 2em;
	text-align: justify;
}
.j1_r {
	margin-left: 4.95vw;
	height: 16.67vw;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
}
.j1_r div {
	padding-left: 3.39vw;
}
.j1_r div[_1] {
	background: url(../images/jg_1.png) left bottom / 1.875vw no-repeat;
}
.j1_r div[_2] {
	background: url(../images/jg_2.png) left bottom / 1.98vw no-repeat;
}
.j1_r div[_3] {
	background: url(../images/jg_3.png) left bottom / 1.82vw no-repeat;
}
.j1_r div h5 {
	font-size: 1.8rem;
	color: #e00025;
	font-weight: normal;
}
.j1_r div span {
	font-size: 3.6rem;
	line-height: 1;
	font-weight: bold;
	margin-right: 4px;
}
.j1_r div p {
	font-size: 1.6rem;
	color: #333333;
}
.jg2wrap {
	height: 35.9375vw;
	width: 100%;
	background: url(../images/bg_jg2.png);
	background-size: contain;
	background-color: #f5f5f5;
}
.jg_2 {
	padding-top: 4.11vw;
}
.j2content {
	padding-left: 4.6875vw;
	margin-top: 3.23vw;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.j2_l {
	width: 20.83vw;
}
.j2_l .title {
	font-size: 2.4rem;
	color: #333333;
	line-height: 1;
}
.j2_l p {
	margin: 1.09375vw 0 0.625vw;
	font-size: 1.4rem;
	color: #545454;
	line-height: 2;
	text-align: justify;
}
.j2_l img {
	max-width: 100%;
}
.j2_r {
	width: 59.01vw;
	height: 20.21vw;
	padding-left: 2.1875vw;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	background: url(../images/jg2_line.png) left center / 0.83vw no-repeat;
}
.j2item p:first-child {
	font-size: 1.6rem;
	color: #545454;
	font-weight: bold;
	line-height: 1.25;
	margin-bottom: 0.677vw;
}
.j2item p:last-child {
	font-size: 1.4rem;
	color: #545454;
	line-height: 1.4;
}
.jg3wrap {
	width: 100%;
	height: 64.27vw;
	background: url(../images/bg_jg3.png);
	background-size: contain;
}
.jg_3 {
	padding-top: 4.11vw;
}
.jgtitle[_jg3] {
	color: #fff;
	margin-bottom: 2.55vw;
}
.jgtitle[_jg3]::after {
	background-color: #fff;
}
.jg3_1 {
	width: 100%;
	height: 26.09375vw;
	padding-left: 2.6vw;
	margin-bottom: 2.6vw;
	background: url(../images/bg_jg3_1.png) right 2.76vw center / 39vw no-repeat, url(../images/icon_dh.png) left 40.73vw top 5vw / 2.03125vw no-repeat;
	background-color: #fff;
	display: flex;
	align-items: center;
}
.jg3_1 img {
	width: 33.3vw;
	margin-right: 6.71875vw;
}
.jg3_1 div {
	width: 35.42vw;
}
.jg3_1 p {
	font-size: 1.6rem;
	color: #545454;
	line-height: 2.25vw;
	text-indent: 2em;
	text-align: justify;
}
.jg3_2 {
	width: 100%;
	height: 20.83vw;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.jg3item {
	width: 28.65vw;
	height: 20.83vw;
	overflow: hidden;
	position: relative;
}
.jg3item img {
	vertical-align: top;
}
.jg3ab {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 9;
	background-color: transparent;
	text-align: center;
	transition: .3s;
}
.jg3ab p {
	font-size: 3.6rem;
	color: transparent;
	font-weight: bold;
	line-height: 20.83vw;
	transition: .3s;
}
.jg3ab i {
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	background-color: #f08092;
	transition: .5s ease-out;
}
.jg3ab i[_zs] {
	left: 1.04vw;
	top: 1.04vw;
	height: 2px;
}
.jg3ab i[_zx] {
	left: 1.04vw;
	bottom: 1.04vw;
	width: 2px;
}
.jg3ab i[_ys] {
	right: 1.04vw;
	top: 1.04vw;
	width: 2px;
}
.jg3ab i[_yx] {
	right: 1.04vw;
	bottom: 1.04vw;
	height: 2px;
}
.jg3item:hover i[_zs] {
	width: 26.5625vw;
}
.jg3item:hover i[_zx] {
	height: 36rem;
}
.jg3item:hover i[_ys] {
	height: 18.75vw;
}
.jg3item:hover i[_yx] {
	width: 26.5625vw;
}
.jg3item:hover .jg3ab {
	background-color: #e00025;
}
.jg3item:hover p {
	color: #fff;
}
.paused {
	animation-play-state: paused;
}
.proitem {
	display: flex;
	width: 100%;
	height: 17.7vw;
	border: 1px solid #ededed;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.proitem img {
	height: 80%;
	width: auto !important;
	transition: .4s;
}
.proitem:hover img {
	transform: scale(1.2);
}
.footlinks {
	clear: both;
	margin: 10px auto;
	padding: 0px;
	max-width: 1600px;
	height: auto;
	font-size: 9pt;
	line-height: 140%;
	color: #777;
	text-align: center;
}
.footlinks a:link, .footlinks a:visited {
	font-size: 9pt;
	line-height: 140%;
	color: #777;
}