/* CSS Document */ @font-face{font-family:'yingwen';src:url('font/CAI978.ttf');} *{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:40px;-webkit-text-size-adjust:100%}body{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;font-family:"PingFang SC","Apple LiGothic Medium","Droid Sans","Microsoft YaHei","Microsoft JhengHei","Helvetica Neue",Helvetica,sans-serif;font-size:.3rem;margin:0;padding:0;color:#000;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}a:link,a:visited,a:hover,a:active{color:#333}xmp{white-space:pre-wrap;word-break:break-all;word-wrap:break-word;font-size:.26rem;margin:0;padding:0;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}ol,ul,li,dl,dt,dd,article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary,video,audio,pre{margin:0;padding:0}ol,ul,li{list-style:none}h1,h2,h3,h4,h5,h6{margin:0;font-weight:normal}h1{font-size:.42rem}h2{font-size:.38rem}h3{font-size:.3rem}h4{font-size:.26rem}h5{font-size:.26rem}h6{font-size:.26rem}p{margin:0;margin-bottom:.1rem}article{padding:.1rem}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent;text-decoration:none}a:focus{outline:thin dotted #333;outline:0px auto -webkit-focus-ring-color;outline-offset:-2px}a:active,a:hover{outline:0;text-decoration:none}abbr[title]{border-bottom:1px dotted}strong{font-weight:bold}dfn{font-style:italic}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:0.2rem} @media screen and (min-width: 500px) and (orientation: portrait){html{font-size:55.2 !important}} @media (min-width: 854px) and (max-width: 854px){html{font-size:113.86667px}.view-mini{font-size:101.86667px}.view-small{font-size:107.86667px}.view-large{font-size:117.86667px}.view-xlarge{font-size:121.86667px}} @media (min-width: 800px) and (max-width: 800px){html{font-size:106.66667px}.view-mini{font-size:94.66667px}.view-small{font-size:100.66667px}.view-large{font-size:110.66667px}.view-xlarge{font-size:114.66667px}} @media (min-width: 768px) and (max-width: 768px){html{font-size:102.4px}.view-mini{font-size:90.4px}.view-small{font-size:96.4px}.view-large{font-size:106.4px}.view-xlarge{font-size:110.4px}} @media (min-width: 750px) and (max-width: 750px){html{font-size:100px}.view-mini{font-size:88px}.view-small{font-size:94px}.view-large{font-size:104px}.view-xlarge{font-size:108px}} @media (min-width: 600px) and (max-width: 600px){html{font-size:80px}.view-mini{font-size:68px}.view-small{font-size:74px}.view-large{font-size:84px}.view-xlarge{font-size:88px}} @media (min-width: 540px) and (max-width: 540px){html{font-size:72px}.view-mini{font-size:60px}.view-small{font-size:66px}.view-large{font-size:76px}.view-xlarge{font-size:80px}} @media (min-width: 534px) and (max-width: 534px){html{font-size:71.2px}.view-mini{font-size:59.2px}.view-small{font-size:65.2px}.view-large{font-size:75.2px}.view-xlarge{font-size:79.2px}} @media (min-width: 512px) and (max-width: 512px){html{font-size:68.26667px}.view-mini{font-size:56.26667px}.view-small{font-size:62.26667px}.view-large{font-size:72.26667px}.view-xlarge{font-size:76.26667px}} @media (min-width: 480px) and (max-width: 480px){html{font-size:64px}.view-mini{font-size:52px}.view-small{font-size:58px}.view-large{font-size:68px}.view-xlarge{font-size:72px}} @media (min-width: 435px) and (max-width: 435px){html{font-size:58px}.view-mini{font-size:46px}.view-small{font-size:52px}.view-large{font-size:62px}.view-xlarge{font-size:66px}} @media (min-width: 414px) and (max-width: 414px){html{font-size:55.2px}.view-mini{font-size:43.2px}.view-small{font-size:49.2px}.view-large{font-size:59.2px}.view-xlarge{font-size:63.2px}} @media (min-width: 412px) and (max-width: 412px){html{font-size:54.93333px}.view-mini{font-size:42.93333px}.view-small{font-size:48.93333px}.view-large{font-size:58.93333px}.view-xlarge{font-size:62.93333px}} @media (min-width: 411px) and (max-width: 411px){html{font-size:54.8px}.view-mini{font-size:42.8px}.view-small{font-size:48.8px}.view-large{font-size:58.8px}.view-xlarge{font-size:62.8px}} @media (min-width: 393px) and (max-width: 393px){html{font-size:52.4px}.view-mini{font-size:39.2px}.view-small{font-size:45.2px}.view-large{font-size:55.2px}.view-xlarge{font-size:59.2px}} @media (min-width: 392px) and (max-width: 392px){html{font-size:52.4px}.view-mini{font-size:39.2px}.view-small{font-size:45.2px}.view-large{font-size:55.2px}.view-xlarge{font-size:59.2px}} @media (min-width: 384px) and (max-width: 384px){html{font-size:51.2px}.view-mini{font-size:39.2px}.view-small{font-size:45.2px}.view-large{font-size:55.2px}.view-xlarge{font-size:59.2px}} @media (min-width: 375px) and (max-width: 375px){html{font-size:50px}.view-mini{font-size:38px}.view-small{font-size:44px}.view-large{font-size:54px}.view-xlarge{font-size:58px}} @media (min-width: 360px) and (max-width: 360px){html{font-size:48px}.view-mini{font-size:36px}.view-small{font-size:42px}.view-large{font-size:52px}.view-xlarge{font-size:56px}} @media (min-width: 320px) and (max-width: 320px){html{font-size:42.66667px}.view-mini{font-size:30.66667px}.view-small{font-size:36.66667px}.view-large{font-size:46.66667px}.view-xlarge{font-size:50.66667px}} @media (min-width: 240px) and (max-width: 240px){html{font-size:32px}.view-mini{font-size:20px}.view-small{font-size:26px}.view-large{font-size:36px}.view-xlarge{font-size:40px}} @media (min-width: 384px) and (max-width: 384px) and (-webkit-device-pixel-ratio: 3){html{font-size:44.2px}}@media (min-width: 2732px) and (max-width: 2732px){html{font-size:60px !important}} @media (min-width: 2048px) and (max-width: 2048px){html{font-size:60px !important}} @media (min-width: 1536px) and (max-width: 1536px){html{font-size:60px !important}} @media (min-width: 1024px) and (max-width: 1024px){html{font-size:60px !important}} @media (min-width: 768px) and (max-width: 768px){html{font-size:60px !important}} /* @media (min-width: 320px) and (max-width: 540px){.iphone header.bui-bar{padding-top:20px}} @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3){.iphoneX header.bui-bar{padding-top:30px}.iphoneX footer{padding-bottom:34px}} */ @media (min-width: 534px) and (height: 830px) and (-webkit-device-pixel-ratio: 3){html{font-size:60px !important}} @media (min-width: 854px) and (height: 510px) and (-webkit-device-pixel-ratio: 3){html{font-size:60px !important}} @media (min-width: 1280px) and (height: 720px){html{font-size:60px !important}} @media (min-width: 1280px) and (height: 752px){html{font-size:60px !important}} .html{opacity:0; transition:all .2s; -moz-transition:all .2s; /* Firefox 4 */ -webkit-transition:all .2s; /* Safari 和 Chrome */ -o-transition:all .2s; /* Opera */} .wow {visibility: hidden;} .inmain{margin-top: 1.3rem;} ul,li,dl,dd,dt,h1,h2,h3,input,select,p{margin:0; padding:0;} h1,h2,h3{font-weight: normal;} ul,li,dl,dd,dt{list-style-type:none;} input, textarea,pre{font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;} input{-webkit-appearance: none;border-radius:0;} ul{ list-style-type:none;} div{box-sizing:border-box;} a{ text-decoration:none; outline: none;} a:link,a:visited{ color:#333;outline: none;} a:hover{color:#000;text-decoration:none;outline: none;} .img-responsive { display: inline-block; height: auto; max-width: 100%; } input:-internal-autofill-previewed,input:-internal-autofill-selected { -webkit-text-fill-color: #000; transition: background-color 5000s ease-out 0.5s; } ::-webkit-scrollbar { width: 3px; } ::-webkit-scrollbar-thumb{background: #1c2079;} ::-webkit-scrollbar-thumb:hover{background: #1c2079;} ::-webkit-scrollbar-corner{background: #1c2079;} select { /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/ border: solid 1px #000; /*很关键：将默认的select选择框样式清除*/ appearance: none; -moz-appearance: none; -webkit-appearance: none; /*在选择框的最右侧中间显示小箭头图片*/ background: url(../images/select.gif) no-repeat scroll 98% center transparent; /*为下拉小箭头留出一点位置，避免被文字覆盖*/ padding-right: 14px; } /*清除ie的默认选择框样式清除，隐藏下拉箭头*/ select::-ms-expand {display: none;} @font-face{font-family:'zhongwen';src:url('font/FZLTXIHK_0.TTF');} @font-face{font-family:'yingyu';src:url('font/CAI978.ttf');} @keyframes cfontcolor { 0% { color:#fff; font-weight:normal;} 50% {color:#5f6ba0; font-weight:bold;} 100% {color:#fff;font-weight:bold;} } @-moz-keyframes cfontcolor { 0% { color:#fff; font-weight:normal;} 50% {color:#5f6ba0; font-weight:bold;} 100% {color:#ff;font-weight:bold;} } @-webkit-keyframes cfontcolor { 0% { color:#fff; font-weight:normal;} 50% {color:#5f6ba0; font-weight:bold;} 100% {color:#fff;font-weight:bold;} } @-o-keyframes cfontcolor { 0% { color:#fff; font-weight:normal;} 50% {color:#5f6ba0; font-weight:bold;} 100% {color:#fff;font-weight:bold;} } .box-sb{ box-sizing:border-box;} .img-c{ display: -webkit-box; -webkit-box-lines:word-wrap; -webkit-box-pack:center; -webkit-box-align:center; display: flex; justify-content: center; align-items:center; align-content:center; flex-direction: row;flex-wrap: wrap; } .img-c>img{width: 100%; height:100%; object-fit: cover;padding: 0; margin: 0;} .flex-hbc{ display: flex; justify-content:space-between; align-items:center; flex-direction:column; } .flex-hcb{ display: flex; justify-content:flex-end; align-items:center; flex-direction:column; } .flex-nlt{ display: flex; justify-content:flex-start; align-items:flex-start; flex-direction: row; flex-wrap: nowrap; } .flex-nc{display: flex;flex-direction: row;flex-wrap:nowrap;justify-content:center;align-items:center; align-content: center;} .flex-c{display: flex;flex-direction: row;flex-wrap: wrap;justify-content:center;align-items:center; align-content: center; } .flex-hc{display: -webkit-flex; /* Safari */display: flex;flex-direction:column;justify-content:center;align-items:center;} .flex-htc{display: flex; justify-content:flex-start; align-items: center; flex-direction:column;} .flex-hlc{display: -webkit-flex; /* Safari */display: flex;flex-direction:column;justify-content:center;align-items:flex-start;} .flex-hrt{display: -webkit-flex; /* Safari */display: flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;} .flex-hrc{display: -webkit-flex; /* Safari */display: flex;flex-direction:column;justify-content:center;align-items:flex-end;} .flex-hbl{ display: flex; justify-content: flex-end; align-items:flex-start; flex-direction:column;align-content:flex-end; } .flex-hbr{ display: flex; justify-content: flex-end; align-items:flex-end; flex-direction:column;align-content:flex-end; } .flex-tc{display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap: wrap;justify-content:center;} .flex-lt{display: -webkit-flex; /* Safari */display: flex;flex-direction: row;justify-content:flex-start;align-items:flex-start; flex-wrap:wrap; } .flex-lc{display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap: wrap;justify-content:flex-start;align-items:center; } .flex-nlc{display: flex; justify-content:flex-start; align-items:center; flex-direction: row; flex-wrap: nowrap;} .flex-nlb{display: flex; justify-content:flex-start; align-items:flex-end; flex-direction: row; flex-wrap: nowrap; align-content: flex-end;} .flex-lcn{display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap:nowrap;justify-content:flex-start;align-items:center; } .flex-tlnc{display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap:nowarp;justify-content:flex-start;align-items:flex-start; } .flex-rb{ display: -webkit-box; -webkit-box-orient:horizontal; -webkit-box-pack:end; -webkit-box-align:end; display: flex; justify-content:flex-end; align-items:flex-end; flex-direction: row; } .flex-rc{display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap: wrap;justify-content:flex-end;align-items:center; } .flex-nrc{display: -webkit-flex; /* Safari */display: flex;flex-direction: row;lex-wrap:nowrap;justify-content:flex-end;align-items:center; } .flex-bc{display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap: wrap;justify-content:space-between;align-items:center; align-content: flex-start; } .flex-nbc{display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap:nowrap;justify-content:space-between;align-items:center; align-content: flex-start; } .flex-bt{display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap: wrap;justify-content:space-between;align-items:top; align-content: flex-start; } .flex-nbt{display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap:nowrap;justify-content:space-between;align-items:top; align-content: flex-start; } /* .flex-bb{display: -webkit-flex; display: flex;flex-direction: row;flex-wrap: wrap;justify-content:space-between;align-items:baseline; align-content: flex-start; } */ .flex-bb{ display: -webkit-box; -webkit-box-orient:horizontal; -webkit-box-pack:justify; -webkit-box-align:end; display: flex; justify-content:space-between; align-items:flex-end; flex-direction: row; } .flex-cb{display: -webkit-flex; /* Safari */display: flex;flex-direction: row;justify-content:center;align-items:flex-end;} .flex-cth{display: -webkit-flex; /* Safari */display: flex;flex-direction:column;justify-content:flex-start;align-items:center;} .flex-cc{display: -webkit-flex; /* Safari */display: flex;flex-direction: column;flex-wrap: wrap;justify-content:center;align-items:center; } .my-h-4d5{ height:4.5rem;} .my-h-4{ height:4rem;} .my-hide{ display:none;} .my-xs-lh-2d5{ line-height:2.5rem;} .my-c-f9c385,.my-c-006661{ color:#006661;} .my-c-ccc{color:#ccc;} .my-c-fff{color:#fff;} .show{ display:block !important;} .hide{ display:none !important;} .floatl{float:left;} .floatl-1{float:left !important;} .floatr{float:right;} .floor{display:inline-block; width:100%;} .font-03{ font-size:0.3rem;} .font-04{ font-size:0.4rem;} .font-06{ font-size:0.6rem;} .font-0-8{ font-size:0.8rem;} .font-0-5{ font-size:0.5rem;} .font16{ font-size:16px;} .font-1{font-size:1rem;} .font-1-3{ font-size:1.3rem;} .font-1-2{ font-size:1.2rem;} .font-1-5{ font-size:1.5rem;} .font-1-8{ font-size:1.8rem;} .font-2{ font-size:2rem;} .font-2-5{ font-size:2.5rem;} .font-3{ font-size:3rem;} .font20{ font-size:20px;} .font22{ font-size:22px;} .myc-font-2d5{ font-size:2.2rem;} .font-f1{font-family: "yingyu";} .fontup{text-transform:uppercase;} .fontw{ font-weight:bold;} .fontn{ font-weight:normal;} .fontf{ font-family:Arial,Sans-Serif;} .fontc{ text-align:center;} .fontcolor{animation: cfontcolor 1s infinite ; -moz-animation: cfontcolor 1s infinite; /* Firefox */ -webkit-animation: cfontcolor 1s infinite; /* Safari 和 Chrome */ -o-animation: cfontcolor 1s infinite; /* Opera */ } .text-overflow{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;line-clamp: 1;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;white-space:pre-wrap;} .text-overflow2{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;line-clamp: 2;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space:pre-wrap;} .text-overflow3{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;line-clamp: 3;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;white-space:pre-wrap;} .text-overflow3{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;line-clamp: 4;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;white-space:pre-wrap;} .text-overflow5{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;line-clamp: 5;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;} .text-overflow6{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;line-clamp: 6;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;} .wrap{word-break: break-all;word-wrap: break-word;white-space: pre-wrap;} .nowrap{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .clearfix{ clear:both;} .cl:after{content:"\20";display:block;height:0;clear:both;visibility:hidden} .cl{zoom:1} .lh1{ line-height:1rem;} .lh2{ line-height:2rem;} .paddinglr0{ padding-left:0; padding-right:0;} .paddinglrd5{ padding-left:.5rem; padding-right:.5rem;} .paddinglrd7{ padding-left:.7rem !important; padding-right:.7rem !important;} .paddingt0{ padding-top:0 !important;} .paddingt05{ padding-top:0.5rem !important;} .paddingt1d5{ padding-top:1.5rem;} .paddingt1{ padding-top:1rem !important;} .paddingt2{ padding-top:2rem !important;} .paddingt3{ padding-top:3rem;} .paddingt02b02{padding-top:.2rem; padding-bottom: .2rem;} .paddingr30{ padding-right:30px;} .paddingl0{ padding-left:0 !important;} .paddingb100{ padding-bottom:100px;} .paddingt20b15{ padding-top:20px; padding-bottom:15px;} .paddingb0{padding-bottom:0 !important;} .paddingb1{padding-bottom:1rem;} .paddingb1-5{padding-bottom:1.5rem;} .paddingb2{padding-bottom:2rem !important;} .my-mb03{margin-bottom:.3rem;} .my-mb06{margin-bottom:.6rem;} .my-mt03{margin-top:.3rem;} .my-pt-1{ padding-top:1rem;} .my-pl-0{ padding-left:0;} .my-pr-0{ padding-right:0;} .my-mt-0{ margin-top:0 !important;} .my-mt06{margin-top: .6rem;} .my-mt-1{ margin-top:1rem;} .my-mt-1i{ margin-top:1rem !important;} .my-mt-1d2i{margin-top: 1.2rem !important;} .my-mt-2i{ margin-top:2rem !important;} .my-mt-4d5{ margin-top:4rem !important;} .my-mt-5{margin-top: 5rem;} .my-mt-5i{margin-top: 5rem !important;} .my-mb-4d5{ margin-bottom:4.5rem !important;} .my-mr-03{ margin-right:.3rem;} .line1{border-bottom: 1px solid #eee; height: .3rem;} .margint0{ margin-top:0 !important;} .color373737{ color:#373737;} .colorred{ color:#4a090d;} .color792a2e{ color:#792a2e;} .color000{ color:#000 !important;} .my-border-1{ border-bottom: 1px solid #ccc;} .my-bg-3a393e{ background-color:#3a393e;} /**/ .bgcolor-eee{ background-color:#eee;} .bgcolor-f2{ background-color:#f2f2f2;} .bgcolor-9e{background-color:#9e9e9e;} .bgcolor-231e22{ background-color:#231e22;} .bgcolor-fff{background-color:#fff;} .my-bg-f3f4f6{ background-color:#f3f4f6} .row{ width:100%; clear:both; padding:0 .2rem 0 .2rem; } .row_1{ width:auto; clear:both; margin:0 auto;} .row_2{ width:90%; clear:both; padding:0 5% 3rem 5%; } .row_3{ width:90%; clear:both; margin:2rem 5% 1rem 5%; overflow:hidden; } .row_4{ width:100%; clear:both; overflow:hidden; } .row_5{ width:100% !important; box-sizing: border-box; clear:both; padding:1rem 2.5% 0.5rem 2.5% !important; overflow:hidden; margin: 0; } .row_6{ width:100% !important; box-sizing: border-box; clear:both; padding:1rem 1% 0.5rem 1%; overflow:hidden; margin: 0; } .row_7{ width:100%; clear:both; padding:0 2% 0 2%; } .row_8{ width:100%; clear:both; padding:0 2%;} .block{ width:100%; margin:0; padding:0;overflow-x:hidden;} img { transition:all .3s; -moz-transition:all .3s; /* Firefox 4 */ -webkit-transition:all .3s; /* Safari 和 Chrome */ -o-transition:all .3s; /* Opera */ } .nodata{text-align:center; font-size: .3rem; padding: .8rem 0 1rem 0; width: 100%;} .impbtn{width: 100%; position: absolute; top:-100px;left: 0; z-index: 10; height: .8rem; transition:all .3s; -moz-transition:all .3s; /* Firefox 4 */ -webkit-transition:all .3s; /* Safari 和 Chrome */ -o-transition:all .3s; /* Opera */ } .impbtn a{background-color: rgba(74,9,13,.8); color: #fff; width: 2rem; height: .8rem; line-height: .8rem; text-align: center; font-size: .3rem; margin: 0 .2rem; border-radius: .1rem;} .nostart{ visibility: hidden; animation-name: none; } .load-bottom{width: 100%; height: .8rem; display: block; overflow: hidden;} .load-bottom>div{ font-size: .24rem; color: #999; text-align: center; display: none;} /*页头*/ .header{background-color:rgba(26,25,21,0); padding:0 .2rem; top:0; left: 0; height: 1rem; position: fixed; -webkit-overflow-scroll:touch;overflow-scroll:touch;overflow-y: visible; z-index: 220; width:100%; box-sizing: border-box;opacity: 0; border-bottom: 1px solid #666;} .inheader{background-color:rgba(26,25,21,1);} .header.on{background-color:rgba(26,25,21,1); border-bottom: 1px solid transparent; opacity:1;} .header .left{flex-grow: 1; text-align: left;} .header .left img{height: .6rem; width: auto;} .header .left img:nth-child(2){margin-left: .1rem;} .header .right{width:auto; height: .7rem; position: relative;transition:all .3s;-webkit-transition:all .3s; flex-shrink: 0; color: #fff; z-index: 110; } /* .header .right img{width: .5rem; height: .5rem;} .header .right>span{margin-right: .1rem; font-size:.3rem; line-height: .5rem; height: .5rem;} .header .right.on{color:#000;} .header .right.on img{color:#000; -webkit-filter: grayscale(100); -moz-filter: grayscale(100); -ms-filter: grayscale(100); -o-filter: grayscale(100); filter: grayscale(100); opacity:1; filter:Alpha(opacity=100); } */ .header .right>div{width: .6rem; height: .6rem; border-radius:50%; line-height:.6rem; text-align: center; padding-top: .05rem; transition:all .3s; -moz-transition:all .3s; /* Firefox 4 */ -webkit-transition:all .3s; /* Safari 和 Chrome */ -o-transition:all .3s; /* Opera */ } .header .right .download-btn{margin-right: .2rem; font-size:.28rem; display: none;} .header .right .download-btn i{font-size: .36rem; margin-right: .05rem;} .header .right>div>i{font-size: .4rem; color: #fff; padding: 0; margin: 0; display: block;} .header .right>div.on{background-color: rgba(255, 255, 255, .9);} .header .right>div.on>i{color: #000;} /* .header .right>i.open{transform:rotate(90deg);-webkit-transform:rotate(90deg); } */ .webMeuc{position:absolute; top:0; right:-7rem; background-color:rgba(0,0,0,1); width:100%; text-align:center; z-index:101; overflow:hidden; padding: .6rem 0 0 0; box-sizing: border-box; box-shadow: 10px 0 5px -10px #000; transition:all .3s; -moz-transition:all .3s; /* Firefox 4 */ -webkit-transition:all .3s; /* Safari 和 Chrome */ -o-transition:all .3s; /* Opera */ } .webMeuc.on{right:0;} .webMeuc li{padding:.15rem .4rem; width:4rem; border-bottom: 1px solid rgba(255,255,255,.2);box-sizing: border-box;} .webMeuc li:last-child{border-bottom:0;} .webMeuc li a{ text-decoration:none; color: #eee; line-height: .5rem; font-size: .32rem;width: 100%; background: url(/images/more-icon2_hl.png) no-repeat right center; background-size: .4rem .4rem;} .webMeuc li a:hover{ background-image: url(/images/more-icon2_hl.png);} .webMeuc li a>img{width:.3rem;height: .3rem;} .webMeuc li:hover{color:#fff; background-color:#1c2079; border-radius: 6px;} .webMeuc li.on{color:#fff; background-color:#1c2079; border-radius: 6px; order: 0;} .webMeuc li:hover a,.webMeuc li.on a{color:#fff; background-image: url(/images/more-icon2_hl.png);} .webMeuc li:first-child:hover{background-color: transparent;} .tixing{padding: .1rem 0; background-color: #fff; text-align: center; font-size: .25rem; width: 100%;} .app-tips{background-color:rgba(196, 196, 196, .8); position: absolute;top:.15rem;right: .2rem; border-radius: .2rem; padding: .1rem .2rem; width: 4.5rem; overflow: visible;} .app-tips::before{width:.3rem;height: .2rem; content: ""; background:url(../images/img-5-1.png) no-repeat center bottom; background-size:100% auto; position:absolute; right:1.35rem; top:-.2rem;} .app-tips-1{color: #fff; font-size:.25rem; flex-grow: 1;} .app-tips-2{color:#fff; font-size:.35rem; flex-shrink: 0; width: .35rem;} .webMeuc li:first-child{width:4rem; display:block; padding: .05rem 0; border-bottom: 0; margin-bottom: .3rem;} .searchArea{ width:100%; text-align:left; z-index:103; box-sizing: border-box; padding: 0 !important; } .allsearch{border-radius: 6px; box-sizing: border-box; width:100% !important; height: .8rem !important; background-color: #fff; overflow: hidden; padding: 0 .2rem; width: 4rem;} .allsearch input[type=text]{width: 3rem; height:.4rem; overflow: hidden; line-height: .35rem; border:0; box-sizing: border-box; border-radius: .1rem; padding:0 .1rem; outline:none ; font-size: .28rem; background-color: transparent;} .allsearch i{cursor:pointer; font-size: .4rem; width:.5rem; height:.4rem; line-height: .4rem; text-align: right; color: #000; flex-shrink: 0;} /*页脚*/ .mybottom{width: 100%; background-color:#4d4948; position: relative; overflow:visible; z-index: 20; } .mybottom .box6{width:100%; margin-bottom: .5rem; padding-top: .8rem;} .mybottom .box6 .item{margin: 0 .2rem; position: relative;} .mybottom .box6 .item .icon{cursor: pointer; background-color:#fff; border-radius: 50%; overflow: hidden; width: .75rem; height: .75rem;} .mybottom .box6 .item .icon img{width:.4rem; height:.4rem;} .mybottom .box6 .item .ma{position: absolute; top:-1.6rem;left: -.4rem; display: none;} .mybottom .box6 .item .ma img{width: 1.5rem; height:1.5rem; overflow: hidden; border-radius: 5px;} .mybottom .box6 .item:hover .ma{display: block;} .mybottom .box2{padding:.2rem .2rem 0 .2rem;} .mybottom .box2 .left{flex-grow: 1; padding: 0 .6rem;} .mybottom .box2 .left .left-1>a{flex-shrink: 0; padding-right:.2rem;} .mybottom .box2 .left .left-1>a>img{width:1.5rem; height:auto; border-radius: 5px;} .mybottom .box2 .left .left-1-2{ font-size: .26rem;color:#fff;} .mybottom .box2 .left .left-1-2>div{margin-bottom: .3rem;} .mybottom .box2 .left .left-1-2>div:last-child{margin-right: 0;} .mybottom .box2 .left .left-1-2>div>img{width: .35rem; height: .35rem; flex-shrink: 0; margin-right: .1rem;} .mybottom .box2 .right{padding-left: .3rem; flex-shrink: 0; } .mybottom .box2 .right>div{text-align: center; margin-left: 20px; font-size: 12px;} .mybottom .box2 .right>div img{width: 100px; height: 100px; margin-bottom: 5px; } .mybottom .box3{width: 100%; padding: .3rem .2rem 1.3rem .2rem; font-size: .24rem; line-height:.4rem; border-top: 1px solid #555; color:#fff} .mybottom .box3 a{color:#fff;} .mybottom .box3 a:hover{color:#1c2079;} .mybottom .box3 .box3-2{width: 5.8rem;} .footer{ border-top:1rpx solid #ccc; background:rgba(0, 0, 0, .9); box-sizing: border-box; z-index: 100; width: 100%; height:1rem; left: 0; bottom: 0; position:fixed; overflow: hidden;} .footer a{flex-grow: 1; height:1rem;} .footer a img{width: .45rem; height: .45rem; opacity: .8;} .footer a span{font-size: .22rem; line-height: .35rem; color: #eee; text-align: center;} .footer a.on{background-color: #1c2079;} .footer a.on span{color: #fff;} .footer a.on img{opacity:1;} .footer a.home{width: 1.8rem; flex-grow: 0; flex-shrink: 0;} .footer a.home img{width:1.2rem; height:auto; opacity:1;} .footer a.home span{color: #1c2079;} /* .footer a.home.on img{border-bottom: 2px solid #000;} */ .footer .row .tel{padding-top: .3rem;} .footer .row .tel img{width: .6rem; margin-right: .1rem; } .footer .row .tel a,.footer .row .tel a:hover{color:#e63349; font-weight: normal;} .footer .row >div{padding:.05rem 0; } .footer .row .img{width:100%;} .footer .row .img div{width: 1.8rem; margin: .4rem .2rem .2rem .2rem; font-size: .2rem; text-align: center; line-height: .2rem;} .footer .btn{border-top:.08rem solid #fff; width: 100%;} .footer .btn a{width:25%; height: 1.5rem; border-right: 1px solid #fff; box-sizing: border-box; background-color:#cf2625;} .footer .btn a:last-child{border-right: 0;} .footer .btn a img{width: 80%;} .footer .retop{color: #fff; padding-top: .2rem;} .footer .retop img{width:.4rem;} .footer .retop span{padding-left: .1rem; font-size: .3rem;} /*分页*/ .m-pagination{color:#666; height: .6rem; } .m-pagination .inner{display:inline-block; list-style-type:none; clear:both;} .m-pagination .inner ul{display: flex; justify-content: center; align-items:center; flex-direction: row;flex-wrap: wrap;} .m-pagination .inner li{ font-size:.28rem; padding: .1rem; margin: 0 .05rem; } .m-pagination .inner li:first-child,.m-pagination .inner li:last-child{font-size:.34rem; padding:0 .1rem .05rem .1rem;} .m-pagination .inner li.active{ color: #000; font-size: .34rem;} .m-pagination .inner li a{color: #999;} .m-pagination .inner li:first-child a,.m-pagination .inner li:last-child a{color: #000;} /* .m-pagination .inner li{ float:left; } .m-pagination .inner a{margin-bottom:0.2rem; } */ .m-pagination .inner .btn,.m-pagination .inner .page,.m-pagination .inner .hidden,.m-pagination .inner .selected{display:inline-block;min-width:.6rem;_width:.6rem;height:.6rem;border:1px solid #f0f0f2;line-height:.6rem;white-space:nowrap;font-family:Arial,Tahoma,SimSun;text-align:center;vertical-align:top;text-decoration:none;color:#333;font-size:.3rem; margin:0 .05rem; padding-left: .05rem; padding-right: .05rem;} .m-pagination .inner .btn:hover,.m-pagination .inner .page:hover,.m-pagination .inner .selected{border-color:#e63349;color:#fff;background-color:#e63349;} .m-pagination .inner .prev,#list-page .m-pagination .inner .next{position:relative;width:.8rem;} .m-pagination .inner .prev{padding-left:.2rem;} .m-pagination .inner .next{padding-right:.2rem;} .m-pagination .inner .text{display:inline-block;padding-left:.1rem;} .m-pagination .inner .num{width:.4rem;height:.25rem;border:solid 1px #999;text-align:center;} /* 通常标头 */ .indextitle{padding: .2rem .2rem; position: relative;} .indextitle2{padding: .2rem .2rem 0 .2rem;} .indextitle-1{flex-grow: 1;} .indextitle-1 .h2{ font-size:.4rem; font-weight: bold; margin-right: .1rem; padding-bottom: 0; color: #000;} .indextitle-1 .p{ font-size:.25rem; color: #999;} .indextitle-1a .h2{color:#fff;} .indextitle-1a .p{color:#eee;} .indextitle-2{flex-shrink: 0; width:auto; margin-top: .1rem; border-radius: 6px; padding: .05rem .5rem .05rem .15rem; box-sizing:border-box; font-size: .24rem; color: #000;background:transparent url(../images/more-icon.png) no-repeat 1.2rem center; background-size: .3rem auto;} .indextitle-2:hover{color: #000; background-color: #e2b891;} .indextitle-2 span{height: .4rem; line-height: .4rem;} .indextitle-2 img{width:.3rem;height:.3rem;} .indextitle-2a{background-image:url(../images/more-icon_hl.png);} .indextitle-2a span{color:#fff;} .indextitle-2a:hover{background-image:url(../images/more-icon.png);} .indextitle-2a:hover span{color:#000;} /*视频背景*/ .fullvideo{z-index: 10; width: 100%; height:100vh; overflow: hidden; background-color: #000; } #bg-video-box .banner-center-text { width: 100%; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); } #bg-video-box .banner-center-text .btn-box{ margin-top: 50px; } #bg-video-box .banner-center-text .btn-box .foot-2{margin-top: 20px; color: #9d9d9e; position: relative;} #bg-video-box .banner-center-text .btn-box .foot-2 a,#bg-video-box .banner-center-text .btn-bo .foot-2 a:hover{color: #9d9d9e;} .overlay-div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .7); /* 半透明黑色背景 */ display: flex; justify-content: center; align-items: center; z-index: 15; } /* 通用栏目一 */ .fenlan1{padding:0 .2rem; height:1rem; position: fixed; width: 100%; left: 0; top: 1rem; z-index: 99; background-color: #fff; overflow-y: hidden;} .fenlan1 .lanmu{ margin-top: .2rem; height:.6rem; position: relative; box-sizing: border-box; z-index: 10; } .fenlan1 a{height:.6rem; font-size: .28rem; padding: 0 .2rem; box-sizing: border-box; text-align:center; line-height:.6rem; z-index: 11; border-radius: 5px; margin: 0 .2rem; position: relative; overflow: visible; color:#333;} .fenlan1 a:visited{color:#333;} /* .fenlan1 a:hover{color:#e63349;} */ .fenlan1 a.on{ color:#fff; background-color:#1c2079; font-weight: bold;} /* .fenlan1 a.on::before{border:.15rem solid transparent; border-top-color: #e63349; content: ''; position:absolute; top: .57rem; left: 40%;} */ .fenlan1 .search{width: 100%} .fenlan1 .search>div{height: .7rem; line-height: .7rem;} .fenlan1 .search>div input{background-color:#fff; box-shadow: none; border:0; font-size: .28rem; padding-left: .2rem; padding-right: .2rem;box-sizing: border-box; border:1px solid #969697;flex-grow: 1;height: .7rem; width: 4.5rem; border-radius: .1rem; line-height: .7rem; margin-right: .2rem; outline: none;} .fenlan1 .search>div .btn{height:.7rem; width: .7rem; border-radius: 50%; flex-shrink: 0; background-color: #e63349; color: #fff; font-size: .35rem; line-height: .7rem; border:none; padding: 0; box-sizing: border-box; text-align: center;} .fenlan1 .search>div .btn:hover{background-color: #000;} .fenlan2{border-bottom:1px solid #eee;} .fenlan3{height:.8rem; position: fixed; width: 100%; left: 0; top: 1rem; z-index: 99; background-color: #fff; overflow-y: hidden; border-bottom:1px solid #eee;} .fenlan3 a{width:50%; height:100%;} .fenlan3 a font{font-size: .32rem; color: #4d4948;} .fenlan3 a span{width: .35rem; height: .35rem; background:no-repeat center center; background-size:.35rem .35rem; margin-right: .1rem;} .fenlan3 a .span1{background-image: url(../images/footnav-2_hl.png);} .fenlan3 a .span2{background-image: url(../images/size_hl.png);} .fenlan3 a.on{background-color: rgba(110, 50, 35, 1);} .fenlan3 a.on font{color: #fff;} .fenlan3 a.on .span1{background-image: url(../images/footnav-2.png);} .fenlan3 a.on .span2{background-image: url(../images/size.png);} .fenlan4{padding: 0; height:auto; min-height: 1rem;} .fenlan4 a{padding: 0; margin: 0 .1rem; font-size: .28rem; flex-shrink: 0;} .fenlan4 a.on::before{left: 35%;} .fenlan5 a.on::before{left: 45%;} /*--------- 首页 ---------*/ /*头部广告*/ .index-part1{padding: 0 !important; position: relative; background-color: #fff; position: fixed; top:0; left: 0; z-index: 1; width: 100%;height: 5.5rem;} .index-part1>.swiper-container{margin-bottom: 0 !important; padding-bottom: 0 !important;} .index-part1 img{width:100%;} .index-part1 .swiper-pagination{right: .1rem;} .swiper-container,.swiper-slide{ width:100%; height:auto;} .index-part1 .swiper-slide{height: 5.5rem;} .ad-bullet{width:.3rem; height: .3rem; background-color:rgba(255,255,255,.3); display:inline-block; position: relative; border-radius:6px; margin: 0 .1rem; cursor: pointer; line-height: .3rem; font-size: .22rem; color: #000; bottom: .1rem;} .ad-bullet-active{ background-color:rgba(28,32,121,.95); color: #fff; font-size:.24rem; transform: scale(1.2);} .img-height15{ height:15rem;} /* 外包裹 */ .mainout{width: 100%; height: auto; margin-top: 5.35rem; z-index: 2; position: relative; background-color: #eee; border-radius: 8px 8px 0 0; overflow: hidden;} /*首页---产品*/ .index-part2{padding-top:.3rem; background-color: #eee;} .index-part2 .box2{width: 7rem; margin: .2rem auto 0 .2rem;box-shadow: 0 0 10px #ccc; background-color: #fff; padding: .2rem; } .index-part2 .box2 .box2-1{width:100%; padding:.2rem .3rem; position: relative; overflow: visible; border-top: 1px solid #ccc;} .index-part2 .box2 .box2-1:first-child{border-top: 0;} .index-part2 .box2 .box2-1 .img{width: .4rem; height: .4rem; margin-right: .1rem; flex-shrink: 0; background: url(/images/spec.png) no-repeat center center;background-size: 100% 100%;} .index-part2 .box2 .box2-2 .img{background: url(/images/face.png) no-repeat center center;background-size: 100% 100%;} .index-part2 .box2 .box2-3 .img{background: url(/images/color.png) no-repeat center center;background-size: 100% 100%;} .index-part2 .box2 .box2-4 .img{background: url(/images/used.png) no-repeat center center;background-size: 100% 100%;} .index-part2 .box2 .box2-1 .p1{font-size:.3rem; line-height: .5rem; flex-grow: 1;} .index-part2 .box2 .box2-1 .p2{ font-size:.22rem; flex-shrink: 0; padding-left: .2rem; color: #ccc;} .index-part2 .box2 .box2-1.on{background-color: rgba(28,32,121,1); color: #fff; border-radius: 5px; border-top: 1px solid #fff;} .index-part2 .box2 .box2-1.on .p2{color: #fff;} .index-part2 .box2 .box2-1.on .img{ background-image: url(/images/spec_hl.png); } .index-part2 .box2 .box2-2.on .img{ background-image: url(/images/face_hl.png); } .index-part2 .box2 .box2-3.on .img{ background-image: url(/images/color_hl.png); } .index-part2 .box2 .box2-4.on .img{ background-image: url(/images/used_hl.png); } .index-part2 .box2 .item3{ width:100%; max-height:0; overflow: hidden; } .index-part2 .box2 .item3>a{ margin:0 0.2rem .05rem 0; display: inline-block; font-size:.28rem;border-bottom: 1px solid transparent; } .index-part2 .box2 .item3>a:hover{border-bottom: 1px solid #000; color: #000;} .index-part2 .box2 .item3.on{ max-height:2rem;padding: .2rem 0; margin-bottom: .2rem;} .index-part2 .box1 a{width: 100%; height: 5rem; display: block; overflow: hidden; position: relative;} .index-part2 .box1{margin-top: .5rem;} .index-part2 .box1 a div.con{background-color: rgba(0,0,0,0); z-index: 2; color: #fff; position: absolute; top:0; left: 0; width: 100%; height: 100%; transition:all .3s ease; -moz-transition:all .3s ease; -webkit-transition:all .3s ease; -o-transition:all .3s ease; padding:.3rem .5rem; } .index-part2 .box1 a:hover div.con{background-color: rgba(0,0,0,0);} .index-part2 .box1 a div.con h1{font-size: .35rem; font-weight: bold; text-align: center; width: 100%;color:#fff;text-shadow: 0 0 10px #333;} .index-part2 .box1 a:nth-child(2n) div.con h1{text-align: right;} .index-part2 .box1 a:hover div.con h1{text-shadow: 0 0 10px #333;color:#fff;} .index-part2 .box1 .pro-bullet{width:.3rem; height: .3rem; background-color:rgba(255,255,255,.3); display:inline-block; position: relative; border-radius:6px; margin: 0 .1rem; cursor: pointer; line-height: .3rem; font-size: .22rem; color: #000; bottom: .1rem;} .index-part2 .box1 .pro-bullet-active{ background-color:rgba(28,32,121,.95); color: #fff; font-size: .24rem; transform: scale(1.2);} /*10项帮扶*/ /* .yingli{padding: .3rem 0 .5rem 0; background-color: #fff; border-radius: 10px 10px 0 0;} */ /*首页----招商加盟*/ .index-part4{padding: .5rem 0 .5rem 0; background-color: #fff;} .index-part4 .box2{padding:0 .2rem;} .index-part4 .box2 ul{width: 100%; box-sizing:border-box; } .index-part4 .box2 li{ color: #333; box-sizing: border-box; padding:0; width: 50%; height: 3.3rem; text-align:center; cursor: pointer; position: relative; z-index: 10; overflow: hidden; background-color:rgba(204, 204, 204, .8); } .index-part4 .box2 ul li:nth-child(1){margin-left: 0 !important;} .index-part4 .box2 ul li:nth-child(5){margin-right: 0 !important;} .index-part4 .box2 li .p1{ z-index: 12; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(204, 204, 204, .7); } .index-part4 .box2 ul li .img{width:.8rem; height:.8rem; background-repeat: no-repeat; background-image: url(/images/zhichi.png); background-size:4rem auto; flex-shrink: 0; transform:scale(0.8);} .index-part4 .box2 ul li .img-1{background-position:0 0;} .index-part4 .box2 ul li .img-2{background-position:-.8rem 0;} .index-part4 .box2 ul li .img-3{background-position:-1.6rem 0;} .index-part4 .box2 ul li .img-4{background-position:-2.4rem 0;} .index-part4 .box2 ul li .img-5{background-position:-3.2rem 0;} .index-part4 .box2 ul li .img-6{background-position:0px -.8rem;} .index-part4 .box2 ul li .img-7{background-position:-.8rem -.8rem;} .index-part4 .box2 ul li .img-8{background-position:-1.6rem -.8rem;} .index-part4 .box2 ul li .img-9{background-position:-2.4rem -.8rem;} .index-part4 .box2 ul li .img-10{background-position:-3.2rem -.8rem;} .index-part4 .box2 ul li .p1-2{line-height: .5rem; text-align: center; word-break: break-all;white-space: nowrap; font-size: .32rem; font-weight: bold;} .index-part4 .box2 ul li:nth-child(2) .p1,.index-part4 .box2 ul li:nth-child(3) .p1,.index-part4 .box2 ul li:nth-child(3) .p1,.index-part4 .box2 ul li:nth-child(6) .p1,.index-part4 .box2 ul li:nth-child(7) .p1,.index-part4 .box2 ul li:nth-child(10) .p1{background-color: rgba(0, 0, 0, .7);} .index-part4 .box2 ul li:nth-child(2) .p1 .img,.index-part4 .box2 ul li:nth-child(3) .p1 .img,.index-part4 .box2 ul li:nth-child(6) .p1 .img,.index-part4 .box2 ul li:nth-child(7) .p1 .img,.index-part4 .box2 ul li:nth-child(10) .p1 .img{background-image: url(/images/zhichi_hl.png);} .index-part4 .box2 ul li:nth-child(2) .p1-2, .index-part4 .box2 ul li:nth-child(3) .p1-2,.index-part4 .box2 ul li:nth-child(6) .p1-2,.index-part4 .box2 ul li:nth-child(7) .p1-2,.index-part4 .box2 ul li:nth-child(10) .p1-2{color: #fff;} .index-part4 .box2 li .con{position:absolute; top:100%; left: 0; width: 100%; height: 100%; background-color:#1a1e79; z-index:13;} .index-part4 .box2 li .con .h2{width: 100%;line-height:1rem; text-align: center; word-break: break-all;white-space: nowrap; font-size: .32rem; font-weight: bold; position: relative; color: #fff;} .index-part4 .box2 li .con p{overflow: hidden; text-align: center;box-sizing: border-box; font-size: .24rem ; line-height: .4rem; padding: .1rem .1rem 0 .1rem; color: #eee;} .index-part4 .box2 li:hover .con{top: 0;} .index-part4 .box3{width:100%; padding: .3rem; background-color: rgba(255, 255, 255, .9); border-radius:10px; height: auto; box-sizing: border-box;} .index-part4 .box3 h2{font-size: .28rem; line-height:.4rem;color: #666; width: 100%; text-align: center;} .zx-new-1{width:100%; padding:.3rem .2rem 0 .2rem; color: #eee; } .zx-new-1 td{ padding-bottom:.2rem;} .zx-tit{ font-size:.30rem; color:#000; padding-right:.5rem; white-space:nowrap;} .zx-input{ box-sizing:border-box; border:1px solid #e2e2e2; width:95%; padding:.15rem .2rem; font-size:.28rem; line-height:.35rem; outline: none;border-radius: 5px;} .zx-submit{ text-align:center; width:60%; font-size:.3rem; font-weight:bold; padding:.12rem .1rem .14rem .1rem; border-radius:6px; background-color:rgba(28,32,121,1); color:#fff; box-shadow:none; border:0; font-family:'Microsoft YaHei','SimSun',Arial,Sans-Serif; cursor:pointer;outline: none;} .zx-submit:hover{background-color: rgba(28,32,121,1); color: #fff;} /* 首页-----品牌介绍 */ .index-part8{padding: .5rem .2rem .8rem .2rem; position: relative; background-image: url(/images/about-5.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;} .index-part8 .swiper-container{height: 2.3rem; overflow: hidden;} .index-part8 .swiper-slide{position: relative;width: 100%;} .index-part8 .swiper-slide .img{width: 100%; height:2.3rem;} .index-part8 .swiper-slide .con{width: auto; height:auto; background-color: rgba(170,169,169,.9); position: absolute; bottom: 0rem; left: 0rem; padding:.05rem .3rem .3rem .3rem; color: #fff;} .index-part8 .swiper-slide .con h3{font-size: .3rem; margin-top: .1rem; font-weight: bold; margin-bottom: .1rem;} .index-part8 .swiper-slide .con pre{background-color: transparent; font-size: .24rem; color:#fff; line-height:.30rem; width: 100%;white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } #aboutSwiper-btn{text-align: right; padding-right: 0; padding-left: .2rem; bottom: .1rem;} .about-bullet{width:.3rem; height: .3rem; border-radius:6px; background-color:rgba(255,255,255,.7); display:inline-block; position: relative; margin: 0 .1rem; cursor: pointer; text-align: center; line-height:.3rem; font-size: .22rem; color: #000;} .about-bullet-active{ background-color:rgba(28,32,121,.95); color: #fff; transform: scale(1.2); font-size: .24rem;} .index-part8 .box2{ position: relative;} .index-part8 .box2 .ul a{ width: 49.5%; margin:.5% 0; padding: 1% 2%;font-size:.24rem; transition:all .3s ease; -moz-transition:all .3s ease; /* Firefox 4 */ -webkit-transition:all .3s ease; /* Safari and Chrome */ -o-transition:all .3s ease; /* Opera */ color:#000; background-color: rgba(204, 204, 204, .5); } .index-part8 .box2 .ul a b{ font-size:.5rem; } .index-part8 .box2 .ul a p{ opacity: 0.8; font-size: .26rem; margin-top: .05rem; margin-bottom: .2rem; height: .55rem; text-align: justify;} .index-part8 .box2 .ul .link{ text-align: right;opacity: 0.8;} .index-part8 .box2 .ul .link span{position: relative; padding-left: .25rem; font-size: .24rem; display:inline-block; height:.4rem;} .index-part8 .box2 .ul a .link span:before{ left: 0px; top: 13%; content: ''; position: absolute; border: solid .12rem transparent; border-left-color: #4d4948} .index-part8 .box2 .ul a:hover{background-color: rgba(28,32,121,.95); color: #fff;} .index-part8 .box2 .ul a:hover,.index-part8 .box2 .ul a:hover div,.index-part8 .box2 .ul a:hover b,.index-part8 .box2 .ul a:hover p{ color: #fff;} .index-part8 .box2 .ul a:hover .link span:before{ border-left-color: #fff;} .index-part8 .box2 .ul a:hover .link span{color: #fff;} /* 首页----新闻 */ .index-part3{padding: .5rem 0 0 0; background-color: #eee; } .index-part3 .news{padding: 0 .2rem;} .homenew-right{ overflow:hidden; padding-top:.2rem;} .homenew-right li{ margin-bottom:.2rem;} .homenew-right li .time{background-color: #ccc; color:#fff; width: 30%; height:1.5rem; text-align: center; font-size: .24rem; box-sizing: border-box; overflow: hidden;} .homenew-right li .time img{height:100%;} .homenew-right li:hover .time{background-color: #4a090d;} .homenew-right li .time span{width: 100%;} .homenew-right li .time span.big{font-size:.5rem; line-height: .5rem;} .homenew-right li .detail{background-color: #eee; width: 70%; height:1.5rem; box-sizing: border-box; padding:0 .2rem;} .homenew-right li .detail.bg1{ background-color: #f2f2f2;} .homenew-right li .detail h4{ color: #000; padding: .1rem 0; margin: 0; font-size:.3rem; line-height: .5rem;} .homenew-right li .detail p{ color: #878585; height:.8rem; overflow: hidden; font-size: .24rem; line-height: .4rem;} .homenew-right li:hover .detail{background-color: #eae9e9;} .homenew-right li:hover .detail h4,.homenew-right li:hover .detail p{ color: #1a1e79;} .homenew-right li:hover .time,.homenew-right li:hover .detail h4,.homenew-right li:hover .detail p,.homenew-right li:hover .detail{ transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; /* Firefox 4 */ -webkit-transition:all .5s ease-in-out; /* Safari and Chrome */ -o-transition:all .5s ease-in-out; /* Opera */ } .home-news{ margin-top:0;} .home-news .swiper-slide{width:100%; position: relative;} .home-news .swiper-slide a{width:100%; opacity:1; z-index:9; text-decoration:none; background-color: #d2d2d2;} .home-news .swiper-slide a img{width:100%; height: 100%;} .news-btn .swiper-pagination-bullet{ margin: 0 .1rem; padding-right:0; cursor: pointer; width:.2rem; height:.2rem; border-radius: 50%; } .news-btn .swiper-pagination-bullet{background:#b5b5b6;} .news-btn .swiper-pagination-bullet-active { opacity: .8; background: #007563; } .home-newstit{ position: absolute; left: 0; bottom:0; opacity:.8; filter:Alpha(opacity=80); background-color: #000; color: #fff; line-height:.6rem; height:.6rem !important; width: 100%; box-sizing: border-box; padding: 0 .1rem; font-size: .25rem; } .home-newstit div{ width: 70%;} /* 首页-----视频 */ .index-part5{padding: .5rem 0 0 0; background-color: #fff;} .index-part5 #btn-video{bottom: .2rem;} .index-part5 .swiper-pagination-bullet { display: inline-block; width: .2rem; height: .2rem; border-radius: 50%; background: #b5b5b6; margin: 0 .1rem; opacity: 0.8; cursor: pointer; outline: none; } .index-part5 .swiper-pagination-bullet-active { opacity: 1; background: #1c2079; } .index-part5 .part1{margin-top:0;} .index-part5 .part1 a{width:100%;height: 4rem;position: relative; display: block;} .index-part5 .part1 a .img{overflow: hidden;width:100%;height:4rem;} .index-part5 .part1 a .img>img{width: 100%;} .index-part5 .part1 a:hover .img>img{transform:scale(1.1);} .index-part5 .part1 a .mask { position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 3%;color: #fff;background-color: rgba(0,0,0,.6);box-sizing: border-box;z-index: 90;} .index-part5 .part1 a .mask h4 {font-size: .35rem;text-transform: uppercase;text-align: center;} .index-part5 .part1 a .mask h3 {margin-top: .05rem;font-size:.3rem;text-align: center;} .index-part5 .part1 a .mask>img {margin-top: .15rem;width: .8rem;height: .8rem;} #btn-video{right: .1rem; bottom: 0; position: absolute;} /* 首页-------案例 */ .index-part7{padding: .8rem 0 .5rem 0; background-color: #eee;} .index-part7 .nav{width:100%;} .index-part7 .nav>div{ height: .7rem; line-height:.7rem; text-align: center; padding: 0 .3rem; margin-right: .3rem; font-size:.3rem; cursor: pointer;} .index-part7 .nav>div.on{background-color: #1c2079; color:#fff;} .index-part7 .box1,.index-part7 .box2{padding-left:0; padding-right:0; position: relative;} .index-part7 .box1{ height:6rem; display: block; } .index-part7 .box1 .img{width: 100%; height: 100%; overflow: hidden;} .index-part7 .box1 .img img{height: 100%;} .index-part7 .box1 .box1-1,.index-part7 .box1 .box1-2{color:#fff; position: absolute; } .index-part7 .box1 .box1-1{top:.2rem;left: .3rem;} .index-part7 .box1 .box1-1 h2{font-family: Family,Tahoma,Geneva,sans-serif; font-size: .4rem; line-height: .6rem;} .index-part7 .box1 .box1-1 h1{margin-top: .15rem;} .index-part7 .box1:hover .img img{transform:scale(1.1);} .index-part7 .box1 .box1-2{bottom:.2rem; right:.3rem; text-align: right;} .index-part7 .box1 .box1-2 h1{font-size: .7rem; font-weight: bold; font-family: Arial, Helvetica, sans-serif;} .index-part7 .box1 .box1-2 h3{font-size: .28rem;font-family: Arial, Helvetica, sans-serif;} .index-part7 .box1 .box1-2 p{margin-top: .3rem; font-size: .26rem; line-height:1.5;} .index-part7 .box2 .box2-1{width: 100%; box-sizing: border-box;padding:.5rem .3rem; background: url(../images/img-4.jpg) no-repeat center bottom; background-size: 100% auto; color: #fff; text-align: center;} .index-part7 .box2 .box2-1 img.jixiangwu{height: 1rem; margin-right: .2rem;} .index-part7 .box2 .box2-1 h1{font-weight: bold; line-height: .6rem; font-size: .4rem;white-space:nowrap;} .index-part7 .box2 .box2-1 p{margin-top: .2rem; margin-bottom: 0; line-height: .45rem; font-size: .28rem; width: 100%;} .index-part7 .box2 .box2-2{margin-top: .3rem; padding: 0 .2rem; display: none;} .index-part7 .box2 .box2-2.on{display: flex;} .index-part7 .box2 .box2-2 a{width:48%; box-sizing: border-box; border-bottom: 1px solid #ccc;} .index-part7 .box2 .box2-2 a .img{width:100%; height: 2.5rem; overflow: hidden;} /* .index-part7 .box2 .box2-2 a .img img{width: 100%;} */ .index-part7 .box2 .box2-2 a h2{line-height: .5rem; text-align: center; font-size: .28rem; margin-top: .1rem;} .index-part7 .box2 .box2-2 a:hover .img img{transform:scale(1.1);} .index-part7 .box2 .box2-2 a:hover{color: #007563;} .brandlogo{margin-top: .5rem; background-color:#fff; padding:.2rem 0 .2rem 0; box-sizing: border-box;} .brandlogo .item-prev,.brandlogo .item-next{width:.6rem; flex-shrink: 0; text-align: center; font-size: .5rem; cursor: pointer; outline: none;} .brandlogo .item-prev:hover,.brandlogo .item-next:hover{color: #007563;} .brandlogo #brandSwiper{flex-grow: 1; text-align: center;} .brandlogo #brandSwiper .swiper-slide img{display: inline-block; cursor: pointer; width: 30%;} .index-part7 .foot-3{line-height: .8rem; margin-bottom: .8rem;} .index-part7 .foot-3 img{ margin-bottom: .2rem;} .index-part7 .foot-3{text-align: center;font-size: .26rem;} .index-part7 .foot-3 a,.index-part7 .foot-3 a:hover{color: #000;} /*招商加盟内页--------------------------------------*/ .actr1{font-size: .28rem; margin-top: 1rem;} .actr1 img{max-width: 100%; display: block; padding: 0; margin: 0;} .actr2{padding: .2rem 0 .2rem 0; background:none;} .actr2 .box3 h1{color: #666;} .actr2 .box3 h1 span{color: #000;} .actr2 .zx-tit{color:#000;} .inactr .index-part4{padding:0 0 .2rem 0; background-color: #fff;} .inactr .index-part4 .box2{padding:0 0 .2rem 0;} /*新闻资讯内页-------------*/ .innews1{margin-top: 2.3rem; padding:0 .2rem; background:none; width: 100%;} .innews1 .box1 .vo{float:left; width:100%; border:solid 1px #cdcdcd; padding:.3rem .2rem .3rem .2rem; margin-bottom: .3rem; max-height:3rem; overflow:hidden; position: relative; transition:all .3s ease; -moz-transition:all .3s ease; -webkit-transition:all .3s ease; -o-transition:all .3s ease; box-sizing: border-box; } .innews1 .box1 .item{ width:60%;z-index: 2; padding-left: .2rem; padding-top: .1rem;} .innews1 .box1 .item span{ font-size:.3rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; line-height: .4rem; } .innews1 .box1 .item p{ font-size:.24rem; color:#797979; max-height:.6rem; line-height: .3rem; overflow:hidden; margin-top: .1rem;} .innews1 .box1 .item em{ font-size:.2rem; line-height:.35rem; margin-top:.05rem;font-style:normal; color:#000;} .innews1 .box1 .item em font{ display:block; font-size:.6rem;} .innews1 .box1 .thumb{ width:40%; overflow: hidden; height: 2rem; z-index: 2;} .innews1 .box1 .vo:hover{ border-color:#1a1e79; border-top-width:5px; border-bottom-width: 5px;} .innews1 .box1 .vo:hover .item em{ color:#1a1e79;} .innews1 .box1 .left{float: left;} .innews1 .box1 .right{float: right;} /*新闻展示页*/ .innewsview1{margin-top: 2rem; padding: .4rem .2rem 0 .2rem; position: relative;} .innewsview1>.con1{border-radius: 10px; width: 100%; padding: .1rem .1rem; border: 1px solid #ddd; background-color: #fff;} .innewsview1>.con1 .p1{cursor: pointer;} .innewsview1>.con1 .p1>img{width:.8rem; height: .8rem; flex-shrink: 0; } .innewsview1>.con1 .p1>div{font-size: .22rem; line-height:.4rem;color: #2B2B2B; text-align: left; margin-left: .1rem;} .innewsview1>.con1 .p1:hover img{transform:scale(1.5);} .innewsview1>.con1 .p2{margin-left: .1rem;} .innewsview1>.con1 .p2-1{font-size: .22rem; color: #2B2B2B; text-align: right; } .innewsview1>.con1 .p2 .bdshare-button-style0-24 a{margin: 6px 0 6px 6px;} .innewsview1>h1{ text-align: left; font-size:.35rem; font-weight: bold; line-height: .5rem; padding: .2rem 0 0 0; } .innewsview1>h2{border-bottom: 1px solid #ccc; font-size:.24rem; text-align:left; width: 100%; padding: .2rem 0 .2rem 0; color: #878585;} .innewsview1>h2>img{width: .3rem; height: .3rem; margin-right: .05rem;} .innewsview1>h2>span.h2-1{color: #13a10e;} .innewsview1>.img{margin-top: .3rem; border-radius:6px; overflow: hidden; width: 100%;} .innewsview1>.img img{width: 100%; height: auto; display: block;} .innewsview1>div.con{padding-top: .3rem; padding-bottom: .3rem; border-bottom: 1px solid #eee; font-size: .28rem;line-height: .5rem; font-size: .29rem;} .innewsview1>div.con img{max-width:100%;} .innewsview1>div.con video,.innewsview1>div.con iframe{width: 100%; height: 4.5rem;} .innewsview1 .label{position: relative; padding:.3rem 0 0 .5rem;} .innewsview1 .label::before{content: ""; width:.4rem; height: .4rem; background: url(/images/label-icon.png) no-repeat center center; background-size: 100% 100%; position: absolute; left: 0; top: .35rem;} .innewsview1 .label span{word-break: break-all; background-color:#1c2079; color: #fff; padding: .1rem .2rem; font-size: .22rem; margin-right: .2rem; margin-bottom: .15rem; border-radius: 5px;} .innewsview1 .updown{margin-top:.4rem;} .innewsview1 .updown .prev,.innewsview1 .updown .next{border:1px solid #eee; color: #666; padding:.1rem .2rem; box-sizing: border-box; font-size: .28rem; text-align: center; border-radius:6px; background-color:#fff; margin: 0 .5rem; line-height:.4rem; box-shadow: unset;} .innewsview1 .updown .prev{padding-left:.6rem;background: url(../images/more-icon3.png) no-repeat .1rem center; background-size:.4rem .4rem;} .innewsview1 .updown .prev:hover{background-image:url(../images/more-icon3_hl.png);} .innewsview1 .updown .next{padding-right:.6rem;background:url(../images/more-icon2.png) no-repeat 1.15rem center; background-size:.4rem .4rem;} .innewsview1 .updown .next:hover{background-image:url(../images/more-icon2_hl.png);} .innewsview1 .updown .prev:hover,.innewsview1 .updown .next:hover{ background-color: #1c2079; color: #fff; } .innewsview2{padding: .8rem .2rem .5rem .2rem; background-color: #fff; margin-top:.5rem;} .innewsview2>h2{text-align: center; font-weight: bold; padding:0 0 .3rem 0;} /* .innewsview1 .more{padding-top: .5rem; width: 100%;} .innewsview1 .more .left a{padding: 0 .3rem; height: .6rem; line-height: .6rem; font-size: .28rem; text-align: center; width:1.5rem; border:1px solid #666; overflow: visible; color: #666; position: relative;transition: all 0.6s;} .innewsview1 .more .left a:hover{border:1px solid #e63349; background-color:#e63349; color:#fff;} .innewsview1 .more>.left a:first-child{margin-right: .2rem;} .innewsview1 .more>div.share{width: auto; line-height: .6rem; text-align: center;} */ .innews2{padding-bottom: .3rem;} /* 人物展示页 */ .inrenwu{margin-top: 1rem;} /* 案例内页 */ .incase1{margin-top: 2.3rem; width:100%;} .incase1 .box1{ padding: 0 .5rem; } .incase1 .box1 .img{width:100%; height: 4rem; overflow:hidden;} .incase1 .box1 .img img:hover{transform:scale(1.1);} .incase1 .box1 .tit{ font-size:.28rem; line-height: .45rem; text-align:center; background-color: #4d4948; color: #fff;} .incase1 .box1 .tit a,.incase1 .box1 .tit a:visited{color: #fff;} .incase1 .box1 .vo .con p{color: #fff; line-height: .4rem;} .incase1 .box1 .vo{cursor: pointer; position: relative; padding-bottom: .8rem; margin-bottom: .5rem; width: 100%;} .incase1 .box1 .vo .con{width: 100%; overflow: hidden; max-height: .8rem; height: auto;background-color: #666; position: absolute; left: 0; bottom: 0; box-sizing: border-box; padding: 0 .15rem;} .incase1 .box1 .vo .con .tit{text-align: left; background-color: unset; margin-bottom: 0; padding-right: .4rem; line-height: .8rem; height: 0.8rem;} .incase1 .box1 .vo .con>img{width: .5rem; height: .5rem; position: absolute; right:.1rem; top:.1rem;} .incase1 .box1 .vo .con-2{font-size: .22rem; padding-bottom: .2rem;} .incase1 .box1 .vo:hover .con{max-height: 90%;background-color: #1a1e79;} /* .incase1 .box1.on{opacity: 1;} .incase1 .box1 .vo{ background-color: #fff; box-sizing: border-box; margin-bottom: .2rem; width:3.4rem !important; height: auto; overflow: hidden; border-radius: 6px; padding-bottom: .1rem; position: relative; border:1px solid #ccc; box-shadow: 2px 2px 5px 0 #cccc; } .incase1 .box1 .vo .item>.img{width: 100%; position: relative; margin-bottom: .1rem; z-index: 10;} .incase1 .box1 .vo .item>.img img{width: 100%; height: auto; display: block;} .incase1 .box1 .vo .item>.img>img.video-btn{width:.5rem; height: .5rem; z-index:11; right: .15rem; top: .15rem; position: absolute; opacity: .6;} .incase1 .box1 .vo .item .p3{z-index:11; width: auto; right: .1rem; bottom: .1rem; position: absolute; font-size: .22rem; color: #666; padding: .03rem .1rem; border-radius: 5px; background-color: #eee; opacity: .7;} .incase1 .box1 .vo .item .p3 img{width: .2rem; height: .2rem; } .incase1 .box1 .vo .item .p1{font-size: .28rem; line-height: .35rem; padding: .15rem .15rem 0 .15rem; text-align: justify;} .incase1 .box1 .vo .item .p2{width: 100%; margin-top: .1rem; font-size: .24rem; color: #666; padding: 0 .15rem;} .incase1 .box1 .vo .item .p2 img{width: .2rem; height: .2rem; margin-right: .05rem;} .incase1 .box1 .vo .item .tit2{border-top: 1px solid #eee; width: 94%; margin: .2rem 3% 0 3%; font-size: .2rem; padding:.1rem .1rem;} .incase1 .box1 .vo .item .tit2>img{width:.3rem; height:.3rem;} .incase1 .twoFloor{position: absolute; top: 0; left: 0; z-index: 12; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .85); padding: .15rem;display: none;} .incase1 .twoFloor .closeW{ width:.4rem; height:.4rem; border-radius: 50%; overflow: hidden; background-color:rgba(255, 255, 255, .8); text-align: center; line-height:.2rem; padding: .1rem 0; margin-bottom: .2rem; } .incase1 .twoFloor .closeW i{font-size: .24rem; color: #000; padding: 0; margin:0;} .incase1 .twoFloor.on{display: flex;} .incase1 .twoFloor .p1{margin: 0 0 .1rem 0; width:100%; padding:0 .1rem; font-size: .24rem; line-height: .5rem; color: #fff; text-align: left; border-radius: 50px; background-color: rgba(255, 255, 255, .5);} */ .incase2{margin-top: 2.3rem; width:100%; line-height: .4rem; font-size: .28rem; padding:0 .1rem .5rem .1rem;} .incase2 img{ max-width: 100%; padding: 0; margin: 0 0 .05rem 0;} /* 工程案例展示页 */ .incaseview1{margin-top: 2rem;} .incaseview1>.con{padding-bottom: 0 !important;} .incaseview1>.p2{margin-top:.3rem; position: relative; width: 100%;} .incaseview1>.p2>video{max-width: 100%; max-height:5rem;} .incaseview1>.p3{margin-top:.4rem; position: relative; width: 100%;} .incaseview1>.p3>img{width: 100%; height: auto; padding: 0; margin:0 0 .05rem 0; display: block;} .incaseview1 .label a{word-break: break-all; background-color:#1c2079; color: #fff; padding: .1rem .2rem; font-size: .22rem; margin-right: .2rem; margin-bottom: .15rem; border-radius: 5px;box-sizing: border-box;} .incaseview1>h2 span.t1{flex-shrink:0; white-space: nowrap; } .incaseview1>h2 span.t2{margin-left:.1rem; flex-shrink:0;} .incaseview1>h2 .img{border-radius:50%; overflow: hidden; width: .4rem; height:.4rem; flex-shrink: 0;} .incaseview1>h2 span.t3{margin-left:.1rem; flex-grow: 1;} .incaseview2{margin-top: .8rem; padding-top: .5rem; padding-bottom: .5rem; background-color:#fff;} .incaseview2>.box1{position: relative;} .incaseview2>h2{text-align: center; font-weight: bold; padding: .3rem 0 .3rem 0;} .incaseview2 .box1 .vo{margin-bottom: .5rem; display: block; width: 100%;} /* .incaseview1{padding-left: .2rem; padding-right: .2rem;} .incaseview1>div.con img{width:100%; text-align: center;} .incaseview1 .box1{border-bottom: 1px solid #ccc; padding-bottom:.1rem;} .incaseview1 .box1-1{flex-grow: 1; padding-right:20px;} .incaseview1 .box1-1 h1{font-size: .32rem; font-weight:bold; color: #000; margin-bottom:.1rem; padding: 0;word-wrap : break-word;word-break:break-all; line-height: .4rem;} .incaseview1 .box1-1 p{font-size: .24rem; line-height:.3rem; color:#8b8c8d; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap : break-word;word-break:break-all;} .incaseview1 .box1-2{width:auto; height: 1rem; flex-shrink: 0; position: relative;overflow: hidden; border-bottom: 0; font-size: .28rem; color:#666; padding-left: .2rem; max-width: 3rem; } .incaseview1 .box1-2-1>div:nth-child(2){margin-left: .2rem;} .incaseview1 .box1-2-1>div:nth-child(2) i{color:#e63349; margin-right: .05rem;} */ /* 视频内页 */ .invideo1{margin-top: 2.3rem; padding:0 .5rem;} .invideo1 .box1{width: 100%;} .invideo1 .box1 a{width:100%;height: 4rem;position: relative; display: block; margin-bottom: .5rem;} .invideo1 .box1 a .img{overflow: hidden;width:100%;height:4rem; padding: 0; margin: 0;} .invideo1 .box1 a:hover .img>img{transform:scale(1.1);} .invideo1 .box1 a .vmask { position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 3%;color: #fff;background-color: rgba(0,0,0,.6);box-sizing: border-box;z-index: 90;} .invideo1 .box1 a .vmask h4 {font-size: .22rem;text-transform: uppercase;text-align: center;} .invideo1 .box1 a .vmask h3 {margin-top: .05rem;font-size: .28rem;text-align: center;} .invideo1 .box1 a .vmask>img {margin-top: .1rem;width: .7rem;height: .7rem;} /* 视频展示页 */ .invideoview1{padding-bottom: 0;} .invideoview1>div.con{padding-bottom: 0;} .invideoview1 .updown{margin-top:.2rem;} .invideoview2{margin-top: .5rem; padding-top: .5rem; padding-bottom: .5rem; background-color: #fff;} .invideoview2>h2{text-align: center; font-weight: bold; padding: .3rem 0 .3rem 0; width: 100%;} /* 下载中心 (经销商专区)*/ .indownload1{width: 100%; padding-bottom: 0 !important; background: url(/images/download_bg.jpg) no-repeat center center; background-size:cover;} .indownload1 .win{width:6.5rem; padding: .8rem .2rem; background-color:rgba(255, 255, 255, .85); overflow: hidden; border-radius:10px;} .indownload1 .zx-new-1 .zx-tit{font-weight: normal; color:#000;} .indownload1 .zx-new-1 .zx-submit{background-color:#1c2079;width:95%; padding:0 .2rem; line-height: .7rem; height: .7rem; font-size:.35rem; border-radius:6px; color:#fff; font-weight: normal; } .indownload1 .zx-new-1 .zx-submit:hover{background-color:#000;} .indownload1 .win h1{text-align:center;font-size:.4rem; font-weight: bold; padding:0; margin-bottom: .5rem;color:#000;} .indownload1 .win h1>span{margin-left: .2rem;color: #000;font-family: yingwen;text-transform: uppercase; } .indownload1 .win input.zx-input{padding:.05rem 0; background-color: transparent !important; border-radius: 0 !important; border:0; border-bottom: 1px solid #000; outline: none; } .indownload1 .win .mpt{line-height: .4rem; font-size: .28rem; color:#666; margin-top: .2rem;} .indownload2{padding:2.5rem 0 .4rem 0; box-sizing: border-box; } /* .indownload2 a{width: 100%;box-sizing: border-box; padding: .3rem;} .indownload2 a:nth-child(2n){background-color:#eee;} .indownload2 a .img{background-color: #ccc; color:#fff; width: 30%; height:1.6rem; text-align: center; font-size: .24rem; box-sizing: border-box; overflow: hidden; border-radius: 6px;} .indownload2 a .img img{height:100%;} .indownload2 a .detail{ width: 70%; box-sizing: border-box; padding:0 .2rem;} .indownload2 a .detail h4{ color: #000; padding:0; margin: 0; font-size:.3rem; height: .5rem;} .indownload2 a .detail p{ color: #7e7c7c; overflow: hidden; font-size: .24rem; line-height: .35rem; word-wrap:break-word;word-break:break-all;} .indownload2 a .detail .detail-3{font-size: .24rem;line-height: .3rem; color: #7e7c7c;} */ .indownload2 .case-con{color: #6c6c6c;margin:0 auto; padding:0 .3rem; width:90%; box-sizing: border-box;} .indownload2 .case-list1{display:inline; padding:.2rem 0; margin:0px; text-align:center; width: 100%; box-sizing: border-box;} .indownload2 .case-list1 dl dd{width:100%; overflow: hidden; padding: 0; margin: 0;} .indownload2 .case-list1 dl dd img{transition:all .3s; width:100%;display: block;} .indownload2 .case-list1 dl{margin-bottom:.4rem; width: 100%; } .indownload2 .case-list1 dl dt{width:100%; text-align:center; color:#333; font-size:.28rem; line-height:.4rem; padding: .1rem .2rem; box-sizing: border-box; background-color:#1c2079; text-decoration:none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; color: #fff;} .showLayer{width:100%; height: 100%; background-color:rgba(0,0,0,0.8); position: fixed; top: 0; left: 0; z-index: 9999; display: flex; align-items: center; justify-content: center;display: none; } .showLayer .con{z-index: 102; background-color: rgba(255,255,255,1); width:100%; height: 100%; overflow-y: auto; box-sizing: border-box; padding: .2rem; margin: 0 auto;} .showLayer .con h1{padding:.8rem 0 .2rem 0; border-bottom: 1px solid #ccc; font-size:.35rem; line-height:.5rem; text-align: center; font-weight: bold;} .showLayer .con>div{ font-size: .28rem; text-align: justify; padding-top: .3rem; padding-bottom: .3rem; line-height: .4rem;} .showLayer .con>div img{max-width:100%;} .showLayer .close1{width:.6rem; height: .6rem; line-height: .6rem; background-color: rgba(255,255,255,1); color: #fff; font-size: .5rem; position: absolute; top: 0.1rem; right:.2rem; z-index: 103; text-align: center;} .showLayer .close1 i{color:#000;} /* 全国门店内页,展示页 */ .instore2{margin-top: 1rem;} .instore2 .search{width: 100%;margin-top: .3rem;} .instore2 .search select{width: 42%; margin:0 .1rem; height: .7rem; box-sizing: border-box; line-height: .7rem; border:1px solid #969697;background:#fff url(/images/icon_down.png) no-repeat right center; background-size: .3rem .2rem; font-size: .28rem; padding-left: .2rem; outline: none;} .instore1{margin-top:.5rem; padding-bottom: .5rem;} .instore1 .box1 .vo .con>img{top:.13rem;} .bigbox{z-index: 400; position: fixed; left: 0; top: 0; width: 100%; height:100%; background-color: rgba(0, 0, 0, .9); display: none; } .bigbox .p1{width: 100%; height:100%;} .bigbox .p1 img{max-width: 90%; max-height: 80%;} .bigbox .p1 p{text-align: center; margin-top: .1rem; font-size: .28rem; color: #fff;} /* 产品内页 */ .fenlei{margin-top: 1rem; padding:0 .2rem 0 0; width: 100%;} .fenlei-a{background-color: #000;} .fenlei>.item{width: 100%; margin-top:.2rem; border-radius:5px; padding:0 0 0 .3rem;} .fenlei>.itema{padding:0 .1rem 0 .3rem;} .fenlei .tit{font-size:.25rem; padding: .05rem 0 .05rem 0; flex-shrink: 0; width: 1rem; height: .5rem; background-color: #1c2079;} .fenlei .tit img{width: .5rem; height: .5rem; } .fenlei .tit span{color: #fff;} /* .fenlei .tit>span:nth-child(3){font-size:.22rem; font-weight: normal;color: #fff;} */ .fenlei .specOut{flex-grow: 1; padding:0rem 0rem 0rem .1rem; border-radius:5px;} .fenlei .specOut.on{display: block;} .fenlei .specOut a{line-height: .4rem; font-size: .24rem; margin: .03rem .1rem .03rem .1rem ; color:#666; white-space: nowrap; } .fenlei .specOut a.on,.fenlei .specOut a:hover{border-bottom: 2px solid #1c2079; color: #1c2079;} .zispec{margin-top:.2rem; border-top:1px solid #ccc; padding-top:.2rem; width: 100%; font-size:.28rem; } .zispec-1{font-size:.28rem !important; margin-right:.3rem; flex-shrink: 0; line-height: .5rem; } .zispec-2{flex-grow:1; } .zispec-2 a{line-height: .5rem; font-size:.28rem !important; border-bottom: 2px solid #fff; margin: 0 .2rem .05rem .2rem !important; color:#4d4948; white-space: nowrap; } .inproduct{padding: .5rem .2rem 0 .2rem;} .inproduct li{width: 49%; margin-bottom: .3rem; box-sizing: border-box;border:1px solid #ccc; background-color: #fff; border-radius: 6px; overflow:hidden; box-shadow: 2px 2px 5px 0 #cccc; } .inproduct li a{overflow: visible; position: relative;} .inproduct li a h2{padding:.25rem .1rem 0 .1rem; font-size: .25rem; line-height: .35rem; color:#4c4948; text-align: center;} .inproduct li a>div.img{width:100%;overflow: hidden; position: relative; padding: 0; box-sizing: border-box; box-sizing: border-box;} .inproduct li a>div.img img{max-width:100%; max-height:105%; } .inproduct li a>div.img .vr-icon{width: 100%; height: 100%; position: absolute; left: 0; top: 0;} .inproduct li a>div.img .vr-icon img{width: .7rem; height: .7rem; opacity: .8;} .inproduct li a .tit{padding:.1rem .05rem .1rem 0; width: 100%; background-color: #1c2079; height:.8rem !important; line-height: .6rem; color: #fff; font-size:.28rem; text-align: center;} .inproduct li a .tit2{border-top: 1px solid #eee; width: 94%; margin: 0 3%; font-size: .2rem; padding:.2rem .1rem;} .inproduct li a .tit2>img{width:.3rem; height:.3rem;} /* .inproduct li a:hover>div.img{border-radius: 5px 5px 0 0;box-shadow: 0px 0px 20px 0 #999;} */ /* .inproduct li a:hover .tit{background-color: #e63349; color: #fff;border-radius:0 0 5px 5px;} */ .inproduct li.nodata{width: 100%;} /* 产品展示页 */ .useNav1{border-bottom: 1px solid #eee;} .proview-part1{padding-top: 1rem; padding-bottom: .8rem;} .proview-part1 .pvbox1{width:100%; height: auto; box-sizing: border-box; background-color: #000; padding:.1rem; } #bigProimg{} #bigProimg .swiper-slide{cursor: pointer; position: relative;overflow: hidden; background-color: #e2e2e2; border-radius: 8px; } #bigProimg .swiper-slide img{max-width: 100%; max-height:100%;} #bigProimg .swiper-pagination{text-align: right; text-shadow: 0 0 5px #fff; font-size: .3rem; padding-right:.2rem; bottom:.1rem;} /* #bigProimg .swiper-slide p{line-height:40px; text-align: center; color: #000; font-size: 16px; width: 100%; position: absolute; bottom: 0; left: 0; margin-bottom: 0;} */ .small-items{margin-top:.1rem;} .small-items .item-prev,.small-items .item-next{font-size: .5rem; width: .5rem; flex-shrink: 0; text-align: center; cursor: pointer;} #proThumbs{flex-grow: 1;} #proThumbs .swiper-slide{cursor: pointer; opacity:0.7; overflow: hidden; border:2px solid #4d4948; border-radius: 6px; background-color: #fff; } #proThumbs .swiper-slide img{max-width: 100%; max-height:100%; } #proThumbs .swiper-slide-thumb-active{ opacity:1; border:2px solid #1c2079; } .small-items .item-prev,.small-items .item-next{color: #999;} .small-items .item-prev:hover,.small-items .item-next:hover{color: #fff;} .bigimgs{width: 100%; height:100%; background-color: rgba(0,0,0,.9); z-index: 300; position: fixed; top:-3000px; left: 0; padding:0; box-sizing: border-box;} .bigimgs .cha{font-size:.5rem; position:absolute; top: .3rem; right:.3rem; color: #ccc;z-index: 201; cursor: pointer; } .bigimgs .cha:hover{color:#fff;} #swiper-container-1{width: 100%; height: 100%;} #swiper-container-1 .swiper-slide{width: 100%; height: 100%;} #swiper-container-1 .swiper-slide img{max-width: 100%; max-height: 100%;} #swiper-container-1 .swiper-button-next::after, #swiper-container-1 .swiper-button-prev::after { color: #fff; font-size: .3rem; } #swiper-container-1 .swiper-pagination{color:#fff;} .proview-part1 .left{width:100%; height:auto; background-color:rgba(238, 238, 238, 1); position: relative;} .proview-part1 .left .mainin{width:100%; height:auto; box-sizing: border-box; padding:0 .3rem 0 .3rem; overflow: hidden; color: #000; font-size: .29rem;} .proview-part1 .left .mainin1{padding-bottom:0;} .proview-part1 .left .title{margin-bottom: .4rem;font-size: .35rem; line-height:.5rem; font-weight: bold; border-bottom: 1px solid #ccc; padding-bottom: .3rem; } .proview-part1 .left .title .box1-2{text-align: center; cursor: pointer;} .proview-part1 .left .title .box1-2 p{margin-top:0; padding: 0; font-size: .22rem; color:#fff; text-align: center; margin-bottom: 0; line-height:.2rem; font-weight: normal;} .proview-part1 .left .title .box1-2 img{width:.5rem; height:.5rem;} .my-pro-canshu{padding-top:0;} .my-pro-canshu li{ margin: .2rem 0 .1rem 0; line-height:.4rem; width: 100%; float: none;} .my-pro-canshu li div{ float:left; box-sizing:border-box; font-style:.3rem;} .my-pro-canshu li div#ajax-tit{flex-grow: 1; margin-top: .3rem;} .my-pro-canshu li div.hits{flex-shrink: 1; margin-left:.2rem; font-size: .24rem; font-weight: normal; margin-top: .3rem; } .my-pro-canshu li div.hits>img{width:.3rem; height:.3rem; margin-right:.05rem;} .my-canshu-tit{ margin-right: .1rem; text-align: center; min-width:1rem; line-height: .6rem; flex-shrink: 0; background-color: #1c2079; color: #fff; height: .6rem; } .my-canshu-tit1{background-color: unset;} .my-canshu-tit2{border-bottom: 0;} .my-canshu-value{flex-grow: 1; padding-top: .1rem;padding-bottom: .1rem; padding-left: .05rem; border-bottom: 2px solid #eee; line-height:.4rem; word-break: break-word;} .my-canshu-value a img{width: .5rem; height: .5rem; margin-left: .1rem; flex-shrink: 0;} .my-canshu-value2{min-height: 2rem; overflow-x: hidden; overflow-y: auto;} .proinfo img{max-width: 100%;} .pro-texing{padding-top: .05rem;} .pro-texing span{border-radius: 3px; font-size: .22rem; padding: .05rem .15rem; background-color: #fff; color: #333; margin-right: .1rem; margin-bottom: .1rem; line-height: .4rem; word-break: break-all;} /* .proview-part1 .updown{margin-top:.3rem;} .proview-part1 .updown .prev,.proview-part1 .updown .next{border:1px solid #666; color: #666; padding: .05rem .2rem; box-sizing: border-box; font-size: .28rem; text-align: center; border-radius: 50px; background-color:#fff; margin: 0 .3rem; line-height:.4rem; box-shadow: unset;} .proview-part1 .updown .prev:hover,.proview-part1 .updown .next:hover{border:1px solid #000; color: #e63349;} */ .pro-vr{border-bottom: 0; border-top: 1px solid #ccc; padding-top: .3rem; position: relative; width: 100%;} .pro-vr img{height:auto; width:1.5rem; margin-right: .2rem; } .pro-vr>div{line-height: .4rem; font-size:.26rem; } .pro-vr>.profoot{box-sizing: border-box; position:absolute; z-index: 10; right:-.3rem; top:.2rem; } .pro-vr>.profoot .share-btn{width:2.5rem; height: .6rem; padding:0; border-radius: 6px 6px 0 0; color: #333;} .pro-vr>.profoot .share-btn .txt{font-size: .24rem; padding: 0 .1rem;} .pro-vr>.profoot .profoot-2{ margin-bottom: .1rem;} .pro-vr>.profoot .profoot-2>img{width:.4rem; height:.4rem; margin-right:.1rem;} .pro-vr>.profoot .profoot-2>span{font-size: .28rem; margin-right:0; color: #fff;} .proview-part1 .updown{margin-top:.4rem;} .proview-part1 .updown .prev,.proview-part1 .updown .next{border:1px solid #eee; color: #666; padding:.1rem .2rem; box-sizing: border-box; font-size: .28rem; text-align: center; border-radius:6px; background-color:#fff; margin: 0 .5rem; line-height:.4rem; box-shadow: unset;} .proview-part1 .updown .prev{padding-left:.6rem;background: url(../images/more-icon3.png) no-repeat .1rem center; background-size:.4rem .4rem;} .proview-part1 .updown .prev:hover{background-image:url(../images/more-icon3_hl.png);} .proview-part1 .updown .next{padding-right:.6rem;background:url(../images/more-icon2.png) no-repeat 1.15rem center; background-size:.4rem .4rem;} .proview-part1 .updown .next:hover{background-image:url(../images/more-icon2_hl.png);} .proview-part1 .updown .prev:hover,.proview-part1 .updown .next:hover{ background-color: #1c2079; color: #fff; } .proviewTit{width: 100%; padding: 0 0 .2rem 0; margin-bottom:.3rem; position: relative;} .proviewTit>div:first-child{color:#000; font-size:.35rem; font-weight: bold;} .proviewTit>div:nth-child(2){padding-left:.1rem; padding-top: .05rem; color:#666; font-size:.28rem;} .proviewTit::before{position: absolute; left: 0; bottom: 0;content: ""; width: 2.5rem; height: 2px; background: linear-gradient(to right,#000,#000,#999); transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; } .proview-1{padding: 0 .2rem; margin-top: .8rem;} .proview-1:hover .proviewTit::before,.proview-2:hover .proviewTit::before{width: 100%; height:1px;background-color: #ccc;} .proview-1 .con{width: 100%; } .proview-1 .con img{width:100%; height: auto; display: block; padding: 0; margin: 0; } .proview-2{width: 100%; padding: 0 .2rem; margin-top: .5rem;} .proview-2 .con,.proview-2 .con p{font-size:.3rem; line-height:.5rem;} .proview-2 .con p{margin:0; padding:0;} .proview-2 .con img{max-width: 100%;} .proview-2 .con1 img{margin-bottom:10rpx;} /* 品牌内页 */ .useNav {position:fixed; z-index: 95;background-color: #fff; overflow: hidden; width: 100%; height: 1rem; top: 1rem; left: 0;opacity: 0;} .useTab{width: 100%; height: 1rem;} .useTab li {width:auto;height:1rem;line-height: 1rem;text-align: center;font-size: .3rem;padding:2rem 0 0 0;} .useTab li a{ font-size:.28rem; padding: 0 .2rem; line-height: .6rem; height: .6rem; display: block;} .useTab1{padding: 0 .2rem;} .useTab1 li{padding:.2rem .1rem 0 .1rem;} .useTab2 li a{margin: 0 .2rem;} .useTab3{padding: 0 .3rem;} .useTab3 li{padding:.2rem 0rem 0rem 0rem;} .useTab4{padding-right: .2rem;} .useTab4 li{padding:.2rem .15rem 0 .15rem;} .useTab li.on a{color: #fff; border-radius: 5px; background-color: #1c2079; font-weight: bold; } .useNav .more{width: .7rem; height: 1rem; position: absolute; right: -.1rem; top:0; background-color: #fff; animation: my-movelr1 2s infinite; } .useNav .more a{ width:.5rem; height: .5rem;} .useNav .more a img{width: .5rem; height:.5rem;} @keyframes my-movelr1 { 0% { right: -.2rem; } 50% { right: 0; } 100%{ right: -.2rem; } } /* 滚动版 */ .useTab-scroll{overflow-x: scroll; display: -webkit-box; -webkit-overflow-scrolling:touch; height: 1rem; margin-right: .7rem; } .useTab-scroll::-webkit-scrollbar{display: none;} .useTab-scroll li:last-child{padding-right:.6rem; border-right: 0;} .about_title{ position: relative; margin-bottom: .3rem; padding: 0 .2rem;} .about_title h2{text-align:left; font-weight: bold; font-size: .4rem; padding-bottom: .05rem; color:#000;} .about_title p{text-align:left; font-size:.28rem; color:#ababab; margin-top: .05rem; } /* .aboutpage{margin-top: 2.5rem;} .aboutpage .box1{width: 100%; padding: 0 .2rem; line-height: .6rem; font-size:.3rem;} .aboutpage .box1 img{max-width: 100%;} */ /* 品牌内页->SOFASCORE简介 */ .aboutMain{width: 100%; height: auto;} .aboutpage1{ padding-top: 2.5rem; display: none; width: 100%; min-height: 6rem; /* padding-top:2.5rem; position: absolute; z-index: 10; width: 100%; height: 100%; top: 0; left: 0; visibility: visible; opacity: 1; */ } .aboutpage1a{padding-top: 2rem;} .aboutpage1.on{ display: block; } .aboutpage1 .box1{width: 100%; padding: 0 .2rem; line-height: .5rem; font-size:.3rem;} .aboutpage1 .box1 img{max-width: 100%;} .aboutpage1 .box2{padding: 0 .2rem; margin-bottom:.5rem; margin-top:.3rem;} .aboutpage1 .box2 .item { width: 50%; text-align: center; padding: .2rem 0; color: #000; box-sizing: border-box; cursor: pointer; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; border-right: 1px solid #ccc; } .aboutpage1 .box2 .item:nth-child(1),.aboutpage1 .box2 .item:nth-child(2){ border-bottom: 1px solid #ccc; } .aboutpage1 .box2 .item:nth-child(2n){border-right:0;} .aboutpage1 .box2 .item:hover h2,.aboutpage1 .box2 .item:hover h4{color: #000;} .aboutpage1 .box2 .item.on{background-color:rgba(40,40,40,.3);} .aboutpage1 .box2 .item:hover{background-color:#000; color: #fff;} .aboutpage1 .box2 .item:last-of-type {border-right: 0 none;} .aboutpage1 .box2 .item h2 { font-size: .36rem; font-weight: bold; margin-bottom: .15rem; font-family:Arial, Helvetica, sans-serif; } .aboutpage1 .box2 .item h2>span{font-size: .4rem;} .aboutpage1 .box2 .item h4 {font-size: .26rem;color: #333;} .aboutpage1 .title{margin-top: .5rem; width: 100%;} .aboutpage1 .title h1{font-size: .4rem; text-align: center;padding: 0;} .aboutpage1 .title h2{ margin-top:0; text-align: center; padding: 0; font-size: .22rem; color: #666; } .aboutpage1 .box2 .item:hover h2{color: #fff;} .aboutpage1 .box2 .item:hover h4{color: #eee;} #swiper-container3 .swiper-slide{width:100%; padding: 0 .25rem; height: 3.5rem; position: relative;} #swiper-container3 .swiper-slide div.img{ width:2.5rem; height:100%; overflow: hidden; position: relative;} #swiper-container3 .swiper-slide div.img img{width:100%; display: block;} #swiper-container3 .swiper-slide div.img p{position: absolute; bottom: .3rem; left: 0; width:100%; height: .8rem; line-height: .8rem; text-align: center; font-size: .34rem; color: #fff; font-weight: bold; text-shadow: 0 0 5px #000;} #swiper-container3 .swiper-slide .show{ position:absolute; left:2.85rem; top:0; min-width:4.5rem;height:100%; box-sizing: border-box; padding: 0 .15rem;max-width: none;background: url(../images/wenhua-index_bg.jpg);text-align: left;} #swiper-container3 .swiper-slide .show h2{color: #000;border-bottom: .05rem solid #cccbc9;display: inline-block;font-weight: normal;padding-top: 0rem; font-size: .32rem;} #swiper-container3 .swiper-slide .show p{line-height: .4rem;text-indent: .05rem; font-size: .26rem; padding-top: .2rem; overflow: hidden;} #swiper-container3 .swiper-slide .show a.more{background: #46403f;display: inline-block;padding: .1rem .3rem;color: #fff; font-size: .28rem; margin-top: .2rem;} #swiper-container3 .swiper-slide .show a:hover.more{background-color: #000000;} #swiper-pagination3 .swiper-pagination-bullet { display: inline-block; background-color:#ccc; margin: 0 .1rem!important; padding: 0 !important; opacity: 0.8; cursor: pointer; width:15%; height:3px; border-radius:0; } #swiper-pagination3 .swiper-pagination-bullet-active { opacity: 1; background-color: #000; } #swiper-pagination3{position: relative; bottom: 0;} .aboutpage1 .part2 { margin: 0 0 .5rem 0; position: relative; width: 100%; height: 3.8rem; } .aboutpage1 .part2::after { content: ''; display: block; width: 100%; height: 98%; background-color: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; z-index: 2; } .aboutpage1 .part2 > .img { position: relative; } .aboutpage1 .part2 > .img img { width: 100%; height: 100% !important; } .aboutpage1 .part2-list { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; display: flex; } .aboutpage1 .part2-list .item { width: 25%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; border-right: 1px solid #fff; color: #fff; text-align: center; position: relative; overflow: hidden; cursor: pointer; } .aboutpage1 .part2-list .item:last-of-type { border: 0 none; } .aboutpage1 .part2-list .item:hover .con2 { opacity: 1; } .aboutpage1 .part2-list .item .icon { line-height: .5rem; } .aboutpage1 .part2-list .item .icon img{width:.6rem; height: .6rem;} .aboutpage1 .part2-list .item .con { width: 100%; margin-top: .2rem; } .aboutpage1 .part2-list .item .con h2 { font-size: .3rem; } .aboutpage1 .part2-list .item .con h4 { font-size: .22rem; text-transform: uppercase; } .aboutpage1 .part2-list .item .con2 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; transition: all 0.6s; opacity: 0; } .aboutpage1 .part2-list .item .con2 .img { position: relative; height: 100%; } .aboutpage1 .part2-list .item .con2 .img img { width: 100%; height: 100%; object-fit: cover; } .aboutpage1 .part2-list .item .con2 .tit { color: #fff; font-size: .3rem; position: absolute; left: 50%; bottom: .5rem; transform: translateX(-50%); width: 94%; text-align: center; text-shadow: 0 0 5px #000; } /* 品牌内页->智能制造 */ .aboutpage1 .part4-list { padding: 0 .2rem;} .aboutpage1 .part4-list li { width: 50%; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; text-align: center; box-sizing: border-box; padding: 10% 3%; transition: all 0.6s; position: relative; overflow: hidden; } .aboutpage1 .part4-list li:nth-child(2n){ border-right:0; } .aboutpage1 .part4-list li:nth-child(3),.aboutpage1 .part4-list li:nth-child(4){ border-bottom: 0; } .aboutpage1 .part4-list li:last-of-type { border: 0 none; } .aboutpage1 .part4-list li .mask4{position: absolute; z-index: 10; left: 0; bottom: -10rem; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } .aboutpage1 .part4-list li .mask4>div{width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5);} .aboutpage1 .part4-list li .mask4-1{background-image: url(/images/zhizuo1.jpg);} .aboutpage1 .part4-list li .mask4-2{background-image: url(/images/zhizuo2.jpg);} .aboutpage1 .part4-list li .mask4-3{background-image: url(/images/zhizuo3.jpg);} .aboutpage1 .part4-list li .mask4-4{background-image: url(/images/zhizuo4.jpg);} .aboutpage1 .part4-list li .one{z-index: 20; min-height: 4rem; position: relative;} .aboutpage1 .part4-list li .img { width: .7rem;height: .7rem; background-position: center center; background-size: 100% 100%; background-repeat: no-repeat; } .aboutpage1 .part4-list li .img.img1{background-image: url(../images/icon1.png);} .aboutpage1 .part4-list li .img.img2{background-image: url(../images/icon2.png);} .aboutpage1 .part4-list li .img.img3{background-image: url(../images/icon3.png);} .aboutpage1 .part4-list li .img.img4{background-image: url(../images/icon4.png);} .aboutpage1 .part4-list li:hover .img.img1{background-image: url(../images/icon1_hl.png);} .aboutpage1 .part4-list li:hover .img.img2{background-image: url(../images/icon2_hl.png);} .aboutpage1 .part4-list li:hover .img.img3{background-image: url(../images/icon3_hl.png);} .aboutpage1 .part4-list li:hover .img.img4{background-image: url(../images/icon4_hl.png);} .aboutpage1 .part4-list li:hover .mask4 { bottom: 0;} .aboutpage1 .part4-list li:hover h2 { color: #fff; } .aboutpage1 .part4-list li:hover .txt { color: #fff; } .aboutpage1 .part4-list li h2 { margin: .1rem auto .5rem auto; color: #252525; font-size: .4rem; width: 100%; } .aboutpage1 .part4-list li .txt { width: 100%; font-size: .26rem; color: #666666; text-align: justify; line-height: 1.6; min-height: 1.5rem; } .aboutpage1 .part5-list { margin-top: .3rem; overflow-x: hidden; width: 100%; background-color: #fff; } .aboutpage1 .part5-list li { margin-bottom: .5rem; box-shadow: 0 0 20px rgba(174, 174, 174, 0.3); } .aboutpage1 .part5-list li:last-child{margin-bottom: .8rem;} .aboutpage1 .part5-list li:nth-child(2n) .ctn h2 { text-align: right; align-self: flex-end; } .aboutpage1 .part5-list li:nth-child(2n) .ctn .txt { text-align: right; } .aboutpage1 .part5-list li .ctn { width: 100%; box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-end; padding: 4%; } .aboutpage1 .part5-list li .ctn h2 { font-size: .4rem; color: #252525; font-weight: 800; line-height: normal; margin-bottom: .3rem; display: flex; flex-direction: column; position: relative; padding-bottom: 0.05rem; width: 100%; align-self: flex-start; display: inline-block; font-weight: normal; } .aboutpage1 .part5-list li .ctn h2::after { content: ''; width: 100%; height: 1px; background-color: #e7e6e6; position: absolute; left: 0; bottom: -.1rem; } .aboutpage1 .part5-list li .ctn h2 em { font-size: .5rem; color: #252525; margin-bottom: .1rem; display: block; font-weight: bold; } .aboutpage1 .part5-list li .ctn .txt { font-size: 16px; color: #666666; } .aboutpage1 .part5-list li .img { width: 100%; position: relative; overflow: hidden; } .aboutpage1 .part5-list li .img img { width: 100%; } .aboutpage1 .part5-list li .img img:hover { transform: scale(1.1); } /* 品牌内页-->发展历程 */ .part8-list{ background-color:#252733; padding-bottom: .8rem; margin-bottom: 0; } .part8-list div{font-family: Noto Sans CJK SC, Source Han Sans SC, Source Han Sans CN, sans-serif;} .part8-list .left{width:100%; color: #fff; padding-top:0; padding-bottom: .5rem;padding-left: .3rem; padding-right: .3rem; } .part8-list .left>img{width:3.5rem; height: auto;} .part8-list .left .p1{font-size: .3rem; font-weight: bold; margin-bottom:.25rem; } .part8-list .left .p2{font-size:.6rem; margin-bottom: .1rem; line-height: .5rem; font-weight: normal; } .part8-list .left .p3{font-size: .26rem; line-height: .4rem; } .part8-list .left .p4{font-size: .3rem; font-weight: bold; margin-bottom: .15rem; } .part8-list .right{ width:100%; height: 6rem; margin-top: .3rem;} .part8-list .historylist{width: 100%; height:5.2rem; padding:.1rem 0;} .part8-list .historylist .swiper-wrapper{ width:100%; } .part8-list .historylist .swiper-slide{position:relative; z-index: 10;transform: skewX(-10deg); overflow: hidden; border-radius: 6px; } .part8-list .historylist .swiper-slide .hpart1{width:130%; height:100%; overflow: hidden;transform: skewX(10deg); margin-left:-15%; position: relative;z-index: 12;} .part8-list .historylist .swiper-slide .hpart1 img{width:100%; height: auto; display: block; } .part8-list .historylist .swiper-slide .hpart1 .mask{z-index: 13; background-color: rgba(0, 0, 0, .4); position: absolute; width: 100%; height: 100%; left: 0; top: 0;padding:0 25% .2rem 20%; color: #fff;} .part8-list .historylist .swiper-slide .hpart1 .mask h2{ font-family: "Barlow", sans-serif; font-size: .5rem; font-style: normal; font-weight: 300; line-height:.6rem; margin-bottom:.1rem; letter-spacing: 2px; } .part8-list .historylist .swiper-slide .hpart1 .mask p{font-size:.22rem; line-height: .3rem;} .part8-list .historylist .swiper-slide:hover{box-shadow: 0 0 10px 2px #666;} .part8-list .historylist .swiper-slide .hpart1:hover .mask{background-color: rgba(0, 0, 0, .8);} .part8-list .historylist .swiper-slide .hpart1:hover img{transform:scale(1.1);} .caozuo{width: 100%; height:.8rem; padding: 0 .3rem;} .caozuo .p1{flex-grow: 1; } .caozuo .p1 .swiper-scrollbar{width: 100%; height:.1rem; position: relative; top: unset; left:unset; background-color: #666;} .caozuo .p1 .swiper-scrollbar .swiper-scrollbar-drag{background-color: #fff; } .caozuo .p2{flex-shrink: 0;} .caozuo .p2 .item-prev,.caozuo .p2 .item-next{width:.6rem; height: .6rem; flex-shrink: 0; text-align: center; font-size:.4rem; cursor: pointer;color: #fff; background-color: #666; border-radius:50%;margin-left:.2rem;} .caozuo .p2 .item-prev:hover,.caozuo .p2 .item-next:hover{color: #000; background-color: #fff;} .caozuo .p2 .item-prev i:active,.caozuo .p2 .item-next i:active{ background-color: transparent !important; } .caozuo .p2 i:focus { background-color: transparent; /* 移除背景色 */ outline: none; /* 可选：移除焦点时的轮廓线 */ } /* 品牌内页-->文化理念 */ .aboutpage97{} .aboutpage97 .part2 { margin: .5rem 0 .8rem 0; position: relative; width: 100%; height: 100%; overflow: hidden; } .aboutpage97 .part2::after { content: ''; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; z-index: 2; box-sizing: border-box; } .aboutpage97 .part2 > .img { position: relative; height: 4.5rem; } .aboutpage97 .part2 > .img img { width: 100%; height: 100%; } .aboutpage97 .part2-list { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; display: flex; } .aboutpage97 .part2-list .item { width: 25%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; border-right: 1px solid #fff; color: #fff; text-align: center; position: relative; overflow: hidden; cursor: pointer; } .aboutpage97 .part2-list .item:last-of-type { border: 0 none; } .aboutpage97 .part2-list .item:hover .con2 { opacity: 1; } .aboutpage97 .part2-list .item .icon { line-height: .5rem; } .aboutpage97 .part2-list .item .icon img{width:.6rem; height: .6rem;} .aboutpage97 .part2-list .item .con { width: 100%; margin-top: .2rem; } .aboutpage97 .part2-list .item .con h2 { font-size: .3rem; } .aboutpage97 .part2-list .item .con h4 { font-size: .22rem; text-transform: uppercase; } .aboutpage97 .part2-list .item .con2 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; transition: all 0.6s; opacity: 0; } .aboutpage97 .part2-list .item .con2 .img { position: relative; height: 100%; } .aboutpage97 .part2-list .item .con2 .img img { width: 100%; height: 100%; object-fit: cover; } .aboutpage97 .part2-list .item .con2 .tit { color: #fff; font-size: .26rem; position: absolute; left: 50%; bottom: .5rem; transform: translateX(-50%); width: 96%; text-align: center; } /* .aboutpage1 .part6-list{overflow-x: hidden;width: 100%;} .aboutpage1 .part6-list li{width: 100%; box-sizing: border-box; margin-bottom: .5rem;} .aboutpage1 .part6-list li .ctn{padding:.2rem .3rem 0 .3rem; width: 100%;} .aboutpage1 .part6-list li .ctn h2{font-size: .32rem; line-height:.5rem; color: #e2b891; margin-bottom:.2rem;} .aboutpage1 .part6-list li .ctn .txt{font-size:.26rem; line-height:.4rem; color: #666;} .aboutpage1 .part6-list li .img{width:100%;} .aboutpage1 .part6-list li .img>img{width: 100%; height: auto;} .aboutpage1 .part7-list{background-color: #f7f7f7; width: 100%; padding:.8rem .3rem .4rem .3rem;} .aboutpage1 .part7-list .box1{width:100%; position: relative; z-index: 10; padding: 0 .3rem;} .aboutpage1 .part7-list .box1 .p1{ width:100%;} .aboutpage1 .part7-list .box1 .p1 .item{position: relative;padding-bottom:.3rem; cursor: pointer;} .aboutpage1 .part7-list .box1 .p1 .item>img{width:.8rem; height:.8rem;} .aboutpage1 .part7-list .box1 .p1 .item>h2{font-size:.24rem;text-align: center; color: #e2b891; padding: 0;} .aboutpage1 .part7-list .box1 .p1 .item>span { display: block; width: .4rem; height: .2rem; position: absolute; left: 50%; margin-left: -.2rem; bottom:0; background: url(/images/icon_04.png) center no-repeat; display: none; background-size: 100% 100%; } .aboutpage1 .part7-list .box2{width:100%; position: relative; z-index: 9; border: 1px solid #666666;padding:.5rem .3rem;border-radius: 6px; margin-top: -1px;} .aboutpage1 .part7-list .box2>div{width: 100%; font-size:.28rem; line-height: .4rem; color: #666; display: none; } */ /* 品牌内页->荣誉殿堂 */ .about-part3{ padding-top:0;} .about-part3 .con{ line-height:.5rem; margin-top: .2rem;} .about-part3 .items{margin-bottom:1rem;} #swiper-container2 .swiper-slide{width: 5.5rem; box-sizing: border-box;padding: 0; border-radius:0; border:1px solid #ccc; background-color: #fff; overflow: hidden; border-radius: 10px;} #swiper-container2 .swiper-slide .img{width: 100%; height:5.5rem; overflow: hidden;} #swiper-container2 .swiper-slide .img img{max-width:98%; max-height: 98%; transition:all .3s;} #swiper-container2 .swiper-slide .sl1{text-align: center;line-height: .4rem; border-top:1px solid #ccc; background-color: #f1f1f1; height:1.2rem; font-size:.28rem; padding: 0 .2rem;} #swiper-container2 .swiper-slide:hover .img{background-color:#e2b891;} #swiper-container2 .swiper-slide:hover .img img{transform:scale(1.1);} #swiper-container2 .swiper-slide:hover .sl1{background-color:#e2b891; color: #000; border-top: 1px solid #e2b891;} /* 品牌内页->发展历程 */ .aboutpage3{margin-top: 2.5rem; margin-bottom: .5rem;} #licheng{ margin-top:.5rem;} #licheng .swiper-slide{background-color:#fff; padding:.2rem; box-sizing: border-box; width:5rem !important; height: 5.5rem !important; opacity: .3;transform: scale(0.9);} #licheng .swiper-slide.swiper-slide-active{opacity: 1;transform: scale(1);} #licheng .swiper-slide .tit{border-bottom:1px solid #eee; line-height:.5rem; font-size: .32rem; font-weight: bold; text-align:center; width: 100%;} #licheng .swiper-slide .con{font-size: .28rem; line-height: .5rem; width: 100%; height: 4rem; text-align: left; margin-top: .15rem; overflow-x: hidden; overflow-y:auto; } #licheng .swiper-slide .con p{text-align: left; padding: 0; margin: 0; line-height: .5rem; font-size: .28rem;} #licheng .swiper-slide .con img{max-width:100%; max-height: 2.5rem; width: auto; height: auto;} #lichengitems{position:relative; margin-top: .5rem; width: 100%; padding: 0 10%;} #lichengitems::before{content:""; position:absolute; width: 100%; height:2px; background-color: #333; bottom: .2rem; left: 0;} #lichengitems .swiper-slide{cursor: pointer; padding-bottom: .1rem; height: 1.4rem;} #lichengitems .swiper-slide h2{font-size: .28rem; } #lichengitems .swiper-slide .line{margin:.1rem 0 0 0; height: .4rem; width: 2px; background-color: #000;} #lichengitems .swiper-slide .circle{width: .2rem; height: .2rem; border-radius: 50%; background-color:#000; overflow: hidden; } #lichengitems .swiper-slide.swiper-slide-thumb-active h2{color: #e63349; font-weight: bold;} #lichengitems .swiper-slide.swiper-slide-thumb-active .line{background-color: #e63349;margin:0 0 0 0; height: .6rem;} #lichengitems .swiper-slide.swiper-slide-thumb-active .circle{background-color: #e63349;} .swiper-container{ --swiper-theme-color: #333; --swiper-navigation-color: #000; --swiper-navigation-size: .4rem; } /* 品牌内页->荣誉殿堂*/ .aboutpage4{margin-top: 2.5rem;} /* .honor #licheng .swiper-slide{background-color:#fff; padding:20px; box-sizing: border-box; height: 600px !important; opacity: .3;transform: scale(0.8);} */ .honor{padding: 0 .2rem .5rem .2rem;} .honor .item{height: auto !important; width:3.5rem; background-color: #fff; padding: .2rem .2rem; margin-bottom:.15rem;} .honor .item .img1{width:100%; height: auto; overflow: hidden} .honor .item .img1 img{width:100%; max-height: 5rem;} .honor .item .tit1{text-align: center; line-height: .3rem; font-size: .24rem; margin-top: .1rem;} /* 品牌内页-> 联系我们 */ .aboutpage5{} .aboutpage5 .box1{width: 100%; padding: 0 .2rem; line-height: .5rem;} .aboutpage5 .box1 p,.aboutpage5 .box1 div{} .aboutpage5 .box1 image{max-width: 100%;} .aboutpage5 .box2{width: 100%; padding: .2rem .2rem .5rem .2rem;} .aboutpage{} .aboutpage .screen{width: 100%;z-index: 10; padding-left:.3rem; padding-right: .3rem; position: relative; font-size: .3rem; line-height: .5rem; } .aboutpage .screen{color: #333;} .aboutpage .screen img{max-width:100%;} .aboutpage .screen.screen01,.aboutpage .screen.screen03,.aboutpage .screen.screen05,.aboutpage .screen.screen07,.aboutpage .screen.screen09,.aboutpage .screen.screen011{padding-top:.8rem; padding-bottom: .5rem; background-color: #fff;} .aboutpage .screen.screen02,.aboutpage .screen.screen04,.aboutpage .screen.screen06,.aboutpage .screen.screen08,.aboutpage .screen.screen010,.aboutpage .screen.screen012{background-color:#eee; padding-top: 1.3rem; padding-bottom: .8rem; } .aboutpage .screen.screen06{padding-bottom:.5rem;} .aboutpage .screen .top{width:100%; height: .5rem;background:url(../images/bg-1.png) no-repeat left top; background-size: 100% 100%; z-index: 20; position: absolute; left: 0; top: 0;} .aboutpage .screen .bottom{width:100%; height: .5rem;background:url(../images/bg-2.png) no-repeat left bottom; background-size: 100% 100%; z-index: 20;position: absolute; left: 0; bottom: 0;} /* SOFASCORE简介 */ .aboutpage .box8{width: 100%;} /* 赋能内页 */ .infuneng{background: url(/images/funeng-bg.jpg) no-repeat center center; background-size:cover;} .infuneng .box1{width: 100%; padding:.6rem .6rem;} .infuneng a,.infuneng div.p1{width: 100%; height:2rem; border: .07rem solid #fff; margin: .4rem 0; box-sizing: border-box; text-align: center; padding:0 .3rem 0 .2rem; position: relative; } .infuneng a img{height: 1.2rem;} .infuneng a p,.infuneng div.p1 p{font-size: .35rem; height:1rem; line-height:1rem; flex-shrink: 0; text-align: center; width:1.5rem;} .infuneng div.p1{height: 2.3rem;} .infuneng div.p1 img{height: 1.1rem;} .infuneng div.p1 p.tit1{color: #ccc; font-size: .2rem; text-align: center; height: auto; line-height: .4rem;} .infuneng div.p1 p.tit1 img{width: 1.3rem; height: 1.3rem; margin-top: .05rem;} .infuneng a p.tit2{color: #ccc;} .infuneng a p.tit3{color: #ccc;} .infuneng div.p1:nth-child(1){margin-left: 0px;} .infuneng a:nth-child(2){margin-left: 0rem;} .infuneng a:nth-child(3){margin-left: 0rem;} .infuneng a:nth-child(4){margin-left: 0rem;} .infuneng a:hover{background-color: #1c2079;} .infuneng div.p1:nth-child(1):hover{margin-left: 0rem; border-color: #1c2079;background-color: #1c2079;} .infuneng div.p1:nth-child(1):hover p.tit1{color: #fff; } .infuneng a:nth-child(2):hover{margin-left: 0px; border-color: #1c2079;} .infuneng a:nth-child(3):hover{margin-left: 0rem;border-color: #1c2079;} .infuneng a:nth-child(4):hover{margin-left: 0rem; border-color: #1c2079;} .infuneng a:hover p.tit2,.infuneng a:hover p.tit3{color: #fff;} /*分页*/ .my-pages{margin-bottom: .8rem;} #list-page{ display: flex; flex-direction: row; justify-content: center; } #list-page>ul>li a{ color:rgb(120,120,120); } #list-page>ul>li span{ color:#fff; background:rgba(120,120,120,0.81); } .pagination .page{margin-left:.3rem; margin-right: .3rem;} .pagination .page:hover{color: #4a090d;} /*4.10 对话框 Name: mod_modal Example: */ .fade {opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } .fade.in {opacity: 1} .modal-open {overflow: hidden} .modal{ position:fixed; left:0; top:0; right:0; bottom:0; z-index:1040; display:none; overflow:hidden;-webkit-overflow-scrolling:touch; outline:0} .modal.fade .modal-dialog{ -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%)} .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0)} .modal-open .modal {overflow-x: hidden;overflow-y: auto} .modal-backdrop {position: fixed;top: 0;right: 0;bottom: 0;left: 0;background-color: #000} .modal-backdrop.fade {filter: alpha(opacity=0);opacity: 0} .modal-backdrop.in {filter: alpha(opacity=50);opacity: .5} .modal-dialog {position: relative;margin:10px} .modal-content{position: relative;background-color: #fff;border: 1px solid #999;border: 1px solid rgba(0,0,0,.2);outline: 0; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5)} .modal-header {min-height: 16.42857143px;padding: 15px;border-bottom: 1px solid #eee; position:relative} .modal-header .close{position:absolute; right:15px; top:0px} .modal-close{position:absolute; right:15px; top:15px;font-size:24px; z-index: 9} a.modal-close:hover{ text-decoration: none} .modal-header h3,.modal-header .modal-title{margin:0; padding:0 0; font-size:16px} .modal-body {position:relative;padding:15px;overflow-y:visible;word-break:break-all;clear:both;} .modal-form {margin-bottom: 0} .modal-footer {padding:15px;margin-bottom: 0;text-align: right;background-color: #f5f5f5;border-top: 1px solid #eee;*zoom: 1} .modal-footer:before,.modal-footer:after {display: table;content: ""} .modal-footer:after {clear: both} .modal-footer .btn + .btn {margin-left: 5px;margin-bottom: 0} .modal-footer .btn-group .btn + .btn {margin-left: -1px} .modal-footer .btn-block + .btn-block {margin-left: 0} .modal-scrollbar-measure {position: absolute;top: -9999px;width: 50px;height: 50px;overflow: scroll} .radius .modal-content{ border-radius:6px} .radius .modal-footer{ border-bottom-left-radius:6px; border-bottom-right-radius:6px} /*上下居中*/ .modal.middle .modal-dialog{position:absolute;margin:10px;left:0;right:0;top:50%} .modal.fade.middle .modal-dialog{ -webkit-transform: translate(0,-100%); -ms-transform: translate(0,-100%); -o-transform: translate(0,-100%); transform: translate(0,-100%)} .modal.in.middle .modal-dialog{ -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); transform:translate(0,-50%) } @media (min-width: 768px) { .modal-dialog { width:600px;margin: 30px auto} .modal.middle .modal-dialog{ margin:10px auto} .modal-content {-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);box-shadow: 0 5px 15px rgba(0, 0, 0, .5)} .modal-sm {width: 300px} } @media (min-width: 992px) { .modal-lg {width: 900px} } .modal-alert{position:fixed; right:auto; bottom:auto; width:300px; left:50%;margin-left:-150px; top:50%;margin-top:-30px; z-index:9999;background-color: #fff;border: 1px solid #999;border: 1px solid rgba(0,0,0,.2);outline: 0; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5)} .modal-alert-info{padding:30px; text-align:center; font-size:14px; background-color:#fff} .loading{height: 50px; width: 50px; background:#fff url(../images/loading/loading-b.gif) no-repeat center} .mask{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;background-color:rgba(0,0,0,0.7);-moz-transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in} * html .mask{position:absolute;left:expression(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth);top:expression(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight)} .mask_box{background-image:none;display:none;z-index:99} .hover .mask_box{position:absolute;bottom:0; left:0;display:block;background-color:rgba(0,0,0,0.3);text-align:left} .modal-open .dropdown-menu {z-index: 2050} .modal-open .dropdown.open {*z-index: 2050} .modal-open .popover {z-index: 2060} .modal-open .tooltip {z-index: 2070} /*VR馆*/ .vr{width: 100%; position: relative; padding: 0; margin: 1.05rem 0 0 0; background-color: #4c4948;overflow-x:hidden; } .vr-part1{width: 100%;} .vr-part1 img{width:100%; height: auto; } .vr-part2{height: auto; margin-top: .3rem;} .vr-part2 .cat{ margin-top: .6rem; margin-bottom: .6rem;} .vr-part2 .cat li{width: 49.5%; margin-bottom: .1rem; background-color:#fff;} .vr-part2 .cat li h2{padding:.2rem .25rem .2rem .25rem; font-size: .35rem; line-height: .4rem; font-weight: normal; color:#4c4948;text-transform: uppercase; height: .8rem; box-sizing: border-box;} .vr-part2 .cat li p{margin:.05rem .25rem 0 .25rem; font-size: .25rem; line-height: .4rem; height: .8rem; overflow: hidden; text-transform: uppercase;} .vr-part2 .cat li div{width:100%; height: 2.2rem; overflow: hidden;} .vr-part2 .cat li div img{width: 110%;} .vr-part2 .cat li.logo{height:3rem;} .vr-part2 .cat li.logo img{width:80%; } .vr-part3{position:absolute; left: 0; bottom:.5rem; width: 100%; display: none;} .breathe-btn{ position:relative; width:1rem; height:1rem;margin-bottom: .1rem; border:1px solid #fff; border-radius:50%; color:#fff; font-size:20px; text-align:center; cursor:pointer; box-shadow:0 1px 2px rgba(0,0,0,.3); overflow:hidden; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f08200)); -webkit-animation-timing-function: ease-in-out; -webkit-animation-name: breathe; -webkit-animation-duration: 700ms; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; } @-webkit-keyframes breathe { 0% { opacity: .2; box-shadow:0 1px 2px rgba(255,255,255,0.1);} 100% { opacity: 1; border:1px solid rgba(240,130,0,1); box-shadow:0 1px 30px rgba(240,150,0,1);} } .btnzi{ font-size: .25rem; color: #fff; } /*vr馆内页*/ .vrsearch-part1{margin-top:.3rem; } .vrsearch-part1 .left{ flex-grow: 1;} .vrsearch-part1 .left img{width:1.7rem; padding: 0; display: block; margin-bottom: 0.05rem;} .vrsearch-part1 .left h1{font-size:0.3rem; line-height: .4rem;} .vrsearch-part1 .right{flex-shrink:0; width:3rem;text-align:right;border-radius: 50px; padding: .15rem 0; } .vrsearch-part1 .right img{width: 2rem;} .vrsearch-part2 .miaoshu{line-height:.5rem; text-align: justify;font-size: .25rem; margin: .1rem 0 .6rem 0;} .vrsearch-part2 .cat{ margin-bottom: .3rem;} .vrsearch-part2 .cat li{width: 49%; margin-bottom: .2rem; overflow: hidden; } .vrsearch-part2 .cat li a h2{padding:.2rem .1rem 0 .1rem; font-size: .25rem; line-height: .35rem; color:#4c4948; text-align:left;} .vrsearch-part2 .cat li a>div:first-child{width:100%; background-color: #eee; height: 3.2rem; overflow: hidden; padding: 0;} .vrsearch-part2 .cat li a>div:first-child img{width: 100%; height: auto !important;} .vrsearch-part2 .more a{ margin-top: .3rem; margin-bottom:.8rem; border: 1px solid #6f6a6d; padding:.15rem .35rem; border-radius: 50px; font-size: .28rem; color:#6f6a6d; } .vrsearch-part2 .tit{padding:.1rem .05rem; width: 100%; box-sizing: border-box; border: 2px solid #000; border-top: 0; height:1rem !important; color: #000;background-color: #cf2625;} .vrsearch-part2 .tit>div{font-size:.28rem;text-align:center;line-height: .4rem; width:98%; overflow: hidden;} .showvr{width:100%; height: 100%; position:fixed; top: 0; left: 0;background-color: rgba(0,0,0,.8); z-index: 999; display: none;} .showvr iframe{width:100%; height: 100%; padding: 0; margin: 0;} .showvr .closebtn{width:100%;position: absolute; top: .6rem; left: 0; text-align: center; opacity: .8;} .showvr .closebtn i{font-size:.9rem; color: #fff;} /*2019end*/ /* 商学院内页 */ .inschool{width: 100%; padding:1rem 1rem 0 1rem; background: url(/Public/images/bg-2.jpg) no-repeat center center; background-size: 100% auto;} .inschool .win{padding: .5rem .8rem; background-color:rgba(255, 255, 255, .9); border-radius: 10px; overflow: hidden; box-shadow: 0 0 20px #b6b4b4; height:4rem; width:100%;box-sizing:border-box; margin:.5rem auto; } .inschool .win>div{width: 2rem; text-align: center;} .inschool .win img{width: 1.5rem; height: 1.5rem;} .inschool .win h1{text-align: center; font-size: .32rem; font-weight: bold; margin-top: .1rem; width: 3rem;} .inschool .win p{text-align: center; font-size: .28rem; margin-top:.2rem; width:100%;word-break: break-all;word-wrap: break-word; color:#666; } .inschool .win:hover,.inschool .win:hover p{color:#e63349;} /* .inschool a{width: 100%; height:2rem; border: .07rem solid #fff; margin: .2rem 0; box-sizing: border-box; text-align: center; padding:0 .1rem 0 .2rem; position: relative; transition: all 0.6s; transform: skewX(-10deg); } .inschool a img{height: 1.2rem;} .inschool a p{font-size: .35rem; height:1rem; line-height:1rem; flex-shrink: 0; text-align: center; width:1.5rem;} */ /* 项目内页 */ .inobject{width: 100%; padding-top:1rem;} .inobject a{width: 100%; height: 50%; overflow: hidden; position: relative;} .inobject a img{width:auto; height: 100%; z-index: 1;} .inobject a div.con{background-color: rgba(0,0,0,.7); z-index: 2; color: #fff; position: absolute; top:0; left: 0; width: 100%; height: 100%; transition:all .3s ease; -moz-transition:all .3s ease; -webkit-transition:all .3s ease; -o-transition:all .3s ease; } .inobject a:hover div.con{background-color: rgba(0,0,0,.5);} .inobject a div.con h1{font-size: .6rem; margin-bottom: .2rem; font-weight: bold;} .inobject a div.con p{font-size: .4rem;} /* 产品指导页 */ .incategory{width: 100%; margin-top:1rem;} .incategory a{width: 100%; height: auto; overflow: hidden; position: relative;} .incategory a img{width:100%; height:auto; z-index: 1;} .incategory a div.con{background-color: rgba(0,0,0,0); z-index: 2; color: #fff; position: absolute; top:0; left: 0; width: 100%; height: 100%; transition:all .3s ease; -moz-transition:all .3s ease; -webkit-transition:all .3s ease; -o-transition:all .3s ease; padding:.3rem .5rem; } .incategory a:hover div.con{background-color: rgba(0,0,0,0);} .incategory a div.con h1{font-size: .35rem; font-weight: bold; text-align: left; width: 100%;color:#fff;text-shadow: 0 0 10px #333;} .incategory a:nth-child(2n) div.con h1{text-align: right;} .incategory a:hover div.con h1{text-shadow: 0 0 10px #333;color:#fff;} /* 右下解浮动按钮 */ .rfbtn{position: fixed; bottom: 1rem; right: .1rem; z-index: 50; width:.5rem;} .rfbtn2{right:.6rem;} .rfbtn>a{width: .5rem; height: .5rem; position: relative; display: block; margin-bottom:5px;} .rfbtn>a.weixin{} .rfbtn>a.phone{} .rfbtn a>img,.rfbtn>a>div.more>ul>li>img{width: .5rem; height: .5rem;} .rfbtn>a>div{display:none; position: absolute; top: -.1rem; right:.6rem;} .rfbtn>a.phone>div{right:.6rem;} .rfbtn>a:hover>div{display: block;} .rfbtn>a>div img{width: 1.5rem;} .rfbtn>a>div.tel1{background-color: #1a1e79; color: #fff; font-size: .3rem; line-height:35px; text-align: center; width:3rem;} /* .rfbtn>a>div.more{width:500px; right: 35px;} .rfbtn>a>div.more>ul{padding-right: 10px;position: relative;} .rfbtn>a>div.more>ul>li{width: 35px; height: 35px; position: relative; display: block; margin:0 5px} .rfbtn>a>div.more>ul>li>div{display:none; position: absolute; top: -115px; right:0;} .rfbtn>a>div.more>ul>li>div>img{width: 110px !important;} .rfbtn>a>div.more>ul>li:hover>div{display: block;} .rfbtn>a.my-sound{ background-color: #515151; overflow: hidden; border-radius: 5px;} @-webkit-keyframes rotation{ from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);} } .my-sound img.playsound{ -webkit-transform: rotate(360deg); animation: rotation 3s linear infinite; -moz-animation: rotation 3s linear infinite; -webkit-animation: rotation 3s linear infinite; -o-animation: rotation 3s linear infinite; } */ /* .my-righticon{z-index: 199; width:100%; height: 100%; background-color: rgba(0, 0, 0, .5); position: fixed; right: 0; bottom:0; display: none;} .my-righticon .main{width: 100%; height: 100%; position: relative;} .my-righticon .main .box1{padding: .2rem .3rem; background-color: #fff; border-radius: 10px; overflow: hidden; position: absolute; right: -10rem; bottom:2.2rem;} .my-righticon .main .box1.on{right: .3rem;} .my-righticon .main .box1 .a{border-bottom: 1px solid #eee; padding: .15rem .05rem; font-size: .3rem;} .my-righticon .main .box1 .a:hover{color: #666;} .my-righticon .main .box1 .a:last-child{border-bottom: 0;} .my-righticon .main .box1 .a>img{height: .35rem; width: .35rem; flex-shrink: 0; margin-right: .2rem; } .my-righticon .main .box1 .a .btn{font-size: .22rem; padding: .05rem .1rem; background-color: #ccc; color: #000; border-radius: 5px; margin-left: .1rem;} .my-righticon-btn{position:fixed; z-index: 210; width:.8rem; height: .8rem; background-color: rgba(0,0,0,.5); right: .3rem; bottom: 1.2rem; border-radius:50%; padding: .1rem;} .my-righticon-btn>img{width: .5rem; height: .5rem;} */ /* .my-erweima-layer{width:100%; height: 100%; position:fixed; top: 0; left: 0; background-color: rgba(24,24,24,0.7); z-index: 9999; display: none;} .my-erweima-layer>div{width:100%; height: 100%; } .my-erweima-layer i{font-size: .8rem; color: #fff; margin-bottom: 1.5rem;} .my-erweima-layer img{width: 3rem; height: 3rem;} .my-erweima-layer p{font-size:.3rem; color: #fff;} .my-erweima-layer a{display:block; padding: .2rem .4rem; font-size: .3rem; color: #f3b679; background: #4a090d; border-radius: 5px; overflow: hidden; margin-top: .8rem;} */ .myvideo{width:auto;height:auto;max-width: 100%;max-height:10rem; } .yingli .box1 li,.yingli .box1 li .circle>div,.index-part4 .box1 .item .img,.invideo1 .item .img,.innewsview1 .more .left a,.incase1 a .tit::after,#lichengitems .swiper-slide .line,.inproduct li a>div.img,.proviewTit,.useTab,.useTab li,.useNav,.indextitle-2,.homeNews .right .item{ transition:all .3s ease; -moz-transition:all .3s ease; -webkit-transition:all .3s ease; -o-transition:all .3s ease; } .bd_weixin_popup{height: auto !important;} .dong{ transition:all .2s; -moz-transition:all .2s; /* Firefox 4 */ -webkit-transition:all .2s; /* Safari 和 Chrome */ -o-transition:all .2s; /* Opera */} .dong1{ transition:all .5s; -moz-transition:all .5s; /* Firefox 4 */ -webkit-transition:all .5s; /* Safari 和 Chrome */ -o-transition:all .5s; /* Opera */}