/* * name:Global && Pc StyleSheet * version:v3.4.2 * update:添加百度地图容器样式；默认隐藏百度分享的触控弹层 * date:2017-08-11 */ .row{width:101%;transition:.2s width ease;*zoom:1}.row:before,.row:after{display:table;clear:both;content:''}.row>[class*="span-"]{float:left;margin-right:1%;*margin-right:.89%}.row>.span-1{width:7.33333333%}.row>.span-2{width:15.66666667%}.row>.span-3{width:24%}.row>.span-4{width:32.33333333%}.row>.span-5{width:40.66666667%}.row>.span-6{width:49%}.row>.span-7{width:57.33333333%}.row>.span-8{width:65.66666667%}.row>.span-9{width:74%}.row>.span-10{width:82.33333333%}.row>.span-11{width:90.66666667%}.row>.span-12{width:99%}.full-row{width:100%;transition:.2s width ease;*zoom:1}.full-row:before,.full-row:after{display:table;clear:both;content:''}.full-row>[class*='span']{float:left}.full-row>.span-1{width:8.33333333%;*width:8.22333333%}.full-row>.span-2{width:16.66666667%;*width:16.55666667%}.full-row>.span-3{width:25%;*width:24.89%}.full-row>.span-4{width:33.33333333%;*width:33.22333333%}.full-row>.span-5{width:41.66666667%;*width:41.55666667%}.full-row>.span-6{width:50%;*width:49.89%}.full-row>.span-7{width:58.33333333%;*width:58.22333333%}.full-row>.span-8{width:66.66666667%;*width:66.55666667%}.full-row>.span-9{width:75%;*width:74.89%}.full-row>.span-10{width:83.33333333%;*width:83.22333333%}.full-row>.span-11{width:91.66666667%;*width:91.55666667%}.full-row>.span-12{width:100%;*width:99.89%}.row>.pull-right,.full-row>.pull-right{float:right}.row>.center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.center{display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.pull-left-1{position:relative;left:-8.33333333%}.pull-left-2{position:relative;left:-16.66666667%}.pull-left-3{position:relative;left:-25%}.pull-left-4{position:relative;left:-33.33333333%}.pull-left-5{position:relative;left:-41.66666667%}.pull-left-6{position:relative;left:-50%}.pull-left-7{position:relative;left:-58.33333333%}.pull-left-8{position:relative;left:-66.66666667%}.pull-left-9{position:relative;left:-75%}.pull-left-10{position:relative;left:-83.33333333%}.pull-left-11{position:relative;left:-91.66666667%}.pull-left-12{position:relative;left:-100%}.pull-right-1{position:relative;left:8.33333333%}.pull-right-2{position:relative;left:16.66666667%}.pull-right-3{position:relative;left:25%}.pull-right-4{position:relative;left:33.33333333%}.pull-right-5{position:relative;left:41.66666667%}.pull-right-6{position:relative;left:50%}.pull-right-7{position:relative;left:58.33333333%}.pull-right-8{position:relative;left:66.66666667%}.pull-right-9{position:relative;left:75%}.pull-right-10{position:relative;left:83.33333333%}.pull-right-11{position:relative;left:91.66666667%}.pull-right-12{position:relative;left:100%} @media only screen and (max-width:1024px){.row>.midd-1{width:7.33333333%}.row>.midd-2{width:15.66666667%}.row>.midd-3{width:24%}.row>.midd-4{width:32.33333333%}.row>.midd-5{width:40.66666667%}.row>.midd-6{width:49%}.row>.midd-7{width:57.33333333%}.row>.midd-8{width:65.66666667%}.row>.midd-9{width:74%}.row>.midd-10{width:82.33333333%}.row>.midd-11{width:90.66666667%}.row>.midd-12{width:99%}.midd-hide{display:none}.midd-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.midd-1{width:8.33333333%}.full-row>.midd-2{width:16.66666667%}.full-row>.midd-3{width:25%}.full-row>.midd-4{width:33.33333333%}.full-row>.midd-5{width:41.66666667%}.full-row>.midd-6{width:50%}.full-row>.midd-7{width:58.33333333%}.full-row>.midd-8{width:66.66666667%}.full-row>.midd-9{width:75%}.full-row>.midd-10{width:83.33333333%}.full-row>.midd-11{width:91.66666667%}.full-row>.midd-12{width:100%}}@media only screen and (max-width:992px){.row>.smidd-1{width:7.33333333%}.row>.smidd-2{width:15.66666667%}.row>.smidd-3{width:24%}.row>.smidd-4{width:32.33333333%}.row>.smidd-5{width:40.66666667%}.row>.smidd-6{width:49%}.row>.smidd-7{width:57.33333333%}.row>.smidd-8{width:65.66666667%}.row>.smidd-9{width:74%}.row>.smidd-10{width:82.33333333%}.row>.smidd-11{width:90.66666667%}.row>.smidd-12{width:99%}.smidd-hide{display:none}.smidd-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.smidd-1{width:8.33333333%}.full-row>.smidd-2{width:16.66666667%}.full-row>.smidd-3{width:25%}.full-row>.smidd-4{width:33.33333333%}.full-row>.smidd-5{width:41.66666667%}.full-row>.smidd-6{width:50%}.full-row>.smidd-7{width:58.33333333%}.full-row>.smidd-8{width:66.66666667%}.full-row>.smidd-9{width:75%}.full-row>.smidd-10{width:83.33333333%}.full-row>.smidd-11{width:91.66666667%}.full-row>.smidd-12{width:100%}}@media only screen and (max-width:760px){.row>.smal-1{width:7.33333333%}.row>.smal-2{width:15.66666667%}.row>.smal-3{width:24%}.row>.smal-4{width:32.33333333%}.row>.smal-5{width:40.66666667%}.row>.smal-6{width:49%}.row>.smal-7{width:57.33333333%}.row>.smal-8{width:65.66666667%}.row>.smal-9{width:74%}.row>.smal-10{width:82.33333333%}.row>.smal-11{width:90.66666667%}.row>.smal-12{width:99%}.smal-hide{display:none}.smal-show{display:block}.smal-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}[class*='pull-left-'],[class*='pull-right-']{right:auto;left:auto}.full-row>.smal-1{width:8.33333333%}.full-row>.smal-2{width:16.66666667%}.full-row>.smal-3{width:25%}.full-row>.smal-4{width:33.33333333%}.full-row>.smal-5{width:41.66666667%}.full-row>.smal-6{width:50%}.full-row>.smal-7{width:58.33333333%}.full-row>.smal-8{width:66.66666667%}.full-row>.smal-9{width:75%}.full-row>.smal-10{width:83.33333333%}.full-row>.smal-11{width:91.66666667%}.full-row>.smal-12{width:100%}} /*挂件分页样式*/ .util-page{ font-size:0; color: #000; text-align: center;} .util-page .gobutton,.util-page .sl,.util-page .num,.util-page .count { color: #000;display: inline-block;border: 1px solid #ededed;margin:10px 0;padding:5px 10px;vertical-align: middle;margin: 0 0 10px -1px;background: #fff; font-size:16px ;font-weight:normal; } .util-page .gobutton:hover,.util-page .num:hover,.util-page .current{color:#fff; background:#3cabff;} .util-page span.gobutton,.util-page span.gobutton:hover { color:#000; background-color:#eee; } .util-page .gobutton .ion{ font-size: .8em;} .util-page .count { margin-left:10px; color:#000; background:none; border:none; } .util-page span.jump{ background: none; color: #000;display: inline-block; margin: 0 7px; vertical-align: top; } .util-page span.jumpto,.util-page span.jumpto_text,.util-page span.jumpto_text{ background: none; border: none;color: #000; font-size: 14px; } .util-page .jumpto_inp{ width: 40px; text-align: center; height: 37px; line-height: 37px; vertical-align: top; } /*百度地图容器-默认高度45%，BdMapArea是防止在同屏版心下地图太大*/ .BdMapArea { margin:0 auto 55px; max-width:1200px; } .BdMapWrapper { position:relative; width:100%; height:0; padding-bottom:45%; overflow:hidden; } .BdMapWrapper .BdMapCon { position:absolute; top:0; left:0; width:100%; height:100%; } @media only screen and (max-width:760px) { .BdMapArea { display:none; } } /*默认隐藏百度分享触控弹层*/ .bdshare_popup_box { display:none!important;} /*浏览器滚动条*/ ::-webkit-scrollbar{width:5px;height:5px;} ::-webkit-scrollbar-button:vertical,::-webkit-scrollbar-button:horizontal{display:none} ::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal{background-color:black} ::-webkit-scrollbar-track-piece{background:#E3E3E3} ::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal{background-color:#555;border-radius:1.5625vw} ::-webkit-scrollbar-thumb:vertical:hover,::-webkit-scrollbar-thumb:horizontal:hover{background-color:#3B3B3B} ::-webkit-scrollbar-corner:vertical,::-webkit-scrollbar-corner:horizontal{background-color:#535353} ::-webkit-scrollbar-resizer:vertical,::-webkit-scrollbar-resizer:horizontal{background-color:#FF6E00} .ico { display:inline-block; width:20px; height:20px; white-space:nowrap; letter-spacing:-1em; text-indent:-99em; color:transparent; background:url(../img/ico.png); *text-indent:0; *zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\3000');vertical-align:middle;} .ico:before {content:'\3000';} .ico1_2 { background-position:-20px 0;} .ico1_3 { background-position:-40px 0;} .ico1_4 { background-position:-60px 0;} .ico1_5 { background-position:-80px 0;} .ico2_1 { background-position:0 -20px;} .ico2_2 { background-position:-20px -20px;} .ico2_3 { background-position:-40px -20px;} .ico2_4 { background-position:-60px -20px;} .ico2_5 { background-position:-80px -20px;} .ico3_1 { background-position:0 -40px;} .ico3_2 { background-position:-20px -40px;} .ico3_3 { background-position:-40px -40px;} .ico3_4 { background-position:-60px -40px;} .ico3_5 { background-position:-80px -40px;} .ico4_1 { background-position:0 -60px;} .ico4_2 { background-position:-20px -60px;} .ico4_3 { background-position:-40px -60px;} .ico4_4 { background-position:-60px -60px;} .ico4_5 { background-position:-80px -60px;} /* 常量设置 */ html{font-size:100px;} .wrap {width: 1540px;margin-right: auto;margin-left: auto;} .mwrap {max-width: 1366px;margin-right: auto;margin-left: auto;} @media screen and (max-width:1440px){ .wrap {width: 85%;} .mwrap {max-width: 90%;} } /*对ie8设置最小宽度，防止页面错乱*/ /*for ie8*/ body{min-width:1240px\9; overflow-x:auto;} /*for ie9+*/ @media all and (min-width:0){ body{min-width:0; overflow-x:hidden;} } body{font-size:.16rem; line-height:1.6; color:#555; background:#fff; font-family:Arial, Helvetica, sans-serif;} a{color:inherit;} a:hover { color:#90c439;} ::-moz-selection {color:#fff; background:#90c439; } ::selection {color:#fff; background:#90c439; } ::-webkit-input-placeholder { color:#aaa; } .placeholder { color:#aaa;} /*css组件设置*/ .form-control, .input-group-addon, .btn{border-radius:2px; } .form-control:focus { border-color:#66afe9; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);} .imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;} .imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); } .imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);} .imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) } /* 网站样式 */ /* 导航 */ .header{position:fixed; top:0; left:50%; transform:translateX(-50%); width:100%; z-index:99; border-bottom:1px solid rgba(255, 255, 255, .18); transition:all .4s ease;} .header .h_logo{float:left; padding:.3rem 0; z-index:2; position:relative;} .header .h_logo a{display:block; margin:0; padding:0; font-size:0;} .header .h_logo a img{width:1.9rem;} .header .inav_wrapper{display:flex; align-items:center; justify-content:center; width:100%; position:absolute; top:0; left:0;transition:all 0.4s ease-in-out;} .header .inav_wrapper .nav_li{font-size:.18rem; line-height:.9rem; color:#fff; float:left; margin:0 .27rem; cursor:pointer; transition:all .2s ease-in-out;} .header .inav_wrapper .nav_li:first-child{margin-left:0;} .header .inav_wrapper .nav_li:last-child{margin-right:0;} .header .inav_wrapper .nav_li .nav_a{display:block; position:relative;} .header .inav_wrapper .nav_li .nav_a:after{content:''; width:100%; height:5px; background:#fac109; position:absolute; left:0; transition:all 0.5s ease; transform:scale(0); bottom:0px} .header .inav_wrapper .nav_li.cur .nav_a:after{transform:scale(1);} .header .inav_wrapper .nav_li:hover .nav_a:after{transform:scale(1);} .header .inav_wrapper .nav_li .nav_down{position:absolute; left:50%; transform:translateX(-50%); top:100%; width:100vw;} .header .inav_wrapper .nav_li .nav_down{padding:40px 0; background:url(../images/xl2.jpg); background-position:right bottom; background-repeat:no-repeat; background-size:cover; display:none;} .header .inav_wrapper .nav_li .nav_down .left{width:60%; float:left;} .header .inav_wrapper .nav_li .nav_down .left .content .intro .title{font-size:24px; line-height:1; color:#000;} .header .inav_wrapper .nav_li .nav_down .left .content .intro{float:left; width:52.5%;} .header .inav_wrapper .nav_li .nav_down .left .content .intro ul{margin-top:32px;} .header .inav_wrapper .nav_li .nav_down .left .content .intro ul li{width:45%; line-height:32px; font-size:16px; position:relative; float:left; padding-left:3%; color:#414141;} .header .inav_wrapper .nav_li .nav_down .left .content .intro ul li:before{content:''; width:6px; height:9px; background:url(../img/xl_jt.png) no-repeat; position:absolute; left:0; top:50%; transform:translateY(-50%);} .header .inav_wrapper .nav_li .nav_down .left .content .intro ul li:hover::before{background-position:0 -9px;} .header .inav_wrapper .nav_li .nav_down .left .content .img{width:40%; float:right;} .header .inav_wrapper .nav_li .nav_down .left .content .img .rect-62{padding-bottom:62%;} .header .inav_wrapper .nav_li .nav_down .right{float:right; width:28%;} .header .inav_wrapper .nav_li .nav_down .right .tit{font-size:32px; line-height:32px; color:#343434; font-weight:lighter;} .header .inav_wrapper .nav_li .nav_down .right .con{margin-top:28px; font-size:14px;line-height:28px; color:#343434; } .header .h_tools{float:right; transition:all 0.4s ease-in-out; position:relative; z-index:2;} .header .h_tools .h_search{padding:0 .15rem; float:right; cursor:pointer; padding-left:0; line-height:.9rem;} .header .h_tools .h_search .icon{height:.4rem; width:.4rem; border-radius:40px; overflow:hidden; text-align:center; line-height:.4rem; background:rgba(0,0,0,0.15); transition:all .2s ease-in-out; display:inline-block; vertical-align:middle; } .header .h_tools .h_search i{color:#fff; padding:0; margin:0; font-size:.2rem; line-height:1; margin-left:1px; margin-top:.4px;} .header .h_tools .h_price{float:right; line-height:.9rem; padding:0 .3rem; cursor:pointer; padding-right:0; padding-left:.25rem; position:relative;} .header .h_tools .h_price::after{content:''; position:absolute; width:1px; height:.32rem; left:0; top:50%; transform:translateY(-50%); background-color:#d2d4d6;} .header .h_tools .h_price a{display:block;} .header .h_tools .h_price img{vertical-align:middle;} .header .h_tools .h_lan{padding:0 .15rem; line-height:.9rem; float:right; cursor:pointer; padding-right:.3rem;} .header .h_tools .h_lan .icon{height:.4rem; width:.4rem; border-radius:50%; overflow:hidden; text-align:center; line-height:.4rem; background:rgba(0,0,0,0.15); display:inline-block; vertical-align:middle; position:relative;} .header .h_tools .h_lan i{color:#fff; padding:0; margin:0; font-size:.22rem; line-height:1; margin-left:1px; margin-top:0.24px; margin-top:.23px;} .header .h_lan_down{position:absolute; top:100%; right:0; width:100vw; background:#fff; padding:.4rem 0; display:none; z-index:98; border-top:1px solid rgba(0, 0, 0, .1);} .header .h_lan_down .title{font-weight:bold; color:#000;} .header .h_lan_down ul{font-size:0; margin-top:.3rem;} .header .h_lan_down ul li{display:inline-block; vertical-align:top; min-width:20%; padding-right:.3rem; font-size:.2rem; line-height:1.5;} .header .h_tools .h_price .h_price_down{position:absolute; top:100%; left:50%; transform:translateX(-50%); width:100vw; background:#fff; padding:40px 0; display:none;} .header .h_tools .h_price .h_price_down .title{font-size:24px; line-height:1.5; font-weight:bold; color:#000;} .header .h_tools .h_price .h_price_down ul{font-size:0; margin-top:30px;} .header .h_tools .h_price .h_price_down ul li{display:inline-block; vertical-align:top; min-width:20%; padding-right:30px; font-size:20px; line-height:1.5;} .header .h_price_down{position:absolute; top:100%; right:0; width:100vw; background:#f8f8f8; padding:.8rem 0 .7rem; display:none; z-index:98; border-top:1px solid rgba(0, 0, 0, .1);} .header .h_price_down .content{padding:0 1.3%} .header .h_price_down .hd{margin-bottom:.45rem; border-bottom:1px solid #cacaca; } .header .h_price_down .hd .index_box ul{/*overflow-y:auto; white-space:nowrap;*/ font-size:0;} .header .h_price_down .hd .index_box ul::-webkit-scrollbar{width:2px; height:2px;} .header .h_price_down .hd .index_box ul::-webkit-scrollbar-thumb{border-radius:10px; background:#fac109;} .header .h_price_down .hd .index_box ul::-webkit-scrollbar-track{border-radius:10px; background:transparent;} .header .h_price_down .hd .index_box .item{display:inline-block; font-size:0; vertical-align:text-top; margin-right:5.1%; position:relative; cursor:pointer;} .header .h_price_down .hd .index_box .item::after{content:''; position:absolute; bottom:-1px; left:0; background-color:#fac109; height:3px; transition:all .3s ease; width:0;} .header .h_price_down .hd .index_box .item .icon{height:.72rem; margin-right:.15rem; display:inline-block; vertical-align:middle;} .header .h_price_down .hd .index_box .item .icon img{height:100%; width:auto; object-fit:contain;} .header .h_price_down .hd .index_box .item .tit{font-size:.2rem; font-weight:bold; color:#000000; line-height:1; display:inline-block; vertical-align:middle;} .header .h_price_down .hd .index_box .item.cur::after{width:100%;} .header .h_price_down .bd .ul_{display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap;} .header .h_price_down .bd .ul_ .li_{/*width:13.8%;*/ margin-right:3.44%; text-align:center; margin-bottom:.2rem; background-color:#ffffff; border:solid 1px #cacaca; padding:0 1.5%; transition:all .3s ease;} /* .header .h_price_down .bd .ul_ .li_:nth-child(6n){margin-right:0;} */ .header .h_price_down .bd .ul_ .li_ a{display:inline-block; width:100%; line-height:.51rem; height:.51rem; font-size:.2rem; color:#505050;} .header .h_price_down .bd .ul_ .li_:hover{background-color:#fac109;} .header_bg{position:fixed; top:0; left:0; width:100%; height:100%; background:url(../img/black.6.png); z-index:90; display:none;} .header .h_tools .h_m_nav{float:right; padding-left:.3rem; cursor:pointer; display:none; line-height:.9rem; position:relative;} .header .h_tools .h_m_nav::after{content:''; position:absolute; width:1px; height:.32rem; left:0; top:50%; transform:translateY(-50%); background-color:#d2d4d6;} .header .h_tools .h_m_nav i{display:block; padding:0; margin:0; font-size:22px; color:#fff; font-weight:200; line-height:1; padding-right:0; transform:all .2s ease-in-out; vertical-align:middle; display:inline-block;} .header .h_tools .h_company{float:right; padding:.34rem 5%; cursor:pointer; padding-right:0;} .header .h_tools .h_company i{display:block; padding:0; margin:0; font-size:22px; color:#fff; font-weight:200; line-height:1; padding-right:0; transform:all .2s ease-in-out;} /*导航搜索*/ .header .search_box{position:absolute; top:50%; right:13%; width:5rem; transform:translateY(-50%) scale(1); transition:all 0.4s ease-in-out; opacity:1; visibility:visible;} .header .search_box input{width:3.85rem; height:.48rem; border:1px solid #d4d4d4; line-height:48px; padding-left:.2rem; outline:none; font-size:.16rem;padding-right:.5rem; background-color:#fff; border-radius:30px;} .header .search_box button{cursor:pointer; position:absolute; right:.6rem; top:50%; transform:translateY(-50%); color:#fff; text-decoration:none; outline:none; border:none; height:.4rem; width:.4rem; border-radius:40px; overflow:hidden; text-align:center; line-height:.4rem; background:#fac109; } .header .search_box button .icon{line-height:.2rem; font-size:0;} .header .search_box button i{color:#fff; padding:0; margin:0; font-size:.2rem; line-height:1;} .header .search_box .search_close{cursor:pointer; font-size:0; position:absolute; right:8px; top:0; line-height:.53rem; color:#86807f; text-decoration:none; margin:0;} .header .search_box .search_close i{padding:0; margin:0; font-size:.2rem; line-height:1;} .header .search_box.search_hide {-webkit-transform:scale(0);-ms-transform:scale(0); transform:scale(0); opacity:0; visibility:hidden;} /* 点击搜索隐藏导航 */ .head_hide{-webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); visibility:hidden; opacity:0;} /* 右侧导航 */ .pageHeader:hover{background:#fff;} .header:hover{background:#fff;} .pageHeader.on{background:#fff;} .pageHeader.on .header{background:#fff;} .header:hover .inav_wrapper .nav_li{color:#000;} .header:hover .h_tools .h_company i{color:#fac109;} .header:hover .h_tools .h_m_nav i{color:#fac109;} .header .h_tools .h_search:hover .icon{background:#fac109;} .header .h_tools .h_lan:hover .icon{background:#fac109;} .pageHeader.fixed .header{background:#fff; box-shadow:0 0 15px rgb(0 0 0 / 20%);} .pageHeader.fixed .header .inav_wrapper .nav_li{color:#000;} .pageHeader.fixed .header .h_tools .h_company i{color:#fac109;} .pageHeader.fixed .header .h_tools .h_m_nav i{color:#fac109;} .pageHeader.fixed .header .h_tools .h_search .icon{background:#fac109;} .pageHeader.fixed .header .h_tools .h_lan .icon{background:#fac109;} .pageHeader.fixed .header{border:none} /* 点击搜索加类名fix 不然首页导航会透明底 */ .pageHeader.fix{background:#fff;} /* 底部 */ .footer{background: url(../images/img-footer.jpg) no-repeat; background-position: center center; background-size: cover; color: #FFFFFF; padding-top: 0.5rem; overflow: hidden;} .footer-content-top{display: flex; justify-content: space-between;;width: 100%; margin: 4% auto;} .footer-left{padding-left: 1rem; padding-right: 1rem; width: 68%; } .footer-left-top{border-bottom:0.01rem solid rgba(255,255,255,0.1) ; display: flex; align-items: center; padding-bottom: 2vw;-webkit-justify-content: space-between; justify-content: space-between;} .footer-left-top img{ width: 190px; margin-right: 1.08rem;} .footer-link{ display: flex; justify-content: space-between; width: 60%; padding-right: 5%} .footer-link a{ color: #FFFFFF;font-size:16px;font-weight: 500; line-height: 36px; transition: all .3s ease;} .footer-link a:hover{color: rgba(255,255,255,0.7);} .footer-left-bottom{display: flex; display:-webkit-flex;-webkit-justify-content: left; justify-content: left; margin-top: 4%; } .footer-code{ width: 27%;display: flex; display:-webkit-flex;-webkit-justify-content: space-between; justify-content: space-between;} .footer-code div{padding: 15px; border: 1px solid rgba(255,255,255,0.2);width: 135px; height: 135px} .footer-code div img{width: 100%;} .footer-info{color: #FFFFFF; width: 50%;display: flex; display:-webkit-flex;-webkit-justify-content: space-between; justify-content: space-between; margin-left: 5%} .footer-info div img{width: 0.5rem; } .footer-tel{margin-right: 25px; } .footer-tel i,.footer-email i{width: 35px; height: 35px;border:2px solid transparent; border-color: rgba(151, 151, 151, 0.3);border-radius:50%; padding: 10px; font-size: 30px} .footer-info .footer-p1{font-size: 16px;font-weight: 500;line-height: 22px; margin-top:24px;} .footer-info .footer-p2{font-size:26px;font-weight: 500;line-height: 41px;} .footer-info .footer-p3{font-size: 14px;font-weight: 400;line-height:28px; } .footer-right{padding-right: 1rem; padding-left: 4%; border-left: 0.01rem solid rgba(255,255,255,0.2); width: 29%} .footer-right p{font-size: 18px;font-weight: 400;color: #FFFFFF;line-height: 31px; margin-bottom: 25px} .footer-right h3{display: none} .footer-right .information-submit .more i{display: none} .footer-form input,.footer-form textarea{ background: #fff;opacity: 0.5; padding-left:15px;border-radius: 2px; } .footer-form input{ height: 48px;margin-bottom: 10px;float: left;} .footer-form input:nth-child(1){margin-right:20px;} .footer-form textarea{height: 156px; width: 100%; margin-top: 0.2rem; padding-top: 0.15rem;} .footer-form input::-webkit-input-placeholder,.footer-form textarea::-webkit-input-placeholder {color: #BDC2CE;} .footer-form input:-moz-placeholder ,.footer-form textarea::-webkit-input-placeholder {/* FF 4-18 */color: #BDC2CE;} .footer-form input::-moz-placeholder ,.footer-form textarea::-webkit-input-placeholder {/* FF 19+ */color: #BDC2CE;} .footer-form input:-ms-input-placeholder,.footer-form textarea::-webkit-input-placeholder {/* IE 10+ */color: #BDC2CE;} .footer-form button{ height: 50px; line-height: 50px; color: #ffffff;font-size: 14px;font-weight: 400; width: 30%; margin-top: 0.2rem; background: #90c439; transition: all .3s ease; border-radius: 2px; border: none} .footer-form button:hover{background: #fff; color: #073763;} .footer-copyright{border-top:1px solid rgba(255,255,255,0.1) ; margin-top: 0.7rem; padding: 0.5% 3%; display: flex;justify-content: space-between;} .footer-copyright-right{display: flex; align-items: center; justify-content: flex-end;} .footer-copyright-right p,.footer-copyright-left p{font-size: 16px; font-weight: 400;color: #fff;line-height: 0.2rem;} .footer-copyright-right p a{color: #fff;} .footer-copyright-left p{} .footer-copyright-left p img{width:100%; display: inline-block;} .footer-copyright-left p a {color: #fff; transition: all .3s ease;} .footer-copyright-left p span{padding-left: 0.25rem; padding-right: 0.5rem; border-left: 1px solid rgba(255,255,255,0.1);} .footer-copyright-left p a:hover{color: #073763;} .footer-about{position: fixed;z-index: 5; width: 100%; bottom: 0; left: 0; height: 6rem;} @media screen and (max-width:1440px){ .footer .footer_box{width: 90%;} .footer-left-top img{ width: 280px; } .footer-code div{width: 110px; height: 110px} .footer-info{width: 60%} .footer-info .footer-p2{font-size: 20px} .footer_pro li{font-size: 15px;line-height: 40px;} .footer_contact p{font-size: 15px;line-height: 30px;} .footer_ewm {width: 15%;} } @media screen and (max-width:1280px){ .footer_logo{display: none;} .footer_pro {width: 36%;} .footer_contact {width: 26%;} .footer_ewm {width: 22%;} } @media screen and (max-width:1023px){ .footer{} .footer-content-top{flex-wrap: wrap; width: 95%} .footer-left{width: 100%; padding-left: 2%; padding-right: 2%} .footer-left-top{display: none} .footer-left-bottom{flex-wrap: wrap;-webkit-justify-content: center; justify-content:center;} .footer-code{width: 70%} .footer-info{width: 100%;flex-wrap: wrap;margin-top: 30px} .footer-tel{margin-right: 0} .footer-info .footer-p2{font-size: 16px} .footer-right{width: 100%; padding-right: 0; margin-top: 50px;padding-left:0;border-left:none} .footer-copyright{flex-wrap: wrap;} .footer-copyright-left p img{width: 50%} .footer-copyright-right p, .footer-copyright-left p{line-height: 26px} .footer22{ width: 75px; height: 75px!important; line-height: 75px ; display: block; position: fixed; z-index: 8; bottom:20%; right:0px; background: #0376cf;border-radius: 50%} .footer22 a{ display: block; text-align: center; color: #fff; } .footer22 a .pic{ height: 35px; line-height: 35px; padding-top: 3px;} .footer22 a img{ max-height: 30px; width: auto; height: auto;position: relative;} .footer22 h3{ line-height: 27px;font-size: 15px; font-weight: normal;} } @media screen and (max-width:750px){ .footerin{ padding: 16px 0 16px;} } .mm-menu{display:none;} .m_nav{position:fixed; left:0; top:0px; right:0; width:100%; background:#fff; z-index:100; height:100vh; left:100%; transition:all 0.5s ease; overflow:auto;} .m_nav.cur{left:0;} .m_nav .m_wrap{padding:0 40px;} .m_nav .mNav_top{background:#fff; border-bottom:1px solid #dfdfdf;} .m_nav .mNav_top .m_Hlogo{float:left; padding:32px 0 27px; margin-left:37px;} .m_nav .mNav_top .m_Hlogo a{display:block; font-size:0} .m_nav .mNav_top .m_close{float:right; width:114px; height:94px; background:url(../img/m_close.png) no-repeat center;} .m_nav .m_lan{padding:35px 0 45px;} .m_nav .m_lan a{display:inline-block; font-size:26px; line-height:30px; color:#323232; margin-right:30px; position:relative; padding-bottom:7px;} .m_nav .m_lan a.en{font-size:28px; line-height:30px; color:#323232; font-family:Arial;} .m_nav .m_lan a.cur:after{content:''; width:100%; height:4px; background:#fac109; position:absolute; left:0; bottom:0;} .m_nav .m_lan a:hover:after{content:''; width:100%; height:4px; background:#fac109; position:absolute; left:0; bottom:0;} #li0_0:hover:after{width:19%;} .m_nav .m_sear{margin-bottom:40px;} .m_nav .m_sear form{border:1px solid #fac109; border-radius:50px; height:78px; line-height:78px; position:relative;} .m_nav .m_sear .inp{width:100%; height:78px; line-height:78px; padding:0; font-size:20px; background:transparent; border:none; color:#323232; text-indent:43px;} .m_nav .m_sear .btns{background:none; border:none; padding:0; margin:0;} .m_nav .m_sear .btns .icon{display:block; width:32px; height:32px; background:url(../img/m_search.png) no-repeat center; position:absolute; right:37px; top:50%; margin-top:-16px;} .m_nav .m_link{font-size:0; background:#37454d; padding:50px 0 40px; position:absolute; bottom:0; left:0; width:100%;} .m_nav .m_link a{display:inline-block; font-size:15px; line-height:24px; color:#fff; padding-right:50px; position:relative; margin-bottom:10px;} .m_nav .m_link a:after{content:''; width:1px; height:20px; background:#fff; background:rgba(255,255,255,.7); position:absolute; right:25px; top:50%; margin-top:-10px;} .m_nav .m_link a:last-child:after{display:none;} /* 手机端导航 */ .m_nav .mNav_bott .first_ul{height:auto; overflow-y:auto;} .m_nav .mNav_bott .m_navli{position:relative; transition:all 0.3s ease-out; border-bottom:solid 1px #ededed;} .m_nav .mNav_bott .m_navli>a{display:block; padding:23px 35px 23px 2px; font-size:22px; position:relative; overflow:hidden; color:#323232;} .m_nav .mNav_bott .m_navli>a:after, .m_nav .mNav_bott .m_navli>a:before{content:''; background:#959595; width:28px; height:4px; display:block; position:absolute; top:0; bottom:0; right:15px; margin:auto;} .m_nav .mNav_bott .m_navli>a:after{-webkit-transform:rotate(-90deg); transform:rotate(-90deg); transition:all 0.6s ease-out;} .m_nav .mNav_bott .m_navli>a:before{-webkit-transform:rotate(0deg); transform:rotate(0deg); transition:all 0.6s ease-out;} /* .m_nav .mNav_bott .m_navli.active{background:#2a7ecc;} */ .m_nav .mNav_bott .m_navli.active>a:before{-webkit-transform:rotate(180deg); transform:rotate(180deg); background:#959595;} .m_nav .mNav_bott .m_navli.active>a:after{-webkit-transform:rotate(180deg); transform:rotate(180deg); opacity:0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; background:#959595;} /* .m_nav .mNav_bott .m_navli.active>a{border-bottom:solid 1px #58a3e7; font-weight:bold;} */ .m_nav .mNav_bott .m_navli .m_secNav{display:none; background:#fafafa;} .m_nav .mNav_bott .m_navli .m_secNav ul{font-size:0; padding:18px 0;} .m_nav .mNav_bott .m_navli .m_secNav li{font-size:18px;} .m_nav .mNav_bott .m_navli .m_secNav li>a{padding:8px 50px; line-height:34px; display:block; position:relative; color:#2f2f2f; color:rgba(47,47,47,.8)} .m_nav .mNav_bott .m_navli .m_secNav li>a:hover{color:#fac109;} .m_nav .mNav_bott .m_navli .m_secNav li>a.cur{color:#fac109;} /*无连接的话去掉加号*/ .m_nav .mNav_bott .m_navli.nav_link>a:after, .m_nav .mNav_bott .m_navli.nav_link>a:before{display:none;} .m_nav .mNav_bott .m_navli.nav_link.active>a:before, .m_nav .mNav_bott .m_navli.nav_link.active>a:before{display:none;} .m_nav .mNav_bott .m_navli.nav_link a:after{content:''; display:block; width:16px; height:16px; background:url(../img/link_ico.png) no-repeat center; position:absolute; top:0; bottom:0; right:15px;} /* 右侧悬浮分享 */ .for_right{position:fixed; top:50%; right:0; z-index:98; transform:translateY(-50%);} .for_right{visibility:hidden; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all .2s ease-in-out; -webkit-transform:translate(0, calc(-50% + 6px)); -ms-transform:translate(0, calc(-50% + 6px)); transform:translate(0, calc(-50% + 6px)); opacity:0;} .for_right.hasGo{-webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); opacity:1; visibility:visible;} .for_right .right .f_share a{display:block; width:.44rem; height:.44rem; margin-bottom:5px; background-size:cover;} .for_right .right .f_share a.icon1{background:url(../img/f_icon1.png) no-repeat center/contain;} .for_right .right .f_share a.icon2{background:url(../img/f_icon2.png) no-repeat center/contain;} .for_right .right .f_share a.icon3{background:url(../img/f_icon3.png) no-repeat center/contain;} .for_right .right .f_share a.icon4{background:url(../img/f_icon4.png) no-repeat center/contain;} .for_right .right .f_share a.icon5{background:url(../img/f_icon5.png) no-repeat center/contain;} /* 下层导航 */ .pageHeader.xc_pageHeader .header{background:#fff; box-shadow:0 0 15px rgb(0 0 0 / 20%);} .pageHeader.xc_pageHeader .header .inav_wrapper .nav_li{color:#000;} .pageHeader.xc_pageHeader .header .h_tools .h_company i{color:#fac109;} .pageHeader.xc_pageHeader .header .h_tools .h_m_nav i{color:#fac109;} .pageHeader.xc_pageHeader .header .h_tools .h_search .icon{background:#fac109;} .pageHeader.xc_pageHeader .header .h_tools .h_lan .icon{background:#fac109;} .pageHeader.xc_pageHeader .header{border:none} /* 下层banner */ .xc_banner{position:relative; overflow:hidden; background: #000} .xc_banner > img{width:100%; opacity: 0.7} .xc_banner .intro{position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); z-index:2;} .xc_banner .intro .tit{font-weight:lighter; color:#fff;} .xc_banner .intro .tit span{display:inline-block; font-weight:bold; margin-right:10px; position:relative; padding-bottom:20px;} .xc_banner .intro .tit span:after{content:''; width:100%; height:2px; background:#fff; position:absolute; left:0; bottom:0px;} .xc_banner .intro .con{font-size:.16rem; line-height:28px; color:#ffffff; margin-top:.25rem;} .xc_banner .intro .con h1{font-size:.16rem; font-weight:normal; display:inline-block;} /*下层综合banner*/ .Center_banner{position:relative; overflow:hidden;} .Center_banner .intro{position:absolute; left:0; width:100%;/* bottom:220px; */z-index:2;top: 50%;transform: translateY(-50%);} .Center_banner .intro .smal_tit{font-size:16px; line-height:24px; font-family:Arial; color:#fff; text-transform:uppercase; position:relative; padding-left:20px;} .Center_banner .intro .smal_tit:after{content:''; width:20px; height:1px; background:#fff; position:absolute; left:0; top:50%;} .Center_banner .intro .tit{font-size:56px; line-height:56px; color:#fff; margin:20px 0 15px;} .Center_banner .intro .tit span{font-size:70px; line-height:70px; font-weight:bold;} .Center_banner .intro .con {font-size:16px; line-height:28px; color:#fff;} /* 二级导航 */ .xc_nav{background:#e9e8e8; line-height:.54rem;} .xc_nav li{float:left; margin-right:.54rem; transition:all 0.5s ease;} .xc_nav li a{display:block; font-size:.16rem; color:#000000; position:relative;} /* .xc_nav li a:after{content:''; width:100%; height:2px; background:#fac109; position:absolute; left:0; transition:all 0.5s ease; transform:scale(0); bottom:0} */ .xc_nav li.cur a{font-weight:bold;} .xc_nav li.cur a:after{transform:scale(1);} .xc_nav li:hover a{font-weight:bold;} .xc_nav li:hover a:after{transform:scale(1);} .xc_nav ul{overflow-x:auto; white-space:nowrap;} .xc_nav li{display:inline-block; float:none;} /* 公共部分 */ .channel_content{min-height:3rem; padding:.8rem 0;} /* 公共字号 */ .tit44{font-size:.44rem; line-height:1;} .tit36{font-size:.36rem; line-height:1.6;} .tit24{font-size:.24rem; line-height:1.5;} .tit22{font-size:.22rem; line-height:2;} .con16{font-size:.16rem; line-height:.28rem;} .con18{font-size:.18rem; line-height:.3rem;} /* 公共按钮 */ .btn_more{display:inline-block; width:auto; height:auto; line-height:.32rem; color:#fac109; font-size:0; white-space:nowrap;} .btn_more .icon{display:inline-block; vertical-align:middle;} .btn_more i{display:inline-block; font-size:.33rem; width:.33rem; height:.32rem; border-radius:30px; border:2px solid #fac109; line-height:.34rem; margin:0; text-indent:.15rem; transition:all .5s ease;} .btn_more .link{display:inline-block; vertical-align:middle; margin-left:.3rem; font-size:.18rem; transition:all .5s ease;} .btn_more:hover i{text-indent:.32rem;} .btn_more:hover .link{transform:translateX(.15rem);} .index{padding-top:1rem;} .commtit_box{font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; color:#222222; margin-bottom:.45rem;} .ipart01{background:url(../images/ipart1_bg.jpg) no-repeat center; background-size:cover;} .ipart01 .title{font-size:38px; line-height:1; font-weight:bold; text-align:center; color:#000; padding-top:90px; margin-bottom:10px;} .ipart01 .title2{font-size:16px; line-height:26px; text-align:center; color:#666; width: 70%; margin: 0 auto;} .heixinlistbox {position: relative; margin:0 auto;} .heixinlist {width: 100%;visibility: visible;animation-duration: 1s;animation-name: fadeInUp;} .hxin_item {position: relative;width: 1100px;margin: 0 auto;} .hitbox{overflow: hidden;} .hitbox img{width: 100%;border-radius: 30px} .heixinlist .slick-active .hitbox img{/*opacity: 1;*/filter: blur(0px);border-radius: 30px} .hitbox img {transition: all 1s;width:100%;} .heixinlist .slick-next {right: 22%;background: url(../images/ipart1_right.png) no-repeat center ;} .heixinlist .slick-prev {left: 22%;background: url(../images/ipart1_left.png) no-repeat center ;} .heixinlist .slick-dots {bottom: 9px;} .slick-dots li.slick-active {background: #999;} .heixinlist .slick-dots li.slick-active {background: #155bc4;border-color:#155bc4;} .heixinlist .slick-prev, .heixinlist .slick-next {width: 91px;height: 56px;z-index: 50;} .heixinlist .btn_{text-align:center; margin-bottom:40px;} .heixinlist .swiper-slide.swiper-slide-active .btn_{display:block;} .heixinlist .btn_ .btn{margin:0; padding:0; width:180px; height:50px; line-height:50px; font-size:14px; color:#000; border:1px solid #000; margin-right:20px; transition:all .4s ease-in-out;text-transform: uppercase;} .heixinlist .btn_ .btn:last-child{margin-right:0;} .heixinlist .btn_ .btn:hover{font-weight:bold; color:#fff; background:#424a52;} @media screen and (max-width:1440px){ .hxin_item {width: 900px} } @media screen and (max-width:1200px){ .ipart01{} .ipart01 .title{font-size:30px;padding-top: 45px} .ipart01 .title2{width: 100%;} .heixinlist .slick-prev, .heixinlist .slick-next{width: 50px} .heixinlist .slick-next{right: 0; background-size: 50%} .heixinlist .slick-prev{left: 0; background-size: 50%} .heixinlist .btn_ .btn{width: 40%;height:40px; line-height: 40px} } .ipart01 .hd{font-size:19px; color:#000; line-height:1; border:1px solid #dddfdf;} .ipart01 .hd .swiper-slide{width:auto !important;} .ipart01 .hd .swiper-slide span{display:block; padding:40px 47px; position:relative; transition:all .2s ease-in-out; cursor:pointer;} .ipart01 .hd .swiper-slide span::after{position:absolute; bottom:0; left:50%; transform:translateX(-50%); background:url(../images/ipart1_2.png) no-repeat; background-size:cover; width:0; height:7px; transition:all .2s ease; content:'';} .ipart01 .hd .swiper-slide.swiper-slide-active span{font-size:21px; font-weight:bold;} .ipart01 .hd .swiper-slide.swiper-slide-active span::after{width:100%;} .ipart01 .bd{position:relative;} .ipart01 .bd .swiper-slide{padding-bottom:40px; text-align:center; transition:all .2s ease-in-out;} .ipart01 .bd .swiper-slide.swiper-slide-active{-webkit-filter:grayscale(0%); filter:grayscale(0%);} .ipart01 .bd .swiper-slide .img_{display:inline-block; width:75%;} .ipart01 .bd .rect-54{padding-bottom:54%;} .ipart01 .bd .btn_{text-align:center; font-size:0; display:none; margin-top:40px;} .ipart01 .bd .swiper-slide.swiper-slide-active .btn_{display:block;} .ipart01 .bd .btn_ .btn{margin:0; padding:0; width:180px; height:50px; line-height:50px; font-size:14px; color:#000; border:1px solid #000; margin-right:20px; transition:all .4s ease-in-out;} .ipart01 .bd .btn_ .btn:last-child{margin-right:0;} .ipart01 .bd .btn_ .btn:hover{font-weight:bold; color:#fff; background:#424a52;} .ipart01 .bd .swiper-button-prev{background:url(../images/ipart1_left.png) no-repeat center; background-size:cover; width:56px; height:50px; border-radius:0; left:20%; opacity:1;} .ipart01 .bd .swiper-button-next{background:url(../images/ipart1_right.png) no-repeat center; background-size:cover; width:56px; height:50px; border-radius:0; right:20%; opacity:1;} .ipart02{position:relative; height:100vh; overflow:hidden;} .ipart02 .roll_box{height:100%;overflow:hidden;opacity:0.66} .ipart02 .roll_list{width:23.80208%;height:100%;float:left;margin-left:1.5625%} .ipart02 .roll_list img{width:100%;display:block;border-radius:30px} .ipart02 .roll_list li span{display:block;padding:3.20171% 0} .ipart02 .roll_list:first-child{margin-left:0} .ipart02 .roll_list:last-child{float:right} .ipart02 .roll_list.roll_list_down{margin-top:-15%} .ipart02 .roll_list.roll_list2{margin-left:0} .ipart02 .roll_list.show_4k{display:none} .ipart02 .wenan_bg{position:absolute;left:0;right:0;top:0;bottom:0;z-index:2} .ipart02 .container{position:absolute; top:0; left:0; width:100%; height:100%;} .ipart02 .container .infor{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:2; width:100%; text-align:center;} .ipart02 .container .infor .en_tit{font-size:18px; line-height:1; text-align:center; color:#90c439; font-weight:bold;text-transform: uppercase;} .ipart02 .container .infor .tit{font-size:38px; line-height:1; text-align:center; color:#fff; font-weight:bold; margin-top:20px;} .ipart02 .container .infor .con{font-size:16px; line-height:26px; text-align:center; color:#fff;margin-top:20px; } .ipart02 .container .infor .item_list{width: 100%; margin:8% auto 0 auto; text-align:center;display: flex; display:-webkit-flex; -webkit-justify-content: space-between; justify-content: space-between;} .ipart02 .container .infor .item_list .item{text-align:center; display:inline-block; } .ipart02 .container .infor .item_list .item:last-child{margin-right:0;} .ipart02 .container .infor .item_list .item .t{font-size:22px; font-weight:bold; line-height:1; color:#fff; margin:30px 0 10px 0;} .ipart02 .container .infor .item_list .item .c{font-size:18px; line-height:2; color:#fff;} .ipart02 .container .infor .more{display:inline-block; width:220px; height:55px; /*border:1px solid #fff; */line-height:53px; font-size:18px; color:#fff; margin-top:50px;} .ipart02 .container .infor .more .icon{display:inline-block; font-size:0; vertical-align:middle;} .ipart02 .container .infor .more i{display:inline-block; font-size:30px; width:30px; height:30px; border-radius:30px; border:1px solid #fff; line-height:34px; text-indent:.5em;} .ipart02 .container .infor .more a{display:inline-block; vertical-align:middle;margin-left:1em;} .ipart02 .container .content{position:relative; height:100%; z-index:1;} .ipart02 .container .content::before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, .7); z-index:1;} .ipart02 .container .list{position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; transform:rotate(-10deg) scale(1.3);} .ipart02 .container .list .row{height:31.83%; margin-top:1.5%;} .ipart02 .container .list .row ul{height:100%;} .ipart02 .container .list .row .item{float:left; position:relative; width:23.5%; height:100%; margin-right:1.5%; border-radius:30px; background:#000; overflow:hidden;} .ipart02 .container .list .row .item img{max-width:none; width:100%; height:100%; object-fit:cover;} @media screen and (max-width:1200px) { .ipart02{height: 85vh} .ipart02 .container .infor .tit{font-size: 30px} .ipart02 .container .infor .con{font-size: 15px} .ipart02 .container .infor .item_list{width: 100%;flex-wrap: wrap;} .ipart02 .container .infor .item_list .item{width: 48%; overflow: auto} .ipart02 .container .infor .item_list .item .icon img{width: 25%} .ipart02 .container .infor .item_list .item .c{font-size: 14px; line-height: 26px} } .ipart03{width: 100%; margin: 4% auto; overflow: hidden} .biaoti h2{text-align: center; font-size: 38px; font-weight: bold} .biaoti h3{font-size:16px; line-height:28px; text-align:center; color:#666; } .ipart03 .sty2 {margin-top: 66px;position: relative} .ipart03 .sty2 .swiper-container {width: 100%;} .ipart03 .sty2 .swiper-slide {width: 665px;display: block;margin-right: 20px;position: relative;overflow: hidden;transition: all linear 0.4s} .ipart03 .sty2 .swiper-slide img {width: 100%;display: block} .ipart03 .sty2 .swiper-slide .wenan {position: absolute;left: 0;right: 0;bottom: -102px;padding: 30px 0;background-image: linear-gradient(transparent, #000);transition: all linear 0.4s} .ipart03 .sty2 .swiper-slide .wenan strong {display: block;font-size: 26px;font-weight: 800;line-height: 1.4;text-align: center;color: #FFFFFF} .ipart03 .sty2 .swiper-slide:hover .wenan {bottom: 0} .ipart03 .sty2 .swiper-button {width: 42px;height: 42px;position: absolute;top: 50%;margin-top: -21px;z-index: 2;background: rgba(0,0,0,0.1);border-radius: 50%;text-align: center;line-height: 42px; cursor: pointer;transition: all linear 0.3s} .ipart03 .sty2 .swiper-button:hover {background: rgba(0,0,0,0.5)} .ipart03 .sty2 .swiper-button-prev {left: 0} .ipart03 .sty2 .swiper-button-next {right: 0} .ipart03 .wrap{} .ipart03 .same_sty dl{height:100%;position:relative} .ipart03 .same_sty dl dd{height:100%} .ipart03 .same_sty dl dd a{height:100%} .ipart03 .same_sty dl dd img{width:100%;display:block} .ipart03 .same_sty .wenan{position:absolute;top:40%;z-index:2;color:#ffffff} .ipart03 .same_sty .wenan .title{font-size:28px;line-height:1;text-shadow:0 2px 2px rgba(0,0,0,0.3)} .ipart03 .same_sty .wenan .title a{display:block;color:#ffffff} .ipart03 .same_sty .wenan .title span{display:block;margin-top:15px;font-size:44px;} .ipart03 .same_sty .wenan .btnbox{margin-top:33px;font-size:0;text-align:center} .ipart03 .same_sty .wenan .btnbox .btn{display:inline-block;padding:10px 15px;font-size:16px;color:#ffffff;text-align:center;cursor:pointer;transition:all linear 0.4s} .ipart03 .same_sty .wenan .btnbox .btn1{background:rgba(255,255,255,0.2);border:2px solid #ffffff} .ipart03 .same_sty .wenan .btnbox .btn1:hover{background:#ef352d;border:2px solid #ef352d} .ipart03 .same_sty .wenan .btnbox .btn2{margin-left:30px;background:#ef352d;border:2px solid #ef352d} .ipart03 .same_sty .wenan .btnbox .btn2:hover{background:rgba(255,255,255,0.2);border:2px solid #ffffff} .ipart03 .sty1{position:relative;z-index:1} .ipart03 .sty1 .cp{position:relative} .ipart03 .sty1 .cp #ydp_img{position:relative;z-index:1} .ipart03 .sty1 .cp #ydp_video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover} .ipart03 .sty1 .wenan{left:0;right:0;margin:0 auto;text-align:center} .ipart03 .sty2{overflow:hidden} .ipart03 .sty2 .wenan{right:10.28571%;text-align:right} .ipart03 .sty2 .wenan .btnbox{text-align:right} .ipart03 .sty2 dl{width:49.71591%;margin-top:0.52%} .ipart03 .sty2 dl dd{position:relative;overflow:hidden} .ipart03 .sty2 dl dd .video{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;opacity:0;visibility:hidden;transition:all linear 0.4s} .ipart03 .sty2 dl dd .video.video_show{opacity:1;visibility:visible} .ipart03 .sty2_top:after,.ipart03 .sty2_bottom:after{content:'';display:block;clear:both} @media screen and (max-width:1200px) { .ipart03 {} .ipart03 .biaoti h2 {font-size: 30px;padding-top:20px} .biaoti h3{ line-height:20px;} .ipart03 .biaoti {width: 90%; margin: 0 auto} .ipart03 .same_sty .wenan .title span {font-size: 22px} .ipart03 .sty2{margin-top: 24px;} .ipart03 .sty2 .swiper-slide{width: 100%} } .ipart04{position:relative; overflow:hidden;} .index_4_1{width: 85%; margin:3% auto 0 auto;} .index_4_1 ul li{ float:left; width:32.48366013071895%; margin-right:1.27450980392157%;background: #fff;font-size: 16px; } .index_4_1 ul li:nth-child(3n){margin-right:0} .index_4_1_mid_1{overflow:hidden; position:relative;} .index_4_1_mid_1 img{width:100%;} .index_4_1_mid_2{background: #f2f2f2; padding: 20px 15px; } .index_4_1_mid_2_1{color:#90c439;font-family:Calibri;} .index_4_1_mid_2_2{font-size:1.5em; color:#000; margin-top:.75em; margin-bottom:.75em;} .index_4_1_mid_2_3{color:#666;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;word-wrap:break-word;word-break:break-all; line-height:1.9;} .index_4_2{text-align:center; margin:4.375em 0;} .index_4_1_mid{overflow:hidden; position:relative;padding-bottom: 20px;} .index_4_1_mid:after{ height:1.70807453416149%; left:50%; background-position:center top; background-repeat:no-repeat; background-size:cover;content:''; position:absolute; bottom:-1.70807453416149%; width:84.50704225352113%;transform:translateX(-50%); background-image: linear-gradient(to right, #90c439, #90c439);border-radius:20px 20px 0 0; } .index_4_1 ul li:hover .index_4_1_mid:after{bottom:0;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; } .a-image-hover{align-items:center;color:#fff;display:flex;font-size:14px; font-family:Arial, Helvetica, sans-serif;height:100%;justify-content:center;left:0;letter-spacing:0;line-height:1;position:absolute;top:0;width:100%;z-index:2} .a-image-hover span{display:inline-block;opacity:0;transform:translate3d(-30px,0,0);transition:all .5s cubic-bezier(.14,1,.34,1) 0s} .a-image-hover span:first-child{transition-delay:.03s} .a-image-hover span:nth-child(2){transition-delay:.06s} .a-image-hover span:nth-child(3){transition-delay:.09s} .a-image-hover span:nth-child(4){transition-delay:.12s} .index_4_1 ul li:hover .a-image-hover span{opacity:1;transform:translateZ(0)} .index_4_1 ul li:hover .a-image-hover span:first-child{transition-delay:.12s} .index_4_1 ul li:hover .a-image-hover span:nth-child(2){transition-delay:.06s} .index_4_1 ul li:hover .a-image-hover span:nth-child(3){transition-delay:.04s} .index_4_1 ul li:hover .a-image-hover span:nth-child(4){transition-delay:.03s} .index_4_1_mid_1:after{background-color:rgba(0,0,0,.3);content:"";height:100%;left:0; z-index:1;opacity:0;position:absolute;top:0;transition:all .5s cubic-bezier(.4,.8,.74,1) 0s;width:100%} .index_4_1 ul li:hover .index_4_1_mid_1:after{opacity:1;} .index_4{overflow:hidden; background: #f7f9fb; padding-top: 4%;} @media screen and (max-width:1200px) { .ipart04{height: auto} .ipart04 .biaoti h2 {font-size: 30px;padding-top: 20px} .ipart04 .biaoti {width: 90%;margin: 0 auto} .index_4_1{width: 95%} .index_4_1 ul li{width: 100%} .index_4_1_mid_2_2{font-size: 20px; line-height: 26px} } /* 企业优势 */ .channel_content.company{padding:0;} .company01{background:url(../img/company_bg.jpg) no-repeat; background-size:cover; background-position:center bottom; padding:1.2rem 0 1.4rem;} .company01 .left{width:48%; margin-right:3.4%;} .company01 .left .index_box{margin-top:1.1rem;} .company01 .left .index_box .tit01{font-weight:bold; color:#000000; line-height:1; margin-bottom:.25rem; position:relative; z-index:2;} .company01 .left .index_box .tit01::before{content:''; position:absolute; top:50%; left:0; transform:translate(-50%, -50%); width:2.06rem; height:1.31rem; background:url(../img/company_icon01.png) no-repeat center/contain; z-index:-1;} .company01 .left .index_box .tit02{font-weight:bold; color:#fbbb40; line-height:.6rem; margin-bottom:.3rem; position:relative; z-index:2;} .company01 .left .index_box .con{color:#000000; position:relative; z-index:2;} .company01 .right{width:48.6%} .company01 .right .infor_l{width:48.1%; margin-right:.25rem; display:flex; align-items:flex-end; justify-content:flex-start; flex-direction:column;} .company01 .right .infor_r{width:48.1%; display:flex; align-items:flex-start; justify-content:flex-start; flex-direction:column; margin-top:.6rem;} .company01 .right .infor_l .item{margin-bottom:.25rem; border-radius:30px; overflow:hidden;} .company01 .right .infor_l .item:last-child{margin-bottom:0;} .company01 .right .infor_r .item{margin-bottom:.25rem; border-radius:30px; overflow:hidden;} .company01 .right .infor_r .item:last-child{margin-bottom:0;} /* 企业服务 */ .channel_content.service{padding:0;} .service01{height:4.5rem; position:relative;} .service01 .content{position:absolute; top:50%; transform:translateY(-50%); left:0; width:100%;} .service01 .left{width:61.7%; margin-right:6.5%; color:#000000;} .service01 .left .tit{font-size:.4rem; line-height:1; padding-bottom:.2rem; margin-bottom:.23rem; position:relative; font-weight:bold;} .service01 .left .tit::before{content:''; position:absolute; bottom:0; left:0; width:.8rem; height:3px; background-color:#fac109;} .service01 .right{width:31.8%; margin-top:.3rem;} .service02 .content{position:relative;} .service02 .content .bg img{width:100%;} .service02 .content .cover_box{position:absolute; left:0; top:0; width:100%; height:100%; font-size:0;} .service02 .content .cover_box .item{width:33.33%; box-sizing:border-box; height:100%; text-align:center; transition:all .3s ease; display:inline-block; vertical-align:top; position:relative;} .service02 .content .cover_box .item:hover{background:rgba(0, 0, 0, .3); backdrop-filter:blur(4px);} .service02 .content .cover_box .item .index_box{position:absolute; top:50%; left:50%; width:50%; box-sizing:border-box; transform:translate(-50%, -50%); color:#ffffff;} .service02 .content .cover_box .item .index_box .icon{margin-bottom:.4rem;} .service02 .content .cover_box .item .index_box .tit{font-size:.4rem; line-height:1; padding-bottom:.3rem; margin-bottom:.4rem; position:relative;} .service02 .content .cover_box .item .index_box .tit::before{content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:.46rem; height:1px; background-color:#ffffff;} .service03{margin:1rem 0;} .service03 .list .item{overflow:hidden; position:relative; border-radius:20px 0px 0px 20px; width:50%; float:left;} .service03 .list .item .index_box .bg img{width:100%;} .service03 .list .item .index_box{position:absolute; top:50%; transform:translateY(-50%); width:100%; padding:0 .75rem; z-index:2; box-sizing:border-box;} .service03 .list .item .index_box .con{margin-bottom:.32rem; color:#222222;} .service03 .list .item .index_box .infor_box{width:100%; box-sizing:border-box; top:.1rem; position:relative; display:flex; align-items:center;} .service03 .list .item .index_box .infor_box:hover .btn_more i{text-indent:.32rem;} .service03 .list .item .index_box .infor_box .tit{font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; color:#000000; margin-right:.4rem;} .service03 .list .item .index_box .infor_box .btn_more{color:#000000;} .service03 .list .item .index_box .infor_box .btn_more i{border:2px solid #000000;} .service03 .list .item.item02{border-radius:0px 20px 20px 0px;} .service03 .list .item.item02 .index_box .infor_box .btn_more{color:#fac109;} .service03 .list .item.item02 .index_box .infor_box .btn_more i{border:2px solid #fac109;} .service03 .list .item.item02 .index_box .infor_box .tit{color:#fac109;} .service03 .list .item.item02 .index_box .con{color:#fac109;} .service03 .list .item .index_box .infor_box .btn_more a:hover{color:unset;} /* 产品列表 */ /* .pageHeader.xc_pageHeader.pro{box-shadow:unset;} */ /* .pageHeader.xc_pageHeader.pro .header{box-shadow:unset;} */ .xc_banner.pro_list{margin-top:1.6rem; background-color:#f8f8f7;} .xc_banner.pro_list{padding-bottom:1rem;} .xc_banner.pro_list .pro_img{position:absolute; bottom:0; right:14.2%; max-width:49%; max-height:100%;} .xc_banner.pro_list .xc_nav{position:fixed; width:100%; left:0; top:.9rem; z-index:97; border-top:1px solid rgba(0, 0, 0, .1); background-color:#fff;} .xc_banner.pro_list .xc_nav{line-height:.7rem;} .xc_banner.pro_list .xc_nav ul{overflow-x:auto; white-space:nowrap;} .xc_banner.pro_list .xc_nav ul::-webkit-scrollbar{width:4px; height:2px;} .xc_banner.pro_list .xc_nav ul::-webkit-scrollbar-thumb{border-radius:10px; background:#fac109;} .xc_banner.pro_list .xc_nav ul::-webkit-scrollbar-track{border-radius:10px; background:#edeef0;} .xc_banner.pro_list .xc_nav li.cur a{font-weight:normal; color:#fac109;} .xc_banner.pro_list .xc_nav li:hover a{font-weight:normal; color:#fac109;} .channel_content.pro_list{padding:0; background-color:#f8f8f7;} .pro_list01{padding-bottom:.5rem;} .pro_list01 .new_top{margin-bottom:.8rem; border-bottom:1px solid rgba(0, 0, 0, .1); padding-top:.3rem;} .pro_list01 .new_top .top_box{position:relative; margin-bottom:.15rem;} .pro_list01 .new_top .top_box .t{display:none;} .pro_list01 .new_top .top_box .swiper-button-next, .pro_list01 .new_top .top_box .swiper-button-prev{position:static; background:none; margin-top:0; width:auto; height:auto; display:inline-block; outline:none;} .pro_list01 .new_top .top_box .swiper-button-prev{margin-right:.7rem;} .pro_list01 .new_top .top_box .iconfont{font-size:.16rem; line-height:.24rem; font-weight:bold;} .pro_list01 .new_top .top_box .w{display:inline-block; vertical-align:middle; font-size:.16rem; line-height:.3rem;} .pro_list01 .new_top .content{overflow:hidden;} .pro_list01 .new_top .swiper-container{overflow:visible;} .pro_list01 .new_top .swiper-container .swiper-slide{text-align:center; width:auto!important; margin:0 .14rem;} .pro_list01 .new_top .slide_box{padding:0 .38rem; padding-bottom:.2rem; position:relative;} .pro_list01 .new_top .swiper-container .swiper-slide:first-child{margin-left:0;} .pro_list01 .new_top .slide_box::after{content:''; position:absolute; bottom:-1px; height:3px; left:50%; width:0; background:#fec00f; transition:all .4s ease; z-index:2;} .pro_list01 .new_top .slide_box .img{position:relative; margin-bottom:.27rem;} .pro_list01 .new_top .slide_box .img img{height:.96rem; display:block; margin:0 auto;} .pro_list01 .new_top .slide_box .img .img02{display:none;} .pro_list01 .new_top .slide_box .t{font-size:.18rem; line-height:.3rem; margin-top:.1rem; font-weight:bold;} .pro_list01 .new_top .swiper-slide:hover .slide_box::after{left:0; width:100%;} .pro_list01 .new_top .swiper-slide:hover .slide_box .t{color:#fec00f;} .pro_list01 .new_top .swiper-slide:hover .slide_box .img .img01{display:none;} .pro_list01 .new_top .swiper-slide:hover .slide_box .img .img02{display:block;} .pro_list01 .new_top .swiper-slide.cur .slide_box::after{left:0; width:100%;} .pro_list01 .new_top .swiper-slide.cur .slide_box .t{color:#fec00f;} .pro_list01 .new_top .swiper-slide.cur .slide_box .img .img02{display:block;} .pro_list01 .new_top .swiper-slide.cur .slide_box .img .img01{display:none;} .pro_list01 .new_top .top_box{display:block;} .pro_list01 .new_top .top_box.noshow{display:none;} .pro_list01 .new_top .top_box{margin-bottom:0;} .pro_list01 .new_top .top_box .btns{position:absolute; top:-.4rem;} .pro_list01 .new_top .content{overflow:visible;} .pro_list01 .new_top .swiper-container{overflow:hidden;} /* .pro_list01 .new_top .top_box{display:none!important;} .pro_list01 .new_top .top_box .swiper-button-disabled{display:none;} */ .pro_list01 .new_top .swiper-container.noLeft .swiper-wrapper{justify-content:flex-start;} .pro_list03 .left_btns{display:none;} .pro_list01 .left{width:16%; float:left; font-size:0; margin-right:5.3%;} .pro_list01 .left .close{display:none;} .pro_list01 .left .title{font-size:.3rem; line-height:1; margin-bottom:.2rem; color:#393939; font-weight:bold;} .pro_list01 .left .search{position:relative; margin-bottom:.2rem; border:1px solid #fac109; border-radius:20px;} .pro_list01 .left .search input{width:90%; font-size:.14rem; text-indent:2em; line-height:.28rem; height:.28rem; background:transparent; border:none; padding:0;} .pro_list01 .left .search i{position:absolute; right:.1rem; font-size:.18rem; font-weight:bold; cursor:pointer; color:#fac109; top:0;} /* .pro_list01 .left .l_top{display:none;} */ .pro_list01 .left .l_top .list_a {position:relative; display:inline-block; margin-bottom:.12rem; margin-right:.1rem; cursor:pointer;} .pro_list01 .left .l_top .list_a span{width:auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; padding:0 .35rem 0 .17rem; position:relative; color:#fac109; font-size:.15rem; border:1px solid #e7e7e7; border-radius:50px; background:#fff; height:.32rem; line-height:.32rem;} .pro_list01 .left .l_top .list_a span:after{content:''; width:9px; height:9px; background:url(../img/proList_close.png) no-repeat center; position:absolute; right:.13rem; top:50%; margin-top:-4px; transition:all 0.5s ease;} .pro_list01 .left .l_top .list_a span:hover:after{transform:rotateZ(180deg);} .pro_list01 .left .l_bott{border-top:1px solid #d6d6d5; height:4rem; overflow-y:auto;} .pro_list01 .left .l_bott::-webkit-scrollbar {width:4px; height:4px;} .pro_list01 .left .l_bott::-webkit-scrollbar-thumb {border-radius:5px; background:#bdbbbc;} .pro_list01 .left .l_bott::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;} .pro_list01 .left .l_bott .cell{border-bottom:1px solid #d6d6d5; padding:.22rem 0;} .pro_list01 .left .l_bott .cell .t{font-size:.2rem; line-height:.26rem; color:#000; margin-bottom:10px; font-weight:bold;} .pro_list01 .left .l_bott .cell .c span{display:block; font-size:.15rem; line-height:.26rem; color:#000; color:rgba(0,0,0,.5); position:relative; padding-left:.25rem; margin-bottom:2px; cursor:pointer;} .pro_list01 .left .l_bott .cell .c span:after{content:''; width:.14rem; height:.14rem; background:url(../img/pro_list03_2.png) no-repeat; position:absolute; left:0; top:.06rem; margin-top:0; background-size:cover;} .pro_list01 .left .l_bott .cell .c span.cur{color:#fac109;} .pro_list01 .left .l_bott .cell .c span.cur:after{background-position:-.14rem 0;} .pro_list01 .left .empty{width:100%; height:.48rem; line-height:.48rem; text-transform:uppercase; transition:all 0.5s ease; color:#000000; background:#fac109; text-align:center; margin-top:.2rem; font-size:.17rem; font-weight:bold; cursor:pointer; margin-bottom:.3rem;} .pro_list01 .right{width:78.5%; float:right;} .pro_list01 .right .li_ {margin-bottom:.3rem; width:32.1%; margin-right:1.85%; float:left;} .pro_list01 .right .li_:nth-child(3n){margin-right:0;} .pro_list01 .right .li_ .li_box{background:#fff; transition:.5s ease;} .pro_list01 .right .li_ .li_box .img{position:relative;} .pro_list01 .right .li_ .li_box .img .rect-6758{padding-bottom:67.58%;} .pro_list01 .right .li_ .li_box .img .corner{position:absolute; top:-.07rem; right:-.1rem; display:none; z-index:2;} .pro_list01 .right .li_.pro_new .li_box .img .corner{display:block;} .pro_list01 .right .li_.pro_hot .li_box .img .corner{display:block;} .pro_list01 .right .li_ .intro{transition:.5s ease; margin-top:.15rem;} .pro_list01 .right .li_ .intro .tit{color:#000000; line-height:1; font-weight:bold; font-size:.24rem; margin:0 .3rem; white-space:nowrap; text-overflow:ellipsis; padding-bottom:.14rem; border-bottom:1px solid rgba(0, 0, 0, .1); position:relative;} .pro_list01 .right .li_ .intro .tit .label_img{position:absolute; bottom:.07rem; right:0;} .pro_list01 .right .li_ .intro .con{margin:.15rem 0 0.2rem; text-align:left; padding:0 .3rem;} .pro_list01 .right .li_ .intro .con ul{height:.9rem; overflow:hidden;} .pro_list01 .right .li_ .intro .con ul li{overflow:hidden; font-size:0} .pro_list01 .right .li_ .intro .con ul li>div{display:inline-block; vertical-align:middle; width:50%; font-size:.16rem; line-height:.3rem;} .pro_list01 .right .li_ .intro .con ul li .t1{color:#282828; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .pro_list01 .right .li_ .intro .con ul li .t2{color:#282828;text-align:right; font-weight:bold; width:50%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .pro_list01 .right .li_ .intro .btns{/*opacity:0; visibility:hidden;*/ font-weight:bold; font-size:.16rem; font-weight:bold; line-height:.45rem; height:.45rem; color:#000000; display:block; text-align:center; transition:.5s ease;} .pro_list01 .right .li_ .intro .btns .btns01{width:49.5%; float:left; background:#d3d2d2; color:#000000; height:.45rem; transition:all 0.5s ease;} .pro_list01 .right .li_ .intro .btns .btns01 label{cursor:pointer;} .pro_list01 .right .li_ .intro .btns .btns02{width:49.5%; float:right; background:#fac109; color:#000000; height:.45rem;} .pro_list01 .right .li_:hover .li_box{box-shadow:0 0 15px 0 rgba(0,0,0,0.2);} .pro_list01 .right .li_:hover .li_box .img a img{transform: scale(1.1, 1.1);} .pro_list01 .right .li_ .intro .btns.no_compare .btns01{display:none;} .pro_list01 .right .li_ .intro .btns.no_compare .btns02{width:100%;} .pro_list01 .right .li_ .intro .con .txt{line-height:.22rem; height:.66rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;} .pro_list01 li .pro_compare{display:block; position:relative;} :root .pro_list01 li .pro_compare{cursor:pointer; display:block; } :root .pro_list01 li .pro_compare label span:hover{color:#000;} .pro_list01 li .pro_compare .plp-item-checkbox{display:inline-block; width:16px; height:16px; background:url(../img/pro_list_02_4.png) no-repeat; vertical-align:middle;} .pro_list01 li .pro_compare .plp-item-checkbox.plp-item-chked{background-position:0 -16px;} .pro_list01 li .pro_compare span{display:inline-block;; vertical-align:middle; margin-left:.05rem;} /*产品列表对比按钮的input框*/ .pro_compare .plp-item-constrast-chk {float:left; width:15px; height:15px; margin-top:1px; margin-right:7px; display:none;} /*产品列表不可点击状态下对比按钮input父级label样式*/ .plp-item-constrast-disabled {color:#9d9d9d;} /*产品比较 底部浮层*/ .compare_product{position:fixed; z-index:40; width:100%; height:87px; bottom:-100%; box-sizing:border-box; overflow-x:hidden;} .compare_product .compare-main {margin:0 auto; background:url(../img/black95.png) center; text-align:center;} .compare_product .compare-sel {color:#fff; padding:24px 0 21px 0; display:inline-block; width:100%; font-size:0;} .compare_product .compare-selul {height:40px; overflow:hidden; display:inline-block; margin:0 auto; width:63%;} .compare_product .compare-selli {float:left; font-size:16px; height:38px; width:30%; margin-right:3%; text-align:center;} .compare_product .compare-selli-name {display:inline-block; max-width:245px; height:40px; line-height:20px; overflow:hidden; margin-right:15px; line-height:40px} /*底部单个删除按钮样式*/ .compare_product .compare-selli-delbtn {display:inline-block; vertical-align:top; width:12px; height:12px; line-height:10px; padding:0; border-radius:50%; border:1px solid #fff; color:#fff; margin-top:13px; cursor:pointer; background:#fff url(../img/compare_close.png) no-repeat center;} /*底部的对比按钮和取消按钮的父级*/ .compare_product .compare-selbtn {box-sizing:border-box; -moz-box-sizing:border-box; width:33%; height:42px; overflow:hidden; padding:0px 0 0 34px; border-left:1px solid #6f6f6f; text-align:left; float:right;} /*底部对比按钮*/ .compare_product .compare-selbtn .comparea-selbtn-btn {box-sizing:border-box; -moz-box-sizing:border-box; border:1px solid #f5f3f3; border-radius:4px; background-color:transparent; color:#f5f3f3; cursor:normal; font-size:15px; height:42px; line-height:42px; max-width:278px; text-align:center; float:left; opacity:.65; padding:0 16px;} /*底部取消按钮*/ .compare_product .compare-selbtn .comparea-selbtn-closeall {display:inline-block; box-sizing:border-box; -moz-box-sizing:border-box; border:1px solid #f5f3f3; border-radius:4px; background-color:transparent; color:#f5f3f3; cursor:pointer; font-size:15px; height:42px; line-height:42px; text-align:center; width:140px; padding:0 16px; margin-left:34px; float:left;} .compare_product .compare-selbtn .comparea-selbtn-closeall:hover{background:#f5f3f3;border-color:#f5f3f3;color:#1e1e1e;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out} /*底部对比按钮可点击状态样式及触控*/ .compare_product .compare-selbtn .comparea-selbtn-btn.comparea-selbtn-abled {width:140px; padding:0 16px; cursor:pointer; opacity:1; transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;} .compare_product .compare-selbtn .comparea-selbtn-btn.comparea-selbtn-abled:hover{background-color:#f5f3f3;color:#1e1e1e;border-color:#f5f3f3} /*产品推拉*/ .comparePro_list{position:fixed; left:0; top:100%; width:100%; height:100%; background:#fff; cursor: pointer; z-index:101;} .comparePro_list .top_{position:relative; height:70px; background:url(../img/black95.png) center;} .comparePro_list .top_ .infor{text-align:center; line-height:70px;} .comparePro_list .top_ .tit{display:inline-block; font-size:15px; color:#fff; height:32px; line-height:32px; margin-right:38px; vertical-align:middle;} .comparePro_list .top_ .icon{display:inline-block; width:68px; height:32px; background:url(/resources/web/img/compare_xiala.png) no-repeat center; vertical-align:middle; cursor:pointer;} .comparePro_list .bott_{margin-top:70px; height:80%;} .comparePro_list .bott_ .rect-695{padding-bottom:69.5%;} .comparePro_list .bott_ li{float:left;} .comparePro_list .bott_ li .intro{text-align:center;} .comparePro_list .bott_ li .intro .t{font-size:26px; color:#666; margin:40px 0;} .comparePro_list .bott_ li .intro .c .get_price{display:inline-block; padding:0 0; width:100%; height:40px; line-height:40px; font-size:14px; color:#666; text-align:center; border:1px solid #666; text-align:center;} .comparePro_list .bott_ li .intro .c .get_price:hover{color:#000000; background:#fac109; border-color:#fac109;} .comparePro_list .bott_ .table_information{margin-top:50px; margin-bottom:100px; font-size:14px;} .comparePro_list .bott_ .table_information .list{float:left;} .comparePro_list .bott_ .table_information .d_body {border-top:1px solid #dfdfdf; width:100%; border-collapse:collapse;} .comparePro_list .bott_ .table_information .parameter {background:#fff; text-align:center; border:1px solid #dfdfdf; border-top:0; text-indent:16px; height:34px; line-height:34px; color:#686868; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .comparePro_list .bott_ .table_information .d_title {font-weight:bold; height:34px; line-height:34px; background:#ededed;} .comparePro_list .bott_ .table_information .three_pro1 .d_item {background:#f7f7f7;} .comparePro_list .bott_ .two_pro .table_information .list{width:33.3%;} .comparePro_list .bott_ .three_pro .table_information .list{width:25%;} /*两个产品比较*/ .comparePro_list .bott_ .content.two_pro .img_box li{width:48%; margin-left:4%;} .comparePro_list .bott_ .content.two_pro .img_box li:first-child{margin-left:0;} /*三个产品比较*/ .comparePro_list .bott_ .content.three_pro .img_box li{width:31%; margin-left:2%;} .comparePro_list .bott_ .content.three_pro .img_box li:first-child{margin-left:0;} /*选择按钮吸顶*/ .comparePro_list.active .top_{position:absolute; width:100%; left:0; top:0; right:0;} .comparePro_list.active .bott_{padding-top:50px; overflow-y:auto;} /*去掉滚动条*/ .hidescrollbar{overflow:hidden; -ms-overflow-x:hidden; -ms-overflow-y:hidden; } .comparePro_list.active .bott_{overflow-y:auto!important; -ms-overflow-y:auto!important;} /* 属具 */ .attas_list .pro_list01 .left .l_top, .attas_list .pro_list01 .left .l_bott, .attas_list .pro_list01 .left .empty{display:none;} .attas_list .pro_list01 .right .li_ .intro .btns .btns01{display:none;} .attas_list .pro_list01 .right .li_ .intro .btns .btns02{width:85%; float:unset; margin:0 auto; display:block;} .attas_list .pro_list01 .right .li_ .intro .btns{padding-bottom:.12rem;} /* 产品详细 */ .pageHeader{box-shadow:0 0 10px 0 rgba(0,0,0,0.2);} .channel_content.pro_detail{padding:0;} /* 公司简介 start */ .common_infor .tit{font-size:35px; line-height:35px; color:#000; } .common_infor .line{width:52px; height:5px; background:#fac109; margin:25px 0 43px;} .common_infor .con{font-size:18px; line-height:36px; color:#000;text-indent:2em;} .about_us.channel_content{padding-bottom:0;} .about_us01 .rect-768{padding-bottom:76.8%;} .about_us01 .img_{width:49%; float:right; margin-left:6%; margin-bottom:30px; position:relative;} .about_us01 .img_:after{content:''; width:100%; height:100%; background:url(../img/about_us01_bg.png) no-repeat right bottom; position:absolute; right:0; top:0; pointer-events:none; z-index:2; background-size:cover;} .about_us01 .owl-carousel .owl-dots{position:absolute; z-index:10; bottom:27px; left:0%; width:100%; text-align:center;} .about_us01 .owl-carousel .owl-dot{width:12px; height:12px; background:#fff; margin:0 5px;border-radius:50%; display:inline-block;} .about_us01 .owl-carousel .owl-dot.active{background:#fac109;} .about_us01 .item{display:none;} .about_us01 .owl-item .item{display:block;} .about_us02{padding:.8rem 0;} .about_us02 li{float:left; width:25%;} .about_us02 li .tit{font-size:.16rem; line-height:.3rem; color:#fac109;} .about_us02 li .num{font-size:.42rem; color:#000; font-weight:bold;} .about_us02 li .num span{font-size:.6rem; line-height:.6rem; color:#fac109; font-family:'BEBAS'; font-weight:normal;} .about_us02 li .text{font-size:.16rem; line-height:.3rem; color:#6f6f6f;} .about_us03{overflow:hidden; position:relative; background:url(../images/about_us03_1.jpg) no-repeat center; background-size:cover; background-attachment:fixed; height:441px;} .about_us03 .play_overlay{padding:.9rem 0; } .about_us03 .play_overlay .play_btn{position:absolute; display:block; top:50%; left:50%; transform:translate(-50%, -50%); } .about_us03 .play_overlay .play_btn .icon{width:102px; height:102px; position:relative; background:url(../images/play_button.png) center/contain no-repeat; margin:0 auto 70px;} .about_us03 .play_overlay .play_btn .icon::before{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:24px; height:24px; border-radius:50%; content:''; z-index:-1;} .about_us03 .play_overlay .play_btn .icon::after{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:24px; height:24px; border-radius:50%; content:''; z-index:-1; } .about_us03 .play_overlay .play_btn .icon::before{animation:scale 2s ease-out infinite; background:#fff; opacity:0.5; animation-delay:0;} .about_us03 .play_overlay .play_btn .icon::after{animation:scale2 2s ease-out infinite; background:#fff; opacity:0.3; animation-delay:0;} @keyframes scale{0%{transform:translate(-50%, -50%) scale(1); opacity:.9} 100%{transform:translate(-50%, -50%) scale(7); opacity:0;}} @keyframes scale2{0%{transform:translate(-50%, -50%) scale(1); opacity:.9;} 100%{transform:translate(-50%, -50%) scale(10);opacity:0;}} .about_us03 .play_overlay .play_btn .text{font-size:42px; line-height:50px; color:#fff; font-weight:bold;} /* 公司介绍 end */ /* 联系我们 */ .channel_content.contact_us{padding:0;} .contact_us01 .bg{position:relative;} .contact_us01 .bg img{width:100%;} .contact_us01 .tit_box{position:absolute; bottom:0; left:0; width:100%; z-index:2;} .contact_us01 .tit_box .index_box{background-color:rgba(255, 255, 255, .85); padding:.6rem 9%;} .contact_us01 .tit_box .index_box .tit{margin-bottom:.12rem; font-weight:bold; color:#fac109;} .contact_us01 .tit_box .index_box .con{color:#555555;} .contact_us01 .list{padding:.4rem 0 .8rem;} .contact_us01 .list .ul_{display:flex; justify-content:center; align-items:center;} .contact_us01 .list .item{width:33.33%; position:relative; padding:.2rem 4.5%; text-align:center;} .contact_us01 .list .item::after{content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); height:1.6rem; width:1px; background-color:#222222; opacity:.1;} .contact_us01 .list .item:last-child::after{display:none;} .contact_us01 .list .item .icon{width:.6rem; height:.6rem; background-color:#fac109; border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto; margin-bottom:.27rem;} .contact_us01 .list .item .tit{margin-bottom:.08rem; color:#000000;} .contact_us01 .list .item .con{color:#555555;} .contact_us01 .list .item:nth-child(3) .con a{cursor:unset;} .contact_us02 .tit_box{text-align:center;margin-bottom:.45rem;} .contact_us02{padding:1rem 0; background-color:#f8f8f7;} .contact_us02 .tit_box .tit{margin-bottom:.3rem; font-weight:bold; color:#000000;} .contact_us02 .tit_box .con{color:#535353;} .contact_us02 .content{overflow:hidden;} .contact_us02 .content .inp{float:left; width:31.1%; margin-right:3.35%; margin-bottom:.2rem; position:relative;} .contact_us02 .content .inp:nth-child(3n){margin-right:0;} .contact_us02 .content .inp:nth-child(7){width:100%; } .contact_us02 .content .inp label{font-size:.18rem; color:#535353; line-height:.48rem; height:.48rem; display:block;} .contact_us02 .content .inp .stars{color:#d70800;} .contact_us02 .content .inp .inp_box{overflow:hidden; background:#ffffff; width:100%; float:left;} .contact_us02 .content .inp input{width:80%; float:left; border:none; background:transparent; line-height:.5rem; height:.5rem; text-indent:.2rem; padding:0;} .contact_us02 .content .inp select{width:100%; float:left; border:none; background:transparent; line-height:.5rem; height:.5rem;} .contact_us02 .content .inp .select-ui-choose-default{display:block; border:1px solid #eee; background:transparent; line-height:.5rem; height:.5rem;} .contact_us02 .content .inp .select-ui-choose-default ._arrow{width:2em;} body .select-ui-options-default li:hover{background:#fac109;} .contact_us02 .content .inp_text{width:100%; margin-right:0;} .contact_us02 .content .inp_text .text_box{overflow:hidden; background:#ffffff; width:calc(100% - 2px); font-size:0;} .contact_us02 .content .txtarea{background:transparent; border:none; height:2rem; font-size:.18rem; color:#000000; padding:.2rem .3rem; width:100%; box-sizing:border-box; display:inline-block;} .contact_us02 .content .txtarea::-webkit-resizer{display:none;} .contact_us02 .content .inp.yzm_box{margin-bottom:0; width:4.2rem;} .contact_us02 .content .inp.yzm_box .inp_box{width:1.8rem; margin-right:.2rem;} .contact_us02 .content .inp.yzm_box img{height:.5rem; width:auto; cursor:pointer;} .contact_us02 .content .btn_box{ margin:.48rem auto 0 auto; width:32.5%;} .contact_us02 .content .btn_box button{cursor:pointer; background:#d4d4d4; color:#000; width:auto; height:.5rem; line-height:.5rem; display:block;text-align:center;font-size:.16rem; font-weight:bold; float:left; border:none; outline:none; width:36%; margin-right:4%; padding:0; transition:all .5s ease; font-family:Arial, Helvetica, sans-serif;} .contact_us02 .content .btn_box .btn2{margin-right:0;} .contact_us02 .content .btn_box button.cur{background-color:#90c439;} .contact_us02 .content .inp .select-ui-choose-default{border:none;} /* 产品详情 */ .header.gout{top:-100%;} .channel_content.pro_detail{padding:0;} .pro_detail01{padding:.9rem 0 .8rem;background:url(../images/sepro.jpg) right center no-repeat;} .pro_detail01 .crumbs{padding:.42rem 0 .55rem; color: #fff} .pro_detail01 .content{display:flex; justify-content:space-between; align-items:center;} .pro_detail01 .content .left{width:33.9%; margin-right:1.5%;} .pro_detail01 .content .right{width:50%; } .pro_detail01 .content .right .img_left{width:79.4%; position:relative; /*margin-right:calc(20.6% - 1.4rem);*/} .pro_detail01 .content .right .img_left .r_Top720{position:absolute; top:.35rem; right:.35rem; z-index:5; cursor:pointer;} .pro_detail01 .content .right .img_right{width:1.4rem; margin-top:.3rem;} .pro_detail01 .content .right .rect-6758{padding-bottom:67.58%;} .pro_detail01 .content .left .index_box{margin-bottom:.5rem;} .pro_detail01 .content .left .index_box .tit01{color:#90c439; margin-bottom:.23rem;} .pro_detail01 .content .left .index_box .tit02{font-size:.3rem; line-height:1; font-weight:bold; color:#fff; margin-bottom:.4rem;} .pro_detail01 .content .left .index_box .con{color:#000000;} .pro_detail01 .content .left .infor_list{color:#fff; margin-bottom:.5rem;} .pro_detail01 .content .left .infor_list .li_{margin-bottom:.08rem;} .pro_detail01 .content .left .infor_list .li_ .li_l{margin-right:.2rem;} .pro_detail01 .content .left .infor_list .li_ .li_r{color:#90c439; font-weight:bold;} .pro_detail01 .content .left .button_box .btn_a{margin-right:.15rem; width:1.8rem; float:left; height:.43rem; border:1px solid #000000; background-color:transparent; text-align:center; display:flex; align-items:center; justify-content:center; margin-bottom:.15rem;} .pro_detail01 .content .left .button_box .btn_a .btn_a_span{display:inline-block; vertical-align:middle; line-height:.16rem; margin-right:.1rem; color:#000000; font-size:.16rem;} .pro_detail01 .content .left .button_box .btn_a label{cursor:pointer;} .pro_detail01 .content .left .button_box .btn_a .btn_a_span:last-child{margin-right:0;} .pro_detail01 .content .left .button_box .btn_a:hover{background-color:#90c439; border:1px solid #90c439;} .pro_detail01 .content .right .img_right .swiper-container{max-height:4.1rem;} .pro_detail01 .content .right .img_right .swiper_btn{position:relative; width:100%; height:.25rem; background:url(../img/pro_detail01_t_prev.png)#d4d4d4 no-repeat center; box-sizing:border-box; right:unset; left:unset; top:unset; margin:0; border:none;} .pro_detail01 .content .right .img_right .swiper_btn:hover{background-color:#90c439;} .pro_detail01 .content .right .img_right .swiper-button-next{transform:rotate(-180deg);} .pro_detail01 .content .right .img_right .swiper-slide{border:solid 1px #cccccc; width:calc(100% - 2px); height:calc(0.955rem - 2px); cursor:pointer;} .pro_detail02 .hd{position:relative; transition:all .4s ease; height:70px; overflow:unset;} .pro_detail02 .hd .tit{height:70px; line-height:70px; width:1.7rem; text-align:left; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1; -webkit-box-orient:vertical;} .pro_detail02 .hd .list .add_box{display:flex; justify-content:space-between; text-align:center;} .pro_detail02 .hd .list ul{white-space:nowrap; overflow-x:auto; display:flex;} .pro_detail02 .hd .list ul::-webkit-scrollbar{width:2px; height:2px;} .pro_detail02 .hd .list ul::-webkit-scrollbar-thumb{border-radius:10px; background:#edeef0;} .pro_detail02 .hd .list ul::-webkit-scrollbar-track{border-radius:10px; background:transparent;} .pro_detail02 .hd .list .li_{position:relative; float:left; padding:0 .2rem; margin:0 .2rem; height:70px; line-height:70px; cursor:pointer; font-size:.18rem;} .pro_detail02 .hd .list .li_::after{content:''; position:absolute; bottom:0; height:3px; left:0; width:0; background-color:#2c2c2c; transition:all .3s ease;} .pro_detail02 .hd .list .li_.active::after{width:100%;} .pro_detail02 .hd .list{padding-top:.08rem; transition:padding-top .4s ease; color:#000000; font-weight:bold; height:70px; line-height:70px; background-color:#fac109;} .pro_detail02 .hd .list.fixed{top:0; left:0; width:100%; position:fixed; box-shadow:0px 2px 8px 2px rgb(0 0 0 / 6%); z-index:98; padding-top:0;} .pro_detail02 .section .tit_usual{font-size:.4rem; line-height:1; font-weight:bold; color:#000000;} .pro_detail02 .section .swiper-pagination{font-size:0; bottom:.3rem;} .pro_detail02 .section .swiper-pagination .swiper-pagination-bullet{width:.14rem; height:.14rem; background-color:#f3f3f3; opacity:1; margin:0; margin-right:.2rem;} .pro_detail02 .section .swiper-pagination .swiper-pagination-bullet:last-child{margin:0;} .pro_detail02 .section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#fac109;} .pro_detail02 .section01{padding:.8rem 0 0;} .pro_detail02 .section01 .calendar .content{position:relative; display:flex; align-items:flex-start; justify-content:flex-start;} .pro_detail02 .section01 .calendar .content .left{width:48.2%; margin-right:5.2%;} .pro_detail02 .section01 .calendar .content .left .rect-7025{padding-bottom:70.25%;} .pro_detail02 .section01 .calendar .content .right{width:100%; margin-top:.35rem;} .pro_detail02 .section01 .calendar .content .right .tit_usual{margin-bottom:.5rem;} .pro_detail02 .section01 .calendar .content .right .item .index_box{margin-bottom:.2rem;} .pro_detail02 .section01 .calendar .content .right .item:last-child .index_box{margin-bottom:0;} .pro_detail02 .section01 .calendar .content .right .item .index_box .tit{padding-left:.22rem; color:#000000; font-weight:bold; margin-bottom:.05rem; position:relative; cursor:pointer;} .pro_detail02 .section01 .calendar .content .right .item .index_box .tit::before{content:''; position:absolute; top:50%; transform:translateY(-50%); width:.08rem; height:.08rem; background-color:#fac109; left:0; border-radius:50%;} .pro_detail02 .section01 .calendar .content .right .item .index_box .con{margin-left:.22rem; color:#000000; overflow:hidden; display:none;} /* .pro_detail02 .section01 .calendar .content .right .item.cur .index_box .con{height:auto;} */ /* .pro_detail02 .section01 .calendar .content .right .item.cur .index_box .con::-webkit-scrollbar{width:4px; height:2px;} .pro_detail02 .section01 .calendar .content .right .item.cur .index_box .con::-webkit-scrollbar-thumb{border-radius:10px; background:#fac109;} .pro_detail02 .section01 .calendar .content .right .item.cur .index_box .con::-webkit-scrollbar-track{border-radius:10px; background:transparent;} */ .pro_detail02 .add_later{padding-top:.8rem;} .pro_detail02 .add_later .content{position:relative; display:flex; align-items:stretch; justify-content:space-between;} .pro_detail02 .add_later .content .left{width:48.1%; position:relative; background-color:#f3f3f3;} .pro_detail02 .add_later .content .right{width:51.9%;} .pro_detail02 .add_later .content .left .tit_usual{margin-bottom:.3rem;} .pro_detail02 .add_later .content .left .con{color:#000000; max-height:1.5rem; overflow-y:auto; padding-right:5px;} .pro_detail02 .add_later .content .left .con::-webkit-scrollbar{width:4px; height:2px;} .pro_detail02 .add_later .content .left .con::-webkit-scrollbar-thumb{border-radius:10px; background:#fac109;} .pro_detail02 .add_later .content .left .con::-webkit-scrollbar-track{border-radius:10px; background:transparent;} .pro_detail02 .add_later .content .left .add_box{position:absolute; top:27%; left:.7rem; width:73%;} .pro_detail02 .add_later .content .left .btn_box{position:absolute; bottom:.7rem; left:.7rem;} .pro_detail02 .add_later .content .left .swiper_btn{position:relative; float:left; width:auto; height:auto; background:transparent; color:#000000; width:.5rem; height:.5rem; border:1px solid #000000; transition:all .3s ease; box-sizing:border-box; border-radius:unset; right:unset; left:unset; top:unset; margin:0; margin-right:.15rem;} .pro_detail02 .add_later .content .left .swiper_btn i{font-size:.4rem; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0;} .pro_detail02 .add_later .content .left .swiper_btn:hover{background-color:#fac109; border:1px solid #fac109;} .pro_detail02 .add_later .content .right .rect-6533{padding-bottom:65.33%;} .pro_detail02 .section03{padding:.8rem 0;} .pro_detail02 .section03 .tit_box{margin-bottom:.5rem;} .pro_detail02 .section03 .tit_box .tit_usual{float:left;} .pro_detail02 .section03 .tit_box a{float:right; padding:0 .2rem; position:relative;} .pro_detail02 .section03 .tit_box a::before{content:''; position:absolute; width:0; top:-1px; left:-1px; height:0; background-color:#fac109; transition:all .3s ease; z-index:-1;} .pro_detail02 .section03 .tit_box a::after{content:''; position:absolute; top:-1px; left:-1px; width:100%; height:100%; background-color:transparent; border:solid 1px #000000; display:block; z-index:-2;} .pro_detail02 .section03 .tit_box a:hover::before{width:calc(100% + 2px); height:calc(100% + 2px);} .pro_detail02 .section03 .tit_box a span{display:inline-block; vertical-align:middle; font-size:.16rem; color:#000000; line-height:.44rem;} .pro_detail02 .section03 .tit_box a span img{vertical-align:middle;} .pro_detail02 .section03 .tit_box a span:first-child{margin-right:.1rem;} .pro_detail02 .section03 .table_box{text-align:center;} .pro_detail02 .section03 .table_box table{width:100%;} .pro_detail02 .section03 .table_box tr td:nth-child(1){border-right:1px solid #ffffff;} .pro_detail02 .section03 .table_box tr td:nth-child(2){border-right:1px solid #ffffff;} .pro_detail02 .section03 .table_box tr td:nth-child(3){} .pro_detail02 .section03 .table_box tr{background-color:#f2f2f2; font-size:16px; line-height:.5rem; color:#7a676a;} .pro_detail02 .section03 .table_box tr:nth-child(2n){background-color:#f9f9f9;} .pro_detail02 .section03 .table_box tr.firstRow{background-color:#fac109; font-size:16px; color:#000000; font-weight:bold;} .pro_detail02 .section04{padding:.8rem 0; background-color:#f3f3f3;} .pro_detail02 .section04 .content .add_box{position:relative;} .pro_detail02 .section04 .content .tit_usual{margin-bottom:.5rem; text-align:center;} .pro_detail02 .section04 .content .rect-6012{padding-bottom:60.12%;} .pro_detail02 .section04 .content .index_box{background-color:#ffffff; padding:.25rem .2rem; transition:all .3s ease;} .pro_detail02 .section04 .content .index_box .con{font-weight:bold; font-size:.2rem; line-height:.3rem; color:#000000; height:0.9rem; max-height:0.9rem; overflow-y:auto;} .pro_detail02 .section04 .content .index_box .con::-webkit-scrollbar{width:2px; height:2px;} .pro_detail02 .section04 .content .index_box .con::-webkit-scrollbar-thumb{border-radius:10px; background:#fac109; transition:all .3s ease;} .pro_detail02 .section04 .content .index_box .con::-webkit-scrollbar-track{border-radius:10px; background:transparent;} .pro_detail02 .section04 .content .swiper-slide:hover .index_box{background-color:#fac109;} .pro_detail02 .section04 .content .swiper-slide:hover .index_box .con::-webkit-scrollbar-thumb{background:#ffffff;} .pro_detail02 .section04 .content .btn_box{position:absolute; top:50%; left:-.7rem; right:-.7rem; transform:translateY(-50%); z-index:10;} .pro_detail02 .section04 .content .swiper_btn{position:relative; float:left; width:auto; height:auto; background:transparent; color:#000000; width:.25rem; height:.5rem; border:none; transition:all .3s ease; box-sizing:border-box; border-radius:unset; right:unset; left:unset; top:unset; margin:0; overflow:hidden;} .pro_detail02 .section04 .content .swiper_btn i{font-size:1.1rem; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0;} .pro_detail02 .section04 .content .swiper-button-next{float:right;} .pro_detail02 .section04 .content .swiper_btn:hover{color:#fac109;} .pro_detail02 .section.section04 .swiper-pagination{position:static; margin-top:.3rem;} .pro_detail02 .section.section04 .swiper-pagination .swiper-pagination-bullet{background-color:#ffffff;} .pro_detail02 .section.section04 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#fac109;} .pro_detail02 .section.section04 .swiper-pagination{display:none;} .pro_detail02 .section05{padding:.8rem 0; background:url(../img/video_bg.jpg) no-repeat center/cover;} .pro_detail02 .section05 .content .rect-5855{padding-bottom:58.55%;} .pro_detail02 .section05 .content .tit_usual{margin-bottom:.5rem; text-align:center;} .pro_detail02 .section05 .content .article{position:relative;} .pro_detail02 .section05 .content .article .img_box{position:relative;} .pro_detail02 .section05 .content .article .img_box::before{content:''; position:absolute; bottom:0; left:0; width:100%; height:100%; background:url(../img/video_bg.png) no-repeat; z-index:2; background-size:100% 100%;} .pro_detail02 .section05 .content .article .tit{position:absolute; bottom:.3rem; left:50%; transform:translateX(-50%); color:#ffffff;} .pro_detail02 .section05 .content .article .play{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:none; z-index:20; cursor:pointer;} .pro_detail02 .section05 .content .article .play.hasVideo{display:block;} .pro_detail02 .section05 .content .btn_box_left{position:absolute; top:50%; left:26.15%; transform:translateY(-50%); z-index:10;} .pro_detail02 .section05 .content .btn_box_right{position:absolute; top:50%; right:26.15%; transform:translateY(-50%); z-index:10;} .pro_detail02 .section05 .content .swiper_btn{position:relative; float:left; width:auto; height:auto; background:rgba(0, 0, 0, 0.5); color:#ffffff; width:.5rem; height:1.3rem; border:none; transition:all .3s ease; box-sizing:border-box; border-radius:unset; right:unset; left:unset; top:unset; margin:0;} .pro_detail02 .section05 .content .swiper_btn i{font-size:.8rem; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0;} .pro_detail02 .section05 .content .swiper_btn:hover{background-color:rgba(250, 193, 9, 0.5);} .pro_detail02 .section06{padding:.8rem 0; background-color:#f3f3f3;} .pro_detail02 .section06 .content .add_box{position:relative;} .pro_detail02 .section06 .content .tit_usual{margin-bottom:.5rem; text-align:center;} .pro_detail02 .section06 .content .rect-743{padding-bottom:74.3%;} .pro_detail02 .section06 .content .index_box{text-align:center; padding-bottom:.5rem;} .pro_detail02 .section06 .content .swiper-slide{background-color:#ffffff;} .pro_detail02 .section06 .content .index_box .tit{font-weight:bold; color:#000000; text-align:center; margin-top:.1rem; margin-bottom:.3rem;} .pro_detail02 .section06 .content .index_box .more_btn{border:solid 1px #000000; display:inline-block; position:relative; color:#000000; font-size:.16rem; line-height:.4rem; height:.4rem; width:66.7%; text-align:center;} .pro_detail02 .section06 .content .index_box .more_btn::after{content:''; position:absolute; left:50%; top:50%; right:50%; bottom:50%; background:#fac109; transition:all .3s ease; z-index:-1;} .pro_detail02 .section06 .content .index_box .more_btn:hover{border-color:#fac109;} .pro_detail02 .section06 .content .index_box .more_btn:hover::after{left:0; top:0; right:0; bottom:0;} .pro_detail02 .section06 .content .btn_box{position:absolute; top:50%; left:-.7rem; right:-.7rem; transform:translateY(-50%); z-index:10;} .pro_detail02 .section06 .content .swiper_btn{position:relative; float:left; width:auto; height:auto; background:transparent; color:#000000; width:.25rem; height:.5rem; border:none; transition:all .3s ease; box-sizing:border-box; border-radius:unset; right:unset; left:unset; top:unset; margin:0; overflow:hidden;} .pro_detail02 .section06 .content .swiper_btn i{font-size:1.1rem; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0;} .pro_detail02 .section06 .content .swiper-button-next{float:right;} .pro_detail02 .section06 .content .swiper_btn:hover{color:#fac109;} .pro_detail02 .section.section06 .swiper-pagination{position:static; margin-top:.3rem;} .pro_detail02 .section.section06 .swiper-pagination .swiper-pagination-bullet{background-color:#ffffff;} .pro_detail02 .section.section06 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#fac109;} .pro_detail02 .section.section06 .swiper-pagination{display:none!important;} .pro_detail02 .section.section06 .swiper-pagination.hide-pagination{display:none!important;} .pro_detail02 .section07{padding:.8rem 0;} .pro_detail02 .section07 .content .left{width:34.4%; margin-right:6.5%;} .pro_detail02 .section07 .content .left .tit_box{color:#000000;} .pro_detail02 .section07 .content .left .tit_box .tit_usual{margin-bottom:.2rem;} .pro_detail02 .section07 .content .right{width:59.1%;} .pro_detail02 .section07 .content .right .inp_box{float:left; width:48.9%; margin-right:2.2%; margin-bottom:.1rem;} .pro_detail02 .section07 .content .right .inp_box:nth-child(2n){margin-right:0;} .pro_detail02 .section07 .content .right .inp_box input{width:100%; float:left; border:solid 1px #bdbbbc; background:transparent; line-height:.5rem; height:.5rem; padding:0 .2rem; color:#000000; font-size:.18rem; box-sizing:border-box;} .pro_detail02 .section07 .content .right .inp_box.inp_text{width:100%; margin-right:0;} .pro_detail02 .section07 .content .right .inp_box.inp_text .txtarea{background:transparent; border:none; height:1.2rem; color:#000000; padding:.15rem .2rem; width:100%; box-sizing:border-box; display:inline-block; line-height:.3rem; border:solid 1px #bdbbbc; font-size:.18rem; float:left; overflow-y:auto;} .pro_detail02 .section07 .content .right .inp_box.inp_text .txtarea::-webkit-resizer{display:none;} .pro_detail02 .section07 .content .right .inp_box.inp_text .txtarea::-webkit-scrollbar{width:2px; height:2px;} .pro_detail02 .section07 .content .right .inp_box.inp_text .txtarea::-webkit-scrollbar-thumb{border-radius:10px; background:#fac109;} .pro_detail02 .section07 .content .right .inp_box.inp_text .txtarea::-webkit-scrollbar-track{border-radius:10px; background:transparent;} .pro_detail02 .section07 .content .right .inp_box.yzm_box{width:100%; margin-right:0; margin-bottom:.3rem;} .pro_detail02 .section07 .content .right .inp_box.yzm_box input{width:3rem; margin-right:.15rem;} .pro_detail02 .section07 .content .right .inp_box.yzm_box img{height:.5rem; width:auto; cursor:pointer;} .pro_detail02 .section07 .content .right .btn_box{float:left; width:100%;} .pro_detail02 .section07 .content .right .agree_btn{float:left; width:59.2%; margin-right:calc(40.8% - 2.4rem);} .pro_detail02 .section07 .content .right .agree_btn span{display:block; font-size:.16rem; line-height:.24rem; color:#000; color:rgba(0,0,0,.5); position:relative; padding-left:.3rem;} .pro_detail02 .section07 .content .right .agree_btn span:after{content:''; width:.14rem; height:.14rem; background:url(../img/pro_list03_2.png) no-repeat; position:absolute; left:0; top:.05rem; margin-top:0; background-size:cover; cursor:pointer;} .pro_detail02 .section07 .content .right .agree_btn span.cur:after{background-position:-.14rem 0;} .pro_detail02 .section07 .content .right .btn1{float:right; cursor:pointer; background:#fac109; color:#000000; height:.52rem; line-height:.52rem; display:block;text-align:center;font-size:.18rem; font-weight:bold; border:none; outline:none; width:2.4rem; margin:0; padding:0; transition:all .5s ease;} .pro_detail02 .section08{position:relative;} .pro_detail02 .section08 .content{position:absolute; top:0; left:0; width:100%; box-sizing:border-box; height:100%;} .pro_detail02 .section08 .content .wrap{height:100%;} .pro_detail02 .section08 .content .add_box{display:flex; align-items:center; height:100%; justify-content:space-between;} .pro_detail02 .section08 .left{width:27%; margin-right:6.8%;} .pro_detail02 .section08 .left .index_box{width:1.7rem;} .pro_detail02 .section08 .left .index_box .tit_usual{padding-bottom:.25rem; line-height:.5rem; position:relative; margin-bottom:.8rem;} .pro_detail02 .section08 .left .index_box .tit_usual::after{content:''; position:absolute; bottom:0; left:0; width:.7rem; height:5px; background-color:#000000;} .pro_detail02 .section08 .left .index_box .btn_box{position:static;} .pro_detail02 .section08 .left .index_box .swiper_btn{position:relative; float:left; width:auto; height:auto; background:transparent; color:#000000; width:.5rem; height:.5rem; border:1px solid #000000; transition:all .3s ease; box-sizing:border-box; border-radius:unset; right:unset; left:unset; top:unset; margin:0; margin-right:.15rem;} .pro_detail02 .section08 .left .index_box .swiper_btn i{font-size:.4rem; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0;} .pro_detail02 .section08 .left .index_box .swiper_btn:hover{background-color:#000000; color:#ffffff;} .pro_detail02 .section08 .right{width:66.2%; margin-left:-20px; margin-right:-20px; overflow:hidden;} .pro_detail02 .section08 .right .swiper-container{width:calc(100% - 40px); margin:0 auto; overflow:visible;} .pro_detail02 .section08 .right .active .img_box{margin-bottom:.1rem;} .pro_detail02 .section08 .right .active .rect-6758{padding-bottom:67.58%; background-color:#f3f3f3;} .pro_detail02 .section08 .right .active .tit{text-align:center; margin-bottom:.25rem; font-weight:bold;} .pro_detail02 .section08 .right .active .btns{font-weight:bold; font-size:.14rem; line-height:.4rem; height:.4rem; color:#fac109; display:block; text-align:center; transition:.5s ease;} .pro_detail02 .section08 .right .active .btns .btns01{width:48%; float:left; background:#fac109; color:#000000; height:.4rem; transition:all 0.5s ease; border:1px solid #fac109; font-weight:normal;} .pro_detail02 .section08 .right .active .btns .btns01 label{cursor:pointer;} .pro_detail02 .section08 .right .active .btns .btns02{width:48%; float:right; background:transparent; color:#000000; height:.4rem; border:1px solid #000000; font-weight:normal;} .pro_detail02 .section08 .right .active .btns.no_compare .btns01{display:none;} .pro_detail02 .section08 .right .active .btns.no_compare .btns02{width:100%;} .pro_detail02 .section08 .right .active .con .txt{line-height:.22rem; height:.66rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;} .pro_detail02 .section08 .right .active .btns .pro_compare{display:block; position:relative;} :root .pro_detail02 .section08 .right .active .btns .pro_compare{cursor:pointer; display:block; } :root .pro_detail02 .section08 .right .active .btns .pro_compare label span:hover{color:#000;} .pro_detail02 .section08 .right .active .btns .pro_compare .plp-item-checkbox{display:inline-block; width:16px; height:16px; background:url(../img/pro_list_02_4.png) no-repeat; vertical-align:middle;} .pro_detail02 .section08 .right .active .btns .pro_compare .plp-item-checkbox.plp-item-chked{background-position:0 -16px;} .pro_detail02 .section08 .right .active .btns .pro_compare span{display:inline-block;; vertical-align:middle; margin-left:.05rem;} .pro_detail02 .section08 .right .active img{mix-blend-mode:multiply;} .pro_detail02 .section08 .right .active img{background-blend-mode:multiply;} /* 属具产品详细 */ .attas_list .pro_detail02 .section08 .right .active .btns .btns02{width:85%; float:unset; margin:0 auto; display:block; transition:all .3s ease;} .attas_list .pro_detail02 .section08 .right .active .btns .btns02:hover{font-weight:bold; background-color:#fac109; border-color:#fac109;} .attas_list .pro_detail02 .section08 .right .active .btns::before, .pro_detail02 .section08 .right .active .btns::after{display:none;} .attas_list .pro_detail02 .section08 .right .active .btns{height:auto;} .attas_list .pro_detail02 .hd{margin-bottom:.08rem;} .attas_list .pro_detail02 .section08{margin-top:.6rem;} /* 新闻列表 start */ .m_newsban{display:none;} .news_ban{background:url(../img/news_ban.jpg) no-repeat center; background-size:cover; padding:.5rem 0 .6rem; margin-top:.9rem;} .news_ban .left{width:62.5%; float:left; position:relative;} .news_ban .left .rect-49{padding-bottom:49%;} .news_ban .left .cover{position:absolute; left:0; width:100%; height:100%; top:0; background:none;} .news_ban .left .cover a{display:block;} .news_ban .left .cover .box{padding:65px 50px;} .news_ban .left .cover .box .date{font-size:17px; font-family:Arial; color:#fac109; position:relative; padding-left:25px; margin-bottom:15px;} .news_ban .left .cover .box .date:after{content:''; width:19px; height:19px; background:url(../img/news_ban_2.png) no-repeat center; position:absolute; left:0; top:50%; margin-top:-10px;} .news_ban .left .cover .box .tit{font-size:24px; font-weight:bold; color:#fff; line-height:32px; width:72%;} .news_ban .left .cover .box .con{font-size:16px; color:#fff; color:rgba(255,255,255,0.7); line-height:30px; height:90px; overflow:hidden; width:63%; margin:25px 0 20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; } .news_ban .left .cover .box .links a{display:inline-block; vertical-align:middle;width:98px; height:34px; line-height:34px; border:1px solid #C9C9C9; text-align:center; color:rgba(255,255,255,0.8); font-size:14px; margin-bottom:5px; font-weight:lighter; margin-right:1em;} .news_ban .left .cover .box .links a:hover{background:#fac109; border-color:#fac109; color:#000;} .news_ban .right{width:34.5%; float:right; background:#fff;} .news_ban .right .rect-89{padding-bottom:88.6%;} .news_ban .right .item{display:none;} .news_ban .right .owl-item .item{display:block;} .news_ban .right .box {padding:65px 50px;} .news_ban .right .box .date{font-size:16px; font-family:Arial; color:#000; margin-bottom:2px; position:relative; padding-left:25px; margin-bottom:20px;} .news_ban .right .box .date:after{content:''; width:19px; height:19px; background:url(../img/news_ban_3.png) no-repeat center; position:absolute; left:0; top:50%; margin-top:-10px;} .news_ban .right .box .tit{font-size:24px; font-weight:bold; color:#000; line-height:1.2; height:145px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical;} .news_ban .right .box .con{font-size:16px; color:#000; line-height:30px; height:90px; overflow:hidden; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; margin:25px 0 30px;} .news_ban .right .box .links a{display:inline-block; vertical-align:middle; padding:0 12px; height:28px; line-height:28px; border:1px solid #6a6a6a; text-align:center; color:#6a6a6a; margin-right:8px; margin-bottom:5px;} .news_ban .right .box .links a:hover{background:#fac109; border-color:#fac109; color:#fff;} .news_ban .right .owl-nav{position:absolute; bottom:50px;left:35px;} .news_ban .right .owl-nav>div{width:50px; height:50px; display:inline-block; font-size:0; top:50%; margin-top:-26px; transition:.3s ease; vertical-align:top;} .news_ban .right .owl-nav .owl-prev{background:url(../img/news_center_rb.png) no-repeat center; background-color:#dfddde; margin-right:8px;} .news_ban .right .owl-nav .owl-next{background:url(../img/news_center_rb.png) no-repeat center; background-color:#dfddde; transform:rotate(180deg);} .news_ban .right .owl-nav > div:hover{background-color:#fac109;} .news_list01 .form{width:70%; margin:0 auto; background:#f6f6f6; position:relative;} .news_list01 .form .sele_wrap{float:left; height:58px; line-height:58px; position:relative; box-sizing:border-box; width:17%;} .news_list01 .form .sele_wrap:after{content:''; width:1px; height:24px; background:#cbcbcb; position:absolute; right:0; top:50%; margin-top:-12px;} .news_list01 .form .sele_wrap .sele{height:58px; line-height:58px; border:none; background:transparent; width:100%; padding-left:12px; box-sizing:border-box;} .news_list01 .form .sele_wrap .inp{height:58px; line-height:58px; border:none; background:transparent; width:100%; padding-left:12px; box-sizing:border-box; padding:0;} .news_list01 .form .sele_inp_wrap:after{display:none;} .news_list01 .form .sele_year_wrap{width:17%;} .news_list01 .form .sele_mon_wrap{width:17%;} .news_list01 .form .sele_inp_wrap{width:33%; color:#666666; padding-left:20px; box-sizing:border-box;} .news_list01 .form .btns{width:58px; height:58px; border:1px solid #777; line-height:58px; text-align:center; background:none; padding:0; margin:0; outline:none; display:flex; align-items:center; justify-content:center; cursor:pointer; position:absolute; right:0; top:0;} .news_list01 .form .btns .icon{width:22px; height:22px; display:inline-block; background:url(../img/news_list01_1.png) no-repeat center;} .news_list01 .form .btns span{display:none;} .news_list01 .form .sele.select-ui-choose ._arrow{right:1em;} body .select-ui-options-default li:hover{background:#fac109;} .news_list01 .select-ui-choose-default ._arrow .arr{border:none; width:10px; height:5px; background:url(../img/job_jt.png) no-repeat center;} .news_list01 .select-ui-choose-default.on ._arrow .arr{margin-top:-0.2em;} .news_list02{margin-top:54px;} .news_list02 .rect-60{padding-bottom:60%;} .news_list02 li{margin-bottom:30px;} .news_list02 .li_box{display:block; background:#f6f6f6; position:relative} .news_list02 .li_box .img_{width:25.5%; float:left;} .news_list02 .li_box .intro_{width:65%; float:left;} .news_list02 .li_box .intro_ .box{padding:40px 230px 30px 55px;} .news_list02 .li_box .intro_ .box .tit{font-size:24px; line-height:30px; color:#000; font-weight:bold; margin-bottom:13px;transition:all 0.5s ease;} .news_list02 .li_box .intro_ .box .tit a{transition:all 0s ease;} .news_list02 .li_box .intro_ .box .con{font-size:16px; line-height:30px; color:#000; height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .news_list02 .li_box .intro_ .box .con a{font-size:16px; line-height:30px; color:#000; height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all;} .news_list02 .li_box .intro_ .box .con a{color:#000;} .news_list02 .li_box .intro_ .box .time{display:none;} .news_list02 .li_box .intro_ .box .link{margin-top:25px;} .news_list02 .li_box .intro_ .box .link a{display:inline-block; padding:0 22px; height:34px; line-height:34px; border:1px solid #C9C9C9; margin-right:1em;} .news_list02 .li_box .intro_ .box .link a:hover{background:#fac109; color:#fff;} .news_list02 .li_box .date{width:9%; height:100%; position:absolute; right:0; top:0;} .news_list02 .li_box .date:after{content:''; width:19px; height:31px; background:url(../img/news_list02_2.png) no-repeat center; position:absolute; left:-18px; top:50%; transform:translateY(-50%); opacity:0 ;visibility:hidden; transition:all 0.5s ease;} .news_list02 .li_box .date .box{height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#000; transition:all 0.5s ease;} .news_list02 .li_box .date .box .year{font-size:.6rem; line-height:.6rem; font-weight:bold;} .news_list02 .li_box .date .box .day{font-size:18px; line-height:26px;} .news_list02 .li_box:hover .intro_ .box .tit{color:#fac109;} .news_list02 .li_box:hover .date .box{background:#fac109;} .news_list02 .li_box:hover .date:after{opacity:1; visibility:visible;} /* 新闻列表 end */ /* 分页 start */ .news_page{font-size:16px; color:#000000; text-align:center; } .news_page a{display:inline-block; vertical-align:middle; width:.56rem; height:.56rem; line-height:.56rem; margin-right:3px; text-align:center; background-color:transparent; border-radius:50%;} .news_page .goprev i, .news_page .gonext i, .news_page .count i{font-size:40px; color:#afafaf; vertical-align:top; margin:0;} /* .news_page a:nth-child(n+4){background-color:transparent;} */ .news_page a:first-child{background-color:#f0efed;} .news_page a:last-child{background-color:#f0efed;} .news_page a.current{color:#000000; background:#fac109;} .news_page a:hover{color:#000000; background:#fac109;} .news_page a:hover i{color:#000000;} .news_page .omit{display:none; background-color:#f0efed!important;} @media only screen and (max-width:760px){ .news_page a{width:42px; height:42px; line-height:42px;} .news_page .goprev, .news_page .gonext, .news_page .count{display:inline-block;} } /* 分页 end */ /* 新闻详细 */ .channel_content.news_detail{margin-top:.9rem;} .news_detail01 .left{width:73.5%; float:left;} .news_detail01 .left .tit{font-size:36px; line-height:40px; color:#000; font-weight:bold; margin-bottom:20px;} .news_detail01 .left .con{margin-top:0.22rem;} .news_detail01 .left .con .switcher{display:inline-block;} .news_detail01 .left .con .time{margin-right:30px; font-size:16px; color:#5d5d5d; line-height:30px;} .news_detail01 .left .share_box{text-align:center; position:relative; margin-top:30px; margin-bottom:55px} .news_detail01 .left .share_box .line{position:absolute; width:100%; height:1px; background:#dddddd; top:0; left:0; top:50%; margin-top:-1px;} .news_detail01 .left .share_box li{position:relative; z-index:2; background:#fff; display:inline-block; padding:0 .2rem;} .news_detail01 .left .share_box li a i{color:#21262c; font-size:.28rem; margin:0; transition:all .3s ease;} .news_detail01 .left .share_box li a:hover i{color:#fac109;} .news_detail01 .left .text{border-bottom:1px solid #dfdfdf; padding-bottom:65px; line-height:2; font-size:16px; color:#000;} .news_detail01 .left .text a{color:#fac109;} .news_detail01 .left .btns{text-align:center; width:100%; margin-top:25px; font-size:16px;} .news_detail01 .left .btns .to_list{display:inline-block; color:#fff; padding:0 50px; line-height:40px; background:#fac109; margin-top:10px;} .news_detail01 .left .btns .prev{text-align:left; width:30%;} .news_detail01 .left .btns .next{text-align:right; width:30%;} .news_detail01 .left .btns i{margin:0;} .news_detail01 .left .btns a:hover .con15{color:#fac109;} .news_detail01 .right{width:22%; float:right;} .news_detail01 .right .title{background:#fac109; font-size:18px; color:#000; line-height:62px; padding-left:26px; box-sizing:border-box;} .news_detail01 .right .item{border:1px solid #ececec; border-top:none; margin-bottom:24px; box-sizing:border-box;} .news_detail01 .right .item .item_con{ box-sizing:border-box; font-size:0;} .news_detail01 .right .item .item_con .t{font-size:16px; line-height:30px; color:#5d5d5d; padding:20px;} .news_detail01 .right .item .item_con .time{font-size:12px; color:#5d5d5d; line-height:12px; margin-bottom:4px;} .news_detail01 .right .item .item_con .tit{transition:all 0.5s ease; font-size:15px; color:#000;} .news_detail01 .right .item .item_con .sub{position:relative; margin:0 20px 20px;} .news_detail01 .right .item .item_con .sub input{border:1px solid #ececec; width:100%; line-height:60px; box-sizing:border-box; text-indent:10px; padding:0; height:60px; font-size:15px; color:#5d5d5d;} .news_detail01 .right .item .item_con .sub input::-webkit-input-placeholder{color:#b3b3b3; font-size:15px; text-indent:15px; line-height:60px; height:60px;} .news_detail01 .right .item .item_con .sub input::-moz-placeholder{color:#b3b3b3; font-size:15px; text-indent:15px; line-height:60px; height:60px;} .news_detail01 .right .item .item_con .sub input:-moz-placeholder{color:#b3b3b3; font-size:15px; text-indent:15px; line-height:60px; height:60px;} .news_detail01 .right .item .item_con .sub input:-ms-input-placeholder{color:#b3b3b3; font-size:15px; text-indent:15px; line-height:60px; height:60px;} .news_detail01 .right .item .item_con .sub button{outline:none; border:none; padding:0 12px; box-sizing:border-box; line-height:48px; background:#777; cursor:pointer; position:absolute; right:6px; top:50%; margin-top:-24px; color:#fff;} .news_detail01 .right .item .item_con li{padding:20px 20px;} .news_detail01 .right .item .item_con li:last-child{margin-bottom:0;} .news_detail01 .right .item .item_con li:hover{background:#FEF1D8;} .news_detail01 .right .item.item02{display:none;} .news_detail01 .left .btns .to_list{color:#000;} .news_detail01 .left .text table {width: 100%!important;} /* 新闻详情 end */ /* 营销中心 */ .pageHeader.xc_pageHeader.market{box-shadow:unset;} .pageHeader.market_full{display:none;} .market01.market_full{margin-top:0;} .market02 .left.market_full{display:none;} .market02 .right.market_full{width:100%; height:calc(100vh - .7rem)!important;} .pageHeader.xc_pageHeader.market .header{box-shadow:unset; border-bottom:1px solid rgba(0, 0, 0, 0.1);} .channel_content.market{padding:0;} .market01{position:relative; margin-top:.9rem; z-index:3; background-color:#ffffff;} .market01 .tit{float:left; width:10.4%; white-space:nowrap; height:.8rem; margin-right:11.6%; line-height:.8rem; color:#000000; font-weight:bold;} .market01 .center{float:right; width:78%; height:.8rem; box-sizing:border-box;} .market01 .center .form_box form{height:.8rem;} .market01 .center .form_box form{display:flex; align-items:center; justify-content:flex-end;} .market01 .center .form_box .item{line-height:.48rem; background-color:#f5f5f5; cursor:pointer; height:.48rem; width:26.7%; margin-right:1.7%; position:relative;} .market01 .center .form_box .item .cell span{display:block; padding:0 .2rem; position:relative; font-size:.16rem; color:#8c8c8c;} .market01 .center .form_box .item .cell span i{display:inline-block; width:.14rem; height:.08rem; background:url(../img/market01_icon04.png) no-repeat center/contain; position:absolute; right:.2rem; top:50%; transform:translateY(-50%); transition:all 0.5s ease;} .market01 .center .form_box .item.cur span i{transform: translateY(-50%) rotateZ(180deg);} .market01 .center .form_box .item ul {position:absolute; top:calc(100% + 1px); left:0; width:100%; border:1px solid #E1E1E1; display:none; box-sizing:border-box; background:#f5f5f5; z-index:20; height:2.4rem; overflow-y:auto;} .market01 .center .form_box .item ul::-webkit-scrollbar{width:4px; height:2px;} .market01 .center .form_box .item ul::-webkit-scrollbar-thumb{border-radius:2px; background:#bdbbbc;} .market01 .center .form_box .item ul::-webkit-scrollbar-track{border-radius:2px; background:transparent;} .market01 .center .form_box .item ul li{transition:all .3s ease;} .market01 .center .form_box .item ul li:hover{background-color:#fac109;} .market01 .center .form_box .item ul li a{display:block; padding:0 .2rem; line-height:.4rem;} .market01 .center .form_box .item ul li:hover a{color:#000000;} .market01 .center .form_box .item.item_search .cell span button{display:block; width:.18rem; height:.19rem; background:url(../img/market01_icon05.png) no-repeat center/contain; position:absolute; right:.2rem; top:50%; transform:translateY(-50%); transition:all 0.5s ease; margin:0; padding:0; border:none;} .market01 .center .form_box .item.item_search .cell span input{padding:0; border:none; font-size:.16rem; line-height:.48rem; background-color:transparent; width:80%;} .market01 .center .form_box .item.item_search{cursor:pointer;} .market01 .center .form_box .item_remake{font-size:0; margin-right:.2rem; cursor:pointer;} .market01 .center .form_box .item_remake button{display:inline-block; width:.3rem; height:.3rem; margin:0; padding:0; border:none; background:url(../img/market01_icon06.png) no-repeat center/contain;} .market01 .center .form_box .item_full{font-size:0; cursor:pointer; width:calc(14.8% - .5rem); white-space:nowrap;} .market01 .center .form_box .item_full span{display:inline-block; vertical-align:middle; font-size:.16rem; line-height:.3rem; color:#000000;} .market01 .center .form_box .item_full i{display:inline-block; vertical-align:middle; width:.3rem; height:.3rem; margin:0; padding:0; border:none; background:url(../img/market01_icon07.png) no-repeat center/contain; margin-right:.1rem;} .market02 .area{position:relative;} .market02 .left{position:absolute; left:0; top:0; width:100%; height:100%; z-index:0; background-color:#f8f8f8; padding-top:.65rem; padding-bottom:.5rem; box-sizing:border-box; overflow:hidden;} .market02 .left .wrap{height:100%;} .market02 .left .list{width:30.5%; padding-right:.55rem; box-sizing:border-box; overflow-y:auto; height:100%;} .market02 .left .list::-webkit-scrollbar{width:4px; height:2px;} .market02 .left .list::-webkit-scrollbar-thumb{border-radius:2px; background:#bdbbbc;} .market02 .left .list::-webkit-scrollbar-track{border-radius:2px; background:#ffffff;} .market02 .left .list .item:first-child{padding-top:0;} .market02 .left .list .item{padding:.45rem 0 .3rem; border-bottom:1px solid rgba(34, 34, 34, .1);} .market02 .left .list .item .index_box{font-size:0; margin-bottom:.4rem; padding-left:.45rem; position:relative;} .market02 .left .list .item:last-child{margin-bottom:0;} .market02 .left .list .item .index_box:last-child{margin-bottom:0;} .market02 .left .list .item .index_box i{background:url(../img/market01_icon01.png) no-repeat center/contain; width:.2rem; height:.2rem; position:absolute; top:.02rem; left:0;} .market02 .left .list .item .index_box span{display:inline-block; vertical-align:middle; font-size:.18rem; line-height:.24rem; color:#000000;} .market02 .left .list .item .index_box.index_name span{font-weight:bold; transition:all .3s ease;} .market02 .left .list .item .index_box.index_location i{background:url(../img/market01_icon02.png) no-repeat center/contain;} .market02 .left .list .item .index_box.index_name span:hover{color:#fac109;} .market02 .left .list .item .index_box.index_tel i{background:url(../img/market01_icon03.png) no-repeat center/contain;} .market02 .right{position:relative; z-index:1; width:64.3%; height:7.6rem!important; float:right;} .market02 .right img{width:100%; height:100%; object-fit:cover;} .market02 .right.bmap-container #platform .shadow{display:none;} /*20240509lyx*/ .xc_nav li {margin-right:.46rem;} .xc_nav li:last-child {margin-right:.46rem;} .f_top .left .common_more i {margin-right:.3rem;} .f_bottom .left .center {float:right; padding-left:50px;} .news_ban .right .box .con {display:none;} .news_ban .left::after{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; background:url(../img/news_list01_2.png) no-repeat center; background-size:cover; content:'';} .news_ban .left .cover{z-index:1;} .news_list02 .li_box .intro_ .box {padding:40px 100px 30px 55px;} /* 全站搜索 样式修改 */ body .searchArea {padding:20px 0!important;} body .resultArea .content_form{border:none;} body .searchArea .content_form .form_box .search .btn_wrap .btns:hover{background-color:#fac109;} body .resultArea #botBtn a::before{background-color:#fac109;} body .resultArea #botBtn a:hover{color:#000000;} body .searchArea .content_form .form_box .search .btn_wrap .btns::before{background-color:#fac109;} body .searchArea .content_form .form_box .search .btn_wrap .btns:hover{color:#000000;} /* 联系我们选择下拉 */ body .select-ui-options-default{max-height:2.4rem!important;} body .select-ui-options-default li:hover{color:#000000;} body .select-ui-options-default li{padding-left:.2rem; padding-right:.2rem;} body .select-ui-choose-default ._txt{padding-left:.2rem;} body .select-ui-options-default::-webkit-scrollbar{width:4px; height:2px;} body .select-ui-options-default::-webkit-scrollbar-thumb{border-radius:2px; background:#bdbbbc;} body .select-ui-options-default::-webkit-scrollbar-track{border-radius:2px; background:transparent;} /* 联系我们 地图插件修改 */ /* /* body .BMap_bubble_pop{padding:10px!important; box-sizing:border-box; height:1rem; overflow:visible; width:5rem!important;} body .BMap_bubble_pop .BMap_bubble_top{height:auto!important;} body .BMap_bubble_pop .BMap_bubble_center{width:100%!important; height:auto!important;} body .BMap_bubble_pop .BMap_bubble_center .BMap_bubble_content{width:100%!important; height:auto!important;} body .BMap_bubble_pop .BMap_bubble_top .BMap_bubble_title{white-space:unset!important; height:auto!important; line-height:24px!important; width:100%!important;} body .BMap_bubble_pop::-webkit-scrollbar{width:4px; height:2px;} body .BMap_bubble_pop::-webkit-scrollbar-thumb{border-radius:10px; background:#fac109;} body .BMap_bubble_pop::-webkit-scrollbar-track{border-radius:10px; background:transparent;} body .BMap_bubble_pop{padding:10px;} */ /* .market02 .right img{top:inherit!important} */ body .bg-primary{background-color:#fac109;} body .box_wrap_title{color:#000000;} body .box_wrap_remind{color:#000000;} /* 20240516 互审修改 */ .about_us02 li{display:inline-block; float:unset; width:auto; vertical-align:middle; margin-right:13.3%; text-align:left;} .about_us02 li:last-child{margin-right:0;} .xc_nav.pro_list li:last-child{margin-right:0;} .pro_detail02 .section01 .calendar {padding-bottom: .8rem;} .pro_detail02 .add_later {padding-bottom: 0rem;} .pro_detail02 .add_later {padding-top: 0rem;} .BMap_pop .BMap_center{border-left:1px solid #ababab; border-right:1px solid #ababab; background-color:#fff;} .BMap_pop .BMap_top{border-top:1px solid #ababab; background-color:#fff;} .BMap_pop .BMap_bottom{border-bottom:1px solid #ababab; background-color:#fff;} .attas_list .pro_detail01 .content .right .img_left {width: 92%;} .attas_list .pro_detail01 .content .right {width: 51.6%;} .attas_list .pro_detail01 .content .left {width: 46.9%;} .market01{margin-top: 1rem;} .pro_list01 .new_top .slide_box .img {margin-bottom: .10rem;} .news_detail01 .right .item .item_con li {padding: 15px 20px;} .comparePro_list .bott_ .content.two_pro .img_box li {width: 31%; margin-left: 2%;} .about_us03 .play_overlay .play_btn {transform: translate(-50%, -40%);} .news_ban .right .box {padding: 65px 32px;} /* 0530 */ .pro_list01 .new_top .content .add_box{margin-left:-.5rem; margin-right:-.5rem; position:relative;} .pro_list01 .new_top .swiper-container{width:calc(100% - 1rem); margin:0 auto;} .pro_list01 .new_top .content .add_box .pc_swiper_btn{position:absolute; top:50%; transform:translateY(-50%); cursor:pointer; color:#000000; transition:all .3s ease; z-index:24;} .pro_list01 .new_top .content .add_box .pc_swiper_btn:hover{color:#fac109;} .pro_list01 .new_top .content .add_box .pc_swiper_btn i{font-size:.8rem; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0;} .pro_list01 .new_top .content .add_box .pc_swiper_btn.pc_prev_btn{left:0;} .pro_list01 .new_top .content .add_box .pc_swiper_btn.pc_next_btn{right:0;} .pro_list01 .new_top .content .add_box .pc_swiper_btn.disabled{opacity:0.35;} .pro_list01 .new_top .content .add_box .pc_swiper_btn.noshow{display:none;} .pro_list01 .new_top .slide_box{padding:0 .41rem; padding-bottom:.2rem;} /* 6.12俄文站修改 */ .about_us02 li{display:inline-block; float:unset; width:auto; vertical-align:middle; margin-right:7%; text-align:left;} .about_us02 li .num span{font-size:.6rem; line-height:.6rem;} .pro_detail02 .section05 .content .article .tit{text-align:center; width:100%;} .header .inav_wrapper .nav_li .nav_down .left .content .intro ul li{line-height:24px; padding-bottom:4px; padding-top:4px;} .header .inav_wrapper .nav_li .nav_down .left .content .intro ul li:before{top:11px; transform:translateY(0);} .header .inav_wrapper .nav_li:nth-child(2) .nav_down .left .content .intro ul{display:flex; align-items:flex-start; justify-content:flex-start; flex-wrap:wrap; height:2rem; flex-direction:column;} .pro_detail02 .section08 .left .index_box .swiper_btn:nth-child(2){margin-right:0;} .pro_list01 .left_btns{display:none;} .attas_list .pro_detail02 .section08{margin-top:0;} .contact_us01 .list .ul_{align-items:flex-start;} .pro_detail02 .section01 .calendar .content .right .item.cur .index_box .con{max-height:unset;} .pro_detail02 .section01 .calendar .content .right .list iframe{width: 60%; margin: 0 auto; height: 450px} :root .pro_detail02 .section08 .right .active .btns .pro_compare{margin-bottom:.075rem;} .comparePro_list .bott_ .content.two_pro .img_box li{width:48%;} .xc_banner.pro_list .pro_img{height:100%; right:10%; text-align:right;} .xc_banner.pro_list .pro_img img{height:100%; width:auto; max-width:none;} body .resultArea{min-height:2rem;} @media screen and (max-width: 1200px) { .pro_detail02 .section01 .calendar .content .right .list iframe{width: 95%; margin: 0 auto; height: 350px} } .news_ban .left .rect-49 img{object-fit:cover;} .news_list02 .li_box .img_ .rect-60 ._full{object-fit:cover;} .pro_detail02 .add_later .content .right .rect-6533{padding-bottom:70.25%;} .pro_detail02 .section04 .content .rect-6012{padding-bottom:70.25%;} .pro_detail02 .section06 .content .rect-743{padding-bottom:67.58%;} .pro_detail02 .add_later .content .left .add_box{width:73%; margin:0 auto; position:absolute; top:50%; transform:translateY(-50%); left:0.7rem;} .pro_detail02 .add_later .content .left .con{max-height:2.7rem;} .pro_detail02 .add_later .content{margin-bottom:.25rem;} .pro_detail02 .add_later .content:last-child{margin-bottom:0;} /* 20240809 */ /* 实名举报 start*/ .jubao01 .wrap{overflow:hidden;} .jubao01 .content{overflow:hidden; padding-right:40px;} .jubao01 .content .inp{float:left; width:29%; margin-right:4%; margin-bottom:15px; position:relative;} .jubao01 .content .inp label{float:left; width:22%; font-size:15px; color:#5c5c5c; font-weight:lighter; margin-right:3%; line-height:45px; height:45px;} .jubao01 .content .inp .stars{color:red; margin-left:5px; position:absolute; right:-14px; top:50%; margin-top:-10px; height:20px; line-height:20px;} .jubao01 .content .inp .inp_box{overflow:hidden; background:#f4f4f4; /*width:75%;*/ float:left;margin-right: 4%;} .jubao01 .content .inp input{width:100%; float:left; border:none; background:transparent; line-height:45px; height:45px; text-indent:20px; box-sizing: border-box;} .jubao01 .content .inp select{width:100%; float:left; border:none; background:transparent; line-height:45px; height:45px;} .jubao01 .content .inp .select-ui-choose-default{display:block; border:none; background:transparent; line-height:45px; height:45px;} .jubao01 .content .inp .select-ui-choose-default ._arrow{width:2em;} .jubao01 .content .inp_text{width:100%; margin-right:0;} .jubao01 .content .inp_text label{width:7%; margin-right:0;} .jubao01 .content .inp_text .text_box{overflow:hidden; background:#f4f4f4; width:87.6%; float:left;} .jubao01 .content textarea{background:#f4f4f4; border:none; height:100px; width:91.5%; font-size:16px;color:#5c5c5c;font-weight:lighter; padding:20px 30px;} .jubao01 .content .btn_box{margin-top:20px;} .jubao01 .content .btn_box button{cursor:pointer; background:#fac109; color:#000; width:147px; height:50px; line-height:50px; display:block;text-align:center;font-size:17px; font-weight:bold; float:left; border:none; outline:none;} .jubao01 .content .btn_box button.btn1{margin-left:7%;} .jubao01 .content .inp .inp_box, .jubao01 .content .inp_text .text_box{border:1px solid #e0dede;} .jubao01 .content .inp .inp_box:hover, .jubao01 .content .inp .inp_box:hover textarea{background:#eae9e9} .jubao01 .content .inp .inp_box:hover, .jubao01 .content .inp_text:hover .text_box{border:1px solid #d8d7d7;} .jubao01 .content .inp_text .stars{right:3%; top:10%;} .jubao01 .content .Validform_checktip{position:absolute; right:20px; top:12px;} .jubao01 .content .inp_text .Validform_checktip{right:70px;} .jubao01 .uploadImg{display:inline-block; margin-left:7%;} .jubao01 .uploadImg .btns{background:#eee; padding:5px 10px; cursor:pointer; transition:.5s ease;} .jubao01 .uploadImg:hover .btns{background:#fac109; color:#000;} .jubao01 .left{width:78%; float:left;} .jubao01 .right{width:17%; float:right;border-left: 1px solid #ccc; padding-left:3%;} .jubao01 .right .tit{font-size:16px;} .jubao01 .right .txt_{margin:20px 0;} .jubao01 .right .txt_ span{width:72px; display:inline-block;} .jubao01 .content .wxts{margin-left:70px;} /* 举报进度查询 */ .chaxun01 .inp_box{position:relative; margin-bottom:30px;} .chaxun01 .inp_box input{width:76%; border-radius:30px; border:1px solid #e0dede; overflow:hidden; background:#f4f4f4; line-height:45px; height:45px; text-indent:3em;} .chaxun01 .inp_box i{position:absolute; left:10px; font-size:18px; top:10px;} .chaxun01 .inp_box .submit{display:inline-block; margin-left:2%; cursor: pointer; background:#fac109; color:#000; width:147px; height:50px; line-height:50px; text-align:center; font-size:17px; font-weight:bold; border:none; outline:none;} .chaxun01 .item{margin-bottom:30px;} .chaxun01 .item .tit{font-size:16px; margin-bottom:15px;} .chaxun01 .item .con{background:#f4f4f4; padding:30px;} .chaxun01 .item .con ul{position:relative;} .chaxun01 .item .con ul:after{content:''; position:absolute; left:3px; top:7px; width:1px; height:70%; background:#fac109;} .chaxun01 .item .con ul li{position:relative; padding-left:15px; margin-bottom:10px;} .chaxun01 .item .con ul li:after{content:''; position:absolute; width:6px; height:6px; border-radius:50%; left:0; top:7px; background:#fac109;} .chaxun01 .item .con ul.on:after{background:red;} .chaxun01 .item .con ul.on li:after{background:red;} /* 李岸南修改的中文直接拿来了 */ .jubao01 .content .inp.yzm_box .inp_box{width:25%; margin-right:25px;} .jubao01 .content .inp.yzm_box{width:100%; margin-right:0;} .jubao01 .content .inp.yzm_box label{width:7%; margin-right:0; height:47px;} .jubao01 .content .inp.yzm_box img{float:left; width:auto; height:47px;} .jubao01 .content .wxts01{margin-left:7%;} .jubao01 .content .wxts{margin-left:7%;} .jubao01 .content .inp_text .stars{right:3.7%;} .jubao01 .content .Validform_checktip{right:8px; top:unset; bottom:-18px;} .jubao01 .content .inp.yzm_box span.change{line-height: 50px;} /* 二维码弹窗 */ .ewm_tc{display:none;} .ewm_tc .bg{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:10;} .ewm_tc .content{width:280px; text-align:center; height:auto; background:#90c439; position:fixed; z-index:11; top:50%; margin-top:-155px; left:50%; margin-left:-140px;} .ewm_tc .content .box{padding:10px;} .ewm_tc .content .box .top_{background:#fff; padding:10px; margin-bottom:10px;} .ewm_tc .content .box .top_ .tit{font-size:16px; font-weight:bold;} .ewm_tc .content .box .top_ .img{margin:10px 0;} .ewm_tc .content .box .top_ .img img{margin:0 auto} .ewm_tc .content .close{position:absolute; right:10px;top:10px;font-size:18px; cursor:pointer;} /* 20240809新修改的 */ .jubao01 .content .inp{width:32%; margin-right:2%;} .jubao01 .content .inp:nth-child(3n){margin-right:0;} .jubao01 .content .inp .stars{position:static;} .jubao01 .content .inp label, .jubao01 .content .inp.yzm_box label{width:60px; margin-right:10px; text-align:right;} .jubao01 .content .inp .inp_box{width:calc(100% - 70px); box-sizing:border-box; margin-right:0;} .jubao01 .content .inp_text .text_box{width:calc(100% - 70px); box-sizing:border-box;} .jubao01 .content .inp.inp_text{width:100%; margin-right:0;} .jubao01 .uploadImg, .jubao01 .content .btn_box button.btn1, .jubao01 .content .wxts, .jubao01 .content .wxts01{margin-left:70px;} .jubao01 .content .inp label{line-height:20px; padding:10px 0; height:auto;} .jubao01 .content textarea{padding:20px;} .jubao01 .content .inp .inp_box input{font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .jubao01 .content .inp .inp_box input::-webkit-input-placeholder {font-size:14px;} .jubao01 .content .inp.yzm_box label{padding:0; word-break: break-all;} .news_detail01 .left .share_box li a.icon1 i {width:28px;}