/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px; color:#fff;/*font-family:'Microsoft YaHei';*/ background:#00001e}
a{color:#666;}
a:hover{ color:#006AB4; /*text-decoration:underline;*/}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ max-width:1400px !important; margin:0 auto; width:90% !important;}


.header-bg{ position:fixed; top:0; left:0; width:100%; background:#01001E45; z-index:99}
.header{ display: flex;  align-items: center;justify-content: space-between; height:96px;}
.logo{ width:10%; height:100%}
.logo a{ width:100%; display: flex;  align-items: center; height:100%}
.logo img{ max-width:100%;    height: 70px; max-height:100%;}
/*menu*/
.menu{height:96px;line-height:96px;}
.menu>ul>li{float:left;position:relative;margin: 0 1vw;}
.menu>ul>li>span>a>i{   margin-block-end: -10px; margin-block-start: -10px;  padding: 10px; }
.menu>ul>li .xioe{background: #161354;min-width: 270px;position:absolute;left: 50%;top:96px;box-shadow:2px 2px 5px rgba(0,0,0,0.2);padding: 20px 0;display:none;transform: translate(-50%, 0);border-radius: 0px 0px 20px 20px;}
.menu>ul>li .xioe::before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #151354 transparent;
        position: absolute;
        top: -10px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
   
}

.menu>ul>li .xioe dd{line-height: 1;/* border-bottom:#ddd dotted 1px; */padding: 12px 25px;text-align: center;}
.menu>ul>li .xioe dd a{font-size: 18px;color: #fff;font-weight:normal;display:inline;padding:0;white-space: nowrap;}
.menu>ul>li .xioe dd a:hover{color: #006ab4;}
.menu a{ font-size:22px;color:#fff; text-decoration:none; font-weight:bold;display:block;text-align:center;}
.menu a:hover{color:#006AB4;}
a.menu_hover{ color:#006AB4;}
.byy{ position:inherit !important}
.menu .menu_hover i{transform:rotate(180deg);transition:all ease 0.35s}
.erh{    position: absolute;   left: 0;  top: 100%; width: 100%;  background: #161354;  padding: 30px;  transition: .3s;  overflow: hidden;display: none;}
.erh-l{ float:left; display:block; width:20.143%;}
.erh-l ul li{ display:block; height:50px; line-height:50px; box-sizing:border-box; text-align:left;  padding:15px 20px 15px 23px;}
.erh-l ul li a{ text-align:left; font-size:18px; font-weight:normal; line-height:1; display:block; }
.erh-l ul li:hover{background:url(../images/icon_megamenuopen.svg) right center no-repeat;}
.erh-l ul li.active a{ color:#006AB4}
.erh-l ul li.active{background:url(../images/icon_megamenuopen.svg) right center no-repeat;}
.erh-r{float:right; display:block; width:76.43%;}
.fne{ display:none; }
.fne ul{ display: flex;   align-items: flex-start;justify-content: space-between; border-bottom:1px solid #006AB4; padding-bottom:20px}
.fne ul li{ width: 17%;  margin: 0 3.75% 0px 0;}
.fne ul li a{ display:block;}
.fne ul li .img{ width:100%;     overflow: hidden;}
.fne ul li .img img{     cursor: pointer;
    transition: all 0.5s;
    width: 100%;
    height: 100%;
    aspect-ratio: 1;
    object-fit: contain;
    object-position: center;
    background: #fff;}
.fne ul li span{ font-size:14px; font-weight:normal; line-height:1.5; height:auto; display:block;}
.fne ul li:hover .img img{transform: scale(1.1);}
.header02{ display: flex;  align-items: center; width:20%;justify-content: space-between;}
.set{ width:32px; height:32px}
.set a{ width:100%}
.set img{ width:100%; vertical-align:bottom;}
.te{width:32px;height: 96px;position:relative}
.te>a{width:100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.te>img{ width:100%; vertical-align:bottom;}
.te .te01{background: #161354;min-width: 200px;position:absolute;left: 50%;top:100%;box-shadow:2px 2px 5px rgba(0,0,0,0.2);padding: 20px 0;display:none;transform: translate(-50%, 0);border-radius: 0px 0px 20px 20px;}
.te .te01 dd{line-height: 1;/* border-bottom:#ddd dotted 1px; */padding: 12px 25px;text-align: center;}
.te .te01 dd a{font-size: 18px;color: #fff;font-weight:normal;display:inline;padding:0;white-space: nowrap;}
.te .te01 dd a:hover{color: #006ab4;}
.te .te01::before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #151354 transparent;
        position: absolute;
        top: -10px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
   
}
.te:hover .te01{ display:block}
.erh-r .anniu-bg{padding: 6px 15px;width:147px;/* height:40px; *//* line-height:40px; */display:block;margin: 1% auto 0;box-sizing: border-box;}
.erh-r .anniu-bg .anniu:after{ background:#fff; }
.erh-r .anniu-bg .anniu{ color:#006AB4; font-weight:normal;font-size:14px}

.smallimg{ background:#161354 !important}

.HBoxbg{position:fixed;left:0px;top:0px;width:100%;height:100%;z-index: 999;background:#000c;display:none;}
.HCloseBtn{display: flex;top: 2%;font-size: 30px;z-index:999;position: absolute;right: 2%;}
.HCloseBtn img{    width:21px; height:21px}
.HBox {
	width: 640px;
	height:auto;
	margin: 0 auto;position:absolute;
	top: 50%;
	left: 50%;transform: translate(-50%,-50%);
	z-index: 100000;
}
.sout{
    width: 100%;
    display: flex
;
    height: 68px;
    align-items: center;
    transition: all 0.5s;
    position: relative;
}

.sout .search_filed {
    width: calc(100% - 20px);
    line-height: 40px;
    height: 60px;
    padding: 0 20px;
    background: #FFFFFF;
    border: 1px solid #006AB4;
    font-size: 18px;
    color: #000000; box-sizing:border-box;
}
.sout .search_submit {
    cursor: pointer;
    line-height: 68px;
    height: 100%;
    text-align: center;
    color: #fff;
    background: #006AB4;
    font-size: 20px;
    font-weight: 500;
    border: none;
    transition: all 0.3s;
    font-family: inherit;
    clip-path: polygon(0 16px, 10px 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%);
    -o-object-fit: cover;
    text-transform: uppercase;
    object-fit: cover;
    width: 150px;
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 2;
}
.lxwm{
    position: relative;padding: 10px 13px 10px 13px;}

.anniu-bg{ position:relative; display:inline-block; padding: 19px 40px 19px 27px;}
.anniu{background-color: #FFFFFF00;font-size: 18px;font-weight: 700;line-height: 20px;border-radius: 0px 0px 0px 0px;color: #fff;display: block;}

.anniu:before, .anniu:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: .3s;
    transition: .3s;
    pointer-events: none;
    background-size: 100%;
    z-index: 3;
}
.anniu:before{
    z-index: 0;
    clip-path: polygon(0 10px, 10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%);
    background: #012640;
}
.anniu:after {
    background: #047fcc; clip-path: polygon(0 10px, 10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%);
}
.gnjie{display: flex;flex-direction: row;gap: 5px;justify-content: center;text-decoration: inherit;white-space: nowrap;position: relative;z-index: 8;-webkit-transition: .3s;transition: .3s;}
.anniu:hover{ color:#fff;}	
.anniu:hover  .gnjie {
    -webkit-transform: translate(5px, -14px);
    transform: translate(5px, -14px);
}	
.anniu:hover:after {
    -webkit-transform: translate(5px, -14px);
    transform: translate(5px, -14px);
}

.banner{     margin-top: 100px;width:100%}
.banner  .img{ width:100%;}
.banner  .img img{ width:100%; vertical-align:bottom}
.banner .aeef{     display: none;position:absolute; top:50%; left:9%; width:46%; height:auto; transform: translate(0%, -50%); color:#fff;}
.banner .aeef>span{ font-size:28px; color:#006ab4; display:block; font-weight:bold;}
.banner .aeef>h1{ font-size:64px; display:block; font-weight:bold; line-height:1; margin-top:1%}
.banner .aeef>strong{font-size:28px; display:block; display:block; margin:3% 0;}

.banner .swiper-button-prev{ left:100px}
.banner .swiper-button-next, .banner .swiper-button-prev{ width:80px; height:80px;background: rgba(0, 0, 30, 0.3); border-radius:50%;}
.banner .swiper-button-next{ right:100px;}
.banner .swiper-button-next:after, .banner .swiper-button-prev:after{ display:none}
.swiper-pagination span{ width:15px; height:15px; background:#006AB4; border-radius:30px; opacity:1}
.swiper-pagination span.swiper-pagination-bullet-active{ width:170px}

.title{ text-align:center; display:block; color:#fff}
.title h2{ display:block; font-size:64px; line-height:1;}
.title span{    font-size: 18px;
    display: block;
    margin-top: 4%;}

.cent01{ margin-top:4%}
.cent01 ul li{ float:left; display:block; width:calc((100% - 6%)/3); margin-top:2%; margin-right:3%; text-align:center;}
.cent01 ul li:nth-child(3n) {  margin-right: 0% ;}
.cent01 ul li:nth-child(3n-2){ clear:left;}
.cent01 ul li .img{ padding:20px 40px 20px 40px; box-sizing:border-box;    position: relative;}
.cent01 ul li .img img {position: relative;  z-index: 2;  max-width: 200px; margin: 0 auto;}
.cent01 ul li .img:before {  content: "";   display: block;  position: absolute;  left: 0; top: 0;  z-index: 0;transition: all 0.3s;   opacity: 0;  transform: scale(0, 0);  visibility: hidden;  width: 100%;  height: 100%; background: url(../images/iprocatlistlibg.png) no-repeat center center;  background-size: 80%;   -webkit-filter: blur(10px);   filter: blur(10px);}
.cent01 ul li:hover .img:before{    opacity: 1;  visibility: visible; transform: scale(1, 1);}
.cent01 ul li span{    padding-bottom: 38px; font-size:24px; font-weight:bold; display:block; color:#fff;}
.cent01 ul li:hover a span { background: url(../images/iprocatlistlitextbg.png) no-repeat center bottom;  background-size: 100%;}


.cent02{ }
.cent0201{  margin-top:2%; display: flex;  align-items: center;justify-content: space-between; }
.cent02-l{ width:43%}
.cent02-l h1{ font-size:64px; display:block;} 
.cent02-l h2{ font-size:40px; display:block; margin:2% 0}
.cent02-l ul li{display: flex;  align-items: center; line-height:28px; font-size:14px; }
.cent02-l ul li em{ display:block; width:5px; height:5px; background:#fff; border-radius:50%; margin-right:8px}
.cent02-l .anniu-bg{ padding:19px 20px 19px 27px; display:inline-block; margin-top:4%;}

.cent02-r{ width:57%; position:relative; z-index:2}
.cent02-r img{ width:100%; vertical-align:bottom;}
.cent02-bg{position:relative; overflow:hidden;margin-top:4%; padding-bottom:6%;}
.cent02-bg:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 50%;
    width: 75%;
    background: radial-gradient(42% 42% at 50% 50%, #0757a3 0%, rgba(17, 5, 56, 0) 100%);
    z-index: 0;
    opacity: .7;
}

.cent03{ margin-top:4%}
.cent03 ul li{ float:left; display:block; width:calc((100% - 9%)/4); margin-right:3%; margin-top:3%}
.cent03 ul li:nth-child(4n){margin-right: 0% ;}
.cent03 ul li{ position:relative;}
.cent03 ul li a {
    display: block;
    padding: 20px 20px 20px 20px;
    border: 1px solid #1B3278;
    height: auto;
    transition: all 0.3s;
    position: relative;
}
.cent03 ul li a:before {
    background: linear-gradient(180deg, #0068B1 0%, #070742 100%);
    filter: blur(0px);
    z-index: 1;
}
.cent03 ul li a:before, .cent03 ul li a:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
}
.cent03 ul li:hover a:before,.cent03 ul li:hover a:after {
    visibility: visible;
    opacity: 1;
}
.cent03 ul li:nth-child(4n-3){ clear:left;}

.cent03 ul li .img{ width:100%; position:relative; z-index:2}
.cent03 ul li .img img{    width: 100%;
    aspect-ratio: 1;
    vertical-align: bottom;
    object-fit: contain;
    background: #fff;}
.cent03 ul li  strong{ color:#fff; font-size:20px; line-height:2; z-index:2; position:relative;    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.cent03 ul li .anniu-bg{ opacity:0; margin:4% auto 0;padding: 10px 26px;width:147px;/* height:40px; *//* line-height:40px; */display:block;box-sizing: border-box;}
.cent03 ul li .anniu-bg .anniu{ font-weight:normal;font-size:14px}
.cent03 ul li:hover .anniu-bg{ opacity:1}

.cent04{ padding-top:4%}
.cent04 .title{ margin-bottom:8%}
.cent04 ul{ float:left; display:block; width:50%}
.cent04 ul li{ border-bottom:#fff 1px solid; padding-bottom:6%; margin-bottom:6%}
.cent04 ul li h2{ display: flex;  align-items: flex-end; font-size:42px; line-height:1.5; font-weight:normal}
.cent04 ul li:last-child{ border-bottom: 0px;}
.cent04 ul li h2 .e-closed{ margin-left:20px}
.cent04 ul li h2 .e-closed svg{transform:rotate(90deg);transition:all ease 0.35s}
.cent04 ul li .nire{ display:none; font-size:16px; line-height:1.2;}
.cent04 ul li .nire a{ display: flex;  align-items: center; font-size:20px; color:#fff; margin-top:2%}
.cent04 ul li .nire a span{ margin-left:20px;}
.cent04 ul li .nire a span img{  box-sizing:border-box;}
.cent04 ul li .nire a:hover{ color:#006AB4}
.cent04 ul li .nire a:hover  span{ transform: translateX(10px);transition:all ease 0.35s}
.cent04 ul li.on .nire{ display:block}
.cent04 ul li.on h2 .e-closed svg{transform:rotate(0deg);}
.cent0401{ float:right; display:block; width:50%;}
.cent0401 .tup{ display:none}
.cent0401 .tup img{ width:100%; vertical-align:bottom;}
 
.cent05-bg{ position:relative; padding:4% 0}
.cent05-bg .swiper-pagination02{ opacity:0}
.cent05-bg  .swiper-button-next,  .cent05-bg .swiper-button-prev{ top:100% !important; width:40px; height:40px}
.cent05-bg  .swiper-button-next svg,  .cent05-bg .swiper-button-prev svg{ width:100%;}
.cent05-bg  .swiper-button-next{ right:10%}
.cent05-bg  .swiper-button-prev{ left:10%}
.cent05-bg  .swiper-button-next:after, .cent05-bg .swiper-button-prev:after{ display:none}
.cent05 .img video{ width:100%; vertical-align:bottom;}
.cent05-bg  .swiper-slide{ position:relative;}

.cent05-bg  .swiper-slide:after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: rgba(0, 0, 30, .8);
z-index: 6;
}
.cent05-bg  .swiper-slide.swiper-slide-active:after{ display:none}


.cent06{ margin:4% auto;}
.cent06-l{ float:left; display:block; width:48%;}
.cent06-l h2{font-size: 59px;line-height: 1; position:relative}
.cent06-l h2 .img{position:absolute;right: 10px;bottom:0;width:24px;height:24px;display: block;}
.cent06-l h2 .img img{width:100%;vertical-align:bottom;height:100%;margin: 0;padding: 0;position: absolute;}
.cent06-l ul li{ display: flex;  align-items: center; margin-top:4%;}
.cent06-l ul li .elementor-icon-list-icon{ margin-right:10px;}
.cent06-l ul li em{ font-style:normal; font-size:24px; display:block;}
.cent06-l span{ font-size:16px; display:block; line-height:1.5; margin-top:2%;}
.cent06-l a{ display: flex;  align-items: center; font-size:20px; color:#fff; margin-top:2%}
.cent06-l a span{ margin-left:20px;}
.cent06-l a span img{  box-sizing:border-box;}
.cent06-l a:hover{ color:#006AB4}
.cent06-l a:hover  span{ transform: translateX(10px);transition:all ease 0.35s}
.cent06-r{ float:right; display:block; width:48%;}
.cent06-r img{ width:100%; vertical-align:bottom;}
.cent06-r .swiper-pagination03{ position:inherit !important; margin-top:4%}

.cent07{ padding:4% 0; display: flex;  align-items: center;justify-content: space-between;}
.cent07-l{ width:48%}
.cent07-l img{ width:100%; vertical-align:bottom}
.cent07-r{ width:48%; display: flex; justify-content: space-between;  }
.cent07-r .img{ width:87px}
.cent07-r .img img{ width:100%; vertical-align:bottom;}
.cent07-r .cent0701{width:calc(100% - 100px);}
.cent07-r .cent0701 h2{ font-size:64px; display:block;}

.cent07-r .cent0701 span{ font-size:16px; display:block; margin:4% auto 2%}
.cent07-bottom{ display: flex;  align-items: center;justify-content: space-between;}
.cent07-bottom .img02{ width:85px}
.cent07-bottom .img02 img{ width:100%; vertical-align:bottom;}
.cent07-bottom em{ font-style:normal; font-size:20px; font-weight:bold;}
.cent07-bottom em i{ font-style:normal; color:#83ADE4; font-size:12px; font-weight:normal;}

.cent08-bg {  background-color: transparent;  background-image: radial-gradient(at top center, #013E8B 0%, #00001e 100%); padding:4% 0}
.cent08{ display: flex;   align-items: center;justify-content: space-between;}
.cent08 .title span{ margin-top:10%;}
.cent08-r{ width:68%}
.cent08-r .swiper-pagination04{ position:inherit !important; margin-top:4%}
.cent08-r .swiper-slide{    max-width: 320px;   flex-shrink: 0 !important;   cursor: pointer;  clip-path: polygon(0 40px, 40px 0, 100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%);   transition: 0.3s;  overflow: hidden;    background-color: transparent;
    background-image: linear-gradient(180deg, #02327A 0%, #0C0B3A 100%); padding:40px 40px 86px 40px; box-sizing:border-box;} 
.cent08-r  .swiper-slide h2{ font-size:20px; display:block; margin-top:12%;}
.cent08-r .swiper-slide span{ display:block; font-size:12px; color:#83ADE4; margin:20px 0px 0px 0px}
.cent08-r .swiper-slide a{ color:#fff; text-align:center;}
.cent08-r .swiper-slide .img{ width:100%}
.cent08-r .swiper-slide .img img{ width:100%; vertical-align:bottom;}
.cent08-r .swiper-slide:hover {
    background-color: transparent;
    background-image: linear-gradient(180deg, #068CC8 0%, #03014A 100%);
}
.cent08-r .swiper-slide:hover span{ opacity:0}

.cent08-l{width: calc(100% - 70%);box-sizing:border-box;padding-left: 5%;}
.cent08-l .title{ text-align:left;}

.cent09{ text-align:center; padding:5% 0 0; margin-bottom:2%}
.cent09 .anniu-bg{ display:inline-block; margin-top:2%}

.cent0901{ position:relative; margin-top:2%;}
.cent0901 .swiper-pagination05{ position:inherit !important; margin-top:4%}
.cent0901 .img{ width:100%; padding-bottom:60px; position:relative;}
.cent0901 .img .img02{ width:100%}
.cent0901 .img .img02 img{ width: 100%;
    aspect-ratio: 5 / 3;
    object-fit: contain;vertical-align:bottom;}
.cent0901 .img  h2{ display:block;     text-align: center; font-size:20px; line-height:1.5;  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;}
.cent0901 .img a{ display: flex;  align-items: center; font-size:20px; color:#fff; margin-top:2%; font-weight:bold;    transition: all 0.3s; position:absolute; bottom:-40px;}
.cent0901 .img a span{ margin-left:20px;}
.cent0901 .img a span img{  box-sizing:border-box;}
.cent0901 .img:hover  a{  bottom:0px}
/*.cent0901 .img a:hover  span{ transform: translateX(10px);transition:all ease 0.35s}
*/
.cent0901 .swiper-button-next, .cent0901 .swiper-button-prev{ width:50px; height:50px; border-radius:50%; }
.cent0901 .swiper-button-prev{ background:url(../images/islide_prvehoverbtn.svg) center no-repeat rgba(0,106,180,0.6); background-size:30px; left:10%;}
.cent0901 .swiper-button-next{ background:url(../images/islide_nexthoverbtn.svg) center no-repeat rgba(0,106,180,0.6); background-size:30px; right:10%}
.cent0901 .swiper-button-next:after, .cent0901 .swiper-button-prev:after{ display:none}


.footer-bg{ background:url(../images/2025021923112067.jpg) center no-repeat; background-size:cover; padding-top:2%}
.logo01{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 3%;}
.logo01 img{    width: 147px;
    height: 55px;
    object-fit: contain;}
.logo01:after {  content: "";  background:#006AB4; height:1px; width:calc(100% - 160px);}

.footer01{display: flex; justify-content: space-between; padding-bottom:2%;}
.footer01-l{width: calc(100% - 32%);}

.footer01-l dl{display: flex;flex-wrap: nowrap;gap: 20px;justify-content: space-between;}
.footer01-l dl dd{width: 33%;}
.footer01-l dl dd>h2{ display:block; margin:10px 0}
.footer01-l dl dd>h2 a{ font-size:24px; font-weight:700; line-height:26px; color:#fff;}
/*.footer01-l dl dd ul li{ margin:10px 0;}
.footer01-l dl dd ul li a{ font-size:16px; color:#fff;}
.footer01-l dl dd ul li a:hover{text-decoration:underline;}*/
.footer01-l dl dd .add{}
.footer01-l dl dd .add ul li{display: flex;align-items: flex-start;justify-content: space-between;margin-top: 11px; color:#f2f2f2;}
.footer01-l dl dd .add ul li .img{width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;}
.footer01-l dl dd .add ul li .img img{ max-height:100%}
.footer01-l dl dd .add ul li>span{width: calc(100% - 40px);font-size: 15px;line-height: 1.8;}
.footer01-l dl dd .hsee{ display: flex;  align-items: center;}
.footer01-l dl dd .hsee a{display: flex;justify-content: center;align-items: center;width:40px;height:40px;margin-right: 5px;}
.footer01-l dl dd .hsee a img{max-height:100%;max-width:100%;box-sizing: border-box;}
.footer01-l dl dd:first-child{width: 42%;}
.footer01-l dl dd .lne{}
.footer01-l dl dd .lne ul li{font-size: 15px;line-height: 1.8;margin-bottom: 10px;}
.footer01-l dl dd .lne ul li a{ color:#f2f2f2;}

.footer01-r{width: 32%;}
.footer01-r span{ font-size:16px; line-height:1.5; display:block;}
.footer01-r  .sout{ margin-top:8%;}
.footer01-r .img01{ display: flex; align-items: center; margin-top:8%}
.footer01-r .img01 a{ width:43px;margin-right:10px;}
.footer01-r .img01 a img{ width:100%;}

.footer02{ text-align:center; background:#006ab4; color:#fff; padding:1.2% 0; font-size:16px;} 
.footer02 a{ color:#fff;text-decoration:underline; margin:0 5px}

.pc{ display:block}
.mz{ display:none}
.sp_header{ display:none}
.sjj_nav{ display:none}

.cent10-bg{ background:#000; border-bottom:1px solid #006AB4; width:100%; left:0; top:0; z-index:999;    position: sticky;}
.cent10 ul{ display: flex; justify-content: center;  align-items: center;flex-wrap: wrap; color:#006AB4;}
.cent10 ul li{ margin:0 40px}
.cent10 ul li a{ font-size:20px; font-weight:bold; padding:0 1vw; color:#fff; display: flex; justify-content: center;  align-items: center; position:relative; padding:30px 0px;}
.cent10 ul li a:after {
    content: "";
    display: none;
    width: 100%;
    height: 4px;
    background: #006AB4;
    position: absolute;
    bottom: 0px;
    left: 0;
}
.cent10 ul li.active a{color:#006AB4}
.cent10 ul li.active a:after { display:block}
.cent10 ul li:hover a{ color:#006AB4}
.cent10 ul li:hover a:after { display:block}

.cent11-bg{ padding:4% 0; position:relative;}
.cent11-bg:after {
    content: "";
    display: block;
    width: 80%;
    height: 100%;
    background: radial-gradient(65% 42% at 50% 50%, #006AB4 0%, rgba(17, 5, 56, 0) 100%);
    position: absolute;
    z-index: 0;
    left: 10%;
    top: 0;
    opacity: 0.8;
    filter: blur(100px);
}
.cent11 ul{ position:relative; z-index:9;}
.cent11 ul li{ float:left; display:block;width:calc((100% - 6%)/3); margin-right:3%;    background-color: #00001e; margin-top:4%}
.cent11 ul li:nth-child(3n) {  margin-right: 0% ;}
.cent11 ul li:nth-child(3n-2){ clear:left;}
.cent11 ul li .cent110{ position:relative}
.cent11 ul li .cent110 .img{ width:100%}
.cent11 ul li .cent110 .img img{ width:100%; vertical-align:bottom;}
.cent11 ul li .black{ position:absolute; top:0; left:0; width:100%; height:auto; padding:10% 8%; box-sizing:border-box; text-align:center;}
.cent11 ul li .black h2{ display:block; font-size:32px; line-height:1;}
.cent11 ul li .black>span{ display:block; font-size:18px; line-height:1.5; margin:4% 0}
.cent11 ul li .anniu-bg{ padding:6px 25px;}
.cent11 ul li .anniu{ font-size:14px; font-weight:normal;}

.cent12-bg{ position:relative}
.cent1202{ margin-top:4%; position:relative;}
.mySwiperdu01{ border-bottom:1px solid #006AB4; width:86%; margin:0 auto;}
.mySwiperdu01 h2{ display:block; text-align:center; font-size:36px; padding-bottom:20px}
.mySwiperdu01 .swiper-slide-thumb-active h2{ color:#006AB4; border-bottom:2px solid #006AB4 }
.cent1202 .swiper-button-next:after, .cent1202 .swiper-button-prev:after{ display:none}
.cent1202 .swiper-button-next, .cent1202 .swiper-button-prev{ width:80px; height:80px; border-radius:50%; background:rgba(0,106,180,0.6)}
.cent1202 .swiper-button-prev{ background:url(../images/islide_prvehoverbtn.svg) center no-repeat rgba(0,106,180,0.6); background-size:30px; }
.cent1202 .swiper-button-next{ background:url(../images/islide_nexthoverbtn.svg) center no-repeat rgba(0,106,180,0.6); background-size:30px;}
	
.mySwiperdu02{ margin-top:4%;}	
.huet{}
.huet01{ float:left; display:block; width:48%; padding-left:8%; box-sizing:border-box;}
.huet01 ul{}
.huet01 ul li{font-size:18px;list-style: disc; line-height:1.5}
.huet .img{ float:right; display:block; width:48%}
.huet .img img{ width:100%; vertical-align:bottom;}	
.cent12-bg:after {
    content: "";
    display: block;
    width: 50%;
    height: 75%;
    background: radial-gradient(42% 42% at 50% 50%, #006AB4 0%, rgba(17, 5, 56, 0) 100%);
    position: absolute;
    left: 0%;
    top: 20%;
    z-index: 0;
    filter: blur(200px);
}	

.cent13{ margin-top:6%; margin-bottom:3%}
.cent13 ul li{ float:left; display:block;width:calc((100% - 6%)/3); margin-top:3%; margin-right:3%; text-align:center; box-sizing:border-box;  padding:60px 40px 50px 40px; position:relative;}
.cent13 ul li:nth-child(3n) {  margin-right: 0% ;}
.cent13 ul li a{ display:block; position:relative; z-index:9; display:block; color:#fff;}
.cent13 ul li .img{ width:80px; height:80px; display: flex; justify-content: center;  align-items: center; margin:0 auto;}	
.cent13 ul li .img img{ max-width:100%; max-height:100%;}
.cent13 ul li:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #1B3278;
    position: absolute;
    left: 0;
    top: 0;
    clip-path: polygon(0 40px, 40px 0, 100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%);
    z-index: 0;
}	
.cent13 ul li:after {
    content: "";
    display: block;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    background: #00001E;
    position: absolute;
    left: 1px;
    top: 1px;
    clip-path: polygon(0 40px, 40px 0, 100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%);
    z-index: 1;
}
.cent13 ul li:hover:after {
    background: linear-gradient(180deg, #068CC8 0%, #03014A 100%);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}	
.cent13 ul li h2{ font-size:24px; display:block; margin-top:4%}
.cent13 ul li span{ font-size:18px; display:block; line-height:1.8;  margin-top:4%}

.cent14{ margin:6% auto 4%;}
.cent14 .title{ margin-bottom:4%;}
.cent14-l{ float:left; display:block; width:48%;}
.cent14-l ul li:first-child{ margin-top:0}
.cent14-l ul li{ position:relative; margin-top:5%;}
.cent14-l ul li a{ position:relative; z-index:9; display:block; padding:4% 5%; color:#fff; box-sizing:border-box;}
.cent14-l ul li h2{ font-size:42px; display:block; margin-bottom:2%;}
.cent14-l ul li span{ font-size:18px; display:block; line-height:1.5;}
.cent14-l ul li:after {
    content: "";
    display: block;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    background: #00001E;
    position: absolute;
    left: 1px;
    top: 1px;
    clip-path: polygon(0 40px, 40px 0, 100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%);
    z-index: 1;
}

.cent14-l ul li:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #1B3278;
    position: absolute;
    left: 0;
    top: 0;
    clip-path: polygon(0 40px, 40px 0, 100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%);
    z-index: 0;
}
.cent14-l ul li.on:after {
    background: linear-gradient(180deg, #068CC8 0%, #03014A 100%);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.cent14-l ul li:hover:after {
    background: linear-gradient(180deg, #068CC8 0%, #03014A 100%);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.cent14-r{ float:right; display:block; width:48%; position:relative;    clip-path: polygon(0 40px, 40px 0, 100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%);}
.cent14-r .img{ width:100%; padding-top:88%}
.cent14-r .cent1401{ position:absolute; top:0; color:#fff; box-sizing:border-box; padding:6% 5%; z-index:9}
.cent14-r .cent1401:before{ background:#000000;}
.cent14-r .cent1401 h2{ font-size:42px;}
.cent14-r .cent1401 span{ font-size:18px; display:block; line-height:1.5; margin-top:4%; }
.cent14-r:before{       content: ""; background-color:#000000; position:absolute; bottom:0; left:0; width:100%; height:100%; opacity:0.2;}


.cent15{ margin:6%  auto; text-align:center;}
.cent15 ul{ margin-top:3%;}
.cent15 ul li{ float:left; display:block;width:calc((100% - 12%)/5); margin-right:3%; margin-top:3%;}
.cent15 ul li:nth-child(5n) {  margin-right: 0% ;}
.cent15 ul li a{ width:100%; height:100px;  display: flex; justify-content: center;  align-items: center;}
.cent15 ul li img{ max-height:100%; max-width:100%;}
.cent15 .anniu-bg{ margin:4% auto 0;}

.cent16-bg{    background-color: transparent;background-image: linear-gradient(180deg, #00001E 0%, #112458 100%); position:relative; padding-top:100px;}
.cent16-bg:after {
    content: "";
    display: block;
    width: 49.6875%;
    height: 100%;
    position: absolute;
    right: 5%;
    bottom: 0;
    background: radial-gradient(42% 42% at 50% 50%, #006AB4 0%, rgba(17, 5, 56, 0) 100%);
    z-index: 0;
}
.cent16{ display: flex;  align-items: center;justify-content: space-between;flex-wrap: wrap; }
.cent16 .img{ width:40%; position:relative; z-index:2}
.cent16 .img img{ width:100%; vertical-align:bottom}
.cent16-l{ width:auto}
.cent16-l h2{ font-size:64px; display:block;}
.cent16-l span{ font-size:16px; display:block; margin-top:1%;} 

.weizhi{height:58px; line-height:58px; background:url(../images/title03.png) no-repeat;font-size:20px; border-bottom:1px solid #1B3278}
.weizhi a{ color:#fff; }

.cent17{ margin:4% auto;}
.cent17-l{ float:left; display:block; width:25.7%; padding-right:80px; box-sizing:border-box;}
.search{ height:54px; display: flex; align-items: center;justify-content: space-between; background:#fff;}
.search .input_text{ height:54px; line-height:54px; width:calc(100% - 54px); box-sizing:border-box; padding-left:5%;}
.search a{ width:54px; height:54px;  display: flex; justify-content: center;  align-items: center;}
.search a i{font-size:18px;}
.cpxs{ margin-top:10px}
.cpxs ul li{ margin-top:30px;}
.cpxs ul li h2{ position:relative; font-size:14px; color:#fff; padding-bottom:12px; border-bottom:#1B3278 2px solid}
.cpxs ul li h2:after {
    content: "";
    display: block;
    width: 120px;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: -1px;
    background: #006AB4;    width: 100px;
    height: 2px;
}
.cpxs ul li label{margin-top:10px; display: flex;  align-items: center; flex-wrap: wrap; }
.cpxs ul li label input{ width:20px; height:20px; margin-right:10px}
.cpxs ul li{ font-size:16px;}
.cpxs h1{ font-size:16px; color:#36baff; display:block; margin-bottom:40px;}
.cent17-r{ float:right; display:block; width:74.3%;}

.cent187{}
.cent187 ul li{ float:left; display:block;width:calc((100% - 4%)/3); margin-right:2%; position:relative; margin-bottom:2%; text-align:center;}
.cent187 ul li a{ border:1px solid #1B3278; display:block; box-sizing:border-box; padding:8%; position:relative; z-index:2}
.cent187 ul li:nth-child(3n) {  margin-right: 0% ;}

.cent187 ul li:before, .cent187 ul li:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
}
.cent187 ul li:hover:before {
    background: linear-gradient(180deg, #0068B1 0%, #070742 100%);
    filter: blur(0px);
    z-index: 1;    visibility: visible;
    opacity: 1;
}
.cent187 ul li .img{ width:100%;}
.cent187 ul li .img img{     width: 100%;
    aspect-ratio: 1;
    vertical-align: bottom;
    object-fit: contain;
    background: #fff;}
.cent187 ul li:nth-child(3n-2){ clear:left;}
.cent187 ul li h2{ font-size:20px; line-height:1; display:block;    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2; color:#fff; text-align:left;
}
.cent187 ul li .anniu-bg{ padding:6px 25px; text-align:center; opacity:0; margin-top:40px}
.cent187 ul li .anniu-bg .gnjie{ font-size:14px; font-weight:normal;}
.cent187 ul li .anniu:hover:after{ transform:none}
.cent187 ul li .anniu:hover .gnjie{transform:none}
.cent187 ul li:hover .anniu-bg{ opacity:1}


.cent19-bg{  padding-top:170px; position:relative}
.cent19-bg:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background: linear-gradient(180deg, #00001E 0%, #112458 50%, #00001E 100%);
}
.cent19{ position:relative; z-index:1; display: flex;  align-items: center;justify-content: space-between;flex-wrap: wrap; }
.cent19-1{width: 47.43%;display:block}
.cent19-r{ display:block; width:48.57%;}
.cent19-r h2{ font-size:64px; line-height:1; display:block;}
.cent19-r ul{ margin:2% 0 5%}
.cent19-r ul li{line-height:1.6;list-style: disc;font-size:28px;margin-left: 4%;}
.cent19-r .anniu-bg{ padding:6px 25px; text-align:center;margin-top:0px}
.cent19-r .anniu-bg .gnjie{ font-size:14px; font-weight:normal;}
.cent19-r .anniu:hover:after{ transform:none}
.cent19-r .anniu:hover .gnjie{transform:none}


.cent19 { position:relative; z-index:2}

.picBtnTop{width: 100%;height: auto;/* border:1px solid #ccc; *//* padding:5px; */position:relative;overflow:hidden;zoom:1;box-sizing: border-box;}
.picBtnTop .hd{width: 80px;height:auto;position:absolute;left: 0px;overflow:hidden;height: 328px;}
.picBtnTop .hd .prev{display:block;width:72px;height:30px;position:absolute;top:0;left:0;line-height:10px;overflow:hidden;cursor:pointer;background: url(../images/shan.png)  center #006AB4 no-repeat;z-index: 1;} 
.picBtnTop .hd .next{display:block;width:72px;height:30px;position:absolute;bottom:0;left:0;overflow:hidden;cursor:pointer;background: url(../images/xie.png) center #006AB4 no-repeat;z-index: 1;}
/*.picBtnTop .hd .prev,.picBtnTop .hd .next{ display:block;  width:5px; height:9px; line-height:10px;overflow:hidden;cursor:pointer; background:url(../images/icoLeft.gif) no-repeat;} 
.picBtnTop .hd .next{ background:url(../images/icoRight.gif) no-repeat;} 
*/
	.picBtnTop .hd ul{ overflow:hidden; zoom:1;position:relative !important; margin-top:30px !important}
	.picBtnTop .hd ul li{width: 70px;text-align:center;margin-bottom: 10px;}

	.picBtnTop .hd ul li img{width: 70px;height: 70px;/* border: 1px solid #cbcaca; */cursor:pointer;vertical-align:bottom;}



	.picBtnTop .bd{width: calc(100% - 100px);height: auto;position:relative;float: right;}
	.picBtnTop .bd li{ position:relative; zoom:1; vertical-align:middle;}
	.picBtnTop .bd li .pic{position:relative;z-index:0;border: 1px solid #1B3278;width: 100%;height: 100%;position:relative;box-sizing: border-box;}
	.picBtnTop .bd li .pic a{
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
    height:100%;
    }
	.picBtnTop .bd li .pic a>img{vertical-align:bottom; max-height:100% ; max-width:100%;}
	/*.fangd{ position:absolute; bottom:0; right:0; width:40px; height:40px;}
	.fangd img{ width:100%; height:100%;}
	.xiangq{ height:390px; overflow:hidden}*/
	
	
.cent21{ margin-top:6%; margin-bottom:4%}	
.cent2101{    border-bottom: 1px solid #006AB4;}
.cent2101 ul{ display: flex; justify-content: center;  align-items: center;flex-wrap: wrap; color:#006AB4;}
.cent2101 ul li{ margin:0 40px}
.cent2101 ul li a{ font-size:24px; font-weight:bold; padding:0 1vw; color:#fff; display: flex; justify-content: center;  align-items: center; position:relative; padding:30px 0px;}
.cent2101 ul li a:after {
    content: "";
    display: none;
    width: 100%;
    height: 4px;
    background: #006AB4;
    position: absolute;
    bottom: 0px;
    left: 0;
}
.cent2101 ul li.active a{color:#006AB4}
.cent2101 ul li.active a:after { display:block}
.cent2101 ul li:hover a{ color:#006AB4}
.cent2101 ul li:hover a:after { display:block}

.cent2001{ display:none}

.cent20{ margin-top:2%;}
.cent22 ul li{ margin:4% 0; display: flex; justify-content: space-between;flex-wrap: wrap; }
.cent22 ul li .img{    width: calc(50% - 20px);}
.cent22 ul li .img img{ width:100%; vertical-align:bottom;}
.cent22-r{    width: calc(50% - 20px);}
.cent22-r h2{ font-size:42px; display:block; line-height:1.2}
.cent22-r .spro{ font-size:18px; display:block; line-height:1.5; margin-top:2%}
.cent22 ul li:nth-child(2n){  flex-direction: row-reverse;}

.cent23{ position:relative;}

.cent23 img {
    max-width: 100%;
}

.cent23:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
  /*  background: radial-gradient(42% 42% at 50% 50%, #431668 0%, rgba(65, 21, 101, 0) 100%);*/
    opacity: 1;pointer-events: none;
}
.cent23 table { border:none; border-top:none; border-left:none;position:relative; z-index:2}
.cent23 table tr td{ border-left:1px solid #ccc; border-top:none; padding:10px 40px; font-size:20px;}
.cent23 table tr td:first-child{border-left:0}
.cent23 .sproduct_specinote{ position:relative; z-index:2;font-weight: 400;
    font-size: 12px;  color: #808080; line-height: 28px;   margin-top: 40px;}
.cpce{ background:#33334b}

.czfq  table { border:none; border-top:none; border-left:none;position:relative; z-index:2; text-align:center; margin-bottom:4%;}
.czfq table tr td{ border-left:1px solid #524177; border-top:none; padding:10px 10px; font-size:20px; background:rgba(85, 47, 126, 0.3)}
.czfq table tr td:first-child{border-left:0}
.czfq table tr th{ border-left:1px solid #524177; border-top:none; padding:10px 10px; font-size:20px; background:#403660}
.czfq table tr th:first-child{border-left:0;}
.czfq  .anniu-bg{ padding:6px 15px; text-align:center;margin-top:0px}
.czfq .anniu-bg .gnjie{ font-size:14px; font-weight:normal;}
.czfq .anniu:hover:after{ transform:none}
.czfq .anniu:hover .gnjie{transform:none}

.xgcp{ margin-bottom:4%}

.cent24-bg{ position:relative;}
.cent24-bg .img{ width:100%; height:auto}
.cent24-bg .img img{ width:100%}
.cent24{ position:absolute; left:50%; top:50%;   transform: translate(-50%,-50%);}
.cent24 h2{ font-size:64px; display:block;}
.cent24 span{ font-size:16px; display:block; margin-top:1%;} 

.cent25{ margin:5% auto; position:relative}
.cent25:after {
    content: "";
    display: block;
    z-index: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: radial-gradient(42% 42% at 50% 50%, #006AB4 0%, rgba(17, 5, 56, 0) 100%);
}
.cent25-l{ position:relative; z-index:2; float:left; display:block; width:30%; margin-top:5%}
.cent25-l .title{ text-align:left;    line-height: 4em;}

.cent25-r{position:relative; z-index:2; float:right; display:block; width:60%;     background-color: transparent;  background-image: linear-gradient(180deg, #0085DB99 0%, #004EB499 100%);    clip-path: polygon(0 80px, 80px 0, 100% 0, 100% calc(100% - 80px), calc(100% - 80px) 100%, 0 100%); box-sizing:border-box;     padding: 6% 6%;
}

.cent25-r h2{ font-size:64px; display:block; text-align:center;    font-weight: 600; text-transform: uppercase;}
.cent25-r ul li{ float:left; display:block; width:calc((100% - 5%)/2); margin-right:5%; margin-top:2%}
.cent25-r ul li:nth-child(2n) { margin-right: 0% ;}
.cent25-r ul li strong{ display:block; font-size:18px;    margin-bottom: 10px;}
.cent25-r ul li strong em{ font-size:18px; color:#F00; display:inline-block; font-style:normal;}
.cent25-r ul li input{    width: 100%;  border: none; font-size: 20px;   line-height: 30px;  padding: 10px 20px; background: #fff;   clip-path: polygon(0 10px, 10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%); box-sizing:border-box; color:#000}
.chandu{ width:100% !important; margin-right:0 !important}
.cent25-r ul li:nth-child(10){ margin-right:5%;}
.cent25-r ul li:nth-child(11){ margin-right:0%;}
.cent25-r ul li .select{ width: 100%;  border: none; font-size: 20px;   line-height: 30px;  padding: 10px 20px; background: #fff;   clip-path: polygon(0 10px, 10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%); box-sizing:border-box; color:#000} 
.cent25-r ul li .text{ width: 100%;  border: none; font-size: 20px;   line-height: 30px;  padding: 10px 20px; background: #fff;   clip-path: polygon(0 10px, 10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%); box-sizing:border-box; color:#000; height:200px;} 
.cent25-r ul li .img{ width:80px; height:80px}
.cent25-r ul li .img a{ display: flex; justify-content: center;  align-items: center;}
.cent25-r ul li .img img{ max-width:100%; max-height:100%;}
.cent25-r ul li span{ display:block; font-size:16px; margin-bottom:10px;}
.cent25-r .anniu-bg{  text-align:center;margin-top:0px;   
    margin: 5% auto 0; width:190px; height:88px; box-sizing:border-box; display: flex; justify-content: center;  align-items: center;}
.cent25-r .anniu-bg .gnjie{ font-size:24px; }
.cent25-r .anniu:hover:after{ transform:none}
.cent25-r .anniu:hover .gnjie{transform:none}



.gaopdi{ padding-top:100px;}
.cent26{ margin-bottom:4%;}
.cent26 .h1{ font-size:64px; font-weight:600; display:block; line-height:1}
.cent26 .h2{ font-size:40px; font-weight:600; display:block; line-height:1; margin-top:2%;}
.elementor-widget-container{ font-size:18px; margin-top:2%;}
.elementor-widget-container p{ padding:0}


.inside_con{ min-height:300px}

@media only screen and (max-width: 980px) {
	.gaopdi{ padding-top:70px;}
/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height: 60px;/*overflow:hidden;*/position:fixed;z-index:10;        top: 0;width:100%;display:block}
.sp_logo{padding:10px;float:left;height: 60px;box-sizing: border-box;}
.sp_logo img{margin:auto;max-height:30px;}
	.banner {
    width: 100%;
    margin-top: 60px;
}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background: #fff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;display:block}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/
.pc{ display:none}
.mz{ display:block}
.sp_header .set{ float:right; margin-top:10px; margin-right:10px;}
.sp_header .te{ float:right; margin-top:10px; margin-right:10px; height:auto}

	.header-bg{ display:none;}
	.banner .aeef{ width:80%;    transform:none; top:12%; text-align:center;}
	.banner .aeef>span{ font-size:12px;}
	.banner .aeef>h1{ font-size:24px; line-height:2} 
	.banner .aeef>strong{ font-size:14px;}
	.anniu-bg{ padding:15px 14px 15px 25px}
	.anniu{ font-size:12px}
	.banner .swiper-button-next{ right:5%; top:70%;}
	.banner .swiper-button-prev{ left:5%; top:70%;}
	.title h2{ font-size:32px}
	.title span{ font-size:12px}
	.cent01{ margin-top:5%;}
	.cent01 ul li{ width:calc((100% - 6%)/2); margin-top:2%; margin-right:3%;}
	.cent01 ul li .img{ padding:10px}
	.cent01 ul li:nth-child(3n) {  margin-right: 2% ;}
	.cent01 ul li:nth-child(3n-2){ clear:none;}
	.cent01 ul li:nth-child(2n) {  margin-right: 0% ;}
	.cent01 ul li span{ font-size:16px; padding-bottom:15px;}
	.cent01 ul li .img img{ width:100%;}
	
	.cent02-bg{ margin-top:5%;}
	.cent0201{flex-wrap: wrap; }
	.cent02-l{ width:100%; text-align:center; margin-top:4%; margin-bottom:4%}
	.cent02-l h1{ font-size:28px}
	.cent02-l h2{ font-size:12px}
	.cent02-l ul li{ font-size:12px;justify-content: center; }
	.cent02-r{ width:100%}
	.cent02-bg:after{  width: 100%;   height: 20%; top: 17%;}
	.cent03 ul li{width:calc((100% - 5%)/2); margin-right:5%; margin-top:5%}
	.cent03 ul li:nth-child(2n){margin-right: 0% ;}
	.cent03 ul li strong{ font-size:12px;}
	.cent03 ul li .anniu-bg{ opacity:1; width:auto; margin-top:10px}
	
	.cent04{ padding-top:5%;}
	.cent04 ul{ float:none; width:100%}
	.cent0401{ float:none; width:100%}
	.cent04 ul li h2{ font-size:24px; display:block;}
	.cent04 ul li h2 .e-closed{ display:inline-block;}
	.cent04 ul li .nire{ font-size:14px; line-height:1.5;}
	.cent04 ul li .nire a{ font-size:12px}
	.cent05-bg { padding-bottom:20%}
	.cent05-bg .swiper-pagination02{ opacity:1; position:inherit; margin-top:4%}
	
	.cent06{ margin:8% auto;}
	.cent06-l{ float:none; display:block; width:100%; margin-top:5%}
	.cent06-r{float:none; display:block; width:100%;}
	.cent06-l h2{ font-size:28px;}
	.cent06-l ul li em{ font-size:16px;}
	.cent06-l .elementor-icon-list-icon{ width:24px;}
	.cent06-l span{ font-size:14px; line-height:1.5;}
	.cent07{flex-wrap: wrap; }
	.cent07-l{ width:100%;}
	.cent07-r{ width:100%; display:block }
	.cent07-r .img{ width:20px}
	.cent07-r .cent0701{ width:100%;}
	.cent07-r .cent0701 h2{ font-size:20px}
	.cent07-r .cent0701 span{ font-size:14px;}
	.cent07-bottom .img02{ width:20px;}
	.cent07-bottom em{ font-size:16px;}
	
	.cent08-bg{ padding:10% 0;}
	.cent08-l .title{ text-align:center;}
	.cent08-r{ width:100%; margin-top:5%;}
	.cent08{ width:90%; display:block; margin:0 auto;}
	.cent08-r .swiper-slide{ padding:20px 20px 80px 20px;}
	.cent08-l{ width:100%; padding-left:0}
	.cent08-r .swiper-slide span{ display:none}
	.swiper-pagination span.swiper-pagination-bullet-active{ width:80px;}
	.cent0901{ width:90%; margin:5% auto 0;}
	.cent09 .anniu-bg{ margin-top:10px}
	.cent0901 .swiper-button-next, .cent0901 .swiper-button-prev{ display:none}
	.cent0901 .img h2{ font-size:14px;}
	
	.footer-bg{ padding-top:5%;}
	.footer01{flex-wrap: wrap; }
	.footer01-l dl{flex-wrap: wrap;}
	.footer01-l dl dd h2{ background:url(../images/footer_menuliicon.svg) center right no-repeat;}
	.footer01-l dl dd{ width:100%;}
	.footer01-l dl dd ul{ display:none}
	.footer01-l{ width:100%}
	.footer01-r{ width:100%}
	.footer02{ padding:2% 0}
	.HBox{ width:90%;}
	.sout{ height:44px;}
	.sout .search_filed{height: 40px;    font-size: 14px;}
	.sout .search_submit{        line-height: 44px;  width: 100px; font-size: 14px; height:44px;}
	
	.te .te01{ min-width:120px;}
	
	.cent16{flex-wrap: wrap;}
.cent16-bg:after {   height: 50%;  width: 100%;  right: 0; }
.cent16 .img{width:100%;}
.cent16-l h2{ font-size:30px;}
.cent16-l span{ font-size:14px;}


.cent17-l{ float:none; display:block; width:100%; padding:0}
.cent17-r{ float:none; display:block; width:100%; margin-top:5%}
.cent187 ul li{width:calc((100% - 4%)/2); margin-right:4%;  margin-bottom:4%;}
.cent187 ul li:nth-child(3n) {  margin-right: 4%  !important;}
.cent187 ul li:nth-child(2n) {  margin-right: 0% ;}
.cent187 ul li h2{ font-size:12px;}
.cent187 ul li .anniu-bg{ opacity:1; margin-top:10px;}
.cent187 ul li:nth-child(3n-2){ clear:inherit}
.cent187 ul li:nth-child(2n-1){ clear:left;}

.cent10 ul li{ margin:0 20px}
.cent10 ul li a{ padding:10px 0; font-size:12px;}

.cent11 ul li{ float:none; display:block; width:100%; margin-right:0; margin-top:5%;}
.cent11 ul li .black h2{ font-size:24px;}
.cent11 ul li .black>span{ font-family:12px; display:block;}

.mySwiperdu01 h2{ font-size:18px;}
.mySwiperdu01{ width:100%;}
.cent1202 .swiper-button-next, .cent1202 .swiper-button-prev{ display:none;}


.huet01{ float:none; display:block; width:100%}
.huet .img{ float:none; display:block; width:100%; margin-top:5%;}

.huet01 ul li{ font-size:14px}
.cent13 ul li{ float:none; display:block; width:100%; margin-right:0; margin-top:5%;}


.cent14-l{ float:none; display:block; width:100%; margin-right:0}
.cent14-l ul li{ padding:5% 5%;}
.cent14-l ul li h2{ font-size:20px;}
.cent14-l ul li span{ font-size:14px;}

.cent14-r{ float:none; display:block; width:100%; margin-top:5%;}
.cent14-r .cent1401 h2{ font-size:18px}
.cent14-r .cent1401 span{ font-size:14px;}


.cent15 ul li a{ height:42px;}
.cent15 ul li{ width:calc((100% - 6%)/3); margin-right:3%; margin-top:3%;}
.cent15 ul li:nth-child(5n) {  margin-right: 3%  !important;}
.cent15 ul li:nth-child(3n) {  margin-right: 0% ;}
	
.cent2101 ul li{ margin:0 20px}
.cent2101 ul li a{ padding:10px 0; font-size:12px;}	
	
.cent19-bg{ padding-top:60px;}	
.cent19-1{ width:100%}
.cent19-r{ width:100%; margin-top:5%}
.cent19-r h2{ font-size:24px;}
.cent19-r ul li{ font-size:16px;}
.picBtnTop .hd{ height:239px;}
.picBtnTop .hd ul li img{ height:50px;}

.cent22 ul li .img{ width:100%}
.cent22-r{ width:100%; margin-top:5%}

.cent22-r h2{ font-size:20px;}
.cent22-r .spro{ font-size:14px;}

.cent23{overflow-x:scroll;}
.czfq{overflow-x:scroll;}
.cent23 table tr td{ font-size:14px;}
.czfq table tr td{ font-size:14px;}
.czfq table tr th{ font-size:14px;}
	
.cent24-bg .img img{ height:257px; object-fit: cover;}
.cent24 h2{ font-size:30px;}
.cent24 span{ font-size:14px;}

.cent25-l{ float:none; display:block; width:100%; display:none;}
.cent25-r{ float:none; display:block; width:100%;        clip-path: polygon(0 20px, 20px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%); margin-top:5%;}
.cent25-r h2{ font-size:24px;}
.cent25-r ul li{ float:none; display:block; width:100%; margin-right:0; margin-top:5%;}

.cent26 .h1{ font-size:24px;}
.cent26 .h2{ font-size:20px}
	
.footer01-l dl dd .hsee{ display:none}	
.footer01-l dl dd:first-child{ width:100%}
	}
	
	
	

.cd-top {
  display: inline-block;
  height: 45px;
  width: 45px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #0693e3  url(../images/goup.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 50%;z-index:99
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 45px;
    width: 45px;
    right: 30px;
    bottom: 30px; 
  }
}