@font-face {
    font-family: 'webfont';src: url('webfont.ttf') format('truetype');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {
    font-family: 'fz';src: url('fz.ttf') format('truetype');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {
    font-family: 'SitkaVF';src: url('../SitkaVF.ttf') format('truetype');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {
    font-family: 'CascadiaMono';src: url('../CascadiaMono.ttf') format('truetype');font-weight: normal;font-style: normal;font-display: swap;}

@font-face {
    font-family: 'baidu';src: url('../baidu.ttf') format('truetype');font-weight: normal;font-style: normal;font-display: swap;}

blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
fieldset,img{border:0}
:focus{outline:0}
address,caption,cite,code,dfn,em,optgroup,th,var{font-style:normal;font-weight:400}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
abbr,acronym{border:0;font-variant:normal}
button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
code,kbd,samp,tt{font-size:100%}
body{line-height:1.5}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left}
sub,sup{font-size:100%;vertical-align:baseline}
:link,:visited,ins{text-decoration:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
.clearfix{margin-right:auto;margin-left:auto}
.clearfix:after,.clearfix:before{display:table;content:"";line-height:0}
.clearfix:after{clear:both}
b,em,i{font-style:normal;font-weight:400}
body{margin:0;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,SimSun,"Hiragino Sans GB",sans-serif;font-size:14px;line-height:20px;color:#4c4c4c;background-color:#fff;position:relative}
body,html{position:relative;}
html{height:100%}
body{overflow: auto;background-color:#F6F6F6;}
button,input,select,textarea,th{background:#fff;font-size:12px;line-height:1.5em;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,SimSun,"Hiragino Sans GB",sans-serif}
button,input[type=button],input[type=password],input[type=reset],input[type=submit],input[type=text]{-webkit-appearance:none}
a{color:#4c4c4c;text-decoration:none}
a:focus,a:hover{-webkit-transition:color 150ms ease-in 0s,background-color 150ms ease-in 150ms;-moz-transition:color 150ms ease-in 0s,background-color 150ms ease-in 150ms;-ms-transition:color 150ms ease-in 0s,background-color 150ms ease-in 150ms;-o-transition:color 150ms ease-in 0s,background-color 150ms ease-in 150ms;transition:color 150ms ease-in 0s,background-color 150ms ease-in 150ms}
.rotate360:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
.rotate360{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.disflex{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
/*仅提示弹框*/
.hint-view{width:200px;height: auto;line-height:36px;font-size:14px;padding: 5px;background-color: rgba(0, 0, 0, 0.5); position: fixed;left: 50%;bottom: 150px;margin-left:-100px;text-align: center;z-index: 999;border-radius: 10px;color: #fff;word-break:break-all;opacity: 0;pointer-events:none;}
.hint-view.moveInit{transition: all 0.4s cubic-bezier(.17,.74,.23,1.53);-webkit-transition: all 0.4s cubic-bezier(.17,.74,.23,1.53);}
.hint-view.move.moveInit{/*bottom: 36%;*/opacity: 1;-webkit-transform:translateY(-100px);transform:translateY(-100px); }
.hint-view.fadeInit{transition: all 0.8s ease;-webkit-transition: all 0.8s ease;}
.hint-view.fadeOut.fadeInit{opacity: 0;}

.page{overflow: hidden;width: 100%;max-width: 1920px;}
.page header{position: fixed;width:100%;max-width: 1920px;background: #fff;z-index: 8;top: 0;left: 50%;transform: translateX(-50%);}
.page header>div{width:1800px;margin: 0 auto;height: 110px;display: flex;}


.logo{width: fit-content;height: 110px;display: block;padding:0 170px 0 220px;}
.logo p {    padding: 20px;font-size: 32px;line-height: 35px;font-weight: bold;color: #E62A89;    letter-spacing: .075em;}
.logo  img{display: block;width: 100px;;height: 110px;}
.page header>div ul{flex: 1;margin-left: 25px;display: flex;}
.page header>div ul li{padding: 0 25px;line-height: 110px;position: relative;letter-spacing: 0.075em;}
/* .page header>div ul li.on::before{display: block;content: '';width: 16px;height: 2px;background: #FFB300;position: absolute;left: 50%;bottom: 22px;transform: translateX(-50%);} */
/* .page header>div ul li.on:hover::before{display: block;content: '';width: 16px;height: 2px;background: #FFB300;position: absolute;left: 50%;bottom: 22px;transform: translateX(-50%);animation: none !important;z-index: 1;} */
/* .page header>div ul li:hover::before{display: block;content: '';width: 16px;height: 2px;background: #FFB300;position: absolute;left: 50%;bottom: 22px;transform: translateX(-50%);animation: addWidth .5s ease forwards;z-index: 1;} */
.page header>div ul li a{display: block;font-size: 15px;}
.navBox .headerRight {color: #FFFFFF}
.headerRight{display: flex;font-size: 20px;color: #4c4c4c;align-items: center;}
.headerRight>p::before{display:inline-block;content:'';width:26px;height: 26px;background: url(../img/1.png) no-repeat center;background-size: cover;vertical-align: middle;animation:roteMask .8s linear infinite ;transform-origin: 50% 50%;margin-right: 20px;}
.headerRight .wxChat{position: relative;font-size: 15px;margin-left: 33px;line-height: 110px;letter-spacing: 0.075em;}
/* .headerRight .wxChat::before{display:inline-block;content:'';width:0;height: 26px;background: url(../img/ico_zx_wx.png) no-repeat center;background-size: 20px auto;vertical-align: middle;} */
.headerRight .wxChat:hover >div{display: block;;animation: show .4s linear forwards;}
.headerRight .wxChat>div{width: 150px;height: 197px;position: absolute;bottom: -150px;left: 50%;transform: translateX(-50%);background: #FFFFFF;display: none;text-align: center;box-sizing: border-box;padding-top: 30px;}
.headerRight .wxChat>div img{width: 100%;}
.headerRight .wxChat>div>p{width: 100%;;text-align: left;line-height: 30px;border-bottom: 1px solid #5D5D5F;padding-left: 10px;    box-sizing: border-box;margin-bottom: 10px}
.headerRight .line{width: 1px;height: 19px;background: #000;margin: 0 20px;}
.headerRight .about {display: block;    font-size: 15px;letter-spacing: 0.075em;}
/* .topindexMain{width: 1920px;height:900px;margin: 0 auto;background: url(../img/pic_zx_banner.png) no-repeat center;background-size:auto 100% ;display: flex;flex-direction: column;justify-content: center;padding:0 170px; box-sizing: border-box;} */
.topindexMain{width: 1920px;height:100%;margin: 0 auto;display: flex;flex-direction: column;justify-content: center;box-sizing: border-box;}
.topindexMain img{height: 100%;object-fit: cover;}
.topindexMain h1{font-size: 100px;color:#fff ;line-height: 140px;text-shadow: 0px 0px 16px rgba(0,0,0,0.38);letter-spacing: 8px;}
.topindexMain h1 em{color: #FFBF24;}
.topindexMain h2{font-size: 60px;font-family: webfont;color: #FFFFFF;line-height: 90px;text-shadow: 0px 0px 16px rgba(0,0,0,0.38);margin-top: 33px;letter-spacing: 15px;}
.topindexMain p{line-height: 50px;padding-bottom: 50px; font-size: 22px;height: 100px;background: rgba(0, 0, 0, 0.2);position: absolute;bottom: 0;left: 0; width: 100%;color: #fff;z-index: 1;text-align: center;box-sizing: border-box;}
.indexTitle{height: 173px;line-height: 173px;text-align: center;font-size: 38px;color: #1C1C1C;}
.showOfList ul {display: grid;grid-template-columns:repeat(2,1fr);grid-gap:40px;width: 1840px;margin: 0 auto;}
.showOfList ul li{position: relative;overflow: hidden;}
.showOfList ul li:hover>img{transform: scale(1.1);transition: all .5s linear;}
.showOfList ul li:hover>a>img{transform: scale(1.1);transition: all .5s linear;}

.showOfList ul li img{display: block;width: 100%;object-fit: contain}
.introList ul li img{display: block;width: 100%;object-fit: contain}
.showOfList ul li p{position: absolute;bottom: 0;left: 0;width: 100%;height: 137px;background: linear-gradient(  rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 100%);line-height: 200px;color: #fff;text-indent: 35px;font-size: 20px;}

/* 主页介绍 */
.introList ul {display: grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;width: 1920px;margin: 0 auto;padding: 0 10px;box-sizing: border-box;}
.introList ul li{background: #DFE0E3;overflow: hidden;position: relative;height: 620px;}
.introList ul li .bg{width: 100%;height: 100%;position: absolute;left: 0;bottom: 0;background: rgba(255, 255, 255, .5);transform: translateY(0);}
.introList ul li:hover a>img{transform: scale(1.1);transition: all .5s linear;}
.introList ul li:hover .bg{ transform: translateY(100%);transition: all .2s linear;}
.introList ul li>a>div{position: absolute;bottom: 30px;z-index: 1;}
.introList ul li>a>div>p{color: #fff;text-indent: 40px;font-size: 2vw;line-height: 1.25;margin-bottom: 10px;letter-spacing: 0.075em;}
.introList ul li>a>div>p:nth-of-type(2){font-size: 1.125vw;line-height: 1.33;margin-bottom: 0;}
.introList ul li>a>div.textHidden{opacity: 0;}
.introList ul li:hover>a>div.textHidden{opacity: 1;transition: all .5s linear;}
.introList.addColorBg {margin: 10px auto 30px;}
.introList.addColorBg ul li .bg{width: 100%;height: 13px;position: absolute;left: 0;bottom: 0;background:#e71f19;transform: translateY(100%);}
.introList.addColorBg ul li:hover .bg{ transform: translateY(0);transition: all .2s linear;}

.typeOfList ul{width: 1400px;display: flex;justify-content: space-between;margin: 0 auto;}
.typeOfList ul li{width: 256px;height: 256px;overflow: hidden;position: relative;cursor: pointer;}
.typeOfList ul li img{display: block;width: 100%;}
.typeOfList ul li p{height: 60px;line-height: 60px;background: rgba(0, 0, 0, 0.2);position: absolute;bottom: 0;left: 0;width: 100%;color: #fff;font-size: 20px;text-align: center;z-index: 1;}
.typeOfList ul li div{display: block;width: 100%;height: 100%;padding: 54px 30px 0;font-size: 16px;color: #FFFFFF;line-height: 22px;background: rgba(0, 0, 0, 0.6);position: absolute;top: 0;left: 0;box-sizing: border-box;transform: translateY(100%);transition: all .2s linear;text-align: center;}
.typeOfList ul li:hover p{background: #FFB300;   }
.typeOfList ul li:hover{cursor: default;}
.typeOfList ul li:hover div{transform: translateY(0); }
.turnTop{background: url(../img/pic_sjs_bground.png) no-repeat center top;background-size:auto 550px ;overflow: hidden;}
.turnTop>div{height: 562px;width: 1400px;margin: 208px auto 0;}
.showInfo img{display:block;width: 400px;height: 562px;margin-right: 191px;}
.showInfo h5{font-weight: 600;font-size: 50px;color: #FFFFFF;line-height: 70px;}
.showInfo h6{width:max-content;height: 60px;border-radius: 38px;border: 2px solid #FFFFFF;line-height: 60px;text-align: center;color: #fff;font-size: 20px;padding: 0 25px;margin: 30px 0;}
.showInfo>li{display: none;}
.showInfo>li>div{flex: 1;margin-top: -70px;}
.showInfo>li>div>div{display: grid;grid-template-columns:repeat(2,1fr);}
.showInfo>li>div>div p {font-size: 20px;color: #FFFFFF;line-height: 40px;}
.showInfo .show{display: flex !important;}


.chooseList{display: flex;margin-top: -220px;z-index: 1;position: relative;margin-left: 400px;}
.chooseList a{width: 100px;height: 200px;background: #F1F1F1;font-weight: 400;font-size: 18px;color: #1C1C1C;line-height:100px;writing-mode: vertical-rl;margin-top: 20px;text-align: center;letter-spacing: 4px;}
.chooseList ul{display: flex;width: max-content;padding: 20px 0 0 20px;}
.chooseList ul li{margin-right: 20px;}
.chooseList ul li img{display: block;width: 100%;}

.power{width:1920px;padding: 0 100px;box-sizing: border-box;margin: 0 auto;display: flex;justify-content: space-around;}
.power .left{width: 361px;height: 440px;background-color: #E62989;padding: 20px 45px;box-sizing: border-box;}

.power .left h3{font-size: 46px;line-height: 50px;color: #fff;font-weight: 600;}
.power .left h4{font-size: 32px;line-height: 40px;color: #fff;font-weight: 400; }
.power .left h5{font-size: 26px;line-height: 30px;color: #fff;font-weight: 400;margin: 35px 0 25px 0;}

.power ul{display: grid;grid-template-columns:repeat(2,1fr);grid-gap:45px;width: 1287px;margin: 0 auto;background-color: #FFFFFF;}

.power ul li{display: flex;width: 600px;height: 200px;background: #FFFFFF;box-sizing: border-box;align-items: center;justify-content: flex-start;padding-left: 8px;}
.power ul li:hover{cursor: pointer;}
.power ul li img{display: block;width: 87px;height: 87px;margin-right: 49px;}
.power ul li h5{font-size: 34px;color: #1C1C1C;line-height: 50px;}
.power ul li p{font-size: 14px;color:#A1A1A1;line-height: 50px;}
.power ul li p:nth-child(3){font-size: 17px;}
.linkGo{height: 408px;background: url(../img/pic_lx_bground2.png) no-repeat center top;background-size:auto 408px ;display: flex;justify-content: center;align-items: center;flex-direction: column;margin-top: 60px;}
.linkGo h5{font-size: 16px;color: #FFFFFF;line-height: 25px;}
.linkGo a{width: 300px;height: 70px;border: 2px solid #FFFFFF;text-align: center;line-height: 70px;font-size: 20px;color: #FFFFFF;margin-top: 49px;position: relative;;animation: aniScale  1s linear infinite;}

.topMargin{width: 1920px;margin: 0 auto;height: 110px;}
.page footer{background: #202020;width: 1920px;margin: 0 auto;}
.page footer>div{width:  1820px;margin: 0 auto;height: 40px;display: flex;justify-content: space-between;align-items: center;}
.page footer>div p{line-height: 40px;font-size: 16px;color: #FFFFFF;}
.page footer>div p:nth-of-type(2){font-size: 20px;}
/* .page footer .info img{display: block;width: 241px;margin-bottom: 36px;}
.page footer .info p{font-size: 14px;color: #FFFFFF;line-height: 20px;margin-bottom: 14px;}
.page footer .info p i{display: inline-block;width: 60px;text-align: right;}
.page footer .menu{display: flex;}
.page footer .menu li{width: 208px;border-right: 1px solid #4B4B4B;padding:0 60px;box-sizing: border-box;}
.page footer .menu li:nth-last-of-type(1){border-right:none;}
.page footer .menu li a{font-size: 14px;color: rgba(255,255,255,.5);line-height: 20px;display: inline-block;margin-bottom: 14px;}
.page footer .menu li a:nth-last-of-type(1){margin: 0;}
.page footer .menu li a:hover{color: #fff;text-decoration-line: underline;}
.page footer .menu li h5{font-size: 17px;color: #FFFFFF;line-height: 24px;margin-bottom: 20px;} */
.showTitle{height: 300px;line-height: 300px;margin: 110px auto 0;background: url(../img/pic_an_bground.png) no-repeat center top;background-size: auto 100%;color:#fff}
.onlyMargin{margin: 40px auto;}
.designTitle{height: 300px;line-height: 300px;margin: 110px auto 0;background: url(../img/pic_sjs_bground_all.png) no-repeat center top;background-size: auto 100%;color:#fff}
.designList{margin: 40px 0 20px;}
.designList ul{width: 1852px;margin: 0 auto;display: grid;grid-template-columns:repeat(3,1fr);grid-gap:41px 53px;}
.designList ul li{display: flex;flex-direction: column;background: #FFFFFF;border: 1px solid #DBDBDB;}
.designList ul li:hover div{background: #FFB300;}
.designList ul li:hover div p,.designList ul li:hover div h3,.designList ul li:hover div h4{color: #FFFFFF;}
.designList ul li:nth-of-type(2n){flex-direction: column-reverse;}
.designList ul li img{display: block;width: 100%;}
.designList ul li div{text-align: center;height: 415px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.designList ul li div h3{font-weight: 600;font-size: 28px;color: #1C1C1C;line-height: 40px;}
.designList ul li div h4{font-size: 17px;color: #1C1C1C;line-height: 24px;margin: 34px 0 44px;white-space:pre-line;}
.designList ul li div p{font-weight: 400;font-size: 15px;color: #777777;line-height: 26px;white-space:pre-line;}
.buildTeam{width: 100%;height: 681px;background: url(../img/pic_sg_bground.png) no-repeat center top;background-size: auto 100%;display: flex;justify-content: center;align-items: center;}
.buildTeam>div{width: 440px;height: 486px;background: rgba(255,255,255,.8);box-sizing: border-box;padding: 67px 70px 0;margin-right: 150px;}
.buildTeam>div h5{font-weight: 600;font-size: 28px;color: #1C1C1C;line-height: 40px;margin-bottom: 28px;}
.buildTeam>div p{font-weight: 400;font-size: 17px;color: #1C1C1C;line-height: 24px;margin-bottom: 22px;}
.buildTeam>ul{display: grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;width: 620px;}
.buildTeam>ul li img{display: block;width: 100%;}
.teamBox>div{display: flex;justify-content: space-between;width: 1852px;margin: 0 auto 47px;}
.teamBox>div>div{width: 906px;height: 681px;background: #000;position: relative;overflow: hidden;}
.teamBox>div>div img{display: block;width: 100%;}
.teamBox>div>div>p{height: 90px;background: rgba(255,255,255,.1);width: 100%;position: absolute;bottom: 0;left: 0;line-height: 90px;color: #fff;text-align: center;font-size: 18px;}
.teamBox>div>div .txt{width: 660px;height: 480px;background: #FFFFFF;border-top: 4px solid #FFB300;}
.teamBox>div>div .txt h5{font-weight: 600;font-size: 28px;color: #1C1C1C;line-height: 40px;}
.teamBox>div>div .txt h6{font-size: 17px;color: #1C1C1C;line-height: 24px;margin: 15px 0 30px;}
.teamBox>div>div .txt p{font-weight: 400;font-size: 16px;color: #777777;line-height: 22px;}
.teamBox>div>div .content{display: flex;justify-content: center;align-items: center;    background: rgba(0, 0, 0, 0.8);width: 906px;height: 681px;position: absolute;top: 0;left: 0;box-sizing: border-box;transform: translateY(100%);transition: all .2s linear;}
.teamBox >div>div:hover div{transform: translateY(0);}
.teamBox>div>div .content .txt{display: flex;justify-content: center;align-items: center;flex-direction: column;text-align: center;padding: 0 110px;box-sizing: border-box;}
.teamBox>div>div .content .txt h6{white-space: pre-line;}
.aboutTitle{height: 300px;line-height: 300px;margin: 110px auto 0;background: url(../img/pic_us_bground.png) no-repeat center top;background-size: auto 100%;color:#fff}
.flowTitle{height: 300px;line-height: 300px;margin: 110px auto 0;background: url(../img/pic_fw_bground.png) no-repeat center top;background-size: auto 100%;color:#fff}

/* 关于我们 */
.about_content {width: 1400px;height: auto;margin: 0 auto;}
.about_content h2 {font-weight: 500;font-size: 38px;color: #1C1C1C;line-height: 53px;text-align: center;margin-top: 62px;}
.about_content h5 {font-weight: 400;font-size: 17px;color: #1C1C1C;line-height: 24px;text-align: center;margin:12px 0 0 0;}
.about_content .img_box {width: 100%;height: 501px;;display: flex;align-items: center;justify-content: space-between;margin: 55px 0 0 0;}
.about_content .img_box li{width: 446px;height: 501px;background: #FFFFFF;border: 1px solid #DBDBDB;box-sizing: border-box;display: flex;flex-direction: column;}
.about_content .img_box li img{width: 100%;max-height: 300px;}
.about_content .img_box>li>div{width: 100%;height: 199px;display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;}
.about_content .img_box li:nth-child(2) {flex-direction: column-reverse;}
.about_content .img_box li:nth-child(2) .triangle {bottom: -30px ;transform: translateX(-50%) rotate(180deg) ;}
.about_content .img_box li:nth-child(1) .triangle,.about_content .img_box li:nth-child(3) .triangle {top: -30px ;}
.about_content h4 {font-weight: 600;font-size: 24px;color: #1C1C1C;line-height: 33px;text-align: center;margin-bottom: 10px;}
.about_content p{font-weight: 400;font-size: 15px;color: #1C1C1C;line-height: 26px;text-align: center;padding: 0 50px;min-height:52px;}
.about_content .triangle {width: 0;height: 0;border-style: solid;border-width: 0 30px 30px 30px;;border-color: transparent transparent #FFFFFF transparent ;position: absolute;left: 50%;transform: translateX(-50%);}

.about_content .process {width: 1400px;;margin: 55px 0 0 0;}
.about_content .process_ul {width: 1400px;}
.about_content .process_ul{width: 100%; display: flex;align-items: center;justify-content: space-between;}
.about_content .process_ul li{width: 220px;height: 220px;background: #FBFBFB;}
.about_content .process_ul li img{width: 83px;height: 68px;margin-bottom: 24px;}
.about_content .process_ul li>div{width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.about_content .process_ul li.active{background: #FFB300;}
.about_content .process_ul li.active>div:nth-child(1){display: none;}
.about_content .process_ul li>div:nth-child(2){display: none;}
.about_content .process_ul li.active>div:nth-child(2){display: flex ;}
.about_content .process_ul li.active>div:nth-child(2)>p{color: #FFFFFF;padding: 0 15px ;}

/* 关于我们new */
.ques {width: 1400px;margin: 70px auto;}
.ques .quesItem{margin-bottom: 204px;}
.ques .quesItem p{font-size: 23px;line-height: 40px;letter-spacing: 0.075em;color: #221814;margin-top: 60px;}
.ques .quesItem h2{font-size: 33px;line-height: 40px;letter-spacing: 0.075em;display: flex;color: #221814;}
.ques .quesItem h2 p{font-size: 28px;line-height: 40px;letter-spacing: 0.075em;margin-left: 80px;margin-top: 0;color: #8D8D8D;}



.process_line {width: 1400px;height: 4px;background: #F0F0F0;display: flex;justify-content: space-between;align-items: center;margin-top: 35px;}
.process_line>div{width: 220px;height: 100%;position: relative;}
.process_line>div.active{background: #FFB300;}
.process_line>div.active>.dot{background: #FFB300;}
.process_line>div>.dot{width: 20px;height: 20px;border-radius: 50%;background: #F0F0F0;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);;}

.process-detail-box {width: 1400px;margin: 55px 0 60px 0;display: grid;grid-template-columns: repeat(5,1fr);grid-gap: 50px 60px;}
.process-detail-box>li {position: relative;display: flex;}
.process-detail-box>li>div{flex: 1;}
.process-detail-box>li>.process-box,.process-box-big {width: 232px;height: 62px;border-radius: 8px;border: 2px solid #1C1C1C;box-sizing: border-box;line-height: 62px;text-align: center;;font-weight: 400;font-size: 14px;color: #1C1C1C;}
.process-detail>ul li::after{display: block;content: '';width:  60px;height: 60px;background: url(../img/ico_lc_jt01.png) center/40px no-repeat;position: absolute;top: 1px;right: -60px;}
.process-detail>ul li:nth-of-type(10n-4)::after,.process-detail>ul li:nth-of-type(10n-5)::after{bottom: -54px;left: 50%;top:auto;right:auto;transform: rotate(90deg) translateY(50%);}
.process-detail>ul li:nth-of-type(10n-3)::after,.process-detail>ul li:nth-of-type(10n-2)::after,.process-detail>ul li:nth-of-type(10n-1)::after,.process-detail>ul li:nth-of-type(10n)::after{left:-60px;right:auto;transform: rotate(180deg);}
.process-detail>ul li:nth-last-of-type(1){grid-column: span 5;}
.process-detail>ul li:nth-last-of-type(1)::after{display: none;}
/* 案列 */
.example_content {width: 1400px;height: auto;margin: 110px auto 0;}

.example_content  .cyclicBox{width: 1000px;height: 640px;overflow: hidden;}
.example_content  .cyclicBox .cyclic{width: max-content;display: flex;}
.example_content  .cyclicBox .cyclic>li{width: 1000px;height: 640px;margin: 0 auto;position: relative;}
.example_content  .cyclicBox .cyclic>li>p{position: absolute;bottom: 16px;left: 17px;font-weight: 400;font-size: 20px;color: #FFFFFF;line-height: 28px;}
.example_content  .cyclicBox .cyclic>li>img{width: 1000px;height: 640px;}
.example_content  .cyclicBox .turnUl{display: flex;}

.example_content  .scrollContain {width: 1400px;margin: 0 auto 117px;display: flex;align-items: center;justify-content: space-between;}

.example_content  .scrollBox{width: 350px;height: 640px;overflow: hidden;position: relative;}
.example_content  .scrollBox .cyclicY{height: max-content;display: flex;}
.example_content  .scrollBox .cyclicY>li{width: 350px;height: 200px;margin: 0 auto 15px;position: relative;}
.example_content  .scrollBox .cyclicY>li>p{position: absolute;bottom: 16px;left: 17px;font-weight: 400;font-size: 20px;color: #FFFFFF;line-height: 28px;}
.example_content  .scrollBox .cyclicY>li>img{width: 350px;height: 200px;}
.example_content  .scrollBox .turnUl{display: flex;flex-direction: column;}

.turn {position: relative;width: 100%;height: 100%;}
.turn ul {}
.turn .btn {width: 95%;display: flex;align-items: center;justify-content: space-between;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.turn .btn>.pre {width: 78px;height: 78px;background:url(../img/pic_xq_xia.png) center/100% no-repeat;transform: rotate(180deg);}
.turn .btn>.next{width: 78px;height: 78px;background:url(../img/pic_xq_xia.png) center/100% no-repeat;}
.scrollBox .btn2 {width: 100% !important;height: 100% !important;display: flex;align-items: center;justify-content: space-between;flex-direction: column;position: absolute;top: 0 !important;left: 0 !important; transform: none !important;}
.scrollBox .btn2>.pre {width: 350px;height: 40px;background:url(../img/pic_xq_qian.png) center/100% no-repeat;transform: none !important;}
.scrollBox .btn2>.next{width: 350px;height: 40px;background:url(../img/pic_xq_hou.png) center/100% no-repeat;}
.turn .pointer {min-width: 120px;height: auto;position: absolute;left: 50%;bottom: 50px;transform: translateX(-50%);border-radius: 20px;overflow: hidden;display: flex;align-items: center;justify-content:space-around;}
.turn .pointer .dot {width: 13px;height: 13px;background-color: rgba(255, 255, 255, .4);border-radius: 50%;margin:0 5px;}
.turn .pointer .dot.active {background-color: rgba(255, 255, 255, 1);}


.example_content  .imgBox {width: 1400px;margin: 0 auto 32px;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.example_content  .imgBox li{position: relative;width: 680px;height: 454px;margin-bottom: 40px;}
.example_content  .imgBox li>a>img{width: 680px;height: 454px;}
.example_content  .imgBox li>a>p{position: absolute;bottom: 16px;left: 17px;font-weight: 400;font-size: 20px;color: #FFFFFF;line-height: 28px;}

/* 个人 */

.person_content {width: 1400px;height: auto;margin: 57px auto 0;}
.person_pics {width: 1840px;padding-top: 70px;display: flex;align-items: center;justify-content: space-between;margin: 0 auto;}
.person_pics img {width: 590px;height: 430px; object-fit: contain;}


.wrap_word {display: flex;align-items: center;justify-content: center;}
.wrap_word>img {width: 506px;height: 462px;}
.wrap_desc {width: 651px;min-height: 416px;font-weight: 400;font-size: 15px;color: #1C1C1C;line-height: 26px;margin-left: 182px;}
.wrap_desc p{margin-top: 20px;}
.personP{font-weight: 500;font-size: 38px;color: #1C1C1C;line-height: 53px;text-align: center;margin: 100px 0 70px;}

.wrap_desc h3, .person_desc h3{font-weight: 500;font-size: 38px;color: #1C1C1C;line-height: 53px;text-align: left;margin: 0 auto;}

.person_word h4{font-weight: 500;font-size: 16px;color: #1C1C1C;line-height: 22px;margin-top: 10px;}
.person_desc {width: 1920px;display: flex;align-items: center;justify-content: space-between;margin: 300px 0 0;position: relative;}
.person_desc1::before {display: block;content: '';width: 259px;height: 259px;background: #F2F2F2;border-radius: 50%;bottom: -50px;left: 200px;position: absolute;z-index: 2;}
.person_desc2::after{display: block;content: '';    width: 0;height: 0;border-left: 180px solid transparent;  border-right: 180px solid transparent;  border-bottom: 259px solid rgba(255, 179, 0, .4); transform: rotate(45deg);bottom: -30px;right: 100px;position: absolute;z-index: 2;}



.person_word {width: 302px;margin-left: 400px;position: relative;z-index: 3;}
.person_bg{ width: 1130px;border-bottom: 380px solid #FFB300; border-left: 100px solid transparent;position: relative;    box-sizing: border-box;}
.person_bg2{ width: 1130px;border-bottom: 380px solid #F2F2F2; border-right: 100px solid transparent;position: relative;    box-sizing: border-box;border-left: 0;}
.person_word>p{margin-top: 10px;}
.person_word>p::before{display: inline-block;content: '';width: 5px;height: 5px;background: #1C1C1C;border-radius: 50%;vertical-align: middle;margin-right: 12px;}

.person_bg1>img {width: 462px;height: 626px;position: absolute;bottom: -382px;left: 50%;transform: translateX(-50%);}
.person_bg2>img {width: 676px;height: 658px;position: absolute;bottom: -382px;left: 50%;transform: translateX(-50%);}

.pop {width: 1400px;height: 558px;margin: 0 auto 60px;box-sizing: border-box;}
.pop img{width: 100%;height: 100%;}





@keyframes aniScale {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}

	to {
		transform: scale(1);
	}
}


.about_content{margin-top: 62px !important;}
.person_content{margin-top: 72px !important;}

.dialog {width: 1920px;height: 100vh;display: none;position: fixed;top: 0;left: 50%;transform: translateX(-50%);background:rgb(177, 177, 177, 1);z-index: 9;}
.dialog_tit {width: 1800px;height:110px;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;position: relative;    justify-content: space-between;align-items: center;z-index: 2;}
.dialog_tit .close {display: block;width: 40px;height: 40px;margin-right: 100px;}
.dialog_tit >.headerRight >img{display: block;width: 40px;height: 40px;margin-right: 70px;}
.dialog ul {width: 1800px;margin: 40px auto 0;padding-left: 125px;box-sizing: border-box;position: absolute;left: 0;bottom: 30vh;}
.dialog ul li a{display: block;font-size:60px;line-height: 1.5;color: rgba(255, 255, 255, 0.5);cursor: pointer;}
.dialog ul li a span:nth-of-type(1){font-family: CascadiaMono;font-size:66px;}
.dialog ul li a span:hover{color: #fff;}
.dialog ul li a span{letter-spacing: 0.075em;}
.dialog ul li a span.en{display: none;}
.dialog .toppng{display: block;width: 158px;position: absolute;right: 53px;bottom: calc(65vh + 110px);}
.dialog .toppng img{width: 100%;}
.dialog .topLogo{display: block;width: 154px;position: absolute;right: 53px;bottom:calc(5vh + 110px);}
.dialog .topLogo img{width: 100%;}
/* .dialog .topLogo p{ padding: 10px;font-size: 50px;line-height: 60px;color:rgba(255, 255, 255, 1);letter-spacing: .075em;} */
.dialog  .boxWrap{width: 1800px;margin: 0 auto;height: 100%;position: relative;z-index: 1;}

/* 弹窗2 */
.dialog2 {width: 100%;height: 100%;display: none;position: fixed;top: 0;left: 0;background: rgba(0, 0, 0, .6);z-index: 9;align-items: center;justify-content: center;}
.dialog_contain {width: 1051px;height: 740px;background: #FFFFFF;display: flex;align-items: center;justify-content: center;position: relative;}
.dialog_contain .close {width: 50px;height: 50px;background: url(../img/close.png) center/100% no-repeat;position: absolute;bottom: -70px;left: 50%;transform: translateX(-50%);}
.dia_img{width: 382px;height: 700px;margin-right: 140px;}
.dialog_word {text-align: center;}
.dia_log{width: 79px;height: 58px;}
.dialog_word h1{font-size: 38px;color:#1C1C1C ;line-height: 53px;margin-top: 38px;}
.dialog_word h1 em{color: #FFBF24;}
.dialog_word .dialog_wordp{font-weight: 500;font-size: 16px;line-height: 30px;color: #1C1C1C;margin: 30px 0 90px 0;}
.dialog_word h4 { font-weight: 600;font-size: 20px;color: #1C1C1C;line-height: 28px;margin-bottom: 10px;}
.dialog_word h6 {font-weight: 600;font-size: 16px;color: #1C1C1C;line-height: 22px;}
.dialog_word .dia_wx{min-height: 240px;}
/* .dialog_word .dia_wx:hover .wxChat{display: block;} */
.dialog_word .wxChat{width: 150px;height: 196px;background: url(../img/ico_ke_bground02.png) center/100% no-repeat;margin: 0 auto;padding: 20px 0;box-sizing: border-box;}
.dialog_word .wxChat img{width: 126px;height: 126px;}
.dialog_word .wxChat p{text-align: center;margin-top: 10px;}
.dialog_word h4 span{display: inline-block;width: 26px;height: 27px;background: url(../img/ico_contact_phone.png) center/100% no-repeat;vertical-align: middle;margin-right: 5px;}
.dialog_word h6 span{display: inline-block;width: 23px;height: 18px;background: url(../img/ico_contact_wx.png) center/100% no-repeat;vertical-align: middle;margin-right: 5px;}


.load {transform: translateY(130px);}
.loadOld {transform: translateY(0);;transition: all .3s ease;}
.image-container{position:relative;overflow:hidden;}
.image-container img{animation: aniScale 1s ease 1;}
.image-container::before,.image-container::after{display: block;content:"";position:absolute;width:0;height:0;z-index: 1;}
.image-container::before {top:10px ;left:10px;border-top:2px solid #FFFFFF;border-left:2px solid #FFFFFF;animation: widScale 1s ease forwards}
.image-container::after {bottom:10px;right:10px;border-bottom:2px solid #FFB300;border-right:2px solid #FFB300; animation: widScale 1s ease forwards}

/* 轮播 */
.garage{width: 1920px;;margin:30px auto;overflow: hidden;}
.garage .garageTitle{padding-left: 175px;}
.garage .garageTitle p{font-size: 20px;line-height: 30px;}
.garage .garageTitle h4{font-size: 34px;line-height: 50px;}
.garage .turn{position: relative;}
.garage .turn ul{width: max-content;display: flex;}
.garage .turn .desc{width: 602px;height: 432px;background-color: rgba(255, 255, 255, .5);position: absolute;padding: 50px;box-sizing: border-box;bottom: 50%;left: 1100px;transform: translateY(50%);z-index: 2;}
.garage .turn .desc p{ text-align: left;color: #272626;font-size: 18px;font-weight: 400;line-height: 30px;}
.garage .turn li{position: relative;display: block;width: 1260px;height: 722px;margin-right: 277px;}
.garage .turn li img{display: block;width: 100%;height: 100%;transition: all .4s linear;}
.garage h1{font-size: 48px;line-height: 50px; margin-bottom: 30px;white-space: pre-wrap;}
/* .garage  .turn ul li p{width:100%;height: 180px;background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.8) 100%);position: absolute;bottom: 0;left: 0;color: rgba(255,255,255,.7);line-height: 200px;text-indent: 2em;font-size: 20px;} */

/* 首页轮播 */
.bannerBox {width: 1920px;height: 100vh;margin: 0 auto;overflow: hidden;position: relative;}
.bannerBox .turn .topAdd {width: 100%;height: 100%;background: url(../img/banner_bg.png) center/100% no-repeat;position: absolute;bottom: 0;left: 0;z-index: 2;}
.bannerBox .turn .topAdd .toppng{display: block;width: 158px;position: absolute;right: 120px;bottom: 65vh;}
.bannerBox .turn .topAdd .toppng img{width: 100%;}
.bannerBox .turn .topAdd .topLogo{display: block;width: 154px;position: absolute;right: 120px;bottom: 5vh;}
.bannerBox .turn .topAdd .topLogo img{width: 100%;}
.bannerBox .turn ul{width: max-content;display: flex; margin: 0 auto;}
.bannerBox .turn li{position: relative;display: block;width: 100%;}
.bannerBox .turn .pointer {min-width: 120px;height: auto;position: absolute;left: 170px;bottom: 90px;transform: translateX(0);border-radius: 20px;overflow: hidden;display: flex;align-items: center;justify-content:space-around;z-index: 3;}
.menuList {position: relative;width: 1700px;height: 174px;margin: 0 auto; margin-top: 15px;padding: 13px 25px 34px;box-sizing: border-box;background-color: #FFFFFF;}
.menuList .menuBox {width: 100%;height: 100%;background-color: #FFFFFF;box-shadow: 0 0 20px 10px #F8F8F8;display: flex;align-items: center;}
.menuList .menuBox >div{width: 260px;display: flex;align-items: center;color: #ABACAB;font-size: 16px;padding: 0 30px;box-sizing: border-box;position: relative;}
.menuList .line {display:block;height: 60px;width: 2px !important;;background: #FAFAFA;}
.menuList .location {position: relative;}
.menuList .location .address{display: block;margin-left: 10px;}
.menuList .location .open{display: block;margin-left: 5px;width: 9px;height: 7px;background: url(../img/ico_pop_sel.png) center no-repeat;background-size: 10px 7px;padding: 5px;}
.menuList .location .open.active{transform: rotate(180deg);}
.menuList .location>div {width: 100%;display: flex;align-items: center;}
.menuList .menuBox>div>img {display: block;width: 50px;height: 50px;    margin-right: 10px;;}
.menuList .menuBox>.tips{width: 300px;color: #221814;font-size: 22px;line-height: 34px;}
.menuList .location .selection {width: 60px;height: 200px;position: absolute;top: 30px;overflow-y: scroll;background: #fff;border: 1px solid #f2f2f2;border-radius: 5px;box-shadow: 0 0 10px 1px #0000001a;;z-index: 2;margin-left: 90px;display: none;}
.menuList .location .selection::-webkit-scrollbar {width:2px;height:auto;background-color:#E8E7E6;}
.menuList .location .selection::-webkit-scrollbar-thumb {background: #AAA9A9; /* 设置滑块的背景颜色 */}
.menuList .location .selection li {align-items: center;border-bottom: 1px solid #eee;color: #787878;cursor: pointer;display: flex;font-size: 14px;font-weight: 400;height: 25px;line-height: 20px;padding: 5px 0 5px 10px;}
.menuList .location .selection li.active {background-color: #F0F0F0;color: #1C1C1C;}
.menuList .inputBox {width:130px;border: none;height: 50px;font-size: 16px;;line-height: 50px;box-sizing: border-box;  white-space: nowrap;overflow: auto;color: #000000;}
.menuList .inputBox::placeholder {color: #ABACAB;font-size: 16px;}
input:-internal-autofill-selected {background-color: none;}
input[type=button],input[type=password],input[type=reset],input[type=submit],input[type=text]{-webkit-appearance:none}
blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
/* .menuList .inputBox:empty:before {content: attr(placeholder);color:#ABACAB;}
.menuList .inputBox:focus:before {content:none} */
.menuList .inputBox::-webkit-scrollbar{display: none;}
.menuList .strong {flex:1;;border-bottom: 130px solid #E62989;border-left: 50px solid transparent;position: relative; box-sizing: border-box;position: relative;}
.menuList .record {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 28px;color: #FFFFFF;}

.titleBox {width: 1920px; margin: 0 auto; padding: 0 160px 78px;box-sizing: border-box;height: 310px;display: flex;flex-direction: column;justify-content: flex-end;}
.titleBox p{font-size: 17px;color: #221814;line-height: 30px;margin-right: 80px;    letter-spacing: 0.2em}
.titleBox h4{font-size: 74px;font-family:baidu;color: #221814;line-height: 100px;letter-spacing: 0px;}
.titleBox .second{display: flex;align-items: flex-end;justify-content: space-between;}
.titleBox .second>div {display: flex;}
.titleBox .second>div .more{display: flex;align-items: center;cursor: pointer;}
.titleBox .second>div .more span{display: inline-block;width:20px;height: 21px;background: url(../img/ico_home_next.png) center/100% no-repeat;margin-right: 20px;;}

/* news */
.newBox{width: 1920px;margin: 0 auto;display: grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;padding: 10px;box-sizing: border-box;}
.newBox>div {height: 424px;background-color:#DFE0E3;position: relative;overflow: hidden;}
.newBox>div img {width: 100%;    position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%)}
.newBox>div p {line-height: 57px;font-size: 22px;height: 57px;background: rgba(0, 0, 0, 0.2);position: absolute;bottom: 0; left: 0;width: 100%;color: #fff;z-index: 1;padding-left: 15px;box-sizing: border-box;}

/* 首页尾部 */
.page .mainFoot{background: #B3B3B3;}
.page .mainFoot>div:nth-child(2){width:  1920px;margin: 0 auto;height: 320px;display: flex;justify-content: space-between;align-items: center;padding: 0 167px;box-sizing: border-box;}
.page .mainFoot .info img{display: block;width: 241px;margin-bottom: 36px;}
.page .mainFoot .info p{font-size: 14px;color: #FFFFFF;line-height: 20px;margin-bottom: 14px;letter-spacing: 0.075em;}
.page .mainFoot .info p i{display: inline-block;min-width: 20px;text-align: left;}
.page .mainFoot .titleBox p,.page .mainFoot .titleBox h4{color: #FFFFFF;}
.page .mainFoot .pic {width: 258px;height: 258px;padding: 10px;box-sizing: border-box;background: #FFFFFF;}
.page .mainFoot .pic img {width: 100%;height: 100%;object-fit: contain;}
.page .mainFoot .more span{background: url(../img/ico_home_next02.png) center/100% no-repeat !important;}
/*  */
/* 首页头部 */
.mainHeader header {background: none;}
.mainHeader header>.navBox {width: 100%;display: flex;justify-content: space-between;align-items: center;color: #FFFFFF;padding: 0 60px;box-sizing: border-box;}
.headerLeft {display: flex;align-items: center;}
.headerLeft .navHeader{position: relative;}
.icon-list{position: relative;transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);width: 40px;height: 40px;cursor: pointer;background-color: transparent;margin-right: 85px;}
.icon-list::after {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: block;width: 40px;height: 40px;border-radius: 100%;transform: scale(0);transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);}
.icon-list:hover::after{transform: scale(1);background-color: rgba(0, 0, 0, .1);transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);}

.icon-open{background: url(../img/ico_home_list-2.png) center/100% no-repeat;background-size: 50%;background-repeat: no-repeat;background-position: center;}
.navBox .icon-open{background: url(../img/ico_home_list.png) center/100% no-repeat ;background-size: 50%;background-repeat: no-repeat;background-position: center;}
.icon-close{background: url(../img/close.png) center/100% no-repeat;background-size: 50%;background-repeat: no-repeat;background-position: center;}
.icon-lans {display: flex;align-items: center;position: relative;}
.icon-lans span{display: block;;margin-right: 20px;color: #fff;line-height: 40px;font-size: 16px;cursor: pointer;}
.icon-lans span.language{width: 20px;}
.icon-lans span.langImg{width: 20px;height: 20px;;background: url(../img/2.png) center/100% no-repeat;}
/* .icon-lans span.sel{width: 20px;height: 20px;;background: url(../img/ico_home_globel.png) center/100% no-repeat;} */
.lanlist{width: 70%;;position: absolute;top: 100%;right: 0;display: none;background-color: #fff;border-radius: 6px;box-shadow: 2px 10px 18px rgba(0, 0, 0, 0.1);overflow: hidden;}
.lanlist.active{display:block;}
.lanlist>div{height: 32px;padding-right: 22px;color: #000;line-height: 32px;display: flex;flex-direction: row;justify-content: flex-end;width: 100%;border-bottom: 1px rgba(0, 0, 0, 0.05) solid;cursor: pointer;box-sizing: border-box;}
.lanlist>div:hover{background: #ddd;color: #000;}


.turn {position: relative;}
.turn ul {position: relative;}
.turn .btnFirst {width: 10%;display: flex;align-items: center;justify-content: space-between;position: absolute;left: 1310px;bottom: 10%;}
.turn .btnFirst .pre>img,.turn .btnFirst .next>img{width: 30px;height: 15px;object-fit: contain;}
.turn .btnFirst>.next,.turn .btnFirst>.pre{display: flex;align-items: center;justify-content: center;}
.turn .btnFirst>p{font-family:webfont;color: #221814;font-size: 26px;}
.turn .btnFirst>p>span {font-family: webfont;color: #221814;font-size: 36px !important;}

.scrollStyle{background: transparent;}

/* 优选项目 *关于我们首页*/
.bannerProject {width: 1920px;height: 100vh;margin: 0 auto;overflow: hidden;position: relative;}
.bannerProject .turn ul{width: max-content;display: flex; margin: 0 auto;}
.bannerProject .turn li{position: relative;display: block;width: 100%;}
.bannerProject .turn .pointer {min-width: 120px;height: auto;position: absolute;left: 50%;bottom: 20px;transform: translateX(-50%);border-radius: 20px;overflow: hidden;display: flex;align-items: center;justify-content:space-around;z-index: 3;}
.bannerProject .turn .btnFirst {width: 90%;display: flex;align-items: center;justify-content: space-between;position: absolute;left: 50%;transform: translateX(-50%);bottom: 50%;z-index: 3;}
.bannerProject .turn .pointer .dot {width: 13px;height: 13px;background-color: #FFFFFF;border-radius: 50%;margin:0 5px;border: 2px solid #FFFFFF;box-sizing: border-box;}
.bannerProject .turn .pointer .dot.active {border: 2px solid #FFFFFF;background-color:transparent;}
.bannerProject .turn .btnFirst .pre>img,.turn .btnFirst .next>img{width: 30px;height: 58px;object-fit: contain;}

/* 关于我们 成员 */
.memberBox {width: 1920px;height: 960px;margin: 0 auto;overflow: hidden;position: relative;}
.memberBox .turn ul{width: max-content;display: flex; margin: 0 auto;}
.memberBox .turn li{position: relative;display: block;width: 100%;}
.memberBox .turn .pointer {min-width: 120px;height: auto;position: absolute;left: 50%;bottom: 20px;transform: translateX(-50%);border-radius: 20px;overflow: hidden;display: flex;align-items: center;justify-content:space-around;z-index: 3;}
.memberBox .turn .btnFirst {width: 90%;display: flex;align-items: center;justify-content: space-between;position: absolute;left: 50%;transform: translateX(-50%);bottom: 50%;}
.memberBox .turn .btnFirst .pre>img,.turn .btnFirst .next>img{width: 30px;height: 58px;object-fit: contain;}
.memberList {width: 1800px;margin: 20px auto;display: flex;align-items: center;}
.memberList li{position: relative;display: flex;align-items: center;margin-right: 10px;}
.memberList li img{width: 344px;height: 344px;}
.memberList li .desc{width: 344px;height: 344px;position: absolute;left: 0;top: 0;z-index: -1;color: #221814;display: flex;justify-content: center;flex-direction: column;}
.memberList li .desc p {font-family: SitkaVF;font-size: 30px;line-height: 35px;margin-bottom: 20px;text-align: center;font-weight: bold;}
.memberList li .desc p:nth-of-type(2){font-size: 26px;color: #787878;font-weight: 400;}
.memberList li:hover .desc{left:344px;transition: all .2s linear;}
.memberList li:hover::after{width: 344px;height: 344px;content: '';display: inline-block;;}
.memberList.second li img{width: 295px;height:295px;}
.memberList.second li .desc{width: 295px;height: 295px;}
.memberList.second li:hover .desc{left:295px;}
.memberList.second li:hover::after{width: 295px;height: 295px;}

/* 提示框css */
.hintMask{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.35);display:flex;justify-content:center;align-items:center;display:none}
.hintMask .cont{width:auto;max-height:80vh;background:#fff;border-radius:.4rem;position:relative}
.hintMask .cont .showImg{display:block;max-height:100%;width:auto;max-width:80vw}
.hintMask .cont .ico_vip_close{position:absolute;bottom:-1rem;left:50%;margin-left:-.26rem;width:.73rem;height:.73rem}
/* 旧头部样式 */
/* .page header>.headerOri{width:1400px;margin: 0 auto;height: 80px !important;display: flex;}
.headerOri .logo{width: 270px;height: 80px !important;padding: 0;}
.headerOri .logo  img{display: block;width: 100%;height: 80px !important;}
.page header>.headerOri ul{flex: 1;margin-left: 25px;display: flex;}
.page header>.headerOri ul li{padding: 0 25px;line-height: 80px;position: relative;letter-spacing: normal;}
.page header>.headerOri ul li.on::before{display: block;content: '';width: 16px;height: 2px;background: #FFB300;position: absolute;left: 50%;bottom: 22px;transform: translateX(-50%);}
.page header>.headerOri ul li.on:hover::before{display: block;content: '';width: 16px;height: 2px;background: #FFB300;position: absolute;left: 50%;bottom: 22px;transform: translateX(-50%);animation: none !important;z-index: 1;}
.page header>.headerOri ul li:hover::before{display: block;content: '';width: 16px;height: 2px;background: #FFB300;position: absolute;left: 50%;bottom: 22px;transform: translateX(-50%);animation: addWidth .5s ease forwards;z-index: 1;}
.page header>.headerOri ul li a{display: block;font-size: 15px;}
.headerOri .headerRight{display: flex;font-size: 20px;color: #1C1C1C;align-items: center;}
.headerOri .headerRight>p::before{display:inline-block;content:'';width:26px;height: 26px;background: url(../img/ico_zx_phone.png) no-repeat center;background-size: cover;vertical-align: middle;animation:roteMask .8s linear infinite ;transform-origin: 50% 50%;}
.headerOri .headerRight .wxChat{position: relative;font-size: 16px;margin-left: 33px;letter-spacing: normal;line-height: normal;}
.headerOri .headerRight .wxChat::before{display:inline-block;content:'';width:0;height: 26px;background: url(../img/ico_zx_wx.png) no-repeat center;background-size: 20px auto;vertical-align: middle;}
.headerOri .headerRight .wxChat:hover >div{display: block;;animation: show .4s linear forwards;}
.headerOri .headerRight .wxChat>div{width: 150px;height: 197px;position: absolute;bottom: -230px;left: 50%;transform: translateX(-50%);background: url(../img/pic_wx_bground.png) no-repeat center;background-size:contain;display: none;text-align: center;box-sizing: border-box;padding-top: 30px;}
.headerOri .headerRight .wxChat>div img{width: 126px;height: 126px;}
.headerOri .headerRight .wxChat>div>p{text-align: center;line-height: 30px;padding-left: 0;box-sizing: border-box;} */
/* 置信度： */

@keyframes widScale {
	0% {
		width: 0;
		height: 0;
		opacity: 0;
	}


	100% {
		width: 50%;
		height: 50%;
		opacity: 1;
	}
}
@keyframes addWidth {
	0% {
		width: 0px;
		opacity: 0;
	}
	100% {
		width: 16px;
		opacity: 1;
	}
}
@keyframes show {
	0% {
		transform:translateX(-50%) translateY(-10px);
		opacity: 0;
	}
	100% {
		display: block;
		transform:translateX(-50%) translateY(0px);
		opacity: 1;
	}
}

@keyframes roteMask {
    0%{transform: rotate(0deg) scale(1)}
    15%{transform: rotate(-10deg) scale(.5)}
    30%{transform: rotate(0deg) }
    45%{transform: rotate(10deg) }
    60%{transform: rotate(0deg) scale(1)}
    75%{transform: rotate(-10deg) scale(1)}
    85%{transform: rotate(0deg) scale(1)}
    95%{transform: rotate(10deg) scale(1)}
    100%{transform: rotate(0deg) scale(1)}

}



@media (max-width:1000px){
	.mainHeader header>.navBox{padding: 0 10px;}
	.page header>div{height: 60px;width: 100%;padding: 0 10px;box-sizing: border-box}
	.page header>div ul li{line-height: 60px;padding: 0 5px;letter-spacing: 0;}
	.logo{height: 60px;padding: 0 10px 0 0px;}
	.logo p{padding: 10px 0;font-size: 18px;line-height: 20px;}
	.page header>div ul{margin-left: 0;}
	/* .headerRight{font-size: 10px;} */
	.headerRight .wxChat{ font-size: 10px;   margin-left: 5px;line-height: 60px;letter-spacing: 0;}
	.headerRight .line{height: 10px;margin: 0 5px;}
	.headerRight .about{font-size: 10px;letter-spacing: 0;;}
	.icon-list{margin-right: 20px;}
	.bannerBox{width: 100%;height:auto ;}
	.topindexMain{width: 100vw;height: auto;}
	.bannerBox .turn .pointer{left: 20%;transform: translateX(-50%);bottom: 10%;}
	.bannerBox .turn .topAdd .toppng{width: 9vw;height: auto;right: 10%;top: 25%;}
.bannerBox .turn .topAdd .topLogo{width: 8vw;height: auto;right: 10%;bottom: 10%;}
.menuList{width: 100%;padding: .1rem .2rem .3rem;height: auto;}
.menuBox{    align-items: left;
    flex-direction: column}
	.menuList .line{display: none;}
	.page .menuList .menuBox>div{width: 100% !important;padding: 0 .4em;font-size: 14px;height: 50px;line-height: 50px;}
	/* .page .menuList .menuBox>div.btn{width: 50%;height: .6rem;} */
	.menuList .menuBox>div>img{width: .5rem;height:.5rem}
		.page .menuList .menuBox>div div{display: flex;}
		.page .menuList .menuBox>div div p{padding:0 .1rem;}
		.menuList .strong{    border-bottom: 50px solid #E62989;
    border-left: 20px solid transparent;}
	.menuList .record{font-size: 24px;}
	.power{padding: 0;flex-direction: column;width: 100%;margin-top: 20px;}

	.power .left{margin: 0 auto;}
	.power .right ul{width: 100%;grid-template-columns: repeat(1, 1fr);grid-gap: 0;}
	.power ul li{width: 100% ;height: 2rem;}
	.power ul li img{width: .87rem;height: .87rem;margin-right: .5rem;}
	.power ul li h5{font-size: .36rem;line-height: .5rem;}
	.power ul li p{font-size: .2rem;line-height: .5rem;}
	.power ul li p:nth-child(3){font-size: .24rem;}
	.titleBox{width: 100%;height:auto;padding:20px;justify-content: flex-start;}
	.titleBox .second{flex-direction: column;align-items: flex-start;}
	.titleBox .second>div{width:100%;justify-content: flex-end;}
	.titleBox p{margin-right:5px ;}
	.introList ul{grid-template-columns: repeat(1, 1fr);
    grid-gap: 10px;width:100%;}
	.introList ul li{height: auto;}
	.introList ul li>a>div>p{font-size: .3rem;}
	.introList ul li>a>div>p:nth-of-type(2){font-size: .24rem;}
	.garage{width: 100%;margin:0;}
	.garage .turn li{width: 100vw;height: auto;}
	.garage .turn li img{height: auto;}
	.garage .turn{height: 7rem;}
	.garage .turn .desc{left: 0;bottom: 50%;width: 100%;padding: .5rem;height: auto;}
	.garage h1{font-size: .48rem;margin: 0;}
	.garage .turn .desc p{font-size: .24rem;}
	.turn .btnFirst{left:auto;right:20px;width:auto;z-index: 3;}
	.newBox{width:100%;grid-template-columns:repeat(1,1fr)}
	.newBox>div{height: 4rem;}
	.newBox>div p{font-size: .32rem;}
	.page .mainFoot>div:nth-child(2){flex-direction: column;width:100%;height: auto;padding: 10px 0;align-items:flex-start;padding:20px;}


	.dialog_tit{width: 100%;height: 60px;}
	.dialog .boxWrap{width: 100%;}
	.dialog ul{width: 100%;padding-left: 20px;margin: 0;bottom: 60vh;}
	.dialog ul li a span:nth-of-type(1){font-size: .6rem;}
	.page header>div ul li a{font-size: 10px;}
	.dialog{width: 100%;}
	.dialog_tit{padding: 0 10px;box-sizing: border-box;}
	.dialog ul li a{font-size: .6rem;line-height: 1.5;}
	.dialog .toppng{width: 20vw;height: auto;right: 10%;top: 0;}
	.dialog .topLogo{width: 20vw;height: auto;right: 10%;bottom: 10%;}

	.bannerProject{width: 100%;height: auto;}
	.topindexMain p{height: 35px;padding-bottom: 20px;line-height: 15px;font-size: 15px;}
	.bannerProject .turn .btnFirst{bottom: 30%;}
	.bannerProject .turn .btnFirst .pre>img,.bannerProject .turn .btnFirst .next>img{width: 10px;height: auto;}
	.bannerProject .turn .pointer{bottom: 5px;}
	.bannerProject .turn .pointer .dot{width: 8px;height: 8px;}
	.page footer{width: 100%;}
	.page footer>div{width: 90%;height: fit-content;flex-direction: column;align-items: flex-start;        padding: 5px 0;}
	.page footer>div p{font-size: 12px;line-height: 15px;}
	.page footer>div p:nth-of-type(2){font-size: 12px;}
	.ques{ width: 100%;margin: 30px auto;padding: 0 20px;box-sizing: border-box;}
	.ques .quesItem{margin-bottom: 30px;}
	.ques .quesItem h2{font-size: 22px}
	.ques .quesItem h2 p{font-size: 22px;margin-left: 15px;}
	.ques .quesItem p{font-size: 16px;line-height: 2em;margin-top: 20px;}
	.memberBox{width: 100%;height: 100%;}
	.turn .pointer .dot{width: 8px;height: 8px;}
	.memberList{width: 100%;padding: 5px;box-sizing: border-box;margin: 5px auto;}
	/* .memberList li{min-width: 20%;height: auto;} */
	.memberList li img{width: 67px;height: auto;}
	.memberList li .desc{width: 67px;height: 100%;}
	.memberList li .desc p{font-size: 14px;line-height: 20px;margin-bottom: 10px;}
	.memberList li .desc p:nth-of-type(2){font-size: 10px;line-height: 16px;}
	.memberList li:hover::after{width: 67px;height: 100%;}
	.memberList li:hover .desc{left: 67px;}
	.memberList.second li img{width: 60px;height: auto;}
	.memberList.second li .desc{width: 60px;height: 100%;}
	.memberList.second li:hover::after{width: 60px;height: 100%;}
	.memberList.second li:hover .desc{left: 60px;}
	
}