#bodycon #center{
    padding: 2% 2% 2% 2%;
}
.v-left{float: left;width: 263px;}
.v-navbox{width: 100%;margin-bottom: 50px;}
.v-nav{display: block;width: 100%;}
.v-onebox{width: 100%;position: relative; padding: 30px;background-image: url('../images/c2.jpg'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
.v-one{display: inline-block;cursor: pointer;padding-right: 40px; color: #ffffff;line-height: 1.38;}
.v-one_buttom{display: none; position: absolute;top: 50%;right: 30px;transform: translate(0,-50%);cursor: pointer; width: 26px;height: 26px;border: solid 1px #ffffff;background-image: url('../images/a55-b.png');background-size: 10px auto;background-position: center center;background-repeat: no-repeat;}
.v-nav.has-two .v-one_buttom{display: block;}
.v-nav.show .v-one_buttom{background-image: url('../images/a55-d.png');}

.v-subbox{display: none; width: 100%;border-bottom: 1px solid #e5e5e5;}
.v-sub{width: 100%;}
.v-twobox{display: block;position: relative; width: 100%;padding: 16px 30px; background-color: #ffffff;border: solid 1px #e5e5e5;border-bottom: none;}
.v-two{display: inline-block;cursor: pointer; padding-right: 40px; color: #333333;line-height: 1.5;}
.v-two_buttom{position: absolute;top: 50%;right: 30px;transform: translate(0,-50%);cursor: pointer; width: 26px;height: 26px;border: solid 1px #e5e5e5;background-image: url('../images/a55.png');background-size: 10px auto;background-position: center center;background-repeat: no-repeat;}
.v-sub.has-three .v-two_buttom{display: block;}
.v-sub.show .v-twobox{background-color: #1448af;border: solid 1px #1448af;}
.v-sub.show .v-two{color: #ffffff;}
.v-sub.show  .v-two_buttom{background-image: url('../images/a55-c.png');background-color: #ffffff;border: 1px solid #ffffff;}

.v-subbox2{display: none; width: 100%;padding: 15px 30px; border: 1px solid #e5e5e5;background-color: #f8f8f8;}
.v-sub2{width: 100%;margin-bottom: 5px;}
.v-threebox{width: 100%;padding: 5px 0;position: relative;}
.v-three{display: inline-block;cursor: pointer; padding-right: 30px; line-height: 1.6;color: #666666;}
.v-three:before{content: '';display: inline-block;vertical-align: middle;margin-right: 10px;width: 18px;height: 18px;border-radius: 50%; background-color: #ffffff;border: solid 1px #e5e5e5;}
.v-three_buttom{position: absolute;top: 50%;right: 0;transform: translate(0,-50%);cursor: pointer; width: 26px;height: 26px; background-image: url('../images/a55.png');background-size: 10px auto;background-position: center center;background-repeat: no-repeat;}
.v-sub2.has-two .v-three_buttom{display: block;}
.v-sub2.show .v-three_buttom{background-image: url('../images/a55-c.png');}

.v-three.active{color: #1d459f;}
.v-three.active:before{border: solid 1px #1d459f;background-image: url('../images/a54.png');background-size: 8px auto;background-position: center center;background-repeat: no-repeat;}


.v-fourbox{display: none; width: 100%;margin: 10px 0;padding: 10px 20px  ; font-size: 0;background-color: #ffffff;border-radius: 10px;}
.v-four{display: inline-block;vertical-align: top;margin: 10px 0;word-break: break-all; cursor: pointer;min-width: 50%;padding-right: 5px;}
.v-four:before{content: '';display: inline-block;vertical-align: middle;margin-right: 9px;width: 16px;height: 16px;border-radius: 50%; background-color: #ffffff;border: solid 1px #e5e5e5;}
.v-four.active{color: #1d459f;}
.v-four.active:before{border: solid 1px #1d459f;background-image: url('../images/a54.png');background-size: 8px auto;background-position: center center;background-repeat: no-repeat;}

.v-bototm{width: 100%;padding: 30px 25px 30px; background-image: url('../images/c3.jpg');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.v-c{color: #ffffff;line-height: 1.38;margin-bottom: 10px;}
.v-phone{display: block;cursor: pointer;color: #ffffff;line-height: 1.27;}
.v-mail{display: block;cursor: pointer;color: #ffffff;line-height: 1.7;}
.v-textbox{color: #ffffff;line-height: 1.6;position: relative;padding-top: 35px;margin-top: 25px;}
.v-textbox:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 1px;background-color: rgba(255,255,255,.2); }
.v-textbox:after{content: '';position: absolute;top: -2px;left: 0;width: 50px;height: 3px;background-color: #fff; }

.s16{font-size:15px !important;}
.s18{font-size:17px !important;}
.s14{font-size:14px !important;}
.s36{font-size:36px !important;}
.s26{font-size:26px !important;}

.ny_prototal {
							width: 1030px !important;
							float: right;
							overflow: hidden;
						}

						.ny_prolist {
							width: 31.3%;
							margin: 0 1%;
							float: left;
							margin-bottom: 2%;
							overflow: hidden;
						}

						.ny_propic {
							position: relative;
							overflow: hidden;
						}

						.ny_propic a {
							display: block;
						}

						.ny_propic a img {
							width: 100%;
						}

						.ny_propic a:before {
							content: '';
							width: 0%;
							height: 0%;
							background-color: rgba(0, 0, 0, 0.3);
							position: absolute;
							z-index: 2;
							top: 0;
							display: block;
							transition: all 0.3s;
						}

						.ny_propic span {
							width: 60px;
							height: 60px;
							display: none;
							position: absolute;
							z-index: 3;
							left: 50%;
							margin-left: -30px;
							top: 39%;
							border: solid 1px #fff;
							border-radius: 60px;
							font-size: 14px;
							color: #fff;
							line-height: 60px;
							text-align: center;
							box-sizing: border-box;
						}

						.ny_prolist:hover .ny_propic a:before {
							width: 100%;
							height: 100%;
						}

						.ny_prolist:hover .ny_propic span {
							display: block;
						}

						.ny_protil {
							width: 100%;
							background: #f5f5f5;
							/* margin-top: 0.8%; */
							position: relative;
							overflow: hidden;
							padding: 5% 0;
						}

						.ny_protil a {
							height: 45%;
							padding: 3% 4% 4% 5%;
							font-size: 16px;
							position: relative;
							z-index: 2;
							display: block;
						}

						.ny_protil span {
							display: block;
							width: 67px;
							height: 12px;
							background: url(../images/20200522095054_1768699360.png);
							margin-top: 3%;
							float: right;
						}

						.ny_prolist:hover .ny_protil span {
							background-position: 0px -12px;
							transition: all 0.3s;
						}

						.ny_prolist:hover .ny_protil a {
							color: #fff;
						}

						.ny_protil:before {
							width: 0;
							height: 100%;
							content: "";
							display: block;
							position: absolute;
							left: 0;
							bottom: 0;
							background: #f5811a;
							transition: all 0.3s;
						}

						.ny_prolist:hover .ny_protil:before {
							width: 100%;
							background-image: url(../images/b22.jpg) !important;
							background-size: cover !important;
							background-position: center center !important;
							background-repeat: no-repeat !important;
						}