*{margin:0;padding:0}
  :root {
    --color: #044f9f;
    --hovercolor: #044f9f;
    --backgroundcolor: #044f9f;
  }
address,b,big,blockquote,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,font,form,h3,h4,h5,h6,html,i,iframe,img,input,ins,label,legend,li,ol,p,pre,small,span,strong,td,th,u,ul,var{margin:0;padding:0}
aside,b,button,dd,div,dl,dt,footer,form,h3,h4,h5,h6,header,input,li,nav,ol,p,section,table,td,textarea,tr,ul{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
body{font-size:14px;font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;color:#333;padding:0;margin:0;word-wrap:break-word;hyphens:auto;word-break:normal;overflow-wrap:normal}
button:foucs{border:none!important;outline:0!important}
button::-moz-focus-inner{border-color:transparent}
input[type=number]{-moz-appearance:textfield}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
ol,ul{list-style:none;padding:0;margin:0}
i{font-style:normal}
a{color:#333}
a:hover{text-decoration:none;color:#fff}
img{border:none!important;vertical-align:middle}
input{outline:0}
button,input[type=button],input[type=reset],input[type=submit],select{-webkit-appearance:none;outline:0}
textarea{-webkit-appearance:none;outline:0}
.clear{clear:both;height:0;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both}
.clearfix{zoom:1}
.fl{float:left}
.fr{float:right}
.center-block{display:block;margin-right:auto;margin-left:auto}
img{border:0;vertical-align:middle}
.img-responsive{display:block;height:auto;max-width:100%}
.avatar{display:block;overflow:hidden;width:100%}
.dot{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.dot2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.header_top{background:#044f9f}
.header_top .container{color:#fff;padding:10px 30px;display:flex;align-items:center;justify-content:space-between}
.header_left a,.header_left i{color:#fff;margin-right:5px}

#header{transition:all .5s;z-index:996;transition:all .5s;position:absolute;width:100%}
#header.header-scrolled{position:fixed;top:0;right:0;left:0;z-index:996;background:#044f9f}
.top-box{display:flex;justify-content:space-between;align-items:center}
.top-box .logo{flex:2;display:flex;align-items:center;justify-content:flex-start;height:80px}
.top-box .logo img{padding:0;margin:0;max-height:80px}
.top-box .logo .logo-tu2{display:none}
.nav-menu,.nav-menu *{margin:0;padding:0;list-style:none}
.nav-menu{flex:5;height:80px}
.nav-menu ul{display:flex;align-items:center;justify-content:flex-end}
.nav-menu ul li{text-align:center;position:relative}
.nav-menu a{display:block;color:#fff;padding:0 15px;height:80px;line-height:80px;font-weight:600;transition:.3s;font-size:16px;transition:all .3s;position:relative;text-transform:capitalize}
.nav-menu .active>a,.nav-menu a:hover,.nav-menu li:hover>a{color:#044f9f;border-bottom:1px solid #044f9f}
.nav-menu .drop-down ul{display:flex;flex-wrap:wrap;max-height: 400px; overflow-y: auto; justify-content:flex-start;position:absolute;left:0;top:80px;z-index:99;opacity:0;visibility:hidden;width:230%;background:#000;transition:ease all .3s}
.nav-menu .drop-down ul li{width:100%}

.nav-menu .drop-down ul::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

.nav-menu .drop-down ul::-webkit-scrollbar-thumb {
  background: #fff;
}

.nav-menu .drop-down ul::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.3);
}
.nav-menu .drop-down:hover>ul{opacity:1;top:80px;visibility:visible}
.nav-menu .drop-down li{width:100%;position:relative}
.nav-menu .drop-down ul a{padding:5px 10px;font-size:14px;color:#fff;text-align:left;line-height:28px;font-weight:400;height:auto;overflow:hidden}
.nav-menu .drop-down ul .active>a,.nav-menu .drop-down ul a:hover,.nav-menu .drop-down ul li:hover>a{color:#fff;background:#044f9f;border-bottom:none}
.nav-menu .drop-down .drop-down ul{top:0;left:100%;width:130%}
.nav-menu .drop-down .drop-down:hover>ul{opacity:1;top:0;left:100%}
.nav-menu a i{padding-left:5px}
.nav-menu .arrow{position:absolute;width:11px;height:11px;top:-5.5px;left:45%;background-color:#fff;transform:rotate(45deg);cursor:pointer;transition:.3s;z-index:-1}
.nav-menu .mob-language{display:none}
.mobile-nav .mob-language{display:block}
#header.header-scrolled .nav-menu .active>a,#header.header-scrolled .nav-menu a:hover,#header.header-scrolled .nav-menu li:hover>a{color:#fff;border-bottom:1px solid #fff}
#header.header-scrolled .nav-menu .drop-down ul .active>a,#header.header-scrolled .nav-menu .drop-down ul a:hover,#header.header-scrolled .nav-menu .drop-down ul li:hover>a{color:#fff;background:#044f9f;border-bottom:none}
#header.header-scrolled .header_top{display:none}
.mobile-nav{position:fixed;top:0;bottom:0;z-index:999;overflow-y:auto;left:-80%;width:80%;padding-top:18px;background:#044f9f;transition:.4s}
.mobile-nav *{margin:0;padding:0;list-style:none}
.mobile-nav a{display:flex;align-items:center;justify-content:space-between;position:relative;color:#fff;font-size:16px;margin:0 20px;height:56px;text-transform:capitalize;line-height:56px;font-weight:500;border-bottom:1px solid rgba(255,255,255,.1)}
.mobile-nav .active>a,.mobile-nav a:hover,.mobile-nav li:hover>a{color:#fff;text-decoration:none}
.mobile-nav ul li a.expanded{color:rgba(255,255,255,.7)}
.mobile-nav ul li a button{width:30px;height:30px;background-color:#fff;border:none;outline:0;color:#044f9f;display:flex;align-items:center;justify-content:center;text-align:center;transform:rotate(-90deg);transition:transform .5s ease}
.mobile-nav ul li a button.expanded{transform:rotate(0);background-color:#fff;color:#044f9f}
.mobile-nav .drop-down ul{display:none;overflow:hidden}
.mobile-nav .drop-down .arrow{display:none}
.mobile-nav .drop-down li a{padding-left:20px}
.mobile-nav-toggle{position:fixed;right:15px;top:45px;z-index:9999;border:0;background:0 0;font-size:24px;transition:all .4s;outline:0!important;line-height:1;cursor:pointer;text-align:right;background:#044f9f}
.mobile-nav-toggle i{color:#fff;display:block;width:40px;height:40px;text-align:center;line-height:40px}
.mobile-nav-overly{width:100%;height:100%;z-index:997;top:0;left:0;position:fixed;background:rgba(51,51,51,.9);overflow:hidden;display:none}
.mobile-nav-active{overflow:hidden}
.mobile-nav-active .mobile-nav{left:0}
.mobile-nav-active .mobile-nav-toggle i{color:#fff}
.language{color:#272727;font-size:16px;padding-left:10px}
.language a{color:#272727;padding:0 10px}
.language a:hover{color:#044f9f}
.seaBtn{width:40px;height:30px;display:inline-block;line-height:30px;text-align:center;color:#fff;font-size:17px;vertical-align:middle;cursor:pointer;margin-left:15px;margin-top:3px}
.seaBtn{background:url(../images/sousuo.png) center no-repeat}
.seaBtn.selected{background:url(../images/close.png) center no-repeat}
.searchWrap{width:100%;height:80px;padding-top:20px;background:#fff;box-shadow:0 0 30px rgba(127,137,161,.2);position:absolute;top:100%;left:0;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;display:none}
.searchWrap .searchCont{display:flex;align-items:stretch;justify-content:center}
.searchWrap .searchCont button,.searchWrap .searchCont input{border:0}
.searchWrap .search{width:70%;padding:10px 15px;box-sizing:border-box;background:#f1f1f1;color:#000;min-height:36px}
.searchWrap .search.focusOn+label,.searchWrap .search:focus+label{display:none}
.searchWrap .search.focusOn,.searchWrap .search:focus{background:#f3f3f3}
.searchWrap .searchBtn{padding:10px;background:#044f9f;color:#fff;font-weight:800;outline:0;font-family:Arial,'Microsoft YaHei',SimSun,Sans-serif;transition:.4s all ease;-moz-transition:.4s all ease;-webkit-transition:.4s all ease;-o-transition:.4s all ease;-ms-transition:.4s all ease}
.searchWrap .searchBtn:hover{color:#292929}
.searchWrap i{position:absolute;top:7px;left:20px;color:#044f9f;font-size:16px}
.searchWrap i:before{content:"\e618";font-family:icomoon,Arial,Helvetica,'Microsoft YaHei',SimSun,Sans-serif}
/* 语言 */
.head_right {
  position: relative;
  margin-left: 25px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.prisna-wp-translate-seo {
  display: none;
  font-family: Arial, Helvetica, sans-serif
}
.change-language .prisna-wp-translate-seo,
.mobile-head-language .prisna-wp-translate-seo {
  display: block
}
.change-language .change-language-title,
.change-language .change-language-title a {
    font-size: 16px;
  color:#fff;
  display: flex;
  font-weight:var(--fontbold5);
  align-items: center;
}
.change-language .change-language-title {
  padding: 0
}
.change-language .change-language-title a:after {
  font-family: fontawesome;
  content: "\f0d7";
    font-size: var(--fontsize12);
  display: inline-block;
  padding-left: 2px
}
.change-language:hover .change-language-title a:after {
  -moz-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg)
}
.change-language .change-language-cont {
  position: absolute;
  top: 100%;
  right: -20px;
  width: 120px;
  background: #fff;
  padding: 20px 10px 20px 20px;
  transform: scale3d(.9, .9, 1);
  opacity: 0;
  visibility: hidden;
  z-index: 999;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  border: 1px solid #eee;
  border-radius: 5px;
  overflow-y: scroll;
  max-height: 80vh
}
.change-language:hover .change-language-cont {
  transform: scale3d(1, 1, 1);
  opacity: 1;
  visibility: visible
}
.change-language .change-language-cont .lang-item-hide {
  display: none !important
}
.change-language .change-language-cont .lang-more {
  position: relative;
  display: block;
  text-align: center;
  cursor: pointer;
  line-height: 30px
}
.change-language .change-language-cont .more-active {
    font-size: var(--fontsize20)
}
.language-flag span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden
}
.change-language ::-webkit-scrollbar {
  width: 5px
}
.change-language ::-webkit-scrollbar-track {
  background-color: #fff
}
.change-language ::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .3);
  border-radius: 3px
}
.change-language .language-cont:hover::-webkit-scrollbar-thumb {
  display: block
}
.country-flag {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}
.country-flag img {
  width: 20px;
  object-fit: cover;
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease;
}
.language-flag .country-flag img {
  width: 24px;
  height: 18px;
  object-fit: cover;
  border-radius: 2px;
}
li.language-flag a:hover .country-flag img {
  transform: scale(1.05);
}
.change-language .change-language-cont {
  right: -15px;
  width: 200px;
  padding: 15px;
}
.change-language .change-language-cont li {
  width: 100%;
  margin: 0 2% 10px;
  padding: 5px;
  border-radius: 4px;
  transition: background 0.2s ease;
}
.change-language .change-language-cont li:hover {
  background: #f8f8f8;
}
.change-language .change-language-cont li a {
  display: flex;
}
.change-language .change-language-cont li a:hover span {
  color: var(--color);
}
.mobile-head-item .main-content-wrap .content-wrap a:hover span {
  color:#044f9f;
}
.top-box .top_tel{margin-left:20px;font-size:18px;padding:0 20px;color:#fff;height:80px;line-height:80px}
#banner{position:relative}
#banner .swiper{width:100%;height:100%;position:relative}
#banner .swiper-slide{position:relative;overflow:hidden}
#banner .swiper-slide img{width:100%;position:relative}
#banner .swiper-slide .scalePic{display:block;width:100%;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transition-property:all;transition-duration:2.5s;transition-timing-function:ease;transition-delay:.2s}
#banner .swiper-slide-active .scalePic{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
#banner .swiper-button{position:absolute;top:50%;transform:translateY(-50%);text-align:center;color:#fff;background:rgba(0,0,0,.3);border-radius:50%;cursor:pointer;overflow:hidden;z-index:999;width:60px;font-size:20px;line-height:60px;height:60px;transition:all .5s ease;outline:0}
#banner .swiper-button:hover{background:#00b1b4}
.btn-prev{left:5%}
.btn-next img,.btn-prev img{width:80%}
.btn-next{right:5%}
#banner .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:20px;left:0;width:100%}
#banner .swiper-slide .container{position:absolute;left:0;right:0;top:30%;bottom:0;margin:0 auto}
.banner-slide-content{position:relative;z-index:9}
.banner-slide-content span{color:#fff;display:block;margin-bottom:35px;text-transform:uppercase}
.banner-slide-content .title{font-size:40px;line-height:56px;font-weight:700;color:#fff;display:block;margin-bottom:10px;text-transform:capitalize}
.banner-slide-content p{font-size:24px;font-family:Poppins,sans-serif;color:#fff}
#banner_pagination .swiper-pagination-bullet{width:10px;height:10px;display:inline-block;border-radius:100%;margin:0 15px;background:#fff;opacity:.5}
#banner_pagination .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
#banner_pagination .swiper-pagination-bullet-active{width:10px;height:10px;border-radius:20px;opacity:1;background:#fff}
#banner_pagination .swiper-pagination-bullet{position:relative}
#banner_pagination .swiper-pagination-bullet .left{content:"";display:block;position:absolute;top:-7px;left:-7px;margin:auto;width:12px;height:30px;opacity:0;overflow:hidden}
#banner_pagination .swiper-pagination-bullet .left:after{content:"";display:block;position:absolute;top:0;left:0;z-index:99;margin:auto;width:12px;height:24px;border-top:2px solid #fff;border-left:2px solid #fff;border-bottom:2px solid #fff;border-radius:20px 0 0 20px;border-right:0}
#banner_pagination .swiper-pagination-bullet .right{content:"";display:block;position:absolute;top:-7px;right:-7px;margin:auto;width:15px;height:30px;opacity:0;overflow:hidden}
#banner_pagination .swiper-pagination-bullet .right:after{content:"";display:block;position:absolute;top:0;right:0;z-index:99;margin:auto;width:12px;height:24px;border-top:2px solid #fff;border-right:2px solid #fff;border-bottom:2px solid #fff;border-radius:0 20px 20px 0;border-left:0}
#banner_pagination .swiper-pagination-bullet-active .left{opacity:1}
#banner_pagination .swiper-pagination-bullet-active .right{opacity:1}
#banner_pagination .swiper-pagination-bullet-active .left:after{transform-origin:right center;animation-fill-mode:forwards;animation-duration:3s;animation-timing-function:linear;animation-name:gyrateleft}
#banner_pagination .swiper-pagination-bullet-active .right:after{transform-origin:left center;animation-fill-mode:forwards;animation-duration:3s;animation-timing-function:linear;animation-name:gyrateright}
@keyframes gyrateright{0%{transform:rotate(180deg)}
50%{transform:rotate(360deg)}
100%{transform:rotate(360deg)}
}
@keyframes gyrateleft{0%{transform:rotate(180deg)}
50%{transform:rotate(180deg)}
100%{transform:rotate(360deg)}
}
.banner_txt{position:absolute;top:30%; left:0;right:0;margin:0 auto;z-index:10;color:#333;text-align:left;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.banner_txt p{font-size:36px;color:rgba(255,255,255,.7);text-shadow:none}
.banner_txt b{display:block;font-size:42px;color:#044f9f;margin:30px 0;text-shadow:none; width: 35%;}
.banner_txt span{color:#333;font-size:26px;display:block;text-shadow:none;width: 35%;}
.banner-more{display:block;width:130px;letter-spacing:1px;margin-top:20px;height:38px;line-height:38px;text-align:center;color:#999;border:1px solid #999;border-radius:38px;text-shadow:none}
.banner-more:hover{background:rgba(255,255,255,.3);color:#fff}
.banner-more::after{content:'';display:inline-block;width:6px;height:6px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:relative;top:-1px;margin-left:7px;-webkit-transition:.6s ease;transition:.6s ease}
.banner-more:hover::after{margin-left:13px}
#banner .swiper-slide{clip-path:none;opacity:0;z-index:0}
#banner .swiper-slide-prev{clip-path:polygon(0% -150%,100% -150%,100% -20%,0% 0%);opacity:0;transition:clip-path 1.4s cubic-bezier(.23, 1, .32, 1),opacity 1s ease;z-index:3}
#banner .swiper-slide-active{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 150%);opacity:1;transition:clip-path 1.4s cubic-bezier(.23, 1, .32, 1),opacity 1s ease;z-index:2}
#banner .swiper-slide-next{z-index:1}

#banner .swiper-pagination{width:auto;bottom:auto;}
#banner .swiper-pagination span{width:12px;margin:5px;height:12px;border:1px solid #efefef;opacity:1;box-sizing:border-box;background:0 0;transition:all .3s}
#banner .swiper-pagination .swiper-pagination-bullet-active{background:#efefef;border-radius:12px;width:36px}
#banner .swiper-button-next{background:0 0;right:20px;text-align:center;color:#fff;border-radius:100%;border:2px solid #fff;width:50px;height:50px;transition:all ease .3s;font-size:30px;outline:0;transition:all .3s}
#banner .swiper-button-prev{background:0 0;left:20px;text-align:center;color:#fff;border-radius:100%;border:2px solid #fff;width:50px;height:50px;transition:all ease .3s;font-size:30px;outline:0;transition:all .3s}
#banner .swiper-button-next:hover,#banner .swiper-button-prev:hover{border:2px solid #044f9f;background:#044f9f}
.indexXian{position:absolute;left:8%;top:auto;z-index:1;bottom:40px;display:flex}
.indexXian span{font-size:14px;letter-spacing:4px;color:#fff;margin-right:12px;text-transform:uppercase;writing-mode:vertical-rl;position:relative}
.indexXian i{width:2px;height:80px;background:#efefef;display:block;position:relative;overflow:hidden}
.indexXian i::after{content:"";position:absolute;left:0;width:2px;height:100%;background:#00b1b4;opacity:1;animation:aline 3s infinite linear}
@keyframes aline{from{bottom:100%}
to{bottom:-100%}
}

.xssc{background:url("../images/bg.jpg");background-size:cover;background-position:center center;padding:50px 0 70px;color:#fff;background-attachment:fixed;position:relative;width:100%; float: left;}
.message_bo{display:flex;justify-content:space-between}
.message_bo .main_title{width:35%}

.jiamengg{width:58%;background:rgba(255,255,255,.3);border-radius:10px;padding:30px;box-shadow:0 0 10px rgba(0,0,0,.1)}
.jiameng{align-items:center;display:flex;justify-content:space-between;flex-wrap:wrap;}
.jiameng label{font-size:16px;font-weight:700; color: #fff;}
.jiameng div{width:calc(50% - 10px);color:#333;margin:5px 0}
.jiameng div:last-child{width:100%}
.jiameng input[type=text]{padding:12px 20px;width:100%;display:inline-block;border:none;color:#fff;margin:5px 0;outline:0;border-radius:4px;padding-left:5px;box-sizing:border-box;background:rgba(255,255,255,.5);border:1px solid #dedede}
.jiameng input[type=file]{padding:12px 20px;width:100%;display:inline-block;border:none;color:#fff;margin:5px 0;outline:0;border-radius:4px;padding-left:5px;box-sizing:border-box;background:rgba(255,255,255,.5);border:1px solid #dedede}
.forminator-textarea{padding:12px 20px;width:100%;display:inline-block;border:none;color:#fff;margin:5px 0;outline:0;border-radius:4px;padding-left:5px;box-sizing:border-box;background:rgba(255,255,255,.5);border:1px solid #dedede}
.jmbt{margin:10px auto;text-align:center;position:relative;z-index:1;width:100%; display: flex;align-items: center; flex-wrap: wrap;}
.jmbt input[type=submit]{background-color:#ff0000;color:#fff;padding:12px 20px;height:45px;margin:8px 2px;border:none;font-size:16px;text-transform:uppercase;border-radius:4px;cursor:pointer}
.jmbt input[type=submit]:hover{background-color:#044f9f}
.jiameng input::placeholder{color:#999}


.footer-main{background-repeat:no-repeat;background-size:cover;position:relative;background:url(../images/ft.jpg) no-repeat;background-size:cover;padding:50px 0 30px;width:100%; float: left;}
.footer-list1{width:30%}
.footer-list1 .info{margin-top:30px;text-align:justify}
.footer-list2{width:20%}
.footer-list2 img{width:120px}
.footer-list3{width:50%}
.footer-list4{width:25%}
.footer-list3 .con_info{display:flex;flex-wrap:wrap;justify-content:space-between}
.footer-list1 p i,.footer-list2 p i{padding-right:6px}
.footer-list1 span,.footer-list2 span,.footer-list3 span{color:#fff;font-size:17px;letter-spacing:1.36px;margin-bottom:30px;margin-top:0;display:block;font-weight:700;text-transform:uppercase}
.socials{padding-left:5px;margin-bottom:0;margin-top:40px}
.socials li{display:inline-block;margin-right:10px}
.socials li a{background-color:#044f9f;border:1px solid #044f9f;color:#fff;border-radius:100%;display:inline-block;height:40px;width:40px;font-size:20px;line-height:40px;text-align:center;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}
.socials li a:hover{background-color:#019a3f;border:1px solid #019a3f;color:#fff}
.footer-list1 p,.footer-list2 p,.footer-list3 p{color:#fff;font-size:14px;letter-spacing:.45px;line-height:32px;padding-bottom:5px}
.footer-list1 p a,.footer-list2 p a,.footer-list3 p a{color:#fff;text-transform:uppercase}
.footer-list3 .fot-menu  p{ width: 48%;}
.footer-list3 .fot-menu {
      max-height: 255px;
    overflow-y: auto;
}

.footer-list3 .fot-menu::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

.footer-list3 .fot-menu::-webkit-scrollbar-thumb {
  background: #fff;
}

.footer-list3 .fot-menu::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.3);
}
.footer-list3 span{ width: 100%;}
.footer-list3 .fot-menu{ display: flex; flex-wrap: wrap;}
.footer-list1 p a:hover,.footer-list2 p a:hover,.footer-list3 p a:hover{color:#044f9f}
.footer-list1 img{width:70%}
.address-content{display:inline-block;position:relative;padding-left:52px;padding-bottom:10px;text-align:left;width:100%}
.address-content span{color:#fff;font-size:16px;position:absolute;left:0;top:0px;display:inline-block;width:30px;height:37px;line-height:37px;text-align:center}
.address-content i{font-size:15px;color:#fff;display:block;font-style:normal;font-weight:500;margin-bottom:5px}
.address-content p{color:#fff;font-size:14px}
.footer-copyright{padding:30px 0;border-top:1px solid rgba(255,255,255,.3)}
.footer-copyright p{color:#fff;font-size:12px;text-align:center;letter-spacing:1.1px;margin-bottom:0;text-transform:uppercase; padding: 5px 0;}
.footer-copyright p span{padding-left:15px}
.footer-copyright p span a{color:#fff}
.footer-main .ewm{ text-align: center; width: 100%;}
.fot_top{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}
.fot_bot{padding:30px 0;display:flex;justify-content:space-between;align-items:stretch}
.bottom_nav{position:fixed;bottom:0;width:100%;z-index:999;background:#044f9f;display:none}
.bottom_nav_item{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;height:62px}
.bottom_nav a{flex:1;color:#fff;border-right:1px solid #a20505;border-left:1px solid #cb1515;display:flex;align-items:center;justify-content:center}
.bottom_nav a span{margin-left:6px}
.bottom_nav a:last-child{border-right:none}
.bottom_nav a:first-child{border-left:none}
.fix-side{position:fixed;right:0;bottom:130px;width:60px;z-index:2000}
.fix-side li{border-bottom:solid 1px rgba(255,255,255,.2);width:60px;height:60px;border-radius:5px;margin:3px 0;background:#044f9f}
.fix-side li:hover{background-color:#ff0000}
.fix-side .gzh{position:relative;width:60px;text-align:center}
.fix-side .gzh .show{width:60px;color:#fff;cursor:pointer}
.fix-side .gzh:hover .box{display:block}
.fix-side .gzh:hover .box2{display:block}
.fix-side .gzh .box2{display:none;position:absolute;right:60px;bottom:0;width:200px;line-height:60px;height:60px;font-size:18px;color:#333;background-color:#f9f9f9;border:solid 1px #e5e5e5;border-right:none;box-sizing:border-box; margin-top: 3px;}
.fix-side .gzh:hover .box2 p{color:#333}
.fix-side .gzh .box{display:none;position:absolute;left:-130px;bottom:0;width:130px;height:130px;color:#fff;background-color:#fff;border:solid 1px #e5e5e5;border-right:none;box-sizing:border-box}
.fix-side .gzh .box img{margin-top:15px;width:80px;height:80px}
.fix-side .gzh .box p{color:#666}
.fix-side p{margin-top:5px;color:#fff;font-size:12px}
.fix-side li a{display:block;text-align:center;width:100%;height:100%;color:#fff}
.fix-side li img{margin-top:6px}
.fix-side .return{border-bottom:none;transform:scaleY(0);transition:.5s;background-color:#ff0000}
.fix-side .active{transform:scale(1)}

.pad_100 { padding: 100px 0;}
.main_title{margin-bottom:10px;text-align:left}
.main_title span{font-size:26px;position:relative}
.main_title .m_p1{font-size:40px;font-weight:600;color:#044f9f;position:relative}
.main_title .m_p2{font-size:24px;margin-top:20px;color:#333}
.main_title em{font-size:20px;font-style:normal;font-weight:500;color:#333;margin:10px 0;display:block}
.main_title i{font-weight:400;font-size:26px;padding:0 6px}
.main_title .fs48{font-size:60px;font-weight:700;color:#044f9f;display:block;text-transform:uppercase;margin-bottom:10px}
.main_title .fs40{font-size:36px;margin-bottom:15px;display:block}
.main_title b{color:#333}


.about{background-size:cover;background:url(../images/about-bg.jpg) no-repeat top center; background-size: cover;}
.about_box{display:flex;justify-content:space-between}
.ab_txt{width:60%}
.ab_tit{font-size:28px;text-align:center;text-transform:uppercase;font-weight:700}
.ab_bottom{width:35%;transition:opacity .3s .6s,visibility 0s .6s,margin-top 0s .6s}
.ab_bottom ul{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.ab_bottom li{width:100%;text-align:center;margin:10px 0}
.ab_bottom li a{display:block;text-decoration:none;position:relative;transition:all .3s}
.ab_bottom .ab_num{display:flex;align-items:center;justify-content:center}
.ab_bottom li b{color:#333;font-size:36px;display:block;font-weight:700;margin-bottom:8px}
.ab_bottom li .ab_num span{padding-left:10px}
.ab_bottom li span{font-size:16px;color:#333}
.ab_bottom li p{color:#044f9f;font-size:18px;line-height:24px;text-align:center;text-transform:capitalize}
.ab_bottom li:hover{background-color:hsla(0,0%,100%,0);text-decoration:none;border-color:transparent!important}
.ab_bottom li:hover p{color:#333}
.ab_txt .info{font-size:16px;line-height:30px;text-align:justify;margin-top:20px;color:#333}
.ab_fr{width:35%}

.promore{display:flex;font-size:16px;margin-top:50px;align-items:center;bottom:50px}
.promore span{width:40px;height:40px;line-height:40px;text-align:center;background:#da2337;border-radius:100%;margin-right:10px;color:#fff;display:flex;justify-content:center;align-items:center;transition:all .3s}
.promore span i{transform:rotate(-35deg);font-size:18px;transition:all .3s}
.promore:hover span i{transform:rotate(0)}
.promore span i img{height:24px}
.promore:hover{color:#ff0000}

/* 优势 start */
.ys {background: url(../images/ys-bg.jpg) no-repeat; background-size: cover; }
.zzsc{width:100%;height:auto;margin:20px auto;display:flex;justify-content:space-between}
.zzsc .tab{overflow:hidden;background:#fff;width:30%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}
.zzsc .tab a{display:block;font-size:20px;padding:10px 30px;width:100%;flex:1;display:flex;align-items:center;color:#333;text-decoration:none;transition:all .3s}
.zzsc .tab a span{display:block}
.zzsc .tab a img{padding-right:20px}
.zzsc .tab a.on{background-color:#044f9f;color:#fff}
.zzsc .tab a.on img{filter:brightness(100)}
.zzsc .tab a:hover img{filter:brightness(100)}
.zzsc .co{width:67%}
.zzsc .co li:first-child{display:block}
.zzsc .co li{display:none;width:100%;list-style:none;position:relative}
.ys_list{margin-top:40px}
.ys_list_right{width:100%}
.ys_list_left{width:100%;padding:40px;height:100%;background:rgba(0,0,0,.3);position:absolute;top:0;left:auto;right:auto;line-height:24px;font-size:14px;color:#585657;z-index:2}
.ys_list_left em{font-weight:700;font-style:normal;margin-top:30px;display:block;font-size:40px;line-height:1;-webkit-text-fill-color:#fff;-webkit-text-stroke-color:#dedede;-webkit-text-stroke-width:1px;white-space:nowrap}
.ys_list_left b{line-height:1.2;color:#fff;padding:10px 0 0;font-size:28px;position:relative;font-weight:500;display:block}
.ys_list_left span{color:#fff;display:block;font-size:22px;margin:30px 0 0px;line-height:1.2}
.ys_list_left p{font-size:16px;padding-top:10px;line-height:26px;color:#fff}
.ys_list_left a{display:block;padding-top:10px;color:#c21125}
/* 优势 end */
/* 工程案例 */
.case { background: url(../images/casebg.png) no-repeat right top; }
.case_titi { display: flex; align-items: center; justify-content: space-between;}
.case_more { background: #fff; width: 150px; transition: all .3s; line-height: 50px; text-align: center; display: block; height: 50px; border: 1px solid #dedede; color: #333; border-radius: 50px;}
.case_more:hover { background: #044f9f; color: #fff;}
.case_item { font-size: 16px; display: flex; align-items: center; margin-top: 20px;}
.case_item a{ transition: all .3s; display: block; color: #000;  padding: 0 20px; margin-right: 30px; background: #F8F9FD; height: 50px; border-radius: 50px; line-height: 45px;}
.case_item a:hover { background: #044f9f; color: #fff;}
.pj{margin-top:10px;position:relative;padding-bottom:30px}
#gallery .swiper-container{position:static}
.pj .swiper-wrapper{padding-top:10px;padding-bottom:90px}
.pj .swiper-slide .img{margin-bottom:10px}
.pj .swiper-slide a{margin:15px}
.pj .swiper-slide a img{display:block;border-radius:10px}
.pj .swiper-slide a:hover img{box-shadow:0 0 10px #ccc}
.dangqian{font-size:20px;color:#044f9f}
.zongshu{font-size:18px}
.pj .swiper-button-prev{top:calc(100% - 58px);left:calc(50% - 210px)}
.pj .swiper-button-next{top:calc(100% - 58px);right:calc(50% - 210px)}
.pj .swiper-button-next,.pj .swiper-button-prev{background:#ebf1fe;outline:0;width:160px;font-size:30px;height:50px;border-radius:50px;margin-top:0;z-index:2}
.pj .swiper-button-next{text-align:center;color:#fff;background:rgba(0,0,0,.3);cursor:pointer;overflow:hidden;z-index:99;width:160px;font-size:17px;line-height:50px;height:50px;transition:all .5s ease;outline:0}
.pj .swiper-button-prev{text-align:center;color:#fff;background:rgba(0,0,0,.3);cursor:pointer;overflow:hidden;z-index:99;width:160px;font-size:17px;line-height:50px;height:50px;transition:all .5s ease;outline:0}
.pj .swiper-button-next:hover,.pj .swiper-button-prev:hover{background:#044f9f}
.news .swiper-button-next i{padding-left:10px}
.news .swiper-button-prev i{padding-right:10px}
.pj .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px}
.pj .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.pj .swiper-pagination{z-index:1}
.ys_case{position:relative;margin-top:30px}
.ys_case_mid{text-align:center;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}
.ys_case_mid .default{width:100%;position:absolute;background:rgba(0,0,0,.5);left:0;bottom:0;width:100%;transition:.5s}
.ys_case_mid .default .main_title{margin-top:20px;text-align:center}
.ys_case_mid .default a{display:block}
.ys_case_mid .default:hover{background:#044f9f}
.ys_case_tit{display:block;color:#fff;font-weight:700;margin:20px 0;font-size:40px}
.ys_case_txt{font-size:16px;color:#fff;padding:0 30px;line-height:26px}
.ys_case_mid{position:relative;z-index:2;border: 2px solid #ccc;}
.ys_case_mid span{margin-bottom:40px}
.ys_case_mid .main_title{color:#fff;font-size:26px}
.ys_case_mid .ys_case_txt{line-height:30px;color:#fff;margin-top:20px}
.ys_case_bg{overflow:hidden;position:absolute;left:0;top:0;width:100%;height:680px;z-index:0}
.ys_case_bg div{-webkit-transition-duration:.5s;-ms-transition-duration:1.5s;-o-transition-duration:1.5s;-moz-transition-duration:1.5s;transition-duration:1.5s;position:absolute;left:0;top:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;transition:all 2.6s}
.ys_case_bg div.on{opacity:1;z-index:10}

/* 新闻 */

.news-box { background: url(../images/newsbg.jpg) no-repeat; background-size: cover;}
.news{align-content:stretch;display:flex;flex-direction:row;justify-content:center;justify-content:space-between;margin-top:30px}
.news-one{background:#fff;width:38%}
.news_fl{justify-content:space-between}
.news_fl a i{color:#999;display:block;font-size:16px}
.news_fl a i,.news_fl a p{margin-top:30px;padding:0 30px}
.news_fl a p{color:#333;font-size:20px;line-height:1.8}
.news_fl a{background:#fff;padding-bottom:23px;transition:all .3s}
.news_fl a:hover{background:#044f9f;color:#fff!important}
.news_fl a:hover p{color:#fff}
.news-one span{display:block;overflow:hidden}
.news-one b{color:#333;display:block;font-size:18px;padding:15px 0}
.news-one em{color:#999;display:block;font-size:14px;font-style:normal;margin-top:8px}
.news_fl ul a:hover b,.news_fl ul a:hover p{color:#fff}
.news-box .tit a{color:#999;float:right;font-size:15px}
.news-box .tit a:hover{color:#2aa2de}
.news-box .tit{align-items:center;border-bottom:1px solid #f1f1f1;display:flex;font-size:26px;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}
.news-one a img{display:block;transition:.8s;width:100%}
.news-one a:hover img{transform:scale(1.1)}
.news-one p{color:#606060;font-size:14px;line-height:25px;padding:8px 0}
.news_fl{align-items:stretch;display:flex}
.news_fl ul{padding:0}
.news-two{width:60%}
.news-two ul{display:flex;flex-wrap:wrap}
.news-two ul li{width:50%}
.news-two a{background:#fff;border-bottom:1px solid #dedede;display:flex;flex-direction:column;justify-content:center;padding:52px 30px;transition:.3s}
.news-two ul li:nth-child(5),.news-two ul li:nth-child(6){margin-bottom:0}
.news-two a:hover{background:#044f9f;background-size:100%;box-shadow:0 0 10px #dedede}
.news-two a:hover .day,.news-two a:hover .newscon,.news-two a:hover .newscon b,.news-two a:hover span{color:#fff}
.day span{float:right;font-size:16px}
.day p{color:#7f8c8d;display:block;font-size:14px}
.newscon b{display:block;font-size:20px;font-weight:400;margin:15px 0}
.newscon p{color:#666;font-size:14px;line-height:24px;margin-top:30px;text-align:left}
.news-two a:hover .day p,.news-two a:hover .newscon p{color:#fff}
/* 产品 */
.pro_banner{position:relative;background:#f6f6f6;background:url(../images/prbg.jpg) no-repeat;background-size:cover}

.sl {

  position: relative;
}

.sl .gallery-top {
  height: auto;
  margin-top: 20px;
}
.sl .gallery-top .swiper-wrapper {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  
}
.sl .gallery-top .swiper-slide{ height: auto;}
.sl .gallery-top .swiper-slide .swiper-container {
  position: relative;
  padding-bottom: 80px;
}

.sl .gallery-thumbs {

  box-sizing: border-box;

  margin: 40px 50px;

}

.sl .gallery-thumbs .swiper-wrapper {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  
}

.sl .gallery-thumbs .swiper-slide {

   height: auto;
  line-height: 1.2;
  background: #fff;
    padding: 15px 10px;
  border-radius:40px;
  display: flex;
  align-items: center;

  cursor: pointer;

}

.sl .gallery-thumbs .swiper-slide a {
  display: block;
  color: #333;
  font-size: 16px;
  text-align: center;
  width: 100%;

  
}

.sl .gallery-thumbs .swiper-slide:hover {
    background: #044f9f;
    color: #fff;
}
.sl .gallery-thumbs .swiper-slide-thumb-active a{ color: #fff;}
.sl .gallery-thumbs .swiper-slide-thumb-active  {
    background: #044f9f;
    color: #fff;
}
.top-btn .swiper-button-next {
  top:35px;
  background: none;
  color: #000;
  font-size: 30px;
  text-align: right;
}
.top-btn .swiper-button-prev {
 top:35px;
   background: none;
    color: #000;
  font-size: 30px;
}
.top-btn .swiper-button-next:hover,.top-btn .swiper-button-prev:hover { color: #F44E50;}
.sl .gallery-top> {

  height: auto;
  margin: auto;
}
.prone .swiper-slide { background: #fff; padding: 20px; border-radius: 10px;}
.prone .swiper-slide a{ display: block; }

.prone .swiper-slide img {
  display: block;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  width: 100%
}

.prone .swiper-slide p {

  color: #333;
  font-size: 16px;
  text-align: center;
  line-height: 40px;

}

.prone .swiper-slide:hover  {
  background: #E8F5FF;
  color: #fff;
}
.prone .swiper-slide:hover p { color: #014189;}
.sl .gallery-top .swiper-button-next {
  position: absolute;
  top: 99%;
  left: calc(50% + 10px);
  transform: translateY(-50%);
  text-align: center;
  color: #fff;
  background: #747474;


  cursor: pointer;
  overflow: hidden;
  z-index: 999;
  width: 80px;
  font-size: 30px;
  line-height: 40px;
  height: 40px;
  transition: all .5s ease;
  outline: none;
}

.sl .gallery-top .swiper-button-prev {
  position: absolute;
  top: 99%;
  left: calc(50% - 90px);
  transform: translateY(-50%);
  text-align: center;
  color: #fff;
  background: #747474;

  cursor: pointer;
  overflow: hidden;
  z-index: 999;
  width:80px;
  font-size: 30px;
  line-height: 40px;
  height: 40px;
  transition: all .5s ease;
  outline: none;
}

.sl .gallery-top .swiper-button-prev:hover {
  background: #fff;
  color: #014189;
}

.sl .gallery-top .swiper-button-next:hover {
  background: #fff;
  color: #014189;
}
/* .a2a_kit a { margin-right: 8px !important; border-radius: 5px !important; width: 28px !important; height: 28px !important;  display: inline-flex !important; align-items: center !important; justify-content: center !important; transition: all 0.3s ease !important; color: var(--color); border: 1px solid #fff;} */
.a2a_kit a { margin-right: 8px !important; border-radius: 5px !important; width: 28px !important; height: 28px !important;  display: inline-flex !important; align-items: center !important; justify-content: center !important; transition: all 0.3s ease !important;}
.a2a_svg{ height: auto!important; }
.a2a_s_facebook{background: none!important;}
.a2a_s_linkedin {background: none!important;}
.a2a_s_blogger {background: none!important;}
.a2a_s_pinterest{background: none!important;}
.a2a_s_twitter{ background: none!important;}
.a2a_kit a:hover .a2a_svg svg{  background: var(--backgroundcolor);} 
/* .a2a_kit a{ color: #fff; background: #E60008; }
.a2a_kit a:hover { opacity: 0.8;background: #E60008;} */
.a2a_svg{ width: 28px!important; line-height: 28px!important;}
.a2a_svg svg{}
.a2a_default_style a:hover .a2a_svg, .a2a_floating_style a:hover .a2a_svg, .a2a_overlay_style a:hover .a2a_svg svg{ opacity: 1!important;} 
.header_right a{ margin: 0;}
.a2a_default_style:not(.a2a_flex_style) a{ padding: 0;}
.header_right{display:flex}
.header_right a{color:#fff;text-align:center;display:block;width:26px;height:24px;border:1px solid #fff;border-radius:5px}
.header_right a i{ font-size: 24px; padding: 10px;}
.header_right a:hover{ background: #f00;}
.socials a{ border: 1px solid #fff;}
.socials a i{ font-size: 24px;color: #fff; padding: 10px;}
.socials a:hover{ background: #f00;}