@charset "utf-8";
html{ font-size: 100px; }
body{font-family:"Source Han Sans CN","Microsoft YaHei",;  color:#333; font-size:14px;background: #f8f8f8; overflow-x: hidden;}
*{margin:0px;padding:0px;list-style: none; }
img{border:0px; max-width: 100%;}
a{text-decoration:none;color:#333; transition: all 0.5s; }
a:hover{color:#0951bc}
i{ font-style: normal; }
em{ font-style:normal;}
.clear{clear:both;}
.l{float:left;}
.r{float:right;}
.layui-layer-setwin .layui-layer-close2 {
    right: -6px!important;
    top: -6px!important;
}
.bak{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;  display: block; }
.bak:hover {-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic,.pic1{ overflow: hidden; margin: auto; position: relative;}
.pic span{ background-repeat: no-repeat; background-position: center; background-size: cover; display: block;}
.pic span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; transition: all 0.5s;}

.pic1 span{background-repeat: no-repeat; background-position: center; background-size:contain; display: block;}
.pic1 span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: contain; transition: all 0.5s;}


.w1520{ width: 1520px; margin: auto; position: relative; max-width: 85%; }
.w1200{ width: 1200px; margin: auto; max-width: 96%; }
.content{ margin:20px auto; }
.middle{ margin: 0px auto; padding: 40px 0px; }

.top{ position: fixed; width: 100%; height: 100px; border-bottom: rgba(255,255,255,0.2) 1px solid; left: 0; top: 0px; z-index: 99999; background: rgba(255,255,255,0); transition: all 0.5s; }
.top img.yin{ display: none; }
.logo{ padding-top: 13px; }
.sou{line-height: 100px;}
.sou a i{ font-size: 26px; color: #fff; }

.nav{ font-size: 15px; /*margin-right: 15px; */ }
.nav li{ float: left; text-align: center; position: relative; z-index: 999; display: flex; align-items: center;  }
.nav li a{ display: inline-block;  margin: 0px 25px; color: #fff;  font-size: 20px; line-height: 100px; }
.nav li span{ height: 15px; width: 1px; background: #fff; display: inline-block; }
.nav li a:hover{  color: #F7B718; }


.nav li .sub-box1{ position:absolute;text-transform:none; top:80px; left: -45%;  width:200%; overflow: hidden; height: 0px; display: block; z-index: 999; transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;  z-index: -1;opacity:0; filter:alpha(opacity=0); -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2); }

.nav li:hover .sub-box1{ display: block; height: auto; z-index: 1;opacity:1; filter:alpha(opacity=1); border-radius: 10px;  }
.nav li .sub-box{ background:#fff; border-radius: 10px; }
.nav li .sub-box dd{ position:relative; overflow:hidden}
.nav li .sub-box dd a{ display: block; margin: auto; font-size: 16px;  padding:0px 10px; /*text-align: left;*/ line-height: 45px; color: #333;}
.nav li .sub-box dd dl{ position:absolute; top:0; left:100%; margin:0; background:#FFF; display:none }

.nav li .sub-box dd:hover{ overflow:visible}
.nav li .sub-box dd:hover dl{ display:block; }
.nav li .sub-box dd:hover dl a:hover{ background:none}

.nav li .sub-box dd a:hover{ background: #4078c2; color: #fff; border-radius: 0; }
.nav li .sub-box dd:first-child a:hover{border-top-left-radius:10px; border-top-right-radius:10px; }
.nav li .sub-box dd:last-child a:hover{border-bottom-left-radius:10px; border-bottom-right-radius:10px; }

.top.fix{background: rgba(255,255,255,1); -webkit-box-shadow: 5px 0px 20px rgba(0,0,0,0.2); -moz-box-shadow: 5px 0px 20px rgba(0,0,0,0.2); -o-box-shadow: 5px 0px 20px rgba(0,0,0,0.2);box-shadow: 5px 0px 20px rgba(0,0,0,0.2);}
.top.fix img.xian{ display: none; }
.top.fix img.yin{ display: block; }
.top.fix .nav li a{ color: #333; }
.top.fix .nav li span{ background: #333; }
.top.fix .sou a i{ color: #333; }

.box{ padding:0.8rem 0;  background-repeat: no-repeat; background-position: center; background-size: cover; display: block;}

.index_dh{ margin: auto; }
.index_dh h2{ font-size: 0.5rem;  font-weight: bold;  color: #000; }
.about{ width: 66%; margin:0.3rem 0 0.3rem 0; font-size: 18px; line-height: 1.8; color: #000; }

.youshi{ margin:50px auto; display: grid; grid-template-columns: repeat(6, 1fr); background: #0951bc;}
.youshi li{ padding:0px 0.4rem; text-align: center; color: #fff;  height: 2.55rem; display: flex; align-items: center; justify-content: center;  transition: all 0.5s;  }
.youshi li a{ color: #fff; display: block; }
.youshi li img{ display: block; margin:auto; width: 0.5rem; transition: all 0.5s; }
.youshi li .con{ margin:0.2rem auto 0 auto;transition: all 0.5s;  }
.youshi li .con span{ font-size: 20px; display: block; transition: all 0.5s;  }
.youshi li .con p{ line-height: 1.8; opacity: 0; transition: all 0.5s; margin-top:-0.5rem; }
.youshi li:hover{ background: #ff9600; }
.youshi li:hover p{ display: block; opacity: 1; margin-top: 10px; }

.chengjiao{margin:50px auto;}
.chengjiao ul{display: grid; grid-template-columns: repeat(4, 1fr);  gap:20px; }
.chengjiao ul li {display: flex; align-items: center; }
.chengjiao ul li img{ background: #0951bc; height: 0.6rem; width: 0.6rem; border-radius: 100%; margin-right: 0.2rem;}
.chengjiao ul li  .con{width: calc(100% - 0.8rem); font-size: 0.24rem;font-weight: bold;  color: #000;}
.chengjiao ul li  .con .counter{ font-size: 0.5rem; }
.chengjiao ul li  .con .text{ margin-top:10px; }

.fuwu_box{ position: relative; }
.fuwu_dh{ position: absolute; left: 0; top: 1rem; width: 100%; z-index: 2; }
.fuwu_dh .index_dh h2{ color: #fff; }
.fuwu_box .mySwiper2 li .pic span{ padding-top: 49.4%; }
.fuwu_box .mySwiper2 li  .con{position: absolute; left: 0;  width: 100%; bottom: 1rem; color: #fff; /*display: flex; align-items: center; */ z-index: 1;}
.fuwu_box .mySwiper2 li  .con .text{ background: rgba(9,81,188,0.8); width: 40%; padding:50px; border-radius: 10px; }
.fuwu_box .mySwiper2 li  .con .text h3{ font-size: 0.44rem; font-weight: bold; }
.fuwu_box .mySwiper2 li  .con .text .dec{ font-size: 18px; line-height: 1.8; margin:20px auto 0 auto; padding-bottom: 0.5rem; }
.fuwu_box .swiper-button-prev,.fuwu_box .swiper-button-next{width: 50px; height: 50px; line-height: 50px; text-align: center; background: #fff; display: block; border-radius: 100%; outline: none; }
.fuwu_box .swiper-button-prev:after{content: "\e739"; font-family: "iconfont"; font-size: 22px; font-weight: bold; line-height: 50px;}
.fuwu_box .swiper-button-next:after{ content: "\e738"; font-family: "iconfont"; font-size: 22px; font-weight: bold; line-height: 50px; }

.fuwu_box .swiper-button-prev{ left: 50px; top:auto;  bottom: 1.2rem!important;}
.fuwu_box .swiper-button-next{ left: 120px; top:auto; bottom: 1.2rem;}


.fuwu_box2{background: #0951bc; width: 20%; position: absolute;  right: 0px; top: 0; height: 100%; z-index: 2;  }
.fuwu_box .mySwiper{ height: 3.25rem; top: 50%;  transform: translateY(-50%);}

.fuwu_box .mySwiper .swiper-wrapper{ display: block; position: absolute; left: 50%; margin-left:-25%; width: 50%;  top: 0;}
.fuwu_box .mySwiper .con{ }
.fuwu_box .mySwiper li { color: #fff; text-align: center; display: flex; align-items: center;}
.fuwu_box .mySwiper li .pic{ display:inline-block; margin:auto; width: 0.6rem; height: 0.6rem; background: #fff; border-radius: 100%; transition: all 0.5s; }
.fuwu_box .mySwiper li .pic span{ padding-top: 100%; }
.fuwu_box .mySwiper li .pic span img{object-fit: contain; max-width: 100%;}
.fuwu_box .mySwiper li p{display:inline-block; font-size: 18px; font-weight: bold; margin-left: 5px; width: 1rem; text-align: left; transition: all 0.5s; }
.fuwu_box .mySwiper .swiper-slide:hover li .pic{width: 0.7rem; height: 0.7rem; }
.fuwu_box .mySwiper .swiper-slide:hover li p{font-size: 20px;}
.fuwu_box .mySwiper .swiper-slide-thumb-active li .pic{ width: 0.7rem; height: 0.7rem; }
.fuwu_box .mySwiper .swiper-slide-thumb-active li p{ font-size: 20px; }

.fuwu_box2:before{ content: ""; position: absolute; left: 35%; height: 100%; display: block; border-right: rgba(255,255,255,0.6) 2px dotted; z-index: 1; }


/*.fuwu_box .swiper-pagination{ background: #0951bc; width: 20%; left: auto; right: 0; height: 100%; display: flex; align-items: center; bottom: 0; }
.fuwu_box .swiper-pagination-bullet{ background: #fff;opacity: 1; margin: 0 5px!important; width: 60px; height: 60px; border-radius: 50px; outline: none; display: block;  }
.fuwu_box .swiper-pagination-bullet-active{ width: 80px; height: 80px; }
*/

.index-map{ margin:50px auto 0 auto; width:1200px; position:relative;}
.index-map img.pic{ width:1200px; margin:auto;}
.index-map .am-nav{display: grid; grid-template-columns: repeat(6, 1fr);  gap:10px;}
.index-map .am-nav li{ text-align:center; font-size:20px; font-weight: bold;}
.index-map .am-nav li:hover{ color:#ff9204;}
.index-map ul.mapbox{width:1200px; margin:30px auto; position:relative; height:637px; }
.index-map ul.mapbox li{ position:absolute; overflow:hidden;}
.index-map ul.mapbox li img{ cursor: pointer; width:100%;opacity:0;}

.index-map li.li1{ width:554px; height:398px; left:648px; top:41px; background:url(../images/map1.png) no-repeat; background-size:100%;}
.index-map li.li2{ width:265px; height:208px; left:528px; top:72px;background:url(../images/map2.png) no-repeat; background-size:100%;}
.index-map li.li3{ width:230px; height:253px; left:504px; top:270px;background:url(../images/map3.png) no-repeat; background-size:100%;}
.index-map li.li4{ width:521px; height:356px; left:0px; top:22px;background:url(../images/map5.png) no-repeat; background-size:100%;}
.index-map li.li5{ width:156px; height:252px; left:288px; bottom:25px;background:url(../images/map4.png) no-repeat; background-size:100%;}
.index-map li.li6{ width:216px; height:135px; right:44px; bottom:65px;background:url(../images/map6.png) no-repeat; background-size:100%;}
.index-map li.li7{ width:184px; height:42px; left:596px; top:35px;background:url(../images/map7.png) no-repeat; background-size:100%;}



.box4{ color: #fff; position: relative; }
.box4 .pic span{ padding-top: 20.8%; }
.box4 .text{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; align-items: center;  }
.box4  h2{ font-size: 0.5rem; font-weight: bold; }
.box4 a{ display: block; width: 2rem; height: 0.5rem; line-height: 0.5rem; border:#fff 2px solid; text-align: center; font-size: 20px; color: #fff; margin-top: 0.3rem; }
.box4 a:hover{ background: #fff; color: #0951bc; }





.foot{ background: #f3f3f3; margin: auto; padding:40px 0px;  }
.foot_nr{ margin:0.3rem auto 0 auto; }
.foot_nr .dl{ float: left; width: 15%; }
.foot_nr .dl .dt{ font-size: 18px; font-weight: bold; }
.foot_nr .dl .dt a i{ margin-right:10px; font-size: 18px; color: #002fa7 }
.foot_nr .dl .dd{font-size: 16px; margin:15px auto 0 auto;}
.foot_nr .dl .dd a{display: block; margin:10px auto; }
.foot_nr .dl .dd p{ margin:10px auto; }
.foot_nr .dl.dl4{ width: 30%; }
.foot_nr .dl.dl5{ width: 20%; float: right; }
.foot_nr .dl .dd li{ float: left; width: 45%; margin-right: 5%;  text-align: center;}
.bq{ border-top: #002fa7 2px solid; margin:20px auto 0 auto; padding-top: 20px; }

.nbanner{ margin: auto; position: relative;  }
.nbanner .pic span{ padding-top: 44.27%; }


.nbanner .text{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex;align-items: center; color: #fff; z-index: 2; }
.nbanner .text .con{ width: 52%; }
.nbanner .text h3{font-size: 0.72rem; font-weight: bold; margin-top: 1.2rem; }
.nbanner .text p{ line-height: 1.8; font-size: 0.26rem; margin:0.3rem auto 0.6rem auto; font-weight: bold;}

.route{ margin:0.4rem auto; font-size: 18px; }

.n_dh{ margin:0.6rem auto 0.4rem auto;   }
.n_dh a{ display: inline-block;  font-size:0.3rem;  padding-right:2rem; position: relative; font-weight: bold; }
.n_dh a img{ display: inline-block; margin-left:-0.2rem; opacity: .5; width: 0.8rem; height: 0.8rem; }
.n_dh a::after{  content: ""; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 1px; height: 30px; background: #ccc; right: 30%;}
.n_dh a:last-child::after{ display: none; }
.n_dh a:hover img{opacity: 1;}
.n_dh a.on{ color: #0951bc; }
.n_dh a.on img{ opacity: 1; }

.fuwu_nr{ background: #fff; display: flex; align-items: center; margin:0 auto 1.5rem auto; }
.fuwu_nr_l{ float: left; width: 50%; }
.fuwu_nr_l .con{ padding:0 0.5rem; }
.fuwu_nr_pic{ width: 50%; }
.fuwu_nr_pic .pic span{  padding-top: 65.78%; }
.fuwu_nr_l h1{ font-size: 0.3rem; font-weight: bold; }
.fuwu_nr_l .line{ width: 1rem; height: 2px; background: #002fa7; margin:0.4rem 0 0.4rem 0; }
.fuwu_nr_l  .dan_con{ margin-top: 0.2rem; font-size: 18px; line-height: 2; }

.pic_list1{ margin:auto; }
.pic_list1 li{ position: relative; float: left; width: 48%; margin-bottom: 1rem; }
.pic_list1 li:nth-child(2n) { float: right; margin-top:1rem; margin-bottom: 0; }
.pic_list1 li .pic{border-top-left-radius:1rem;  border-bottom-right-radius:1rem; }
.pic_list1 li:nth-child(2){ margin-top:2rem; }
.pic_list1 li .pic span{ padding-top: 68%; }
.pic_list1 li .text{ position: absolute; left: 0; bottom: 0; width: 100%; }
.pic_list1 li .text h3{ width: 45%; height: 1rem;line-height: 1rem; background: rgba(255,255,255,0.8) ; border-top-right-radius:0.5rem; font-size: 0.3rem; text-indent: 0.5rem; font-weight: bold;}
.pic_list1 li:hover .pic span{-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}

.lxwm{display: grid; grid-template-columns: repeat(2, 1fr);  gap:0.5rem;}
.lxwm .item{ background: #fff; border-right:#0951bc 5px solid;   }
.lxwm .item .con{ padding:0.5rem; display: flex; align-items: center; }
.lxwm .item .text{ width: calc(100% - 1.08rem); }
.lxwm .item .text h2{ font-size: 0.3rem; font-weight: bold; }
.lxwm .item .text h2 span{ font-family: Arial; font-size: 0.2rem; color: #999; font-weight: normal; }
.lxwm .item .text i{ margin:0.4rem 0 0.4rem 0; width: 1rem; background: #ddd; height: 1px; display: block; }
.lxwm .item .text p{ font-size: 0.2rem; margin:10px auto; }

.lxwm .item img{ width: 1.08rem; }

.bz_box{ background: #fff; margin:auto; padding:0.5rem; }
.bz_dh{ margin:auto; }
.bz_dh h1{ font-size: 0.3rem; font-weight: bold; }
.bz_dh .line{ width: 1rem; height: 2px; background: #002fa7; margin:0.4rem 0 0.4rem 0; }
.bz_con{display: flex; align-items: center; }
.bz_l{ float: left; width: 51.8%; margin-right: 3%; }
.bz_l p{ font-size: 18px; margin:10px auto; line-height: 1.8; }
.bz_r{  width: 45%;}
.bz_r li{ float: left; width: 48%; margin-left:2%; margin-bottom:2%; font-size: 24px;  }
.bz_r li .con{display: flex; align-items: center; border:#e6edf8 1px solid; padding:20px;}
.bz_r li .con p{ width: 50%; text-align: center; }

.bz_list{ margin:0.5rem auto 1rem auto; background: #f8f8f8; }
.bz_list li{ margin:0.5rem auto; background: #fff; }
.bz_list li .con{display: flex; align-items: center; }
.bz_list li .pic{ width: 50%; float: left; }
.bz_list li .pic span{ padding-top: 58.33%; }
.bz_list li .con .text{ width: 50%; float: right;  }
.bz_list li .con .text .text_con{ padding:0.7rem 0.5rem; position: relative; width: 65%; background:rgba(255,255,255,0.8); margin-left: -1.22rem; -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.2); -moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.2); -o-box-shadow: 10px 10px 10px rgba(0,0,0,0.2);box-shadow: 10px 10px 10px rgba(0,0,0,0.2); z-index: 1; position: relative;}
.bz_list li .con .text .text_con i{ width: 1rem; height: 2px; background: #0951bc; display: block; }
.bz_list li .con .text .text_con h3{ font-size: 24px; font-weight: bold; margin:0.6rem auto 0.3rem auto; }
.bz_list li .con .text .text_con em{ font-size: 0.66rem; color: #0951bc; display: block; position: absolute; right: 50px; top: 30px; font-weight: bold; }

.bz_list li .con .text .text_con p{ margin:0.3rem auto; font-size: 16px; line-height: 1.8; color: #333; }

.bz_list li:nth-child(2n) { background: #f8f8f8; }
.bz_list li:nth-child(2n) .con .text{ float: left; }
.bz_list li:nth-child(2n) .con .pic{ float: right; }
.bz_list li:nth-child(2n) .text .text_con{ margin-right:-1.22rem; float: right; }