@charset "utf-8";
html,body{position:relative;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,
tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin:0;padding:0px;border:0;font-size:100%;outline:none; box-sizing: border-box;}
html {font-size:100%;-webkit-overflow-scrolling:touch;font-size:calc(100vw/5.5);}
/* always display scrollbars */
body{letter-spacing:1px;font:12px/1.8 "PingFangSCMedium","Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "Arial", "Helvetica", "SimHei", "黑体", "STXihei", "华文细黑", sans-serif;margin:0 auto;color:#666666;background-color:#ffffff;_background-attachment:fixed;_background-image:url(../images/about:blank);overflow-y:visible\9;-webkit-text-size-adjust:100% !important;}
/* video::-webkit-media-controls-play-button {display:none;} */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
input,select {vertical-align:middle;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
strong {font-weight:bold;}
input {outline:none;padding:0;}
img {border:0;}
input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],select {-webkit-appearance:none;border-radius:0;}
textarea {-webkit-appearance:none;border-radius:0;background:none;outline:none;padding:0;margin:0;border:none;}
::-moz-selection {background:#0d50be;color:#fff;text-shadow:none;}
::selection {background:#0d50be;color:#fff;text-shadow:none;}
a {-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
a:link,a:visited {text-decoration:none;color:inherit;}
a:active,a:hover {text-decoration:none;color:inherit;}
p{margin:0;}
img{display:block;width:auto;height:auto;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
.clear{clear:both;}
figure{display:block;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;unicode-bidi:isolate;}
.swiper-slide{}
/*common*/
.time3,.time3 *{transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s;}
/* 导航*/
body::-webkit-scrollbar{/*滚动条整体样式*/width :0px;/*高宽分别对应横竖滚动条的尺寸*/height:1px;}
body::-webkit-scrollbar-thumb{/*滚动条里面小方块*/border-radius:10px;box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2);background:#0A7B52;}
body::-webkit-scrollbar-track{/*滚动条里面轨道*/box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius:10px;background:#ededed;}
/* 更改placeholder颜色 */
@media screen and (max-width:980px){body::-webkit-scrollbar{/*滚动条整体样式*/width :0;/*高宽分别对应横竖滚动条的尺寸*/height:1px;}}
:root {
--primary:#0d50be;
--white:#fff;
--border-light:rgba(255, 255, 255, 0.4);
--transition:all ease-out 0.3s;/* 统一过渡效果 */
--bg-scale-max:1.15;/* 背景最大放大比例 */
--rotate-max:20deg;/* 最大旋转角度 */
}
*{margin:0;padding:0;box-sizing:border-box;font-family:'PingFang SC', 'Microsoft YaHei', "Helvetica",  Arial, sans-serif;}
.text {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-synthesis: none; -webkit-font-smoothing: antialiased;}
.code {font-family: "SF Mono", Menlo, Monaco, monospace;}



.in_dh001_qt{position:fixed; left: 0; right: 0; top: 0;  z-index:99;}

.in_dh001{ clear:both; position: relative;padding:0 5% 0 5%;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
.in_dh001 .home1{  height: 33px; float: right;}
.in_dh001 .home1 img{width: auto; height: 100%;}

.in_dh001a .pc_ml{ position: relative; float: left; margin-top: 4vw; display: inline; }
.in_dh001a .home1{margin-top: 4vw; display: inline;}
.in_dh001a .pc_ml .menu_wz1{ font-size: 20px; line-height: 33px; color: #000;}
.in_dh001a .pc_ml ul{list-style-type:none; position: absolute; left: 0; top: 33px;width: 106px; height: auto; overflow: visible;}
.in_dh001a .pc_ml li{width: 100%; float: left; clear: both; position:relative; margin-top: 56px;display:inline; white-space:nowrap;}
.in_dh001a .pc_ml li a{width: 100%;float:left;cursor:pointer;position:relative;padding:0;}
.in_dh001a .pc_ml li .wz1{float:left;font-size:20px;line-height:33px;color:#000;}
.in_dh001a .pc_ml li:hover .wz1{color:#000;}

/* 2级目录 */
.in_dh001a .pc_ml li .pc_ml2{position:absolute; left: 96px; top:-6px;height:0;overflow:hidden;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;}
.in_dh001a .pc_ml li:hover .pc_ml2{left: 106px;height:auto;opacity:1;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;}
.in_dh001a .pc_ml li .pc_ml2 dl{  float: left;}
.in_dh001a .pc_ml li .pc_ml2 dd{ float: left; position:relative; margin-top: 10px; display: inline;background-color:rgba(255, 255, 255, 0.);}
.in_dh001a .pc_ml li .pc_ml2 dd a{ z-index: 2;position: relative; padding: 0 15px;height: 40px;font-size:16px;line-height:40px;
float: left;height:auto;color:rgba(0, 0, 0,.45);
display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
.in_dh001a .pc_ml li .pc_ml2 dd .wz4{font-size:16px;line-height:40px;color:#666; padding-right: 10px;}
.in_dh001a .pc_ml li .pc_ml2 dd:nth-child(1){ margin-top: 0;}

.in_dh001a .pc_ml li .pc_ml2 dd .bj1{ display: none; position: absolute; z-index: 1; inset: 0;background-color: rgba(147,210,243,0.4);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.in_dh001a .pc_ml li .pc_ml2 dd:hover .bj1{ display: unset;}



.in_dh001b .pc_mlb{ position: relative;float: left;margin-top: 4vw; display: inline;}
.in_dh001b .home1{margin-top: 4vw; display: inline;}
.in_dh001b .pc_mlb .menu_wz1{ float: left; font-size: 20px; line-height: 33px; color: #000;}
.in_dh001b .pc_mlb ul{display: flex;list-style-type:none;}
.in_dh001b .pc_mlb li{float: left; position:relative; margin-left: 86px;display:inline;}
.in_dh001b .pc_mlb li a{width: 100%;float:left;cursor:pointer;position:relative;padding:0;}
.in_dh001b .pc_mlb li .wz1{float:left;font-size:20px;line-height:33px;color:#000;white-space: nowrap;}
.in_dh001b .pc_mlb li:hover .wz1{color:#216cdd;}

/* 2级目录 */

.in_dh001b .pc_mlb li .pc_ml2{position:absolute; left: -15px; top:18px;height:0;overflow:hidden;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;}
.in_dh001b .pc_mlb li:hover .pc_ml2{top:33px;height:auto;opacity:1;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;}
.in_dh001b .pc_mlb li .pc_ml2 dl{  float: left; display: flex; }
.in_dh001b .pc_mlb li .pc_ml2 dd{ float: left; clear: both; position:relative; margin-top: 10px; display: inline;}
.in_dh001b .pc_mlb li .pc_ml2 dd a{ z-index: 2;position: relative; padding: 0 15px;height: 40px;font-size:16px;line-height:40px;
height:auto;color:rgba(0, 0, 0,.45); white-space: nowrap;
display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;flex-wrap: nowrap;}
.in_dh001b .pc_mlb li .pc_ml2 dd .wz4{font-size:16px;line-height:40px;color:#666; padding-right: 10px;white-space: nowrap;}


.in_dh001b .pc_mlb li .pc_ml2 dd .bj1{ display: none; position: absolute; z-index: 1; inset: 0;background-color: rgba(147,210,243,0.4);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.in_dh001b .pc_mlb li .pc_ml2 dd:hover .bj1{ display: unset;}


.in_dh001 .wap_ml_ico .wap_menu .m01{background-color:#000;}
.in_dh001 .wap_ml_ico .wap_menu .m02{background-color:#000;}
.in_dh001 .wap_ml_ico .wap_menu .m03{background-color:#000;}

.men_qt1 .pc_ml{ position: relative; float: left; margin-top: 23px; display: inline;}
.men_qt1 .pc_ml ul{list-style-type:none; position: absolute; left: 0; top: 18px;width: 106px; height: 0; overflow: hidden;}
.men_qt1 .pc_ml:hover ul{  top: 28px; height: auto;overflow: visible;}

.men_qt1 .pc_mlb{margin-top: 23px; display: inline;}
.men_qt1 .home1{margin-top: 23px; display: inline;}
.men_qt1 .pc_mlb li .pc_ml2 dd{  background-color: #fff;border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;}

.men_qt1 .in_dh001b{ height: 80px; background-color:rgba(255, 255, 255,.75);padding:0 5% 0 5%;backdrop-filter: blur(54px);
-webkit-backdrop-filter: blur(54px);}
.men_qt1 .in_dh001a{ height: 80px; padding:0 5% 0 5%;}



.ba_body .in_dh001 .wap_ml_ico .wap_menu .m01{background-color:#fff;}
.ba_body .in_dh001 .wap_ml_ico .wap_menu .m02{background-color:#fff;}
.ba_body .in_dh001 .wap_ml_ico .wap_menu .m03{background-color:#fff;}

.ba_body .men_qt1 .wap_ml_ico .wap_menu .m01{background-color:#000;}
.ba_body .men_qt1 .wap_ml_ico .wap_menu .m02{background-color:#000;}
.ba_body .men_qt1 .wap_ml_ico .wap_menu .m03{background-color:#000;}




.ba_body .in_dh001a .pc_ml .menu_wz1{  color: #fff;}
.ba_body .in_dh001a .pc_ml li .wz1{color:#fff;}
.ba_body .in_dh001a .pc_ml li:hover .wz1{color:#fff;}
.ba_body .in_dh001a .pc_ml li .pc_ml2 dd a{ color:rgba(255, 255, 255,.45);}
.ba_body .in_dh001a .pc_ml li .pc_ml2 dd .wz4{color:rgba(255, 255, 255,.95);}
.ba_body .in_dh001b .pc_mlb .menu_wz1{  color: #fff;}
.ba_body .in_dh001b .pc_mlb li .wz1{color:#fff;}
.ba_body .in_dh001b .pc_mlb li:hover .wz1{color:#fdc749;}
.ba_body .in_dh001b .pc_mlb li .pc_ml2 dd a{color:rgba(255, 255, 255,.45);}
.ba_body .in_dh001b .pc_mlb li .pc_ml2 dd .wz4{color:rgba(255, 255, 255,.95);}



.ba_body .in_dh001 .en_china a{  color: #fff;}
.ba_body .in_dh001 .en_china a::after{filter:brightness(0) invert(1);}


.ba_body .in_dh001 .home1{filter:brightness(0) invert(1);}

.ba_body .men_qt1 .home1{filter:unset;}





.ba_body .men_qt1 .pc_ml .menu_wz1{  color: #000;}
.ba_body .men_qt1 .pc_ml li .wz1{color:#000;}
.ba_body .men_qt1 .pc_ml li:hover .wz1{color:#000;}
.ba_body .men_qt1 .pc_ml li .pc_ml2 dd a{ color:rgba(0, 0, 0,.45);}
.ba_body .men_qt1 .pc_ml li .pc_ml2 dd .wz4{color:#666;}
.ba_body .men_qt1 .pc_mlb .menu_wz1{  color: #000;}
.ba_body .men_qt1 .pc_mlb li .wz1{color:#000;}
.ba_body .men_qt1 .pc_mlb li:hover .wz1{color:#fdc749;}
.ba_body .men_qt1 .pc_mlb li .pc_ml2 dd a{color:rgba(0, 0, 0,.45);}
.ba_body .men_qt1 .pc_mlb li .pc_ml2 dd .wz4{color:#666;}




.wap_ml_ico{display:none;}

@media screen and (max-width:1080px){
.in_dh001b .pc_mlb li{ margin-left: 46px;}
}


@media screen and (max-width:980px){
.in_dh001{width:100%;padding:0;min-width:auto;}
.in_dh001 .pc_ml{display:none;}
.in_dh001 .pc_mlb{display:none;}

.men_qt1 .in_dh001b{ padding:0; height: 60px;}
.men_qt1 .in_dh001a{ padding:0; height: 60px;}


.in_dh001 .home1{ height: 33px; float: right;  margin-top: 14px;}



.wap_ml_ico{display:block;position:absolute;left:5%;top:16px;z-index:999;}
.wap_ml_ico .wap_menu{cursor:pointer;display:block;}
.wap_ml_ico .wap_menu .hen01{width:30px;height:2px;margin:5px 0;display:block;}
.wap_ml_ico .menu_2{padding:0;}
.wap_ml_ico .menu_2 .hen01{}
.wap_ml_ico .menu_2 .m01{-webkit-transform:translateY(6px) rotateZ(45deg);-moz-transform:translateY(6px) rotateZ(45deg);-ms-transform:translateY(6px) rotateZ(45deg);-o-transform:translateY(6px) rotateZ(45deg);transform:translateY(6px) rotateZ(45deg);}
.wap_ml_ico .menu_2 .m02{width:0;}
.wap_ml_ico .menu_2 .m03{-webkit-transform:translateY(-8px) rotateZ(-45deg);-moz-transform:translateY(-8px) rotateZ(-45deg);-ms-transform:translateY(-8px) rotateZ(-45deg);-o-transform:translateY(-8px) rotateZ(-45deg);transform:translateY(-8px) rotateZ(-45deg);}



.menu_back{height:100%;}
.menu_back .menu_3{width:35%;float:left;height:100%;cursor:pointer;}
.hen4{width:100%;height:.4rem;float:left;clear:both;}
}

.wap_menu_qt{display:none;position:fixed;width:100%;height:0;left:0;top:0;right:0;overflow:hidden;background-color:rgba(255,255,255,1);text-align:center;background-repeat:no-repeat;background-position:center bottom;background-size:80%;}
.wap_menu_qt::before{content:"";width:100%;height:70px;float:left;clear:both;}

.wap_menu_qt ul{width:100%;list-style-type:none;}
.wap_menu_qt li{width:calc(100% - 10%);float:left;clear:both;position:relative;margin:0 5%;display:inline;}

/* 1级 */
.wap_menu_qt .wz2_qt{width:100%;float:left;clear:both;line-height:.58rem;font-size:.18rem;color:#444;clear:both;border-top:1px solid rgba(0, 0, 0, .1);position:relative;overflow:hidden;
display:flex;justify-content:space-between;flex-wrap:wrap;}
.wap_menu_qt .wz2_qt .wz2{color:#000;font-size:.18rem;margin-left:0;}
.wap_menu_qt .wz2_qt .wz2:hover{color:#000;}
.wap_menu_qt .wz2_qt::after{content:"";display:none;margin-right:0;width:.2rem;height:.2rem;margin-top:.16rem;background-position:center;background-repeat:no-repeat;background-size:cover;}
.wap_menu_qt .wz2_qt .bz01{width:0;position:absolute;bottom:0;left:0;}
.wap_menu_qt .wz2_qt_hover .wz2{font-size:.2rem;color:#0d50be;}
.wap_menu_qt .wz2_qt_hover .bz01{width:10%;bottom:0;border-bottom:solid 1px #0d50be;}
/* 2级 */
.wap_menu_qt dl{width:100%;float:left;clear:both;}

.wap_menu_qt dl::after{content:"";width:100%;height:.1rem;float:left;clear:both;}
.wap_menu_qt li:nth-child(2) .wz2_qt::after{display:inline;}
.wap_menu_qt li:nth-child(3) .wz2_qt::after{display:inline;}
.wap_menu_qt li:nth-child(5) .wz2_qt::after{display:inline;}

.wap_menu_qt .wz3_qt{width:100%;float:left;border-top:0;clear:both;display:flex;justify-content:space-between;flex-wrap:wrap;}
.wap_menu_qt .wz3_qt .wz3{font-size:.18rem;color:rgba(0, 0, 0, .75);line-height:.58rem;float:left;display:inline;}
.wap_menu_qt .wz3_qt::after{content:"";margin-right:0;width:.2rem;height:.2rem;margin-top:.16rem;background-position:center;background-repeat:no-repeat;background-size:cover;}

.wap_menu_qt .wz3_qt:hover .wz3{color:rgba(0, 0, 0, .95);}
.wap_menu_qt .wz3_qt_hover{color:rgba(0, 0, 0, .95);}



.wap_menu_qt .list2_ml{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:24px;}
.wap_menu_qt .list2_ml dd {width:calc(100% / 4);margin-bottom:24px;}
.wap_menu_qt .list2_ml dd a {width:100%;height:auto;display:inline-block;text-decoration:none;}
.wap_menu_qt .list2_ml dd figure {height:91px;display:block;position:relative;text-align:center;width:auto;overflow:hidden;}
.wap_menu_qt .list2_ml dd figure img {display:inline-block;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;max-width:100%;max-height:100%;}


.wap_menu_qt .list2_ml dd figure img.hide {mask-position:30% 30%;-webkit-mask-position:30% 30%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;visibility:hidden;-webkit-transition:all 1s, opacity 0s;-o-transition:all 1s, opacity 0s;-moz-transition:all 1s, opacity 0s;transition:all 1s, opacity 0s;}
.wap_menu_qt .list2_ml dd a:hover figure img.hide {opacity:1;visibility:visible;mask-position:50% 100%;-webkit-mask-position:50% 100%;}
.wap_menu_qt .list2_ml dd a h2{font-weight:normal;font-size:16px;line-height:1.2em;color:#666;padding-top:12px;text-align:center;}
.wap_menu_qt .list2_ml dd:hover a h2{color:#0d50be;}



.menu_back{width:100%;height:auto;bottom:0;top:0;left:0;right:0;z-index:71; display: block;}
.menu_back ul{height:100%;float:left;overflow-x:hidden;}
.menu_back ul::-webkit-scrollbar{/*滚动条整体样式*/width :0px;/*高宽分别对应横竖滚动条的尺寸*/ }
.menu_back ul::-webkit-scrollbar-thumb{/*滚动条里面小方块*/border-radius:100px;box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2);background:#0b1733;}
.menu_back ul::-webkit-scrollbar-track{/*滚动条里面轨道*/box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius:100px;background:#0b1733;}
.menu_back ul::before{content:"";width:100%;height:.1rem;float:left;clear:both;}
.menu_back ul::after{content:"";width:100%;height:2rem;float:left;clear:both;}

.menu_back li:nth-child(1) .wz2_qt{border-top:0;}
.menu_back li .wz1{width:100%;float:left;clear:both;clear:both;}
.menu_back .menu_3{width:35%;float:left;height:100%;cursor:pointer;}



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

.in_dh001_qt{position:fixed;top:0;left:0;right:0;z-index:99;}

.men_qt1 .in_dh001b{height: .65rem;}
.men_qt1 .in_dh001a{height: .65rem;}

.men_qt1{background-color:rgba(255, 255, 255,.5);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:unset;-moz-box-shadow:unset;-webkit-box-shadow:unset;}
.men_qt1:hover{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);}


.in_dh001{width:100%;padding:0;}
.in_dh001_qt::after{height:.1rem;}
.in_dh001_qt::before{height:.1rem;}
.in_dh001 .pc_ml{display:none;}

.in_dh001 .home1{ height: .33rem; float: right;  margin-top: .16rem; margin-right:5%;}

.wap_ml_ico{left:5%; top: .16rem;}
.wap_menu_qt{display:inline;}
.wap_menu_qt::before{height:.74rem;}
.wap_menu_qt ul{list-style-type:none;}


.wap_menu_qt .list2_ml{padding-top:.2rem;}
.wap_menu_qt .list2_ml dd {width:calc(100% / 3);margin-bottom:.2rem;}

.wap_menu_qt .list2_ml dd figure {height:1rem;}
.wap_menu_qt .list2_ml dd a h2{font-size:.16rem;padding-top:.1rem;}

.wap_menu_qt .ss_inpt .ss_sr1{padding-left:.16rem;height:.5rem;line-height:5rem;font-size:.18rem;}
.wap_menu_qt .ss_inpt .ss_an1{width:.5rem;height:.5rem;line-height:.5rem;}
}







.in001{ width: 100%; height: 100vh; position: relative; background-color: #fff;}

.in001_c{ position: absolute; top:30%;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);
text-align: center;
}



.in001_c .logo1{ width:59.9vw;transform-origin: center center;-webkit-transform-origin: center center;}
.in001_c .logo1 img{ width: 100%; height: auto;}
.in001_c .font1{ width: 100%; float: left; text-align: center; margin-top: 68px; display: inline; }
.in001_c .font1 img{ width:11.8vw; height: auto; display: inline-block;font-family:PingFangSC-regular;}
.in001_c .but01_qt{width: 100%; float: left; text-align: center; margin-top: 58px; display: inline;}
.in001_c .but01{ height: 49px;  line-height:49px; display: inline-block; background-color: #000; color: #fff; font-size: 18px; padding: 0 20px; border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;}
.in001_c .but01:hover{height: 53px; line-height:53px;background-color: #216cdd;}

.in001 .wz1{ position: absolute; bottom:10%; left: 5%; width: 181px;}
.in001 .wz1 img{ width: 100%; height: auto;}
.in001 .wz2{position: absolute; bottom:10%; right: 5%; width: 98px;}
.in001 .wz2 img{ width: 100%; height: auto;}


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

.in001_c .font1 img{ width:30%;}

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

.in001_c .font1 img{ width:50%;}


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


.in001_c .font1{  margin-top: .4rem; }

.in001_c .but01_qt{ margin-top: .4rem; }
.in001_c .but01{ height: .49rem;  line-height:.49rem;  font-size: .18rem; padding: 0 .20rem; border-radius:.25rem;-webkit-border-radius:.25rem;-moz-border-radius:.25rem;}
.in001_c .but01:hover{height: .53rem; line-height:.53rem;}

.in001 .wz1{  bottom:.3rem;  width: 1.81rem;}

.in001 .wz2{ bottom:.3rem; width: .98rem;}

}







.in002{ width: 100%; height: 70vh; float: left;  position: relative;background-color: #216cdd; }

.in002 .wz1{ position: absolute; left: 5%; top: 10%; font-size: 75px; line-height: 1.34em; color: #fff;font-family: PingFangSC-regular;} 
.in002 .wz1 .wz1a{ clear: both;}
.in002 .wz1 .wz1b{clear: both;}
.in002 .wz2{ position: absolute; right: 5%; bottom: 10%; left: 5%;}
.in002 .wz2 .tp1{ width: 10.9vw; float: right; clear: both;}
.in002 .wz2 .tp1 img{ width: 100%; height: auto;filter:brightness(0) invert(1);}


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

.in002 .wz1{ font-size: 65px;} 
.in002 .wz2 .tp1{ width: 12.9vw;}
}

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

.in002 .wz1{ font-size:45px;} 
.in002 .wz2 .tp1{ width: 35%;}
}


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

.in002{ width: 100%; height: auto; float: left; }
.in002::after{ content: ""; height:.8rem; width: 100%; float: left;}
.in002 .wz1{ float: left; width: calc(100% - 10%); margin:.8rem 5% 0 5%; display: inline; position: unset; left:unset; top: unset; font-size: .32rem; } 

.in002 .wz2{ float: left; width: calc(100% - 10%); margin:.4rem 5% 0 5%; display: inline;position: unset; right: unset; bottom:unset; left: unset;}
.in002 .wz2 .wz2a{ margin-top: .4rem;  font-size: .14rem;text-align: right; }

}





.in003{ width: 100%;  position: relative; background-color: #fff; clear: both;}

.in003_t{ width:calc(100% - 10%); float: left; margin:300px 5% 0 5%;
text-align: center;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;

}

.in003_t .tp1{ width: 40.9%; display: inline-block; margin-right: 6%;}
.in003_t .tp1 img{width: 100%; height: auto;}
.in003_t .tp2{ width: 14.4%;display: inline-block; margin-left: 6%;}
.in003_t .tp2 img{width: 100%; height: auto;}




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

.in003_t{margin:200px 5% 0 5%;}
.in003_t .tp1{ width: 50%;}

.in003_t .tp2{ width: 14.4%;}

}
@media screen and (max-width:980px){
.in003_t{margin:200px 5% 0 5%;}
.in003_t .tp1{ width: 56%;}
.in003_t .tp2{ width: 25.4%;}
}
@media screen and (max-width:750px){
.in003_t{  margin:.6rem 5% 0 5%; display: block;}
.in003_t .tp1{ width:100%; float: left;  margin-right:0; margin-top: .7rem; display: inline; text-align: center;}
.in003_t .tp1 img{width:90%; height: auto; display: inline-block;}
.in003_t .tp2{width:100%;float: left; margin-left:0;margin-top: .4rem; display: inline; text-align: center;}
.in003_t .tp2 img{width: 40%; height: auto;display: inline-block;}
}




.in003_c{ width:calc(100% - 10%); float: left; margin:260px 5% 0 5%; text-align: center;}
.in003_c .wz1{ font-size: 30px; line-height:1.4em; color: #000;font-family: PingFangSC-regular;}
.in003_c .wz2{ font-size: 30px; line-height:1.4em; color: #000;font-family: PingFangSC-regular;}


.in003_b{ width:calc(100% - 10%); float: left; margin:229px 5% 0 5%; text-align: center;}
.in003_b a{ width: 100%; height: auto; float: left; text-align: center;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;}
.in003_b .tp1{ width: 26.8%; margin-right:12%;}
.in003_b .tp1 img{width: 100%; height: auto;}
.in003_b dl{margin-left:12%; display: flex;}
.in003_b dd{ width: 22px; height: 22px;margin: 0 4px; background-color: #000; display: inline;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;}
.in003_b::after{ content: ""; height:312px; width: 100%; float: left;}

.in003_b a:hover dd:nth-child(1){ background-color: #216cdd;}
.in003_b a:hover dd:nth-child(2){ margin-top: 10px;}
.in003_b a:hover dd:nth-child(3){ background-color: rgba(253,199,73,1);}






@media screen and (max-width:1500px){
.in003_b .tp1{ width: 34.8%; }

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

.in003_c{margin:210px 5% 0 5%;}
.in003_b .tp1{ width: 42.8%; }
}
@media screen and (max-width:980px){
.in003_c{margin:160px 5% 0 5%;}


.in003_b{margin:129px 5% 0 5%;}

.in003_b::after{ height:212px;}
}

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


.in003_c{ width:calc(100% - 10%); float: left; margin:1.5rem 5% 0 5%; text-align: center;}
.in003_c .wz1{ font-size: .24rem; line-height:1.4em; }
.in003_c .wz2{ font-size: .24rem; line-height:1.4em;}

.in003_b{margin:.6rem 5% 0 5%;}
.in003_b a{ display: block;}

.in003_b .tp1{ width: 100%; margin-right:0; text-align: center;}
.in003_b .tp1 img{width:80%; height: auto; display: inline-block;}

.in003_b dl{width: 100%;margin-left:0; margin-top: .4rem;  height: .5rem; 
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;

}
.in003_b dd{ width: .22rem; height: .22rem;margin: 0 .04rem; }
.in003_b a:hover dd:nth-child(2){ margin-top:0}
.in003_b::after{ height:.6rem;}

}











.in_boot{ width: 100%; float: left; background-color: #216cdd; position: relative; z-index: 2;} 

.in_boot_c{width:calc(100% - 10%); float: left; margin:90px 5% 0 5%; display: inline;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content:space-between;
}
.in_boot_c .logo1{ width: 77px; float: left;  margin-top:15px; display: inline;}
.in_boot_c .logo1 img{ width: 100%; height: auto;filter:brightness(0) invert(1);}
.in_boot_c .logo2{ width: 182px; float: left;  margin-top:15px; display: inline;}
.in_boot_c .logo2 img{ width: 100%; height: auto;}
.in_boot_c ul{ width:56%; float: left;  list-style-type: none;}
.in_boot_c li{float: left; width: calc(100% / 5); display: inline;}
.in_boot_c li .wz1{ float: left; clear: both; font-size: 18px;line-height:2.5em;white-space: nowrap;color: #000; }
.in_boot_c li a{float: left; clear: both; font-size: 14px; line-height:3em; color: #000;white-space: nowrap;}
.in_boot_c dl{ width: 200px; float: right;display: inline;}
.in_boot_c dd{ width: calc(100% / 4 - 10px); height: 24px; float: left; margin: 15px 5px 0 5px; display: inline; position: relative;background-position:center;background-repeat:no-repeat;background-size:contain;
cursor: pointer;}
.in_boot_c dd:nth-child(5n){ clear: both; }
.in_boot_c dd .bt_an01{ display: none;}
.in_boot_c dd .wz1_qt{ position: absolute; top: 20px; height: 0; padding: 0; background-color: #fff; overflow: hidden;
border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; z-index: 1;
}
.in_boot_c dd:hover .wz1_qt{
    opacity:1;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; height: auto; top: 24px; left: -50px; right: -50px; padding: 6px;}
.in_boot_c dd .wz1_qt img{ width: 100%; height: auto;}
.in_boot_c dd .wz1_qt .wz1{ display: none; font-size: .16rem; line-height: 2em; color: #000; text-align: center;}

.in_boot1{ background-color: #fdc749;}

.in_boot1::before { content: "";position: absolute;top: -50px;height: 50px;left: 0;right: 0;background: url(../img/w2.svg) center top / cover no-repeat;}


.in_boot_b{width:calc(100% - 10%); float: left; margin:140px 5% 0 5%; display: inline; border-top: solid 1px rgba(0, 0, 0, .1); font-size: 14px; line-height:3em; color: #000; text-align: center;}
.in_boot_b a{ color: #000; padding-left: 10px;}



@media screen and (max-width:1080px){
.in_boot_c{ margin:60px 5% 0 5%;}


.in_boot_b{ margin:60px 5% 0 5%; }
}

@media screen and (max-width:980px){
    .in_boot_c ul{ display: none;}
}


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

.in_boot_c{ margin:.4rem 5% 0 5%; text-align: center;
display: inline;-webkit-justify-content:unset;-moz-box-pack: unset;-ms-flex-pack: unset;justify-content:unset;}

.in_boot_c .logo1{ width:30%; margin-top:.1rem; margin-right: unset; float: unset; display: inline-block; }

.in_boot_c .logo2{ width:50%; margin-top:.1rem; margin-right: unset; float: unset; display: inline-block;}
.in_boot_c dl{ width: 100%; float: left;margin-right:0; margin-top: .2rem;  display: inline; text-align: center;}

.in_boot_c dd{ width: .24rem; height: .24rem; float: unset; margin: .2rem .1rem 0 .1rem; display: inline-block; position: relative; }
.in_boot_c dd:nth-child(5n){ clear: both; }
.in_boot_c dd .bt_an01{ display: inline; position: absolute; inset: 0; z-index: 2; cursor: pointer;}
.in_boot_c dd .wz1_qt{ display: none; width: 100%; position: unset; top: unset; height: auto; padding:.1rem;
opacity:1;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; z-index: 1;
}
.in_boot_c dd:hover .wz1_qt{   position: unset; height: auto; top: unset; left:unset; right:unset;  padding:.1rem;}
.in_boot_c dd .wz1_qt img{ width: 100%; height: auto;}
.in_boot_c dd .wz1_qt .wz1{ display: unset; width: 100%; font-size: .16rem; line-height: 2em; color: #000; text-align: center;}



.in_boot1::before { position: absolute;top: -.5rem;height: .5rem;}
.in_boot_b{ margin:.4rem 5% 0 5%; font-size: .14rem;}
.in_boot::after{ content: ""; width: 100%; height: .2rem; float: left; clear: both;}
}


.case_qt_tk{ position:fixed;z-index:120;bottom: 0; right: 0; top: 0; left: 0; display: none; background-color: rgba(0, 0, 0, .75);}
.case_qt_tk .case_nr1{ width: 100%; height: 100%; float: left; position: relative;}

.case_qt_tk .case_nr1 .wz1_qt{position: absolute; text-align: center; top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);
 display: flex;
flex-direction: column;
    -webkit-justify-content: center; 
-moz-box-pack: center; 
-ms-flex-pack: center; 
justify-content: center;
 align-items: center;
}

.case_qt_tk .case_nr1 .wz1_qt .tp1{ width: 70%; clear: both;}
.case_qt_tk .case_nr1 .tp1 img{ width: 100%; height: auto;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.case_qt_tk .case_nr1 .wz1_qt .wz1{ width: 100%; text-align: center; font-size: .18rem; line-height: 3em; color: #fff;}
.case_qt_tk .case_nr1 .wz1_qt .closs_01{ width:40px; height: 40px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%; 
     background-color: #fff;  background-image:url(../img/online-close.png);
     
     background-position:center;background-repeat:no-repeat;background-size:45%;cursor: pointer;}
.case_qt_tk .case_nr1 video{ width:100%; height:100%; float: left; background-position:center top; background-repeat:no-repeat; background-size:cover; cursor: pointer; }
.case_qt_tk .case_nr1 .tp4{width:100%; height:100%; float: left; background-position:center; background-repeat:no-repeat; background-size:contain;}
.case_qt_tk .case_nr1 .tp4 img{ width: 100%; height: 100%; object-fit: contain; object-position: center;}
.case_qt_tk .case_nr1 .closs_01:hover{transform:scale(1.1);}


@media screen and (max-width:750px){
.case_qt_tk .case_nr1{ position: absolute;z-index:121; }
.case_qt_tk .case_nr1 .closs_01{width: .33rem; height: .33rem;}
}




.br001_qt{width: 100%; height: auto; position: relative; overflow: visible;}
.br001{ width: 100%; height: 100vh; float: left; position: relative; 
background-color: #f3f3f3; background-position:center bottom;background-repeat:no-repeat;background-size:contain;background-image:url(../img/br01.jpg); background-attachment: fixed;pointer-events: none; }
.br001 .logo1{ width:26vw; position: absolute; top: 24%; z-index: 1;
left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);}
.br001 .logo1 img{ width: 100%; height: auto;}
.br001 .but01{ height: 49px;  line-height:49px; background-color: #000; color: #fff; font-size: 18px; padding: 0 20px; position: absolute; bottom: 231px; right: 10%; border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px; pointer-events: auto;}
.br001 .but01:hover{height: 53px; line-height:53px;background-color: rgba(253,199,73,1);}

@media screen and (max-width:1920px){.br001{background-position:center bottom;background-repeat:no-repeat;background-size:cover;}}


@media screen and (max-width:1500px){
.br001 .logo1{ width:35vw; top: 24%; z-index: 1;}
.br001 .but01{   bottom:90px; right: 90px;}
}
@media screen and (max-width:1200px){
.br001 .logo1{ width:38vw; top: 30%; z-index: 1;}
}

@media screen and (max-width:1080px){
.br001{background-attachment: unset;}
}
@media screen and (max-width:980px){
.br001 .logo1{ width:55vw; top: 30%; z-index: 1;}
.br001 .but01{  bottom:90px; right: 30px;}
}

@media screen and (max-width:750px){
.br001 .logo1{ width:60%; top: 32%; }
.br001 .but01{ height: .49rem;  line-height:.49rem; font-size: .18rem; padding: 0 .20rem; bottom: .8rem;border-radius:.25rem;-webkit-border-radius:.25rem;-moz-border-radius:.25rem;
right: auto;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);}
.br001 .but01:hover{height: .53rem; line-height:.53rem;}
}



.br002 {width: 100%;height: 70vh;position: relative;float: left;clear: both;z-index: 3;background-color: #fff;overflow: visible;}
.br002_t {position: absolute;top: -50px;height: 50px;left: 0;right: 0;z-index: 4;background: url(../img/w1.svg) center top / cover no-repeat;}
.br002 .logo11 {position: absolute;z-index: 10;width: 25.7vw;top: 50%;left: 50%;
transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);
opacity: 0;transition: opacity 0.1s ease;}
.br002 .logo11 img {width: 100%;height: auto;}

@media screen and (max-width:1440px){
.br002 .logo11{width: 34.7vw;}
}

@media screen and (max-width:980px){
.br002 .logo11{width: 60%;}
}

@media screen and (max-width:750px){
.br002_t{position: absolute;top: -.5rem;height: .5rem;}
}


.br003{width: 100%; height: 100vh; float: left; clear: both; position: relative; background-color: #fff;z-index:2;overflow: visible;}

.br003_c{ position: absolute;  z-index: 10;
top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}

.br003_c .wz1_qt{  position: relative; font-size: 100px; line-height: 1.4em;
color: rgba(253,199,73,1);font-family: PingFangSC-regular; transform: scale(1); transform-origin: center;transition: none;}

.br003_c .wz1_qt [class^="bz0"] {
position: absolute;
background-color: rgba(253,199,73,1);
border-radius: 50%;
opacity: 0;
transform: scale(0);
/* 基础过渡（匹配消失动画时长） */
transition: opacity 0.5s ease-out, transform 0.5s ease-out;
/* 每个泡泡定位（保留你的原有定位） */
}
.br003_c .wz1_qt .bz01 { width:40px; height:40px; top:-20px; right:-60px; }
.br003_c .wz1_qt .bz02 { width:25px; height:25px; bottom:10px; left:-50px; }
.br003_c .wz1_qt .bz03 { width:15px; height:15px; top:40%; left:-80px; }
.br003_c .wz1_qt .bz04 { width:30px; height:30px; bottom:-40px; right:20px; }
.br003_c .wz1_qt .bz05 { width:10px; height:10px; top:-40px; left:10px; }


/* 1. 脉搏动画：3秒总时长（1s/次 × 3次） */
@keyframes pulse {
0% { transform: scale(1); }
25% { transform: scale(1.01); }
50% { transform: scale(1); }
75% { transform: scale(1.02); }
100% { transform: scale(1); }
}
.pulse-animate {
animation: pulse 1s ease-in-out 3 forwards; /* 1s*3次=3秒 */
transform-origin: center;
}

/* 2. 泡泡放大动画（拆分为依次出现的类，核心修改） */
@keyframes bubble {
0% { opacity: 0; transform: scale(0); }
50% { opacity: 1; transform: scale(1.2); }
100% { opacity: 1; transform: scale(1); }
}
/* 依次出现：每个泡泡延迟递增0.2s */
.bubble-animate-01 { animation: bubble 1.2s ease-out forwards 0s; }
.bubble-animate-02 { animation: bubble 1.2s ease-out forwards 0.2s; }
.bubble-animate-03 { animation: bubble 1.2s ease-out forwards 0.4s; }
.bubble-animate-04 { animation: bubble 1.2s ease-out forwards 0.6s; }
.bubble-animate-05 { animation: bubble 1.2s ease-out forwards 0.8s; }

/* 3. 泡泡依次消失动画（无修改） */
@keyframes bubbleFadeOut {
0% { opacity: 1; transform: scale(1); }
100% { opacity: 0; transform: scale(0); }
}
.bubble-fade-01 { animation: bubbleFadeOut 0.6s ease-out forwards 0s; }
.bubble-fade-02 { animation: bubbleFadeOut 0.6s ease-out forwards 0.2s; }
.bubble-fade-03 { animation: bubbleFadeOut 0.6s ease-out forwards 0.4s; }
.bubble-fade-04 { animation: bubbleFadeOut 0.6s ease-out forwards 0.6s; }
.bubble-fade-05 { animation: bubbleFadeOut 0.6s ease-out forwards 0.8s; }



.br003_c .wz1_qt .wz1{ clear: both;}
.br003_c .wz1_qt .wz2{ clear: both;}



@media screen and (max-width:1440px){
.br003_c .wz1_qt{ font-size: 85px; 
}

}
@media screen and (max-width:980px){
.br003_c .wz1_qt{ font-size: 65px; 
}

}

@media screen and (max-width:750px){
.br003_c .wz1_qt{ font-size: .5rem; 
}

}

.br004{width: 100%;clear: both;  height: 100vh;  position: relative; background-color: #fff;z-index: 2;  overflow: visible;}

.br004_c{ position: absolute;  z-index: 10;
top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);

}


.br005{ width: 100%; clear: both; float: left; clear: both; height: auto; position: relative; background-color: #fff;z-index: 2;}
.br005_c{ width: 100%; clear: both;display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex; 
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.br005_l{ width: 30.2%;height: auto; float: left; margin-right: 17%;  display: inline-block; position: relative;}
.br005_l::before{ content: ""; width: 100%; height: 50px; float: left;}

.br005_l_t{ width: 100%; position: sticky; top:120px; left: 0; }

.logoz {  width: 100%;height: auto;position: relative;}
.logoz .logo_tp1 {width: 100%;height: auto;}.logoz .logo_tp1 img {
width: 100%;height: auto;display: block;}
.logoz .logo_tp {position: absolute;left: 11.8%;right: 11.8%;top: 35.3%;z-index: 10;}
.logoz .logo_tp img {width: 100%;height: auto;display: block;}


.br005_r{ width: 30%;}
.br005_r .tp1{ width: 42%; clear: both;}
.br005_r .tp1 img{ width: 100%; height: auto;}
.br005_r .wz1{ width: 100%; float: left; margin-top: 75px; display: inline; font-size: 13px; line-height:1.46em; color: #000;}
.br005_r .wz2{width: 100%; float: left; margin-top:34px; display: inline; font-size: 13px; line-height:1.46em; color: #000;}
.br005_r .but01{ float: left; margin-top: 86px; display: inline; height: 49px;  line-height:49px; background-color: #000; color: #fff; font-size: 18px; padding: 0 20px; border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px; }
.br005_r .but01:hover{height: 53px; line-height:53px;background-color: rgba(253,199,73,1);}


@media screen and (max-width:1440px){
.br005_l{ width: 30.2%; margin-right:10%; }
.br005_r{ width:40%;}
}
@media screen and (max-width:980px){

.br005_c{ width: calc(100% - 10%); float: left; margin: 0 5%; display: inline; }
.br005_l{ width:100%;height: auto; float: left; margin-right: 17%;  position: relative; text-align: center;}
.br005_l::before{ content: ""; width: 100%; height: 50px; float: left;}

.br005_l_t{ width: 50%; position: unset; top:unset; left:unset; display: inline-block; }


.br005_r{ width: 100%; float: left; clear: both;}
.br005_r .tp1{ width: 100%; float: left; clear: both; text-align: center; margin-top:50px; display: inline;}
.br005_r .tp1 img{ width: 40%;  display: inline-block;}

}


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


.br005_l::before{ content: ""; width: 100%; height: 0; float: left;}
.br005_l_t{ width:70%; position: unset; top:unset; left:unset; display: inline-block; }

.br005_r{ text-align: center;}
.br005_r .tp1{margin-top:.4rem;}

.br005_r .wz1{margin-top: .3rem;font-size: .16rem; text-align: left;}
.br005_r .wz2{ margin-top:.2rem;font-size: .13rem; text-align: left;}
.br005_r .but01{margin-top: .36rem;  height: .49rem; display: inline-block; float: unset;  line-height:.49rem;font-size: .18rem; padding: 0 .20rem; border-radius:.25rem;-webkit-border-radius:.25rem;-moz-border-radius:.25rem; }
.br005_r .but01:hover{height: .53rem; line-height:.53rem;}
}



.bor006{ width:100% ; float: left; position: relative; background-color: #fff;z-index: 2;}

.bor006_c{ width:calc(100% - 10%); float: left; margin:260px 5% 0 5%; text-align: center;}
.bor006_c .wz1{ font-size: 30px; line-height:1.4em; color: #000;font-family:PingFangSC-regular ;}
.bor006_c .wz2{ font-size: 30px; line-height:1.4em; color: #000;font-family:PingFangSC-regular;}

.bor006_b{ width:calc(100% - 22.8%); float: left; margin:100px 11.4% 0 11.4%; text-align: center;}
.bor006_b ul{ list-style-type: none; width: 100%;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;gap: 40px;}
.bor006_b li{flex: 1;  box-sizing: border-box; float: left; margin:45px 0 0 0; display: inline;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;
overflow: hidden; position: relative;
}
.bor006_b li a{ width: 100%; height: auto; float: left;}
.bor006_b li .tp1{ width: 100%;}
.bor006_b li .tp1 img{width: 100%; height: auto;}
.bor006_b li .wz1_qt{ position: absolute;  top: 60px; left: 40px; right: 40px; z-index: 1; text-align: left;}
.bor006_b li .wz1{ width: 100%; float: left;font-size:1.4vw; line-height: 1.4em; color: #000;font-family: PingFangSC-regular;}
.bor006_b li .but01{ width: 38px; height: 38px; float: left;  background-color: #000; overflow: hidden;
border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
margin-top: 22px; display: inline;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url(../img/an012.svg);}
.bor006_b li:hover .but01{ width: 45px; height: 45px;}



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

.bor006_b{ width:calc(100% - 19.8%); float: left; margin:100px 9.9% 0 9.9%; text-align: center;}

}
@media screen and (max-width:1240px){
.bor006_c{  margin:160px 5% 0 5%;}

.bor006_b li .wz1_qt{  top: 40px; left: 30px; right: 30px; }

}


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

.bor006_c{ width:calc(100% - 10%); margin:80px 5% 0 5%;}
.bor006_b{width:calc(100%  - 6%); margin:40px 3% 0 3%; }

.bor006_b li .wz1_qt{ top: 30px; left: 20px; right: 20px; }
.bor006_b li .wz1{font-size: 18px; line-height: 1.4em; }


}

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



.bor006_c{ width:calc(100% - 10%); float: left; margin:1.5rem 5% 0 5%; text-align: center;}
.bor006_c .wz1{ font-size: .24rem; line-height:1.4em; }
.bor006_c .wz2{ font-size: .24rem; line-height:1.4em;}


.bor006_b{ width:calc(100% - 10%);  margin:.3rem 5% 0 5%;}
.bor006_b ul{ list-style-type: none; width: 100%;display:unset;gap: 0;}

.bor006_b li{ width: calc(100%); background-color: #f6f6f6;
margin:.2rem 0 0 0; display: inline;border-radius:.3rem;-webkit-border-radius:.3rem;-moz-border-radius:.3rem;


}
.bor006_b li a{ width: 100%; height: auto; float: left;}
.bor006_b li .tp1{ width: auto;height: 2rem; float: right;}
.bor006_b li .tp1 img{width: auto; height: 100%; object-fit: contain; object-position:center right;border-radius:.3rem .3rem .3rem 0;-webkit-border-radius:.3rem .3rem .3rem 0;-moz-border-radius:.3rem .3rem .3rem 0;}
.bor006_b li .wz1_qt{  top: .3rem; left: .3rem; right: .3rem; z-index: 1; }
.bor006_b li .wz1{ font-size: .2rem; line-height: 1.4em;}
.bor006_b li .wz2{ height: .4rem; margin-top: .05rem;  font-size: .2rem; line-height: .2rem;}
.bor006_b li .but01{ width: .38rem; height: .38rem; margin-top: .1rem;}
.bor006_b li:hover .but01{ width: .45rem; height: .45rem;}



}




.bor007{ width: 100%;  float: left; position: relative; background-color: #fff;z-index: 2;}
.bor007::before{ content: ""; width: 100%; height: 13.4vw; float: left;}
.bor007::after{ content: ""; width: 100%; height:9.1vw; float: left;}

.bor007_c{ width: 100%; float: left; text-align: center;}

.bor007_c .up_top{ cursor: pointer; width: 38px; height: 38px; display: inline-block;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url(../img/an013.svg);}




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

.bor007::before{  height: .8rem;}
.bor007::after{  height: 1rem;}


.bor007_c .up_top{ width: .38rem; height: .38rem;}


}

.ab_001{ width: 100%; height: 100vh; position: relative;background-position:bottom center;background-repeat:no-repeat;background-size:cover; background-attachment: fixed;}
.ab_001_c{ width: 33.17vw; position: absolute;
top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);
}
.ab_001_c .tp1{width: 100%;}
.ab_001_c .tp1 img{ width: 100%; height: auto;filter:brightness(0) invert(1);}

.ab_001 .bj01{ position: absolute; inset: 0;background-color: rgba(46,50,56,0.45);}
.ab_001 .wz1_qt{ position: absolute; z-index: 1;left: 5%; right:5%;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);
}
.ab_001 .wz1_qt .wz1{width: 100%; float: left; clear: both; font-size: 3.1vw; line-height: 1.41em;  color: #fff;}
.ab_001 .wz1_qt .wz1 span{width: 100%;float: left; clear: both;text-align: right;}
.ab_001 .wz1_qt .wz2{width: 100%;float: left; clear: both;margin-top: 14px; display: inline; font-size: 1.45vw; line-height: 1.39em;text-align: right;color: #fff;}
.ab_001 .wz1_qt .wz2 span{width: 100%;float: left; clear: both;text-align: right;}
.ab_001 .wz1_qt .tp1{ width: 100%; float: left; text-align: center; padding-bottom: 16px;}
.ab_001 .wz1_qt .tp1 img{ width: 255px; height: auto; float: right;}


@media screen and (max-width:1920px){
.ab_001 .wz1_qt .tp1 img{ width: 13.2vw; height: auto; float: right;}
}

@media screen and (max-width:1080px){
    .ab_001{background-attachment: unset;}
.ab_001 .wz1_qt .wz1{font-size: 3.8vw;}
.ab_001 .wz1_qt .wz2{margin-top: 14px; font-size: 2.15vw;}
.ab_001 .wz1_qt .tp1{  padding-bottom: 16px;}
.ab_001 .wz1_qt .tp1 img{ width:20.2vw;}
}
@media screen and (max-width:980px){

}
@media screen and (max-width:750px){
.ab_001 .wz1_qt .wz1{font-size: .3rem;}
.ab_001 .wz1_qt .wz1 span{text-align: center;}
.ab_001 .wz1_qt .wz2{margin-top: .14rem; font-size:.22rem;}
.ab_001 .wz1_qt .wz2 span{text-align: center;}
.ab_001 .wz1_qt .tp1{  padding-bottom: .16rem; text-align: center;}
.ab_001 .wz1_qt .tp1 img{ width:2rem; display: inline-block; float: unset;}
}

.ab002{ width: 100%; clear: both; height: auto; position: relative; background-color: #fff;z-index: 30; }
.ab002::before{ content: ""; width: 100%; height:14.4vw; float: left;}
.ab002::after{ content: ""; width: 100%; height: 10.1vw; float: left;}

.ab002a{ width: 100%; clear: both; height: auto; position: relative; background-color: #fff;z-index: 30; }
.ab002a::before{ content: ""; width: 100%; height:8.4vw; float: left;}
.ab002a::after{ content: ""; width: 100%; height: 10.1vw; float: left;}


.ab002_t {position: absolute;z-index: 30; top: -50px;height: 50px;left: 0;right: 0;background: url(../img/w1.svg) center top / cover no-repeat;}


.ab002_bt{ width: 100%; float: left; padding: 0 13%;clear: both; color: #000; font-size: 1.56vw; line-height: 1.4em; }
.ab002_bt .ab002_bt_l{float: left;}
.ab002_bt .ab002_bt_r{ float: right;}

.ab002_bt1{ width: 100%; float: left; padding: 0 13%;clear: both; margin-top:6.1vw; display: inline; color: #000; font-size: 1.56vw; line-height: 1.4em; }
.ab002_bt1 .ab002_bt_l{float: left;}
.ab002_bt1 .ab002_bt_r{ float: right;}


.ab002_bt2{ width: 100%; float: left; padding: 0 13%;clear: both; color: #000; font-size: 1.56vw; line-height: 1.4em; }
.ab002_bt2 .ab002_bt_l{float: left;}
.ab002_bt2 .ab002_bt_r{ float: right;}


.ab002_c{ width: 100%; float: left; padding: 0 13%; clear: both; height: auto; margin-top: 7.1vw;
    display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex; 
justify-content:space-between;
}
.ab002_l{ width:32%; height: auto; float: left;position: relative;  margin:6.1vw 0 0 10%; display: inline;}
.ab002_l_t{ width: 100%; position: sticky; top: 80px; left: 0; }
.ab002_l_t1{ width: 100%; position: sticky; top:212px; left: 0; }
.ab002_l .tp1{  width: 100%; float: left; margin: 53px 0 0 0; display: inline; text-align: center;}
.ab002_l .tp1 img{ width: 63%; height: auto; display: inline-block;font-family: PingFangSC-regular;}
.ab002_r{ width:40%; float: left; text-align: left;}
.ab002_r .wz1a{ font-size: 30px; line-height:1.4em; color: #000;font-family: PingFangSC-regular;}
.ab002_r .wz1b{ font-size: 30px; line-height:1.4em; color: #000;font-family: PingFangSC-regular;}
.ab002_r .wz1{ width: 100%; float: left;font-size: 13px; line-height:1.46em; color: #000; text-align: justify;}
.ab002_r .wz2{width: 100%; float: left; margin-top:34px; display: inline; font-size: 13px; line-height:1.46em; color: #000;}
.ab002_r .but01{ float: left; margin-top: 86px; display: inline; height: 49px;  line-height:49px; background-color: #000; color: #fff; font-size: 18px; padding: 0 20px; border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px; }
.ab002_r .but01:hover{height: 53px; line-height:53px;background-color: rgba(253,199,73,1);}


@media screen and (max-width:1080px){
.ab002_bt{ padding: 0 5%;font-size: 2.26vw;  }
.ab002_bt1{ padding: 0 5%;margin-top:6.1vw;  font-size: 2.26vw;}
.ab002_bt2{ padding: 0 5%;font-size: 2.26vw;  }
.ab002_c{ padding: 0 5%;}
}

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

.ab002_c{  display: inline; }
.ab002_l{ width: calc(100% - 20%); margin:6.1vw 10% 0 10%; text-align: center;}
.ab002_l::before{ content: ""; width: 100%; height: 50px; float: left;}

.ab002_l_t{ width: 50%; position: unset; top:unset; left:unset; display: inline-block; }
.ab002_l_t1{ width: 50%; position: unset; top:unset; left: unset; display: inline-block; }

.ab002_r{  width:100%; float: left; clear: both; margin-top: 60px; display: inline;}
.ab002_r .wz1{  margin-top:65px; }
.ab002_r .tp1{ width: 100%; float: left; clear: both; text-align: center; margin-top:50px; display: inline;}
.ab002_r .tp1 img{ width: 40%;  display: inline-block;}

}


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

.ab002::before{  height:14.4vw; float: left;}
.ab002::after{  height: 1rem; float: left;}

.ab002a::before{  height:14.4vw; float: left;}
.ab002a::after{  height: 1rem; float: left;}

.ab002_bt{  font-size: .24rem;}

.ab002_bt1{ margin-top:.6rem; font-size: .24rem;}
.ab002_bt2{  font-size: .24rem;}
.ab002_bt2 .ab002_bt_r{ float: left; font-size: .18rem; margin-top: .1rem; display: inline;}


.ab002_t{position: absolute;top: -.5rem;height: .5rem;}

.ab002_l::before{ content: ""; width: 100%; height:.4rem; float: left;}
.ab002_l_t{ width:70%; position: unset; top:unset; left:unset; display: inline-block; }
.ab002_l_t1{ width: 70%; position: unset; top:unset; left: unset; display: inline-block; }
.ab002_r{ margin-top: .4rem;}
.ab002_r{ text-align: center;}
.ab002_r .tp1{margin-top:.4rem;}

.ab002_r .wz1a{ font-size: .24rem;}
.ab002_r .wz1b{ font-size: .24rem; }

.ab002_r .wz1{margin-top: .3rem;font-size: .16rem; }
.ab002_r .wz2{ margin-top:.2rem;font-size: .13rem; text-align: left;}
.ab002_r .but01{margin-top: .36rem;  height: .49rem; display: inline-block; float: unset;  line-height:.49rem;font-size: .18rem; padding: 0 .20rem; border-radius:.25rem;-webkit-border-radius:.25rem;-moz-border-radius:.25rem; }
.ab002_r .but01:hover{height: .53rem; line-height:.53rem;}
}



/* g1 */
.g001{ width: 100%; float: left; padding: 0 13%; clear: both; height: auto; margin-top: 10.2vw; display: inline;}
.g001_l{ width:52%; height: auto; float: left;position: relative; }
.g001_l .tp1{  width: 100%; float: left; text-align: center;}
.g001_l .tp1 img{ width: 100%; height:auto;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;}
.g001_r{ width:43%; float: right; text-align: left;}
.g001_r .wz1a{width: 100%; float: left;color: #000; font-size: 1.56vw; line-height: 1.4em;}
.g001_r .wz1{width: 100%; float: left; margin-top: 5vw; display: inline; font-size: 13px; line-height:1.46em; color: #000; text-align: justify;}

.g001_r .wz2{width: 100%; float: left; margin-top: 2.9vw; display: inline; text-align: justify; font-size: 12px; line-height:1.41em; color: rgba(160,160,160,1);}



@media screen and (max-width:1080px){
.g001{  padding: 0 5%;margin-top: 10.9vw;}
.g001_r .wz1a{font-size: 2.26vw;}
.g001_r .wz1{ margin-top: 5.7vw; }
}

@media screen and (max-width:980px){
.g001_l{ width:100%;}
.g001_r{ width:100%; float: left;  margin-top: 10.6vw; display: inline;}
}

@media screen and (max-width:750px){
 .g001{  margin-top: .6rem;}
.g001_l .tp1 img{ border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}

.g001_r .wz1a{font-size: .3rem;}
.g001_r .wz1{ margin-top: .2rem;  font-size: .16rem;  }
.g001_r .wz2{ margin-top: .2rem;  text-align: left; font-size: .13rem;}

}
/* g2 */
.g002{ width: 100%; float: left; padding: 0 13%; clear: both; height: auto; margin-top: 5.2vw; display: inline;}
.g002 .wz1{width: 100%; float: left; text-align: justify; font-size: 12px; line-height:1.41em; color: rgba(160,160,160,1);}
.g002 .wz2{width: 100%; float: left; text-align: justify;font-size: 13px; line-height:1.46em; color: #000; text-align: justify;}
.g002 .wz3{width: 100%; float: left; margin-top: 30px; display: inline; text-align: justify; font-size: 12px; line-height:1.41em; color: rgba(160,160,160,1);}
@media screen and (max-width:1080px){
.g002{ padding: 0 5%; margin-top: 5.9vw;}
}
@media screen and (max-width:750px){
.g002{ margin-top:.4rem;}
.g002 .wz1{ font-size: .13rem; text-align: left; }
.g002 .wz2{font-size: .16rem; }
.g002 .wz3{margin-top: .3rem; font-size:  .13rem;text-align: left;  }  
}


/* g3 */
.g003{ width: 100%; float: left; padding: 0 13%; clear: both; margin-top: 8.2vw; display: inline;}
.g003 ul{ list-style-type: none;}
.g003 li{ width: calc(100% / 3); padding: 0 6%; float: left; position: relative; }
.g003 li::before{content: ""; width: 1px; border-right: solid 1px rgba(46,50,56,1); position: absolute; right: 0; top: 30%; bottom: 30%;}
.g003 li:nth-last-child(1)::before{ display: none;}

.g003 .tp1{ width: 100%; float: left; position: relative;}
.g003 .tp1 img{ width: 100%; height: auto;}
.g003 .wz1{  position: absolute; font-size: 2.8vw; line-height: 1em; color: #fff; left: 0; right: 0; text-align: center;font-family: PingFangSC-regular;
top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: flex-end;
-moz-box-align:end;
-ms-flex-align:end;
align-items: flex-end;

}
.g003 .wz1 span{font-size: 1.4vw;}
.g003 .wz2{ width: 100%; float: left; text-align: center; margin-top: 2.3vw; display: inline; font-size: 18px; line-height: 1.38em;color: rgba(46,50,56,1);}
@media screen and (max-width:1440px){
    .g003{padding: 0 10%; }
}

@media screen and (max-width:1080px){
    .g003{padding:0; }
    .g003 .wz1{font-size:3.5vw; }
    .g003 .wz1 span{font-size: 2.1vw;}
}
@media screen and (max-width:750px){
.g003{ margin-top:.6rem; padding: 0 2%; }
.g003 li{ padding: 0 3%;}
.g003 li::before{ border-right: solid 1px rgba(46,50,56,.2); }
.g003 .wz1{ font-size: .28rem; }
.g003 .wz1 span{font-size:.18rem;}
.g003 .wz2{ margin-top: .1rem; font-size: .16rem;}
}

.g004_t{ width: 52%; float: left; margin: 4.3vw 24% 0 24%; display: inline; border-bottom: solid 1px rgba(187,187,187,1);}
.g004_ta{ width: 52%; float: left; margin:9.5vw 24% 0 24%; display: inline; border-bottom: solid 1px rgba(187,187,187,1);}
@media screen and (max-width:1080px){
 .g004_t{ width:80%;  margin: 5vw 10% 0 10%;}
.g004_ta{ width:80%;  margin:5vw 10% 0 10%;}   
}
@media screen and (max-width:980px){
}
@media screen and (max-width:750px){
 .g004_t{ width:90%;  margin: .5rem 5% 0 5%;border-bottom: solid 1px rgba(187,187,187,.4);}
.g004_ta{ width:90%;  margin:.5rem 5% 0 5%;border-bottom: solid 1px rgba(187,187,187,.4);} 
}

/* g4 */
.g004{ width: 100%; float: left; padding: 0 13%; clear: both; height: auto; margin-top:8.4vw; display: inline;}

.g004_l{ width:50%; height: auto; float: left;position: relative; }
.g004_l .tp1{  width: 100%; float: left; text-align: center;}
.g004_l .tp1 img{ width: 100%; height:auto;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;}

.g004_r{ width:45%; float: right; text-align: left;}
.g004_r .wz1{width: 100%; float: left; font-size: 13px; line-height:1.46em; color: #000; text-align: justify;}
.g004_r .wz2{width: 100%; float: left; margin-top: 2.9vw; display: inline; text-align: justify; font-size: 12px; line-height:1.41em; color: rgba(160,160,160,1);}
.g004_r .but01{ float: left; margin-top: 2.2vw; display: inline; height: 49px;  line-height:49px; background-color: #000; color: #fff; font-size: 18px; padding: 0 20px; border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px; }
.g004_r .but01:hover{height: 53px; line-height:53px;background-color: rgba(253,199,73,1);}

@media screen and (max-width:1080px){
  .g004{  padding: 0 5%; margin-top:9.1vw;}  
}
@media screen and (max-width:980px){
    .g004_l{ width:100%; }

.g004_r{ width:100%; float: left;margin-top: 6.6vw; display: inline;}

}
@media screen and (max-width:750px){
  .g004{  margin-top:.6rem;}  
.g004_l .tp1 img{ border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}

.g004_r{ margin-top:.4rem;  text-align: center;}
.g004_r .wz1{ font-size: .16rem; }
.g004_r .wz2{margin-top:.2rem; text-align: left; font-size: .13rem;}
.g004_r .but01{margin-top: .36rem;  height: .49rem; display: inline-block; float: unset;  line-height:.49rem;font-size: .18rem; padding: 0 .20rem; border-radius:.25rem;-webkit-border-radius:.25rem;-moz-border-radius:.25rem; }
.g004_r .but01:hover{height: .53rem; line-height:.53rem;}
}





/* ins01 */
.ins01{ width: 100%; float: left; padding: 0 13%; clear: both; height: auto; margin-top: 7.3vw; display: inline;}
.ins01_c{width: 100%; float: left;color: #000; font-size: 1.56vw; line-height: 1.4em; padding-bottom: 3.38vw;}
.ins01_l{ width:39%; float: left; text-align: left;}
.ins01_l .wz1{width: 100%; float: left; font-size: 13px; line-height:1.46em; color: #000; text-align: justify;}
.ins01_l .wz2{width: 100%; float: left; margin-top: 2.9vw; display: inline; text-align: justify; font-size: 12px; line-height:1.41em; color: rgba(160,160,160,1);}
.ins01_r{ width:50%; height: auto; float: right;position: relative; }
.ins01_r .tp1{  width: 100%; float: left; text-align: center;}
.ins01_r .tp1 img{ width: 100%; height:auto;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;}
@media screen and (max-width:1080px){
    .ins01{  padding: 0 5%; margin-top: 10.9vw;}
    .ins01_c{font-size: 2.26vw;padding-bottom: 3.38vw;}
    .ins01_l{ width:42%; }
    .ins01_r{ width:53%; }
}
@media screen and (max-width:980px){
   .ins01_l{ width:100%; }
   .ins01_r{ width:100%; float: left;margin-top:65px; display: inline; }

}
@media screen and (max-width:750px){
.ins01{  margin-top: .6rem; }
.ins01_c{ font-size:.3rem;  padding-bottom: .3rem;}
.ins01_l .wz1{font-size: .16rem; }
.ins01_l .wz2{ margin-top: .2rem;  text-align: left; font-size: .13rem;}
.ins01_r{margin-top: .3rem; }
.ins01_r .tp1 img{ border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
}

.ins02{ width: calc(100% - 26%); height:auto; float: left; margin: 6.6vw 13% 0 13%; border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;
background-position:center;background-repeat:no-repeat;background-size:cover;background-image:url(../img/ab07.webp);}
.ins02::before{ content: ""; width: 100%; height:3.9vw; float: left;}
.ins02::after{ content: ""; width: 100%; height: 2vw; float: left; clear: both;}
.ins02 ul{ width: 100%; padding: 0 6.5%; clear: both; gap:20px;display: -webkit-inline-flex; 
display: -moz-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-justify-content: center;-moz-box-pack: center;
-ms-flex-pack: center;justify-content: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
.ins02 li{}
.ins02 li img{ width: auto; height: 6.8vw;max-width: 100%; object-fit: contain;}

.ins02 .but01{ float: right;clear: both; margin: 1.5vw 6.5% 0 0; display: inline; height: 49px;  line-height:49px; background-color: #fff; color: #000; font-size: 18px; padding: 0 20px; border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px; }
.ins02 .but01:hover{background-color: rgba(253,199,73,1);}



@media screen and (max-width:1080px){
.ins02{ width: calc(100% - 10%); height:auto; float: left; margin: 6.6vw 5% 0 5%;}
}
@media screen and (max-width:980px){
}
@media screen and (max-width:750px){
.ins02{ margin: .6rem 5% 0 5%; border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.ins02::before{ height:.2rem; }
.ins02::after{ height: .2rem;}
.ins02 ul{ gap:.2rem;}
.ins02 li img{ height:.68rem;}
.ins02 .but01{margin-top: .16rem;  height: .49rem;  line-height:.49rem;font-size: .18rem; padding: 0 .2rem; border-radius:.25rem;-webkit-border-radius:.25rem;-moz-border-radius:.25rem; }

}


.pro_001{ width: 100%; height: 100vh; position: relative;background-position:bottom center;background-color: #ffefd4; overflow: hidden;}
.pro_001_c{ width: 73.85vw; position: absolute;top:25%;
left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);
}
.pro_001_c .tp1{width: 100%;}
.pro_001_c .tp1 img{ width: 100%; height: auto;}

.pro_001 img{ width: 100%; height: auto;}

.pro_001 .sp01{ position: absolute; width: 13.5vw; bottom: 1vw; right: 37.7%; z-index: 20;}
.pro_001 .sp02{position: absolute; width: 15.9vw;bottom: 5.26vw; left:35.4%; z-index: 19;}
.pro_001 .sp03{position: absolute;width: 12.9vw; bottom: 1.3vw; left: 25.3%; z-index: 18;}
.pro_001 .sp04{ position: absolute; width: 6.82vw; bottom: 12vw; left: 12.4%; z-index: 17;}
.pro_001 .sp05{ position: absolute;  width: 6.82vw; bottom: 9.27vw; right: 29.4%;z-index: 17;}
.pro_001 .sp06{ position: absolute; width: 6.62vw; bottom: 7.29vw; right: 16%;z-index: 17;}
.pro_001 .sp07{ position: absolute; width:23vw; bottom: 12.7vw; right: 16%;z-index: 16;}
.pro_001 .sp08{ position: absolute; width: 42.5vw; bottom: 0 ; left:-13.8%;z-index: 10;}
.pro_001 .sp09{ position: absolute; width: 36.5vw; bottom: 0; right:-9%;z-index: 10;}
.pro_001 .sp10{ position: absolute; width:4.47vw; height: 4.47vw; bottom: 13.17vw; left:5.26%;z-index: 11;background-color:#fdc749;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;}
.pro_001 .sp11{ position: absolute; width:1.3vw;height:1.3vw;  bottom: 17.23vw; left: 9.68%;z-index: 11;background-color:#fdc749;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;}
.pro_001 .sp12{ position: absolute; width:1.61vw; height:1.61vw; bottom: 6vw; left:25.26%;z-index: 11;background-color:#fdc749;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;}
.pro_001 .sp13{ position: absolute; width:2.65vw;height:2.65vw;  bottom: 19.47vw; right:11.87%;z-index: 11;background-color:#fdc749;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;}
.pro_001 .sp14{ position: absolute; width:1.3vw; height: 1.3vw; bottom: 16.4vw; right:8.38%;z-index: 11;background-color:#fdc749;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;}
@media screen and (max-width:750px){
.pro_001_c{ top:35%;}
.pro_001 .sp01{  width: 1.35rem; bottom: .1rem; right: 17.7%; z-index: 20;}
.pro_001 .sp02{ width: 1.59rem;bottom: .5rem; left:30%; z-index: 19;}
.pro_001 .sp03{width: 1.29rem; bottom: .13rem; left:10%; z-index: 18;}
.pro_001 .sp04{  width: .69rem; bottom: .6rem; left: 0%; z-index: 17;}
.pro_001 .sp05{  display: none;width: .69rem; bottom: .9rem; right: 29.4%;z-index: 17;}
.pro_001 .sp06{  width: .69rem; bottom: .7rem; right: 1%;z-index: 17;}

.pro_001 .sp07{ width:2.3rem; bottom: 1.27rem; right:-11%;z-index: 16;}
.pro_001 .sp08{ width: 4.25rem; bottom: 0 ; left:-33%;z-index: 10;}
.pro_001 .sp09{ width: 3.65rem; bottom: 0; right:-29%;z-index: 10;}
.pro_001 .sp10{ z-index: 21;}
.pro_001 .sp11{z-index: 21;}
.pro_001 .sp12{z-index: 21;}
.pro_001 .sp13{z-index: 21;}
.pro_001 .sp14{z-index: 21;}
}

.pro_001a{ width: 100%; height: 55vh; position: relative;background-position:bottom center;background-color: #ffefd4; overflow: hidden;}
.pro_001a_c{ width: 18vw; position: absolute;top:50%;left:5%}
.pro_001a_c .tp1{width: 100%;}
.pro_001a_c .tp1 img{ width: 100%; height: auto;}

@media screen and (max-width:1080px){
    .pro_001a{ height: 35vh; }
}
@media screen and (max-width:750px){
    .pro_001a{ height: 2rem;}
.pro_001a_c{ width: 1.8rem;top:unset;left:5%; bottom: .7rem;}
}



.pro_002{ width: 100%; float: left;}
.pro_002::before{ content: ""; width: 100%; height:5vw; float: left;}
.pro_002::after{ content: ""; width: 100%; height: 5vw; float: left; clear: both;}
.pro_002 ul{ width: 100%; float: left; padding: 0 11%; list-style-type: none;display:flex;justify-content:space-between;flex-wrap:wrap;}
.pro_002 li{ width:calc(100% / 2 - 12%); float: left; margin:6.1vw 6% 0 6%; display: inline;}
.pro_002 li a{ width: 100%; height: auto; float: left;}
.pro_002 li .tp1{ width: 100%; float: left;}
.pro_002 li .tp1 img{ width: 100%; height: auto;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;}
.pro_002 li .wz1{ width: 100%; float: left; margin-top: 3vw; display: inline; font-size: 1vw; line-height: 1.4em; color: #000;}
.pro_002 li:hover .wz1{ color: #fdc749;}


@media screen and (max-width:1080px){
.pro_002 ul{ padding: 0 3%; }
.pro_002 li{ width:calc(100% / 2 - 4%); margin:6.1vw 2% 0 2%; }
.pro_002 li .wz1{ font-size: 1.7vw;}
 }

@media screen and (max-width:750px){
.pro_002::before{  height:.1rem;}
.pro_002::after{  height: .4rem;}
.pro_002 li{margin:.4rem 2% 0 2%; }
.pro_002 li .tp1 img{border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.pro_002 li .wz1{margin-top: .1rem; font-size:.2rem;}
}


.pro_003{ width: 100%; float: left; padding: 0 13%; clear: both; margin-top: 9.1vw; display: inline;}
.pro_003_l{ width: 48%; float: left;}


.in0013{width:100%;height:auto;float:left;position:relative;}
.in0013_bj{width:100%; height: auto; float: left;}
.in0013_bj ul{width:100%;height:auto;float:left;list-style-type:none;}
.in0013_bj li{width:100%;height:auto;position:relative;background-position:center!;background-repeat:no-repeat;background-size:cover;z-index:2;
border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px; overflow: hidden;
}
.in0013_bj li img{ width: 100%; height: auto}
.bottm_tp{ width: 100%; float: left; margin-top:36px; display: inline;}
.bottm_tp dl{width:100%;height:auto;float:left; position: relative; cursor: pointer;}
.bottm_tp dd{border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px; overflow: hidden;}
.bottm_tp dd img{ width: 100%; height: auto;}
.bottm_tp dd .tp1{position: absolute; inset: 0;}

.bottm_tp .swiper-slide-thumb-active .tp1{backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);}


.pro_003_r{ width: 40%; float: right; margin:4.84vw 5% 0 0; display: inline;}
.pro_003_r .wz1{ width: 100%; float: left;}
.pro_003_r .wz1 img{ height: 1.71vw; width: auto; float: right;}
.pro_003_r h2{width: 100%; float: left; margin-top: 26px; display: inline; font-weight: normal; font-size: 1.56vw; line-height: 1.4em; color: #000; text-align: justify;}
.pro_003_r .wz2{ width:auto ; line-height: 39px; font-size: 20px; color: #fff; padding: 0 14px; float: left; background-color: #000; margin-top: 26px;
     display: inline; clear: both;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;}
.pro_003_r .hen1{ width: 100%; height: 45px; float: left;clear: both; margin-top: 45px; display: inline;border-top: 1px solid rgba(187,187,187,.45);}
.pro_003_r .wz3{width: 100%;float: left;clear: both; font-size: 16px; line-height: 2.25em; color: #000;}
.pro_003_r dl{ width: 100%; float: left;display:flex;justify-content:space-between;flex-wrap:wrap;}
.pro_003_r dd{ width: 50%; float: left; margin-top: 10px; display: inline; color: #000;display:flex;}
.pro_003_r dd .wz3{ width: 20px; float: left;font-size: 16px; line-height: 1.45em; }
.pro_003_r dd .wz4{ width: calc(100%- 20px); float: right; text-align: left;font-size: 16px; line-height: 1.45em; }

.pro_003_r .but01{ float: right;clear: both; margin: 7.5vw 6.5% 0 0; display: inline; height: 52px;  line-height:52px; background-color: rgba(253,199,73,1); color: #000; font-size: 18px;
     padding: 0 40px; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; }
.pro_003_r .but01:hover{background-color: rgba(0,0,0,1);color: #fff;}

@media screen and (max-width:1080px){
 .pro_003{ padding: 0 5%;}
 .pro_003_r{ width: 48%; margin:4.84vw 0 0 0; }
   .pro_003_r .wz1 img{ height: 2.41vw;}
   .pro_003_r h2{font-size:2.26vw;}
}
@media screen and (max-width:980px){
.pro_003_l{ width: 100%; float: left;}
.pro_003_r{ width: 100%; float: left; margin:4.84vw 0 0 0;}
}
@media screen and (max-width:750px){
.in0013_bj li{border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.bottm_tp{  margin-top:.2rem;}
.bottm_tp dd{border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.pro_003_r{ text-align: center;}
.pro_003_r .wz1 img{ height: .2rem; }
.pro_003_r h2{ margin-top: .2rem;font-size: .24rem; }
.pro_003_r .wz2{  line-height: .39rem; font-size: .2rem;padding: 0 .14rem;  margin-top: .2rem;clear: both;border-radius:.2rem;-webkit-border-radius:.2rem;-moz-border-radius:.2rem;}
.pro_003_r .hen1{height: .3rem; margin-top: .3rem;}
.pro_003_r .wz3{ font-size: .18rem; text-align: justify; }
.pro_003_r dd{ width: 100%; float: left; margin-top: .1rem;}
.pro_003_r dd .wz3{ width: .24rem; font-size: .18rem; }
.pro_003_r dd .wz4{ width: calc(100%- .24rem);font-size: .18rem; }
.pro_003_r .but01{ float: unset; margin: .4rem 0 0 0; display: inline-block;  height: .52rem;  line-height:.52rem;  font-size: .2rem;padding: 0 .4rem; }

}



.pro_004_t{ width: calc(100% - 26%); float: left;margin: 7.7vw 13% 0 13%; display: inline;border-top: 1px solid rgba(187,187,187,1);}

.pro_004{ width: 100%; float: left; padding: 0 13%; clear: both; }
.pro_004::before{ content: ""; width: 100%; height:7.7vw; float: left;}
.pro_004::after{ content: ""; width: 100%; height: 7.7vw; float: left;}

.pro_004_l{ width: 45%; float: left;}
.pro_004_r{ width: 45%; float: right;}
.pro_004 .wz1{ width: 100%; float: left;  padding: 38px 0; font-size: 16px; line-height: 2.25em; color: #000;}
.pro_004 .wz2{ width: 100%; float: left; font-size: 16px; line-height: 2.25em; color: #000; text-align: justify;}
.pro_004 .wz2 span{color: #666;}
.pro_004 .but01{ float: left;clear: both; height: 52px;  line-height:52px; background-color: rgba(253,199,73,1); color: #000; font-size: 18px;
     padding: 0 40px; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; }
.pro_004 .but01:hover{background-color: rgba(0,0,0,1);color: #fff;}

@media screen and (max-width:1080px){
    .pro_004_t{ width: calc(100% - 10%); float: left;margin: 7.7vw 5% 0 5%;}
.pro_004{ padding: 0 5%;}
.pro_004_l{ width:48%;}
.pro_004_r{ width:48%;}
}
@media screen and (max-width:980px){
.pro_004_l{ width:100%;}
.pro_004_r{ width:100%;}
}
@media screen and (max-width:750px){
.pro_004_t{ width: calc(100% - 10%);margin: .4rem 5% 0 5%; }
.pro_004{ text-align: center;}
.pro_004::before{  height:.4rem;}
.pro_004::after{  height: .4rem;}

.pro_004 .wz1{ padding:.2rem 0; font-size: .2rem; text-align: left; }
.pro_004 .wz2{  font-size: .18rem; line-height: 1.74em ; }
.pro_004 .wz2 span{color: #666;}
.pro_004 .but01{ float: unset;clear: both; height: .52rem;  line-height:.52rem;  font-size: .2rem; display: inline-block;     padding: 0 .4rem; }
.pro_004 .but01:hover{background-color: rgba(0,0,0,1);color: #fff;}

}


.sea001{ width: 100%; float: left; padding: 0 13%; clear: both;}
.sea001::before{ content: ""; width: 100%; height:9vw; float: left;clear: both;}
.sea001::after{ content: ""; width: 100%; height:5.5vw; float: left;clear: both;}
.sea001 ul{ width: 100%; float: left; display:flex;justify-content:space-between;flex-wrap:wrap; list-style-type: none;}
.sea001 li{ width: 48%; border-bottom: 1px solid rgba(187,187,187,.45);}
.sea001 li a{ width: 100%; height: auto; float: left;}
.sea001 li a::before{ content: ""; width: 100%; height:5.5vw; float: left;clear: both;}
.sea001 li a::after{ content: ""; width: 100%; height:5.5vw; float: left;clear: both;}
.sea001 li a .wz1{ width: 100%; float: left; clear: both; font-size: 1vw; line-height: 1.4em; color: #000;}
.sea001 li a .wz1 span{color: #000;}
.sea001 li:hover .wz1 span{color: #216cdd;}

@media screen and (max-width:1080px){
    .sea001{ width: 100%;  padding: 0 5%;}
    .sea001 li a .wz1{font-size: 1.7vw;}
}
@media screen and (max-width:980px){
    .sea001 li{ width: 100%; }
}
@media screen and (max-width:750px){
    .sea001 li a .wz1{  font-size:.18rem;}
}


.con_001{ width: 100%; float: left; padding: 0 13%; clear: both ;}
.con_001 .wz1{width: 100%; float: left; margin-top:7vw; display: inline; font-size: 13px; line-height:1.46em; color: #000; text-align: justify;}

.con_001 ul{ width: 100%;float: left; margin-top:4vw;display:flex;justify-content:space-between;flex-wrap:wrap; list-style-type: none;clear: both;}
.con_001 li{ width:40%;border-bottom: 1px solid rgba(187,187,187,.45);}
.con_001 li:nth-child(2n){ width: 60%;}
.con_001 li::before{ content: ""; width: 100%; height:4.5vw; float: left;clear: both;}
.con_001 li::after{ content: ""; width: 100%; height:4.5vw; float: left;clear: both;}
.con_001 li .wz2{ width: 100%; float: left;clear: both;  font-size: 16px;line-height: 2em; color: #000;}
.con_001 li .wz3{ width: calc(100% - 20px); float: left;clear: both;  font-size: 14px;line-height: 1.4em; color:rgba(0, 0, 0, .45); text-align: justify;}

.con_001 li:nth-last-child(1){ border-bottom: 0;}
.con_001 li:nth-last-child(2){border-bottom: 0;}
.con_001 li .wz4{ width: 39vw; float: left;}

.con_001 li input::placeholder{color:#999;}
.con_001 li .sr01{width:100%;height:124px;float:left;padding:10px 13px;font-size:16px;color:#444;line-height:1.7em;border:solid 1px rgba(0, 0, 0, .1);background-color:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.con_001 li .sr01:hover{border:solid 1px #fdc749;}
.con_001 li textarea::placeholder{color:#999;}
.con_001 li .but01{width:auto;height:44px;float:right;margin:30px 0 0 0;display:inline;padding: 0 20px; border:0;line-height:44px;font-size:18px;
    border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;cursor:pointer;text-align:center;
background-color: #000; color: #fff;
}
.con_001 li .but01:hover{background-color: #fdc749; color: #000;}

@media screen and (max-width:1080px){
.con_001{padding: 0 5%;}
.con_001 li .wz4{ width: 100%; float: left;}
}
@media screen and (max-width:980px){


.con_001 li{ width:100%;border-bottom: 1px solid rgba(187,187,187,.45);}

.con_001 li:nth-child(1n){ border-bottom: 0;}
.con_001 li:nth-child(1n)::after{  height:12px; }
.con_001 li:nth-child(2n){ width: 100%;border-bottom: 1px solid rgba(187,187,187,.45);}
.con_001 li:nth-child(2n)::before{  height:0; }
.con_001 li:nth-last-child(1){ border-bottom: 0;}
.con_001 li .wz3{ width: 100%;}
}
@media screen and (max-width:750px){
.con_001 .wz1{ font-size: .16rem;}
.con_001 li .wz2{ font-size: .18rem;}
.con_001 li .wz3{font-size: .16rem;}
.con_001 li .wz4{ width: 100%; float: left; text-align: center;}
.con_001 li .sr01{height:1.2rem;padding:.1rem;font-size:.18rem;}
.con_001 li .but01{width:auto;height:.44rem;float:unset;margin:.4rem 0 0 0;display:inline-block;padding: 0 .2rem; line-height:.44rem;font-size:.2rem;}
}


.time3,.time3 *{transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s;}
.cm0022{font-weight:normal;text-align:center;width:100%;height:calc(100vh - 0.62rem);
display:flex;justify-content:space-between;flex-wrap:wrap;/*平均分没有左右只有间隔 space-around 平均分有左右*/
filter:brightness(0.5) invert(1);/*灰度到白色变化 1为黑色*/
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
/* 定义行内弹性布局（兼容各旧版浏览器） */
display: -webkit-inline-flex;  /* Webkit内核浏览器（Chrome/Safari 旧版） */
display: -moz-inline-box;     /* Firefox 2-28 旧版盒模型 */
display: -ms-inline-flexbox;  /* IE 10 旧版弹性盒 */
display: inline-flex;         /* 标准行内Flex布局（现代浏览器） */

/* 水平居中（保持你原本的需求，若不需要可删除） */
-webkit-justify-content: center;  /* Webkit旧版 Flex 水平居中 */
-moz-box-pack: center;           /* Firefox旧版 盒模型 水平居中 */
-ms-flex-pack: center;           /* IE 10 旧版 Flex 水平居中 */
justify-content: center;         /* 标准 Flex 水平居中 */

/* 垂直底部对齐（核心修改：替换所有 center 为对应底部对齐值） */
-webkit-align-items: flex-end;   /* Webkit旧版 Flex 垂直底部对齐 */
-moz-box-align: end;             /* Firefox旧版 盒模型 垂直底部对齐 */
-ms-flex-align: end;             /* IE 10 旧版 Flex 垂直底部对齐 */
align-items: flex-end;           /* 标准 Flex 垂直底部对齐（核心属性） */
/*靠边居中*/
display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;

-webkit-filter:drop-shadow(72px 0 0 rgba(255, 255, 255, 1));filter:drop-shadow(72px 0 0 rgba(255, 255, 255, 1));left:-72px;/*根据容器宽度投影倒影实现图标颜色变化*/
background-image:-webkit-linear-gradient(91.32deg,#BF14DB 40%,#D80033 59%);background-image:-moz-linear-gradient(91.32deg,#BF14DB 40%,#D80033 59%);background-image:-o-linear-gradient(91.32deg,#BF14DB 40%,#D80033 59%);background-image:linear-gradient(91.32deg,#BF14DB 40%,#D80033 59%);
background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.cm0022{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;white-space:nowrap;text-overflow:ellipsis;}
.cm01color{background:#cff3e8 rgb(28, 106, 82) #0A7B52}
.cm01:nth-last-child(1){opacity:1;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;font-family:"Ali-Bold";width:60%;width:calc(60% - (1px * 2));-webkit-filter:drop-shadow(.48rem 0 0 rgba(43, 43, 43, 1));filter:drop-shadow(.48rem 0 0 rgba(43, 43, 43, 1));transform:translateX(-.48rem);
border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;
background:linear-gradient(90deg,rgb(175, 137, 88),#eecd9e);border-radius:0 30px 0 30px;-webkit-border-radius:0 30px 0 30px;-moz-border-radius:0 30px 0 30px;
background-position:center;background-repeat:no-repeat;background-size:cover;background-image:url(../img/tp30.jpg);
background-position:center!important;background-repeat:no-repeat;background-size:contain;background-image:url(../img/tp34.jpg);
box-shadow:15px 10px 20px rgba(0,0,0,0.15);-moz-box-shadow:15px 10px 20px rgba(0,0,0,0.15);-webkit-box-shadow:15px 10px 20px rgba(0,0,0,0.15);
background:-webkit-linear-gradient(0degc,#167f7d 203px, #fff 203px);background:-moz-linear-gradient(0deg,#167f7d 203px, #fff 203px);background:-o-linear-gradient(0deg,#167f7d 203px, #fff 203px);background:linear-gradient(0deg,#167f7d 203px, #fff 203px);
background:-webkit-radial-gradient(rgba(231,108,0,.8) 50px,rgba(237,72,0,.8));background:-moz-radial-gradient(rgba(231,108,0,.8) 50px,rgba(237,72,0,.8));background:-o-radial-gradient(rgba(231,108,0,.8) 50px,rgba(237,72,0,.8));background:radial-gradient(rgba(231,108,0,.8) 50px,rgba(237,72,0,.8));
border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);
left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);
top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);
transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);}

@media screen and (max-width:1920px){}
@media screen and (max-width:1440px){}
@media screen and (max-width:750px){}