@charset "utf-8";

/* CSS Document */

html {box-sizing: border-box;}

*, *:before, *:after {box-sizing: inherit;}

*{padding:0;margin:0;}

body{word-break:break-all;word-wrap:break-word; margin:0 auto; overflow-x:hidden;padding:0; font-family:'Microsoft Yahei'; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}

img{border:none;display:block;}

ul,ul li,dl,dl dt,dl dd{display:block;list-style-type: none;}

ul,ol,input{margin:0;padding:0;}

h1,h2,h3,h4,h5,h6{font-size:100%;}

body,h1,h2,h3,h4,h5,h6,p,dl,dd{margin:0; padding:0;}

a{color:#000;text-decoration:none;}

table{border-collapse:collapse;border-spacing:0;}

li{ list-style:none;}

em,i{font-style:normal}

b,strong,th{font-weight:normal;}

button,input,textarea{font-family:"Microsoft Yahei",Tahoma,Arial,Helvetica,sans-serif;vertical-align:middle;outline: none;}/*input:focus{outline: none;}*/

textarea{resize:none;}

a,button,input,optgroup,select,textarea {-webkit-tap-highlight-color:rgba(0,0,0,0);outline: none; /*去掉a、input和button点击时的蓝色外边框和灰色半透明背景*/border:0}

input[type=”button”], input[type=”submit”], input[type=”reset”] {-webkit-appearance: none;/*去掉苹果默认样式*/}

.fl{float:left;}

.fr{float:right;}

.clearfix {zoom: 1;}

.clearfix:after {content: ".";width: 0;height: 0;visibility: hidden; display: block;clear: both;overflow:hidden;}

i, cite, em, var, address, dfn {font-style: italic;}



/* // 实现rem适配 */

@media screen and (max-width: 1024px) {

	html {

	  font-size: 42.66px !important;

	}

  }

  

  @media screen and (min-width: 1920px) {

	html {

	  font-size: 80px !important;

	}

  }


.box-container-fluid {width: 100%;margin: 0 auto;box-shadow: 0px 9px 10px 0px rgba(65, 66, 66, 0.15); position: fixed; z-index:15; top: 0; left: 0; background: #ffffff;}
.header-wrapper {transition: background 0.3s ease;-webkit-transition: background 0.3s ease;-moz-transition: background 0.3s ease;-ms-transition: background 0.3s ease;-o-transition: background 0.3s ease;}
.box-container{width: 80%; margin: 0 auto;}
.header-wrapper .box-container {  

  display: flex;

  display: -webkit-box;

  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */

  display: -moz-box;

  /* Firefox 17- */

  display: -webkit-flex;

  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */

  display: -moz-flex;

  /* Firefox 18+ */

  display: -ms-flexbox;

  /* IE 10 */

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between;

  height: 1.25rem;

  align-items: center;

}

.header-wrapper .box-container .logo_box{width:35%; }
.header-wrapper .box-container .logo_box img{ width: 100%; height: auto;}
.header-wrapper .box-container .pc-nav-box{ width: 56%; height: .7rem;}
.pc-nav-box ul{ display: flex; align-items: center;  width: 100%; height: 100%; justify-content: space-between;}
.pc-nav-box ul li{ font-size: .25rem; color: #333333;  position: relative;}
.pc-nav-box ul li>a{ font-size: .25rem; color: #333333; position: relative;display: block; line-height:.7rem;transition: all 0.3s ease 0s; text-align: center; margin: 0 auto; font-weight: bold;}
.pc-nav-box ul li>a::after{ position: absolute; content: '';transform: scale(0); display: block; height: 2px; background: #004ea1; left: 0; bottom: 0;transition: all 0.3s ease 0s; width: 100%;}
.pc-nav-box ul li>a:hover::after{ transform: scale(1);}
.pc-nav-box ul li>a:hover{ color: #004ea1; background: #ffffff;}
.fgx_gd{ height: 1.25rem; overflow: hidden;width: 100%;}
.NavPull{background: rgba(255,255,255,.8);left:50%;top: .7rem;position: absolute; z-index: 13; width: 200%;  border-radius: 6px; padding: 10px 0;  box-shadow: 0 5px 20px rgba(0,0,0,0.2);  padding: .25rem 0;
transform: translateX(-50%);visibility:hidden; opacity:0; }
.NavPull dd{ font-size: .225rem; line-height: 2em; color: #333333; text-align: center;transition: .3s;}
.NavPull dd a{color: #333333; transition: .3s;font-size:  .225rem; line-height:2em;}
.NavPull dd a:hover{ color: #164b93;transform: scale(1.1); font-weight: bold;}
.pc-nav-box ul li:hover .NavPull{opacity:1; visibility:visible; transition:all 0.5s ease-in-out;}


.header-wrapper .search{ cursor: pointer; background: url("../images/sear_ico.png")no-repeat center center; background-size: 100% 100%; width: .35rem; height: .35rem;}
.search-form {width: 100%;position: fixed;left: 0;top: 1.25rem;background: #fff;z-index: 30;padding: .375rem 0; display: none; border-top: 1px solid #cccccc;}
.search-form .w1200{width: 60%; margin: .2rem auto; display: flex; justify-content: space-between; border-bottom: 1px solid #cccccc; height: 1rem; align-items: center; }
.btn_ss{ width: .375rem; height: .375rem;background: url("../images/sear_ico.png")no-repeat center left;}


.search-form .w1200 .search-btn img{ width: .375rem; height: .375rem;}
.search-form .w1200 input{ font-size: .225rem; line-height: 1rem;border:none; background: none; text-indent: 2.5em; width: 100%;}
.search-form .w1200 .close{width: .375rem; height: .375rem;transition: all 0.3s ease 0s; cursor: pointer;}
.search-form .w1200 .close:hover{ transform: rotate(180deg);}
.phone-nav {display: none;}
.banner{position: relative;}



.banner_con{ position: relative; overflow: hidden; }
.banner_con .swiper-slide{ overflow: hidden;}
.banner_con{ width: 100%; position: relative; height: 10rem; }
.banner_con .swiper-slide .zizh{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.banner_con .swiper-slide .zizh img{width: 19.2rem; height: 9.375rem;}
.banner_con .swiper-slide{width:100%; vertical-align:top; overflow: hidden;background-position: center center; background-repeat: no-repeat;background-size: cover; }
.banner_con .swiper-slide-active{ animation-name:slidescale; animation: slidescale 9s ease 0s normal none; -moz-animation: slidescale 9s ease 0s normal none; -webkit-animation: slidescale 9s ease 0s normal none; -o-animation: slidescale 9s ease 0s normal none; }

@-webkit-keyframes slidescale{from{transform: scale(1.1); -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);    -o-transform: scale(1.1);} to{transform: scale(1); -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);} }

@-moz-keyframes slidescale{from{transform: scale(1.1); -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);    -o-transform: scale(1.1);} to{transform: scale(1); -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);} }

@keyframes slidescale{from{transform: scale(1.1); -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);    -o-transform: scale(1.1);} to{transform: scale(1); -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);} }

.banner_con .swiper-pagination{ bottom: .1875rem!important;}
.banner_con .swiper-pagination-bullet{ width: .225rem; height: .225rem; background: #ffffff; opacity: .6;margin: 0 .1rem!important;}
.banner_con .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #004ea1; opacity: 1;}
.banner_con .swiper-pagination{ display: flex; align-items: center; justify-content: center;}
.banner_con .swiper-button-prev1{background: url("../images/prev_l.png")no-repeat center center; width: .8rem; height: .8rem; left: -10%; transition: all 0.4s ease; background-size: 100% 100%; position: absolute;z-index: 99;cursor: pointer;}
.banner_con .swiper-button-next1{ background: url("../images/prev_r.png")no-repeat center center;width: .8rem; height: .8rem;right: -10%;transition: all 0.4s ease;background-size: 100% 100%;position: absolute; z-index: 99;cursor: pointer;}
.banner_con:hover .swiper-button-prev1{left: 5%;}
.banner_con:hover .swiper-button-next1{right: 5%;}
.banner_con .swiper-button-next1,.banner_con .swiper-button-prev1{ top: 50%; margin-top: -.4rem;}

.mian_container{ width: 100%;}
.index_con{ width: 80%; margin: .5rem auto; overflow: hidden; display: flex; justify-content: space-between;}
.news_flex{ display: flex; justify-content: space-between;}
.news_01{ width: 47.5%;  height: 5.5625rem;}
.news_02{width: 50.5%;  height: 5.5625rem; }
.index_tit{ display: flex; align-items: center; height: 1.875rem; }
.index_tit h3{font-size: .5rem; color: #333333; line-height: 1.875rem;}
.index_tit h3 font{ color: #004ea1;}
.index_tit i{ width: 6px; height: .5rem; background: #004ea1; display: inline-block; margin-right: .25rem;}
.imgs_box{ height: 5.5625rem;}
.imgs_box .swiper-slide .news_img img {position: absolute;height: 100%;width: 100%;top: 0px;bottom: 0px;left: 0px;right: 0px;margin: auto;object-fit: cover;transition: 500ms; }
.imgs_box .swiper-slide:hover .news_img img {transform: scale(1.1);}
.imgs_box .swiper-slide .news_text {position: absolute; left: 0;bottom: 0; width: 100%; height: .75rem; background: rgba(0,0,0,.5);  }
.imgs_box .swiper-slide .news_text h3{ font-size: .225rem; color: #ffffff; font-weight: normal; line-height: .75rem;transition: 500ms; width: 78%;white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis;
  white-space: nowrap; padding-left: .25rem;}



.imgs_box .swiper-button-prev,.swiper_sub .swiper-button-prev{background: url("../images/prev_l.png")no-repeat center center; width: .525rem; height: .525rem; left: -10%; transition: all 0.4s ease; background-size: 100% 100%; }
.imgs_box .swiper-button-next,.swiper_sub .swiper-button-next{ background: url("../images/prev_r.png")no-repeat center center;width: .525rem; height: .525rem;right: -10%;transition: all 0.4s ease;background-size: 100% 100%;}

.imgs_box .swiper-button-prev:after,.imgs_box .swiper-button-next:after,.swiper_sub .swiper-button-prev:after,.swiper_sub .swiper-button-next:after,.struct_sub .swiper-button-prev:after,.struct_sub .swiper-button-next:after{ content: '';}
.imgs_box:hover .swiper-button-prev,.swiper_sub:hover .swiper-button-prev{left: 5%;}
.imgs_box:hover .swiper-button-next,.swiper_sub:hover .swiper-button-next{right: 5%;}
.sub_demo .swiper-button-next,.sub_demo .swiper-button-prev{ top: 40%;}


.struct_sub .swiper-button-prev{background: url("../images/prev02.png")no-repeat 0 0; width: .6375rem; height: .6375rem; left: 5%; transition: all 0.4s ease; background-size: 1.275rem .6375rem;}
.struct_sub .swiper-button-next{ background: url("../images/prev02.png")no-repeat -.6375rem 0;width: .6375rem; height: .6375rem; right: 5%;transition: all 0.4s ease;background-size:1.275rem .6375rem;}
.struct_sub .swiper-button-prev:hover {transform: translateX(-10px);}
.struct_sub .swiper-button-next:hover{transform: translateX(10px);}

.imgs_box .swiper-pagination-bullet-active{ background: #ffffff; }
.imgs_box .swiper-pagination-bullet{  background: #ffffff;}
.imgs_box .swiper-pagination{ display: flex; align-items: center; justify-content: flex-end; height: .75rem; padding-right: .25rem; }
.imgs_box.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0; right: 2%;}

.news_tab02{ height: 84.5%;}
.news_tab02 .swiper-slide ul{ display: flex; flex-direction: column; height: 100%; }
.news_tab02 .swiper-slide ul li{font-size: .225rem; color: #333333;  flex: 0 0 16.4%;display: flex;align-items: center;transition: all 0.5s;position: relative;color: #222222; justify-content: space-between; border-bottom: 1px solid #e0e0e0; white-space: nowrap;  text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;  text-overflow: ellipsis;white-space: nowrap;width: 100%;transition: all 0.3s;}

.news_tab02 .swiper-slide ul li a{font-size: .225rem; color: #333333; width: 80%;  white-space: nowrap;text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;transition: all 0.3s;}
.news_tab02 .swiper-slide ul li span{color: #666666; font-size: .2rem; }
.news_tab02 .swiper-slide ul li:hover a{ color: #004ea1; transform: translateX(5px); font-weight: bold;}



.slideTxtBox{ position: relative;  height: 100%; }
.slideTxtBox .hd{ width: 100%; height: 14.5%;  }
.slideTxtBox .hd ul{ overflow: hidden; height: 100%;display: flex; align-items: center; position: relative; width: 100%;}
.slideTxtBox .hd ul li{ float: left;  cursor: pointer; margin-right: .375rem; }
.slideTxtBox .hd ul li h3{ font-size: .3rem; color: #333333; line-height: .625rem; position: relative; font-weight: normal;}
.slideTxtBox .hd ul li h3::after{ content: ""; position: absolute; width: 30%; height: 2px; bottom: 0; left: 0; background: #004ea1;}
.slideTxtBox .hd ul li a{ font-size: .2rem; color: #666666; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: .5s;}
.slideTxtBox .hd ul li a:hover{ color: #004ea1;}
.slideTxtBox .hd ul li.on h3{ color: #004ea1; font-weight: bold;}



.subject_con{ width: 80%; margin: 0 auto;}
.sub_demo{ display: flex;align-items: center;}
.swiper_sub .swiper-slide img{ width: 6rem; height: 2.5375rem;    transition: all 0.5s;}
.swiper_sub .swiper-slide:hover img{    transform: scale(1.05);}
.swiper_sub .swiper-slide h3{ font-size: .225rem; font-weight: normal; text-align: center; color: #333333; line-height: 3em;transition: 300ms; opacity: 0;}
.swiper_sub .swiper-slide {transition: 300ms;transform: scale(0.9);}
.swiper_sub .swiper-slide-active,.swiper_sub .swiper-slide-duplicate-active{transform: scale(1);}
.swiper_sub .swiper-slide-active h3,.swiper_sub .swiper-slide-duplicate-active h3{ opacity: 1;}
.tit_index{ display: flex; justify-content: space-between;align-items: center; height: 1.875rem;}
.tit_index h3{ font-size: .5rem; color: #333333; position: relative; padding-left: .25rem;}
.tit_index h3 font{ color: #004ea1;}
.tit_index h3::before{ content: ''; position: absolute; width: 6px; height: .5rem; background: #004ea1; left: 0; top: 50%; margin-top: -.2rem; }
.tit_index a{ font-size: .225rem; color: #333333; border: 1px solid #cccccc; line-height: .625rem; padding: 0 .375rem; border-radius: .5rem;transition: all 0.3s;}
.tit_index a:hover{ background: #004ea1; border: 1px solid #004ea1; color: #ffffff;}

.news_list{ width: 80%; margin: 0 auto; }
.news_demo{ width: 100%; margin: 0 auto; background: url("../images/sp_bj02.jpg")no-repeat center bottom; background-size: 100% auto;}
.list02{display: flex;justify-content: space-between; width: 100%; flex-wrap: wrap; }

.tabs{ display: flex; justify-content: center; padding: .5rem 0;}
.tabs li{  margin: 0 .1875rem; cursor: pointer;float: left; }
.tabs li a{color: #333333; width: 100%;padding: 0 .5rem;line-height: .6rem; font-size: .275rem;border: 1px solid #cccccc; border-radius: 50px; display: block; }
.tabs li.on a{ color: #ffffff; background: #004ea1; border: none; }
.list02 li{ font-size: .225rem; color: #333333; line-height: .75rem; width: 48%; display: flex;justify-content: space-between;align-items: center;transition: all 0.5s;}
.list02 li a{width:78%; color: #333333;font-size: .225rem;transition: 500ms; display: inline-block; white-space: nowrap;    text-overflow: ellipsis; -o-text-overflow: ellipsis;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  transition: all 0.3s;}
.list02 li span{ font-size: .2rem; color: #666666; }
.list02 li:hover a{  color: #004ea1; font-weight: bold;transform: translateY(-5px);}

.list02{ background: #ffffff; padding: .4rem .2rem; box-sizing: border-box;}
.tab_cate{ padding-bottom: .5rem;}



.construct_demo{ width: 80%; margin: 0 auto;}

.construct_demo .struct_sub{  padding: .2rem 0 .3rem;}

.struct_sub .swiper-slide{ position: relative; height: 4.175rem; width: 6.1625rem; overflow: hidden;}

.t_img{ overflow: hidden;}

.t_img img{width: 100%;

    height: 100%;

    margin: 0 auto;

    text-align: center;

    top: 0;

    left: 0;

    position: absolute;

    transition: all 300ms linear;}

.t_word{width: 100%;

    height: 100%;

    text-align: center;

    transition: all 300ms linear;

    position: absolute;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    opacity: 0;}

.t_word h3{ font-size: .225rem; color: #ffffff; line-height: .5rem;}

.t_word i{  width: .625rem; height: .625rem; background: url("../images/ico01.png")no-repeat center center; display: block; background-size: .625rem .625rem;}

.struct_sub .swiper-slide:hover .t_img img{transform:scale(1.5);}

.struct_sub .swiper-slide:hover .t_word{ width: 90%; height: 90%; left: 5%; top: 5%; opacity: 0.8;}

.mar20{ margin: .2rem auto;}



.bj03{ background:url("../images/bj03.jpg");}

.footer{ width: 100%;  margin: 0 auto; padding-top: .3rem;}

.add_box p{ font-size: .2rem; color: #ffffff;line-height: .45rem;}



.footer_bottom .dt_demo{ display: flex;}

.footer_box{ display: flex; justify-content: space-between; width: 80%; margin: 0 auto; padding: .3rem .2rem;}

.ewm_box ul li{ margin: 0 auto; text-align: center;}

.ewm_box ul li img{width: 1.5rem; height: 1.5rem;}

.ewm_box ul li p{ font-size: .2rem; color: #ffffff; line-height: .45rem;}

.copy_box p{ font-size: .2rem; color: #ffffff;line-height: .75rem;}

.dt_demo li{font-size: .2rem; color: #a9b7d3; line-height: .75rem; float: left; margin: 0 .1rem;}

.dt_demo li a{color: #a9b7d3;}

.footer_bottom{ display: flex; justify-content: space-between; border-top: 1px solid #a9b7d3; width: 80%; margin: 0 auto;}

.links_box{ width: 100%; background: #1d4d9a; margin: 0 auto; padding: .2rem 0;}

.links_box .ftlink{ display: flex; justify-content: space-between;width: 80%; margin: 0 auto;}

.links_box .ftlink dl{ width: 23%;position: relative; background: #ffffff; }

.links_box .ftlink dl dt{height:.7rem;line-height: .7rem;background: #ffffff; padding: 0 .2rem; display: flex;justify-content: space-between;cursor: pointer;color: #333333;font-size: .225rem; position: relative;}

.links_box .ftlink dl dt:after{transition: .3s;content: ""; background: url("../images/ico02.png")no-repeat center center; width: .2rem; height: .1375rem; background-size: .2rem .1375rem; top: 50%; margin-top: -0.0625rem; position: absolute; right: .2rem;}



.links_box .ftlink dl dt.on:after{display: inline-block;transform: rotate(180deg);}

.links_box .ftlink dl dd{position: absolute;top: .7rem;left: 0;right: 0;background:rgba(255,255,255,.8);padding: .1875rem .25rem;border-top: 1px solid #eee;z-index: 5;display: none}

.links_box .ftlink dl dd ul li{font-size: .2rem;text-align: center; line-height: .4rem;}

.links_box .ftlink dl dd ul li a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #666;  width: 95%;text-overflow: ellipsis;white-space: nowrap;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis; overflow: hidden;}

.links_box .ftlink dl dd ul li a:hover{color:  #004fa1;transform: scale(1.1); }

.links_box .ftlink dl dd ul{overflow-y: auto; padding: .1rem 0; max-height: 2.1rem; }

.links_box .ftlink dl dd ul::-webkit-scrollbar{width:4px}

.links_box .ftlink dl dd ul::-webkit-scrollbar-track{background: #eee;border-radius: 5px}

.links_box .ftlink dl dd ul::-webkit-scrollbar-thumb{border-radius:5px;background:linear-gradient(45deg,#0082e6 0%,#1d5196 100%)}





.walk_demo{width: 100%; margin: 0 auto; background: url("../images/bj01.jpg")no-repeat bottom center;}

.walk_con{ display: flex; align-items: center; justify-content: center; width: 80%; margin: 0 auto; padding: .5rem 0; flex-wrap: wrap;}

.walk_con .walk_l{width: 52%; margin-right: .2rem;}

.walk_con .walk_r{ width: 44.44%;}

.walk_con .walk_a{ position: relative; margin-bottom: .375rem;}

.walk_con .walk_aImg{position: relative;height: 0;padding-bottom: 62.5%;overflow: hidden;}

.walk_con .walk_aImg img{position: absolute;height: 100%;width: 100%;top: 0;bottom: 0;left: 0;right: 0;margin: auto;object-fit: cover;transition: all 0.5s;}

.walk_con .walk_dImg{position: relative;height: 0;padding-bottom: 56.25%;overflow: hidden;}

.walk_con .walk_a .walk_btm{position: absolute;padding: 0 .3rem .3rem;display: flex; justify-content: space-between;align-items: center;z-index: 2;left: 0;

 bottom: 0;width: 100%;}

.walk_con .walk_d .walk_dTxt{    position: absolute;padding: 0 .3rem .3rem;display: flex;justify-content: space-between;align-items: center;z-index: 2;

    left: 0;bottom: 0;width: 100%;}

.walk_com_tit h3{ font-size: .35rem; color: #ffffff; font-weight: normal; line-height: .625rem;}

.walk_com_tit p{ font-size: .225rem; color: #ffffff;} 

.walk_con .walk_l .walk_b{ display: flex; justify-content: flex-end;}

.walk_con .walk_r .walk_b{ display: flex; justify-content: flex-start;}

.walk_con .walk_b a,.walk_con .walk_d a{ position: relative;}

.walk_con .walk_b .walk_bImg{ position: relative; width: 5.75rem; height: 2.5rem; overflow: hidden;}

.walk_con .walk_b .walk_b_txt{position: absolute;padding: .375rem;display: flex;z-index: 2;left: 0; flex-direction: column; justify-content: space-between;

    width: 100%; top: 0; height: 100%;}

.walk_con .walk_b .walk_b_txt .btn_ico01{ width: .825rem; height: .375rem;}

.walk_con .walk_d{margin-top: .375rem;}

.walk_r .walk_d,.walk_r .walk_d a{ width: 100%; display: block;}



.walk_commonImg img{   transition: all 0.5s;}

.walk_a:hover .walk_commonImg img,.walk_b:hover .walk_commonImg img,.walk_d:hover .walk_commonImg img {transform: scale(1.05);}



.walk_a .walk_play{ width: .75rem; height: .75rem;}

.walk_d .walk_play{ width: .75rem; height: .75rem;}



.grad_wrap{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background: #000000; opacity: 0.5; filter:alpha(opacity=0.5); display: none;}






/* 
.yc_box{ position: fixed; right: .125rem; top: 50%; transform: translateY(-50%); z-index: 22;}
.yc_box .right_xf .bkbox{ width: .875rem; height: .875rem; background: #ffffff;box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.14); margin: .1875rem 0; border-radius: .06rem; transition: all 0.3s; position: relative;}
.yc_box .right_xf .bkbox:hover{ background: #004ea1;}
.yc_box .right_xf .bkbox a{width: .875rem; height: .875rem;display: flex; flex-direction: column; justify-content: center; align-items: center;transition: all 0.3s;}
.yc_box .right_xf .bkbox p{ font-size: .175rem; color: #333333; line-height: 2em; text-align: center;transition: all 0.3s;}
.yc_box .right_xf .bkbox i{ width: .35rem; height: .35rem; transition: all 0.3s;}
.yc_box .right_xf .bkbox:hover p{ color: #ffffff;}
.yc_box .right_xf .bk01:hover i{background: url("../images/ico06.png")no-repeat -.35rem 0;background-size: .7rem .35rem;}
.yc_box .right_xf .bk02:hover i{background: url("../images/ico07.png")no-repeat -.35rem 0;background-size: .7rem .35rem;}
.yc_box .right_xf .bk03:hover i{background: url("../images/ico08.png")no-repeat -.35rem 0;background-size: .7rem .35rem;}
.yc_box .right_xf .bk01 i{ background: url("../images/ico06.png")no-repeat 0 0; background-size: .7rem .35rem;}
.yc_box .right_xf .bk02 i{ background: url("../images/ico07.png")no-repeat 0 0; background-size: .7rem .35rem;}
.yc_box .right_xf .bk03 i{ background: url("../images/ico08.png")no-repeat 0 0; background-size: .7rem .35rem;}
.to_up{width: .6625rem; height: .6625rem; background: url("../images/to_up.png")no-repeat center center; display: block; margin: 0 auto; background-size: 100% 100%;}
.yc_box .right_xf .bkbox .ewm_box{ position: absolute; width: 1.375rem; top: 0; background: #ffffff; right: .9rem;box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); border-radius: .05rem; display: none; padding: 5px 0;}
.yc_box .right_xf .bkbox .ewm_box img{ width: 1.25rem; height: 1.25rem; margin: 0 auto; text-align: center;}
.yc_box .right_xf .bkbox .ewm_box p{ font-size: .2rem; color: #333333; line-height: 2em; margin: 0 auto; text-align: center;} */



/*右侧*/
.yc_box{ position:fixed;right: .1875rem; top: 4.5rem; display: flex;flex-direction:column; align-items: flex-end;z-index: 22;}

.yc_box02{ width: .6125rem; height: 1.5rem;  z-index: 200; position: fixed; right: 0;top: 4.5rem;  text-align: center; display: none;}
.yc_box02 a{ width: 100%; display: block;}
.yc_box02 img{ width: .6125rem; height: 1.5rem; }
.yc_box .close_02{width: .25rem; height: .25rem; background: url("../images/close.png")no-repeat center center; background-size: 100% 100%; margin-bottom: .1875rem;}
.right_xf{width: .75rem; }
.right_xf .bkbox{width: .75rem;height: .75rem;background:#fff;box-shadow:0 0 .25rem rgba(0,0,0,.16);margin-bottom: .125rem;border-radius: .125rem;text-align:center;font-size: .175rem;position:relative; z-index: 4;}
.right_xf .bkbox>a{display:block;transition: 0.2s; background-image: url("../images/yc_ico.png"); background-size: 1.5rem 4.5rem; width: .75rem; height: .75rem;}

.right_xf .bk01>a {background-position: 0 0;}
.right_xf .bk02>a{background-position: 0 -.75rem;}
.right_xf .bk03>a{background-position: 0 -1.5rem;}
.right_xf .bk04>a{background-position: 0 -2.25rem;}
.right_xf .bk05>a{background-position: 0 -3rem;}
.right_xf .bk06>a{background-position: 0 -3.75rem;}

.right_xf .bk01:hover>a {background-position: -0.75rem 0;}
.right_xf .bk02:hover>a{background-position: -0.75rem -.75rem;}
.right_xf .bk03:hover>a{background-position: -0.75rem -1.5rem;}
.right_xf .bk04:hover>a{background-position: -0.75rem -2.25rem;}
.right_xf .bk05:hover>a{background-position: -0.75rem -3rem;}
.right_xf .bk06:hover>a{background-position: -0.75rem -3.75rem;}

.right_xf  div.ewm_box{position:absolute;width: 1.5rem;left: -1.6875rem;top:0; display: none; }
.right_xf  .ewm_box dl{background:#fff;width: 1.5rem;height: 1.7rem;box-shadow:0 0 .075rem rgba(0,0,0,.16);border-radius: .1rem;text-align:center;}
.right_xf  .ewm_box dl dt{ padding-top: .0625rem;}
.right_xf  .ewm_box dl dt img{width: 1.3125rem; height: 1.3125rem; margin: 0 auto;}
.right_xf  .ewm_box dl dd{line-height: .2625rem;color:#333333;font-size: .175rem;}

.page_ban{ position: relative; width: 100%; height: 5.625rem;}
.page_ban img{ width: 100%; height: 100%;}
.page_ban .wrap_ban_tit{ width: 100%; margin: 0 auto; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.page_ban .wrap_ban_tit h3{ font-size: .45rem; color: #ffffff;  font-weight: normal; padding-bottom: .1rem;}
.page_ban .wrap_ban_tit p{ color: rgba(255,255,255,.5); font-size: .3rem; text-transform: uppercase;}

.e_box{ width: 100%; height: .875rem; background: rgba(0,0,0,.4); position: absolute; bottom: 0; left: 0;}
.e_box .wrap_box80{ width: 86%; margin: 0 auto;}
.e_box .wrap_box80{ display: flex; align-items: center;height:.875rem;}
.e_box .wrap_box80 p{ font-size: .225rem; color: #ffffff;}
.e_box .wrap_box80 ul li a{ color: #ffffff;}
.e_box .wrap_box80 ul li{font-size: .225rem; color: #ffffff; float: left; margin: 0 4px;}


.page_main{ width: 100%; margin: 0 auto; background: #f6f6f6; overflow: hidden; }
.news_list01{ margin: 0 auto;}

.news_list01 dl{position: relative; margin-bottom: .3125rem;        transition: all 0.4s ease-in-out; background: #fcfcfc; overflow: hidden; padding: .4375rem .5rem; }
.news_list01 dl dt{ display: flex; flex-direction: column; align-items: center;justify-content: center;width: 10%;    transition: all 0.4s ease-in-out;}
.news_list01 dl a{display: flex; align-items: center; height: .5rem; box-sizing: content-box; color: #333333;    transition: all 0.4s ease-in-out;}
.news_list01 dl dt b{ font-size: .35rem; color: #cccccc;    transition: all 0.4s ease-in-out;}
.news_list01 dl dt p{font-size: .2rem;  color: #cccccc;    transition: all 0.4s ease-in-out;}
.news_list01 dl dd{ font-size: .225rem; color: #333333;    transition: all 0.4s ease-in-out;  width: 88%;}
.news_list01 dl dd p{ line-height: 2em;}
.news_list01 dl:hover{ transform: translateY(-5px);}
.news_list01 dl:hover::after{ width: 100%;}
.news_list01 dl::after{ position: absolute; content: ''; width: 0; height: 2px; background: #004ea1;visibility: inherit; display: block; top: 0; left: 0; transition: all 0.4s ease-in-out;}
.news_list01 dl p:hover{ color: #004ea1; font-weight: bold;}

.p_page a{ font-size: .2rem; color: #333333; border: 1px solid #cecece; background: #fcfcfc;        transition: all 0.4s ease-in-out; margin: .04rem; padding: 0 .1875rem; line-height: 2.5em; display: inline-block; cursor: pointer;}
.p_page{ display: flex; flex-wrap: wrap; margin: .375rem auto;}
.p_page a:hover,.p_page a.current{ color: #ffffff; background: #004ea1; }


.new_page{margin: .4rem auto; }
.page_tit{ border-bottom: 1px dashed #cccccc; padding-bottom: .2rem;}
.page_tit h3{ font-size: .45rem; color: #333333; line-height: .625rem; text-align: center;}
.page_tit ul li{ font-size: .2rem; color: #666666; line-height: 3em; margin: 0 .125rem;}
.page_tit ul{ display: flex; justify-content: center;}
.page_con{ padding: .375rem 0; border-bottom: 1px solid #cccccc; font-size: .225rem; line-height: 2em;}
.page_con img{ margin: .25rem auto; text-align: center; max-width: 100%;}
.con_fyxg{ padding: .25rem 0 0;}
.con_fyxg ul{ overflow: hidden; }
.con_fyxg ul li{ font-size: .225rem; color: #333333; line-height: 2em; }
.con_fyxg ul li a{ color: #333333;transition: all 0.4s ease-in-out; }
.con_fyxg ul li a:hover{ color: #004ea1; font-weight: bold;}



.img_demo,.img_demo02{ margin: .4rem auto; overflow: hidden;}
.img_demo ul{ display: flex; flex-wrap: wrap; }
.img_demo02 ul{ display: flex; flex-wrap: wrap; justify-content: flex-start ;}
.img_demo02 ul li{ width: 33%; margin-bottom: .1875rem;transition: all 300ms linear; }
.img_demo02 ul li a{display: block; overflow: hidden; transition: all 300ms linear; width: 5.9875rem;}
.img_demo02 ul li img{width: 5.9875rem; height:  2.5375rem;transition: all 300ms linear;}
.img_demo02 ul li p{ font-size: .225rem; line-height: 3em; text-align: center;transition: all 300ms linear;}
.img_demo02 ul li:hover img{transform: scale(1.05);}
.img_demo02 ul li:hover p{ color: #004ea1; font-weight: bold;}


.img_demo ul li{  width: 24%;  margin: 0 .5% .25rem .5%;}
.img_demo ul li a{ display: block;transition: all 300ms linear; overflow: hidden;}
.img_demo ul li .t_img1{ width: 100%; height: 2.9375rem; overflow: hidden;}
.img_demo ul li .t_img1 img{width: 100%;  margin: 0 auto; transition: all 300ms linear; height: 100%;}
.img_demo ul li .t_word1{width: 100%;transition: all 300ms linear; margin: 0 auto; text-align: center;}
.img_demo ul li .t_word1 p{line-height: 3em;transition: all 300ms linear; text-align: center; margin: 0 auto;}
.img_demo ul li a:hover .t_img1 img{transform:scale(1.05);}
.img_demo ul li a:hover .t_word1 p{ color: #004ea1; font-weight: bold;}

.nav_list{ width: 80%;  margin: 0 auto;}
.nav_list ul{ width: 100%;  display: flex; justify-content: center; }
.nav_list ul li{ margin: .3rem .25rem;transition: all 0.5s ease-in-out; }
.nav_list ul li a{ font-size: .3rem; color: #333333;transition: all 0.5s ease-in-out; padding: 0 .5rem; line-height: .625rem; border: 1px solid #cecece; display: inline-block; border-radius: .3rem; background: #ffffff;}
.nav_list ul li.on a,.nav_list ul li:hover a{ color: #ffffff; background: #004ea1;}




.ny_tit{  margin: .5rem auto;}

.ny_tit h3{ font-size: 30px; color: #333333; line-height: .5rem;}

.ny_tit p{ font-size: .175rem; color: #cc930a; line-height: .5rem; text-transform: uppercase;}

.ny_tit i{ width: 1rem; height: 1px; background: #1E4E9A; display: block;margin-top: .25rem;}

.ny_demo img{ margin: .375rem auto; text-align: center; max-width: 100%;}

.bj04{ background: url("../images/bj04.jpg")no-repeat bottom left; width: 100%; margin: 0 auto; overflow: hidden;}




.ztsp_box{ width: 100%; display: flex; align-items: center; justify-content: space-between; padding-bottom: .625rem;}


.con_100{ width: 100%; margin: 0 auto; overflow: hidden;}

.spbox{  width: 10.625rem; height: 6.75rem; position: relative;}
.spbox .swiper-slide .video_demo{ width: 10.625rem; height: 6.75rem; overflow: hidden;}
.videolist {position: relative; cursor: pointer; background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;width: 100%; height: 100%; margin: 0 auto; transition: 500ms;}
.video03{ width: 100%; height: 100%; position: absolute; background: rgba(0,0,0,0.3);z-index: 2;}
.videolist:hover{transform: scale3d(1.1,1.1,1);}

.video_item{ position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 5; width: 100%;}
.video_item i{ width: 1rem; height: 1rem; background: url("../images/sp_ico01.png")no-repeat center center; display: block; margin: 0 auto; background-size: 100% 100%;}
.video_item h3{ font-size: .25rem; color: #ffffff; line-height: .75rem; text-align: center;}

.videos {position: fixed;top: 50%;width:50%;left: 50%;z-index: 100; transform: translate(-50%,-50%);}
.videos img.vclose {width: auto;}
.videos video{ width: 100%;}
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }

.swiper_tab{ width: 8rem; background: #ffffff; height: 6rem;}
.swiper_tab ul{ width: 100%; height: 100%;}
.swiper_tab ul li{  height: 33.33%; width: 100%; border-bottom: 1px solid #e1e6e7; position: relative; z-index: 20;}
.swiper_tab ul li a{display: flex; align-items: center; height: 100%; width: 100%; box-sizing: border-box; position: relative;}
.swiper_tab ul li img.sp_sx{ width: 26%; margin-left: .35rem;}
.swiper_tab ul li h3{ font-size: .225rem; margin: 0 .3rem; line-height: 2em; font-weight: normal;}
.swiper_tab ul li.tab-active{ background: url("../images/sp_ico_bj02.png")no-repeat right bottom,#22519d; background-size: 1.75rem 1.65rem;}
.swiper_tab ul li.tab-active img.sp_sx{transform: scale3d(1.05,1.05,1); }
.swiper_tab ul li.tab-active h3{ color: #ffffff; font-weight: bold;}
.swiper_tab ul li p{ position: absolute; width: .8rem;height: 100%; background: url("../images/sp_ico_zb01.png")no-repeat center center,#144189; left: -.8rem; top: 0;  align-items: center; display: none; }
.swiper_tab ul li.tab-active p{ display: flex;}


.qywh_demo{width: 80%; margin: 0 auto; overflow: hidden; padding-bottom: .625rem;}
.qy_up{ width: 100%; display: flex; justify-content: space-between; align-items: center;}
.qy_up a{ overflow: hidden;transition: 500ms; width: 49%; display: flex; align-items: center; justify-content: space-between;}

.img_01{ width: 3.625rem; height: 2.425rem; overflow: hidden;}
.img_01 img{ width: 100%; height: 100%;transition: 500ms;}
.text_01{box-sizing: border-box; width: 58%;}
.text_01 h3{ font-size: .225rem; color: #333333; line-height: 2em; font-weight: normal;transition: 500ms;}
.text_01 p{ color: #666666; font-size: .2rem;  line-height: 2em;}
.qy_up a:hover .img_01 img{ transform: scale(1.05);}
.qy_up a:hover .text_01 h3{ color: #004ea1;font-weight: bold; transform: translateX(5px);}
.qy_down{ width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; overflow: hidden; padding-top: .25rem;}
.qy_down a{ width: 49%; display: block;  border-bottom: 1px solid #d0d1d0; height: 1rem; display: flex; align-items: center; justify-content: space-between;transition: 500ms;}
.qy_down h3{  color: #333333; width: 80%; font-weight: normal; width: 78%;font-size: .225rem;transition: 500ms; display: inline-block;white-space: nowrap;text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.qy_down p{ font-size: .2rem; color: #666666;}
.qy_down a:hover{ transform: translateX(5px);}
.qy_down a:hover h3{ color: #004ea1; font-weight: bold;}

.loca_list{ width: 100%; height: 1rem; border-bottom: 1px solid #cccccc; display: flex; align-items: center; justify-content: space-between; margin: 0 auto; padding-bottom: .25rem;}
.zb_tit1{ font-size: .3rem; color: #004ea1; position: relative; line-height: .75rem;}
.zb_tit1::after{     position: absolute;  content: "";width: 35%; height: 2px;  background: #004ea1;bottom: 0; left: 0;}
.loc_box{ overflow: hidden; display: flex;  align-items: center;}
.loc_box li{ font-size: .225rem; color: #333333; margin: 0 4px;}
.loc_box li a{ color: #333333;transition: 500ms;}




.loc_box li a:hover{ color: #004ea1;}


.ny_news{ width: 100%; margin: 0 auto; overflow: hidden;}
.ny_news ul{ overflow: hidden; padding: 0 .25rem;}

.ny_news ul li{transition: all 0.5s ease-in-out; display: flex; justify-content: space-between;}
.ny_news ul li a{width: 85%;  line-height: .6rem; color: #333333; display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.5s ease-in-out;}
.ny_news ul li span{ color: #666666; font-size: .2rem; line-height: .55rem; float: right;}
.ny_news ul li:nth-child(5n){ border-bottom: 1px dashed #d6d6d6;padding-bottom: .2rem;}
.ny_news ul li:nth-child(5n+1){ padding-top: .2rem;}
.ny_news ul li:hover a{ color: #004ea1; font-weight: bold;transform: translateX(5px);}


.qywh_box1{ width: 100%; margin: 0 auto; display: flex; justify-content: space-between; padding-top: .3rem;}
.qywh_box1 a{ display: block; width: 32%; position: relative;transition: all 0.5s ease-in-out;}
.qywh_box1 a::after{ content: ""; position: absolute; width: 100%; height: 1px; background: #ebebeb; bottom: 0; left: 0;transition: all 0.5s ease-in-out 0s;}
.qy_img1{ width: 100%; height: 4.1rem; overflow: hidden;}
.qy_img1 img{ width: 100%; height: 100%;transition: all 0.5s ease-in-out;}
.qy_txt1{ width: 100%; margin: 0 auto; padding: .25rem 0;}
.qy_txt1 h3{font-size: .225rem; color: #333333; line-height: 1.5em;font-weight: normal;transition: all 0.5s ease-in-out 0s;
    display: inline-block;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;}
.qy_txt1 p{color: #666666; font-size: .2rem;  line-height: 3em; background: url("../images/data_ico01.png")no-repeat center left; background-size:.275rem .25rem; padding-left: .35rem; }
.qywh_box1 a:hover .qy_img1 img{transform: scale(1.1);}
.qywh_box1 a:hover .qy_txt1 h3{ color: #004ea1; font-weight: bold;}
.qywh_box1 a:hover::after{ background: #004ea1;}



.qywh_news{ width: 96%; margin: 0 auto; overflow: hidden; padding: .3rem 0 .2rem;}
.qywh_news a{ display: flex; width: 100%; padding: .25rem 0; position: relative;}
.qywh_news a::after{ content: ""; position: absolute;  bottom: 0; left: 0; background: #ebebeb; width: 100%; height: 1px;transition: all 0.5s ease-in-out 0s;}
.qywh_news a::before{content: ""; position: absolute; right: -.3125rem; top: 50%; transform: translateY(-50%); width: .3125rem; height: .2rem; background: url("../images/ico03_yb.png")no-repeat center center;transition: all 0.5s ease-in-out 0s;}
.qy_img2{ width: 8%;}
.qy_txt2{ width: 90%;}
.qy_img2 h3{ font-size:.4rem; color: #999999; font-weight: normal; line-height: .5rem;}
.qy_img2 p{font-size: .225rem;color: #999999;}
.qy_txt2 p{font-size: .225rem; line-height: .5rem;
  width:90%;transition: all 0.5s ease-in-out 0s;
    font-size: .225rem;
    transition: 500ms;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.qywh_news a:hover .qy_txt2 p{color: #004ea1; font-weight: bold;}
.qywh_news a:hover::after{ background: #004ea1;}
.qywh_news a:hover::before{ right: .3125rem; }



.news_gsyw{ width: 80%; margin: 0 auto; display: flex; justify-content: space-between;}
.f_24{ font-size: .3rem;}
.f_16{font-size: .2rem;}
.f_18{ font-size: .225rem;}
.f_14{ font-size: .175rem;}
.cor_b{ color: #004ea1;}
.cor_g{ color: #666666;}
.cor_w{ color: #ffffff;}
.bj_corg{ background: #ffffff;}

.pad_20{ padding: .25rem 0;}
.pad_b20{ padding-bottom: .25rem;}
.w_80{ width: 80%; margin: 0 auto;}
.w_100{ width: 100%; margin: 0 auto;}
.bor_bw{ border-bottom: 1px solid #416a99;}
.bor_tw{ border-top: 1px solid #416a99;}

.kzcd2{ width: 90%; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis;
 white-space: nowrap; transition: all 0.3s;}

.news_hei{ width: 34%;}
.news_hei2{width: 29%;}

.bor_b{ border-bottom: 1px solid #e0e0e0;}

.tit_02,.tit_04{ width: 100%; height: .875rem; display: flex; justify-content: space-between; align-items: center;}
.tit_02 h3,.tit_04 h3{ position: relative;}
.tit_02 h3::after{ position: absolute; content: ""; width: 35%;  height: 2px; background: #004ea1;  bottom: -30%; left: 0}
.tit_02 a{ transition: all 0.3s;}
.tit_02 a:hover{ color: #004ea1;}
.tit_04 h3::after{ position: absolute; content: ""; width: 35%;  height: 2px; background: #ffffff;  bottom: -30%; left: 0}
.tit_04{ padding-left: .125rem;}


.news_list2{ padding: .2rem 0;}
.news_list2 li{ overflow: hidden; position: relative;transition: all 0.3s;}
.news_list2 li a{ line-height: .6rem; display: block; padding-left: .125rem;transition: all 0.3s}
.news_list2 li::after{ content: ""; position: absolute; width: 5px; height: 5px; background: #e0e0e0; border-radius: 50%; left: 0; top:50%; transform: translateY(-50%);transition: all 0.3s;}
.news_list2 li:hover a{color: #004ea1;font-weight: bold;}
.news_list2 li:hover{ transform: translateX(5px); }
.news_list2 li:hover::after{ background: #004ea1;}

.news_list3{ padding: .2rem 0;}
.news_list3 li{ border-bottom: 1px dashed #cecece;}
.news_list3 li a{transition: all 0.3s ; line-height: .7rem; display: block;}
.news_list3 li a:hover{color: #004ea1;font-weight: bold;}
.zyyw_box{  display: flex;  flex-wrap: wrap; width: 95%; margin: 0 auto; justify-content: space-between;}
.zy_img1 img{ width: 100%;}
.zy_img1{ margin: .18rem 0;}
.zy_img2{ width: 48%;}
.zy_img2 img{ width: 100%;}
.zyyw_box a{transition: all 0.3s; overflow: hidden; position: relative;}
.zyyw_box a::after{ position: absolute; top: 0; left: 0; background: rgba(0,0,0,.16); content: ""; width: 0; height: 100%;}
.zyyw_box a img{transition: all 0.3s;}
.zyyw_box a:hover img{ transform: scale(1.05);}
.zyyw_box a:hover::after{ width: 100%;}


.bjys1{ width: 100%; background: url("../images/bjya01.jpg")no-repeat center top;}
.foot_bj{ background: url("../images/foot_bj01.jpg")no-repeat center bottom,#0a3e7c; width: 100%;}

.qywh_img{ width: 100%; position: relative; overflow: hidden;}
.qywh_img .swiper-slide{ width: 100%;}
.qy_img{ overflow: hidden;transition: 500ms; width: 100%; height: 2.875rem;}
.qywh_img .swiper-slide a{transition: 500ms;}
.qy_img img{ width: 100%; height: 100%;transition: 500ms;}
.txt_2 p{ line-height: 3em; text-align: center; margin: 0 auto;transition: 200ms;}
.qywh_img .swiper-slide a:hover .qy_img img{ transform: scale(1.05);}
.qywh_img .swiper-slide a:hover .txt_2 p{ color: #004ea1; font-weight: bold;}
.qywh_img .swiper-button-prev1,.qywh_img .swiper-button-next1{width: 42px; height: 42px; position: absolute; top: 35%; z-index: 99;transition: 200ms; cursor: pointer;}
.qywh_img .swiper-button-prev1{ background: url("../images/prev_l.png")no-repeat center center; left: -2%;}
.qywh_img .swiper-button-next1{background: url("../images/prev_r.png")no-repeat center center; right: -2%;}
.qywh_img:hover .swiper-button-prev1{left: 2%;}
.qywh_img:hover .swiper-button-next1{right: 2%;}

.links_yq{  width: 100%; display: flex;}
.links_yq a{ width: 16%; margin-right: .25rem; overflow: hidden;transition: 500ms;}
.links_yq a img{ width: 100%;transition: 500ms;}
.links_yq a:hover img{ transform: scale(1.05);}

.fle_w100{ width: 100%; display: flex; justify-content: space-between; align-items: center;}

.links{ display: flex; }
.links li{ margin-right: .125rem; line-height: .4rem;transition: 500ms;}
.l_lin2{ line-height: .4rem;}
.links li a:hover{ color:#cecece;}
.ewm_list li p{ text-align: center;}
.text_w{ width: 100%; text-align: center;}
.text_w p{ line-height: .625rem;}

.bj_corg .swiper-slide a{ line-height: 1rem; height: 100%; position: relative; display: block;transition: 500ms; }
.bj_corg .swiper-slide.cur a{ color: #004ea1; font-weight: bold;}
.bj_corg .swiper-slide{ width: auto;}
.bj_corg .swiper-slide a::after{ position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: #004ea1; content: "";transition: 500ms;}
.bj_corg .swiper-slide.cur a::after{ width: 100%;}
.bj_corg .swiper-slide a:hover::after{ width: 100%;}
.bj_corg .swiper-slide a:hover{ color: #004ea1;font-weight: bold;}

.page_bj{ width: 80%; margin: .5rem auto .625rem; background: #ffffff; box-sizing: border-box; padding: .25rem;}
.dw_ico{ overflow: hidden;}

.ny_demo{ width: 100%; margin: .3rem auto; overflow: hidden;}



.thir_nav{ width: 80%; margin: 0 auto; padding-top: .2rem;}
.thir_nav ul{ display: flex; flex-wrap: wrap;}
.thir_nav ul li{ margin-right: .3rem; position: relative;transition: 500ms;}
.thir_nav ul li a{ line-height: 3em; display: block;transition: 500ms;}
.thir_nav ul li::after{ content: "";position: absolute; background: #004ea1; width: 0; height: 2px;left: 0; bottom: 0;transition: 500ms;}
.thir_nav ul li.on::after,.thir_nav ul li:hover::after{ width: 100%;}
.thir_nav ul li.on a,.thir_nav ul li:hover a{ color: #004ea1; font-weight: bold;}