:root {
	--default_color: #00a9a1;
	--minor_color: #ff9669;
}
html,
body {
    height: 100%;
    width: 100%;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Roboto", "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", BlinkMacSystemFont, -apple-system, "Segoe UI", "Microsoft Yahei", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    margin: 0;
}

a {
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
		color: inherit;
		text-decoration: none;
		cursor: pointer;
		outline: none;
		display: block;
}



hr {
    max-width: 100px;
    margin: 25px auto 0;
    border-width: 1px;
    border-color: rgba(34, 34, 34, 0.1);
}

hr.light {
    border-color: white;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 200;
    letter-spacing: 1px;
}

p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 20px;
}


#mainbody {
    position: relative;
    width: 100%;
    min-height: auto;
    overflow-y: hidden;
    background: #f1f6fd;
    color: #474157;
    height: 100vh;
		background-image: url(/assets/img/fywu_beijing.jpg);
		background-size: auto;
		background-repeat: no-repeat;
		background-position: top center;
}
#mainbody > .container {
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
}

#mainbody > .container > .container-center.wy-tanchuceng {
	width: 1400px;
	height: 41vw;
	background-color: #fff;
	border: 2px var(--default_color) solid;
	border-radius: 16px;
}
#mainbody > .container > .container-center {
		position: relative;
		margin-top: 50px;
		width: 1400px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		overflow: hidden;
		z-index: 10;
}

#mainbody > .container > .container-center > .center-left {
	width: 45%;
	height: auto;
	background: rgba(0, 64, 152, 0.85);
	border-radius: 14px;
	overflow: hidden;
	margin-right: 30px;
}
#mainbody > .container > .container-center > .center-left > .left-logo { 
	width: 100%;
	padding: 2vw;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

#mainbody > .container > .container-center > .center-left > .left-center { 
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #fff;
	padding: 2.8vw;
}
#mainbody > .container > .container-center > .center-left > .left-center > .left-center-item { 
	width: 100%;
	height:auto;
	padding: 12px 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	border-radius: 8px;
}
#mainbody > .container > .container-center > .center-left > .left-center > .left-center-item > .left-center-item-name{
	font-size: 30px;
	font-weight: 600;
	color: #fff;
}
#mainbody > .container > .container-center > .center-right {
	width: 70%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	flex-wrap: wrap;
}

#mainbody > .container > .container-center > .center-right > .flex-wrap{
	width: 100%;
	height: 76%;
}

#mainbody > .container > .container-center > .center-right > .flex-wrap > .center-right-item {
	width: 31%;
	height: 100%;
	padding: 30px;
	cursor: pointer;
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
#mainbody > .container > .container-center > .center-right > .center-right-constent{
	height: 36%;
	border-radius: 16px;
}
#mainbody > .container > .container-center > .center-right > .center-right-constent > .center-right-item{
	width: 100%;
}

#mainbody > .container > .container-center > .center-right > .center-right-constent > .center-right-item img {
	width: 50%;
}


#mainbody > .container > .container-center > .center-right > .center-right-constent > .center-right-item > .row-center > .center-right-item-name{
	font-size: 15px;
	font-weight: 600;
	color: #000;
	letter-spacing: 4px;
	line-height: 20px;
	text-align: center;
}
#mainbody > .container > .container-center > .center-right > .flex-wrap > .center-right-item > .center-right-item-names{
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	letter-spacing: 4px;
	margin-top: -20px;
}


.center-right-item.deputy:hover {
	background: var(--default_color);
}
.center-right-item.deputy:hover .svg-mbdh{
	stroke-dashoffset: var(--l);
	animation: stroke 2s forwards;
}
.primary{
	background: var(--default_color);
}
.deputy{
	background: #0f9ee2;
}
.baise {
	background: #fff;
}
.mt{
	margin-top: 50px;
}
.svg-mbdh{
	fill: none;
	stroke: #fff;
	stroke-width: 400;
	stroke-dasharray: var(--l);
	stroke-dashoffset: 0;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.center-right-item .svg-mbdh{
	stroke-width: 140;
}
.left-center-item:hover .svg-mbdh{
	stroke-dashoffset: var(--l);
	animation: stroke 2s forwards;
	/* animation: stroke 2s; */
}

@keyframes stroke {
	to{
		stroke-dashoffset: 0;
	}
}
.footers{
	position: fixed;
	width: 100%;
	height: 150px;
	bottom: 0;
	background-image: url(/assets/img/fywy_footer.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
}
.footers .footers-center{
	position: fixed;
	width: 100%;
	bottom: 14px;
	display: flex;
	justify-content: center;
	color: #fff;
	font-size: 16px;
}

.wy-dialog{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.5);
	z-index: 2000;
	display: none;
}
.wy-dialo-content{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.wy-dialog__wrapper{
	width: 80vw;
	height: auto;
	background: #fff;
	border-radius: 16px;
	border: 2px var(--default_color) solid;
}
.wy-dialog__header{
	position: relative;
	padding: 2vw;
}
.wy-dialog__title-text{
	font-size: 34px;
	color: var(--default_color);
	font-weight: bold;
}

.wy-dialog__title-texts{
	padding-left: 10px;
	font-size: 22px;
	color: var(--minor_color);
}
.wy-dialog__headerbtn{
	position: absolute;
	top: 3vw;
	right: 3vw;
}
.wy-dialog__headerbtn i {
	font-size: 24px;
	color: #6c6c6c;
}
.wy-dialog__body{
	padding: 0px 2vw 2vw 2vw;
	display: flex;
	justify-content: space-between;
}
.wy-dialog__body_left{
	width: 66%;
	overflow: hidden;
	border-radius: 1.4vw;
	position: relative;
}
.wy-dialog__body_right{
	width: 32%;
}
.wy-dialog__body_center{
	width: 2vw;
	height: 100%;
}

.wy-dialog__body_right-lnyq{
	margin-bottom: 2vw;
	border-radius: 1.4vw;
	overflow: hidden;
	position: relative;
}
.wy-dialog__body_right-kfyq{
	margin-top: -4px;
	border-radius: 1.4vw;
	overflow: hidden;
	position: relative;
}
.wy-dialog__body_yqtp{
	position: absolute;
	width: 100%;
	top: 1.6vw;
	left: 0;
	text-align: center;
	color: var(--minor_color);
	text-shadow: 2px 2px 4px rgba(0,0,0,0.6);
}
.wy-zyq-title{
	font-size: 3.2vw;
	font-weight: 600;
}
.wy-yqtp-title{
	font-size: 1.4vw;
	font-weight: 600;
}
.wy-dialog__body_left img {
	transition: transform 0.3s ease; /* 添加过渡效果 */
	transform-origin: center;
}
.wy-dialog__body_left img:hover{
	transform: scale3d(1.1,1.1,1.1);
}

.wy-dialog__body_right-lnyq img {
	transition: transform 0.3s ease; /* 添加过渡效果 */
	transform-origin: center;
}

.wy-dialog__body_right-lnyq img:hover{
	transform: scale3d(1.1,1.1,1.1);
}

.wy-dialog__body_right-kfyq img {
	transition: transform 0.3s ease; /* 添加过渡效果 */
	transform-origin: center;
}
.jtzn-dialog__body_left{
	width: 64%;
	height: 33vw;
	background-image: url(/assets/img/wuzy_dt.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
}
.wy-dialog__body_right-kfyq img:hover{
	transform: scale3d(1.1,1.1,1.1);
}
.jtzn-dialog__body_right{
	width: 36%;
	background: var(--default_color);
	position: relative;
	
	color: #fff;
}
.jtzn-dialog__body_title{
	padding: 1.8vw;
	font-size: 2vw;
}
.jtzn-dialog__body_item{
	background-color: rgba(255, 255, 255, 0.07);
	border-top: 1px rgba(255, 255, 255, 0.22) solid;
	border-bottom: 1px rgba(255, 255, 255, 0.22) solid;
	padding: 0 1.8vw;
	height: 3.4vw;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	position: relative;
	z-index: 2;
}
.jtzn-dialog__body_item i {
	font-size: 1.2vw;
}
.jtzn-dialog__body_item-title{
	font-size: 1.2vw;
}
.jtzn-dialog__body_right::after{
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 10vw;
	left: 0;
	bottom: 0;
	background-image: url(/assets/img/fywy_zhuangshi.png);
	mix-blend-mode: multiply;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1;
}
.jtzn-dialog__body_zyxx{
	padding: 10px 1.8vw;
}
.jtzn-dialog__body_zyxx_item{
	display: flex;
	font-size: 14px;
	line-height: 24px;
}
.jtzn-dialog__body_zyxx-left{
	padding-right: 10px;
}
.jtzn-dialog__body_zyxx-right{
	flex: 1;
}
.jtzn-dialog__body_hide{
	display: none;
}

.wy-hzfw-content{
	height: 30vw;
	width: 100%;
}

.wy-hzfw-item{
	width: 33%;
}
.wy-hzfw-item-img{
	width: 60%;
}
.wy-hzfw-item-name{
	font-size: 20px;
	font-weight: bold;
}
@media (min-width: 1440px ) {
	#mainbody > .container > .container-center {
		margin-top: 30px;
	}
}
@media (max-width: 1440px) {
	.wy-dialog__wrapper{
		width: 90vw;
	}
	.jtzn-dialog__body_left{
		height: 38vw;
	}
	.wy-hzfw-content{
		height: 38vw;
	}
	#mainbody > .container > .container-center {
		width: 92%;
	}
	#mainbody > .container > .container-center > .center-right > .center-right-item img {
		width: 100%;
	}
}

@media (max-width: 1140px) {
	.wy-hzfw-item-img{
		width: 80%;
	}
	.wy-hzfw-item-name{
		font-size: 16px;
		font-weight: bold;
	}
	.jtzn-dialog__body_left{
		height: 44vw;
	}
	.wy-hzfw-content{
		height: 44vw;
	}
	.jtzn-dialog__body_zyxx_item{
		font-size: 12px;
		line-height: 20px;
	}
	.wy-dialog__headerbtn i{
		font-size: 18px;
	}
	#mainbody > .container > .container-center > .center-right{
		width: 100%;
	}
	#mainbody > .container > .container-center > .center-right > .center-right-item img {
		width: 100%;
	}
	#mainbody > .container > .container-center > .center-left {
		display: none;
	}
	#mainbody > .container > .container-center > .center-right > .center-right-constent {
		display: none;
	}
	#mainbody > .container > .container-center > .center-right > .flex-wrap{
		width: 100%;
		height: 100%;
	}
	#mainbody > .container > .container-center > .center-right > .flex-wrap > .center-right-item{
		padding: 12vw 0;
		height: 100%;
	}
}

@media (max-width: 750px) {
	.wy-hzfw-item-img{
		width: 90%;
	}
	.wy-hzfw-item-name{
		font-size: 14px;
		font-weight: bold;
	}
	.wy-dialog__body.jtzn-body {
		flex-direction: column-reverse;
	}
	.jtzn-dialog__body_left{
		width: 100%;
	}
	.jtzn-dialog__body_right {
		width: 100%;
		padding-bottom: 30px;
	}
	.jtzn-dialog__body_title{
		padding: 12px;
		font-size: 16px;
	}
	.jtzn-dialog__body_item{
		padding: 0 12px;
		height: 36px;
	}
	.jtzn-dialog__body_item i {
		font-size: 12px;
	}
	.jtzn-dialog__body_item-title{
		font-size: 12px;
	}
	.wy-dialog__title-text{
		font-size: 26px;
	}
	.wy-dialog__title-texts{
		font-size: 16px;
	}
	#mainbody > .container > .container-center > .center-right > .flex-wrap > .center-right-item.deputy{
		padding: 6vh 0;
		height: 100%;
	}
	#mainbody > .container > .container-center > .center-right > .flex-wrap > .center-right-item.deputy .svg-width{
		width: 20vw;
		height: 20vw;
		margin-top: -30px !important;
	}
	#mainbody > .container > .container-center > .center-right > .flex-wrap > .center-right-item > .center-right-item-names{
		font-size: 18px;
	}
	.footers{
		display: none;
	}
}

@media (max-width: 480px) {
	#mainbody > .container > .container-center > .center-right > .flex-wrap > .center-right-item.deputy{
		padding: 6vh 0;
		height: 100%;
	}
	#mainbody > .container > .container-center > .center-right > .flex-wrap > .center-right-item.deputy .svg-width{
		width: 20vw;
		height: 20vw;
		margin-top: -30px !important;
	}
	#mainbody > .container > .container-center > .center-right > .flex-wrap > .center-right-item > .center-right-item-names{
		padding-top: 16px;
		font-size: 14px;
	}
}


/* #mainbody > .container > .text-center h1 {
    font-size: 50px;
    font-weight: bold;
    color: #171347;
}

#mainbody > .container > .text-center > a {
    background: #fdcc52;
    background: -webkit-linear-gradient(#fdcc52, #fdc539);
    background: linear-gradient(#fdcc52, #fdc539);
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 300px;
    margin-top: 20px;
    padding: 10px 45px;
    font-size: 14px;
    text-decoration: none;
}

@media (max-height: 500px) {
    #mainbody {
        height: inherit;
    }
}

@media (min-width: 768px) {
    .navbar-default {
        background-color: transparent;
        border-color: transparent;
    }

    #mainbody .index-text {
        text-align: left;
    }
}

@media (max-width: 767px) {

    #mainbody > .container > .text-center {


        padding: 130px 0 0 0;
        height: calc(100vh - 261px);
    }

    #mainbody > .container > .text-center > h1 {


        font-size: 50px;
        margin-bottom: 20px;
    }
} */

/* .footer {
    background-color: #222222;
    padding: 20px 0;
    color: rgba(255, 255, 255, 0.3);
    text-align: center;
}

.footer p {
    font-size: 14px;
    margin: 0;
} */