/*åˆå§‹åŒ–æ ·å¼*/
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
p{margin: 0;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

.com-img{ display:block; overflow:hidden;}
.com-img img{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}

.xypg-right-content{font-size: 16px;}

.j-space-between{justify-content:space-between}
.j-flex-start{justify-content:flex-start}
.j-flex-end{justify-content:flex-end}
.j-center{justify-content:center}
.a-j-center{align-items:center;justify-content:center}
.a-center{align-items:center}
.a-flex-start{align-items:flex-start}
.a-flex-end{align-items:flex-end}

/*ä¸»ä½“æ ·å¼*/


/*æ ·å¼*/
.wh{max-width: 1620px;margin:0 auto;padding:0 10px}

.flex_a{    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;}



.flex_b{    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}





.flex_c{    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;}



 /* pc å¤´éƒ¨ */
 .head_11{position: absolute;right:0px;top:0px;border-bottom: 1px solid rgba(255, 255, 255, 0.2);z-index: 9999;width: 100%;}
.logo_a{line-height: 100px;}
.logo_a img{max-width: 100%;}




.lastli{position: relative;}


.more_233{	width: 139px;
	height: 41px;
	border-radius: 20px;
	border: solid 1px #ffffff;margin-left: 20px;line-height: 39px;padding: 0 21px;}


.more_233 img{max-width: 100%;}
.more_233  h2{line-height: 39px;font-size: 14px;color:#fff;font-weight: 400;}



.pp_cc{width: 50%;}

.b1img1{width: 50%;}
.b1img1 img{max-width: 100%;}

.b1b_index{background:#f4f5f7;padding: 6.5vw 0;}


.promenu li{border-top: 4px solid transparent;line-height: 55px;}
.promenu li a{font-size: 24px;color: #212121;}
.promenu li.on{border-top: 4px solid #254466;}
.promenu li.on a{color: #0d3a6b;font-weight: 600;}



@media (max-width: 1440px) {
.promenu li a{font-size: 20px;color: #212121;}
}




@media (max-width: 1280px) {
.promenu li a{font-size: 16px;color: #212121;}
}


@media (max-width: 768px) {
.pp_cc{width: 100%;}

.b1img1{width: 100%;}
.promenu li{width: 50%;}
.promenu li{border-top: 4px solid transparent;line-height: 45px;text-align: center;}


.abnr222{	font-size: 15px!important;
	font-weight: normal;
	line-height: 27px!important;
	letter-spacing: 0px;
	color: #3a3a3a;margin-top: 20px;}
}




/* æ–‡å­—11 */

.wztt{	font-size: 33px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #0d3a6b;}

.wztt span{	font-size: 62px;
	font-weight: 400;
	letter-spacing: 0px;
	color: #000000;display: block;}


.more23{	width: 188px;
	height: 55px;
	background-color: #0d3a6b;
	border-radius: 26px;
	border: solid 1px #ffffff;padding: 1px;}

.more23 h2{	font-size: 18px;
	font-weight: normal;
	line-height: 50px;
	letter-spacing: 1px;
	color: #ffffff;padding-left: 30px;}


.more23 h3{width: 50px;text-align: center;
	height: 50px;
	background-color: #ffffff;border-radius: 50%;line-height: 50px;	font-family: PingFangSC-Light;
	font-size: 16px;color: #0d3a6b;}


@media (max-width: 1440px) {
.wztt{font-size: 23px;}
.wztt span{font-size: 52px;}
}


@media (max-width: 1280px) {
.wztt{font-size: 20px;}
.wztt span{font-size: 42px;}
}



@media (max-width: 992px) {
.wztt{font-size: 18px;}
.wztt span{font-size: 32px;}
}



@media (max-width: 768px) {
.wztt{font-size: 16px;text-align: center;width: 100%;}
.wztt span{font-size: 22px;}


.more23{	width: 148px;
	height: 44px;
	background-color: #0d3a6b;
	border-radius: 26px;
	border: solid 1px #ffffff;padding: 1px;display: block;margin:0 auto;margin-top:10px}

.more23 h2{	font-size: 15px;
	font-weight: normal;
	line-height: 40px;
	letter-spacing: 1px;
	color: #ffffff;padding-left: 20px;}


.more23 h3{width: 40px;text-align: center;
	height: 40px;
	background-color: #ffffff;border-radius: 50%;line-height: 40px;	font-family: PingFangSC-Light;
	font-size: 13px;color: #0d3a6b;}

}




/* å…³äºŽæˆ‘ä»¬ */
.ab_con{margin-top: 6.5vw;}

.ab11{width: 59.375%;}
.abnr2{	font-size: 20px;
	font-weight: normal;
	line-height: 33px;
	letter-spacing: 0px;
	color: #3a3a3a;margin-top: 30px;}

.mmab{margin-top: 35px;margin-bottom: 6.5vw;}



.ab222{max-width: 483px;}
.ab222 img{max-width: 100%;}





.sb_sj{background:url(//cdn.myxypt.com/2869a9d1/25/07/0350e34e16e3fd9cd1277a4655f5d1c811d7cc89.png) no-repeat 50%;
background-size: cover;padding: 12.5vw 0;margin-top: -57px;}


.p4a li {position: relative;text-align: center; }
.p4a li h3 {font-size: 50px; color: #fff;font-weight: 400;}

.z_img{width: 55px;margin:0 auto;margin-bottom: 10px;}
.z_img img{max-width: 100%;}

.p4a li h3 a{color: #fff;}
.p4a li p {font-size: 16px;font-weight: normal;color: #ffffff; text-align: center;margin-top:12px}
.p4a li span {font-size: 16px;color: #ffffff;}



@media (max-width: 1440px) {
.abnr2{	font-size: 18px;
	font-weight: normal;
	line-height: 27px;
	letter-spacing: 0px;
	color: #3a3a3a;margin-top: 30px;}
}


@media (max-width: 1280px) {
.ab11{width: 50.375%;}

.abnr2{	font-size: 16px;
	font-weight: normal;
	line-height: 27px;
	letter-spacing: 0px;
	color: #3a3a3a;margin-top: 30px;}
}



@media (max-width: 992px) {
.ab11{width: 100%;}
.p4a li h3 {font-size: 40px; color: #fff;font-weight: 400;}
}


@media (max-width: 992px) {
.p4a li h3 {font-size: 30px; color: #fff;font-weight: 400;}
.p4a li p{font-size: 14px;}
.p4a li span {font-size: 14px;color: #ffffff;}
}


@media (max-width: 768px) {
  .p4a li{width: 50%;margin-bottom: 20px;}
.p4a li h3 {font-size: 20px; color: #fff;font-weight: 400;}
.p4a li p{font-size: 14px;}
.p4a li span {font-size: 14px;color: #ffffff;}
.z_img{width: 45px;margin:0 auto;margin-bottom: 10px;}
}





/* ä¸šåŠ¡æœåŠ¡ */

.section3 {
  position: relative;
  overflow: hidden;margin-top: 3.5vw;
}
.flex2 {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.section3 .title_a1 {
  position: absolute;
  left: 0;
  width: 100%;
  top: 69px;
  text-align: center;
  z-index: 9;
}

.section3 .a3_v2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.section3 .a3_v2 dl {
  height: 100%;
}
.section3 .a3_v2 dl img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.section3 .a3_v1 {
  z-index: 9;
  position: relative;
}
.section3 .a3_v1 .a3_b1 li {
  width: 20%;
  height: 100vh;
  padding: 0 2%;
  text-align: center;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
  overflow: hidden;
}

.section3 .a3_v1 .a3_b1 li + li {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.section3 .a3_v1 .a3_b1 li::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -100%;

  width: 100%;
  height: 100%;
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  -moz-transition: all .6s;
  transition: all .6s;background: rgba(37, 68, 102, 0.9);
}


.section3 .a3_v1 .a3_b1 li .cont-p {
  color: #ffffff;
  text-align: left;
  width: 100%;
  margin-bottom: 40.9375%;
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  -moz-transition: all .6s;
  transition: all .6s;
  position: relative;
  z-index: 1;
}



.section3 .a3_v1 .a3_b1 li .cont-p u {
  display: block;
  font-size: 0;
  width: 65px;

}


.section3 .a3_v1 .a3_b1 li .cont-p u img {
  width: 100%;
}

.section3 .a3_v1 .a3_b1 li .cont-p .tit {
  font-size: 36px;font-weight: 400;margin-top: 20px;
}


.section3 .a3_v1 .a3_b1 li .cont-p .p {
  text-align: left;
  display: none;color:#ffffff;font-size: 16px;line-height: 30px;height:90px;overflow: hidden;margin-top: 20px;
}



.section3 .a3_v1 .a3_b1 li .cont-p a.more-b {
  	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 33px;
	letter-spacing: 0px;
	color: #ffffff;margin-top: 1.5vw;display: block;
}


.section3 .a3_v1 .a3_b1 li:hover::before,.section3 .a3_v1 .a3_b1 li.on::before {
  bottom: 0;
}
.section3 .a3_v1 .a3_b1 li:hover .cont-p,.section3 .a3_v1 .a3_b1 li.on .cont-p  {
  margin-bottom: 50%;
}



.section3 .a3_v1 .a3_b1 li:hover .cont-p .p,.section3 .a3_v1 .a3_b1 li.on .cont-p .p  {
  display: block;
}





@media (max-width: 1440px) {
.section3 .a3_v1 .a3_b1 li .cont-p u{width: 60px;margin:0 auto}
.section3 .a3_v1 .a3_b1 li .cont-p .tit{font-size: 20px;}

.section3 .a3_v1 .a3_b1 li .cont-p .p {
  text-align: center;
  display: none;color:#ffffff;font-size: 15px;line-height: 25px;height:75px;overflow: hidden;margin-top: 10px;
}
.section3 .a3_v1 .a3_b1 li{text-align: center;}




.section3 .a3_v1 .a3_b1 li .cont-p a.more-b {
  	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 33px;
	letter-spacing: 0px;
	color: #ffffff;margin-top: 1.5vw;display: block;
}

}




@media (max-width: 1370px) {
.section3 .a3_v1 .a3_b1 li .cont-p u{width: 50px;}
.section3 .a3_v1 .a3_b1 li .cont-p .tit{font-size: 18px;}

.section3 .a3_v1 .a3_b1 li .cont-p .p {
  text-align: center;
  display: none;color:#ffffff;font-size: 14px;line-height: 25px;height:75px;overflow: hidden;margin-top: 10px;
}
}




@media (max-width: 768px) {
  .section3 .title_a1 {
    display: none;
  }
}


@media (max-width: 990px) {
  .section3 .a3_v1 .a3_b1 li {
    height: 50vh;
  }



.section3 .a3_v1 .a3_b1 li .cont-p a.more-b {
  	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 23px;
	letter-spacing: 0px;
	color: #ffffff;margin-top: 1.5vw;display: block;
}


}

@media (max-width: 768px) {
  .section3 .a3_v1 .a3_b1 li {
    height: auto;
    width: 50%;padding: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media (max-width: 768px) {
  .section3 .a3_v1 .a3_b1 li:nth-child(5) {
    width: 100%;
  }
}


@media (max-width: 768px) {
  .section3 .a3_v1 .a3_b1 li:hover .cont-p,
  .section3 .a3_v1 .a3_b1 li.on .cont-p {
    margin-bottom: 5%;
  }
.section3 .a3_v1 .a3_b1 li .cont-p {
  color: #ffffff;
  text-align: center;
  width: 100%;
  margin-bottom: 3.9375%;
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  -moz-transition: all .6s;
  transition: all .6s;
  position: relative;
  z-index: 1;
}
}






/* æ–°é—»èµ„è®¯ */
.xw_con{margin-top: 6.5vw;margin-bottom: 6.5vw;}
.xw_ll{position: relative;overflow: hidden;margin-top: 40px;}
.xw_ll li{position: relative;overflow: hidden;}
.xw_ll li .img{display: block;width: 100%;overflow: hidden;}
.xw_ll li .img img{width: 100%;}
.xw_ll li .xw_cc{position: relative;padding: 10px 0px;}
.xw_ll li .xw_cc h2{	font-size: 16px;
	font-weight: normal;
	line-height: 29px;
	letter-spacing: 0px;
	color: #0d3a6b;margin-top: 10px;}

.xw_ll li .xw_cc h3{	font-size: 20px;
	font-weight: normal;
	line-height: 29px;
	letter-spacing: 0px;
	color: #000000;height:29px;overflow: hidden;margin-bottom: 10px;}

.xw_ll li .xw_cc h4{	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #6a6a6a;height:48px;overflow: hidden;margin-top: 10px;}

.xw_ll li .xw_cc h5{	font-family: PingFangSC-Light;
	text-decoration: underline;
	font-size: 14px;
	color: #0d3a6b;margin-top: 10px;}
.xw_ll li:hover .xw_cc h3{color:#165f96;}


@media (max-width: 1280px) {
.xw_ll li .xw_cc h2{font-size: 14px;}
.xw_ll li .xw_cc h3{font-size: 17px;}
.xw_ll li .xw_cc h4{font-size: 14px;}
  }





/* é€šæ  */
.dff{background:#161a24;padding-top: 70px;padding-bottom: 20px;}

.dfa{width: 23.75%;}
.logo_d img{max-width: 100%;}

.dfms{	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;
	opacity: 0.74;margin-top: 25px;}

#formsearch22{	box-shadow: 0px 5px 5px 0px 
		rgba(0, 0, 0, 0.09);
	border: solid 1px #ffffff;border-radius: 26px;outline: none;margin-top: 35px;}

#formsearch22 input{height:40px;background:none;border:none;line-height:40px;width:calc(100% - 99px);float: left;border-right: none;outline: none;}
#formsearch22 input#keyword{height:40px;line-height:40px;padding-left:10px;color:#666;}

#formsearch22 input::placeholder{color:#fff;font-size: 14px;}

#formsearch22 input#s_btn{width:76px;height:26px;float: left;line-height:26px;text-align:center;margin-right: 8px;
background-color:#165f96;color:#fff;border:none;cursor:pointer;font-size: 14px;overflow: hidden;border-radius: 20px;}


.dfb{width: 42.5%;}



.foot_nav2 li >a{font-size: 20px;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;}

.x-nav-menu{margin-top: 15px;}
.x-nav-menu dd a{	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 48px;
	letter-spacing: 0px;
	color: #ffffff;
	opacity: 0.89;}


.x-nav-menu dd a:hover{color: #165f96;}	


.dfc h2{	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;}


.lxwm_df{margin-top: 15px;font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 48px;
	letter-spacing: 0px;
	color: #ffffff;
	opacity: 0.89;}


.g_ll{margin-top: 15px;width: 120px;}
.g_ll li{position: relative;text-align: center;}
.g_ll li img{text-align: center;}

.g_ll li h2{color: #ffffff;font-size: 16px;font-weight: 400;margin-top: 10px;}
.g_ll li h2 a{color: #ffffff;font-size: 16px;}
.g_ll li .wm1{position: absolute;left:50%;top:50px;display: none;width:100px;margin-left: -50px;}
.g_ll li .wm1 img{max-width: 100%;}
.g_ll li:hover .wm1{display: block;} 

/* .g_ll li:nth-child(1) .wm1{display: none;}
.g_ll li:nth-child(2) .wm1{display: none;} */

.xxf{	width: 100%;
	height: 1px;
	background-color: #d2d2d2;
	opacity: 0.56;margin-top: 3.5vw;margin-bottom: 20px;}


.copyright{	font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 0px;
	color: #9d9d9d;text-align: center;}

.copyright a{	color: #9d9d9d;}


@media (max-width: 1280px) {
.foot_nav2 li >a{font-size: 18px;}
.dfc h2{font-size: 18px;}

.x-nav-menu dd a{	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #ffffff;
	opacity: 0.89;}


.lxwm_df{margin-top: 15px;font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #ffffff;
	opacity: 0.89;}

  }

@media (max-width: 992px) {
.dfa{width: 48.75%;}


.dfms{	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;
	opacity: 0.74;margin-top: 25px;}

	.dff{background:#161a24;padding-top: 40px;padding-bottom: 20px;}
}

@media (max-width: 640px) {
.dfa{width: 100%;}
.dfc{margin-top: 20px;}
}
