@charset "gb2312";*html{background-image:url(about:blank);background-attachment:fixed}
html{}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,iframe{margin:0;padding:0;font-family:}
table{border-collapse:collapse;border-spacing:0}
fieldset,img,iframe,input{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold;color:#2c3e50}
q:before,q:after{content:""}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
legend{color:#000}
table{font-size:inherit;font:100%}
pre,code,kbd,samp,tt{font-family:monospace;line-height:100%}
a,button{cursor:pointer}
body{overflow:scroll;font-size:16px;height:100%;color:#000000;background:#fff;font-family:"Microsoft Yahei"}
h1,h2,h3,h4,h5,h6,p,span,a{line-height:1.2em;font-size:100%;font-family:"Microsoft Yahei"}
strong{font-weight:bold}
a{text-decoration:none}
a:hover{text-decoration:none}
a:hover{text-decoration:none}
.cl:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.cl{zoom:1}
.r{float:right}
.l{float:left}
.pt20{padding-top:20px}


.swiper-container{width:100%;height:600px}
.swiper-slide img{width:100%;height:auto;min-height:100%;transition:1s linear 2s;transform:scale(1.1,1.1)}
.swiper-slide .content{position:absolute;left:0px;top:70%;width:100%;animation:fadein 2s linear}
.swiper-slide .content .contentBox{text-align:center}
.swiper-slide .content .contentBox .title{text-align:center;font-weight:600;font-size:3rem;color:#FFFFFF;margin-top:-21rem;margin-bottom:0.2rem}
.swiper-slide .content .contentBox .title span{color:transparent;background:linear-gradient(90deg,#C8EFFE 0%,#DCF4FE 53.515625%,#D7F1FE 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.swiper-slide .content .contentBox .intro{display:flex;align-items:center;justify-content:center;font-weight:300;font-size:1.6rem;color:#FFFFFF}
.swiper-slide .content .contentBox .intro::before{background:linear-gradient(265deg,#e5eef4,rgba(255,255,255,0));margin-right:1.5rem}
.swiper-slide .content .contentBox .intro::after{background:linear-gradient(90deg,#e5eef4,rgba(255,255,255,0));margin-left:1.5rem}
@keyframes fadein{from{opacity:0.7}
to{opacity:1}
}@-moz-keyframes fadein{from{opacity:0.7}
to{opacity:1}
}@-webkit-keyframes fadein{from{opacity:0.7}
to{opacity:1}
}@-ms-keyframes fadein{from{opacity:0.7}
to{opacity:1}
}@-o-keyframes fadein{from{opacity:0.7}
to{opacity:1}
}
.swiper-slide-active img,.swiper-slide-duplicate-active img{object-fit:cover;transition:5s linear;transform:scale(1,1)}


.swiper-container1 {width:100%;height:380px}

.swiper-container1>.swiper-wrapper>.swiper-slide>.content{position:absolute;left:0px;top:120%;width:100%;animation:fadein 2s linear}
.swiper-container1>.swiper-wrapper>.swiper-slide>.content p{display:flex;width: 70%;margin: 0 auto;align-items:center;justify-content:center;font-weight:300;font-size:24px;color:#FFFFFF}

.rotation3D-baseMap{position:relative;left:0;right:0;top:-100px;margin:0 auto;width:100%;height:620px;background:url("https://img.wanwang.xin/contents/sitefiles2046/10231031/images/174516043.png");background-repeat:no-repeat;background-position:center bottom}
.rotation3D-baseMap::before{position:absolute;left:0;right:0;top:100px;margin:auto;z-index:99;width:342px;height:318px;display:block;content:'';background:url("https://img.wanwang.xin/contents/sitefiles2046/10231031/images/174516042.png");animation:10s bounceUpDown infinite}
@media screen and (max-width:768px){
.swiper-container{width:100%;height:400px}
.swiper-slide .content{top:95%}
.swiper-slide .content .contentBox .title{font-size:1.6rem;color:#FFFFFF}
.swiper-slide .content .contentBox .intro{font-size:1.2rem}
.rotation3D-baseMap{position:relative;left:0;right:0;top:-100px;margin:0 auto;width:100%;height:620px;background:url("https://img.wanwang.xin/contents/sitefiles2046/10231031/images/174516043.png");background-repeat:no-repeat;background-position:center bottom}
.rotation3D-baseMap::before{position:absolute;left:0;right:0;top:100px;margin:auto;z-index:99;width:342px;height:318px;display:block;content:'';background:url("https://img.wanwang.xin/contents/sitefiles2046/10231031/images/174516042.png");animation:10s bounceUpDown infinite}
}

.prod{width:96vw;margin:0 auto;}
.prod .title{text-align:center;padding:0 0 15px 0}
.prod .title h1{font-size:30px;line-height: 56px;;font-weight:bold}
.prod .title h1 span{color:rgb(14,75,145)}
.prod .title p{font:20px/46px "Microsoft YaHei";color:#2c3e50}
.prod .title p b{color:rgb(14,115,145)}
.important{display:block;width:96vw;margin:0 auto;padding-top:20px;border-top:1px dashed #ccc;border-bottom:1px solid #ccc}
.important li{width: 10.1vw;
    float: left;
    margin: 0 1vw;}
    .important li:last-child{margin-right: 0;}
.important li a{display:block;width:80px;height:80px;margin: 0 auto;padding:10px;border-radius:15px;border:1px dotted #dee1e1;background:#fff}
.important li:hover a{border:1px dotted #696969;background:#fff}
.important li span{width:80px;height:80px;display:block}
.important li span img{width:80px;}

.prod .important .rcsp_1:hover span,.prod .important .rcsp_2:hover span,.prod .important .rcsp_3:hover span,.prod .important .rcsp_4:hover span,.prod .important .rcsp_5:hover span,.prod .important .rcsp_6:hover span,.prod .important .rcsp_7:hover span,.prod .important .rcsp_8:hover span,.prod .important .rcsp_9:hover span{transition:background 0.3s;-moz-transition:background 0.3s;-ms-transition:background 0.3s;-webkit-transition:background 0.3s;-o-transition:background 0.3s}

.important .rcsp_9{margin-right:0px}
.important li p{font-size:18px;font-weight:bold;line-height:18px;margin-top:20px;text-align:center;display:block;color:#222}
.important li:hover p{color:#155fa3}
.important li strong{border-bottom:1px solid #155fa3;position:relative;display:block;margin-top:15px;z-index:4}
.important li strong i{display:none;position:absolute;width:0px;height:0px;border:10px solid transparent;display:block;left:50%;margin-left:-9px;border-top-color:#155fa3}
.important_l{padding:30px 0 0 30px;float:left;width:30vw;overflow:hidden;}
.important_l img{width:450px;height:384px; float: right;}
.important_r{float:right;padding:30px 5vw 0px 0px;width:55vw;overflow:hidden;}
.title_1{text-align:center}
.title_1 h3{font:14px/16px "Arial";text-transform:uppercase;color:#535353;display:block}
.title_1 h3 span,.title_1 h2 span{color:#ef571a}
.title_1 h2{font:bold 30px/40px "Microsoft YaHei";color:#535353;padding-bottom:5px}
.title_1 p{font-size:16px;color:#222}
.icon_top{width:100%;}
.icon_top i{display:block;width:32px;height:32px}
.icon_top .i_left{float:left;background:url("https://img.wanwang.xin/contents/sitefiles2046/10231031/images/174516060.png")
    0 center no-repeat}
.icon_top .i_right{float:right;background:url("https://img.wanwang.xin/contents/sitefiles2046/10231031/images/174516061.png")
    0 center no-repeat}
.icon_top .i_left1{float:left;background:url("https://img.wanwang.xin/contents/sitefiles2046/10231031/images/174516058.png")
    0 center no-repeat}
.icon_top .i_right1{float:right;background:url("https://img.wanwang.xin/contents/sitefiles2046/10231031/images/174516059.png")
    0 center no-repeat}

.study{padding:10px 40px}
.study h3{font:bold 25px/30px "Microsoft YaHei";color:#155fa3;display:block;padding-bottom:15px}
.study span{font:14px/18px "Microsoft YaHei";color:#535353;display:block;text-indent:2em}
.study p{font-size:20px;line-height:32px;color:#222}
.study img{display:block;width:140px;height:90px;overflow:hidden;margin-left:35vw;padding-top:10px}
.study .know{background:#155fa3;display:block;font:bold 16px/30px "Microsoft YaHei";padding:0px 10px;border-radius:50px;height:30px;color:#ffffff;text-align:center;margin:0 90px;margin-top:10px}
.study ul {margin-top: 20px;}
.study ul li a{display:block;float:left;margin:10px 10px 0 0;padding:6px 12px;color:#fff;border-radius:15px;border:1px dotted #155fa3;background:#155fa3}
.study ul li a:hover{background:#104e88}
.public_img{display:block;width:29px;height:29px;padding:15px 0 2px 0}
.public_img_1{width:59px;height:29px;display:block}


.sfq{background-color:#ededea;margin-top:20px;padding-bottom:70px}
.sfq .title{text-align:center;padding:30px 0 15px 0}
.sfq .title h1{font-size:30px;font-weight:bold;background:linear-gradient(to bottom,#104e88,#155fa3);-webkit-background-clip:text;background-clip:text;color:transparent}
.sfq .title h1 span{color:rgb(14,75,145)}
.sfq .title p{font:18px/32px "Microsoft YaHei";color:#222;margin-top:12px}
.sfq .title p b{color:rgb(14,115,145)}
.dh ul{position:relative;overflow:hidden;width:910px;height:306px;margin:10px auto 0}
.dh ul li{float:left;width:108px;overflow:hidden;height:100%;position:relative;cursor:pointer}
.dh ul li a{display:block;width:100%;height:100%}
.dh ul li .layer{position:absolute;bottom:0;left:0;width:100%;background:rgba(27,29,36,0.75);height:100%}
.dh ul li .layer .p1{position:absolute;bottom:5px;left:10px}
.dh ul li .layer .p2{position:absolute;bottom:5px;right:-200%}
.dh ul li .layer .p2 b,.dh ul li .layer .p2 span{display:block;font-weight:bold;font-size:20px}
.dh ul li .layer .p1 b,.dh ul li .layer .p1 span{display:block;font-weight:bold;font-size:14px}
.dh ul li.curr{}
.col1{color:#00a39a}
.col2{color:#fff}


#youshi{margin-top:30px;position:relative;left:0;right:0;top:0;margin:0 auto;width:100%;height:670px}
#youshi > .biaoti{display:block;width:800px;margin:0 auto 20px auto;padding-top:30px;text-align:center;color:#fff}
#youshi > .biaoti span{font-size:30px;font-weight:bold}
#youshi > .biaoti p{font-size:18px;margin-top:12px;line-height:32px}
.float-gradient{background-color:#202ab1;background-image:radial-gradient(
      closest-side,rgb(50,120,199),rgba(102,78,235,0)
    ),radial-gradient(closest-side,rgb(6,119,153),rgba(63,51,168,0)),radial-gradient(closest-side,rgb(14,115,145),rgba(254,234,131,0)),radial-gradient(closest-side,rgb(20,113,201),rgba(170,142,245,0));background-size:130vw 130vh,120vw 120vh,100vw 150vh,120vw 130vh;background-position:-80vw -80vh,30vw -20vh,-20vw 20vh,30vw 20vh;background-repeat:no-repeat;animation:15s moiveAnimation infinite}
@keyframes moiveAnimation{0%,100%{background-size:130vw 130vh,120vw 120vh,100vw 150vh,120vw 130vh;background-position:-80vw -80vh,30vw -20vh,-20vw 20vh,30vw 20vh}
25%{background-size:120vw 120vh,130vw 150vh,130vw 120vh,100vw 110vh;background-position:-30vw -30vh,40vw -10vh,0vw 10vh,-10vw 20vh}
50%{background-size:130vw 130vh,140vw 100vh,100vw 150vh,90vw 110vh;background-position:10vw -60vh,20vw 10vh,10vw 30vh,10vw -20vh}
75%{background-size:140vw 140vh,100vw 130vh,100vw 150vh,130vw 110vh;background-position:-70vw -70vh,0vw -10vh,30vw -20vh,20vw 30vh}
}
.float-gradient1{background-color:#ededea;background-image:radial-gradient(
      closest-side,rgb(232 238 245),rgba(78,89,235,0)
    ),radial-gradient(closest-side,rgb(231 241 240),rgba(51,125,168,0)),radial-gradient(closest-side,rgb(181 189 223),rgba(254,234,131,0)),radial-gradient(closest-side,rgb(201 217 233),rgba(170,142,245,0));background-size:130vw 130vh,120vw 120vh,100vw 150vh,120vw 130vh;background-position:-80vw -80vh,30vw -20vh,-20vw 20vh,30vw 20vh;background-repeat:no-repeat;animation:15s moiveAnimation infinite}
@keyframes moiveAnimation{0%,100%{background-size:130vw 130vh,120vw 120vh,100vw 150vh,120vw 130vh;background-position:-80vw -80vh,30vw -20vh,-20vw 20vh,30vw 20vh}
25%{background-size:120vw 120vh,130vw 150vh,130vw 120vh,100vw 110vh;background-position:-30vw -30vh,40vw -10vh,0vw 10vh,-10vw 20vh}
50%{background-size:130vw 130vh,140vw 100vh,100vw 150vh,90vw 110vh;background-position:10vw -60vh,20vw 10vh,10vw 30vh,10vw -20vh}
75%{background-size:140vw 140vh,100vw 130vh,100vw 150vh,130vw 110vh;background-position:-70vw -70vh,0vw -10vh,30vw -20vh,20vw 30vh}
}.rotation3D{position:relative;width:800px;height:800px;cursor:default;user-select:none;margin:0 auto;margin-top:-800px}
.rotation3D .center{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.rotation3D .lineList{position:absolute;width:100%;height:510px;z-index:10;padding-top:290px;transform-style:preserve-3d}
.rotation3D__item{position:absolute;display:block;cursor:default;width:161px;height:188px;text-align:center;line-height:30px;font-size:16px;color:white}
.rotation3D__item .scale{position:absolute;top:0;width:100%;height:100%}
.rotation3D__item .cont{position:relative;z-index:2}
.rotation3D__item .cont .iconfont{font-size:38px;margin-top:30px;margin-bottom:60px;display:block}
.rotation3D__item .cont p{color:#fff;font-size:20px;font-weight:bold}
.rotation3D__item.blue{color:#01e9fc}
.rotation3D__item.green{color:#02e943}
.rotation3D__item.yellow{color:#ffd200}
.rotation3D__item .baseImg{position:absolute;width:100%;height:100%;z-index:1}
.rotation3D__item.blue .baseImg{background:url("https://img.wanwang.xin/contents/sitefiles2046/10231031/images/174516062.png")}
.rotation3D__item.green .baseImg{background:url("https://img.wanwang.xin/contents/sitefiles2046/10231031/images/174516063.png")}
.rotation3D__item.yellow .baseImg{background:url("https://img.wanwang.xin/contents/sitefiles2046/10231031/images/174516057.png")}
.rotation3D__line{position:absolute;left:50%;top:50%;display:block;width:2px;height:50%;padding-top:60px;color:#fff;font-size:50px;transform-origin:50% 0;transform-style:preserve-3d}
.rotation3D__line .pos{position:absolute;top:0}
.rotation3D__line svg{position:absolute;top:0}
.rotation3D__line svg path{stroke:#fff;fill:none;stroke-width:3;animation:path-animation 100s linear 0s infinite normal}
@keyframes path-animation{0%{stroke-dashoffset:500}
100%{stroke-dashoffset:0}
}
.rotation3D__line .dot{position:absolute;top:0;left:0;text-align:center;width:24px;height:24px;font-size:24px}
.rotation3D__line .dot1,.rotation3D__line .dot3,.rotation3D__line .dot4{animation:svg-path-animation 6s ease-in-out 0s infinite normal}
.rotation3D__line .dot1{offset-path:path("M0 400,0 0");offset-distance:0%}
.rotation3D__line .dot2{offset-path:path("M0 200,0 0");offset-distance:0%;background:#ffd200;border-radius:100%;font-size:22px;color:#000}
.rotation3D__line .dot3{offset-path:path("M0 400,0 0");offset-distance:0%}
@keyframes svg-path-animation{from{offset-distance:0%}
to{offset-distance:100%}
}
.rotation3D__line.blue{color:#07b2f9}
.rotation3D__line.green{color:#00ff5b}
.rotation3D__line.yellow{color:#ffd500}
.rotation3D__line.blue svg path{stroke:#07b2f9}
.rotation3D__line.green svg path{stroke:#00ff5b}
.rotation3D__line.yellow svg path{stroke:#ffd500}


.solution{display:block;width:96vw;margin:0 auto;padding: 0}
.solution-card{display:block;float:left;width:22vw;overflow:hidden;margin:1vw;border-radius:5px;border:1px slateblue;box-shadow:0 0 3px 3px rgba(52,152,219,0.5);transition:transform 0.3s ease,box-shadow 0.3s ease}
.solution-card img{width:100%;height: 280px;object-fit: cover}
.solution-card h3{line-height: 2rem;}
.solution-card:hover{transform:scale(1.03);box-shadow:0 0 20px 10px rgba(52,152,219,0.2)}
.solution-content{padding:6px 12px;background:#fff;text-align:center}

.solution>.title{text-align:center;padding:30px 0 15px 0}
.solution>.title h1{font-size:30px;font-weight:bold;background:linear-gradient(to bottom,#104e88,#155fa3);-webkit-background-clip:text;background-clip:text;color:transparent}
.solution> .title p{font:20px/46px "Microsoft YaHei";color:#2c3e50}






.solution-fa>.title{text-align:center;padding:30px 0 15px 0}
.solution-fa>.title h1{font-size:30px;line-height: 50px;font-weight:bold;background:linear-gradient(to bottom,#104e88,#155fa3);-webkit-background-clip:text;background-clip:text;color:transparent}
.solution-fa> .title p{display: block;width: 70%;margin: 0 auto;font:20px/30px "Microsoft YaHei";color:#2c3e50}

.solution-fa{display:block;width:96vw;margin:0 auto;padding: 0}
.solution-fa-card{display:block;float:left;width:22vw;overflow:hidden;margin:1vw;border-radius:20px;border:1px slateblue;box-shadow:0 0 3px 3px rgba(52,152,219,0.5);transition:transform 0.3s ease,box-shadow 0.3s ease}
.solution-fa-card img{width:100%;}
.solution-fa-card h3{font-size: 24px;line-height: 36px;font-weight: bold;color: #222}
.solution-fa-card:hover{transform:scale(1.03);box-shadow:0 0 20px 10px rgba(52,152,219,0.2)}
.solution-fa-content{padding:6px 12px;background:#fff;text-align:center}

.solution-fa-content p{font-size: 18px;line-height: 32px;text-align: left;}