/* 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}} .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:#002FA7;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; } @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: flex; justify-content: center; align-items:center; align-content:center; flex-direction: row;flex-wrap: wrap; } .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-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;} .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{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .text-overflow2{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;} .text-overflow3{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient: vertical;} .text-overflow5{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;line-clamp: 5;-webkit-box-orient: vertical;} .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; } /*页头*/ .header{background-color:rgba(77,79,83,1); padding:0 .2rem; top:0; left: 0; height: 1rem; position: fixed; -webkit-overflow-scroll:touch;overflow-scroll:touch;overflow-y: visible; z-index: 100; width:100%; box-sizing: border-box;opacity: 0;} .header .left{flex-grow: 1; text-align: left;} .header .left img{height: .4rem; 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: .5rem; height: .5rem; border-radius:5px; 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: .3rem; color: #fff;} .header .right>div.on{background-color: #4d4948;} /* .header .right>i.open{transform:rotate(90deg);-webkit-transform:rotate(90deg); } */ .webMeuc{position:absolute; top:0; right:-7rem; background-color:rgba(221, 221, 221, 1); width:4rem; text-align:center; z-index:101; overflow:hidden; padding: 1.2rem 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:.2rem .4rem;border-bottom: 1px solid #ccc;} .webMeuc li:last-child{border-bottom:0;} .webMeuc li a{ text-decoration:none; color: #000; line-height: .5rem; font-size: .32rem;width: 100%; } .webMeuc li a>img{width:.3rem;height: .3rem;} .webMeuc li:hover,.webMeuc li.on{color:#fff; background-color:#002FA7; } .webMeuc li:hover a,.webMeuc li.on a{color:#fff;} .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:100%; display:block; padding: .05rem .1rem; border-bottom: 0; margin-bottom: .3rem;} .searchArea{ width:100%; text-align:left; z-index:103; overflow:hidden; box-sizing: border-box;} .allsearch{border-radius: .05rem; box-sizing: border-box;width:100%; height: .7rem !important; background-color: #fff; overflow: hidden; padding: 0 .1rem;} .allsearch input[type=text]{flex-grow: 1; height:.35rem; overflow: hidden; line-height: .35rem; border:0; box-sizing: border-box; border-radius: .1rem; padding:0 .1rem; outline:none ; font-size: .3rem;} .allsearch i{cursor:pointer; font-size: .4rem; width:.5rem; height:.4rem; line-height: .4rem; text-align: right; color: #000;} /*页脚*/ .mybottom{width: 100%; background-color: #4d4948; position: relative; overflow:visible; padding-top: 1rem; } .mybottom .box6{width:100%; margin-bottom: .5rem;} .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;} .mybottom .box6 .item:hover .ma{display: block;} .mybottom .box2{padding:.2rem .2rem 0 .2rem;} .mybottom .box2 .left{flex-grow: 1;} .mybottom .box2 .left .left-1>a{flex-shrink: 0; padding-right:.2rem;} .mybottom .box2 .left .left-1>a>img{width:1.2rem; height:auto;} .mybottom .box2 .left .left-1-2{ font-size: .26rem;color:#fff;} .mybottom .box2 .left .left-1-2>div{margin-bottom: .1rem;} .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%; margin-top:.5rem; padding: .3rem .2rem 1.3rem .2rem; font-size: 14px; border-top: 1px solid #555; color:#fff} .mybottom .box3 a{color:#fff;} .mybottom .box3 a:hover{color:#fdec9a;} .footer{ border-top:1rpx solid #ccc; background: #f1f1f1; 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: .4rem; height: .4rem;} .footer a span{font-size: .26rem; line-height: .35rem; color: #8a8a8a; text-align: center;} /* .footer a.on{background-color: #002FA7;} */ .footer a.on span{color: #002FA7;} .footer a.home img{width: 1.2rem; height:.8rem;} .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:#002FA7; 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: #002FA7; 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:#002FA7;color:#fff;background-color:#002FA7;} .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; padding-right: .3rem;} .indextitle-1 .h2{ font-size:.36rem; margin-right: .1rem; padding-bottom: 0;} .indextitle-1 .p{ font-size:.24rem; color: #666;} .indextitle-1a h2{color:#fff;} .indextitle-1a p{color:#eee;} .indextitle-2{flex-shrink: 0; width:auto; margin-top: .1rem; padding: .05rem .4rem .05rem .2rem; 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: #fff; background-color: #002FA7;background-image: url(../images/more-icon_hl.png);} .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;} /* .indextitle1 .indextitle-1 h2{color: #fff;} .indextitle1 .indextitle-1 p{color: #eee;} .indextitle1 .indextitle-2{color: #fff; border:1px solid #fff} .indextitle1 .indextitle-2:hover{color: #fff; border:1px solid #fff} */ /* 通用栏目一 */ .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:.7rem; font-size: .3rem; padding: 0 .05rem; box-sizing: border-box; text-align:center; line-height:.7rem; z-index: 11; margin: 0 .2rem; position: relative; overflow: visible;} /* .fenlan1 a:hover{color:#002FA7;} */ .fenlan1 a.on{ color:#002FA7; font-weight: bold;} /* .fenlan1 a.on::before{border:.15rem solid transparent; border-top-color: #002FA7; 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: #002FA7; 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{margin-top:1rem; padding: 0 !important; position: relative; background-color: #fff;} .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: 7.5rem;} .img-height15{ height:15rem;} .index-part1 .btngrop{ width: 3.5rem; height: .28rem; position: absolute; left: 0; right: 0; bottom: .2rem; margin: 0 auto; z-index: 99999; display: flex; align-items: center; justify-content: center; } .index-part1 .btngrop .swiper-button-prev, .index-part1 .btngrop .swiper-button-next{ color: #fff; font-size: .28rem; font-weight: bold; width: 0; height: 0; outline: none; border: none; position: static; margin-top: 0; padding-top: .2rem; box-sizing: border-box; } .index-part1 .btngrop .swiper-button-prev::after{ font-size:.24rem; font-weight: normal; content: 'PREV'; width: .8rem; height: .4rem; cursor: pointer; } .index-part1 .btngrop .swiper-button-next::after{ font-size: .24rem; font-weight: normal; content: 'NEXT'; width: .8rem; height: .4rem; cursor: pointer; } .index-part1 .btngrop .swiper-scrollbar{ width: 2.1rem; height: 2px; margin: 0 .5rem; background-color: rgba(255, 255, 255, 0.3); } .index-part1 .btngrop .swiper-scrollbar-drag{ background-color: #fff; } .index-part1 .swiper-pagination{ width: 6.5rem; color: #fff; font-size: .28rem; text-align: right; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: .4rem; } .index-part1 .swiper-pagination-current{ font-size: .32rem; } .index-part1 .mousempt{ width: 100%; height: .28rem; line-height: .42rem; margin: 0 auto; color: #fff; font-size: .26rem; padding-left: 8%; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: .4rem; z-index: 90; animation-name: mouse; animation-duration: 2s; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; } .index-part1 .mousempt>div{padding-left:.3rem;} .index-part1 .mousempt::after{ content: ''; position: absolute; top: 0; left: 6%; width: .3rem; height: .42rem; background-size: auto 100%; background-repeat: no-repeat; background-position:left; background-image: url(/images/mouse.png); } @keyframes mouse{ 0%{ bottom: .4rem; } 50%{ bottom: .6rem; } 100%{ bottom: .4rem; } } /*企业介绍*/ .index-part8{padding-bottom: .8rem; padding-top: .3rem; background:#fff; } .index-part8 .swiper-container{height: 4.5rem; overflow: hidden;} .index-part8 .swiper-slide{position: relative;} .index-part8 .swiper-slide img{height: 4.5rem;} .index-part8 .swiper-slide .con{width: 4rem; height:auto; background-color: rgba(170,169,169,.9); position: absolute; bottom: 0rem; right: 0rem; padding:.2rem .3rem .3rem .3rem; color: #fff;} .index-part8 .swiper-slide .con h3{font-size: .3rem; margin-top: .1rem; font-weight: bold; margin-bottom: .2rem;} .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: left; padding-right: .2rem;} .about-bullet{width:.5rem; height: .1rem; background-color:rgba(255,255,255,.6); display:inline-block; position: relative; border-radius:0; margin: 0 .1rem; cursor: pointer;} .about-bullet-active{ background-color:rgba(0,47,167,.95);} .index-part8 .box2{ position: relative;} .index-part8 .box2 .ul a{ width: 48%; margin:1%; 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: #eee; } .index-part8 .box2 .ul a:hover{background-color: #002FA7;} .index-part8 .box2 .ul a{ color: #000;} .index-part8 .box2 .ul a b{ font-size:.5rem; color: #000;} .index-part8 .box2 .ul a p{ opacity: 0.8; color: #696868; font-size: .26rem; margin-top: .05rem; margin-bottom: .2rem; height: .55rem; text-align: justify;} .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 .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 .link span:before{ border-left-color: #fff;} .index-part8 .box2 .ul a:hover .link span{color: #fff;} /* 产品分类 */ .index-part2{width: 100%; padding: .3rem .05rem .5rem .05rem; background-color: #eee; margin:0; } .index-part2a{background-color: #fff;} .index-part2 .box1{position: relative;} .index-part2 .box1 .swiper-container{z-index: 50;} .index-part2 .swiper-slide{} .index-part2 .swiper-slide .part1{display: block;box-sizing: border-box;width:100%; padding:.1rem .1rem; height:1.2rem; background-color: rgba(255,255,255,1);margin-bottom: .8rem; 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 */ } .index-part2 .swiper-slide .part1 h1{font-size:.24rem;padding-top: .1rem; padding-bottom: .05rem;font-family: yingwen; text-transform: uppercase;} .index-part2 .swiper-slide .part1 p{ text-transform: uppercase; font-size:.32rem; } /* .index-part2 .swiper-slide:hover .part1{background-color:rgba(110,50,35,1) ;} */ .index-part2 .swiper-slide:hover .part1 h1,.index-part2 .swiper-slide:hover .part1 p{color: #000;} .index-part2 .swiper-slide .part2{width:100%; height:5.5rem; overflow: hidden;} .index-part2 .swiper-slide .part2 img{height:100%; width:auto;} .index-part2 .swiper-slide:hover .part2 img{transform:scale(1.1);} .index-part2 .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-part2 .swiper-pagination{text-align:left; padding-left:.2rem;} .index-part2 .swiper-pagination-bullet-active { opacity: 1; background: #002FA7; } .huadong{ position: absolute; right: .2rem; bottom: 0rem; z-index: 100; animation-name: leftRightMove; animation-duration: 2s; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; } .huadong img{width: 1rem; height: auto;} @keyframes leftRightMove{ 0%{ right:.6rem; } 50%{ right:.2rem; } 100%{ right:.6rem; } } #category-btn {} /*10项帮扶*/ .yingli{padding: .3rem 0 .5rem 0; background:url(/Public/images/fullpage5.jpg) no-repeat center center; background-size: auto 130%;} .yingli .box1 ul{width: 100%; box-sizing:border-box;} .yingli .box1 li{border:5px solid #888; background-color: #fff; color: #333; box-sizing: border-box; padding:.6rem .15rem .15rem .15rem; height:3.7rem; margin: .5rem auto .2rem auto; text-align:center; cursor: pointer; position: relative; z-index: 10; border-radius:10px; } .yingli .box1 li .circle{width:100%; height:.8rem; z-index: 20; left: 0; top: -.5rem; position: absolute; } .yingli .box1 li .circle>div{width: .8rem; height:.8rem; border-radius: 10px; overflow:hidden; background-color: #888;font-size: .4rem; color: #fff; text-align: center; line-height: .8rem; font-family: Arial, Helvetica, sans-serif; } .yingli .box1 li .img{width:1rem; height:1rem; margin-bottom:.2rem; background: url(../images/zhichi.png) no-repeat; background-size: 5rem auto; flex-shrink: 0;} /* .yingli .box1 li .img img{width: 80%;} */ .yingli .box1 li .img-1{background-position:0 0;} .yingli .box1 li .img-2{background-position:-1rem 0;} .yingli .box1 li .img-3{background-position:-2rem 0;} .yingli .box1 li .img-4{background-position:-3rem 0;} .yingli .box1 li .img-5{background-position:-4rem 0;} .yingli .box1 li .img-6{background-position:0px -1rem;} .yingli .box1 li .img-7{background-position:-1rem -1rem;} .yingli .box1 li .img-8{background-position:-2rem -1rem;} .yingli .box1 li .img-9{background-position:-3rem -1rem;} .yingli .box1 li .img-10{background-position:-4rem -1rem;} .yingli .box1 li:hover{border-color: #002FA7; color: #002FA7;} .yingli .box1 li:hover .circle>div{background-color: #002FA7;} .yingli .box1 li:hover .img{background-image: url(../images/zhichi_hl.png);} .yingli .box1 li h2{ border-top: 2px solid #888; word-break: break-all;white-space: nowrap; font-size: .35rem; padding-top: .15rem; padding-bottom: .15rem; font-weight: bold;} .yingli .box1 li:hover h2{border-top: 2px solid #002FA7;} .yingli .box1 li p{ font-size: .24rem; line-height: .35rem; width: 2.5rem;} .yingli .item-prev,.yingli .item-next{width:.6rem; flex-shrink: 0; text-align: center; font-size: .6rem; cursor: pointer; outline: none; color: #aaa9a9; } /*首页招商加盟*/ .index-part9{padding: .3rem 0 .5rem 0; background:#fff;} .index-part9 .box2{width:100%;padding:0 .3rem .3rem .3rem;} .index-part9 .box2 img{width: 100%;height:auto; } .index-part9 .box3{ box-sizing: border-box; padding:0rem .3rem 0 .3rem;} .index-part9 .box3 h1{font-size: .28rem; line-height:.4rem;color: #666;} .index-part9 .box3 h1 span{font-size: .3rem; font-weight: bold; color: #000; margin-top:.2rem; display: block;} .index-part9 .box3 p{font-size: .28rem;} .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;} .zx-submit{ text-align:center; width:70%; font-size:.3rem; font-weight:bold; padding:.15rem .1rem .17rem .1rem; border-radius:5px; background-color:#4d4948; 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(0,47,167,1);} .index-part9 .box4{padding: .2rem 0 0 0;} .index-part9 .box4 .title{width:100%; padding:0 0 .1rem 0; text-align: center; font-size: .34rem; border-bottom: 1px solid #eee;} /*首页新闻资讯*/ .index-part3{padding: .3rem 0 .5rem 0; background:#eee;} .homeNews{margin-top:0; padding:.3rem .3rem 0 .3rem; overflow: hidden;} .homeNews .left{box-sizing: border-box; width:100%; padding:.3rem;box-shadow: 0px 0px 15px 0 #999; background-color: rgba(255,255,255,.9);} .homeNews .left .img{width:100%;height:3.75rem; overflow: hidden;} .homeNews .left .img img{width:100%;min-height:100%;} .homeNews .left .h1{margin-top: .2rem; line-height:.5rem; font-size: .3rem; padding: 0; color: #000; } .homeNews .left .p{margin-top: .2rem; line-height: .35rem; font-size: .28rem; color: #aaa9a9;} .homeNews .left .more{margin-top: .2rem; width: 100%; } .homeNews .left .more>div{font-size: .28rem; margin-right: .1rem;color: #aaa9a9;} .homeNews .left .more>img{width: .3rem;height: .3rem;} .homeNews .left:hover .img img{transform:scale(1.1);} /* .homeNews .left:hover .h1,.homeNews .left:hover .p{color:#002FA7;} */ .homeNews .right{padding-top:.3rem;width:100%;} .homeNews .right .item{width:100%;box-sizing: border-box; display: block; padding:.2rem .1rem; margin-bottom:.2rem; border-bottom: 1px solid #666;} .homeNews .right .item .h1>div:nth-child(1){line-height: .4rem; font-size: .3rem;flex-grow:1; color: #000; width:5rem; } .homeNews .right .item .h1>div:nth-child(2){line-height:.4rem; text-align:right; font-size: .24rem;width:1.7rem; color: #aaa9a9;flex-shrink: 0;} .homeNews .right .item .p{margin-top:.1rem; line-height:.35rem; font-size:.28rem; color: #aaa9a9;} .homeNews .right .item:hover{} /* .homeNews .right .item:hover .h1>div:nth-child(1),.homeNews .right .item:hover .h1>div:nth-child(2),.homeNews .right .item:hover .p{color:#002FA7;} */ .homeNews1 .right .item .h1>div:nth-child(1){color:#000;} .homeNews1 .right .item .p{color: #aaa9a9;} /*招商加盟内页--------------------------------------*/ .actr1{font-size: .28rem; margin-top: 2rem;} .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;} /*新闻资讯内页-------------*/ .innews1{margin-top: 2.3rem; padding:0; background:none; width: 100%;} .innews1 .homeNews{margin-bottom:.5rem;} /*新闻展示页*/ .innewsview1{margin-top: 2rem; padding: .4rem .3rem; position: relative;} .innewsview1>h1{ text-align: center; font-size:.35rem; font-weight: bold; line-height: .5rem; padding: .2rem 0 0 0; } .innewsview1>h2{border-bottom: 1px solid #eee; font-size:.24rem; text-align: center; padding: .2rem 0 .2rem 0; color: #878585;} .innewsview1>div.con{padding-top: .2rem; 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 .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:#666; color: #fff; padding: .1rem .2rem; font-size: .22rem; margin-right: .2rem; margin-bottom: .15rem; border-radius: 5px;} .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 #002FA7; background-color:#002FA7; 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;} /* 工程案例内页 */ .incase1{padding: 2.4rem .3rem .3rem .3rem;} .incase1 a{width:49%; margin-bottom: .3rem;} .incase1 a:last-child{margin-bottom: 0;} .incase1 a .img{width: 100%; height:2.2rem;overflow: hidden;} .incase1 a .img img{display: block; width: 100%;} .incase1 a:hover .img img{transform:scale(1.1);} .incase1 a .tit{line-height:.6rem; font-size: .28rem; background-color: #ccc; color: #fff; padding: 0 .2rem; text-align: center; position: relative; overflow: hidden;} .incase1 a .tit span{color: #000;z-index:10;} .incase1 a .tit:after { content: ''; width: 100%; height: 1px; position: absolute; top: 0; left:0; margin: auto; background-color: #ccc; z-index: 2; } .incase1 a:hover .img{border-radius:.1rem .1rem 0 0;} .incase1 a:hover .tit:after { z-index: 2; background-color: #002FA7; height: 100%; border-radius: 0 0 .1rem .1rem; } .incase1 a:hover .tit span{color: #fff;} /* 工程案例展示页 */ .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:#002FA7; margin-right: .05rem;} /* 视频内页 */ .invideo1{margin-top: 2rem; padding: .4rem .3rem;} .invideo1 .item{ color: #000; box-sizing: border-box; width: 100%; height:auto; text-align:center; cursor: pointer; margin-bottom: .3rem;} .invideo1 .item .img{width:100%; margin-bottom:.2rem; height:auto; position:relative; overflow: hidden; border:2px solid transparent; border-bottom-color: #000; padding: .1rem;} .invideo1 .item .img img{width: 100%; height: auto;} .invideo1 .item .img .mask{background:url(../images/video-btn.png) no-repeat center center; background-size: .8rem .8rem; position: absolute; width: 100%; height: 100%; top: 0; left: 0;} .invideo1 .item:hover .img .mask{background-image:url(../images/video-btn_hl.png);} .invideo1 .item h2{ font-size: .3rem; line-height: .5rem; width: 100%; padding: 0; margin: 0; } .invideo1 .item:hover .img{border-color: #002FA7;} .invideo1 .item:hover h2{color: #002FA7; } /* 下载中心 (经销商专区)*/ .indownload1{padding-top: 1rem;background-position:center center; background-repeat: no-repeat; background-size:auto 100%; background-image:url(/images/bg-2.jpg);} .indownload1 .win{width:6.5rem; padding: .8rem .2rem; background-color:rgba(201, 201, 201, .95); overflow: hidden; box-shadow: 0 0 20px #b6b4b4;} .indownload1 .zx-new-1 .zx-tit{font-weight: normal; color:#000;} .indownload1 .zx-new-1 .zx-submit{background-color:#000;width:95%; padding:0 .2rem; line-height: .7rem; height: .7rem; font-size:.35rem; border-radius:5px; color:#fff; font-weight: normal; } .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 h2{text-align:center;font-size:28px; padding: 10px 0 50px 0;} */ .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{margin-top: 2rem; padding:0 0 .4rem 0;} .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;} .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:hover .detail h4, .indownload2 a:hover .detail p{ color: #002FA7;} .indownload2 a:hover .img, .indownload2 a:hover .detail h4, .indownload2 a:hover .detail p, .indownload2 a:hover .detail{ } */ .indownload2 a .detail .detail-3{font-size: .24rem;line-height: .3rem; color: #7e7c7c;} .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;} /* 全国门店内页,展示页 */ .instore{width: 100%; height: 100%; padding:1.5rem .3rem .5rem .3rem; box-sizing: border-box; overflow-y:hidden; background:#ccc url(../images/store_bg-mob.jpg) no-repeat center center; background-size: auto 100%;} .storelist{width: 100%; min-height:5rem; height:100%; overflow: hidden; box-shadow: 0 0 10px #969697; border-radius: 10px; background-color: rgba(255,255,255,.85);} .storelist form{width: 100%;} .storelist .search{width: 100%; border-bottom:1px solid #969697;height:.7rem;} .storelist .search select{-webkit-appearance: none;border-radius: 0; width: 50%; box-sizing: border-box; line-height:.69rem; border:0; background-color: #fff; background:#fff url(/Public/images/icon_down.png) no-repeat right center; background-size: .4rem .25rem; font-size:.3rem; padding-left: .1rem; padding-right: .3rem; outline: none; } .storelist .search select:nth-child(1){border-right:1px solid #969697;} .storelist .tit{width: 100%; text-align: center; font-size: .34rem; line-height: 1rem; height: 1rem; font-weight: bold;} .storelist .list{width:95%; box-sizing: border-box; overflow-x: hidden; overflow-y:auto; height: 5rem; padding-right: .15rem;} .storelist .list .item{border-bottom:1px solid #ccc ;padding: .2rem 0;width: 100%;} .storelist .list .item:last-child{border: 0;} .storelist .list .item>div,.storelist .list .item>a{line-height: .4rem; font-size: .28rem; width: 100%; } .storelist .list .item>a:hover{color: #000;} .storelist .list .item>div:nth-child(1){font-size: .3rem; line-height:.4rem; margin-bottom: .1rem; } .storelist .list .item1{text-align: center; width: 100%;padding: .1rem 0; font-size: .28rem;} .storelist .list .item1 img{width: .4rem; height: .4rem;} .storelist .list::-webkit-scrollbar{ width:.15rem;} .storelist .list::-webkit-scrollbar-track{background: #aaa9a9;border-radius:2px;} .storelist .list::-webkit-scrollbar-thumb{background: #fdec9a;border-radius:2px;} .storelist .list::-webkit-scrollbar-thumb:hover{background: #fdec9a;} .storelist .list::-webkit-scrollbar-corner{background: #fdec9a;} /* 产品内页 */ .fenlei{margin-top: 1rem; padding:0 .2rem;} .fenlei .tit{font-size:.35rem; padding: .5rem 0 .1rem 0; } .fenlei .tit img{width: .3rem; height: .3rem; margin-right:.1rem; } .fenlei .specOut{width:100%; padding:.2rem .2rem .1rem .2rem; background-color: #fff; border-radius:5px;} .fenlei .specOut.on{display: block;} .fenlei .specOut a{line-height: .5rem; font-size: .29rem; border-bottom: 2px solid #fff; margin: 0 .2rem .1rem .2rem ; color:#4d4948; white-space: nowrap; } .fenlei .specOut a.on,.fenlei .specOut a:hover{border-bottom: 2px solid #002FA7; color: #002FA7;} .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; } .xspec .zispec-2 a{font-size:.26rem !important; border-bottom: 1px solid #f385dba;} .xspec .zispec-2 a:hover, .xspec .zispec-2 a.on{border-bottom: 1px solid #385dba; color: #385dba;} .inproduct{padding: .5rem .2rem 0 .2rem; background-color: #eee;} .inproduct li{width: 33%; margin-bottom: .3rem; box-sizing: border-box; padding: 0 .1rem;} .inproduct li a{overflow: visible;} .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; padding: 0; box-sizing: border-box; box-shadow: 2px 2px 5px 0 #cccc;} .inproduct li a>div.img img{width: 100%; height: auto } .inproduct li a .tit{padding:.1rem .1rem; width: 100%; box-sizing: border-box; border-top: 0; height:.8rem !important; line-height: .6rem; color: #000; font-size:.28rem;} .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: #4d4948; padding:.3rem;} #bigProimg{} #bigProimg .swiper-slide{cursor: pointer; position: relative;overflow: hidden; background-color: #e2e2e2; } #bigProimg .swiper-slide img{max-width: 100%; max-height:100%;} /* #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; background-color: #e2e2e2; border:2px solid #4d4948; } #proThumbs .swiper-slide img{max-width: 100%; max-height:100%; } #proThumbs .swiper-slide-thumb-active{ opacity:1; border:2px solid #002FA7; } .small-items .item-prev,.small-items .item-next{color: #fff;} .small-items .item-prev:hover,.small-items .item-next:hover{color: #fcec9a;} .bigimgs{width: 100%; height:100%; background-color: rgba(0,0,0,.9); z-index: 200; 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(170,169,169,1); position: relative;} .proview-part1 .left .mainin{width:100%; height:auto; box-sizing: border-box; padding:0 .3rem .5rem .3rem; overflow: hidden; color: #fff; font-size: .29rem;} .proview-part1 .left .mainin1{padding-bottom:0;} .proview-part1 .left .mainin>.profoot{width: 100%; box-sizing: border-box; position:absolute; z-index: 10; left:-.2rem; bottom:0; } .proview-part1 .left .mainin>.profoot .share-btn{width:2.5rem; height: .6rem; padding:0 0 0 .25rem; background-color: #ccc; border-radius: 0 20px 0 0; color: #333;} .proview-part1 .left .mainin>.profoot .profoot-2{ margin-bottom: .1rem;} .proview-part1 .left .mainin>.profoot .profoot-2>img{width:.4rem; height:.4rem; margin-right:.1rem;} .proview-part1 .left .mainin>.profoot .profoot-2>span{font-size: .28rem; margin-right:0; color: #fff;} .proview-part1 .left .title{margin-bottom: .2rem;font-size: .35rem; line-height:.5rem; font-weight: bold;} .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-bottom:1rem; 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;} .my-pro-canshu li div.hits{flex-shrink: 1; margin-left:.2rem; font-size: .24rem; font-weight: normal; } .my-pro-canshu li div.hits>img{width:.3rem; height:.3rem; margin-right:.05rem;} .my-canshu-tit{width:25%;} .my-canshu-value{width:75%; line-height:.4rem;} .my-canshu-value2{min-height: 2rem; overflow-x: hidden; overflow-y: auto;} .proinfo img{max-width: 100%;} .pro-texing span{border-radius: 5px; font-size: .28rem; padding: .05rem .1rem; 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: #002FA7;} */ .pro-vr img{height:1.5rem; width:1.5rem; margin-right: .2rem; } .pro-vr>div{line-height: .4rem; font-size:.26rem; } .proview-part1 .updown{margin-top:.4rem;} .proview-part1 .updown .prev,.proview-part1 .updown .next{border:1px solid #676564; color: #666; padding:.1rem .2rem; box-sizing: border-box; font-size: .28rem; text-align: center; border-radius:50px; background-color:#fff; margin: 0 .5rem; line-height:.4rem; box-shadow: unset;} .proview-part1 .updown .prev{padding-left:.5rem;background:#fff url(../images/more-icon1.png) no-repeat .15rem center; background-size:.3rem .3rem;} .proview-part1 .updown .prev:hover{background-image:url(../images/more-icon1_hl.png);} .proview-part1 .updown .next{padding-right:.5rem;background:#fff url(../images/more-icon.png) no-repeat 1.05rem center; background-size:.3rem .3rem;} .proview-part1 .updown .next:hover{background-image:url(../images/more-icon_hl.png);} .proview-part1 .updown .prev:hover,.proview-part1 .updown .next:hover{border:1px solid #002FA7; color: #fff; background-color: #002FA7; } .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-color: #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%; top: 1rem; left: 0;opacity: 0;} .useTab{width: 100%; height: 1rem;} /* .useTab{overflow-x: scroll; display: -webkit-box; -webkit-overflow-scrolling:touch; height: 1rem; margin-right: .7rem;} .useTab::-webkit-scrollbar{display: none;} */ .useTab li {width:auto;height:1rem;line-height: 1rem;text-align: center;font-size: .3rem;padding:.15rem .3rem 0 .3rem;} .useTab li:last-child{padding-right:.6rem; border-right: 0;} .useTab li a{ padding: 0 .05rem; line-height: .7rem; height: .7rem; display: block;} .useTab li.on a{color: #002FA7; font-weight: bold; } .useNav .more{width: .5rem; height: 1rem; position: absolute; right: 0; top:0; animation: my-movelr1 1s infinite alternate; background-color: #fff; } .useNav .more a{ width:.5rem; height: .5rem;} .useNav .more a img{width: .5rem; height:.5rem;} @keyframes my-movelr1 { 0% { right: .2rem; } 100% { right: 0; } } .about_title{ position: relative; margin-bottom: .3rem; padding: 0 .2rem;} .about_title h2{text-align:center; font-size: .35rem; padding-bottom: .05rem; color:#000;} .about_title p{text-align:center; font-size:.28rem; color:#666; } .aboutpage{margin-top: 2.5rem;} .aboutpage .box1{width: 100%; padding: 0 .2rem; line-height: .6rem; font-size:.3rem;} .aboutpage .box1 img{max-width: 100%;} /* 品牌内页->品牌简介 */ .aboutpage1{margin-top: 2.5rem;} .aboutpage1 .box1{width: 100%; padding: 0 .2rem; line-height: .6rem; 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: #fff;} .aboutpage1 .box2 .item.on{background-color:rgba(40,40,40,.3);} .aboutpage1 .box2 .item:hover{background-color:#002FA7; 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 .part2 { margin: .2rem 0 .5rem 0; position: relative; width: 100%; height: 100%; } .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: .28rem; } .aboutpage1 .part2-list .item .con h4 { font-size: .22rem; transform: scale(.8); height:.6rem; 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: .24rem; position: absolute; left: 50%; bottom: .5rem; transform: translateX(-50%); width: 94%; text-align: center; text-shadow: 0 0 10px #000; } */ /* 品牌内页->发展历程 */ .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: #002FA7; font-weight: bold;} #lichengitems .swiper-slide.swiper-slide-thumb-active .line{background-color: #002FA7;margin:0 0 0 0; height: .6rem;} #lichengitems .swiper-slide.swiper-slide-thumb-active .circle{background-color: #002FA7;} .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{margin-top: 2.5rem;} .aboutpage5 .box1{padding: 0 .2rem; font-size: .3rem; line-height: .55rem;} .aboutpage5 .box1 image{max-width: 100%;} .aboutpage5 .box2{margin-top: .1rem;} .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;} .aboutpage .index_title1{margin-bottom: .3rem;} .aboutpage .index_title1 h2{font-size: .4rem; font-weight: bold;} .aboutpage .index_title1 p{font-size: .28rem; color:#ababab; margin-top: .05rem;} .aboutpage .index_title2{margin-top: .5rem; font-size:.35rem; font-weight: bold; margin-bottom: .3rem;} /* 品牌简介 */ .aboutpage .box8{width: 100%;} /* 智能制造 */ .aboutpage .part4-list {padding-top: .3rem;} .aboutpage .part4-list li { width: 48%; border: 1px solid #dbdbdb; text-align: center; height: 4rem; box-sizing: border-box; padding: 5% 3%; margin: .3rem 1%; transition: all 0.6s; transform: skewY(-3deg); cursor: pointer; } .aboutpage .part4-list li{position: relative; } .aboutpage .part4-list li:nth-child(1){z-index:4;} .aboutpage .part4-list li:nth-child(2){z-index:3;} .aboutpage .part4-list li:nth-child(3){z-index:2;} .aboutpage .part4-list li:nth-child(4){z-index:1;} .aboutpage .part4-list li .pic{width:100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; transition:all .3s ease; -moz-transition:all .3s ease; -webkit-transition:all .3s ease; -o-transition:all .3s ease; } .aboutpage .part4-list li .pic img{height: 100%; overflow: hidden;} .aboutpage .part4-list li .pic .tit{position: absolute;bottom: -10px; left: 0; z-index: 10; line-height: .45rem; height: .5rem; width: 102%; text-align: center; font-size: .3rem; font-weight: bold; color: #000; background-color: #eee;} .aboutpage .part4-list li:hover .pic{opacity: 1;} .aboutpage .part4-list li:hover { border-color: #eee; } .aboutpage .part4-list li:hover h2 { color: #fff; } .aboutpage .part4-list li:hover .txt { color: #fff; } .aboutpage .part4-list li .img{ width: .6rem;height:.6rem; background-position: center center; background-size: 100% auto; background-repeat: no-repeat; flex-shrink: 0;transform: skewY(3deg); } .aboutpage .part4-list li .img.img1{background-image: url(../images/icon1.png);} .aboutpage .part4-list li .img.img2{background-image: url(../images/icon2.png);} .aboutpage .part4-list li .img.img3{background-image: url(../images/icon3.png);} .aboutpage .part4-list li .img.img4{background-image: url(../images/icon4.png);} .aboutpage .part4-list li:hover .img.img1{background-image: url(../images/icon1_hl.png);} .aboutpage .part4-list li:hover .img.img2{background-image: url(../images/icon2_hl.png);} .aboutpage .part4-list li:hover .img.img3{background-image: url(../images/icon3_hl.png);} .aboutpage .part4-list li:hover .img.img4{background-image: url(../images/icon4_hl.png);} .aboutpage .part4-list li h2 { margin: .3rem auto .6rem; color: #252525; font-size: .3rem; font-weight: bold; width: 100%; } .aboutpage .part4-list li .txt { width: 100%; font-size: .26rem; color: #666666; text-align: justify; line-height: 1.6; } /* 品牌口号 */ /* .aboutpage .box3{width: 100%; margin-top: .3rem; position: relative;} .aboutpage .box3>img{width: 100%;} .aboutpage .box3 .box3-1{width: 100%; position: absolute; left: 0; top:4.5rem;} .aboutpage .box3 .box3-1 h1{text-align: center; font-size:.4rem; color: #fff; text-shadow: 0 0 10px #fff; margin-bottom: .1rem;} .aboutpage .box3 .box3-1 h2{text-align: center; font-size:.3rem; text-transform: uppercase; font-family: yingwen; color: #fff; padding-top: 0;text-shadow: 0 0 10px #fff;} */ /* .inabout1{padding: .3rem .2rem; font-size: .3rem; line-height: .5rem;} .inabout1 img{max-width: 100%;} .inabout2{padding: .5rem .2rem; font-size: .3rem; line-height: .5rem; background-color: #eee;} .inabout2 img{max-width: 100%;} .inabout2 .box1{width: 100%;} .inabout2 .box2{margin-top: .2rem;} .inabout3{padding: .3rem 0; font-size: .3rem; line-height: .5rem;} .inabout3 .part4-list { padding: 0 .2rem;} .inabout3 .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; } .inabout3 .part4-list li:nth-child(2n){ border-right:0; } .inabout3 .part4-list li:nth-child(3),.inabout3 .part4-list li:nth-child(4){ border-bottom: 0; } .inabout3 .part4-list li:last-of-type { border: 0 none; } .inabout3 .part4-list li:hover { background-color: #002FA7; border-color: #002FA7; } .inabout3 .part4-list li:hover h2 { color: #fff; } .inabout3 .part4-list li:hover .txt { color: #fff; } .inabout3 .part4-list li .img { width: .7rem;height: .7rem; background-position: center center; background-size: 100% 100%; background-repeat: no-repeat; } .inabout3 .part4-list li .img.img1{background-image: url(../images/icon1.png);} .inabout3 .part4-list li .img.img2{background-image: url(../images/icon2.png);} .inabout3 .part4-list li .img.img3{background-image: url(../images/icon3.png);} .inabout3 .part4-list li .img.img4{background-image: url(../images/icon4.png);} .inabout3 .part4-list li:hover .img.img1{background-image: url(../images/icon1_hl.png);} .inabout3 .part4-list li:hover .img.img2{background-image: url(../images/icon2_hl.png);} .inabout3 .part4-list li:hover .img.img3{background-image: url(../images/icon3_hl.png);} .inabout3 .part4-list li:hover .img.img4{background-image: url(../images/icon4_hl.png);} .inabout3 .part4-list li h2 { margin: .1rem auto .5rem auto; color: #252525; font-size: .4rem; width: 100%; } .inabout3 .part4-list li .txt { width: 100%; font-size: .26rem; color: #666666; text-align: justify; line-height: 1.6; } .inabout3 .part5-list { margin-top: .3rem; overflow-x: hidden; width: 100%; } .inabout3 .part5-list li { margin-bottom: .5rem; box-shadow: 0 0 20px rgba(174, 174, 174, 0.3); } .inabout3 .part5-list li:nth-child(2n) .ctn h2 { text-align: right; align-self: flex-end; } .inabout3 .part5-list li:nth-child(2n) .ctn .txt { text-align: right; } .inabout3 .part5-list li .ctn { width: 100%; box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-end; padding: 4%; } .inabout3 .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; } .inabout3 .part5-list li .ctn h2::after { content: ''; width: 100%; height: 1px; background-color: #e7e6e6; position: absolute; left: 0; bottom: -.1rem; } .inabout3 .part5-list li .ctn h2 em { font-size: .5rem; color: #252525; margin-bottom: .1rem; display: block; font-weight: bold; } .inabout3 .part5-list li .ctn .txt { font-size: 16px; color: #666666; } .inabout3 .part5-list li .img { width: 100%; position: relative; overflow: hidden; } .inabout3 .part5-list li .img img { width: 100%; } .inabout3 .part5-list li .img img:hover { transform: scale(1.1); } .inabout4{} .inabout4 .box1{padding: .3rem .2rem 0 .2rem;font-size: .3rem; line-height: .5rem;} .inabout4 .part2 { margin: 0 0 .5rem 0; position: relative; width: 100%; height: 100%; overflow: hidden; } .inabout4 .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; } .inabout4 .part2 > .img { position: relative; height: 4.5rem; } .inabout4 .part2 > .img img { width: 100%; height: 100%; } .inabout4 .part2-list { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; display: flex; } .inabout4 .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; } .inabout4 .part2-list .item:last-of-type { border: 0 none; } .inabout4 .part2-list .item:hover .con2 { opacity: 1; } .inabout4 .part2-list .item .icon { line-height: .5rem; } .inabout4 .part2-list .item .icon img{width:.6rem; height: .6rem;} .inabout4 .part2-list .item .con { width: 100%; margin-top: .2rem; } .inabout4 .part2-list .item .con h2 { font-size: .3rem; } .inabout4 .part2-list .item .con h4 { font-size: .22rem; text-transform: uppercase; } .inabout4 .part2-list .item .con2 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; transition: all 0.6s; opacity: 0; } .inabout4 .part2-list .item .con2 .img { position: relative; height: 100%; } .inabout4 .part2-list .item .con2 .img img { width: 100%; height: 100%; object-fit: cover; } .inabout4 .part2-list .item .con2 .tit { color: #fff; font-size: .26rem; position: absolute; left: 50%; bottom: .5rem; transform: translateX(-50%); width: 96%; text-align: center; } .inabout5{} .inabout5 .box1{padding: .3rem .2rem 0 .2rem;font-size: .3rem; line-height: .5rem;} */ /*分页*/ .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:#002FA7;} /* .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;} .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-btn{width:.8rem; height: .8rem; background-color: rgba(244,244,244,.8); position:fixed; right: .3rem; bottom: 1.2rem; z-index: 210; border-radius:5px; padding: .1rem;} .my-righticon-btn>img{width: .6rem; height: .6rem;} /* .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 */}