*{
	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;
	text-transform: uppercase;
}
.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;
}
.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:43.57vw;*/
	padding-top:4.11vw;
	padding-bottom:.8vw;
}
.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:26.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 3vw / 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: 1.8;
	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);
}