/************
 * 页面样式
 ************/
.about_banner { height: 700px; display: flex; align-items: center; }
@media only screen and (max-width: 1200px) {
.about_banner { height: 600px; }
}
@media only screen and (max-width: 1000px) {
.about_banner { height: 500px; }
}
@media only screen and (max-width: 767px) {
.about_banner { height: 400px; }
}
.ke_abcon { margin-top: 5vh }
.ke_abcon .box3-nav { border-top: 0px; border-bottom: 1px solid #dcdcdc }
.ke_abcon .box3-nav ul li a:after { bottom: 0px; top: auto; }
.ke_abcon .box3-nav ul li a:after { bottom: 0px; top: auto; }
.ke_abcon .box3-nav ul .li_act a::after { width: 100%; }
.ke_abcon .box3-nav ul li { padding: 0 40px; margin: 0px; position: relative }
.ke_abcon .box3-nav ul li::before { position: absolute; background-color: #dcdcdc; width: 1px; height: 18px; content: ''; top: 50%; right: 0px; margin-top: -9px; }
.ke_abcon .box3-nav ul li:last-of-type::before { content: none }
@media only screen and (max-width: 991px) {
.ke_abcon .box3-nav ul li::before { content: none; }
}
@media only screen and (max-width: 991px) {
.ke_abcon .box3-nav { border: none }
}
@media only screen and (max-width: 991px) {
.ke_abcon .box3-nav ul li { padding: 0px; margin: 5px; }
}
@media only screen and (max-width: 991px) {
.ke_abcon .box3-nav ul li { padding: 0px; margin: 5px; }
}
@media only screen and (max-width: 767px) {
.ke_abcon .box3-nav { display: block; }
}
@media only screen and (max-width: 767px) {
.about_banner hgroup { width: 100%; padding: 0 15px; }
}
/*===box3===*/
.box3 { padding-top: 50px; }
.box3-nav { margin-top: 30px; border-top: 1px dotted #d1d1d1; text-align: center; }
.box3-nav ul { }
.box3-nav ul li { display: inline-block; margin: 0px 26px; }
.box3-nav ul li a { position: relative; display: block; line-height: 3.8; font-size: 1rem; color: #454545; }
.box3-nav ul li a:after { content: ""; position: absolute; top: -1px; left: 0px; width: 0px; height: 2px; background: #3981c7; transition: .6s; }
.box3-nav ul li a:hover { color: #307dc6; }
.box3-nav ul li a:hover::after { width: 100%; }
.box3-nav ul .li_act a { color: #307dc6; }
.box3-nav ul .li_act a:after { width: 100%; }
.box3-list { margin-top: 10px; }
.box3-list ul { }
.box3-list ul li { float: left; box-sizing: border-box; width: 25%; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.box3-list ul li .pic { position: relative; padding: 37.5% 0px; overflow: hidden; }
.box3-list ul li .pic-flex { position: absolute; top: 0px; left: 0px; width: 100%; display: flex; align-items: center; justify-content: center; }
.box3-list ul li .fade { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 2; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.4); }
.box3-list ul li:hover .fade { opacity: 1; }
.box3-list ul li .fade span { position: relative; width: 200px; padding: 15px 0px; text-align: center; }
.box3-list ul li .fade span:before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 1px; background: rgba(255,255,255,.7); transform: scale(0, 1); transition-delay: .2s; transition: .4s; }
.box3-list ul li .fade span:after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 1px; background: rgba(255,255,255,.7); transform: scale(0, 1); transition-delay: .2s; transition: .4s; }
.box3-list ul li:hover .fade span:before, .box3-list ul li:hover .fade span:after { transform: scale(1); }
.box3-list ul li .fade span i { font-size: 4rem; color: #fff; }
.box3-list ul li h6 { padding: 15px 0px; margin: 0px 20px; border-bottom: 1px solid #e5e5e5; line-height: 24px; font-size: 1.6rem; color: #454545; }
.box3-list ul li h6 span { display: block; font-size: 1.4rem; color: #929292; }
.box3-list ul li:hover h6 { color: #307dc6; }
.box3-list ul li p { position: relative; overflow: hidden; margin: 0px 20px; line-height: 46px; font-size: 1.2rem; color: #929292; text-align: right; font-family: "Arial"; text-transform: uppercase; }
.box3-list ul li p i { position: absolute; top: 18px; left: 0px; transition: color .2s 0s; }
.box3-list ul li:hover p i { color: #307dc6; transition: color .2s .6s; animation: moreLeft .8s; }
@keyframes moreLeft {  50% {
 left: 100px;
 opacity: 0;
}
 60% {
 left: -50px;
 opacity: 0;
}
 100% {
 left: 0px;
 opacity: 1;
}
}
@media screen and (min-width: 960px) {
.box3-list ul li:nth-of-type(9) { display: block; }
}
@media screen and (max-width: 1200px) {
.box3 { padding-top: 30px; }
.box3-list ul li { width: 33.33%; }
}
@media screen and (max-width: 991px) {
.box3 { padding-top: 20px; }
.box3-nav { margin-top: 20px; border-top: 0px; }
.box3-nav ul li { margin: 5px; }
.box3-nav ul li a { overflow: hidden; padding: 0px 15px; border: 1px solid #454545; border-radius: 8px; line-height: 2.4; }
.box3-nav ul li a:after { display: none; }
.box3-nav ul li a:hover { border-color: #2278c4; background: #2278c4; color: #fff; }
}
@media screen and (max-width: 960px) {
.box3-list ul li { width: 50%; border-bottom: none; }
.box3-list ul li h6 { padding: 0px; height: 54px; overflow: hidden; margin: 0px 5px; line-height: 54px; font-size: 1.4rem; text-overflow: ellipsis; white-space: nowrap; text-align: center; }
.box3-list ul li h6 span { display: none; }
.box3-list ul li p { display: none; }
.box3-list ul li .fade span { max-width: 90%; padding: 10px 0px; }
.box3-list ul li .fade span i { font-size: 2.4rem; }
}
@media screen and (max-width: 767px) {
.box3-nav { display: none; }
.box3-list { margin-top: 20px; }
}
@media screen and (max-width: 600px) {
.box3-list ul li { width: 100%; float: none; margin-bottom: 10px }
}
.layout { box-sizing: border-box; width: 100%; max-width: 1200px; margin: auto; }
.title1 hr { width: 30px; margin: 0 auto; background-color: #dcdcdc; height: 2px; border: none; margin-top: 15px; }
/*===公用标题===*/
.title1 { line-height: 1.4; text-align: center; }
.title1 h5 { line-height: inherit; font-size: 2.8rem; color: #222; font-weight: 700; font-family: "Impact"; letter-spacing: 2px; text-transform: uppercase; margin: 0; }
.title1 h5 span { color: #2278c4; }
.title1 h6 { margin-top: 4px; line-height: inherit; font-size: 3rem; color: #414347; margin: 0; }
.title1 h4 { line-height: inherit; font-size: 1.9rem; color: #414347; font-weight: 700; margin: 0; }
 @media screen and (max-width: 1200px) {
.title1 h5 { font-size: 4rem; }
.title1 h6 { font-size: 2.5rem; }
.title1 h4 { font-size: 2.5rem; }
}
@media screen and (max-width: 991px) {
.title1 h5 { font-size: 3.5rem; }
.title1 h6 { font-size: 2rem; }
.title1 h4 { font-size: 2rem; }
}
@media screen and (max-width: 767px) {
.title1 h5 { font-size: 1.9rem; }
.title1 h6 { font-size: 1.8rem; }
.title1 h4 { font-size: 1.8rem; }
}
@media only screen and (max-width: 640px) { .container { width: 96%; margin: 0 auto;max-width: 96%; } }
/**/
.ppwz_tit1 h4 { text-align: center; font-size: 30px; color: #595959; line-height: 180%; display: block; }
.ppwz_tit1 em { text-align: center; font-size: 30px; color: #3785c9; line-height: 180%; display: block; font-style: normal; }
@media only screen and (max-width: 1200px) { .ppwz_tit1 h4 { font-size: 24px; }
	.ppwz_tit1 em { font-size: 22px; line-height: 100%; } }
@media only screen and (max-width: 640px) { .ppwz_tit1 h4 { font-size: 22px; }
	.ppwz_tit1 em { font-size: 20px; } }
	/**/
.ppwz2_pn1 { padding: 55px 0; }
.ppwz2_pn1 .container .ppwz_tit1 h4 { text-align: center; font-size: 30px; color: #424348; line-height: 180%; display: block; font-weight: bold; }
.ppwz2_pn1 .container > p { text-align: center; font-size: 16px; color: #424348; line-height: 180%; display: block; margin: 30px 0 0 0; }
.ppwz2_pn1 .container > p span { display: block; }
.ppwz2_pn1 .container ul { margin: 90px 0 0 0; text-align: center; padding: 0 60px; box-sizing: border-box; }
.ppwz2_pn1 .container ul li { box-sizing: border-box; padding: 44px 44px 0 44px; margin: 6% 55px 0 0; position: relative; background: url("../../img/zwz0210/ppwz2_pn1_li_bg.png") no-repeat; background-position: top; width: 323px; height: 374px; }
.ppwz2_pn1 .container ul li div { position: absolute; top: -30px; left: 50%; margin-left: -45px; width: 90px; height: 90px; line-height: 90px; text-align: center; background: #317EC4; border-radius: 50%; }
.ppwz2_pn1 .container ul li div i { text-align: center; font-size: 51px; color: #fefefe; line-height: 180%; display: block; font-style: normal; }
.ppwz2_pn1 .container ul li h4 { text-align: center; font-size: 24px; color: #ffffff; line-height: 180%; display: block; margin: 28px 0 6px 0; }
.ppwz2_pn1 .container ul li p { text-align: left; font-size: 12px; color: #d5d5d5; line-height: 180%; display: block; transition: 0.6s; }
.ppwz2_pn1 .container ul li:hover { background-position: bottom; transition: transform .5s; }
.ppwz2_pn1 .container ul li:hover p { color: #acd7ff; }
@media only screen and (min-width: 1200px) and (max-width: 1920px) {
.ppwz2_pn1 .container ul { width: 100%; }
.ppwz2_pn1 .container ul > li { width: 31.3333333333%; margin: 3% 3% 0 0; float: left; position: relative; }
.ppwz2_pn1 .container ul > li:nth-of-type(3n) { margin-right: 0; }
.ppwz2_pn1 .container ul > li:nth-child(-n+3) { margin-top: 0; }
.ppwz2_pn1 .container ul:after { display: block; clear: both; content: ""; visibility: hidden; }
}
@media only screen and (max-width: 1200px) {
.ppwz2_pn1 { padding: 20px 0; }
.ppwz2_pn1 .container .ppwz_tit1 h4 { font-size: 22px; }
.ppwz2_pn1 .container > p { font-size: 14px; margin: 10px 0 0 0; }
.ppwz2_pn1 .container ul { max-width: 640px; margin: 60px auto 0 auto !important; margin: 60px 0 0 0; padding: 0; }
.ppwz2_pn1 .container ul li { margin-top: 60px; }
.ppwz2_pn1 .container ul li h4 { font-size: 18px; }
}
@media only screen and (min-width: 640px) and (max-width: 1200px) {
.ppwz2_pn1 .container ul { width: 100%; }
.ppwz2_pn1 .container ul > li { width: 48.5%; margin: 3% 3% 0 0; float: left; position: relative; }
.ppwz2_pn1 .container ul > li:nth-of-type(2n) { margin-right: 0; }
.ppwz2_pn1 .container ul > li:nth-child(-n+2) { margin-top: 0; }
.ppwz2_pn1 .container ul:after { display: block; clear: both; content: ""; visibility: hidden; }
.ppwz2_pn1 .container ul li { margin: 6% 3% 0 0; }
}
@media only screen and (max-width: 640px) {
.ppwz2_pn1 .container > p span { display: initial; }
.ppwz2_pn1 .container ul { width: 100%; max-width: 323px; }
.ppwz2_pn1 .container ul > li { width: 100%; margin: 0 0 0 0; float: left; position: relative; }
.ppwz2_pn1 .container ul > li:nth-of-type(1n) { margin-right: 0; }
.ppwz2_pn1 .container ul > li:nth-child(-n+1) { margin-top: 0; }
.ppwz2_pn1 .container ul:after { display: block; clear: both; content: ""; visibility: hidden; }
.ppwz2_pn1 .container ul li { margin-top: 50px; }
}
.ppwz2_pn2 { padding: 70px 0; background: #F8F8F8; }
.ppwz2_pn2 .container article { float: left; width: 57%; box-sizing: border-box; padding: 0 10px 0 0; }
.ppwz2_pn2 .container article h4 { text-align: left; font-size: 30px; color: #333333; line-height: 180%; display: block; }
.ppwz2_pn2 .container article h4 span { color: #317ec4; }
.ppwz2_pn2 .container article ul { margin: 50px 0 40px 0; }
.ppwz2_pn2 .container article ul li { position: relative; text-align: left; font-size: 16px; color: #424348; line-height: 180%; display: block; width: 48%; float: left; box-sizing: border-box; padding: 0 0 0 30px; }
.ppwz2_pn2 .container article ul li span { display: block; }
.ppwz2_pn2 .container article ul li:before { position: absolute; content: ""; width: 13px; height: 13px; background: #357FC4; top: 8px; left: 10px; border-radius: 50%; }
.ppwz2_pn2 .container article ul li:nth-of-type(1) { margin-right: 4%; }
.ppwz2_pn2 .container article ul:after { display: block; clear: both; content: ""; visibility: hidden; }
.ppwz2_pn2 .container article > p { text-align: left; font-size: 22px; color: #fefefe; line-height: 180%; display: inline-block; padding: 4px 24px; background: #317EC4; border-radius: 30px; }
.ppwz2_pn2 .container div { position: relative; padding: 13% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; width: 43%; float: left; }
.ppwz2_pn2 .container div img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; }
.ppwz2_pn2 .container:after { display: block; clear: both; content: ""; visibility: hidden; }
@media only screen and (max-width: 1200px) {
.ppwz2_pn2 { padding: 40px 0; }
.ppwz2_pn2 .container article { float: none; width: 100%; max-width: 700px; margin: 0 auto; }
.ppwz2_pn2 .container article ul { margin: 20px 0 10px 0; }
.ppwz2_pn2 .container div { width: 100%; float: none; max-width: 400px; padding: 7% 0 0 0; margin: 0 auto; }
.ppwz2_pn2 .container div img { position: initial; }
}
@media only screen and (max-width: 640px) {
.ppwz2_pn2 .container article h4 { font-size: 20px; }
.ppwz2_pn2 .container article ul li { width: 100%; margin-right: 0; margin-bottom: 10px; }
.ppwz2_pn2 .container article > p { font-size: 14px; }
.ppwz2_pn2 .container div { max-width: 200px; }
}
.ppwz2_pn3 { padding: 70px 0; }
.ppwz2_pn3 .container article { float: left; width: 57%; box-sizing: border-box; padding: 0 0 0 10px; }
.ppwz2_pn3 .container article h4 { text-align: left; font-size: 30px; color: #333333; line-height: 180%; display: block; }
.ppwz2_pn3 .container article h4 span { color: #317ec4; }
.ppwz2_pn3 .container article ul { margin: 50px 0 40px 0; }
.ppwz2_pn3 .container article ul li { position: relative; text-align: left; font-size: 16px; color: #424348; line-height: 180%; display: block; width: 48%; float: left; box-sizing: border-box; padding: 0 0 0 30px; }
.ppwz2_pn3 .container article ul li span { display: block; }
.ppwz2_pn3 .container article ul li:before { position: absolute; content: ""; width: 13px; height: 13px; background: #357FC4; top: 8px; left: 10px; border-radius: 50%; }
.ppwz2_pn3 .container article ul li:nth-of-type(1) { margin-right: 4%; }
.ppwz2_pn3 .container article ul:after { display: block; clear: both; content: ""; visibility: hidden; }
.ppwz2_pn3 .container article > p { text-align: left; font-size: 22px; color: #fefefe; line-height: 180%; display: inline-block; padding: 4px 24px; background: #317EC4; border-radius: 30px; }
.ppwz2_pn3 .container div { position: relative; padding: 13% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; width: 43%; float: left; }
.ppwz2_pn3 .container div img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; }
.ppwz2_pn3 .container:after { display: block; clear: both; content: ""; visibility: hidden; }
@media only screen and (max-width: 1200px) {
.ppwz2_pn3 { padding: 40px 0; }
.ppwz2_pn3 .container article { float: none; width: 100%; max-width: 700px; margin: 0 auto; }
.ppwz2_pn3 .container article ul { margin: 20px 0 10px 0; }
.ppwz2_pn3 .container div { width: 100%; float: none; max-width: 400px; padding: 0 0 7% 0; margin: 0 auto; }
.ppwz2_pn3 .container div img { position: initial; }
}
@media only screen and (max-width: 640px) {
.ppwz2_pn3 .container article h4 { font-size: 20px; }
.ppwz2_pn3 .container article ul li { width: 100%; margin-right: 0; margin-bottom: 10px; }
.ppwz2_pn3 .container article > p { font-size: 14px; }
.ppwz2_pn3 .container div { max-width: 200px; }
}
.ppwz2_pn4 { margin-bottom: 50px; background: url("../../img/zwz0210/ppwz_pn3_bg.jpg"); padding: 100px 0; }
.ppwz2_pn4 .ppwz_tit1 { margin-bottom: 60px; }
.ppwz2_pn4 .ppwz_tit1 h4 { color: #ffffff; font-size: 30px; }
.ppwz2_pn4 ul { text-align: center; }
.ppwz2_pn4 ul li { display: inline-block; margin-right: 120px; }
.ppwz2_pn4 ul li span { text-align: center; font-size: 60px; color: #ffffff; line-height: 180%; display: block; font-family: Impact; }
.ppwz2_pn4 ul li p { text-align: center; font-size: 18px; color: #ffffff; line-height: 180%; display: block; margin-bottom: 20px; }
.ppwz2_pn4 ul li div i { width: 67px; display: block; margin: 0 auto;font-size: 35px;color: #fff;}
.ppwz2_pn4 ul li:last-child { margin-right: 0; }
/*.ppwz2_pn4 ul li:nth-of-type(1) div i { background: url("../../img/zwz0210/ppwz2_pn4_ico1.png"); background-size: 100% 100%; }
.ppwz2_pn4 ul li:nth-of-type(2) div i { background: url("../../img/zwz0210/ppwz2_pn4_ico2.png"); background-size: 100% 100%; }
.ppwz2_pn4 ul li:nth-of-type(3) div i { background: url("../../img/zwz0210/ppwz2_pn4_ico3.png"); background-size: 100% 100%; }
.ppwz2_pn4 ul li:nth-of-type(4) div i { background: url("../../img/zwz0210/ppwz2_pn4_ico4.png"); background-size: 100% 100%; }*/
@media only screen and (max-width: 1200px) {
.ppwz2_pn4 { padding: 40px 0; }
.ppwz2_pn4 .ppwz_tit1 { margin-bottom: 0; }
.ppwz2_pn4 .ppwz_tit1 h4 { line-height: 100%; margin-bottom: 40px; }
.ppwz2_pn4 ul { width: 100%; max-width: 600px; margin: 0 auto; }
.ppwz2_pn4 ul > li { width: 48%; margin: 4% 4% 0 0; float: left; position: relative; }
.ppwz2_pn4 ul > li:nth-of-type(2n) { margin-right: 0; }
.ppwz2_pn4 ul > li:nth-child(-n+2) { margin-top: 0; }
.ppwz2_pn4 ul:after { display: block; clear: both; content: ""; visibility: hidden; }
.ppwz2_pn4 ul li { margin: 8% 4% 0 0; }
.ppwz2_pn4 ul li span { font-size: 30px; line-height: 100%; }
.ppwz2_pn4 ul li p { font-size: 14px; margin-bottom: 6px; }
.ppwz2_pn4 ul li div i {  }
}
@media only screen and (max-width: 640px) {
.ppwz2_pn4 { padding: 20px 0; margin-bottom: 6%; }
.ppwz2_pn4 .ppwz_tit1 h4 { font-size: 18px; margin-bottom: 20px; }
}